@cube-dev/ui-kit 0.56.3 → 0.58.0

package/cjs/components/content/Paragraph.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.Paragraph = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../tasty");
-const Text_1 = require("./Text");
-const DEFAULT_STYLES = {
-    preset: 'p3',
-    color: '#dark-02',
-    display: 'block',
-};
-const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
-exports.Paragraph = (0, react_1.forwardRef)(function Paragraph(props, ref) {
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
-    return (0, jsx_runtime_1.jsx)(Text_1.Text, { as: "p", qa: "Paragraph", ...props, ref: ref, styles: styles });
-});
-
-        

package/cjs/components/content/Placeholder/Placeholder.js

@@ -1,74 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const tasty_1 = require("../../../tasty");
-const PlaceholderElement = (0, tasty_1.tasty)({
-    role: 'alert',
-    'aria-live': 'polite',
-    'aria-label': 'Content is loading',
-    styles: {
-        display: 'block',
-        fill: '#dark.10',
-        height: '2x',
-        opacity: '.35',
-    },
-});
-const StyledPlaceholder = (0, styled_components_1.default)(PlaceholderElement) `
-  --placeholder-animation-time: 1.4s;
-  --placeholder-animation-size: calc((180rem + 100vw) / 3);
-  background-repeat: repeat;
-  background-size: var(--placeholder-animation-size);
-
-  && {
-    background-color: rgba(var(--dark-color-rgb), 0.15);
-  }
-
-  &[data-is-animated] {
-    animation: placeholder-animation var(--placeholder-animation-time) linear
-      infinite;
-    background-image: linear-gradient(
-      135deg,
-      rgba(var(--dark-color-rgb), 0.15) 0%,
-      rgba(var(--dark-color-rgb), 0.15) 5%,
-      rgba(var(--dark-color-rgb), 0) 35%,
-      rgba(var(--dark-03-color-rgb), 0.2) 50%,
-      rgba(var(--dark-03-color-rgb), 0) 65%,
-      rgba(var(--dark-color-rgb), 0.15) 95%,
-      rgba(var(--dark-color-rgb), 0.15) 100%
-    );
-  }
-
-  @keyframes placeholder-animation {
-    0% {
-      background-position: 0 0;
-    }
-    100% {
-      background-position: var(--placeholder-animation-size) 0;
-    }
-  }
-`;
-exports.Placeholder = (0, react_1.forwardRef)(function Placeholder(allProps, ref) {
-    let { size = '2x', isStatic, circle, ...props } = allProps;
-    let styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsx)(StyledPlaceholder, { role: "region", ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, mods: { animated: !isStatic }, styles: {
-            height: size,
-            width: circle ? size : false,
-            radius: circle ? '9999rem' : '1r',
-            ...styles,
-        } }));
-});
-
-        

package/cjs/components/content/PrismCode/PrismCode.js

@@ -1,70 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PrismCode = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const prismjs_1 = __importDefault(require("prismjs"));
-require("prismjs/components/prism-yaml");
-require("prismjs/components/prism-sql");
-require("prismjs/components/prism-javascript");
-require("prismjs/components/prism-diff");
-require("prismjs/plugins/diff-highlight/prism-diff-highlight");
-const tasty_1 = require("../../../tasty");
-const PreElement = (0, tasty_1.tasty)({
-    as: 'pre',
-    qa: 'CodeBlock',
-    styleProps: tasty_1.CONTAINER_STYLES.concat([]),
-    className: 'cube-prism-code',
-    styles: {
-        margin: 0,
-        padding: 0,
-        overflow: 'auto',
-        styledScrollbar: true,
-        Code: {
-            display: 'block',
-        },
-    },
-});
-function isDiffCode(code) {
-    // Split the code into lines
-    const lines = code.split('\n');
-    // Define patterns to check for diff characteristics
-    const additionPattern = /^\+/; // Lines starting with '+'
-    const deletionPattern = /^-/; // Lines starting with '-'
-    const headerPattern = /^(diff --git|---|\+\+\+)/; // Diff headers
-    // Check each line for diff-specific patterns
-    for (const line of lines) {
-        if (additionPattern.test(line) ||
-            deletionPattern.test(line) ||
-            headerPattern.test(line)) {
-            return true; // Code matches a diff pattern
-        }
-    }
-    // No diff-specific patterns found
-    return false;
-}
-function PrismCode(props, ref) {
-    let { code, language = 'javascript', ...otherProps } = props;
-    const isDiff = isDiffCode(code || '');
-    (0, react_1.useEffect)(() => {
-        prismjs_1.default.highlightAll();
-    });
-    return ((0, jsx_runtime_1.jsx)(PreElement, { ref: ref, ...otherProps, children: (0, jsx_runtime_1.jsx)("code", { "data-element": "Code", className: `language${isDiff ? '-diff' : ''}-${language}${isDiff ? ' diff-highlight' : ''}`, children: code }) }));
-}
-/**
- * Code block with syntax highlighting
- */
-const _PrismCode = (0, react_1.forwardRef)(PrismCode);
-exports.PrismCode = _PrismCode;
-
-        

