@breadstone/mosaik-themes 0.0.12-beta.0

package/Theming/ThemeGenerator.js

@@ -0,0 +1,179 @@
+// #region Imports
+import { TinyColor } from '@ctrl/tinycolor';
+// #endregion
+export class ThemeGenerator {
+    // #region Ctor
+    constructor() {
+    }
+    // #endregion
+    generatePalette(theme, baseColor, mode) {
+        if (mode === 'system') {
+            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                mode = 'dark';
+            }
+            else {
+                mode = 'light';
+            }
+        }
+        let palette = {};
+        switch (theme.name) {
+            case 'material':
+                palette = this.generateMaterialPalette(baseColor, mode);
+                break;
+            case 'joy':
+                palette = this.generateJoyPalette(baseColor, mode);
+                break;
+            case 'retro':
+                palette = this.generateRetroPalette(baseColor, mode);
+                break;
+            case 'cosmopolitan':
+                palette = this.generateCosmopolitanPalette(baseColor, mode);
+                break;
+            default:
+                throw new Error(`Theme '${theme.name}' is not supported.`);
+        }
+        return palette;
+    }
+    generateScheme(theme, baseColor, mode) {
+        if (mode === 'system') {
+            if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                mode = 'dark';
+            }
+            else {
+                mode = 'light';
+            }
+        }
+        let scheme = {};
+        switch (theme.name) {
+            case 'material':
+                scheme = this.generateMaterialScheme(baseColor, mode);
+                break;
+            case 'joy':
+                scheme = this.generateJoyScheme(baseColor, mode);
+                break;
+            case 'retro':
+                scheme = this.generateRetroScheme(baseColor, mode);
+                break;
+            case 'cosmopolitan':
+                scheme = this.generateCosmopolitanScheme(baseColor, mode);
+                break;
+            default:
+                throw new Error(`Theme '${theme.name}' is not supported.`);
+        }
+        return scheme;
+    }
+    generateMaterialPalette(baseColor, mode) {
+        if (mode === 'light') {
+            const baseLight = new TinyColor('#ffffff');
+            const baseDark = new TinyColor('#000000');
+            const palette = {};
+            const steps = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+            const amounts = [0, 12, 30, 50, 70, 85, 100, 87, 70, 54, 25];
+            steps.forEach((step, i) => {
+                const base = step <= 500 ? baseLight : baseDark;
+                palette[`${step}`] = new TinyColor(base).mix(baseColor, amounts[i])
+                    .toHexString();
+            });
+            return palette;
+        }
+        const baseLight = new TinyColor('#ffffff');
+        const baseDark = new TinyColor('#000000');
+        const palette = {};
+        const steps = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+        const amounts = [0, 15, 30, 45, 60, 75, 90, 100, 70, 54, 25];
+        steps.forEach((step, i) => {
+            const base = step <= 600 ? baseDark : baseLight;
+            palette[`${step}`] = new TinyColor(base).mix(baseColor, amounts[i])
+                .toHexString();
+        });
+        return palette;
+    }
+    generateMaterialScheme(baseColor, mode) {
+        const adjustColor = (color, amount) => `#${color.replace(/^#/, '')
+            .replace(/../g, (c) => `0${Math.min(255, Math.max(0, parseInt(c, 16) + amount)).toString(16)}`.slice(-2))}`;
+        return {
+            background: baseColor,
+            foreground: adjustColor(baseColor, mode === 'dark' ? 190 : -190),
+            highlight: adjustColor(baseColor, mode === 'dark' ? 30 : -30),
+            middlelight: adjustColor(baseColor, -50),
+            lowlight: adjustColor(baseColor, -80),
+            transparent: `${baseColor}00`,
+            semiTransparent: `${baseColor}aa`,
+            disabled: adjustColor(baseColor, -40),
+            contrast: adjustColor(baseColor, mode === 'dark' ? 190 : -190),
+            selection: adjustColor(baseColor, mode === 'dark' ? 30 : -30)
+        };
+    }
+    generateJoyPalette(baseColor, mode) {
+        // YES right 'joy' uses the same palette as 'material'
+        return this.generateMaterialPalette(baseColor, mode);
+    }
+    generateJoyScheme(baseColor, mode) {
+        // YES right 'joy' uses the same scheme as 'material'
+        return this.generateMaterialScheme(baseColor, mode);
+    }
+    generateRetroPalette(baseColor, mode) {
+        // YES right 'retro' uses the same palette as 'material'
+        return this.generateMaterialPalette(baseColor, mode);
+    }
+    generateRetroScheme(baseColor, mode) {
+        // YES right 'retro' uses the same scheme as 'material'
+        return this.generateMaterialScheme(baseColor, mode);
+    }
+    generateCosmopolitanPalette(baseColor, mode) {
+        if (mode === 'light') {
+            const baseLight = new TinyColor('#ffffff');
+            const baseDark = new TinyColor('#000000');
+            const palette = {};
+            const steps = [0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900];
+            const amounts = [0, 12, 30, 50, 70, 85, 100, 87, 70, 54, 25];
+            steps.forEach((step, i) => {
+                const base = step <= 500 ? baseLight : baseDark;
+                palette[`${step}`] = new TinyColor(base).mix(baseColor, amounts[i])
+                    .toHexString();
+            });
+            return palette;
+        }
+        const baseLight = new TinyColor('#ffffff');
+        const baseDark = new TinyColor('#000000');
+        const palette = {};
+        const steps = [0, 100, 500];
+        const amounts = [0, 30, 100];
+        steps.forEach((step, i) => {
+            const base = step <= 600 ? baseDark : baseLight;
+            palette[`${step}`] = new TinyColor(base).mix(baseColor, amounts[i])
+                .toHexString();
+        });
+        return palette;
+    }
+    generateCosmopolitanScheme(baseColor, mode) {
+        // YES right 'retro' uses the same scheme as 'material'
+        return this.generateMaterialScheme(baseColor, mode);
+    }
+}
+/**
+ * @public
+ */
+export class ThemeGeneratorServiceLocator {
+    // #region Fields
+    static _current = null;
+    // #endregion
+    // #region Properties
+    static get current() {
+        if (!ThemeGeneratorServiceLocator.isSet()) {
+            throw new Error('\'ThemeGenerator\' not set.');
+        }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        return ThemeGeneratorServiceLocator._current;
+    }
+    // #endregion
+    // #region Methods
+    static isSet() {
+        return ThemeGeneratorServiceLocator._current !== null;
+    }
+    static set(current) {
+        ThemeGeneratorServiceLocator._current = current;
+    }
+}
+ThemeGeneratorServiceLocator.set(new ThemeGenerator());
+//# sourceMappingURL=ThemeGenerator.js.map

