@codeleap/styles 4.2.9 → 4.2.10

package/dist/lib/StyleRegistry.js

@@ -1,513 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeleapStyleRegistry = void 0;
-var themeStore_1 = require("./themeStore");
-var deepmerge_1 = __importDefault(require("@fastify/deepmerge"));
-var defaultVariants_1 = require("./defaultVariants");
-var dynamicVariants_1 = require("./dynamicVariants");
-var utils_1 = require("./utils");
-var StyleCache_1 = require("./StyleCache");
-var minifier_1 = require("./minifier");
-var CodeleapStyleRegistry = /** @class */ (function () {
-    function CodeleapStyleRegistry(storage) {
-        var _a, _b, _c, _d, _e;
-        this.stylesheets = {};
-        this.commonVariants = {};
-        this.aggregators = {};
-        this.components = {};
-        this.styleCache = new StyleCache_1.StyleCache(storage);
-        this.theme = themeStore_1.themeStore.getState();
-        this.registerCommonVariants();
-        var currentColorScheme = (_e = (_c = (_b = (_a = this.theme) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b['currentColorScheme']) !== null && _c !== void 0 ? _c : (_d = this.theme) === null || _d === void 0 ? void 0 : _d.colorScheme) !== null && _e !== void 0 ? _e : 'default';
-        this.styleCache.registerBaseKey([currentColorScheme, this.theme.current, this.commonVariants]);
-    }
-    CodeleapStyleRegistry.prototype.computeCommonVariantStyle = function (componentName, variant, component) {
-        var _a, _b, _c;
-        var _d, _e;
-        if (component === void 0) { component = null; }
-        var cache = this.styleCache.keyFor('common', variant);
-        if (!!cache.value) {
-            return _a = {},
-                _a[component] = this.createStyle(cache.value),
-                _a;
-        }
-        var theme = this.theme.current;
-        var mediaQuery = null;
-        var _f = __read((variant === null || variant === void 0 ? void 0 : variant.includes(':')) ? variant === null || variant === void 0 ? void 0 : variant.split(':') : [variant, null], 2), variantName = _f[0], value = _f[1];
-        // @ts-expect-error
-        if (!!(theme === null || theme === void 0 ? void 0 : theme.breakpoints[variantName])) {
-            var _g = __read(((_d = variant === null || variant === void 0 ? void 0 : variant.split(':')) === null || _d === void 0 ? void 0 : _d.length) == 2 ? __spreadArray(__spreadArray([], __read(variant === null || variant === void 0 ? void 0 : variant.split(':')), false), [null], false) : variant === null || variant === void 0 ? void 0 : variant.split(':'), 3), breakpoint = _g[0], _variantName = _g[1], _value = _g[2];
-            // @ts-expect-error
-            mediaQuery = theme.media.down(breakpoint);
-            value = _value;
-            variantName = _variantName;
-        }
-        var variantStyle = (_e = this.commonVariants[variantName]) !== null && _e !== void 0 ? _e : this.commonVariants[variant];
-        var style = null;
-        if (typeof variantStyle == 'function') {
-            style = (0, utils_1.isSpacingKey)(variantName) ? variantStyle(value) : variantStyle(theme, value);
-        }
-        else {
-            style = variantStyle;
-        }
-        if (!style)
-            return null;
-        if (!!mediaQuery) {
-            style = (_b = {},
-                _b[mediaQuery] = style,
-                _b);
-        }
-        var commonStyles = (_c = {},
-            _c[component] = this.createStyle(style),
-            _c);
-        this.styleCache.cacheFor('common', cache.key, style);
-        return commonStyles;
-    };
-    CodeleapStyleRegistry.prototype.computeVariantStyle = function (componentName, variants, _component) {
-        var _this = this;
-        if (_component === void 0) { _component = null; }
-        var rootElement = this.getRegisteredComponent(componentName).rootElement;
-        var component = _component !== null && _component !== void 0 ? _component : rootElement;
-        var stylesheet = minifier_1.minifier.decompress(this.stylesheets[componentName]);
-        var aggregator = this.aggregators[componentName];
-        var cache = this.styleCache.keyFor('variants', { componentName: componentName, component: component, stylesheet: stylesheet, variants: variants, aggregator: aggregator });
-        if (!!cache.value) {
-            return cache.value;
-        }
-        var theme = this.theme.current;
-        var variantStyles = variants.map(function (variant) {
-            var _a, _b;
-            if (!!stylesheet[variant]) {
-                return stylesheet[variant];
-            }
-            var _c = __read((variant === null || variant === void 0 ? void 0 : variant.includes(':')) ? variant === null || variant === void 0 ? void 0 : variant.split(':') : [], 2), breakpoint = _c[0], variantName = _c[1];
-            // @ts-ignore
-            if (!!(theme === null || theme === void 0 ? void 0 : theme.breakpoints[breakpoint]) && !!stylesheet[variantName]) {
-                // @ts-ignore
-                var mediaQuery = theme.media.down(breakpoint);
-                return _a = {},
-                    _a[component] = _this.createStyle((_b = {},
-                        _b[mediaQuery] = stylesheet[variantName][component],
-                        _b)),
-                    _a;
-            }
-            return _this.computeCommonVariantStyle(componentName, variant, component);
-        }).filter(function (variantStyle) { return !!variantStyle; });
-        var variantStyle = (0, deepmerge_1.default)({ all: true }).apply(void 0, __spreadArray([], __read(variantStyles), false));
-        if (!!aggregator) {
-            variantStyle = aggregator(theme, variantStyle);
-        }
-        this.styleCache.cacheFor('variants', cache.key, variantStyle);
-        return variantStyle;
-    };
-    CodeleapStyleRegistry.prototype.isCompositionStyle = function (component, style) {
-        var e_1, _a, e_2, _b;
-        var composition = {};
-        if (!style) {
-            return {
-                isComposition: false,
-                composition: composition,
-            };
-        }
-        var styleKeys = Object.keys(style);
-        var elements = [];
-        var _loop_1 = function (element) {
-            var componentElements = styleKeys === null || styleKeys === void 0 ? void 0 : styleKeys.filter(function (k) { return (k === null || k === void 0 ? void 0 : k.startsWith(element)) && !(utils_1.ignoredStyleKeys === null || utils_1.ignoredStyleKeys === void 0 ? void 0 : utils_1.ignoredStyleKeys.includes(k)); });
-            if ((componentElements === null || componentElements === void 0 ? void 0 : componentElements.length) >= 1) {
-                elements = __spreadArray(__spreadArray([], __read(elements), false), __read(componentElements), false);
-            }
-        };
-        try {
-            for (var _c = __values(component === null || component === void 0 ? void 0 : component.elements), _d = _c.next(); !_d.done; _d = _c.next()) {
-                var element = _d.value;
-                _loop_1(element);
-            }
-        }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
-        finally {
-            try {
-                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-            }
-            finally { if (e_1) throw e_1.error; }
-        }
-        try {
-            for (var elements_1 = __values(elements), elements_1_1 = elements_1.next(); !elements_1_1.done; elements_1_1 = elements_1.next()) {
-                var element = elements_1_1.value;
-                composition[element] = style[element];
-            }
-        }
-        catch (e_2_1) { e_2 = { error: e_2_1 }; }
-        finally {
-            try {
-                if (elements_1_1 && !elements_1_1.done && (_b = elements_1.return)) _b.call(elements_1);
-            }
-            finally { if (e_2) throw e_2.error; }
-        }
-        return {
-            isComposition: (elements === null || elements === void 0 ? void 0 : elements.length) >= 1,
-            composition: composition,
-        };
-    };
-    CodeleapStyleRegistry.prototype.isResponsiveStyle = function (style) {
-        var responsiveStyleKey = 'breakpoints';
-        if (!style) {
-            return {
-                responsiveStyleKey: responsiveStyleKey,
-                isResponsive: false,
-            };
-        }
-        return {
-            responsiveStyleKey: responsiveStyleKey,
-            isResponsive: !!style[responsiveStyleKey],
-        };
-    };
-    CodeleapStyleRegistry.prototype.getDefaultVariantStyle = function (componentName, defaultVariantStyleName) {
-        if (defaultVariantStyleName === void 0) { defaultVariantStyleName = 'default'; }
-        var stylesheet = minifier_1.minifier.decompress(this.stylesheets[componentName]);
-        var defaultStyle = stylesheet === null || stylesheet === void 0 ? void 0 : stylesheet[defaultVariantStyleName];
-        if (!!defaultStyle) {
-            return defaultStyle;
-        }
-        else {
-            return {};
-        }
-    };
-    CodeleapStyleRegistry.prototype.mergeStylesWithCache = function (styles, key) {
-        var mergedStyles = (0, deepmerge_1.default)({ all: true }).apply(void 0, __spreadArray([], __read(styles), false));
-        this.styleCache.cacheFor('components', key, mergedStyles);
-        return mergedStyles;
-    };
-    CodeleapStyleRegistry.prototype.getRegisteredComponent = function (componentName) {
-        var _a;
-        var registeredComponent = this.components[componentName];
-        if (!registeredComponent) {
-            throw new Error("Component ".concat(componentName, " not registered"));
-        }
-        var rootElement = (_a = registeredComponent === null || registeredComponent === void 0 ? void 0 : registeredComponent.rootElement) !== null && _a !== void 0 ? _a : 'wrapper';
-        return {
-            rootElement: rootElement,
-            registeredComponent: registeredComponent,
-        };
-    };
-    CodeleapStyleRegistry.prototype.getResponsiveStyle = function (componentName, responsiveStyleKey, style) {
-        var _a;
-        var responsiveStyles = style[responsiveStyleKey];
-        if (!responsiveStyles)
-            return {};
-        var stylesheet = minifier_1.minifier.decompress(this.stylesheets[componentName]);
-        var cache = this.styleCache.keyFor('responsive', { componentName: componentName, responsiveStyles: responsiveStyles, stylesheet: stylesheet });
-        if (!!cache.value) {
-            return cache.value;
-        }
-        var styles = {};
-        for (var responsiveStyle in responsiveStyles) {
-            var mediaQuery = this.getMediaQuery(responsiveStyle);
-            var breakpointStyle = responsiveStyles[responsiveStyle];
-            var componentStyles = this.styleFor(componentName, breakpointStyle, false);
-            // @ts-ignore
-            for (var composition in componentStyles) {
-                styles[composition] = (_a = {},
-                    _a[mediaQuery] = componentStyles[composition],
-                    _a);
-            }
-        }
-        this.styleCache.cacheFor('responsive', cache.key, styles);
-        return styles;
-    };
-    CodeleapStyleRegistry.prototype.getStyles = function (componentName, _style, component, predicateObj) {
-        var e_3, _a;
-        var styles = {};
-        var style = typeof _style == 'string' ? [_style] : _style;
-        if (Array.isArray(style)) {
-            var variants = [];
-            try {
-                for (var style_1 = __values(style), style_1_1 = style_1.next(); !style_1_1.done; style_1_1 = style_1.next()) {
-                    var s = style_1_1.value;
-                    if (typeof s === 'string') {
-                        variants.push(s);
-                    }
-                    else {
-                        styles = (0, deepmerge_1.default)({ all: true })(styles, !!predicateObj ? predicateObj(s) : s);
-                    }
-                }
-            }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
-            finally {
-                try {
-                    if (style_1_1 && !style_1_1.done && (_a = style_1.return)) _a.call(style_1);
-                }
-                finally { if (e_3) throw e_3.error; }
-            }
-            if ((variants === null || variants === void 0 ? void 0 : variants.length) >= 1) {
-                var computedVariantStyle = this.computeVariantStyle(componentName, variants, component);
-                styles = (0, deepmerge_1.default)({ all: true })(styles, computedVariantStyle[component]);
-            }
-        }
-        else if (typeof style === 'object') {
-            styles = !!predicateObj ? predicateObj(style) : style;
-        }
-        return styles;
-    };
-    CodeleapStyleRegistry.prototype.getMediaQuery = function (responsiveKey) {
-        var _a, _b;
-        var _c = __read((responsiveKey === null || responsiveKey === void 0 ? void 0 : responsiveKey.includes(':')) ? responsiveKey === null || responsiveKey === void 0 ? void 0 : responsiveKey.split(':') : [responsiveKey, 'down'], 2), breakpoint = _c[0], query = _c[1];
-        // @ts-expect-error - media not has type
-        var mediaQuery = (_b = (_a = this.theme.current.media) === null || _a === void 0 ? void 0 : _a[query]) === null || _b === void 0 ? void 0 : _b.call(_a, breakpoint);
-        return mediaQuery;
-    };
-    CodeleapStyleRegistry.prototype.getStyleWithResponsive = function (componentName, style, component) {
-        var _a;
-        if (!style)
-            return style;
-        var _b = this.isResponsiveStyle(style), isResponsive = _b.isResponsive, responsiveStyleKey = _b.responsiveStyleKey;
-        if (isResponsive) {
-            var responsiveStyles = {};
-            for (var responsiveStyle in style[responsiveStyleKey]) {
-                var mediaQuery = this.getMediaQuery(responsiveStyle);
-                var breakpointStyle = style[responsiveStyleKey][responsiveStyle];
-                responsiveStyles = (0, deepmerge_1.default)({ all: true })(responsiveStyles, (_a = {},
-                    _a[mediaQuery] = this.getStyles(componentName, breakpointStyle, component),
-                    _a));
-            }
-            delete style[responsiveStyleKey];
-            return (0, deepmerge_1.default)({ all: true })(style, responsiveStyles);
-        }
-        else {
-            return style;
-        }
-    };
-    CodeleapStyleRegistry.prototype.getCompositionStyle = function (componentName, composition, style) {
-        var _this = this;
-        var cache = this.styleCache.keyFor('compositions', { componentName: componentName, composition: composition, style: style });
-        if (!!cache.value) {
-            return cache.value;
-        }
-        var styles = [];
-        var _loop_2 = function (component) {
-            var _a;
-            var componentStyles = composition[component];
-            var componentStyle = this_1.getStyles(componentName, componentStyles, component, function (s) { return _this.getStyleWithResponsive(componentName, s, component); });
-            styles.push((_a = {}, _a[component] = componentStyle, _a));
-            delete style[component];
-        };
-        var this_1 = this;
-        for (var component in composition) {
-            _loop_2(component);
-        }
-        this.styleCache.cacheFor('compositions', cache.key, styles);
-        return styles;
-    };
-    CodeleapStyleRegistry.prototype.styleFor = function (componentName, componentStyle, mergeWithDefaultStyle) {
-        var _a, _b, e_4, _c, _d;
-        if (mergeWithDefaultStyle === void 0) { mergeWithDefaultStyle = true; }
-        var cache = this.styleCache.keyFor('components', { componentName: componentName, componentStyle: componentStyle, stylesheet: this.stylesheets[componentName] });
-        if (!!cache.value) {
-            return cache.value;
-        }
-        var style = this.copyStyle(componentStyle);
-        var isStyleArray = Array.isArray(style);
-        var _e = this.getRegisteredComponent(componentName), rootElement = _e.rootElement, registeredComponent = _e.registeredComponent;
-        var defaultStyle = mergeWithDefaultStyle ? this.getDefaultVariantStyle(componentName) : {};
-        if (!style) {
-            return this.mergeStylesWithCache([defaultStyle], cache.key);
-        }
-        var isStyleObject = typeof style === 'object' && !isStyleArray;
-        if (typeof style === 'string') {
-            var computedVariantStyle = this.computeVariantStyle(componentName, [style]);
-            return this.mergeStylesWithCache([defaultStyle, computedVariantStyle], cache.key);
-        }
-        if (isStyleObject) {
-            var _f = this.isCompositionStyle(registeredComponent, style), isComposition = _f.isComposition, composition = _f.composition;
-            var _g = this.isResponsiveStyle(style), isResponsive = _g.isResponsive, responsiveStyleKey = _g.responsiveStyleKey;
-            var responsiveStyles = this.getResponsiveStyle(componentName, responsiveStyleKey, style);
-            if (isResponsive) {
-                delete style[responsiveStyleKey];
-            }
-            if (isComposition) {
-                var compositionStyles = this.getCompositionStyle(componentName, composition, style);
-                var styles = __spreadArray([defaultStyle, responsiveStyles], __read(compositionStyles), false);
-                styles.push((_a = {}, _a[rootElement] = style, _a));
-                return this.mergeStylesWithCache(styles, cache.key);
-            }
-            else {
-                return this.mergeStylesWithCache([defaultStyle, responsiveStyles, (_b = {}, _b[rootElement] = style, _b)], cache.key);
-            }
-        }
-        if (isStyleArray) {
-            var filteredStyle = style === null || style === void 0 ? void 0 : style.filter(function (s) { return !!s; });
-            var variants = [];
-            var styles = [defaultStyle];
-            var idx = 0;
-            try {
-                for (var filteredStyle_1 = __values(filteredStyle), filteredStyle_1_1 = filteredStyle_1.next(); !filteredStyle_1_1.done; filteredStyle_1_1 = filteredStyle_1.next()) {
-                    var s = filteredStyle_1_1.value;
-                    if (typeof s === 'string') {
-                        variants.push(s);
-                    }
-                    var isObj = typeof s === 'object';
-                    if (variants.length > 0 && (idx === filteredStyle.length - 1 || isObj)) {
-                        var computedVariantStyle = this.computeVariantStyle(componentName, variants);
-                        styles.push(computedVariantStyle);
-                        variants = [];
-                    }
-                    if (isObj) {
-                        var _h = this.isCompositionStyle(registeredComponent, s), isComposition = _h.isComposition, composition = _h.composition;
-                        var _j = this.isResponsiveStyle(s), isResponsive = _j.isResponsive, responsiveStyleKey = _j.responsiveStyleKey;
-                        if (Array.isArray(s)) {
-                            var styleComposition = this.styleFor(componentName, s, false);
-                            styles.push(styleComposition);
-                        }
-                        else if (isComposition) {
-                            var compositionStyles = this.getCompositionStyle(componentName, composition, s);
-                            styles.push.apply(styles, __spreadArray([], __read(compositionStyles), false));
-                        }
-                        else if (isResponsive) {
-                            var responsiveStyles = this.getResponsiveStyle(componentName, responsiveStyleKey, s);
-                            styles.push(responsiveStyles);
-                            delete s[responsiveStyleKey];
-                        }
-                        else {
-                            styles.push((_d = {}, _d[rootElement] = s, _d));
-                        }
-                    }
-                    idx++;
-                }
-            }
-            catch (e_4_1) { e_4 = { error: e_4_1 }; }
-            finally {
-                try {
-                    if (filteredStyle_1_1 && !filteredStyle_1_1.done && (_c = filteredStyle_1.return)) _c.call(filteredStyle_1);
-                }
-                finally { if (e_4) throw e_4.error; }
-            }
-            return this.mergeStylesWithCache(styles, cache.key);
-        }
-        console.warn('Invalid style prop for ', componentName, style);
-        return {};
-    };
-    CodeleapStyleRegistry.prototype.registerCommonVariants = function () {
-        var _a, _b;
-        var spacingVariants = (_a = this.theme.current) === null || _a === void 0 ? void 0 : _a['spacing'];
-        var insetVariants = (_b = this.theme.current) === null || _b === void 0 ? void 0 : _b['inset'];
-        var appVariants = this.theme.variants;
-        var commonVariants = (0, deepmerge_1.default)({ all: true })(defaultVariants_1.defaultVariants, appVariants, dynamicVariants_1.dynamicVariants, spacingVariants, insetVariants);
-        this.commonVariants = commonVariants;
-    };
-    CodeleapStyleRegistry.prototype.registerVariants = function (componentName, variants, aggregator) {
-        if (this.stylesheets[componentName]) {
-            throw new Error("Variants for ".concat(componentName, " already registered"));
-        }
-        this.aggregators[componentName] = aggregator;
-        this.stylesheets[componentName] = minifier_1.minifier.compress(variants);
-    };
-    CodeleapStyleRegistry.prototype.registerComponent = function (component) {
-        var componentData = {
-            styleRegistryName: component === null || component === void 0 ? void 0 : component.styleRegistryName,
-            elements: component === null || component === void 0 ? void 0 : component.elements,
-            rootElement: component === null || component === void 0 ? void 0 : component.rootElement,
-        };
-        this.components[component.styleRegistryName] = componentData;
-    };
-    /**
-      * These should be overwritten by the end-user to support
-      * custom style merging logic, such as StyleSheet.flatten
-      */
-    CodeleapStyleRegistry.prototype.createStyle = function (css) {
-        throw new Error('createStyle: Not implemented');
-    };
-    CodeleapStyleRegistry.prototype.update = function () {
-        var _a, _b, _c, _d, _e;
-        this.theme = themeStore_1.themeStore.getState();
-        var currentColorScheme = (_e = (_c = (_b = (_a = this.theme) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b['currentColorScheme']) !== null && _c !== void 0 ? _c : (_d = this.theme) === null || _d === void 0 ? void 0 : _d.colorScheme) !== null && _e !== void 0 ? _e : 'default';
-        this.styleCache.registerBaseKey([currentColorScheme, this.theme.current, this.commonVariants]);
-    };
-    CodeleapStyleRegistry.prototype.copyStyle = function (style) {
-        var copiedStyle = null;
-        if (Array.isArray(style)) {
-            copiedStyle = __spreadArray([], __read(style), false);
-        }
-        else if (typeof style == 'object') {
-            copiedStyle = __assign({}, style);
-        }
-        else {
-            copiedStyle = style;
-        }
-        return copiedStyle;
-    };
-    CodeleapStyleRegistry.prototype.createStyles = function (styles) {
-        var _this = this;
-        var compute = function () {
-            var _a;
-            var current = themeStore_1.themeStore.getState().current;
-            var stylesObj = typeof styles === 'function' ? styles(current) : styles;
-            var cache = _this.styleCache.keyFor('styles', stylesObj);
-            if (!!cache.value) {
-                return cache.value;
-            }
-            var createdStyles = {};
-            for (var key in stylesObj) {
-                var style = _this.styleFor('MyComponent', stylesObj[key], false);
-                createdStyles[key] = (_a = style === null || style === void 0 ? void 0 : style.wrapper) !== null && _a !== void 0 ? _a : style;
-            }
-            _this.styleCache.cacheFor('styles', cache.key, createdStyles);
-            return createdStyles;
-        };
-        return new Proxy(compute(), {
-            get: function (target, prop) {
-                return compute()[prop];
-            },
-        });
-    };
-    return CodeleapStyleRegistry;
-}());
-exports.CodeleapStyleRegistry = CodeleapStyleRegistry;

package/dist/lib/borderCreator.d.ts

@@ -1,11 +0,0 @@
-import { IColors, ICSS } from '../types';
-import { borderDirection } from './dynamicVariants';
-type BorderCreatorArgs = {
-    color: keyof IColors | (string & {});
-    width?: number | string;
-    directions?: typeof borderDirection[number][];
-    style?: ICSS['borderStyle'];
-};
-export type BorderCreator = (args: BorderCreatorArgs) => ICSS;
-export declare const borderCreator: BorderCreator;
-export {};

package/dist/lib/borderCreator.js

@@ -1,44 +0,0 @@
-"use strict";
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.borderCreator = void 0;
-var themeStore_1 = require("./themeStore");
-var utils_1 = require("./utils");
-var borderCreator = function (args) {
-    var e_1, _a;
-    var _b, _c;
-    var colorKey = args.color, _d = args.width, width = _d === void 0 ? 1 : _d, _e = args.style, style = _e === void 0 ? 'solid' : _e, _f = args.directions, directions = _f === void 0 ? ['left', 'top', 'bottom', 'right'] : _f;
-    var theme = themeStore_1.themeStore.getState().current;
-    var color = (_c = (_b = theme === null || theme === void 0 ? void 0 : theme['colors']) === null || _b === void 0 ? void 0 : _b[colorKey]) !== null && _c !== void 0 ? _c : colorKey;
-    var borderStyles = {};
-    try {
-        for (var directions_1 = __values(directions), directions_1_1 = directions_1.next(); !directions_1_1.done; directions_1_1 = directions_1.next()) {
-            var direction = directions_1_1.value;
-            var property = "border".concat((0, utils_1.capitalize)(direction));
-            borderStyles["".concat(property, "Color")] = color;
-            borderStyles["".concat(property, "Width")] = width;
-            if (typeof localStorage !== 'undefined') {
-                borderStyles["".concat(property, "Style")] = style;
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (directions_1_1 && !directions_1_1.done && (_a = directions_1.return)) _a.call(directions_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-    return borderStyles;
-};
-exports.borderCreator = borderCreator;

package/dist/lib/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const StyleConstants: {
-    STORES_PERSIST_VERSION: number;
-    STORE_CACHE_ENABLED: boolean;
-    CACHE_ENABLED: boolean;
-};

package/dist/lib/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyleConstants = void 0;
-exports.StyleConstants = {
-    STORES_PERSIST_VERSION: 1,
-    STORE_CACHE_ENABLED: true,
-    CACHE_ENABLED: true,
-};

package/dist/lib/createAppVariants.d.ts

@@ -1,6 +0,0 @@
-import { ICSS, ITheme } from '../types';
-type AppVariantsMap = {
-    [x: string]: ICSS | ((theme: ITheme) => ICSS);
-};
-export declare function createAppVariants<T extends AppVariantsMap>(variants: T): T;
-export {};

package/dist/lib/createAppVariants.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createAppVariants = void 0;
-var themeStore_1 = require("./themeStore");
-function createAppVariants(variants) {
-    themeStore_1.themeStore.setState({ variants: variants });
-    return variants;
-}
-exports.createAppVariants = createAppVariants;

package/dist/lib/createStyles.d.ts

@@ -1,4 +0,0 @@
-import { ICSS, ITheme, AnyRecord } from '../types';
-type StylesShape<K extends string, P extends AnyRecord> = Partial<Record<K, ICSS & Partial<P>>>;
-export declare function createStyles<K extends string, P extends AnyRecord = AnyRecord>(styles: StylesShape<K, P> | ((theme: ITheme) => StylesShape<K, P>)): Partial<Record<K, ICSS & Partial<P>>>;
-export {};

package/dist/lib/createStyles.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStyles = void 0;
-var themeStore_1 = require("./themeStore");
-function createStyles(styles) {
-    var compute = function () {
-        var styleObj = {};
-        var current = themeStore_1.themeStore.getState().current;
-        if (typeof styles === 'function') {
-            styleObj = styles(current);
-        }
-        else {
-            styleObj = styles;
-        }
-        return styleObj;
-    };
-    // We use a proxy here so that the color scheme is recomputed every time the
-    // theme changes. This is necessary because the theme is a singleton which does not cause
-    // a re-render when it changes. The end-user will only have to worry about remounting the root component
-    // when the theme changes in order to get the new color scheme due to this proxy.
-    return new Proxy(compute(), {
-        get: function (target, prop) {
-            return compute()[prop];
-        },
-    });
-}
-exports.createStyles = createStyles;

package/dist/lib/createTheme.d.ts

@@ -1,7 +0,0 @@
-import { AppTheme, Theme } from '../types';
-type ColorSchemaPersistor = {
-    get: () => string;
-    set: (colorSchema: string) => void;
-};
-export declare const createTheme: <T extends Theme>(theme: T, colorSchemaPersistor: ColorSchemaPersistor) => AppTheme<T>;
-export {};