@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/tasty/styles/list.js

@@ -1,89 +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.OUTER_STYLES = exports.CONTAINER_STYLES = exports.FLOW_STYLES = exports.DIMENSION_STYLES = exports.TEXT_STYLES = exports.COLOR_STYLES = exports.BLOCK_STYLES = exports.POSITION_STYLES = exports.BASE_STYLES = void 0;
-exports.BASE_STYLES = [
-    'display',
-    'font',
-    'preset',
-    'hide',
-    'opacity',
-    'whiteSpace',
-];
-exports.POSITION_STYLES = [
-    'gridArea',
-    'order',
-    'gridColumn',
-    'gridRow',
-    'placeSelf',
-    'alignSelf',
-    'justifySelf',
-    'zIndex',
-    'margin',
-    'inset',
-    'position',
-];
-exports.BLOCK_STYLES = [
-    'reset',
-    'padding',
-    'paddingInline',
-    'paddingBlock',
-    'shadow',
-    'border',
-    'radius',
-    'opacity',
-    'overflow',
-    'styledScrollbar',
-    'hide',
-    'outline',
-    'textAlign',
-];
-exports.COLOR_STYLES = ['color', 'fill', 'fade'];
-exports.TEXT_STYLES = [
-    'textTransform',
-    'fontWeight',
-    'fontStyle',
-];
-exports.DIMENSION_STYLES = [
-    'width',
-    'height',
-    'flexBasis',
-    'flexGrow',
-    'flexShrink',
-    'flex',
-];
-exports.FLOW_STYLES = [
-    'flow',
-    'placeItems',
-    'placeContent',
-    'alignItems',
-    'alignContent',
-    'justifyItems',
-    'justifyContent',
-    'align',
-    'justify',
-    'gap',
-    'columnGap',
-    'rowGap',
-    'gridColumns',
-    'gridRows',
-    'gridTemplate',
-    'gridAreas',
-];
-exports.CONTAINER_STYLES = [
-    ...exports.BASE_STYLES,
-    ...exports.COLOR_STYLES,
-    ...exports.DIMENSION_STYLES,
-    ...exports.POSITION_STYLES,
-    ...exports.BLOCK_STYLES,
-    ...exports.FLOW_STYLES,
-];
-exports.OUTER_STYLES = [...exports.POSITION_STYLES, ...exports.DIMENSION_STYLES];
-
-        

package/cjs/tasty/styles/margin.js

@@ -1,49 +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.marginStyle = marginStyle;
-const styles_1 = require("../utils/styles");
-function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft, }) {
-    if (typeof margin === 'number') {
-        margin = `${margin}px`;
-    }
-    if (!margin)
-        return '';
-    if (margin === true)
-        margin = '1x';
-    let { values, mods } = (0, styles_1.parseStyle)(margin);
-    let directions = (0, styles_1.filterMods)(mods, styles_1.DIRECTIONS);
-    if (!values.length) {
-        values = ['var(--gap)'];
-    }
-    if (!directions.length) {
-        directions = styles_1.DIRECTIONS;
-    }
-    const marginDirs = [marginTop, marginRight, marginBottom, marginLeft];
-    return directions.reduce((styles, dir) => {
-        const index = styles_1.DIRECTIONS.indexOf(dir);
-        if (((!!(index % 2) && marginInline == null) ||
-            (!(index % 2) && marginBlock == null)) &&
-            marginDirs[index] == null) {
-            styles[`margin-${dir}`] = values[index] || values[index % 2] || values[0];
-        }
-        return styles;
-    }, {});
-}
-marginStyle.__lookupStyles = [
-    'margin',
-    'marginTop',
-    'marginRight',
-    'marginBottom',
-    'marginLeft',
-    'marginBlock',
-    'marginInline',
-];
-
-        