package/Theming/ThemeGenerator.js.map

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

package/Theming/ThemeObserver.d.ts

@@ -0,0 +1,56 @@
+import { type IEventEmitter } from '@breadstone/mosaik-elements';
+/**
+ * Theme mode.
+ *
+ * @public
+ */
+export type ThemeMode = 'system' | 'dark' | 'light';
+/**
+ * Checks if the given value is a theme mode.
+ *
+ * @public
+ */
+export declare function isThemeMode(value: unknown): value is ThemeMode;
+/**
+ * Observer for applying themes.
+ *
+ * @public
+ */
+export declare class ThemeObserver {
+    private readonly _themeChanged;
+    private readonly _themeModeChanged;
+    private _currentTheme;
+    private _currentThemeMode;
+    /**
+     * Constructs a new instance of the `ThemeObserver` class.
+     *
+     * @public
+     */
+    constructor();
+    /**
+     * Fires when the theme changes.
+     *
+     * @public
+     * @readonly
+     */
+    get themeChanged(): IEventEmitter<string>;
+    /**
+     * Fires when the theme mode changes.
+     *
+     * @public
+     * @readonly
+     */
+    get themeModeChanged(): IEventEmitter<ThemeMode>;
+    applyTheme(theme: string, themeMode: ThemeMode): void;
+    private observe;
+}
+/**
+ * @public
+ */
+export declare class ThemeObserverServiceLocator {
+    private static _current;
+    static get current(): ThemeObserver;
+    static isSet(): boolean;
+    static set(current: ThemeObserver): void;
+}
+//# sourceMappingURL=ThemeObserver.d.ts.map

