@uni-design-system/uni-react 0.0.19 → 1.0.0

package/dist/cjs/components/modal/modal.component.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const react_1 = __importDefault(require("react"));
-const card_1 = require("../card");
-const core_1 = require("../../core");
-const framer_motion_1 = require("framer-motion");
-const ModalSizes = {
-    sm: 260,
-    md: 320,
-    lg: 500,
-};
-const Modal = ({ children, isOpen, size = 'lg' }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(core_1.Overlay, { isOpen: isOpen },
-            react_1.default.createElement(framer_motion_1.motion.div, { style: { position: 'fixed' }, initial: { y: 36, opacity: 0 }, animate: { y: 0, opacity: 1 }, exit: { y: 36, opacity: 0 }, transition: { duration: 0.2 } },
-                react_1.default.createElement(card_1.Card, { colorToken: "background", width: ModalSizes[size], cardType: "elevated", elevation: "modal" }, children)))));
-};
-exports.Modal = Modal;

package/dist/cjs/components/switch/index.js

@@ -1,17 +0,0 @@
-"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 });
-__exportStar(require("./switch.component"), exports);

package/dist/cjs/components/switch/switch.component.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Size } from '@uni-design-system/uni-core';
-export interface SwitchProps {
-    size?: Size;
-    on?: boolean;
-    onChange?: (on: boolean) => void;
-}
-export declare const Switch: ({ size, on, onChange }: SwitchProps) => JSX.Element;

package/dist/cjs/components/switch/switch.component.js

@@ -1,65 +0,0 @@
-"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 __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.Switch = void 0;
-const framer_motion_1 = require("framer-motion");
-const react_1 = __importStar(require("react"));
-const uni_core_1 = require("@uni-design-system/uni-core");
-const switch_config_1 = require("./switch.config");
-const Switch = ({ size = 'sm', on = false, onChange }) => {
-    const [isOn, setIsOn] = (0, react_1.useState)(on);
-    const successColor = `hsl(${uni_core_1.RoleHues.success.default}, 32%, 50%)`;
-    const toggleSwitch = () => {
-        setIsOn(!isOn);
-        onChange && onChange(!isOn);
-    };
-    const spring = {
-        type: 'spring',
-        stiffness: 700,
-        damping: 30,
-    };
-    const config = switch_config_1.SwitchConfigs[size];
-    const handleDiameter = config.radius * 2;
-    const switchWidth = config.radius * 4;
-    const switchStyle = {
-        cursor: 'pointer',
-        display: 'flex',
-        justifyContent: isOn ? 'flex-end' : 'flex-start',
-        backgroundColor: isOn ? successColor : 'rgba(0, 0, 0, 0.4)',
-        width: switchWidth,
-        height: handleDiameter,
-        padding: config.padding,
-        borderRadius: config.radius + config.padding,
-    };
-    const handleStyle = {
-        width: handleDiameter,
-        height: handleDiameter,
-        backgroundColor: 'white',
-        borderRadius: config.radius,
-    };
-    return (react_1.default.createElement("div", { style: switchStyle, className: "switch", "data-isOn": isOn, onClick: toggleSwitch },
-        react_1.default.createElement(framer_motion_1.motion.div, { style: handleStyle, className: "handle", layout: true, transition: spring })));
-};
-exports.Switch = Switch;

package/dist/cjs/components/switch/switch.config.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchConfigs = void 0;
-exports.SwitchConfigs = {
-    xs: {
-        radius: 6,
-        padding: 2,
-    },
-    sm: {
-        radius: 8,
-        padding: 2,
-    },
-    md: {
-        radius: 10,
-        padding: 3,
-    },
-    lg: {
-        radius: 12,
-        padding: 4,
-    },
-    xl: {
-        radius: 14,
-        padding: 5,
-    },
-};

package/dist/cjs/core/background/background.component.js

