@cube-dev/ui-kit 0.9.4 → 0.9.7

package/dist/cjs/stories/FormFieldArgs.js

@@ -1,288 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SELECTED_KEY_ARG = exports.IS_INDETERMINATE_ARG = exports.IS_SELECTED_ARG = exports.MULTIPLE_VALUE_ARG = exports.NUMBER_VALUE_ARG = exports.TEXT_VALUE_ARG = exports.REQUIRED_MARK_ARG = exports.MULTILINE_ARG = exports.SIZE_ARG = exports.IS_DISABLED_ARG = exports.IS_READ_ONLY_ARG = exports.IS_REQUIRED_ARG = exports.AUTO_FOCUS_ARG = exports.IS_LOADING_ARG = exports.VALIDATION_STATE_ARG = exports.PLACEHOLDER_ARG = exports.MESSAGE_ARG = exports.NECESSITY_INDICATOR_ARG = exports.DESCRIPTION_ARG = exports.LABEL_ARG = exports.LABEL_POSITION_ARG = exports.DISABLE_BASE_ARGS = void 0;
-const baseProps_1 = require("./lists/baseProps");
-exports.DISABLE_BASE_ARGS = baseProps_1.baseProps.reduce((map, prop) => {
-    map[prop] = { table: { disable: true } };
-    return map;
-}, {});
-exports.LABEL_POSITION_ARG = {
-    labelPosition: {
-        description: 'The position of labels for each field.',
-        options: ['top', 'side'],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'top' },
-        },
-    },
-};
-exports.LABEL_ARG = {
-    label: {
-        // defaultValue: 'Field label',
-        control: 'text',
-        description: 'The content to display as the label.',
-    },
-};
-exports.DESCRIPTION_ARG = {
-    description: {
-        control: 'text',
-        description: 'The description for the field.',
-    },
-};
-exports.NECESSITY_INDICATOR_ARG = {
-    necessityIndicator: {
-        // defaultValue: 'icon',
-        description: 'Type of the necessity indicator',
-        options: ['icon', 'label', false],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'icon' },
-        },
-    },
-};
-exports.MESSAGE_ARG = {
-    message: {
-        // defaultValue: '',
-        description: 'Validation error message',
-        control: 'text',
-    },
-};
-exports.PLACEHOLDER_ARG = {
-    placeholder: {
-        // defaultValue: 'Placeholder',
-        control: 'text',
-    },
-};
-exports.VALIDATION_STATE_ARG = {
-    validationState: {
-        // defaultValue: undefined,
-        description: 'Whether the input should display its "valid" or "invalid" visual styling.',
-        options: [undefined, 'valid', 'invalid'],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'top' },
-        },
-    },
-};
-exports.IS_LOADING_ARG = {
-    isLoading: {
-        control: 'boolean',
-        description: 'Loading state with spinner. Also works as disabled',
-        // defaultValue: false,
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.AUTO_FOCUS_ARG = {
-    autoFocus: {
-        // defaultValue: false,
-        description: 'Whether the element should receive focus on render.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.IS_REQUIRED_ARG = {
-    isRequired: {
-        // defaultValue: false,
-        description: 'Whether user input is required on the input before form submission. Often paired with the necessityIndicator prop to add a visual indicator to the input.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.IS_READ_ONLY_ARG = {
-    isReadOnly: {
-        // defaultValue: false,
-        description: 'Whether the input can be selected but not changed by the user.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.IS_DISABLED_ARG = {
-    isDisabled: {
-        // defaultValue: false,
-        description: 'Whether the input is disabled.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.SIZE_ARG = {
-    size: {
-        // defaultValue: undefined,
-        description: 'The size of the button',
-        options: [undefined, 'default', 'small'],
-        control: 'radio',
-        table: {
-            type: { summary: 'string' },
-            defaultValue: { summary: 'default' },
-        },
-    },
-};
-exports.MULTILINE_ARG = {
-    multiLine: {
-        // defaultValue: false,
-        description: 'Whether the input is multiline.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: false },
-        },
-    },
-};
-exports.REQUIRED_MARK_ARG = {
-    requiredMark: {
-        // defaultValue: true,
-        description: 'Whether to show the required mark on labels.',
-        control: {
-            type: 'boolean',
-        },
-        table: {
-            type: { summary: 'boolean' },
-            defaultValue: { summary: true },
-        },
-    },
-};
-exports.TEXT_VALUE_ARG = {
-    value: {
-        defaultValue: undefined,
-        description: 'The text value in controlled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-    defaultValue: {
-        defaultValue: undefined,
-        description: 'The default text value in uncontrolled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-};
-exports.NUMBER_VALUE_ARG = {
-    value: {
-        defaultValue: undefined,
-        description: 'The number value in controlled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'number' },
-        },
-    },
-    defaultValue: {
-        defaultValue: undefined,
-        description: 'The default number value in uncontrolled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'number' },
-        },
-    },
-};
-exports.MULTIPLE_VALUE_ARG = {
-    value: {
-        defaultValue: undefined,
-        description: 'The multiple value in controlled mode',
-        control: 'object',
-        table: {
-            type: { summary: 'string[]' },
-        },
-    },
-    defaultValue: {
-        defaultValue: undefined,
-        description: 'The default multiple value in uncontrolled mode',
-        control: 'object',
-        table: {
-            type: { summary: 'string[]' },
-        },
-    },
-};
-exports.IS_SELECTED_ARG = {
-    isSelected: {
-        defaultValue: undefined,
-        description: 'Whether the input is selected in controlled mode',
-        control: {
-            type: 'radio',
-            options: [undefined, true, false],
-        },
-        table: {
-            type: { summary: 'boolean' },
-        },
-    },
-    defaultSelected: {
-        defaultValue: undefined,
-        description: 'Whether the input is selected by default in uncontrolled mode',
-        control: {
-            type: 'radio',
-            options: [undefined, true, false],
-        },
-        table: {
-            type: { summary: 'boolean' },
-        },
-    },
-};
-exports.IS_INDETERMINATE_ARG = {
-    isIndeterminate: {
-        defaultValue: undefined,
-        description: 'Whether the input is indeterminate in controlled mode',
-        control: {
-            type: 'radio',
-            options: [undefined, true, false],
-        },
-        table: {
-            type: { summary: 'boolean' },
-        },
-    },
-};
-exports.SELECTED_KEY_ARG = {
-    selectedKey: {
-        defaultValue: undefined,
-        description: 'The selected value in controlled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-    defaultSelectedKey: {
-        defaultValue: undefined,
-        description: 'The default selected value in uncontrolled mode',
-        control: 'text',
-        table: {
-            type: { summary: 'string' },
-        },
-    },
-};
-
-        

package/dist/cjs/stories/components/ConfirmDeletionDialogForm.js

@@ -1,36 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConfirmDeletionDialogForm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_1 = require("../../index");
-exports.ConfirmDeletionDialogForm = (0, react_1.forwardRef)((props, ref) => {
-    let { name, onSubmit, onDismiss } = props;
-    return ((0, jsx_runtime_1.jsxs)(index_1.DialogForm, { ref: ref, title: "Delete Deployment", onSubmit: onSubmit, onDismiss: onDismiss, submitProps: {
-            label: 'Delete',
-            theme: 'danger',
-        }, cancelProps: {
-            label: 'I changed my mind',
-        }, children: [(0, jsx_runtime_1.jsxs)(index_1.Paragraph, { children: ["To delete the instance, please, enter its full name:", ' ', (0, jsx_runtime_1.jsx)(index_1.Text.Strong, { children: name }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(index_1.Field, { name: "name", rules: [
-                    {
-                        required: true,
-                        message: 'This field is required',
-                    },
-                    {
-                        async validator(rule, value) {
-                            if (value !== name) {
-                                throw new Error('Incorrect name');
-                            }
-                        },
-                    },
-                ], children: (0, jsx_runtime_1.jsx)(index_1.Input.Text, { placeholder: "Enter the name of the instance" }, void 0) }, void 0)] }, void 0));
-});
-
-        

package/dist/cjs/stories/components/DialogFormApp.js

@@ -1,27 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogFormApp = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_1 = require("../../index");
-const ConfirmDeletionDialogForm_1 = require("./ConfirmDeletionDialogForm");
-function DialogFormApp() {
-    const ConfirmDeletionDialogFormRef = (0, react_1.useRef)(null);
-    function onConfirm() {
-        console.log('Deletion is confirmed');
-    }
-    function onDismiss() {
-        console.log('Deletion is cancelled');
-    }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(index_1.Button, { onPress: () => { var _a; return (_a = ConfirmDeletionDialogFormRef === null || ConfirmDeletionDialogFormRef === void 0 ? void 0 : ConfirmDeletionDialogFormRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, children: "Delete the instance" }, void 0), (0, jsx_runtime_1.jsx)(ConfirmDeletionDialogForm_1.ConfirmDeletionDialogForm, { ref: ConfirmDeletionDialogFormRef, name: "instanceName", onSubmit: onConfirm, onDismiss: onDismiss }, void 0)] }, void 0));
-}
-exports.DialogFormApp = DialogFormApp;
-
-        

package/dist/cjs/stories/components/StyledButton.js

@@ -1,37 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Block = exports.GlobalStyledHeading = exports.StyledButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_1 = require("../../styled");
-const actions_1 = require("../../components/actions");
-exports.StyledButton = (0, styled_1.styled)(actions_1.Button, {
-    styles: {
-        padding: '3x 6x',
-        preset: 't1',
-    },
-});
-exports.GlobalStyledHeading = (0, styled_1.styled)('div.myButton', {
-    display: 'inline-block',
-    padding: '1x 2x',
-    preset: 't2',
-    border: true,
-    radius: true,
-    fill: {
-        '': '#white',
-        ':hover': '#purple.20',
-    },
-    color: '#dark',
-});
-function Block() {
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.StyledButton, { children: "123" }, void 0), (0, jsx_runtime_1.jsx)(exports.GlobalStyledHeading, {}, void 0)] }, void 0));
-}
-exports.Block = Block;
-
-        

package/dist/cjs/stories/lists/baseProps.js

@@ -1,42 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.baseProps = void 0;
-const list_1 = require("../../styles/list");
-const allStyles = Array.from(new Set([
-    ...list_1.BASE_STYLES,
-    ...list_1.POSITION_STYLES,
-    ...list_1.CONTAINER_STYLES,
-    ...list_1.BLOCK_STYLES,
-    ...list_1.COLOR_STYLES,
-    ...list_1.FLOW_STYLES,
-    ...list_1.OUTER_STYLES,
-    ...list_1.DIMENSION_STYLES,
-    ...list_1.TEXT_STYLES,
-    ...list_1.POSITION_STYLES,
-]));
-exports.baseProps = [
-    'qa',
-    'qaVal',
-    'block',
-    'inline',
-    'style',
-    'styles',
-    'css',
-    'styleName',
-    'hidden',
-    'disabled',
-    'mods',
-    'breakpoints',
-    'isHidden',
-    'element',
-    ...allStyles,
-];
-
-        

package/dist/cjs/styled/index.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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 });
-__exportStar(require("./styled"), exports);
-
-        

