@codeandfunction/callaloo 1.13.6 → 1.14.1

package/dist/types.d.ts

@@ -8,6 +8,8 @@ export interface BannerProps {
     align?: Align;
     /** Sets the aria-label on the banner if the `onClick` property has been set. It should be used when the `onClick` property has been set. */
     ariaLabel?: string;
+    /** A boolean value when set to `true`, adds a border to the banner.  */
+    bordered?: boolean;
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: BorderRadius;
     /** A `boolean` value which dictates the busy state of the Banner. When set to `true`, it utilizes the `<CLSkeleton />` component. */
@@ -64,6 +66,8 @@ export interface CardProps {
     align?: Align;
     /** The border radius size. The property can be one of `CLBorderRadius`, e.g. `CLBorderRadius.Medium`. */
     borderRadius?: BorderRadius;
+    /** A boolean value when set to `true`, adds a border to the card.  */
+    bordered?: boolean;
     /** A `boolean` value which dictates the busy state of the card. When set to `true`, it utilizes the `<CLSkeleton />` component. */
     busy?: boolean;
     /** Appears below the title. Can be used to provide meta data, e.g. the time and date. */
@@ -368,6 +372,7 @@ export declare enum LinkTarget {
     Blank = "_blank",
     Self = "_self"
 }
+export type MessageThemes = Extract<Themes, Themes.Danger | Themes.Default | Themes.Success | Themes.Warning>;
 export declare enum MessageType {
     Default = "default",
     Danger = "danger",
@@ -430,7 +435,7 @@ export declare enum Position {
     Absolute = "absolute",
     Relative = "relative"
 }
-export type SimpleThemes = Extract<Themes, Themes.Dark | Themes.Danger | Themes.Default | Themes.Light | Themes.Primary | Themes.Success | Themes.Warning>;
+export type SimpleThemes = Extract<Themes, Themes.Dark | Themes.Danger | Themes.Default | Themes.Light | Themes.Primary | Themes.Secondary | Themes.Success | Themes.Warning>;
 export declare enum Sizes {
     Tiny = "tiny",
     Small = "small",
@@ -455,6 +460,31 @@ export declare enum TextTypes {
     Large = "large",
     XLarge = "xlarge"
 }
+export interface Shades {
+    100?: string;
+    200?: string;
+    300?: string;
+    400?: string;
+    500?: string;
+    600?: string;
+    700?: string;
+    800?: string;
+    900?: string;
+}
+export interface Theme {
+    primary?: Shades;
+    secondary?: Shades;
+    neutral?: Shades;
+    danger?: Shades;
+    warning?: Shades;
+    success?: Shades;
+    info?: Shades;
+}
+export interface ThemeConfig {
+    colors: Theme;
+    radius?: BorderRadius;
+}
+export type ThemeKeys = keyof Theme;
 export declare enum Themes {
     Default = "default",
     Primary = "primary",
@@ -495,8 +525,11 @@ export interface ToastProps {
     rounded?: boolean;
     /** Sets a custom ID used for unit tests. */
     testId?: string;
+    /** Sets the theme of the Toast. The property can be one of `CLToastThemes`, e.g. `CLThemes.Default` */
+    theme?: ToastThemes;
     /** Set the text of the title which should be displayed. */
     title?: string;
     /** Sets the width of the Toast, it's default value is `24rem`. */
     width?: string;
 }
+export type ToastThemes = Extract<Themes, Themes.Danger | Themes.Default | Themes.Primary | Themes.Secondary | Themes.Success | Themes.Warning>;

package/dist/utils/helper.d.ts

@@ -11,5 +11,6 @@ interface ChildIsVisibleInput {
 export declare const childIsVisible: ({ parent, child, threshold, }: ChildIsVisibleInput) => boolean;
 export declare const debounce: (fn: () => void, ms?: number) => (this: any, ...args: any | any[]) => void;
 export declare const hasSlotContent: (slots: any, slotName: string, component: string) => boolean;
+export declare const isBrowser: boolean;
 export declare const getMaxZIndex: () => number;
 export {};

package/package.json

@@ -3,7 +3,7 @@
   "description": "Callaloo is a Vue UI library. It is easy to integrate into any Vue3+ project, has a small footprint, can be easily themed, and provides commonly used components.",
   "author": {
     "name": "Anthony Cholmondeley",
-    "url": "https://callaloo.codeandfunction.com"
+    "url": "https://callaloo.dev"
   },
   "keywords": [
     "callaloo",
@@ -15,7 +15,7 @@
     "a11y",
     "component library"
   ],
-  "version": "1.13.6",
+  "version": "1.14.1",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -29,7 +29,7 @@
     "lint:js:fix": "eslint 'src/**/*.{ts,vue}' --fix",
     "lint:prettier": "prettier --check 'src/**/*.{ts,vue}'",
     "start": "yarn export:icons && storybook dev -p 4400 --no-open",
-    "test": "vitest --run",
+    "test": "vitest --run --passWithNoTests",
     "test:watch": "vitest",
     "test:ui": "vitest --ui --coverage",
     "test:storybook": "test-storybook --url http://127.0.0.1:4400",
@@ -37,6 +37,9 @@
     "pre-commit": "lint-staged"
   },
   "lint-staged": {
+    "src/**/*.vue": [
+      "yarn test"
+    ],
     "src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}": [
       "yarn test"
     ]
@@ -60,56 +63,61 @@
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",
     "@eslint/eslintrc": "^3.2.0",
-    "@eslint/js": "^9.15.0",
+    "@eslint/js": "^9.16.0",
     "@floating-ui/vue": "^1.1.5",
-    "@iconify-json/tabler": "^1.2.8",
+    "@iconify-json/tabler": "^1.2.10",
     "@iconify/types": "^2.0.0",
-    "@storybook/addon-a11y": "^8.4.5",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/cli": "^8.4.5",
-    "@storybook/core-server": "^8.4.5",
-    "@storybook/test": "^8.4.5",
-    "@storybook/test-runner": "^0.19.1",
-    "@storybook/vue3": "^8.4.5",
-    "@storybook/vue3-vite": "^8.4.5",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-interactions": "^8.4.7",
+    "@storybook/cli": "^8.4.7",
+    "@storybook/core-server": "^8.4.7",
+    "@storybook/test": "^8.4.7",
+    "@storybook/test-runner": "^0.20.1",
+    "@storybook/vue3": "^8.4.7",
+    "@storybook/vue3-vite": "^8.4.7",
     "@types/lodash": "^4.17.13",
     "@types/node": "22.10.1",
-    "@typescript-eslint/eslint-plugin": "8.16.0",
-    "@typescript-eslint/parser": "8.16.0",
+    "@types/stylis": "^4",
+    "@typescript-eslint/eslint-plugin": "8.17.0",
+    "@typescript-eslint/parser": "8.17.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.1",
     "@vitest/coverage-c8": "~0.33.0",
-    "@vitest/coverage-istanbul": "2.1.6",
-    "@vitest/coverage-v8": "2.1.6",
-    "@vitest/ui": "^2.1.6",
+    "@vitest/coverage-istanbul": "2.1.8",
+    "@vitest/coverage-v8": "2.1.8",
+    "@vitest/ui": "^2.1.8",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.5.1",
-    "eslint": "9.15.0",
+    "@vue/tsconfig": "^0.7.0",
+    "@wdns/vue-code-block": "^2.3.3",
+    "eslint": "9.16.0",
     "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-vue": "^9.31.0",
+    "eslint-plugin-vue": "^9.32.0",
     "glob": "^11.0.0",
-    "globals": "^15.12.0",
+    "globals": "^15.13.0",
     "husky": "^9.1.7",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
     "lodash": "^4.17.21",
+    "murmurhash": "^2.0.1",
     "playwright": "^1.49.0",
-    "prettier": "^3.4.1",
-    "sass": "^1.81.0",
-    "storybook": "^8.4.5",
+    "prettier": "^3.4.2",
+    "sass": "^1.82.0",
+    "storybook": "^8.4.7",
+    "stylis": "^4.3.4",
     "typescript": "^5.7.2",
-    "vite": "5.4.11",
+    "vite": "6.0.3",
     "vite-plugin-dts": "^4.3.0",
     "vite-plugin-lib-inject-css": "^2.1.1",
-    "vite-tsconfig-paths": "^5.1.3",
-    "vitest": "2.1.6",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "2.1.8",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0",
     "vue-tsc": "^2.1.10"
   },
   "packageManager": "yarn@4.5.0",
   "peerDependencies": {
+    "@floating-ui/vue": "^1.1.5",
     "vue": "^3.5.10"
   }
 }

package/dist/utils/tests.d.ts

@@ -1,9 +0,0 @@
-import { VueWrapper } from '@vue/test-utils';
-interface Input {
-    defaultProps: Record<string, any>;
-    component: any;
-    componentProps?: Record<string, any>;
-}
-export declare const renderComponent: (input: Input) => VueWrapper;
-export declare const sleep: (ms: number) => Promise<unknown>;
-export {};