@codeandfunction/callaloo 1.1.3 → 1.3.0

package/dist/types.d.ts

@@ -1,3 +1,5 @@
+import { CLOrder } from 'src';
+
 export declare enum Align {
     Left = "left",
     Center = "center",
@@ -23,6 +25,7 @@ export interface BannerProps {
     onClick?: (event?: Event) => void;
 }
 export declare enum CardTypes {
+    Tiny = "tiny",
     Compact = "compact",
     Small = "small",
     Medium = "medium",
@@ -30,22 +33,29 @@ export declare enum CardTypes {
     XLarge = "xlarge"
 }
 export interface CardProps {
+    active?: boolean;
+    align?: Align;
+    byline?: string;
     busy?: boolean;
-    type?: CardTypes;
+    elevated?: boolean;
+    forwardRef?: (elem: HTMLDivElement) => void;
+    height?: string;
+    href?: string;
     image?: string;
-    imageRight?: boolean;
-    imageWidth?: string;
+    imageAltText?: string;
+    imageOrder?: CLOrder;
     imageHeight?: string;
+    imageWidth?: string;
+    onClick?: (event?: Event) => void;
+    padded?: boolean;
+    rounded?: boolean;
+    target?: LinkTarget;
     title?: string;
     titleType?: HeadingTypes;
-    byline?: string;
+    titleHLevel?: HeadingLevels;
     theme?: Themes;
-    active?: boolean;
+    type?: CardTypes;
     width?: string;
-    height?: string;
-    rounded?: boolean;
-    align?: Align;
-    onClick?: (event?: Event) => void;
 }
 export type CheckboxThemes = Exclude<Themes, Themes.Transparent | Themes.Outline | Themes.OutlineDanger | Themes.OutlineInfo | Themes.OutlinePrimary | Themes.OutlineSecondary | Themes.OutlineSuccess | Themes.OutlineWarning>;
 export declare enum DarkMode {
@@ -54,6 +64,14 @@ export declare enum DarkMode {
     System = "system"
 }
 export type HeadingThemes = Extract<Themes, Themes.Light | Themes.Dark>;
+export declare enum HeadingLevels {
+    H1 = "h1",
+    H2 = "h2",
+    H3 = "h3",
+    H4 = "h4",
+    H5 = "h5",
+    H6 = "h6"
+}
 export declare enum HeadingTypes {
     Title = "title",
     PageTitle = "pagetitle",
@@ -83,9 +101,17 @@ export declare enum IconNames {
     Image = "tabler:photo",
     Instagram = "tabler:brand-instagram",
     Layout = "tabler:layout",
+    Link = "tabler:link",
     LinkedIn = "tabler:brand-linkedin",
     LogIn = "tabler:login",
     LogOut = "tabler:logout",
+    MoodDollar = "tabler:mood-dollar",
+    MoodHeart = "tabler:mood-heart",
+    MoodPuzzled = "tabler:mood-puzzled",
+    MoodSadSquint = "tabler:mood-sad-squint",
+    MoodSmile = "tabler:mood-smile",
+    MoodWink2 = "tabler:mood-wink-2",
+    MoodWrrr = "tabler:mood-wrrr",
     Plus = "tabler:plus",
     PlusCircle = "tabler:circle-plus",
     Mail = "tabler:mail",
@@ -94,6 +120,9 @@ export declare enum IconNames {
     MoreVertical = "tabler:dots-vertical",
     Search = "tabler:search",
     Settings = "tabler:settings",
+    Share = "tabler:share",
+    Share2 = "tabler:share-2",
+    Share3 = "tabler:share-3",
     Sliders = "tabler:adjustments",
     TikTok = "tabler:brand-tiktok",
     TrashCan = "tabler:trash",
@@ -102,6 +131,10 @@ export declare enum IconNames {
     X = "tabler:brand-x",
     YouTube = "tabler:brand-youtube-filled"
 }
+export declare enum IconStrokeWeight {
+    Light = "1",
+    Normal = "2"
+}
 export declare enum InputTypes {
     Date = "date",
     DateTimeLocal = "datetime-local",
@@ -129,12 +162,14 @@ export declare enum MessageType {
     Warning = "warning"
 }
 export interface NavItem {
-    id: string;
+    ariaLabel?: string;
+    external?: boolean;
     href?: string;
-    onClick?: (event?: Event) => void;
+    id: string;
     label: string;
+    onClick?: (event?: Event) => void;
+    rel?: string;
     target?: LinkTarget;
-    external?: boolean;
 }
 export interface Option {
     label: string;
@@ -174,12 +209,15 @@ export interface InputProps {
     type?: InputTypes;
     theme?: Themes;
     value?: string | number;
-    width?: string;
     onInput?: (event: Event) => void;
     onBlur?: (event: FocusEvent) => void;
     onFocus?: (event: FocusEvent) => void;
     onChange?: (event: Event) => void;
 }
+export declare enum Order {
+    After = "after",
+    Before = "before"
+}
 export declare enum Orientation {
     Horizontal = "horizontal",
     Vertical = "vertical"

package/package.json

@@ -5,7 +5,7 @@
     "name": "Anthony Cholmondeley",
     "url": "https://callaloo.codeandfunction.com"
   },
-  "version": "1.1.3",
+  "version": "1.3.0",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -21,23 +21,25 @@
   "typings": "./dist/index.d.ts",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.umd.cjs"
     }
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.1",
+    "@chromatic-com/storybook": "^2.0.1",
     "@iconify-icons/tabler": "^1.2.95",
     "@iconify/types": "^2.0.0",
+    "@iconify/utils": "^2.1.33",
     "@iconify/vue": "^4.1.2",
-    "@storybook/addon-a11y": "^8.2.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/core-server": "^8.2.9",
-    "@storybook/test": "^8.2.9",
+    "@storybook/addon-a11y": "^8.3.0",
+    "@storybook/addon-essentials": "^8.3.0",
+    "@storybook/addon-interactions": "^8.3.0",
+    "@storybook/core-server": "^8.3.0",
+    "@storybook/test": "^8.3.0",
     "@storybook/test-runner": "^0.19.1",
-    "@storybook/vue3": "^8.2.9",
-    "@storybook/vue3-vite": "^8.2.9",
+    "@storybook/vue3": "^8.3.0",
+    "@storybook/vue3-vite": "^8.3.0",
     "@types/node": "20.14.15",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
@@ -52,7 +54,7 @@
     "eslint-plugin-vue": "^9.27.0",
     "prettier": "^3.3.3",
     "sass": "^1.77.8",
-    "storybook": "^8.2.9",
+    "storybook": "^8.3.0",
     "typescript": "^5.5.4",
     "vite": "5.4.0",
     "vite-plugin-css-injected-by-js": "^3.5.1",