package/dist/cjs/styled/styled.js

@@ -1,107 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styled = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importStar(require("styled-components"));
-const react_1 = require("react");
-const react_is_1 = require("react-is");
-const BreakpointsProvider_1 = require("../providers/BreakpointsProvider");
-const react_2 = require("../utils/react");
-const StylesProvider_1 = require("../providers/StylesProvider");
-const renderStyles_1 = require("../utils/renderStyles");
-const responsive_1 = require("../utils/responsive");
-const list_1 = require("../styles/list");
-const mergeStyles_1 = require("../utils/mergeStyles");
-const warnings_1 = require("../utils/warnings");
-// Implementation
-function styled(Component, options) {
-    var _a, _b, _c, _d, _e, _f;
-    (0, warnings_1.deprecationWarning)((options === null || options === void 0 ? void 0 : options.props) == null, {
-        property: 'props',
-        name: 'styled api',
-        betterAlternative: "inline props directly in styled(), eg: styled({ type: 'confirm' })",
-    });
-    if (typeof Component === 'string') {
-        let selector = Component;
-        let styles = options;
-        let Element = (0, styled_components_1.createGlobalStyle) `${(css) => css}`;
-        const _Component = ({ breakpoints }) => {
-            let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
-            let zones = (0, responsive_1.pointsToZones)(breakpoints || contextBreakpoints);
-            let css = `${styles ? `\n{}${selector}{${(0, renderStyles_1.renderStyles)(styles, zones)}}` : ''}`;
-            return (0, jsx_runtime_1.jsx)(Element, { css: css }, void 0);
-        };
-        _Component.displayName = `CubeStyled(${(_b = (_a = Element.displayName) !== null && _a !== void 0 ? _a : Element.name) !== null && _b !== void 0 ? _b : Component})`;
-        return _Component;
-    }
-    if ((0, react_is_1.isValidElementType)(Component)) {
-        let { styles: extendStyles, props: legacyDefaultProps, name, tag: extendTag, ...defaultProps } = options !== null && options !== void 0 ? options : {};
-        const _StyledComponent = (0, react_1.forwardRef)((props, ref) => {
-            const { styles, styleName, as, ...restProps } = props;
-            const mergedStyles = (0, react_1.useMemo)(() => {
-                if (extendStyles != null && styles != null) {
-                    return (0, mergeStyles_1.mergeStyles)(extendStyles, styles);
-                }
-                return extendStyles;
-            }, [styles]);
-            return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, ...legacyDefaultProps, ...defaultProps, ...restProps, styles: mergedStyles, styleName: styleName !== null && styleName !== void 0 ? styleName : name, as: as !== null && as !== void 0 ? as : extendTag }, void 0));
-        });
-        _StyledComponent.displayName = `CubeStyled(${(_d = (_c = Component.displayName) !== null && _c !== void 0 ? _c : Component.name) !== null && _d !== void 0 ? _d : 'Anonymous'})`;
-        return _StyledComponent;
-    }
-    options = Component;
-    let { name, tag = 'div', css: defaultCSS, styles: defaultStyles, props: legacyDefaultProps, styleProps, ...defaultProps } = options;
-    let Element = styled_components_1.default[tag](({ css }) => css);
-    let _StyledComponent = (0, react_1.forwardRef)((allProps, ref) => {
-        let { as, styles, styleName, breakpoints, mods, element, qa, qaVal, css, ...props } = allProps;
-        let propStyles = (0, react_1.useMemo)(() => (styleProps
-            ? styleProps.concat(list_1.BASE_STYLES)
-            : list_1.BASE_STYLES).reduce((map, prop) => {
-            if (prop in props) {
-                map[prop] = props[prop];
-                delete props[prop];
-            }
-            return map;
-        }, {}), [props]);
-        let contextStyles = (0, StylesProvider_1.useContextStyles)(styleName !== null && styleName !== void 0 ? styleName : name, props);
-        let allStyles = (0, react_1.useMemo)(() => (0, mergeStyles_1.mergeStyles)(defaultStyles, contextStyles, styles, propStyles), [contextStyles, styles, propStyles]);
-        let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
-        let zones = (0, responsive_1.pointsToZones)(breakpoints !== null && breakpoints !== void 0 ? breakpoints : contextBreakpoints);
-        css = `${typeof defaultCSS === 'function' ? defaultCSS(props) : defaultCSS !== null && defaultCSS !== void 0 ? defaultCSS : ''}${typeof css === 'function' ? css(props) : css !== null && css !== void 0 ? css : ''}${allStyles ? (0, renderStyles_1.renderStyles)(allStyles, zones) : ''}`;
-        if (mods) {
-            Object.assign(props, (0, react_2.modAttrs)(mods));
-        }
-        return ((0, jsx_runtime_1.jsx)(Element, { as: as !== null && as !== void 0 ? as : tag, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...legacyDefaultProps, ...defaultProps, ...props, ref: ref, css: css }, void 0));
-    });
-    _StyledComponent.displayName = `CubeStyled(${(_f = (_e = Element.displayName) !== null && _e !== void 0 ? _e : Element.name) !== null && _f !== void 0 ? _f : tag})`;
-    return _StyledComponent;
-}
-exports.styled = styled;
-
-        