@@ -1,22 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Background = void 0;
-const react_1 = __importDefault(require("react"));
-const Background = ({ children, image, imageUrl, gradiant, position, size, attachment, className, minHeight, color, }) => {
-    if (!!imageUrl) {
-        image = `url(${imageUrl})`;
-    }
-    const style = {
-        backgroundColor: color,
-        backgroundImage: image || gradiant,
-        backgroundPosition: position,
-        backgroundSize: size,
-        minHeight,
-        backgroundAttachment: attachment,
-    };
-    return (react_1.default.createElement("div", { className: className, style: style }, children));
-};
-exports.Background = Background;

package/dist/cjs/core/background/index.js

@@ -1,17 +0,0 @@
-"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 });
-__exportStar(require("./background.component"), exports);

package/dist/cjs/core/border/border.style.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BorderStyle = void 0;
-const uni_core_1 = require("@uni-design-system/uni-core");
-function BorderStyle(border, theme) {
-    if (!border)
-        return {};
-    const borderTopColor = extractColor(theme, border, 'colorTop');
-    const borderBottomColor = extractColor(theme, border, 'colorBottom');
-    const borderLeftColor = extractColor(theme, border, 'colorLeft');
-    const borderRightColor = extractColor(theme, border, 'colorRight');
-    const borderTopWidth = (0, uni_core_1.getValue)(border, 'widthTop', 'width');
-    const borderBottomWidth = (0, uni_core_1.getValue)(border, 'widthBottom', 'width');
-    const borderLeftWidth = (0, uni_core_1.getValue)(border, 'widthLeft', 'width');
-    const borderRightWidth = (0, uni_core_1.getValue)(border, 'widthRight', 'width');
-    return {
-        borderTopColor,
-        borderBottomColor,
-        borderLeftColor,
-        borderRightColor,
-        borderTopWidth,
-        borderBottomWidth,
-        borderLeftWidth,
-        borderRightWidth,
-    };
-}
-exports.BorderStyle = BorderStyle;
-function extractColor(theme, border, key) {
-    return theme.colors[(0, uni_core_1.getValue)(border, key, 'color')];
-}

package/dist/cjs/core/border/index.js

@@ -1,17 +0,0 @@
-"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 });
-__exportStar(require("./border.style"), exports);

package/dist/cjs/core/container/container.component.d.ts

@@ -1,11 +0,0 @@
-import React, { CSSProperties, ReactNode } from 'react';
-import { ContainerColorToken } from '@uni-design-system/uni-core';
-export interface ContainerProps {
-    children: ReactNode;
-    style: CSSProperties;
-    colorToken?: ContainerColorToken;
-}
-export declare const ContainerContext: React.Context<{
-    colorToken?: ContainerColorToken | undefined;
-}>;
-export default function Container({ children, style, colorToken, ...rest }: ContainerProps): JSX.Element;

package/dist/cjs/core/container/container.component.js

@@ -1,45 +0,0 @@
-"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 __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;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContainerContext = void 0;
-const react_1 = __importStar(require("react"));
-exports.ContainerContext = (0, react_1.createContext)({});
-function Container(_a) {
-    var { children, style, colorToken } = _a, rest = __rest(_a, ["children", "style", "colorToken"]);
-    return (react_1.default.createElement(exports.ContainerContext.Provider, { value: { colorToken } },
-        react_1.default.createElement("div", Object.assign({ style: style }, rest), children)));
-}
-exports.default = Container;

package/dist/cjs/core/container/index.js

@@ -1,17 +0,0 @@
-"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 });
-__exportStar(require("./container.component"), exports);

package/dist/cjs/core/filter/filter.argTypes.js