package/cjs/tasty/styles/marginBlock.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.marginBlockStyle = marginBlockStyle;
-const styles_1 = require("../utils/styles");
-function marginBlockStyle({ marginBlock: margin, marginTop, marginBottom, }) {
-    if (typeof margin === 'number') {
-        margin = `${margin}px`;
-    }
-    if (!margin)
-        return '';
-    if (margin === true)
-        margin = '1x';
-    let { values } = (0, styles_1.parseStyle)(margin);
-    if (!values.length) {
-        values = ['var(--gap)'];
-    }
-    const styles = {};
-    if (marginTop == null) {
-        styles['margin-top'] = values[0];
-    }
-    if (marginBottom == null) {
-        styles['margin-bottom'] = values[1] || values[0];
-    }
-    return styles;
-}
-marginBlockStyle.__lookupStyles = ['marginBlock', 'marginTop', 'marginBottom'];
-
-        

package/cjs/tasty/styles/marginInline.js

@@ -1,39 +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.marginInlineStyle = marginInlineStyle;
-const styles_1 = require("../utils/styles");
-function marginInlineStyle({ marginInline: margin, marginLeft, marginRight, }) {
-    if (typeof margin === 'number') {
-        margin = `${margin}px`;
-    }
-    if (!margin)
-        return '';
-    if (margin === true)
-        margin = '1x';
-    let { values } = (0, styles_1.parseStyle)(margin);
-    if (!values.length) {
-        values = ['var(--gap)'];
-    }
-    const styles = {};
-    if (marginLeft == null) {
-        styles['margin-left'] = values[0];
-    }
-    if (marginRight == null) {
-        styles['margin-right'] = values[1] || values[0];
-    }
-    return styles;
-}
-marginInlineStyle.__lookupStyles = [
-    'marginInline',
-    'marginLeft',
-    'marginRight',
-];
-
-        

package/cjs/tasty/styles/outline.js

@@ -1,27 +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.outlineStyle = outlineStyle;
-const styles_1 = require("../utils/styles");
-function outlineStyle({ outline }) {
-    if (!outline && outline !== 0)
-        return '';
-    if (outline === true)
-        outline = '1ow';
-    const { values, color, mods } = (0, styles_1.parseStyle)(String(outline));
-    const inset = mods.includes('inset');
-    const size = values[0] || 'var(--outline-width)';
-    const outlineColor = color || 'var(--outline-color)';
-    return {
-        '--local-outline-box-shadow': `${inset ? 'inset ' : ''}0 0 0 ${size} ${outlineColor}`,
-    };
-}
-outlineStyle.__lookupStyles = ['outline'];
-
-        

package/cjs/tasty/styles/padding.js

@@ -1,50 +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.paddingStyle = paddingStyle;
-const styles_1 = require("../utils/styles");
-function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft, }) {
-    if (typeof padding === 'number') {
-        padding = `${padding}px`;
-    }
-    if (!padding)
-        return '';
-    if (padding === true)
-        padding = '1x';
-    let { values, mods } = (0, styles_1.parseStyle)(padding);
-    let directions = (0, styles_1.filterMods)(mods, styles_1.DIRECTIONS);
-    if (!values.length) {
-        values = ['var(--gap)'];
-    }
-    if (!directions.length) {
-        directions = styles_1.DIRECTIONS;
-    }
-    const paddingDirs = [paddingTop, paddingRight, paddingBottom, paddingLeft];
-    return directions.reduce((styles, dir) => {
-        const index = styles_1.DIRECTIONS.indexOf(dir);
-        if (((!!(index % 2) && paddingInline == null) ||
-            (!(index % 2) && paddingBlock == null)) &&
-            paddingDirs[index] == null) {
-            styles[`padding-${dir}`] =
-                values[index] || values[index % 2] || values[0];
-        }
-        return styles;
-    }, {});
-}
-paddingStyle.__lookupStyles = [
-    'padding',
-    'paddingTop',
-    'paddingRight',
-    'paddingBottom',
-    'paddingLeft',
-    'paddingBlock',
-    'paddingInline',
-];
-
-        

package/cjs/tasty/styles/paddingBlock.js

