@sp-days-framework/docusaurus-frontpage-collection 1.0.0

package/lib/utils/types.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Shared TypeScript types for the component collection
+ */
+import type { ReactNode, CSSProperties } from "react";
+/**
+ * Color configuration for icons with theme and hover support
+ */
+export interface IconColorConfig {
+    /** Icon color in light mode (default: --ifm-color-emphasis-600) */
+    light?: string;
+    /** Icon color on hover in light mode (default: --ifm-color-primary) */
+    lightHover?: string;
+    /** Icon color in dark mode (default: inherits from light) */
+    dark?: string;
+    /** Icon color on hover in dark mode (default: inherits from lightHover) */
+    darkHover?: string;
+}
+/**
+ * Color configuration for titles with theme and hover support
+ */
+export interface TitleColorConfig {
+    /** Title color in light mode (default: --ifm-color-emphasis-600) */
+    light?: string;
+    /** Title color on hover in light mode (default: --ifm-color-primary) */
+    lightHover?: string;
+    /** Title color in dark mode (default: inherits from light) */
+    dark?: string;
+    /** Title color on hover in dark mode (default: inherits from lightHover) */
+    darkHover?: string;
+}
+/**
+ * Color configuration for Iconify component (simplified, no hover states)
+ */
+export interface IconifyImageColorConfig {
+    /** Icon color in light mode (default: --ifm-color-primary) */
+    light?: string;
+    /** Icon color in dark mode (default: --ifm-color-primary if light is not defined, otherwise inherits from light) */
+    dark?: string;
+}
+/**
+ * Configuration for Iconify icons
+ */
+export interface IconifyConfig {
+    /** Iconify icon identifier (e.g., "mdi:home") */
+    icon: string;
+    /** Optional width override */
+    width?: number | string;
+    /** Optional height override */
+    height?: number | string;
+    /** Optional color configuration (for components with hover states) */
+    colors?: IconColorConfig;
+}
+/**
+ * Configuration for custom SVG icons (inline rendering with color support)
+ * Can be a single SVG path or theme-specific SVG paths
+ */
+export type CustomSvgConfig = string | {
+    /** SVG source for light theme */
+    light: string;
+    /** SVG source for dark theme */
+    dark: string;
+};
+/**
+ * Configuration for custom image icons (img tag, no color override)
+ * Can be a single image path or theme-specific image paths
+ */
+export type CustomImageConfig = string | {
+    /** Image source for light theme */
+    light: string;
+    /** Image source for dark theme */
+    dark: string;
+};
+/**
+ * Props for IconifyIcon component
+ */
+export interface IconifyIconProps {
+    /** Iconify icon identifier (e.g., "mdi-light:home") */
+    icon: string;
+    /** Icon color */
+    color?: string;
+    /** Icon width */
+    width?: number | string;
+    /** Icon height */
+    height?: number | string;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+}
+/**
+ * Props for ThemedIcon component
+ */
+export interface ThemedIconProps {
+    /** Iconify icon configuration */
+    iconify?: IconifyConfig | string;
+    /** Custom SVG configuration (inline rendering, supports color override) */
+    customSvg?: CustomSvgConfig;
+    /** Custom image configuration (img tag, no color override) */
+    customImage?: CustomImageConfig;
+    /** Alt text for the icon (used for custom images) */
+    alt?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: CSSProperties;
+    /** Disable hover animations (default: false) */
+    disableAnimation?: boolean;
+    /** Whether this icon supports hover colors (adds CSS custom properties) */
+    supportsHover?: boolean;
+}
+/**
+ * Common props for components with children
+ */
+export interface WithChildren {
+    children?: ReactNode;
+}
+/**
+ * Common props for components with className
+ */
+export interface WithClassName {
+    className?: string;
+}
+/**
+ * Common props for styled components
+ */
+export interface StyledComponentProps extends WithChildren, WithClassName {
+    style?: CSSProperties;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/utils/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":"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"}

package/lib/utils/types.js

@@ -0,0 +1,6 @@
+"use strict";
+/**
+ * Shared TypeScript types for the component collection
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/lib/utils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/utils/types.ts"],"names":[],"mappings":";AAAA;;GAEG"}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@sp-days-framework/docusaurus-frontpage-collection",
+  "version": "1.0.0",
+  "description": "A collection of Docusaurus frontpage UI components.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/helse-sorost/sp-days-framework",
+    "directory": "docusaurus-frontpage-collection"
+  },
+  "author": "SP-Days Framework",
+  "license": "MIT",
+  "keywords": [
+    "docusaurus",
+    "docusaurus-plugin",
+    "tasks",
+    "interactive",
+    "training",
+    "progress"
+  ],
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "files": [
+    "lib/**/*",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "require": "./lib/index.js",
+      "import": "./lib/index.js",
+      "types": "./lib/index.d.ts"
+    },
+    "./lib/components*": "./lib/components/*",
+    "./lib/plugin/*": "./lib/plugin/*"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf lib && tsc && node ./copyUntypedFiles.js",
+    "watch": "npm-run-all -c -p copy:watch build:watch",
+    "build:watch": "tsc --watch",
+    "copy:watch": "node ./copyUntypedFiles.js --watch"
+  },
+  "dependencies": {
+    "@iconify/react": "^5.0.2",
+    "clsx": "^2.0.0",
+    "gsap": "^3.13.0",
+    "tslib": "^2.6.0"
+  },
+  "devDependencies": {
+    "@docusaurus/core": "^3.9.2",
+    "@docusaurus/theme-common": "^3.9.2",
+    "@docusaurus/types": "^3.9.2",
+    "@mdx-js/react": "^3.0.0",
+    "@types/node": "^24.9.1",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "chokidar": "^3.5.3",
+    "npm-run-all": "^4.1.5",
+    "typescript": "^5.0.0"
+  },
+  "peerDependencies": {
+    "@docusaurus/core": "^3.0.0",
+    "@docusaurus/theme-common": "^3.0.0",
+    "@mdx-js/react": "^3.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "engines": {
+    "node": ">=18.0"
+  }
+}