@rakeyshgidwani/roger-ui-bank-theme-jeremy 0.5.3

package/dist/themes/aria-patterns.js

@@ -0,0 +1,364 @@
+import { accessibilityManager } from './accessibility';
+// ARIA role definitions
+export const ARIA_ROLES = {
+    // Landmark roles
+    banner: 'banner',
+    complementary: 'complementary',
+    contentinfo: 'contentinfo',
+    form: 'form',
+    main: 'main',
+    navigation: 'navigation',
+    region: 'region',
+    search: 'search',
+    // Widget roles
+    button: 'button',
+    checkbox: 'checkbox',
+    gridcell: 'gridcell',
+    link: 'link',
+    menuitem: 'menuitem',
+    menuitemcheckbox: 'menuitemcheckbox',
+    menuitemradio: 'menuitemradio',
+    option: 'option',
+    progressbar: 'progressbar',
+    radio: 'radio',
+    scrollbar: 'scrollbar',
+    searchbox: 'searchbox',
+    slider: 'slider',
+    spinbutton: 'spinbutton',
+    switch: 'switch',
+    tab: 'tab',
+    tabpanel: 'tabpanel',
+    textbox: 'textbox',
+    treeitem: 'treeitem',
+    // Document structure roles
+    article: 'article',
+    cell: 'cell',
+    columnheader: 'columnheader',
+    definition: 'definition',
+    directory: 'directory',
+    document: 'document',
+    group: 'group',
+    heading: 'heading',
+    img: 'img',
+    list: 'list',
+    listitem: 'listitem',
+    math: 'math',
+    note: 'note',
+    presentation: 'presentation',
+    row: 'row',
+    rowgroup: 'rowgroup',
+    rowheader: 'rowheader',
+    separator: 'separator',
+    table: 'table',
+    term: 'term',
+    toolbar: 'toolbar',
+    tooltip: 'tooltip',
+    tree: 'tree',
+    treegrid: 'treegrid'
+};
+// ARIA state and property definitions
+export const ARIA_STATES = {
+    // Boolean states
+    ariaExpanded: 'aria-expanded',
+    ariaHidden: 'aria-hidden',
+    ariaPressed: 'aria-pressed',
+    ariaSelected: 'aria-selected',
+    ariaChecked: 'aria-checked',
+    ariaDisabled: 'aria-disabled',
+    ariaReadonly: 'aria-readonly',
+    ariaRequired: 'aria-required',
+    ariaInvalid: 'aria-invalid',
+    ariaBusy: 'aria-busy',
+    ariaCurrent: 'aria-current',
+    ariaLive: 'aria-live',
+    ariaAtomic: 'aria-atomic',
+    ariaRelevant: 'aria-relevant',
+    ariaSort: 'aria-sort',
+    ariaGrabbed: 'aria-grabbed',
+    ariaDropeffect: 'aria-dropeffect',
+    ariaActivedescendant: 'aria-activedescendant',
+    ariaControls: 'aria-controls',
+    ariaDescribedby: 'aria-describedby',
+    ariaFlowto: 'aria-flowto',
+    ariaLabelledby: 'aria-labelledby',
+    ariaOwns: 'aria-owns',
+    ariaPosinset: 'aria-posinset',
+    ariaSetsize: 'aria-setsize',
+    ariaValuemin: 'aria-valuemin',
+    ariaValuemax: 'aria-valuemax',
+    ariaValuenow: 'aria-valuenow',
+    ariaValuetext: 'aria-valuetext',
+    ariaLevel: 'aria-level',
+    ariaMultiselectable: 'aria-multiselectable',
+    ariaOrientation: 'aria-orientation',
+    ariaColcount: 'aria-colcount',
+    ariaColindex: 'aria-colindex',
+    ariaRowcount: 'aria-rowcount',
+    ariaRowindex: 'aria-rowindex',
+    ariaColspan: 'aria-colspan',
+    ariaRowspan: 'aria-rowspan'
+};
+// ARIA live region values
+export const ARIA_LIVE_VALUES = {
+    off: 'off',
+    polite: 'polite',
+    assertive: 'assertive'
+};
+// ARIA current values
+export const ARIA_CURRENT_VALUES = {
+    page: 'page',
+    step: 'step',
+    location: 'location',
+    date: 'date',
+    time: 'time',
+    true: 'true',
+    false: 'false'
+};
+// ARIA sort values
+export const ARIA_SORT_VALUES = {
+    ascending: 'ascending',
+    descending: 'descending',
+    none: 'none',
+    other: 'other'
+};
+// ARIA orientation values
+export const ARIA_ORIENTATION_VALUES = {
+    horizontal: 'horizontal',
+    vertical: 'vertical'
+};
+// ARIA pattern utilities
+export class ARIAUtils {
+    // Generate ARIA attributes object
+    static generateAriaAttributes(attributes) {
+        const ariaAttributes = {};
+        Object.entries(attributes).forEach(([key, value]) => {
+            if (key.startsWith('aria') && value !== undefined && value !== null) {
+                ariaAttributes[key] = value;
+            }
+        });
+        return ariaAttributes;
+    }
+    // Generate proper ARIA label
+    static generateAriaLabel(label, fallback) {
+        if (label)
+            return label;
+        if (fallback)
+            return accessibilityManager.getAriaLabel(fallback);
+        return undefined;
+    }
+    // Generate ARIA describedby
+    static generateAriaDescribedby(description, id) {
+        if (description && id)
+            return id;
+        return undefined;
+    }
+    // Generate ARIA controls
+    static generateAriaControls(controlledId) {
+        return controlledId;
+    }
+    // Generate ARIA expanded state
+    static generateAriaExpanded(expanded) {
+        return expanded;
+    }
+    // Generate ARIA pressed state
+    static generateAriaPressed(pressed) {
+        return pressed;
+    }
+    // Generate ARIA selected state
+    static generateAriaSelected(selected) {
+        return selected;
+    }
+    // Generate ARIA checked state
+    static generateAriaChecked(checked, indeterminate) {
+        if (indeterminate)
+            return 'mixed';
+        return checked;
+    }
+    // Generate ARIA disabled state
+    static generateAriaDisabled(disabled) {
+        return disabled;
+    }
+    // Generate ARIA readonly state
+    static generateAriaReadonly(readonly) {
+        return readonly;
+    }
+    // Generate ARIA required state
+    static generateAriaRequired(required) {
+        return required;
+    }
+    // Generate ARIA invalid state
+    static generateAriaInvalid(invalid, errorMessage) {
+        if (errorMessage)
+            return true;
+        return invalid;
+    }
+    // Generate ARIA live region
+    static generateAriaLive(live, _atomic) {
+        return live;
+    }
+    // Generate ARIA current
+    static generateAriaCurrent(current) {
+        return current;
+    }
+    // Generate ARIA sort
+    static generateAriaSort(sort) {
+        return sort;
+    }
+    // Generate ARIA orientation
+    static generateAriaOrientation(orientation) {
+        return orientation;
+    }
+    // Generate ARIA value attributes for range inputs
+    static generateAriaValueAttributes(value, min, max, _step) {
+        const ariaAttributes = {};
+        if (value !== undefined)
+            ariaAttributes['aria-valuenow'] = value;
+        if (min !== undefined)
+            ariaAttributes['aria-valuemin'] = min;
+        if (max !== undefined)
+            ariaAttributes['aria-valuemax'] = max;
+        return ariaAttributes;
+    }
+    // Generate ARIA position and size attributes for list items
+    static generateAriaPositionAttributes(position, total) {
+        return {
+            'aria-posinset': position,
+            'aria-setsize': total
+        };
+    }
+    // Generate ARIA level for headings and tree items
+    static generateAriaLevel(level) {
+        return {
+            'aria-level': level
+        };
+    }
+    // Generate ARIA multiselectable for selection components
+    static generateAriaMultiselectable(multiselectable) {
+        return {
+            'aria-multiselectable': multiselectable
+        };
+    }
+    // Generate ARIA col/row attributes for table cells
+    static generateAriaTableAttributes(colIndex, rowIndex, colSpan, rowSpan) {
+        const ariaAttributes = {};
+        if (colIndex !== undefined)
+            ariaAttributes['aria-colindex'] = colIndex;
+        if (rowIndex !== undefined)
+            ariaAttributes['aria-rowindex'] = rowIndex;
+        if (colSpan !== undefined)
+            ariaAttributes['aria-colspan'] = colSpan;
+        if (rowSpan !== undefined)
+            ariaAttributes['aria-rowspan'] = rowSpan;
+        return ariaAttributes;
+    }
+    // Generate ARIA count attributes for tables
+    static generateAriaCountAttributes(colCount, rowCount) {
+        const ariaAttributes = {};
+        if (colCount !== undefined)
+            ariaAttributes['aria-colcount'] = colCount;
+        if (rowCount !== undefined)
+            ariaAttributes['aria-rowcount'] = rowCount;
+        return ariaAttributes;
+    }
+    // Generate ARIA grabbed and dropeffect for drag and drop
+    static generateAriaDragDrop(grabbed, dropEffect) {
+        const ariaAttributes = {};
+        if (grabbed !== undefined)
+            ariaAttributes['aria-grabbed'] = grabbed;
+        if (dropEffect)
+            ariaAttributes['aria-dropeffect'] = dropEffect;
+        return ariaAttributes;
+    }
+    // Generate ARIA active descendant for composite widgets
+    static generateAriaActiveDescendant(activeDescendantId) {
+        if (!activeDescendantId)
+            return {};
+        return {
+            'aria-activedescendant': activeDescendantId
+        };
+    }
+    // Generate ARIA owns for composite widgets
+    static generateAriaOwns(ownedIds) {
+        if (!ownedIds || ownedIds.length === 0)
+            return {};
+        return {
+            'aria-owns': ownedIds.join(' ')
+        };
+    }
+    // Generate ARIA flowto for composite widgets
+    static generateAriaFlowTo(flowToIds) {
+        if (!flowToIds || flowToIds.length === 0)
+            return {};
+        return {
+            'aria-flowto': flowToIds.join(' ')
+        };
+    }
+    // Generate ARIA controls for composite widgets
+    static generateAriaControlsMultiple(controlIds) {
+        if (!controlIds || controlIds.length === 0)
+            return {};
+        return {
+            'aria-controls': controlIds.join(' ')
+        };
+    }
+    // Generate ARIA describedby for multiple descriptions
+    static generateAriaDescribedbyMultiple(descriptionIds) {
+        if (!descriptionIds || descriptionIds.length === 0)
+            return {};
+        return {
+            'aria-describedby': descriptionIds.join(' ')
+        };
+    }
+    // Generate ARIA labelledby for multiple labels
+    static generateAriaLabelledbyMultiple(labelIds) {
+        if (!labelIds || labelIds.length === 0)
+            return {};
+        return {
+            'aria-labelledby': labelIds.join(' ')
+        };
+    }
+    // Validate ARIA attributes
+    static validateAriaAttributes(attributes) {
+        // Basic validation - check if required attributes are present
+        // This is a simplified validation - in production you might want more comprehensive checks
+        for (const [key, value] of Object.entries(attributes)) {
+            if (key.startsWith('aria-')) {
+                // Check if value is not undefined or null
+                if (value === undefined || value === null) {
+                    console.warn(`ARIA attribute ${key} has invalid value: ${value}`);
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+    // Get accessible name for an element
+    static getAccessibleName(element) {
+        // Priority order: aria-labelledby, aria-label, title, text content
+        const labelledby = element.getAttribute('aria-labelledby');
+        if (labelledby) {
+            const labelElement = document.getElementById(labelledby);
+            if (labelElement)
+                return labelElement.textContent || '';
+        }
+        const label = element.getAttribute('aria-label');
+        if (label)
+            return label;
+        const title = element.getAttribute('title');
+        if (title)
+            return title;
+        return element.textContent || '';
+    }
+    // Get accessible description for an element
+    static getAccessibleDescription(element) {
+        const describedby = element.getAttribute('aria-describedby');
+        if (describedby) {
+            const descElement = document.getElementById(describedby);
+            if (descElement)
+                return descElement.textContent || '';
+        }
+        return '';
+    }
+}
+// Export default ARIA utilities instance
+export default ARIAUtils;

package/dist/themes/base-themes.d.ts

@@ -0,0 +1,36 @@
+import { MultiThemeConfig } from './types';
+import { defaultTheme } from './themes/default';
+export declare const jeremyTheme: MultiThemeConfig;
+export { defaultTheme };
+/**
+ * Available themes in this package
+ */
+export declare const defaultThemes: Record<string, MultiThemeConfig>;
+/**
+ * Theme categories for this package
+ */
+export declare const themeCategories: {
+    readonly custom: readonly ["jeremy"];
+    readonly base: readonly ["default"];
+};
+/**
+ * Get theme by name
+ */
+export declare function getTheme(name: string): MultiThemeConfig | undefined;
+/**
+ * Get all available theme names in this package
+ */
+export declare function getAvailableThemes(): string[];
+/**
+ * Check if theme exists in this package
+ */
+export declare function themeExists(name: string): boolean;
+/**
+ * Get the primary theme for this package
+ */
+export declare function getPrimaryTheme(): MultiThemeConfig;
+/**
+ * Get primary theme name
+ */
+export declare function getPrimaryThemeName(): string;
+//# sourceMappingURL=base-themes.d.ts.map

package/dist/themes/base-themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-themes.d.ts","sourceRoot":"","sources":["../../src/themes/base-themes.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAGhD,eAAO,MAAM,WAAW,kBAAwC,CAAC;AAGjE,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAG1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;CAGlB,CAAC;AAEX;;GAEG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS,CAEnE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAEjD;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,gBAAgB,CAElD;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAE5C"}

package/dist/themes/base-themes.esm.js

@@ -0,0 +1,53 @@
+// Base Theme Definitions - jeremy Package
+// This file imports and exports theme configurations for the jeremy theme package
+import { applyThemeInheritance } from './inheritance';
+import { jeremyTheme as jeremyThemeRaw } from './themes/jeremy';
+import { defaultTheme } from './themes/default';
+// Apply inheritance to ensure all themes have complete configurations
+export const jeremyTheme = applyThemeInheritance(jeremyThemeRaw);
+// Export the default theme for reference
+export { defaultTheme };
+/**
+ * Available themes in this package
+ */
+export const defaultThemes = {
+    'jeremy': jeremyTheme,
+    'default': defaultTheme
+};
+/**
+ * Theme categories for this package
+ */
+export const themeCategories = {
+    custom: ['jeremy'],
+    base: ['default']
+};
+/**
+ * Get theme by name
+ */
+export function getTheme(name) {
+    return defaultThemes[name];
+}
+/**
+ * Get all available theme names in this package
+ */
+export function getAvailableThemes() {
+    return Object.keys(defaultThemes);
+}
+/**
+ * Check if theme exists in this package
+ */
+export function themeExists(name) {
+    return name in defaultThemes;
+}
+/**
+ * Get the primary theme for this package
+ */
+export function getPrimaryTheme() {
+    return defaultThemes['jeremy'];
+}
+/**
+ * Get primary theme name
+ */
+export function getPrimaryThemeName() {
+    return 'jeremy';
+}

package/dist/themes/base-themes.js

@@ -0,0 +1,53 @@
+// Base Theme Definitions - jeremy Package
+// This file imports and exports theme configurations for the jeremy theme package
+import { applyThemeInheritance } from './inheritance';
+import { jeremyTheme as jeremyThemeRaw } from './themes/jeremy';
+import { defaultTheme } from './themes/default';
+// Apply inheritance to ensure all themes have complete configurations
+export const jeremyTheme = applyThemeInheritance(jeremyThemeRaw);
+// Export the default theme for reference
+export { defaultTheme };
+/**
+ * Available themes in this package
+ */
+export const defaultThemes = {
+    'jeremy': jeremyTheme,
+    'default': defaultTheme
+};
+/**
+ * Theme categories for this package
+ */
+export const themeCategories = {
+    custom: ['jeremy'],
+    base: ['default']
+};
+/**
+ * Get theme by name
+ */
+export function getTheme(name) {
+    return defaultThemes[name];
+}
+/**
+ * Get all available theme names in this package
+ */
+export function getAvailableThemes() {
+    return Object.keys(defaultThemes);
+}
+/**
+ * Check if theme exists in this package
+ */
+export function themeExists(name) {
+    return name in defaultThemes;
+}
+/**
+ * Get the primary theme for this package
+ */
+export function getPrimaryTheme() {
+    return defaultThemes['jeremy'];
+}
+/**
+ * Get primary theme name
+ */
+export function getPrimaryThemeName() {
+    return 'jeremy';
+}

package/dist/themes/colorManager.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Color Management System
+ * Handles color generation, validation, and accessibility checking
+ */
+import { ColorScale, SemanticColors, ColorAccessibility, ColorGenerationConfig, ColorPalette } from './types';
+export declare class ColorManager {
+    /**
+     * Generate a complete color scale from a base color
+     */
+    static generateColorScale(config: ColorGenerationConfig): ColorScale;
+    /**
+     * Generate semantic colors based on a primary color
+     */
+    static generateSemanticColors(primaryColor: string): SemanticColors;
+    /**
+     * Generate neutral color scale
+     */
+    static generateNeutralColors(baseColor?: string): ColorScale;
+    /**
+     * Check color contrast for accessibility
+     */
+    static checkColorContrast(foreground: string, background: string): ColorAccessibility;
+    /**
+     * Validate color format
+     */
+    static isValidColor(color: string): boolean;
+    /**
+     * Convert hex color to HSL
+     */
+    private static hexToHsl;
+    /**
+     * Convert HSL to hex color
+     */
+    private static hslToHex;
+    /**
+     * Adjust HSL values
+     */
+    private static adjustHsl;
+    /**
+     * Calculate contrast ratio between two colors
+     */
+    private static calculateContrastRatio;
+    /**
+     * Calculate relative luminance of a color
+     */
+    private static calculateLuminance;
+    /**
+     * Convert hex to RGB
+     */
+    private static hexToRgb;
+    /**
+     * Generate a high contrast color
+     */
+    private static generateContrastColor;
+    /**
+     * Create a color palette with accessibility information
+     */
+    static createColorPalette(name: string, baseColor: string, description: string, tags?: string[]): ColorPalette;
+}
+/**
+ * Default color manager instance
+ */
+export declare const colorManager: ColorManager;
+//# sourceMappingURL=colorManager.d.ts.map

package/dist/themes/colorManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorManager.d.ts","sourceRoot":"","sources":["../../src/themes/colorManager.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,UAAU,EACV,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACb,MAAM,SAAS,CAAC;AAEjB,qBAAa,YAAY;IACvB;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,MAAM,EAAE,qBAAqB,GAAG,UAAU;IAoCpE;;OAEG;IACH,MAAM,CAAC,sBAAsB,CAAC,YAAY,EAAE,MAAM,GAAG,cAAc;IAgCnE;;OAEG;IACH,MAAM,CAAC,qBAAqB,CAAC,SAAS,GAAE,MAAkB,GAAG,UAAU;IAoBvE;;OAEG;IACH,MAAM,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,kBAAkB;IAyBrF;;OAEG;IACH,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO;IA6B3C;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ;IAoDvB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ;IAkCvB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,SAAS;IAaxB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,sBAAsB;IAUrC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,kBAAkB;IAcjC;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,QAAQ;IAsBvB;;OAEG;IACH,OAAO,CAAC,MAAM,CAAC,qBAAqB;IAWpC;;OAEG;IACH,MAAM,CAAC,kBAAkB,CACvB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,IAAI,GAAE,MAAM,EAAO,GAClB,YAAY;CAkBhB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,cAAqB,CAAC"}