@uzum-tech/ui 1.1.3 → 1.1.4

package/es/components.d.ts

@@ -89,3 +89,4 @@ export * from './watermark';
 export * from './discrete';
 export * from './equation';
 export * from './toggle-button';
+export * from './flex';

package/es/components.js

@@ -89,3 +89,4 @@ export * from './watermark';
 export * from './discrete';
 export * from './equation';
 export * from './toggle-button';
+export * from './flex';

package/es/config-provider/src/internal-interface.d.ts

@@ -97,6 +97,7 @@ import type { RowTheme } from '../../legacy-grid/styles';
 import type { Katex } from './katex';
 import type { ToggleButtonTheme } from '../../toggle-button/styles';
 import type { AccountOptionTheme } from '../../_internal/account-option/styles';
+import type { FlexTheme } from '../../flex/styles';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -181,6 +182,7 @@ export interface GlobalThemeWithoutCommon {
     Watermark?: WatermarkTheme;
     Row?: RowTheme;
     ToggleButton?: ToggleButtonTheme;
+    Flex?: FlexTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
     AccountOption?: AccountOptionTheme;

package/es/flex/index.d.ts

@@ -0,0 +1,3 @@
+export { default as UFlex, flexProps } from './src/Flex';
+export type { FlexProps } from './src/Flex';
+export type { FlexAlign, FlexJustify } from './src/type';

package/es/flex/index.js

@@ -0,0 +1 @@
+export { default as UFlex, flexProps } from './src/Flex';

package/es/flex/src/Flex.d.ts

@@ -0,0 +1,116 @@
+import { type PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+export declare const flexProps: {
+    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly justify: {
+        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly default: "start";
+    };
+    readonly inline: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+};
+export type FlexProps = ExtractPublicPropTypes<typeof flexProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly justify: {
+        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly default: "start";
+    };
+    readonly inline: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+}, {
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    mergedClsPrefix: import("vue").Ref<string>;
+    margin: import("vue").ComputedRef<{
+        horizontal: number;
+        vertical: number;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly justify: {
+        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly default: "start";
+    };
+    readonly inline: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+}>>, {
+    readonly inline: boolean;
+    readonly reverse: boolean;
+    readonly size: number | [number, number] | "small" | "medium" | "large";
+    readonly wrap: boolean;
+    readonly vertical: boolean;
+    readonly justify: import("csstype").Property.JustifyContent;
+}, {}>;
+export default _default;

package/es/flex/src/Flex.js

@@ -0,0 +1,80 @@
+import { computed, defineComponent, h } from 'vue';
+import { depx, getGap } from 'seemly';
+import { useRtl } from '../../_mixins/use-rtl';
+import { createKey, flatten, getSlot } from '../../_utils';
+import { useConfig, useTheme } from '../../_mixins';
+import { flexLight } from '../styles';
+export const flexProps = Object.assign(Object.assign({}, useTheme.props), { align: String, justify: {
+        type: String,
+        default: 'start'
+    }, inline: Boolean, vertical: Boolean, reverse: Boolean, size: {
+        type: [String, Number, Array],
+        default: 'medium'
+    }, wrap: {
+        type: Boolean,
+        default: true
+    } });
+export default defineComponent({
+    name: 'Flex',
+    props: flexProps,
+    setup(props) {
+        const { mergedClsPrefixRef, mergedRtlRef } = useConfig(props);
+        const themeRef = useTheme('Flex', '-flex', undefined, flexLight, props, mergedClsPrefixRef);
+        const rtlEnabledRef = useRtl('Flex', mergedRtlRef, mergedClsPrefixRef);
+        return {
+            rtlEnabled: rtlEnabledRef,
+            mergedClsPrefix: mergedClsPrefixRef,
+            margin: computed(() => {
+                const { size } = props;
+                if (Array.isArray(size)) {
+                    return {
+                        horizontal: size[0],
+                        vertical: size[1]
+                    };
+                }
+                if (typeof size === 'number') {
+                    return {
+                        horizontal: size,
+                        vertical: size
+                    };
+                }
+                const { self: { [createKey('gap', size)]: gap } } = themeRef.value;
+                const { row, col } = getGap(gap);
+                return {
+                    horizontal: depx(col),
+                    vertical: depx(row)
+                };
+            })
+        };
+    },
+    render() {
+        const { vertical, reverse, align, inline, justify, margin, wrap, mergedClsPrefix, rtlEnabled } = this;
+        const children = flatten(getSlot(this), false);
+        if (!children.length) {
+            return null;
+        }
+        return (h("div", { role: "none", class: [
+                `${mergedClsPrefix}-flex`,
+                rtlEnabled && `${mergedClsPrefix}-flex--rtl`
+            ], style: {
+                display: inline ? 'inline-flex' : 'flex',
+                flexDirection: (() => {
+                    if (vertical && !reverse) {
+                        return 'column';
+                    }
+                    if (vertical && reverse) {
+                        return 'column-reverse';
+                    }
+                    if (!vertical && reverse) {
+                        return 'row-reverse';
+                    }
+                    else
+                        return 'row';
+                })(),
+                justifyContent: justify,
+                flexWrap: !wrap || vertical ? 'nowrap' : 'wrap',
+                alignItems: align,
+                gap: `${margin.vertical}px ${margin.horizontal}px`
+            } }, children));
+    }
+});

package/es/flex/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/es/flex/src/styles/rtl.cssr.js

@@ -0,0 +1,4 @@
+import { cB, cM } from '../../../_utils/cssr';
+export default cB('space', [cM('rtl', `
+ direction: rtl;
+ `)]);

package/es/flex/src/type.d.ts

@@ -0,0 +1,3 @@
+import type { Property } from 'csstype';
+export type FlexAlign = Property.AlignItems;
+export type FlexJustify = Property.JustifyContent;

package/es/flex/src/type.js

@@ -0,0 +1 @@
+export {};

package/es/flex/styles/_common.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    gapSmall: string;
+    gapMedium: string;
+    gapLarge: string;
+};
+export default _default;

package/es/flex/styles/_common.js

@@ -0,0 +1,5 @@
+export default {
+    gapSmall: '4px 8px',
+    gapMedium: '8px 12px',
+    gapLarge: '12px 16px'
+};

package/es/flex/styles/dark.d.ts

@@ -0,0 +1,3 @@
+import type { FlexTheme } from './light';
+declare const flexDark: FlexTheme;
+export default flexDark;

package/es/flex/styles/dark.js

@@ -0,0 +1,8 @@
+import commonVars from './_common';
+const flexDark = {
+    name: 'Flex',
+    self() {
+        return commonVars;
+    }
+};
+export default flexDark;

package/es/flex/styles/index.d.ts

@@ -0,0 +1,4 @@
+export { default as flexDark } from './dark';
+export { default as flexLight } from './light';
+export { flexRtl } from './rtl';
+export type { FlexTheme, FlexThemeVars } from './light';

package/es/flex/styles/index.js

@@ -0,0 +1,3 @@
+export { default as flexDark } from './dark';
+export { default as flexLight } from './light';
+export { flexRtl } from './rtl';

package/es/flex/styles/light.d.ts

@@ -0,0 +1,10 @@
+import type { Theme } from '../../_mixins';
+declare function self(): {
+    gapSmall: string;
+    gapMedium: string;
+    gapLarge: string;
+};
+export type FlexThemeVars = ReturnType<typeof self>;
+declare const flexLight: Theme<'Flex', FlexThemeVars>;
+export default flexLight;
+export type FlexTheme = typeof flexLight;

package/es/flex/styles/light.js

@@ -0,0 +1,9 @@
+import commonVars from './_common';
+function self() {
+    return commonVars;
+}
+const flexLight = {
+    name: 'Flex',
+    self
+};
+export default flexLight;

package/es/flex/styles/rtl.d.ts

@@ -0,0 +1,2 @@
+import type { RtlItem } from '../../config-provider/src/internal-interface';
+export declare const flexRtl: RtlItem;

package/es/flex/styles/rtl.js

@@ -0,0 +1,5 @@
+import rtlStyle from '../src/styles/rtl.cssr';
+export const flexRtl = {
+    name: 'Flex',
+    style: rtlStyle
+};

package/es/themes/dark.js

@@ -83,6 +83,7 @@ import { uploadDark } from '../upload/styles';
 import { watermarkDark } from '../watermark/styles';
 import { toggleButtonDark } from '../toggle-button/styles';
 import { accountOptionDark } from '../_internal/account-option/styles';
+import { flexDark } from '../flex/styles';
 export const darkTheme = {
     name: 'dark',
     common: commonDark,
@@ -169,5 +170,6 @@ export const darkTheme = {
     Typography: typographyDark,
     Upload: uploadDark,
     Watermark: watermarkDark,
-    ToggleButton: toggleButtonDark
+    ToggleButton: toggleButtonDark,
+    Flex: flexDark
 };

package/es/themes/light.js

@@ -85,6 +85,7 @@ import { uploadLight } from '../upload/styles';
 import { watermarkLight } from '../watermark/styles';
 import { toggleButtonLight } from '../toggle-button/styles';
 import { accountOptionLight } from '../_internal/account-option/styles';
+import { flexLight } from '../flex/styles';
 export const lightTheme = {
     name: 'light',
     common: commonLight,
@@ -171,5 +172,6 @@ export const lightTheme = {
     Typography: typographyLight,
     Upload: uploadLight,
     Watermark: watermarkLight,
-    ToggleButton: toggleButtonLight
+    ToggleButton: toggleButtonLight,
+    Flex: flexLight
 };

package/es/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.1.2";
+declare const _default: "1.1.4";
 export default _default;

package/es/version.js

@@ -1 +1 @@
-export default '1.1.2';
+export default '1.1.4';

package/lib/components.d.ts

@@ -89,3 +89,4 @@ export * from './watermark';
 export * from './discrete';
 export * from './equation';
 export * from './toggle-button';
+export * from './flex';

package/lib/components.js

@@ -105,3 +105,4 @@ __exportStar(require("./watermark"), exports);
 __exportStar(require("./discrete"), exports);
 __exportStar(require("./equation"), exports);
 __exportStar(require("./toggle-button"), exports);
+__exportStar(require("./flex"), exports);

package/lib/config-provider/src/internal-interface.d.ts

@@ -97,6 +97,7 @@ import type { RowTheme } from '../../legacy-grid/styles';
 import type { Katex } from './katex';
 import type { ToggleButtonTheme } from '../../toggle-button/styles';
 import type { AccountOptionTheme } from '../../_internal/account-option/styles';
+import type { FlexTheme } from '../../flex/styles';
 export interface GlobalThemeWithoutCommon {
     Alert?: AlertTheme;
     Anchor?: AnchorTheme;
@@ -181,6 +182,7 @@ export interface GlobalThemeWithoutCommon {
     Watermark?: WatermarkTheme;
     Row?: RowTheme;
     ToggleButton?: ToggleButtonTheme;
+    Flex?: FlexTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
     AccountOption?: AccountOptionTheme;

package/lib/flex/index.d.ts

@@ -0,0 +1,3 @@
+export { default as UFlex, flexProps } from './src/Flex';
+export type { FlexProps } from './src/Flex';
+export type { FlexAlign, FlexJustify } from './src/type';

package/lib/flex/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flexProps = exports.UFlex = void 0;
+var Flex_1 = require("./src/Flex");
+Object.defineProperty(exports, "UFlex", { enumerable: true, get: function () { return __importDefault(Flex_1).default; } });
+Object.defineProperty(exports, "flexProps", { enumerable: true, get: function () { return Flex_1.flexProps; } });

package/lib/flex/src/Flex.d.ts

@@ -0,0 +1,116 @@
+import { type PropType } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+export declare const flexProps: {
+    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly justify: {
+        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly default: "start";
+    };
+    readonly inline: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+};
+export type FlexProps = ExtractPublicPropTypes<typeof flexProps>;
+declare const _default: import("vue").DefineComponent<{
+    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly justify: {
+        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly default: "start";
+    };
+    readonly inline: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+}, {
+    rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
+    mergedClsPrefix: import("vue").Ref<string>;
+    margin: import("vue").ComputedRef<{
+        horizontal: number;
+        vertical: number;
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly align: PropType<import("csstype").Property.AlignItems>;
+    readonly justify: {
+        readonly type: PropType<import("csstype").Property.JustifyContent>;
+        readonly default: "start";
+    };
+    readonly inline: BooleanConstructor;
+    readonly vertical: BooleanConstructor;
+    readonly reverse: BooleanConstructor;
+    readonly size: {
+        readonly type: PropType<number | [number, number] | "small" | "medium" | "large">;
+        readonly default: "medium";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Flex", {
+        gapSmall: string;
+        gapMedium: string;
+        gapLarge: string;
+    }, any>>>;
+}>>, {
+    readonly inline: boolean;
+    readonly reverse: boolean;
+    readonly size: number | [number, number] | "small" | "medium" | "large";
+    readonly wrap: boolean;
+    readonly vertical: boolean;
+    readonly justify: import("csstype").Property.JustifyContent;
+}, {}>;
+export default _default;

package/lib/flex/src/Flex.js

@@ -0,0 +1,83 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flexProps = void 0;
+const vue_1 = require("vue");
+const seemly_1 = require("seemly");
+const use_rtl_1 = require("../../_mixins/use-rtl");
+const _utils_1 = require("../../_utils");
+const _mixins_1 = require("../../_mixins");
+const styles_1 = require("../styles");
+exports.flexProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { align: String, justify: {
+        type: String,
+        default: 'start'
+    }, inline: Boolean, vertical: Boolean, reverse: Boolean, size: {
+        type: [String, Number, Array],
+        default: 'medium'
+    }, wrap: {
+        type: Boolean,
+        default: true
+    } });
+exports.default = (0, vue_1.defineComponent)({
+    name: 'Flex',
+    props: exports.flexProps,
+    setup(props) {
+        const { mergedClsPrefixRef, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
+        const themeRef = (0, _mixins_1.useTheme)('Flex', '-flex', undefined, styles_1.flexLight, props, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Flex', mergedRtlRef, mergedClsPrefixRef);
+        return {
+            rtlEnabled: rtlEnabledRef,
+            mergedClsPrefix: mergedClsPrefixRef,
+            margin: (0, vue_1.computed)(() => {
+                const { size } = props;
+                if (Array.isArray(size)) {
+                    return {
+                        horizontal: size[0],
+                        vertical: size[1]
+                    };
+                }
+                if (typeof size === 'number') {
+                    return {
+                        horizontal: size,
+                        vertical: size
+                    };
+                }
+                const { self: { [(0, _utils_1.createKey)('gap', size)]: gap } } = themeRef.value;
+                const { row, col } = (0, seemly_1.getGap)(gap);
+                return {
+                    horizontal: (0, seemly_1.depx)(col),
+                    vertical: (0, seemly_1.depx)(row)
+                };
+            })
+        };
+    },
+    render() {
+        const { vertical, reverse, align, inline, justify, margin, wrap, mergedClsPrefix, rtlEnabled } = this;
+        const children = (0, _utils_1.flatten)((0, _utils_1.getSlot)(this), false);
+        if (!children.length) {
+            return null;
+        }
+        return ((0, vue_1.h)("div", { role: "none", class: [
+                `${mergedClsPrefix}-flex`,
+                rtlEnabled && `${mergedClsPrefix}-flex--rtl`
+            ], style: {
+                display: inline ? 'inline-flex' : 'flex',
+                flexDirection: (() => {
+                    if (vertical && !reverse) {
+                        return 'column';
+                    }
+                    if (vertical && reverse) {
+                        return 'column-reverse';
+                    }
+                    if (!vertical && reverse) {
+                        return 'row-reverse';
+                    }
+                    else
+                        return 'row';
+                })(),
+                justifyContent: justify,
+                flexWrap: !wrap || vertical ? 'nowrap' : 'wrap',
+                alignItems: align,
+                gap: `${margin.vertical}px ${margin.horizontal}px`
+            } }, children));
+    }
+});

package/lib/flex/src/styles/rtl.cssr.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("css-render").CNode;
+export default _default;

package/lib/flex/src/styles/rtl.cssr.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+const cssr_1 = require("../../../_utils/cssr");
+exports.default = (0, cssr_1.cB)('space', [(0, cssr_1.cM)('rtl', `
+ direction: rtl;
+ `)]);

package/lib/flex/src/type.d.ts

@@ -0,0 +1,3 @@
+import type { Property } from 'csstype';
+export type FlexAlign = Property.AlignItems;
+export type FlexJustify = Property.JustifyContent;

package/lib/flex/src/type.js

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

package/lib/flex/styles/_common.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    gapSmall: string;
+    gapMedium: string;
+    gapLarge: string;
+};
+export default _default;

package/lib/flex/styles/_common.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    gapSmall: '4px 8px',
+    gapMedium: '8px 12px',
+    gapLarge: '12px 16px'
+};