package/Theming/ThemeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeObserver.d.ts","sourceRoot":"","sources":["../../src/Theming/ThemeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAoB,MAAM,6BAA6B,CAAC;AAEnF;;;;GAIG;AACH,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,SAAS,CAE9D;AAED;;;;GAIG;AACH,qBAAa,aAAa;IAItB,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA2B;IACzD,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAA8B;IAChE,OAAO,CAAC,aAAa,CAAgB;IACrC,OAAO,CAAC,iBAAiB,CAAmB;IAI5C;;;;OAIG;;IAiBH;;;;;OAKG;IACH,IAAW,YAAY,IAAI,aAAa,CAAC,MAAM,CAAC,CAE/C;IAED;;;;;OAKG;IACH,IAAW,gBAAgB,IAAI,aAAa,CAAC,SAAS,CAAC,CAEtD;IAMM,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAmB5D,OAAO,CAAC,OAAO;CA2ClB;AAED;;GAEG;AACH,qBAAa,2BAA2B;IAIpC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAA8B;IAMrD,WAAkB,OAAO,IAAI,aAAa,CAOzC;WAMa,KAAK,IAAI,OAAO;WAIhB,GAAG,CAAC,OAAO,EAAE,aAAa,GAAG,IAAI;CAMlD"}

package/Theming/ThemeObserver.js

@@ -0,0 +1,134 @@
+import { PureEventEmitter } from '@breadstone/mosaik-elements';
+/**
+ * Checks if the given value is a theme mode.
+ *
+ * @public
+ */
+export function isThemeMode(value) {
+    return value === 'system' || value === 'dark' || value === 'light';
+}
+/**
+ * Observer for applying themes.
+ *
+ * @public
+ */
+export class ThemeObserver {
+    // #region Fields
+    _themeChanged;
+    _themeModeChanged;
+    _currentTheme;
+    _currentThemeMode;
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `ThemeObserver` class.
+     *
+     * @public
+     */
+    constructor() {
+        this._themeChanged = new PureEventEmitter();
+        this._themeModeChanged = new PureEventEmitter();
+        this._currentTheme = null;
+        this._currentThemeMode = null;
+        this.observe({
+            themeChange: (theme) => this._themeChanged.emit(theme),
+            themeModeChange: (themeMode) => this._themeModeChanged.emit(themeMode)
+        });
+    }
+    // #endregion
+    // #region Properties
+    /**
+     * Fires when the theme changes.
+     *
+     * @public
+     * @readonly
+     */
+    get themeChanged() {
+        return this._themeChanged;
+    }
+    /**
+     * Fires when the theme mode changes.
+     *
+     * @public
+     * @readonly
+     */
+    get themeModeChanged() {
+        return this._themeModeChanged;
+    }
+    // #endregion
+    // #region Methods
+    applyTheme(theme, themeMode) {
+        document.documentElement.setAttribute('theme', theme);
+        switch (themeMode) {
+            case 'dark':
+            case 'light':
+                document.documentElement.setAttribute('theme-mode', themeMode);
+                break;
+            case 'system':
+            default:
+                if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+                    document.documentElement.setAttribute('theme-mode', 'dark');
+                }
+                else {
+                    document.documentElement.setAttribute('theme-mode', 'light');
+                }
+                break;
+        }
+    }
+    observe(cb) {
+        this._currentTheme = document.documentElement.getAttribute('theme');
+        this._currentThemeMode = document.documentElement.getAttribute('theme-mode');
+        const observer = new MutationObserver((mutations) => {
+            mutations.forEach((mutation) => {
+                if (mutation.type === 'attributes') {
+                    if (mutation.attributeName === 'theme') {
+                        const theme = document.documentElement.getAttribute('theme');
+                        if (this._currentTheme !== theme) {
+                            this._currentTheme = theme;
+                            cb.themeChange(theme);
+                        }
+                    }
+                    if (mutation.attributeName === 'theme-mode') {
+                        const themeMode = document.documentElement.getAttribute('theme-mode');
+                        if (!isThemeMode(themeMode)) {
+                            throw new Error(`Invalid theme mode: ${String(themeMode)}`);
+                        }
+                        if (this._currentThemeMode !== themeMode) {
+                            this._currentThemeMode = themeMode;
+                            cb.themeModeChange(themeMode);
+                        }
+                    }
+                }
+            });
+        });
+        observer.observe(document.documentElement, {
+            attributes: true,
+            attributeFilter: ['theme', 'theme-mode']
+        });
+    }
+}
+/**
+ * @public
+ */
+export class ThemeObserverServiceLocator {
+    // #region Fields
+    static _current = null;
+    // #endregion
+    // #region Properties
+    static get current() {
+        if (!ThemeObserverServiceLocator.isSet()) {
+            throw new Error('\'ThemeObserver\' not set.');
+        }
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        return ThemeObserverServiceLocator._current;
+    }
+    // #endregion
+    // #region Methods
+    static isSet() {
+        return ThemeObserverServiceLocator._current !== null;
+    }
+    static set(current) {
+        ThemeObserverServiceLocator._current = current;
+    }
+}
+ThemeObserverServiceLocator.set(new ThemeObserver());
+//# sourceMappingURL=ThemeObserver.js.map

