@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/tasty/styles/boxShadow.combinator.js

@@ -1,25 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.boxShadowCombinator = boxShadowCombinator;
-function boxShadowCombinator(styles) {
-    const values = boxShadowCombinator.__lookupStyles.reduce((list, style) => {
-        const value = styles[style];
-        if (value) {
-            list.push(`var(--local-${style}-box-shadow)`);
-        }
-        return list;
-    }, []);
-    if (!values.length)
-        return '';
-    return { 'box-shadow': values.join(', ') };
-}
-boxShadowCombinator.__lookupStyles = ['outline', 'shadow'];
-
-        

package/cjs/tasty/styles/color.js

@@ -1,42 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorStyle = colorStyle;
-const styles_1 = require("../utils/styles");
-function colorStyle({ color }) {
-    if (!color)
-        return '';
-    if (color === true)
-        color = 'currentColor';
-    if (color.startsWith('#')) {
-        color = (0, styles_1.parseColor)(color).color || color;
-    }
-    const match = color.match(/var\(--(.+?)-color/);
-    let name = '';
-    if (match) {
-        name = match[1];
-    }
-    const styles = [
-        {
-            color: color,
-        },
-    ];
-    if (name) {
-        styles.push([
-            {
-                '--current-color': `var(--${name}-color, ${name})`,
-                '--current-color-rgb': `var(--${name}-color-rgb)`,
-            },
-        ]);
-    }
-    return styles;
-}
-colorStyle.__lookupStyles = ['color'];
-
-        

package/cjs/tasty/styles/createStyle.js

@@ -1,71 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStyle = createStyle;
-const styles_1 = require("../utils/styles");
-const string_1 = require("../utils/string");
-const CACHE = {};
-function createStyle(styleName, cssStyle, converter) {
-    const key = `${styleName}.${cssStyle ?? ''}`;
-    if (!CACHE[key]) {
-        const styleHandler = (styleMap) => {
-            let styleValue = styleMap[styleName];
-            if (styleValue == null || styleValue === false)
-                return;
-            const finalCssStyle = cssStyle || (0, string_1.toSnakeCase)(styleName).replace(/^@/, '--');
-            // convert non-string values
-            if (converter && typeof styleValue !== 'string') {
-                styleValue = converter(styleValue);
-                if (!styleValue)
-                    return;
-            }
-            if (typeof styleValue === 'string' &&
-                finalCssStyle.startsWith('--') &&
-                finalCssStyle.endsWith('-color')) {
-                styleValue = styleValue.trim();
-                const rgba = (0, styles_1.strToRgb)(styleValue);
-                const { color, name } = (0, styles_1.parseColor)(styleValue);
-                if (name && rgba) {
-                    return {
-                        [finalCssStyle]: `var(--${name}-color, ${rgba})`,
-                        [`${finalCssStyle}-rgb`]: `var(--${name}-color-rgb, ${(0, styles_1.getRgbValuesFromRgbaString)(rgba).join(', ')})`,
-                    };
-                }
-                else if (name) {
-                    if (color) {
-                        return {
-                            [finalCssStyle]: color,
-                            [`${finalCssStyle}-rgb`]: `var(--${name}-color-rgb)`,
-                        };
-                    }
-                    return {
-                        [finalCssStyle]: `var(--${name}-color)`,
-                        [`${finalCssStyle}-rgb`]: `var(--${name}-color-rgb)`,
-                    };
-                }
-                else if (rgba) {
-                    return {
-                        [finalCssStyle]: rgba,
-                        [`${finalCssStyle}-rgb`]: (0, styles_1.getRgbValuesFromRgbaString)(rgba).join(', '),
-                    };
-                }
-                return {
-                    [finalCssStyle]: color,
-                };
-            }
-            const { value } = (0, styles_1.parseStyle)(styleValue, 1);
-            return { [finalCssStyle]: value };
-        };
-        styleHandler.__lookupStyles = [styleName];
-        CACHE[key] = (0, styles_1.styleHandlerCacheWrapper)(styleHandler);
-    }
-    return CACHE[key];
-}
-
-        

package/cjs/tasty/styles/dimension.js

@@ -1,88 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dimensionStyle = dimensionStyle;
-const styles_1 = require("../utils/styles");
-const DEFAULT_MIN_SIZE = 'var(--gap)';
-const DEFAULT_MAX_SIZE = '100%';
-function isSizingSupport(val) {
-    return typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
-        ? CSS.supports('height', val)
-        : false;
-}
-const STRETCH = 'stretch';
-const FILL_AVAILABLE = 'fill-available';
-const WEBKIT_FILL_AVAILABLE = '-webkit-fill-available';
-const MOZ_FILL_AVAILABLE = '-moz-fill-available';
-const STRETCH_SIZE = isSizingSupport(STRETCH)
-    ? STRETCH
-    : isSizingSupport(FILL_AVAILABLE)
-        ? FILL_AVAILABLE
-        : isSizingSupport(WEBKIT_FILL_AVAILABLE)
-            ? WEBKIT_FILL_AVAILABLE
-            : isSizingSupport(MOZ_FILL_AVAILABLE)
-                ? MOZ_FILL_AVAILABLE
-                : null;
-const INTRINSIC_MODS = ['max-content', 'min-content', 'fit-content', 'stretch'];
-function dimensionStyle(name) {
-    const minStyle = `min-${name}`;
-    const maxStyle = `max-${name}`;
-    return (val) => {
-        if (!val)
-            return '';
-        if (typeof val === 'number') {
-            val = `${val}px`;
-        }
-        val = String(val);
-        const styles = {
-            [name]: 'auto',
-            [minStyle]: 'initial',
-            [maxStyle]: 'initial',
-        };
-        const { mods, values } = (0, styles_1.parseStyle)(val);
-        (0, styles_1.transferMods)(INTRINSIC_MODS, mods, values);
-        values.forEach((v, i) => {
-            if (v === 'stretch') {
-                values[i] = STRETCH_SIZE || (name === 'height' ? '100vh' : '100vw');
-            }
-        });
-        let flag = false;
-        for (let mod of mods) {
-            switch (mod) {
-                case 'min':
-                    styles[minStyle] = values[0] || DEFAULT_MIN_SIZE;
-                    flag = true;
-                    break;
-                case 'max':
-                    styles[maxStyle] = values[0] || DEFAULT_MAX_SIZE;
-                    flag = true;
-                    break;
-                default:
-                    break;
-            }
-        }
-        if (!flag || !mods.length) {
-            if (values.length === 2) {
-                styles[minStyle] = values[0];
-                styles[maxStyle] = values[1];
-            }
-            else if (values.length === 3) {
-                styles[minStyle] = values[0];
-                styles[name] = values[1];
-                styles[maxStyle] = values[2];
-            }
-            else {
-                styles[name] = values[0] || 'auto';
-            }
-        }
-        return styles;
-    };
-}
-
-        

package/cjs/tasty/styles/display.js

@@ -1,16 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.displayStyle = displayStyle;
-function displayStyle({ display, hide }) {
-    return { display: !hide ? display : 'none' };
-}
-displayStyle.__lookupStyles = ['display', 'hide'];
-
-        

package/cjs/tasty/styles/fade.js

@@ -1,41 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fadeStyle = fadeStyle;
-const styles_1 = require("../utils/styles");
-const DIRECTION_MAP = {
-    right: 'to left',
-    left: 'to right',
-    top: 'to bottom',
-    bottom: 'to top',
-};
-function fadeStyle({ fade }) {
-    if (!fade)
-        return '';
-    let { values, mods } = (0, styles_1.parseStyle)(fade);
-    let directions = (0, styles_1.filterMods)(mods, styles_1.DIRECTIONS);
-    if (!values.length) {
-        values = ['var(--fade-width)'];
-    }
-    if (!directions.length) {
-        directions = ['top', 'right', 'bottom', 'left'];
-    }
-    return {
-        mask: directions
-            .map((direction, index) => {
-            const size = values[index] || values[index % 2] || values[0];
-            return `linear-gradient(${DIRECTION_MAP[direction]}, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) ${size})`;
-        })
-            .join(', '),
-        'mask-composite': 'intersect',
-    };
-}
-fadeStyle.__lookupStyles = ['fade'];
-
-        

package/cjs/tasty/styles/fill.js

@@ -1,41 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fillStyle = fillStyle;
-const styles_1 = require("../utils/styles");
-function fillStyle({ fill }) {
-    if (!fill)
-        return '';
-    if (fill.startsWith('#')) {
-        fill = (0, styles_1.parseStyle)(fill).color || fill;
-    }
-    const match = fill.match(/var\(--(.+?)-color/);
-    let name = '';
-    if (match) {
-        name = match[1];
-    }
-    const styles = [
-        {
-            'background-color': fill,
-        },
-    ];
-    if (name) {
-        styles.push([
-            {
-                $: '>*',
-                '--context-fill-color': fill,
-                '--context-fill-color-rgb': `var(--${name}-color-rgb)`,
-            },
-        ]);
-    }
-    return styles;
-}
-fillStyle.__lookupStyles = ['fill'];
-
-        

package/cjs/tasty/styles/flow.js

@@ -1,23 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.flowStyle = flowStyle;
-function flowStyle({ display = 'block', flow }) {
-    let style;
-    if (display.includes('grid')) {
-        style = 'grid-auto-flow';
-    }
-    else if (display.includes('flex')) {
-        style = 'flex-flow';
-    }
-    return style ? { [style]: flow } : null;
-}
-flowStyle.__lookupStyles = ['display', 'flow'];
-
-        

package/cjs/tasty/styles/font.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fontStyle = fontStyle;
-function fontStyle({ font }) {
-    if (font == null || font === false)
-        return null;
-    const fontFamily = font === 'monospace'
-        ? 'var(--monospace-font)'
-        : font === true
-            ? 'var(--font)'
-            : `${font}, var(--font)`;
-    return {
-        'font-family': fontFamily,
-        '--font-family': fontFamily,
-    };
-}
-fontStyle.__lookupStyles = ['font'];
-
-        

package/cjs/tasty/styles/fontStyle.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fontStyleStyle = fontStyleStyle;
-function fontStyleStyle({ fontStyle }) {
-    if (fontStyle === true) {
-        fontStyle = 'italic';
-    }
-    if (fontStyle !== 'inherit') {
-        fontStyle = fontStyle ? 'italic' : 'normal';
-    }
-    return { 'font-style': fontStyle };
-}
-fontStyleStyle.__lookupStyles = ['fontStyle'];
-
-        

package/cjs/tasty/styles/gap.js

@@ -1,55 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.gapStyle = gapStyle;
-const styles_1 = require("../utils/styles");
-function gapStyle({ display = 'block', flow, gap }) {
-    if (typeof gap === 'number') {
-        gap = `${gap}px`;
-    }
-    if (!gap) {
-        return;
-    }
-    if (gap === true) {
-        gap = '1.5x';
-    }
-    const isGrid = display.includes('grid');
-    const isFlex = display.includes('flex');
-    const isWrap = flow
-        ? flow.includes('wrap') && !flow.includes('nowrap')
-        : false;
-    if (!isGrid && flow == null) {
-        flow = isFlex ? 'row' : 'column';
-    }
-    const { values } = (0, styles_1.parseStyle)(gap);
-    gap = values.join(' ');
-    if (isGrid || isFlex) {
-        return { gap };
-    }
-    const gapDir = flow.includes('row') ? 'right' : 'bottom';
-    return isWrap
-        ? [
-            {
-                'margin-right': `calc(-1 * ${values[1] || values[0]})`,
-                'margin-bottom': `calc(-1 * ${values[0]})`,
-            },
-            {
-                $: '& > *',
-                'margin-right': values[1] || values[0],
-                'margin-bottom': values[0],
-            },
-        ]
-        : {
-            $: '& > *:not(:last-child)',
-            [`margin-${gapDir}`]: gap,
-        };
-}
-gapStyle.__lookupStyles = ['display', 'flow', 'gap'];
-
-        

package/cjs/tasty/styles/groupRadius.js

@@ -1,63 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.groupRadiusAttr = groupRadiusAttr;
-const styles_1 = require("../utils/styles");
-const MAP = {
-    row: ['* 0 0 *', '0 * * 0'],
-    column: ['* * 0 0', '0 0 * *'],
-};
-function groupRadiusAttr({ groupRadius, flow }) {
-    if (!groupRadius)
-        return '';
-    if (groupRadius === true)
-        groupRadius = '1r';
-    const { values, mods } = (0, styles_1.parseStyle)(groupRadius);
-    flow = flow || 'row';
-    const reverse = mods.includes('reverse');
-    let value = values[0];
-    if (!value) {
-        if (mods.includes('round')) {
-            value = '9999rem';
-        }
-        else if (mods.includes('ellipse')) {
-            value = '50%';
-        }
-        else {
-            value = 'var(--radius)';
-        }
-    }
-    const startValue = MAP[flow][reverse ? 1 : 0].replace(/\*/g, value);
-    const endValue = MAP[flow][reverse ? 0 : 1].replace(/\*/g, value);
-    return [
-        {
-            $: '>:first-child:not(:last-child)',
-            'border-radius': startValue,
-            '--local-radius': startValue,
-        },
-        {
-            $: '>:last-child:not(:first-child)',
-            'border-radius': endValue,
-            '--local-radius': endValue,
-        },
-        {
-            $: '>:last-child:first-child',
-            'border-radius': value,
-            '--local-radius': value,
-        },
-        {
-            $: '>:not(:last-child):not(:first-child)',
-            'border-radius': '0',
-            '--local-radius': '0',
-        },
-    ];
-}
-groupRadiusAttr.__lookupStyles = ['groupRadius', 'flow'];
-
-        

package/cjs/tasty/styles/height.js

@@ -1,18 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.heightStyle = heightStyle;
-const dimension_1 = require("./dimension");
-const dimension = (0, dimension_1.dimensionStyle)('height');
-function heightStyle({ height }) {
-    return dimension(height);
-}
-heightStyle.__lookupStyles = ['height'];
-
-        

package/cjs/tasty/styles/index.js

@@ -1,32 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineStyleAlias = exports.defineCustomStyle = exports.STYLE_HANDLER_MAP = void 0;
-const predefined_1 = require("./predefined");
-const { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias } = (0, predefined_1.predefine)();
-exports.STYLE_HANDLER_MAP = STYLE_HANDLER_MAP;
-exports.defineCustomStyle = defineCustomStyle;
-exports.defineStyleAlias = defineStyleAlias;
-__exportStar(require("./createStyle"), exports);
-
-        

package/cjs/tasty/styles/inset.js

@@ -1,35 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.insetStyle = insetStyle;
-const styles_1 = require("../utils/styles");
-function insetStyle({ inset }) {
-    if (typeof inset === 'number') {
-        inset = `${inset}px`;
-    }
-    if (!inset)
-        return '';
-    if (inset === true)
-        inset = '0 0 0 0';
-    let { values, mods } = (0, styles_1.parseStyle)(inset);
-    let directions = (0, styles_1.filterMods)(mods, styles_1.DIRECTIONS);
-    if (!values.length) {
-        values = ['0'];
-    }
-    if (!directions.length) {
-        directions = styles_1.DIRECTIONS;
-    }
-    return directions.reduce((styles, dir, index) => {
-        styles[dir] = values[index] || values[index % 2] || values[0];
-        return styles;
-    }, {});
-}
-insetStyle.__lookupStyles = ['inset'];
-
-        

package/cjs/tasty/styles/justify.js

@@ -1,23 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.justifyStyle = justifyStyle;
-function justifyStyle({ justify }) {
-    if (typeof justify !== 'string')
-        return;
-    if (!justify)
-        return;
-    return {
-        'justify-items': justify,
-        'justify-content': justify,
-    };
-}
-justifyStyle.__lookupStyles = ['justify'];
-
-