package/cjs/components/content/PrismDiffCode/PrismDiffCode.js

@@ -1,47 +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.PrismDiffCode = PrismDiffCode;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const diff_1 = require("diff");
-const PrismCode_1 = require("../PrismCode/PrismCode");
-function PrismDiffCode({ original, modified, ...props }) {
-    // Generate the diff string
-    const diff = (0, diff_1.diffLines)(original, modified);
-    const diffString = diff
-        .map((part) => {
-        const value = part.value.trimEnd();
-        if (part.added) {
-            return value
-                .split('\n')
-                .map((val) => {
-                return val ? `+${val}` : '';
-            })
-                .join('\n');
-        }
-        if (part.removed) {
-            return value
-                .split('\n')
-                .map((val) => {
-                return val ? `-${val}` : '';
-            })
-                .join('\n');
-        }
-        return value
-            .split('\n')
-            .map((val) => {
-            return val ? ` ${val}` : '';
-        })
-            .join('\n');
-    })
-        .join('\n');
-    return (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { code: diffString, ...props });
-}
-
-        

package/cjs/components/content/Result/Result.js

@@ -1,131 +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.Result = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("@ant-design/icons");
-const Title_1 = require("../Title");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const icons_2 = require("../../../icons");
-const Container = (0, tasty_1.tasty)({
-    qa: 'Result_Container',
-    as: 'section',
-    styles: {
-        display: {
-            '': 'flex',
-            compact: 'grid',
-        },
-        gridAreas: '"icon title" "content content"',
-        flow: 'column',
-        placeContent: {
-            '': 'center',
-            compact: 'start',
-        },
-        placeItems: {
-            '': 'center',
-            compact: 'start',
-        },
-        gap: {
-            '': '3x',
-            compact: '2x 1x',
-        },
-        padding: {
-            '': '6x 4x',
-            compact: '0',
-        },
-        textAlign: {
-            '': 'center',
-            compact: 'left',
-        },
-        Icon: {
-            gridArea: 'icon',
-            fontSize: {
-                '': '10x',
-                compact: '4x',
-            },
-        },
-        Content: {
-            gridArea: 'content',
-            display: 'block',
-        },
-        Title: {
-            gridArea: 'title',
-            display: 'flex',
-            flow: 'column',
-            placeItems: 'inherit',
-            gap: '1x',
-            placeSelf: 'center',
-        },
-    },
-});
-const statusIconMap = {
-    success: {
-        color: 'success',
-        component: icons_1.CheckCircleFilled,
-    },
-    error: {
-        color: 'danger',
-        component: icons_1.CloseCircleFilled,
-    },
-    info: {
-        color: 'purple',
-        component: icons_1.InfoCircleFilled,
-    },
-    warning: {
-        color: 'note',
-        component: icons_2.WarningFilledIcon,
-    },
-    404: {
-        color: 'purple',
-        component: () => {
-            // TODO: Needs to be implemented in the future
-            return null;
-        },
-    },
-    403: {
-        color: 'purple',
-        component: () => {
-            // TODO: Needs to be implemented in the future
-            return null;
-        },
-    },
-    500: {
-        color: 'purple',
-        component: () => {
-            // TODO: Needs to be implemented in the future
-            return null;
-        },
-    },
-};
-function Result(props, ref) {
-    let { children, isCompact, icon, status, subTitle, subtitle, title, ...otherProps } = props;
-    subtitle = subtitle ?? subTitle;
-    if (icon && status) {
-        console.warn('Don\'t use "icon" and "status" together, it can lead to possible errors.');
-    }
-    const iconNode = (0, react_1.useMemo)(() => {
-        if (icon) {
-            return icon;
-        }
-        const { color, component: Component } = status && statusIconMap.hasOwnProperty(status)
-            ? statusIconMap[status]
-            : statusIconMap.info;
-        return ((0, jsx_runtime_1.jsx)("div", { "data-element": "Icon", style: { color: `var(--${color}-color)` }, children: (0, jsx_runtime_1.jsx)(Component, { "data-element": "Icon" }) }));
-    }, [icon, status]);
-    const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(Container, { ...(0, react_2.mergeProps)((0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), {
-            mods: { compact: isCompact },
-        }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Title", children: [(0, react_2.wrapNodeIfPlain)(title, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 2, preset: isCompact ? 'h5' : 'h4', children: title }))), (0, react_2.wrapNodeIfPlain)(subtitle, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 3, preset: isCompact ? 't3m' : 't2m', children: subtitle })))] })), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children })] }));
-}
-const _Result = (0, react_1.forwardRef)(Result);
-exports.Result = _Result;
-
-        

package/cjs/components/content/Skeleton/Skeleton.js

@@ -1,78 +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.Skeleton = Skeleton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Placeholder_1 = require("../Placeholder/Placeholder");
-const Flow_1 = require("../../layout/Flow");
-const Space_1 = require("../../layout/Space");
-const Grid_1 = require("../../layout/Grid");
-const LAYOUT_MAP = {
-    page({ lines, children, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsxs)(Flow_1.Flow, { gap: "4x", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { placeContent: "space-between", children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "100px 25% 300px" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "50px 10% 150px" })] }), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
-                        Array(lines || 5)
-                            .fill(0)
-                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i)) })] }));
-    },
-    content({ children, lines, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", ...props, children: children ||
-                Array(lines || 5)
-                    .fill(0)
-                    .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i)) }));
-    },
-    topbar({ isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "4x", placeContent: "space-between", height: "6x", padding: "1x", border: "bottom", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, isStatic: isStatic, size: "4x" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "20x" })] }), (0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "10x" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, isStatic: isStatic, size: "4x" })] })] }));
-    },
-    menu({ lines, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "3.25x", ...props, padding: "3x 1x", children: Array(lines || 5)
-                .fill(0)
-                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i))) }));
-    },
-    stats({ cards, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsx)(Space_1.Space, { gap: "4x", ...props, children: Array(cards || 3)
-                .fill(0)
-                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, radius: "1r", width: "20x", height: "12x", flexGrow: 1 }, i))) }));
-    },
-    tabs({ tabs, children, lines, isStatic = false, ...props }) {
-        return ((0, jsx_runtime_1.jsxs)(Flow_1.Flow, { gap: "4x", ...props, children: [(0, jsx_runtime_1.jsx)(Space_1.Space, { children: Array(tabs || 3)
-                        .fill(0)
-                        .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, width: "15x" }, i))) }), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
-                        Array(lines || 5)
-                            .fill(0)
-                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic }, i)) })] }));
-    },
-    table({ rows, columns, isStatic = false, ...props }) {
-        columns = columns || 5;
-        rows = rows || 5;
-        return ((0, jsx_runtime_1.jsx)(Grid_1.Grid, { columns: `repeat(${columns}, 1fr)`, gap: "3x", ...props, padding: "1x 0", children: Array(rows)
-                .fill(0)
-                .map((item, i) => {
-                return Array(columns)
-                    .fill(0)
-                    .map((item, j) => {
-                    return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, size: !i ? '3x' : '2x' }, `${i}.${j}`));
-                });
-            }) }));
-    },
-    chart({ columns, isStatic = false, ...props }) {
-        columns = columns || 12;
-        const heightMap = [1, 4, 2, 5, 8, 9, 5, 3, 4, 2, 6, 7, 2];
-        return ((0, jsx_runtime_1.jsx)(Grid_1.Grid, { columns: `repeat(${columns}, 1fr)`, gap: "3x", padding: "1x 0", placeItems: "end stretch", height: "40x", ...props, children: Array(columns)
-                .fill(0)
-                .map((item, i) => {
-                return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { isStatic: isStatic, height: `${heightMap[i % 12] * 10}%`, width: "max 6x" }, i));
-            }) }));
-    },
-};
-function Skeleton({ layout, isStatic, ...props }) {
-    layout = layout || 'page';
-    return LAYOUT_MAP[layout] ? (LAYOUT_MAP[layout]({ isStatic, ...props, qa: 'Skeleton' })) : ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { ...props }));
-}
-
-        

