@codeandfunction/callaloo 1.0.1

package/dist/types.d.ts

@@ -0,0 +1,240 @@
+export declare enum Align {
+    Left = "left",
+    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 interface BannerProps {
+    ariaLabel?: string;
+    busy?: boolean;
+    title?: string;
+    message?: string;
+    theme?: BannerThemes;
+    width?: string;
+    height?: string;
+    rounded?: boolean;
+    align?: Align;
+    onDismiss?: (event?: Event) => void;
+    onClick?: (event?: Event) => void;
+}
+export declare enum CardTypes {
+    Compact = "compact",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    XLarge = "xlarge"
+}
+export interface CardProps {
+    busy?: boolean;
+    type?: CardTypes;
+    image?: string;
+    imageRight?: boolean;
+    imageWidth?: string;
+    imageHeight?: string;
+    title?: string;
+    titleType?: HeadingTypes;
+    byline?: string;
+    theme?: Themes;
+    active?: boolean;
+    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 {
+    On = "dark",
+    Off = "light",
+    System = "system"
+}
+export type HeadingThemes = Extract<Themes, Themes.Light | Themes.Dark>;
+export declare enum HeadingTypes {
+    Title = "title",
+    PageTitle = "pagetitle",
+    Section = "section",
+    SubSection = "subsection"
+}
+export declare enum IconNames {
+    Archive = "tabler:archive",
+    AtSign = "tabler:at",
+    Book = "tabler:book",
+    Check = "tabler:check",
+    ChevronLeft = "tabler:chevron-left",
+    ChevronRight = "tabler:chevron-right",
+    ChevronUp = "tabler:chevron-up",
+    ChevronDown = "tabler:chevron-down",
+    Database = "tabler:database",
+    Delete = "tabler:x",
+    EditItem = "tabler:edit-circle",
+    EditPencil = "tabler:edit",
+    Email = "tabler:mail",
+    ExternalLink = "tabler:external-link",
+    Facebook = "tabler:brand-facebook-filled",
+    FileText = "tabler:file-text",
+    Grid = "tabler:grid",
+    Google = "tabler:brand-google-filled",
+    HelpCircle = "tabler:help-circle",
+    Image = "tabler:photo",
+    Instagram = "tabler:brand-instagram",
+    Layout = "tabler:layout",
+    LinkedIn = "tabler:brand-linkedin",
+    LogIn = "tabler:login",
+    LogOut = "tabler:logout",
+    Plus = "tabler:plus",
+    PlusCircle = "tabler:circle-plus",
+    Mail = "tabler:mail",
+    Menu = "tabler:menu-2",
+    MoreHorizontal = "tabler:dots",
+    MoreVertical = "tabler:dots-vertical",
+    Search = "tabler:search",
+    Settings = "tabler:settings",
+    Sliders = "tabler:adjustments",
+    TikTok = "tabler:brand-tiktok",
+    TrashCan = "tabler:trash",
+    Twitter = "tabler:brand-twitter-filled",
+    WhatsApp = "tabler:brand-whatsapp",
+    X = "tabler:brand-x",
+    YouTube = "tabler:brand-youtube-filled"
+}
+export declare enum InputTypes {
+    Date = "date",
+    DateTimeLocal = "datetime-local",
+    Decimal = "decimal",
+    Email = "email",
+    Hidden = "hidden",
+    File = "file",
+    None = "none",
+    Number = "number",
+    Password = "password",
+    Search = "search",
+    Tel = "tel",
+    Text = "text",
+    Time = "time",
+    Url = "url"
+}
+export declare enum LinkTarget {
+    Blank = "_blank",
+    Self = "_self"
+}
+export declare enum MessageType {
+    Default = "default",
+    Danger = "danger",
+    Success = "success",
+    Warning = "warning"
+}
+export interface NavItem {
+    id: string;
+    href?: string;
+    onClick?: (event?: Event) => void;
+    label: string;
+    target?: LinkTarget;
+    external?: boolean;
+}
+export interface Option {
+    label: string;
+    value: string | number | null;
+}
+export type PillThemes = Exclude<Themes, Themes.Transparent>;
+export interface InputProps {
+    ariaLabel?: string;
+    autoComplete?: boolean;
+    busy?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    floatingLabel?: boolean;
+    fluid?: boolean;
+    form?: string;
+    grouped?: boolean;
+    id?: string;
+    label?: string;
+    maxLength?: number;
+    minLength?: number;
+    messages?: string[];
+    messageType?: MessageType;
+    name: string;
+    options?: Option[];
+    pattern?: string;
+    pill?: string;
+    placeholder?: string;
+    prefix?: string | IconNames;
+    readonly?: boolean;
+    required?: boolean;
+    resizable?: boolean;
+    rounded?: boolean;
+    rows?: number;
+    size?: Sizes;
+    spellCheck?: boolean;
+    suffix?: string | IconNames;
+    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 Position {
+    Absolute = "absolute",
+    Relative = "relative"
+}
+export declare enum Sizes {
+    Tiny = "tiny",
+    Small = "small",
+    Medium = "medium",
+    Large = "large",
+    XLarge = "xlarge"
+}
+export type SpinnerThemes = Exclude<Themes, Themes.Transparent | Themes.Outline | Themes.OutlineDanger | Themes.OutlineInfo | Themes.OutlinePrimary | Themes.OutlineSecondary | Themes.OutlineSuccess | Themes.OutlineWarning>;
+export declare enum TableTypes {
+    Condensed = "condensed",
+    Default = "default",
+    Plain = "plain"
+}
+export type TextThemes = Extract<Themes, Themes.Light | Themes.Dark>;
+export declare enum TextTypes {
+    Body = "body",
+    Summary = "summary",
+    Tiny = "tiny",
+    Small = "small",
+    Medium = "medium",
+    Large = "large"
+}
+export declare enum Themes {
+    Default = "default",
+    Primary = "primary",
+    Secondary = "secondary",
+    Transparent = "transparent",
+    Outline = "outline",
+    OutlinePrimary = "outline-primary",
+    OutlineSecondary = "outline-secondary",
+    OutlineDanger = "outline-danger",
+    OutlineWarning = "outline-warning",
+    OutlineSuccess = "outline-success",
+    OutlineInfo = "outline-info",
+    Danger = "danger",
+    Warning = "warning",
+    Success = "success",
+    Info = "info",
+    Light = "light",
+    Dark = "dark"
+}
+export interface ToastProps {
+    title?: string;
+    message?: string;
+    width?: string;
+    rounded?: boolean;
+    actionLabel?: string;
+    icon?: IconNames;
+    iconSize?: Sizes;
+    /** Time in seconds e.g 5 = 5 seconds */
+    dismissTimer?: number;
+    onAction?: (event?: Event) => void;
+    onDismiss: () => void;
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@codeandfunction/callaloo",
+  "description": "a simple vue component library",
+  "author": {
+    "name": "Anthony Cholmondeley",
+    "url": "https://callaloo.dev/"
+  },
+  "version": "1.0.1",
+  "license": "MIT",
+  "type": "module",
+  "scripts": {
+    "start": "storybook dev -p 4400 --no-open",
+    "build": "vite build",
+    "build:watch": "vite build --watch"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "typings": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@iconify-icons/tabler": "^1.2.95",
+    "@iconify/types": "^2.0.0",
+    "@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/test-runner": "^0.19.1",
+    "@storybook/vue3": "^8.2.9",
+    "@storybook/vue3-vite": "^8.2.9",
+    "@types/node": "20.14.15",
+    "@typescript-eslint/eslint-plugin": "7.18.0",
+    "@typescript-eslint/parser": "7.18.0",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
+    "@vitest/coverage-c8": "~0.33.0",
+    "@vitest/coverage-v8": "1.6.0",
+    "@vitest/ui": "1.6.0",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "8.57.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-vue": "^9.27.0",
+    "prettier": "^3.3.3",
+    "sass": "^1.77.8",
+    "storybook": "^8.2.9",
+    "typescript": "^5.5.4",
+    "vite": "5.4.0",
+    "vite-plugin-css-injected-by-js": "^3.5.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-tsconfig-paths": "^4.3.2",
+    "vitest": "1.6.0",
+    "vue": "^3.4.38",
+    "vue-router": "^4.4.3",
+    "vue-tsc": "^1.8.27"
+  },
+  "packageManager": "yarn@4.3.1"
+}