package/Theming/ThemeObserver.js.map

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

package/Theming/Tokens/BootstrapTokens.d.ts

@@ -0,0 +1,82 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const NAME = "bootstrap";
+export declare const FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
+export declare const LAYOUT_RADIUS = "12px";
+export declare const LAYOUT_SPACE = "8px";
+export declare const LAYOUT_THICKNESS = "2px";
+export declare const COLOR_LIGHT_PRIMARY_100 = "#cfe2ff";
+export declare const COLOR_LIGHT_PRIMARY_200 = "#9ec5fe";
+export declare const COLOR_LIGHT_PRIMARY_300 = "#6ea8fe";
+export declare const COLOR_LIGHT_PRIMARY_400 = "#3d8bfd";
+export declare const COLOR_LIGHT_PRIMARY_500 = "#0d6efd";
+export declare const COLOR_LIGHT_PRIMARY_600 = "#0a58ca";
+export declare const COLOR_LIGHT_PRIMARY_700 = "#084298";
+export declare const COLOR_LIGHT_PRIMARY_800 = "#052c65";
+export declare const COLOR_LIGHT_PRIMARY_900 = "#031633";
+export declare const COLOR_LIGHT_SECONDARY_100 = "#f8f9fa";
+export declare const COLOR_LIGHT_SECONDARY_200 = "#e9ecef";
+export declare const COLOR_LIGHT_SECONDARY_300 = "#dee2e6";
+export declare const COLOR_LIGHT_SECONDARY_400 = "#ced4da";
+export declare const COLOR_LIGHT_SECONDARY_500 = "#adb5bd";
+export declare const COLOR_LIGHT_SECONDARY_600 = "#6c757d";
+export declare const COLOR_LIGHT_SECONDARY_700 = "#495057";
+export declare const COLOR_LIGHT_SECONDARY_800 = "#343a40";
+export declare const COLOR_LIGHT_SECONDARY_900 = "#212529";
+export declare const COLOR_DARK_PRIMARY_100 = "#cfe2ff";
+export declare const COLOR_DARK_PRIMARY_200 = "#9ec5fe";
+export declare const COLOR_DARK_PRIMARY_300 = "#6ea8fe";
+export declare const COLOR_DARK_PRIMARY_400 = "#3d8bfd";
+export declare const COLOR_DARK_PRIMARY_500 = "#0d6efd";
+export declare const COLOR_DARK_PRIMARY_600 = "#0a58ca";
+export declare const COLOR_DARK_PRIMARY_700 = "#084298";
+export declare const COLOR_DARK_PRIMARY_800 = "#052c65";
+export declare const COLOR_DARK_PRIMARY_900 = "#031633";
+export declare const COLOR_DARK_SECONDARY_100 = "#f8f9fa";
+export declare const COLOR_DARK_SECONDARY_200 = "#e9ecef";
+export declare const COLOR_DARK_SECONDARY_300 = "#dee2e6";
+export declare const COLOR_DARK_SECONDARY_400 = "#ced4da";
+export declare const COLOR_DARK_SECONDARY_500 = "#adb5bd";
+export declare const COLOR_DARK_SECONDARY_600 = "#6c757d";
+export declare const COLOR_DARK_SECONDARY_700 = "#495057";
+export declare const COLOR_DARK_SECONDARY_800 = "#343a40";
+export declare const COLOR_DARK_SECONDARY_900 = "#212529";
+export declare const TYPOGRAPHY_HEADLINE1_FONT_SIZE = "80px";
+export declare const TYPOGRAPHY_HEADLINE1_LINE_HEIGHT = "1.2";
+export declare const TYPOGRAPHY_HEADLINE1_FONT_WEIGHT = "300";
+export declare const TYPOGRAPHY_HEADLINE1_LETTER_SPACING = "0";
+export declare const TYPOGRAPHY_HEADLINE1_TEXT_DECORATION = "none";
+export declare const TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM = "none";
+export declare const TYPOGRAPHY_HEADLINE2_FONT_SIZE = "72px";
+export declare const TYPOGRAPHY_HEADLINE2_LINE_HEIGHT = "1.2";
+export declare const TYPOGRAPHY_HEADLINE2_FONT_WEIGHT = "300";
+export declare const TYPOGRAPHY_HEADLINE2_LETTER_SPACING = "0";
+export declare const TYPOGRAPHY_HEADLINE2_TEXT_DECORATION = "none";
+export declare const TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM = "none";
+export declare const TYPOGRAPHY_HEADLINE3_FONT_SIZE = "64px";
+export declare const TYPOGRAPHY_HEADLINE3_LINE_HEIGHT = "1.2";
+export declare const TYPOGRAPHY_HEADLINE3_FONT_WEIGHT = "300";
+export declare const TYPOGRAPHY_HEADLINE3_LETTER_SPACING = "0";
+export declare const TYPOGRAPHY_HEADLINE3_TEXT_DECORATION = "none";
+export declare const TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM = "none";
+export declare const TYPOGRAPHY_HEADLINE4_FONT_SIZE = "56px";
+export declare const TYPOGRAPHY_HEADLINE4_LINE_HEIGHT = "1.2";
+export declare const TYPOGRAPHY_HEADLINE4_FONT_WEIGHT = "300";
+export declare const TYPOGRAPHY_HEADLINE4_LETTER_SPACING = "0";
+export declare const TYPOGRAPHY_HEADLINE4_TEXT_DECORATION = "none";
+export declare const TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM = "none";
+export declare const TYPOGRAPHY_HEADLINE5_FONT_SIZE = "48px";
+export declare const TYPOGRAPHY_HEADLINE5_LINE_HEIGHT = "1.2";
+export declare const TYPOGRAPHY_HEADLINE5_FONT_WEIGHT = "300";
+export declare const TYPOGRAPHY_HEADLINE5_LETTER_SPACING = "0";
+export declare const TYPOGRAPHY_HEADLINE5_TEXT_DECORATION = "none";
+export declare const TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM = "none";
+export declare const TYPOGRAPHY_HEADLINE6_FONT_SIZE = "40px";
+export declare const TYPOGRAPHY_HEADLINE6_LINE_HEIGHT = "1.2";
+export declare const TYPOGRAPHY_HEADLINE6_FONT_WEIGHT = "300";
+export declare const TYPOGRAPHY_HEADLINE6_LETTER_SPACING = "0";
+export declare const TYPOGRAPHY_HEADLINE6_TEXT_DECORATION = "none";
+export declare const TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM = "none";
+export declare const ELEVATION_NONE = "none";
+//# sourceMappingURL=BootstrapTokens.d.ts.map