@@ -1,104 +0,0 @@
-"use strict";
-// https://www.w3schools.com/csSref/css3_pr_filter.php
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterArgTypes = void 0;
-exports.filterArgTypes = {
-    blur: {
-        control: { type: 'range', min: 0, max: 100, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Applies a blur effect to the image. A larger value will create more blur.\n' +
-            '\n' +
-            'If no value is specified, 0 is used.',
-    },
-    brightness: {
-        control: { type: 'range', min: 0, max: 100, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Adjusts the brightness of the image.\n' +
-            '\n' +
-            '0% will make the image completely black.\n' +
-            '100% (1) is default and represents the original image.\n' +
-            'Values over 100% will provide brighter results.',
-    },
-    contrast: {
-        control: { type: 'range', min: 0, max: 100, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Adjusts the contrast of the image.\n' +
-            '\n' +
-            '0% will make the image completely black.\n' +
-            '100% (1) is default, and represents the original image.\n' +
-            'Values over 100% will provide results with more contrast.',
-    },
-    grayscale: {
-        control: { type: 'range', min: 0, max: 100, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Converts the image to grayscale.\n' +
-            '\n' +
-            '0% (0) is default and represents the original image.\n' +
-            '100% will make the image completely gray (used for black and white images).',
-    },
-    'hue-rotate': {
-        control: { type: 'range', min: 0, max: 360, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Applies a hue rotation on the image. The value defines the number of degrees around the color circle the image samples will be adjusted. 0deg is default, and represents the original image.',
-    },
-    invert: {
-        control: { type: 'range', min: 0, max: 100, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Inverts the samples in the image.\n' +
-            '\n' +
-            '0% (0) is default and represents the original image.\n' +
-            '100% will make the image completely inverted.',
-    },
-    opacity: {
-        control: { type: 'range', min: 0, max: 1, step: 0.01 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '1' },
-        },
-        description: 'Sets the opacity level for the image. The opacity-level describes the transparency-level, where:\n' +
-            '\n' +
-            '0% is completely transparent.\n' +
-            '100% (1) is default and represents the original image (no transparency).',
-    },
-    saturate: {
-        control: { type: 'range', min: 0, max: 100, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Saturates the image.\n' +
-            '\n' +
-            '0% (0) will make the image completely un-saturated.\n' +
-            '100% is default and represents the original image.\n' +
-            'Values over 100% provides super-saturated results.',
-    },
-    sepia: {
-        control: { type: 'range', min: 0, max: 100, step: 1 },
-        table: {
-            type: { summary: 'number' },
-            defaultValue: { summary: '0' },
-        },
-        description: 'Converts the image to sepia.\n' +
-            '\n' +
-            '0% (0) is default and represents the original image.\n' +
-            '100% will make the image completely sepia.',
-    },
-};

package/dist/cjs/core/filter/filter.component.d.ts

@@ -1,3 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FilterProps } from './filter.model';
-export declare const Filter: (filterProps: PropsWithChildren<FilterProps>) => JSX.Element;

package/dist/cjs/core/filter/filter.component.js

@@ -1,15 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Filter = void 0;
-const react_1 = __importDefault(require("react"));
-const container_component_1 = __importDefault(require("../container/container.component"));
-const filter_style_1 = require("./filter.style");
-const Filter = (filterProps) => {
-    const { children } = filterProps;
-    const style = (0, filter_style_1.FilterStyle)(filterProps);
-    return react_1.default.createElement(container_component_1.default, { style: style }, children);
-};
-exports.Filter = Filter;

package/dist/cjs/core/filter/filter.config.js

@@ -1,68 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterConfigs = void 0;
-exports.FilterConfigs = {
-    blur: {
-        type: 'blur',
-        unit: 'px',
-        defaultValue: 4,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-    brightness: {
-        type: 'brightness',
-        unit: '%',
-        defaultValue: 250,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-    contrast: {
-        type: 'contrast',
-        unit: '%',
-        defaultValue: 180,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-    grayscale: {
-        type: 'grayscale',
-        unit: '%',
-        defaultValue: 100,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-    'hue-rotate': {
-        type: 'hue-rotate',
-        unit: 'deg',
-        defaultValue: 180,
-        rangeLow: 0,
-        rangeHigh: 360,
-    },
-    invert: {
-        type: 'invert',
-        unit: '%',
-        defaultValue: 100,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-    opacity: {
-        type: 'opacity',
-        unit: '%',
-        defaultValue: 50,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-    saturate: {
-        type: 'saturate',
-        unit: 'num',
-        defaultValue: 7,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-    sepia: {
-        type: 'sepia',
-        unit: '%',
-        defaultValue: 100,
-        rangeLow: 0,
-        rangeHigh: 100,
-    },
-};

package/dist/cjs/core/filter/filter.model.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/core/filter/filter.style.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterStyle = void 0;
-const filter_config_1 = require("./filter.config");
-const getFilterConfig = (filterType) => {
-    return filter_config_1.FilterConfigs[filterType];
-};
-const getFilterSetting = (type, value) => {
-    var _a;
-    if (!value)
-        return '';
-    const unit = (_a = getFilterConfig(type)) === null || _a === void 0 ? void 0 : _a.unit;
-    return `${type}(${value}${unit && unit !== 'num' ? unit : ''})`;
-};
-const FilterStyle = (filterSettings) => {
-    const filterNames = Object.keys(filterSettings);
-    const filterArray = filterNames.map((type) => getFilterSetting(type, filterSettings[type]));
-    console.log(filterArray);
-    return { filter: filterArray.join(' ') };
-};
-exports.FilterStyle = FilterStyle;

package/dist/cjs/core/filter/filter.types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/core/filter/index.js

@@ -1,20 +0,0 @@
-"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 });
-__exportStar(require("./filter.component"), exports);
-__exportStar(require("./filter.config"), exports);
-__exportStar(require("./filter.model"), exports);
-__exportStar(require("./filter.types"), exports);

package/dist/cjs/core/flex/flex.component.d.ts

@@ -1,54 +0,0 @@
-import React, { HTMLAttributes, ReactNode } from 'react';
-import { AlignContent, FlexDirection, FlexGrow, FlexShrink, FlexWrap, JustifyContent } from '@uni-design-system/uni-core';
-import { Property } from 'csstype';
-export interface FlexOptions extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Shorthand for `alignItems` style prop
-     * @type AlignItems
-     */
-    align?: AlignContent;
-    /**
-     * Shorthand for `justifyContent` style prop
-     * @type JustifyContent
-     */
-    justify?: JustifyContent;
-    /**
-     * Shorthand for `flexWrap` style prop
-     * @type FlexWrap
-     */
-    wrap?: FlexWrap;
-    /**
-     * Shorthand for `flexDirection` style prop
-     * @type FlexDirection
-     * @default "row"
-     */
-    direction?: FlexDirection;
-    /**
-     * Shorthand for `flexBasis` style prop
-     * @type number
-     */
-    basis?: number;
-    /**
-     * Shorthand for `flexGrow` style prop
-     * @type FlexGrow
-     */
-    grow?: FlexGrow;
-    /**
-     * Shorthand for `flexShrink` style prop
-     * @type FlexShrink
-     */
-    shrink?: FlexShrink;
-    gap?: Property.Gap<number | string>;
-}
-export interface FlexProps extends FlexOptions {
-    children: ReactNode;
-}
-/**
- * React component used to create flexbox layouts.
- *
- * It renders a `div` with `display: flex` and
- * comes with helpful style shorthand.
- *
- * @see Docs
- */
-export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;

package/dist/cjs/core/flex/flex.component.js

@@ -1,33 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Flex = void 0;
-const react_1 = __importDefault(require("react"));
-const react_2 = require("react");
-/**
- * React component used to create flexbox layouts.
- *
- * It renders a `div` with `display: flex` and
- * comes with helpful style shorthand.
- *
- * @see Docs
- */
-exports.Flex = (0, react_2.forwardRef)((props, ref) => {
-    const { direction, align, justify, wrap, basis, grow, shrink, gap, style } = props, rest = __rest(props, ["direction", "align", "justify", "wrap", "basis", "grow", "shrink", "gap", "style"]);
-    const styles = Object.assign({ display: 'flex', flexDirection: direction, alignItems: align, justifyContent: justify, flexWrap: wrap, flexBasis: basis, flexGrow: grow, flexShrink: shrink, gap }, style);
-    return react_1.default.createElement("div", Object.assign({ ref: ref, style: styles }, rest));
-});
-exports.Flex.displayName = 'Flex';