@@ -1,39 +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.paddingBlockStyle = paddingBlockStyle;
-const styles_1 = require("../utils/styles");
-function paddingBlockStyle({ paddingBlock: padding, paddingTop, paddingBottom, }) {
-    if (typeof padding === 'number') {
-        padding = `${padding}px`;
-    }
-    if (!padding)
-        return '';
-    if (padding === true)
-        padding = '1x';
-    let { values } = (0, styles_1.parseStyle)(padding);
-    if (!values.length) {
-        values = ['var(--gap)'];
-    }
-    const styles = {};
-    if (paddingTop == null) {
-        styles['padding-top'] = values[0];
-    }
-    if (paddingBottom == null) {
-        styles['padding-bottom'] = values[1] || values[0];
-    }
-    return styles;
-}
-paddingBlockStyle.__lookupStyles = [
-    'paddingBlock',
-    'paddingTop',
-    'paddingBottom',
-];
-
-        

package/cjs/tasty/styles/paddingInline.js

@@ -1,39 +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.paddingInlineStyle = paddingInlineStyle;
-const styles_1 = require("../utils/styles");
-function paddingInlineStyle({ paddingInline: padding, paddingLeft, paddingRight, }) {
-    if (typeof padding === 'number') {
-        padding = `${padding}px`;
-    }
-    if (!padding)
-        return '';
-    if (padding === true)
-        padding = '1x';
-    let { values } = (0, styles_1.parseStyle)(padding);
-    if (!values.length) {
-        values = ['var(--gap)'];
-    }
-    const styles = {};
-    if (paddingLeft == null) {
-        styles['padding-left'] = values[0];
-    }
-    if (paddingRight == null) {
-        styles['padding-right'] = values[1] || values[0];
-    }
-    return styles;
-}
-paddingInlineStyle.__lookupStyles = [
-    'paddingInline',
-    'paddingLeft',
-    'paddingRight',
-];
-
-        

package/cjs/tasty/styles/predefined.js

