@pure-ds/core 0.3.0

package/dist/types/src/js/pds-core/pds-config.d.ts

@@ -0,0 +1,758 @@
+/**
+ * Default logging method - can be overridden at config root level
+ * This is exported separately so it can be added to the root config object
+ * @param {string} level - log level: 'log', 'warn', 'error', 'debug', 'info'
+ * @param {string} message - primary message to log
+ * @param {...any} data - additional data to log
+ */
+export function defaultLog(level: string, message: string, ...data: any[]): void;
+/**
+ * Design system presets - pre-configured themes for quick starts.
+ * Expose as an object keyed by preset id.
+ */
+export const presets: {
+    "ocean-breeze": {
+        id: string;
+        name: string;
+        tags: string[];
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+        };
+    };
+    "midnight-steel": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightSemibold: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+    };
+    "neural-glow": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+        };
+    };
+    "paper-and-ink": {
+        id: string;
+        name: string;
+        tags: string[];
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightNormal: number;
+            fontWeightBold: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+    };
+    "sunset-paradise": {
+        id: string;
+        name: string;
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+    };
+    "retro-wave": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightBold: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: any;
+        };
+    };
+    "forest-canopy": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+    };
+    "ruby-elegance": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightNormal: number;
+            fontWeightSemibold: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+    };
+    "desert-dawn": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+    };
+    "contrast-pro": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightBold: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            focusRingWidth: number;
+        };
+    };
+    "pastel-play": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            lineHeightRelaxed: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+        };
+    };
+    "brutalist-tech": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            letterSpacingTight: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: any;
+        };
+    };
+    "zen-garden": {
+        id: string;
+        name: string;
+        description: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+        };
+    };
+    "fitness-pro": {
+        id: string;
+        name: string;
+        tags: string[];
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+            fontWeightSemibold: number;
+            fontWeightBold: number;
+            lineHeightNormal: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+            containerPadding: number;
+            sectionSpacing: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        layers: {
+            shadowDepth: string;
+            blurMedium: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+            focusRingWidth: number;
+        };
+    };
+    "travel-market": {
+        id: string;
+        name: string;
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+            fontWeightSemibold: number;
+            fontWeightBold: number;
+            lineHeightRelaxed: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+            containerMaxWidth: number;
+            containerPadding: number;
+            sectionSpacing: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        layers: {
+            shadowDepth: string;
+            blurLight: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+            hoverOpacity: number;
+        };
+    };
+    "mobility-app": {
+        id: string;
+        name: string;
+        tags: string[];
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+            fontWeightSemibold: number;
+            fontWeightBold: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+            buttonPadding: number;
+            inputPadding: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+            focusRingWidth: number;
+        };
+        a11y: {
+            minTouchTarget: number;
+            focusStyle: string;
+        };
+    };
+    "fintech-secure": {
+        id: string;
+        name: string;
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontFamilyMono: string;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+            fontWeightSemibold: number;
+            fontWeightBold: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+            containerMaxWidth: number;
+            sectionSpacing: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        layers: {
+            shadowDepth: string;
+            blurLight: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+            focusRingWidth: number;
+            focusRingOpacity: number;
+        };
+        a11y: {
+            minTouchTarget: number;
+            focusStyle: string;
+        };
+    };
+    "social-feed": {
+        id: string;
+        name: string;
+        tags: string[];
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+            fontWeightSemibold: number;
+            fontWeightBold: number;
+            lineHeightNormal: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+            containerMaxWidth: number;
+            sectionSpacing: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+            hoverOpacity: number;
+        };
+    };
+    "enterprise-dash": {
+        id: string;
+        tags: string[];
+        name: string;
+        description: string;
+        options: {
+            liquidGlassEffects: boolean;
+            backgroundMesh: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            accent: string;
+            background: string;
+            success: string;
+            warning: string;
+            danger: string;
+            darkMode: {
+                background: string;
+                secondary: string;
+                primary: string;
+            };
+        };
+        typography: {
+            baseFontSize: number;
+            fontScale: number;
+            fontFamilyHeadings: string;
+            fontFamilyBody: string;
+            fontFamilyMono: string;
+            fontWeightNormal: number;
+            fontWeightMedium: number;
+            fontWeightSemibold: number;
+            fontWeightBold: number;
+            lineHeightNormal: number;
+        };
+        spatialRhythm: {
+            baseUnit: number;
+            scaleRatio: number;
+            containerMaxWidth: number;
+            containerPadding: number;
+            sectionSpacing: number;
+        };
+        shape: {
+            radiusSize: number;
+            borderWidth: number;
+        };
+        layers: {
+            shadowDepth: string;
+            blurLight: number;
+        };
+        behavior: {
+            transitionSpeed: number;
+            animationEasing: string;
+            focusRingWidth: number;
+        };
+        layout: {
+            densityCompact: number;
+            gridColumns: number;
+        };
+    };
+};
+//# sourceMappingURL=pds-config.d.ts.map