package/cjs/components/content/Tag/Tag.js

@@ -1,96 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.56.3
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tag = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const themes_1 = __importDefault(require("../../../data/themes"));
-const tasty_1 = require("../../../tasty");
-const actions_1 = require("../../actions");
-const Suffix_1 = require("../../layout/Suffix");
-const icons_1 = require("../../../icons");
-const TagElement = (0, tasty_1.tasty)({
-    qa: 'Tag',
-    role: 'status',
-    styles: {
-        position: 'relative',
-        display: 'inline-flex',
-        gap: '1x',
-        placeContent: 'center start',
-        placeItems: 'center start',
-        radius: '1r',
-        preset: 'tag',
-        width: '16px max-content max-content',
-        height: 'min-content',
-        textAlign: 'left',
-        whiteSpace: 'nowrap',
-        padding: {
-            '': '0 (1x - 1bw)',
-            closable: '0 (2.5x - 1bw) 0 (1x - 1bw)',
-        },
-        fill: {
-            '': '#dark.04',
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].fill;
-                return map;
-            }, {}),
-        },
-        color: {
-            '': '#dark.65',
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].color;
-                return map;
-            }, {}),
-        },
-        border: {
-            '': true,
-            ...Object.keys(themes_1.default).reduce((map, type) => {
-                map[`[data-type="${type}"]`] = themes_1.default[type].border;
-                return map;
-            }, {}),
-        },
-        Icon: {
-            fontSize: '@icon-size',
-        },
-        Content: {
-            display: 'block',
-            width: 'max 100%',
-            textOverflow: 'ellipsis',
-            overflow: 'hidden',
-            pointerEvents: 'none',
-        },
-    },
-});
-const CloseAction = (0, tasty_1.tasty)(actions_1.Action, {
-    label: 'Close',
-    styles: {
-        display: 'grid',
-        placeItems: 'center',
-        color: true,
-        placeSelf: 'stretch',
-        opacity: {
-            '': 0.85,
-            'pressed | hovered': 1,
-        },
-        transition: 'opacity',
-        padding: '0 .5x',
-    },
-});
-function Tag(allProps, ref) {
-    let { type, icon, isClosable, onClose, closeButtonStyles, children, ...props } = allProps;
-    const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(TagElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-type": type, mods: { closable: isClosable }, children: [icon ? (0, jsx_runtime_1.jsx)("div", { "data-element": "TagIcon", children: icon }) : null, (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children }), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(CloseAction, { styles: closeButtonStyles, onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseIcon, { size: 12 }) }) })) : undefined] }));
-}
-const _Tag = (0, react_1.forwardRef)(Tag);
-exports.Tag = _Tag;
-
-        

package/cjs/components/content/Text.js

@@ -1,80 +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.Text = exports.TEXT_PROP_MAP = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../tasty");
-const react_2 = require("../../utils/react");
-const STYLE_LIST = [...tasty_1.BASE_STYLES, ...tasty_1.TEXT_STYLES, ...tasty_1.COLOR_STYLES];
-exports.TEXT_PROP_MAP = {
-    transform: 'textTransform',
-    weight: 'fontWeight',
-    italic: 'fontStyle',
-};
-const TextElement = (0, tasty_1.tasty)({
-    qa: 'Text',
-    as: 'span',
-    styles: {
-        display: {
-            '': 'inline',
-            'ellipsis | block': 'block',
-        },
-        margin: '0',
-        whiteSpace: {
-            '': 'inherit',
-            'nowrap | ellipsis': 'nowrap',
-        },
-        textOverflow: {
-            '': false,
-            ellipsis: 'ellipsis',
-        },
-        overflow: {
-            '': false,
-            ellipsis: 'hidden',
-        },
-        width: {
-            '': false,
-            ellipsis: 'max 100%',
-        },
-    },
-});
-const Text = (0, react_1.forwardRef)(function CubeText(allProps, ref) {
-    allProps = (0, react_2.useSlotProps)(allProps, 'text');
-    const { as, qa, block, styleName, ellipsis, nowrap, ...props } = allProps;
-    const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST, {}, exports.TEXT_PROP_MAP);
-    return ((0, jsx_runtime_1.jsx)(TextElement, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
-            nowrap,
-            ellipsis: !!ellipsis,
-            block: !!block,
-        }, ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
-});
-const _Text = Object.assign(Text, {
-    Minor: (0, react_1.forwardRef)(function MinorText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, color: "#minor", ...props });
-    }),
-    Danger: (0, react_1.forwardRef)(function DangerText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, role: "alert", color: "#danger-text", ...props });
-    }),
-    Success: (0, react_1.forwardRef)(function SuccessText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, color: "#success-text", ...props });
-    }),
-    Strong: (0, react_1.forwardRef)(function StrongText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, as: "strong", preset: "strong", ...props });
-    }),
-    Emphasis: (0, react_1.forwardRef)(function StrongText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, as: "em", preset: "em", ...props });
-    }),
-    Selection: (0, react_1.forwardRef)(function SelectionText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Text, { ref: ref, color: "#dark", fill: "#note.30", ...props });
-    }),
-});
-exports.Text = _Text;
-
-        