@@ -1,171 +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.STYLE_HANDLER_MAP = void 0;
-exports.defineCustomStyle = defineCustomStyle;
-exports.defineStyleAlias = defineStyleAlias;
-exports.predefine = predefine;
-const styles_1 = require("../utils/styles");
-const gap_1 = require("./gap");
-const fill_1 = require("./fill");
-const flow_1 = require("./flow");
-const reset_1 = require("./reset");
-const color_1 = require("./color");
-const width_1 = require("./width");
-const height_1 = require("./height");
-const radius_1 = require("./radius");
-const border_1 = require("./border");
-const shadow_1 = require("./shadow");
-const padding_1 = require("./padding");
-const paddingBlock_1 = require("./paddingBlock");
-const paddingInline_1 = require("./paddingInline");
-const preset_1 = require("./preset");
-const fontStyle_1 = require("./fontStyle");
-const margin_1 = require("./margin");
-const marginBlock_1 = require("./marginBlock");
-const marginInline_1 = require("./marginInline");
-const font_1 = require("./font");
-const outline_1 = require("./outline");
-const transition_1 = require("./transition");
-const groupRadius_1 = require("./groupRadius");
-const boxShadow_combinator_1 = require("./boxShadow.combinator");
-const styledScrollbar_1 = require("./styledScrollbar");
-const display_1 = require("./display");
-const align_1 = require("./align");
-const justify_1 = require("./justify");
-const fade_1 = require("./fade");
-const inset_1 = require("./inset");
-const createStyle_1 = require("./createStyle");
-const numberConverter = (val) => {
-    if (typeof val === 'number') {
-        return `${val}px`;
-    }
-    return val;
-};
-const columnsConverter = (val) => {
-    if (typeof val === 'number') {
-        return 'minmax(1px, 1fr) '.repeat(val).trim();
-    }
-    return;
-};
-const rowsConverter = (val) => {
-    if (typeof val === 'number') {
-        return 'auto '.repeat(val).trim();
-    }
-    return;
-};
-exports.STYLE_HANDLER_MAP = {};
-function defineCustomStyle(names, handler) {
-    let handlerWithLookup;
-    if (typeof names === 'function') {
-        handlerWithLookup = names;
-        names = handlerWithLookup.__lookupStyles;
-    }
-    else if (handler) {
-        handlerWithLookup = Object.assign(handler, { __lookupStyles: names });
-    }
-    else {
-        console.warn('CubeUIKit: incorrect custom style definition: ', names);
-        return;
-    }
-    handlerWithLookup = (0, styles_1.styleHandlerCacheWrapper)(handlerWithLookup);
-    if (Array.isArray(names)) {
-        // just to pass type checking
-        names.forEach((name) => {
-            if (!exports.STYLE_HANDLER_MAP[name]) {
-                exports.STYLE_HANDLER_MAP[name] = [];
-            }
-            exports.STYLE_HANDLER_MAP[name].push(handlerWithLookup);
-        });
-    }
-}
-function defineStyleAlias(styleName, cssStyleName, converter) {
-    const styleHandler = (0, createStyle_1.createStyle)(styleName, cssStyleName, converter);
-    if (!exports.STYLE_HANDLER_MAP[styleName]) {
-        exports.STYLE_HANDLER_MAP[styleName] = [];
-    }
-    exports.STYLE_HANDLER_MAP[styleName].push(styleHandler);
-}
-function predefine() {
-    // Manually define styles that are used in other custom styles.
-    // Otherwise, they won't be handled as expected.
-    defineStyleAlias('fontSize');
-    defineStyleAlias('lineHeight');
-    defineStyleAlias('fontWeight');
-    defineStyleAlias('fontStyle');
-    defineStyleAlias('letterSpacing');
-    defineStyleAlias('textTransform');
-    defineStyleAlias('fontFamily');
-    defineStyleAlias('paddingTop');
-    defineStyleAlias('paddingRight');
-    defineStyleAlias('paddingBottom');
-    defineStyleAlias('paddingLeft');
-    defineStyleAlias('marginTop');
-    defineStyleAlias('marginRight');
-    defineStyleAlias('marginBottom');
-    defineStyleAlias('marginLeft');
-    // Coordinates
-    defineStyleAlias('top', 'top', numberConverter);
-    defineStyleAlias('right', 'right', numberConverter);
-    defineStyleAlias('bottom', 'bottom', numberConverter);
-    defineStyleAlias('left', 'left', numberConverter);
-    // Dimensions
-    defineStyleAlias('minWidth', 'min-width', numberConverter);
-    defineStyleAlias('maxWidth', 'max-width', numberConverter);
-    defineStyleAlias('minHeight', 'min-height', numberConverter);
-    defineStyleAlias('maxHeight', 'max-height', numberConverter);
-    // Style aliases
-    defineStyleAlias('gridAreas', 'grid-template-areas');
-    defineStyleAlias('gridColumns', 'grid-template-columns', columnsConverter);
-    defineStyleAlias('gridRows', 'grid-template-rows', rowsConverter);
-    defineStyleAlias('gridTemplate', 'grid-template', (val) => {
-        if (typeof val !== 'string')
-            return;
-        return val
-            .split('/')
-            .map((s, i) => (i ? columnsConverter : rowsConverter)(s))
-            .join('/');
-    });
-    [
-        display_1.displayStyle,
-        transition_1.transitionStyle,
-        reset_1.resetStyle,
-        fill_1.fillStyle,
-        width_1.widthStyle,
-        margin_1.marginStyle,
-        marginBlock_1.marginBlockStyle,
-        marginInline_1.marginInlineStyle,
-        gap_1.gapStyle,
-        flow_1.flowStyle,
-        color_1.colorStyle,
-        height_1.heightStyle,
-        radius_1.radiusStyle,
-        border_1.borderStyle,
-        shadow_1.shadowStyle,
-        padding_1.paddingStyle,
-        paddingBlock_1.paddingBlockStyle,
-        paddingInline_1.paddingInlineStyle,
-        align_1.alignStyle,
-        justify_1.justifyStyle,
-        preset_1.presetStyle,
-        boxShadow_combinator_1.boxShadowCombinator,
-        outline_1.outlineStyle,
-        font_1.fontStyle,
-        fontStyle_1.fontStyleStyle,
-        groupRadius_1.groupRadiusAttr,
-        styledScrollbar_1.styledScrollbarStyle,
-        fade_1.fadeStyle,
-        inset_1.insetStyle,
-    ]
-        // @ts-ignore
-        .forEach((handler) => defineCustomStyle(handler));
-    return { STYLE_HANDLER_MAP: exports.STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias };
-}
-
-        

package/cjs/tasty/styles/preset.js