package/dist/cjs/styles/align.js

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

package/dist/cjs/styles/border.js

@@ -1,52 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.borderStyle = void 0;
-const styles_1 = require("../utils/styles");
-const BORDER_STYLES = [
-    'none',
-    'hidden',
-    'dotted',
-    'dashed',
-    'solid',
-    'double',
-    'groove',
-    'ridge',
-    'inset',
-    'outset',
-];
-/**
- *
- * @param border
- * @return {{border: string}|*}
- */
-function borderStyle({ border }) {
-    if (!border && border !== 0)
-        return;
-    if (border === true)
-        border = '1bw';
-    const { values, mods, color } = (0, styles_1.parseStyle)(String(border));
-    const directions = (0, styles_1.filterMods)(mods, styles_1.DIRECTIONS);
-    const typeMods = (0, styles_1.filterMods)(mods, BORDER_STYLES);
-    const value = values[0] || 'var(--border-width)';
-    const type = typeMods[0] || 'solid';
-    const borderColor = color || 'var(--border-color)';
-    const styleValue = [value, type, borderColor].join(' ');
-    if (!directions.length) {
-        return { border: styleValue };
-    }
-    return mods.reduce((styles, dir) => {
-        styles[`border-${dir}`] = styleValue;
-        return styles;
-    }, {});
-}
-exports.borderStyle = borderStyle;
-borderStyle.__lookupStyles = ['border'];
-
-        

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

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.4
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.boxShadowCombinator = void 0;
-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(', ') };
-}
-exports.boxShadowCombinator = boxShadowCombinator;
-boxShadowCombinator.__lookupStyles = ['outline', 'shadow'];
-
-