package/cjs/components/content/Title.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.Title = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const tasty_1 = require("../../tasty");
-const react_2 = require("../../utils/react");
-const Text_1 = require("./Text");
-const STYLE_LIST = [...tasty_1.TEXT_STYLES, ...tasty_1.CONTAINER_STYLES];
-const TitleElement = (0, tasty_1.tasty)({
-    qa: 'Title',
-    as: 'h1', // it should be dynamic
-    styles: {
-        gridArea: 'heading',
-        display: 'block',
-        color: '#dark',
-        preset: {
-            '': 'h6',
-            '[data-level="1"]': 'h1',
-            '[data-level="2"]': 'h2',
-            '[data-level="3"]': 'h3',
-            '[data-level="4"]': 'h4',
-            '[data-level="5"]': 'h5',
-            '[data-level="6"]': 'h6',
-        },
-        margin: '0',
-        whiteSpace: {
-            '': 'inherit',
-            'nowrap | ellipsis': 'nowrap',
-        },
-        textOverflow: {
-            '': false,
-            ellipsis: 'ellipsis',
-        },
-        overflow: {
-            '': false,
-            ellipsis: 'hidden',
-        },
-        width: {
-            '': false,
-            ellipsis: 'max 100%',
-        },
-    },
-});
-const Title = (0, react_1.forwardRef)(function CubeTitle({ qa, as, styleName, inline, nowrap, ellipsis, level, ...props }, ref) {
-    const propsWithSlots = (0, react_2.useSlotProps)(props, 'heading');
-    const tag = `h${level || 1}`;
-    const styles = (0, tasty_1.extractStyles)(propsWithSlots, STYLE_LIST, {}, Text_1.TEXT_PROP_MAP);
-    return ((0, jsx_runtime_1.jsx)(TitleElement, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
-            nowrap,
-            ellipsis,
-        }, inline: inline, ...(0, tasty_1.filterBaseProps)(propsWithSlots, { eventProps: true }), ref: ref, styles: styles }));
-});
-const _Title = Object.assign(Title, {
-    Danger: (0, react_1.forwardRef)(function DangerTitle(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#danger-text", ...props });
-    }),
-    Success: (0, react_1.forwardRef)(function SuccessTitle(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#success-text", ...props });
-    }),
-});
-exports.Title = _Title;
-
-