@@ -1,76 +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.presetStyle = presetStyle;
-const styles_1 = require("../utils/styles");
-function setCSSValue(styles, styleName, presetName, isPropOnly = false) {
-    styles[`--${styleName}`] = (() => {
-        if (presetName === 'inherit') {
-            return 'inherit';
-        }
-        const defaultValue = `var(--default-${styleName}, ${styleName === 'font-family'
-            ? 'var(--font, NonexistentFontName)'
-            : 'inherit'})`;
-        const fontSuffix = styleName === 'font-family' ? ', var(--font, sans-serif)' : '';
-        if (presetName === 'default') {
-            return `${defaultValue}${fontSuffix}`;
-        }
-        else {
-            return `var(--${presetName}-${styleName}, ${defaultValue})${fontSuffix}`;
-        }
-    })();
-    if (!isPropOnly) {
-        styles[styleName] = styles[`--${styleName}`];
-    }
-}
-function presetStyle({ preset, fontSize, lineHeight, textTransform, letterSpacing, fontWeight, fontStyle, font, }) {
-    if (!preset)
-        return '';
-    if (preset === true)
-        preset = '';
-    const { mods } = (0, styles_1.parseStyle)(preset);
-    const name = mods[0] || 'default';
-    const styles = {};
-    if (!fontSize) {
-        setCSSValue(styles, 'font-size', name);
-    }
-    if (!lineHeight) {
-        setCSSValue(styles, 'line-height', name);
-    }
-    if (!letterSpacing) {
-        setCSSValue(styles, 'letter-spacing', name);
-    }
-    if (!fontWeight) {
-        setCSSValue(styles, 'font-weight', name);
-    }
-    if (!fontStyle) {
-        setCSSValue(styles, 'font-style', name);
-    }
-    if (!textTransform) {
-        setCSSValue(styles, 'text-transform', name);
-    }
-    if (!font) {
-        setCSSValue(styles, 'font-family', name);
-    }
-    setCSSValue(styles, 'bold-font-weight', name, true);
-    setCSSValue(styles, 'icon-size', name, true);
-    return styles;
-}
-presetStyle.__lookupStyles = [
-    'preset',
-    'fontSize',
-    'lineHeight',
-    'letterSpacing',
-    'textTransform',
-    'fontWeight',
-    'fontStyle',
-    'font',
-];
-
-        

package/cjs/tasty/styles/radius.js

@@ -1,75 +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.radiusStyle = radiusStyle;
-const styles_1 = require("../utils/styles");
-const PROP = 'var(--radius)';
-const SHARP = 'var(--leaf-sharp-radius)';
-function radiusStyle({ radius }) {
-    if (typeof radius === 'number') {
-        radius = `${radius}px`;
-    }
-    if (!radius)
-        return '';
-    if (radius === true)
-        radius = '1r';
-    let { mods, values } = (0, styles_1.parseStyle)(radius, 1);
-    if (mods.includes('round')) {
-        values = ['9999rem'];
-    }
-    else if (mods.includes('ellipse')) {
-        values = ['50%'];
-    }
-    else if (!values.length) {
-        values = [PROP];
-    }
-    if (mods.includes('leaf')) {
-        values = [
-            values[1] || SHARP,
-            values[0] || PROP,
-            values[1] || SHARP,
-            values[0] || PROP,
-        ];
-    }
-    else if (mods.includes('backleaf')) {
-        values = [
-            values[0] || PROP,
-            values[1] || SHARP,
-            values[0] || PROP,
-            values[1] || SHARP,
-        ];
-    }
-    else if (mods.length) {
-        const arr = ['0', '0', '0', '0'];
-        let flag = false;
-        styles_1.DIRECTIONS.forEach((dir, i) => {
-            if (!mods.includes(dir))
-                return;
-            flag = true;
-            arr[i] = values[0] || PROP;
-            arr[(i + 1) % 4] = values[0] || PROP;
-        });
-        if (flag) {
-            values = arr;
-        }
-    }
-    return [
-        {
-            '--local-radius': values.join(' '),
-            'border-radius': 'var(--local-radius)',
-        },
-        {
-            $: '>*',
-            '--context-radius': values.join(' '),
-        },
-    ];
-}
-radiusStyle.__lookupStyles = ['radius'];
-
-