package/Theming/Tokens/BootstrapTokens.d.ts.map

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

package/Theming/Tokens/BootstrapTokens.js

@@ -0,0 +1,82 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export const NAME = "bootstrap";
+export const FONT_FAMILY = "'Inter', Roboto, Helvetica, sans-serif";
+export const LAYOUT_RADIUS = "12px";
+export const LAYOUT_SPACE = "8px";
+export const LAYOUT_THICKNESS = "2px";
+export const COLOR_LIGHT_PRIMARY_100 = "#cfe2ff";
+export const COLOR_LIGHT_PRIMARY_200 = "#9ec5fe";
+export const COLOR_LIGHT_PRIMARY_300 = "#6ea8fe";
+export const COLOR_LIGHT_PRIMARY_400 = "#3d8bfd";
+export const COLOR_LIGHT_PRIMARY_500 = "#0d6efd";
+export const COLOR_LIGHT_PRIMARY_600 = "#0a58ca";
+export const COLOR_LIGHT_PRIMARY_700 = "#084298";
+export const COLOR_LIGHT_PRIMARY_800 = "#052c65";
+export const COLOR_LIGHT_PRIMARY_900 = "#031633";
+export const COLOR_LIGHT_SECONDARY_100 = "#f8f9fa";
+export const COLOR_LIGHT_SECONDARY_200 = "#e9ecef";
+export const COLOR_LIGHT_SECONDARY_300 = "#dee2e6";
+export const COLOR_LIGHT_SECONDARY_400 = "#ced4da";
+export const COLOR_LIGHT_SECONDARY_500 = "#adb5bd";
+export const COLOR_LIGHT_SECONDARY_600 = "#6c757d";
+export const COLOR_LIGHT_SECONDARY_700 = "#495057";
+export const COLOR_LIGHT_SECONDARY_800 = "#343a40";
+export const COLOR_LIGHT_SECONDARY_900 = "#212529";
+export const COLOR_DARK_PRIMARY_100 = "#cfe2ff";
+export const COLOR_DARK_PRIMARY_200 = "#9ec5fe";
+export const COLOR_DARK_PRIMARY_300 = "#6ea8fe";
+export const COLOR_DARK_PRIMARY_400 = "#3d8bfd";
+export const COLOR_DARK_PRIMARY_500 = "#0d6efd";
+export const COLOR_DARK_PRIMARY_600 = "#0a58ca";
+export const COLOR_DARK_PRIMARY_700 = "#084298";
+export const COLOR_DARK_PRIMARY_800 = "#052c65";
+export const COLOR_DARK_PRIMARY_900 = "#031633";
+export const COLOR_DARK_SECONDARY_100 = "#f8f9fa";
+export const COLOR_DARK_SECONDARY_200 = "#e9ecef";
+export const COLOR_DARK_SECONDARY_300 = "#dee2e6";
+export const COLOR_DARK_SECONDARY_400 = "#ced4da";
+export const COLOR_DARK_SECONDARY_500 = "#adb5bd";
+export const COLOR_DARK_SECONDARY_600 = "#6c757d";
+export const COLOR_DARK_SECONDARY_700 = "#495057";
+export const COLOR_DARK_SECONDARY_800 = "#343a40";
+export const COLOR_DARK_SECONDARY_900 = "#212529";
+export const TYPOGRAPHY_HEADLINE1_FONT_SIZE = "80px";
+export const TYPOGRAPHY_HEADLINE1_LINE_HEIGHT = "1.2";
+export const TYPOGRAPHY_HEADLINE1_FONT_WEIGHT = "300";
+export const TYPOGRAPHY_HEADLINE1_LETTER_SPACING = "0";
+export const TYPOGRAPHY_HEADLINE1_TEXT_DECORATION = "none";
+export const TYPOGRAPHY_HEADLINE1_TEXT_TRANSFORM = "none";
+export const TYPOGRAPHY_HEADLINE2_FONT_SIZE = "72px";
+export const TYPOGRAPHY_HEADLINE2_LINE_HEIGHT = "1.2";
+export const TYPOGRAPHY_HEADLINE2_FONT_WEIGHT = "300";
+export const TYPOGRAPHY_HEADLINE2_LETTER_SPACING = "0";
+export const TYPOGRAPHY_HEADLINE2_TEXT_DECORATION = "none";
+export const TYPOGRAPHY_HEADLINE2_TEXT_TRANSFORM = "none";
+export const TYPOGRAPHY_HEADLINE3_FONT_SIZE = "64px";
+export const TYPOGRAPHY_HEADLINE3_LINE_HEIGHT = "1.2";
+export const TYPOGRAPHY_HEADLINE3_FONT_WEIGHT = "300";
+export const TYPOGRAPHY_HEADLINE3_LETTER_SPACING = "0";
+export const TYPOGRAPHY_HEADLINE3_TEXT_DECORATION = "none";
+export const TYPOGRAPHY_HEADLINE3_TEXT_TRANSFORM = "none";
+export const TYPOGRAPHY_HEADLINE4_FONT_SIZE = "56px";
+export const TYPOGRAPHY_HEADLINE4_LINE_HEIGHT = "1.2";
+export const TYPOGRAPHY_HEADLINE4_FONT_WEIGHT = "300";
+export const TYPOGRAPHY_HEADLINE4_LETTER_SPACING = "0";
+export const TYPOGRAPHY_HEADLINE4_TEXT_DECORATION = "none";
+export const TYPOGRAPHY_HEADLINE4_TEXT_TRANSFORM = "none";
+export const TYPOGRAPHY_HEADLINE5_FONT_SIZE = "48px";
+export const TYPOGRAPHY_HEADLINE5_LINE_HEIGHT = "1.2";
+export const TYPOGRAPHY_HEADLINE5_FONT_WEIGHT = "300";
+export const TYPOGRAPHY_HEADLINE5_LETTER_SPACING = "0";
+export const TYPOGRAPHY_HEADLINE5_TEXT_DECORATION = "none";
+export const TYPOGRAPHY_HEADLINE5_TEXT_TRANSFORM = "none";
+export const TYPOGRAPHY_HEADLINE6_FONT_SIZE = "40px";
+export const TYPOGRAPHY_HEADLINE6_LINE_HEIGHT = "1.2";
+export const TYPOGRAPHY_HEADLINE6_FONT_WEIGHT = "300";
+export const TYPOGRAPHY_HEADLINE6_LETTER_SPACING = "0";
+export const TYPOGRAPHY_HEADLINE6_TEXT_DECORATION = "none";
+export const TYPOGRAPHY_HEADLINE6_TEXT_TRANSFORM = "none";
+export const ELEVATION_NONE = "none";
+//# sourceMappingURL=BootstrapTokens.js.map

package/Theming/Tokens/BootstrapTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BootstrapTokens.js","sourceRoot":"","sources":["../../../src/Theming/Tokens/BootstrapTokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,WAAW,CAAC;AAChC,MAAM,CAAC,MAAM,WAAW,GAAG,wCAAwC,CAAC;AACpE,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC;AACpC,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC;AAClC,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC;AACtC,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,yBAAyB,GAAG,SAAS,CAAC;AACnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAChD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAClD,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,CAAC;AACvD,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC;AAC3D,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC;AAC1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,CAAC;AACvD,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC;AAC3D,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC;AAC1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,CAAC;AACvD,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC;AAC3D,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC;AAC1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,CAAC;AACvD,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC;AAC3D,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC;AAC1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,CAAC;AACvD,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC;AAC3D,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC;AAC1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC;AACrD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AACtD,MAAM,CAAC,MAAM,mCAAmC,GAAG,GAAG,CAAC;AACvD,MAAM,CAAC,MAAM,oCAAoC,GAAG,MAAM,CAAC;AAC3D,MAAM,CAAC,MAAM,mCAAmC,GAAG,MAAM,CAAC;AAC1D,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC"}