@trilogy-ds/react 4.8.2-beta-2 → 4.8.2

package/lib/components/enumsComponentsName.d.ts

@@ -40,6 +40,8 @@ export declare enum ComponentName {
     Countdown = "Countdown",
     Divider = "Divider",
     Fab = "Fab",
+    FlexBox = "FlexBox",
+    FlexItem = "FlexItem",
     Hero = "Hero",
     Icon = "Icon",
     Image = "Image",
@@ -157,6 +159,5 @@ export declare enum ComponentName {
     Alert = "Alert",
     Chips = "Chips",
     ChipsList = "ChipsList",
-    Range = "Range",
-    Stack = "Stack"
+    Range = "Range"
 }

package/lib/components/enumsComponentsName.js

@@ -41,6 +41,8 @@ export var ComponentName;
     ComponentName["Countdown"] = "Countdown";
     ComponentName["Divider"] = "Divider";
     ComponentName["Fab"] = "Fab";
+    ComponentName["FlexBox"] = "FlexBox";
+    ComponentName["FlexItem"] = "FlexItem";
     ComponentName["Hero"] = "Hero";
     ComponentName["Icon"] = "Icon";
     ComponentName["Image"] = "Image";
@@ -159,6 +161,5 @@ export var ComponentName;
     ComponentName["Chips"] = "Chips";
     ComponentName["ChipsList"] = "ChipsList";
     ComponentName["Range"] = "Range";
-    ComponentName["Stack"] = "Stack";
 })(ComponentName || (ComponentName = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQWlLWDtBQWpLRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxhQWtLWDtBQWxLRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIs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

package/lib/components/flex-box/DirectionDefaults.js

@@ -0,0 +1,32 @@
+export default {
+  "mobile": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "row",
+      "column",
+      "row",
+      "column"
+    ]
+  },
+  "tablet": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "row",
+      "column",
+      "row",
+      "column"
+    ]
+  },
+  "desktop": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "row",
+      "column",
+      "row",
+      "column"
+    ]
+  }
+};

package/lib/components/flex-box/FlexBox.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FlexBoxProps } from './FlexBoxProps';
+/**
+ * @beta
+ * FlexBox component
+ * @param children {React.ReactNode} Box child
+ * @param className {string} Additional css classes
+ * @param id {string} Id attribute
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; tablet?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; desktop?: 'row' | 'column' | 'row-reverse' | 'column-reverse' } } Flex direction
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Align items
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' } Justify content
+ * @param scrollable {boolean} scrollable mode (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ */
+declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexBox;

package/lib/components/flex-box/FlexBox.js

@@ -0,0 +1,33 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getAlignClassName } from '../../objects/facets/Alignable';
+import { getJustifyClassName } from '../../objects/facets/Justifiable';
+import { has, is } from '../../services';
+import clsx from 'clsx';
+import React from 'react';
+/**
+ * @beta
+ * FlexBox component
+ * @param children {React.ReactNode} Box child
+ * @param className {string} Additional css classes
+ * @param id {string} Id attribute
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; tablet?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; desktop?: 'row' | 'column' | 'row-reverse' | 'column-reverse' } } Flex direction
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Align items
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' } Justify content
+ * @param scrollable {boolean} scrollable mode (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ */
+var FlexBox = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, gap = _a.gap, direction = _a.direction, align = _a.align, justify = _a.justify, scrollable = _a.scrollable, fullheight = _a.fullheight, others = __rest(_a, ["className", "id", "gap", "direction", "align", "justify", "scrollable", "fullheight"]);
+    var styled = useTrilogyContext().styled;
+    var isNumber = typeof gap === 'number';
+    var isValueDirection = typeof direction === 'string';
+    var classes = hashClass(styled, clsx('flex-box', isValueDirection && direction && is("direction-".concat(direction)), !isValueDirection && (direction === null || direction === void 0 ? void 0 : direction.desktop) && is("direction-".concat(direction.desktop, "-desktop")), !isValueDirection && (direction === null || direction === void 0 ? void 0 : direction.mobile) && is("direction-".concat(direction.mobile, "-mobile")), !isValueDirection && (direction === null || direction === void 0 ? void 0 : direction.tablet) && is("direction-".concat(direction.tablet, "-tablet")), align && is(getAlignClassName(align)), justify && is(getJustifyClassName(justify)), scrollable && is('scrollable'), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.mobile) && has("gap-mobile-".concat(gap.mobile)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.tablet) && has("gap-tablet-".concat(gap.tablet)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.desktop) && has("gap-desktop-".concat(gap.desktop)), isNumber && has("gap-".concat(gap)), fullheight && is('fullheight'), className));
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
+});
+FlexBox.displayName = ComponentName.FlexBox;
+export default FlexBox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmxleC1ib3gvRmxleEJveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ2xFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDOUIsVUFBQyxFQUFvRixFQUFFLEdBQUc7SUFBdkYsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFLLE1BQU0sY0FBbEYsdUZBQW9GLENBQUY7SUFDekUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxRQUFRLEdBQUcsT0FBTyxHQUFHLEtBQUssUUFBUSxDQUFBO0lBQ3hDLElBQU0sZ0JBQWdCLEdBQUcsT0FBTyxTQUFTLEtBQUssUUFBUSxDQUFBO0lBQ3RELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixVQUFVLEVBQ1YsZ0JBQWdCLElBQUksU0FBUyxJQUFJLEVBQUUsQ0FBQyxvQkFBYSxTQUFTLENBQUUsQ0FBQyxFQUM3RCxDQUFDLGdCQUFnQixLQUFJLFNBQVMsYUFBVCxTQUFTLHVCQUFULFNBQVMsQ0FBRSxPQUFPLENBQUEsSUFBSSxFQUFFLENBQUMsb0JBQWEsU0FBUyxDQUFDLE9BQU8sYUFBVSxDQUFDLEVBQ3ZGLENBQUMsZ0JBQWdCLEtBQUksU0FBUyxhQUFULFNBQVMsdUJBQVQsU0FBUyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEVBQUUsQ0FBQyxvQkFBYSxTQUFTLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDcEYsQ0FBQyxnQkFBZ0IsS0FBSSxTQUFTLGFBQVQsU0FBUyx1QkFBVCxTQUFTLENBQUUsTUFBTSxDQUFBLElBQUksRUFBRSxDQUFDLG9CQUFhLFNBQVMsQ0FBQyxNQUFNLFlBQVMsQ0FBQyxFQUNwRixLQUFLLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3JDLE9BQU8sSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDM0MsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE9BQU8sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxzQkFBZSxHQUFHLENBQUMsT0FBTyxDQUFFLENBQUMsRUFDOUQsUUFBUSxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQzdCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xFLENBQUMsQ0FDRixDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/flex-box/FlexBox.native.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { View } from 'react-native';
+import { FlexBoxProps } from './FlexBoxProps';
+declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<View>>;
+export default FlexBox;

package/lib/components/flex-box/FlexBox.native.js

@@ -0,0 +1,54 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { getAlignStyle } from '../../objects/facets/Alignable';
+import { getJustifyStyle } from '../../objects/facets/Justifiable';
+import React, { useState } from 'react';
+import { Dimensions, ScrollView, StyleSheet, View } from 'react-native';
+import { ColumnsGapValue } from '../columns';
+import { FlexBoxContext } from './context';
+var FlexBox = React.forwardRef(function (_a, ref) {
+    var id = _a.id, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, align = _a.align, justify = _a.justify, scrollable = _a.scrollable, fullBleed = _a.fullBleed, children = _a.children, fullheight = _a.fullheight, others = __rest(_a, ["id", "gap", "direction", "align", "justify", "scrollable", "fullBleed", "children", "fullheight"]);
+    var _c = __read(useState(0), 2), width = _c[0], setWidth = _c[1];
+    var _d = __read(useState(0), 2), enlarge = _d[0], setEnlarge = _d[1];
+    var isValueDirection = typeof direction === 'string';
+    var onLayoutHandler = React.useCallback(function (event) {
+        if (!width) {
+            var width_1 = event.nativeEvent.layout.width;
+            if (fullBleed)
+                setEnlarge((Dimensions.get('screen').width - width_1) / 2);
+            setWidth(width_1);
+        }
+    }, [fullBleed, width]);
+    var gapIndex = (gap && typeof gap === 'number' && gap) || (gap && (gap === null || gap === void 0 ? void 0 : gap.mobile)) || 0;
+    var realGap = React.useMemo(function () { return (typeof gap === 'undefined' ? 8 : ColumnsGapValue[gapIndex]); }, [gap]);
+    var styles = StyleSheet.create({
+        columns: {
+            flexDirection: !isValueDirection ? direction === null || direction === void 0 ? void 0 : direction.mobile : direction,
+            gap: realGap,
+            alignItems: getAlignStyle(align),
+            justifyContent: getJustifyStyle(justify),
+            width: fullBleed && width ? width + enlarge * 2 : '100%',
+            marginHorizontal: -enlarge,
+            paddingHorizontal: enlarge,
+            height: fullheight ? '100%' : 'auto',
+        },
+        columnsScrollable: {
+            paddingHorizontal: enlarge,
+            gap: realGap,
+        },
+    });
+    return (React.createElement(FlexBoxContext.Provider, { value: {
+            width: width,
+            realGap: realGap,
+            scrollable: scrollable || false,
+            childrenLength: React.Children.count(children),
+        } },
+        !scrollable && (React.createElement(View, __assign({ id: id, ref: ref, onLayout: onLayoutHandler, style: [styles.columns] }, others), children)),
+        scrollable && (React.createElement(View, { id: id, onLayout: onLayoutHandler, style: {
+                marginHorizontal: -enlarge,
+            } },
+            React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.columnsScrollable, showsHorizontalScrollIndicator: false }, children)))));
+});
+FlexBox.displayName = ComponentName.FlexBox;
+export default FlexBox;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L0ZsZXhCb3gubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDOUQsT0FBTyxLQUFLLEVBQUUsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdkMsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDMUYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUU1QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTFDLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzlCLFVBQUMsRUFBc0csRUFBRSxHQUFHO0lBQXpHLElBQUEsRUFBRSxRQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsaUJBQWlCLEVBQWpCLFNBQVMsbUJBQUcsS0FBSyxLQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBSyxNQUFNLGNBQXBHLG1HQUFzRyxDQUFGO0lBQzdGLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBOUIsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFlLENBQUE7SUFDL0IsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUFsQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQWUsQ0FBQTtJ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

package/lib/components/flex-box/FlexBoxProps.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { Align } from '../../objects/facets/Alignable';
+import { DirectionEnum, DirectionEnumValues } from '../../objects/facets/Direction';
+import { Justify } from '../../objects/facets/Justifiable';
+import { View } from 'react-native';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { GapSize } from '../columns';
+export interface FlexBoxSize {
+    mobile?: GapSize;
+    tablet?: GapSize;
+    desktop?: GapSize;
+}
+export interface Direction {
+    mobile?: DirectionEnum | DirectionEnumValues;
+    tablet?: DirectionEnum | DirectionEnumValues;
+    desktop?: DirectionEnum | DirectionEnumValues;
+}
+export interface FlexBoxProps extends CommonProps {
+    children?: React.ReactNode;
+    gap?: FlexBoxSize | GapSize;
+    direction?: Direction | DirectionEnum | DirectionEnumValues;
+    align?: Align;
+    justify?: Justify;
+    scrollable?: boolean;
+    fullBleed?: boolean;
+    fullheight?: boolean;
+}
+export type FlexBoxRef = HTMLDivElement;
+export type FlexBoxNativeRef = View;

package/lib/components/flex-box/FlexBoxProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEJveFByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mbGV4LWJveC9GbGV4Qm94UHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/{stack/StackPropsDefaults.js → flex-box/FlexBoxPropsDefaults.js}

@@ -28,7 +28,7 @@ export default {
       8,
       9,
       10,
-      "StackSize"
+      "FlexBoxSize"
     ]
   },
   "direction": {
@@ -38,7 +38,54 @@ export default {
       "row",
       "column",
       "row",
-      "column"
+      "column",
+      "Direction"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
+    ]
+  },
+  "justify": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "CENTER",
+      "START",
+      "END",
+      "SPACE_BETWEEN",
+      "SPACE_AROUND",
+      "SPACE_EVENLY"
+    ]
+  },
+  "scrollable": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "fullBleed": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "fullheight": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
     ]
   },
   "id": {

package/lib/components/flex-box/context/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FlexBoxContext: React.Context<{
+    scrollable: boolean;
+    width: number;
+    realGap: number;
+    childrenLength: number;
+}>;

package/lib/components/flex-box/context/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export var FlexBoxContext = React.createContext({
+    scrollable: false,
+    width: 0,
+    realGap: 16,
+    childrenLength: 1,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2NvbnRleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBQztJQUNoRCxVQUFVLEVBQUUsS0FBSztJQUNqQixLQUFLLEVBQUUsQ0FBQztJQUNSLE9BQU8sRUFBRSxFQUFFO0lBQ1gsY0FBYyxFQUFFLENBQUM7Q0FDbEIsQ0FBQyxDQUFBIn0=

package/lib/components/flex-box/flex-item/FlexItem.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { FlexItemProps } from '../../../components/flex-box/flex-item/FlexItemProps';
+/**
+ * FlexItem Component - FlexBox Child
+ * @param size {FlexItemSize} Size 1-12
+ * @param verticalCentered {boolean} Vertical center item
+ * @param centered {boolean} center item
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param narrow {boolean} Narrow item
+ * @param className {string} Additional CSS Classes
+ * @param mobileSize {FlexItemSize} Apply => is-size-mobile
+ * @param tabletSize {FlexItemSize} Apply => is-size-tablet
+ * @param touchSize {FlexItemSize} Apply => is-size-touch
+ * @param desktopSize {FlexItemSize} Apply => is-size-desktop
+ * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
+ * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
+ * @param offset {FlexItemSize} Apply => is-offset
+ * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
+ * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
+ * @param touchOffset {FlexItemSize} Apply => is-offset-touch
+ * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
+ * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
+ * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
+ * @param align { Alignable | AlignableValues} align content
+ */
+declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexItem;

package/lib/components/flex-box/flex-item/FlexItem.js

@@ -0,0 +1,42 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { getAlignClassName } from '../../../objects/facets/Alignable';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import React from 'react';
+/**
+ * FlexItem Component - FlexBox Child
+ * @param size {FlexItemSize} Size 1-12
+ * @param verticalCentered {boolean} Vertical center item
+ * @param centered {boolean} center item
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param narrow {boolean} Narrow item
+ * @param className {string} Additional CSS Classes
+ * @param mobileSize {FlexItemSize} Apply => is-size-mobile
+ * @param tabletSize {FlexItemSize} Apply => is-size-tablet
+ * @param touchSize {FlexItemSize} Apply => is-size-touch
+ * @param desktopSize {FlexItemSize} Apply => is-size-desktop
+ * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
+ * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
+ * @param offset {FlexItemSize} Apply => is-offset
+ * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
+ * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
+ * @param touchOffset {FlexItemSize} Apply => is-offset-touch
+ * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
+ * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
+ * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
+ * @param align { Alignable | AlignableValues} align content
+ */
+var FlexItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, size = _a.size, narrow = _a.narrow, verticalAlign = _a.verticalAlign, others = __rest(_a, ["className", "id", "size", "narrow", "verticalAlign"]);
+    var styled = useTrilogyContext().styled;
+    var isNumber = typeof size === 'number';
+    var classes = hashClass(styled, clsx('flex-item', size && isNumber && is("".concat(size)), size && !isNumber && (size === null || size === void 0 ? void 0 : size.desktop) && is("".concat(size.desktop, "-desktop")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.mobile) && is("".concat(size.mobile, "-mobile")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.tablet) && is("".concat(size.tablet, "-tablet")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.touch) && is("".concat(size.touch, "-touch")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.wideScreen) && is("".concat(size.wideScreen, "-widescreen")), size && !isNumber && (size === null || size === void 0 ? void 0 : size.fullHd) && is("".concat(size.fullHd, "-fullhd")), narrow && is('narrow'), verticalAlign && is(getAlignClassName(verticalAlign)), className));
+    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
+});
+FlexItem.displayName = ComponentName.FlexItem;
+export default FlexItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2ZsZXgtaXRlbS9GbGV4SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzlELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUVILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBeUQsRUFBRSxHQUFHO0lBQTVELElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBdkQsc0RBQXlELENBQUY7SUFDOUMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxRQUFRLEdBQUcsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFBO0lBQ3pDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixXQUFXLEVBQ1gsSUFBSSxJQUFJLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUUsQ0FBQyxFQUNqQyxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE9BQU8sQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxPQUFPLGFBQVUsQ0FBQyxFQUNuRSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxNQUFNLFlBQVMsQ0FBQyxFQUNoRSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxNQUFNLFlBQVMsQ0FBQyxFQUNoRSxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLEtBQUssQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxLQUFLLFdBQVEsQ0FBQyxFQUM3RCxJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLFVBQVUsQ0FBQSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBQyxVQUFVLGdCQUFhLENBQUMsRUFDNUUsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFJLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxNQUFNLENBQUEsSUFBSSxFQUFFLENBQUMsVUFBRyxJQUFJLENBQUMsTUFBTSxZQUFTLENBQUMsRUFDaEUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsQ0FBQyxFQUNyRCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNsRSxDQUFDLENBQ0YsQ0FBQTtBQUNELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/flex-box/flex-item/FlexItem.native.d.ts

@@ -0,0 +1,29 @@
+import { FlexItemProps } from '../../../components/flex-box/flex-item/FlexItemProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * FlexItem Component - FlexBox Child
+ * @param size {FlexItemSize} Size 1-12
+ * @param verticalCentered {boolean} Vertical center item
+ * @param centered {boolean} center item
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param narrow {boolean} Narrow item
+ * @param className {string} Additional CSS Classes
+ * @param mobileSize {FlexItemSize} Apply => is-size-mobile
+ * @param tabletSize {FlexItemSize} Apply => is-size-tablet
+ * @param touchSize {FlexItemSize} Apply => is-size-touch
+ * @param desktopSize {FlexItemSize} Apply => is-size-desktop
+ * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
+ * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
+ * @param offset {FlexItemSize} Apply => is-offset
+ * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
+ * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
+ * @param touchOffset {FlexItemSize} Apply => is-offset-touch
+ * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
+ * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
+ * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
+ * @param align { Alignable | AlignableValues} align content
+ */
+declare const FlexItem: React.ForwardRefExoticComponent<FlexItemProps & React.RefAttributes<View>>;
+export default FlexItem;

package/lib/components/flex-box/flex-item/FlexItem.native.js

@@ -0,0 +1,56 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { getAlignStyle } from '../../../objects/facets/Alignable';
+import React from 'react';
+import { View } from 'react-native';
+import { FlexBoxContext } from '../context';
+/**
+ * FlexItem Component - FlexBox Child
+ * @param size {FlexItemSize} Size 1-12
+ * @param verticalCentered {boolean} Vertical center item
+ * @param centered {boolean} center item
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param narrow {boolean} Narrow item
+ * @param className {string} Additional CSS Classes
+ * @param mobileSize {FlexItemSize} Apply => is-size-mobile
+ * @param tabletSize {FlexItemSize} Apply => is-size-tablet
+ * @param touchSize {FlexItemSize} Apply => is-size-touch
+ * @param desktopSize {FlexItemSize} Apply => is-size-desktop
+ * @param widescreenSize {FlexItemSize} Apply => is-size-widescreen
+ * @param fullhdSize {FlexItemSize} Apply => is-size-fullhd
+ * @param offset {FlexItemSize} Apply => is-offset
+ * @param mobileOffset {FlexItemSize} Apply => is-offset-mobile
+ * @param tabletOffset {FlexItemSize} Apply => is-offset-tablet
+ * @param touchOffset {FlexItemSize} Apply => is-offset-touch
+ * @param desktopOffset {FlexItemSize} Apply => is-offset-desktop
+ * @param widescreenOffset {FlexItemSize} Apply => is-offset-widescreen
+ * @param fullhdOffset {FlexItemSize} Apply => is-offset-fullhd
+ * @param align { Alignable | AlignableValues} align content
+ */
+var FlexItem = React.forwardRef(function (_a, ref) {
+    var id = _a.id, size = _a.size, narrow = _a.narrow, verticalAlign = _a.verticalAlign, children = _a.children, others = __rest(_a, ["id", "size", "narrow", "verticalAlign", "children"]);
+    var _b = React.useContext(FlexBoxContext), width = _b.width, realGap = _b.realGap, scrollable = _b.scrollable, childrenLength = _b.childrenLength;
+    var realSize = (size && typeof size === 'number' && size) || (size && (size === null || size === void 0 ? void 0 : size.mobile)) || 0;
+    var scrollableStyle = React.useMemo(function () { return ({
+        width: realSize
+            ? (realSize / 12) * width - realGap * ((childrenLength - 1) / childrenLength)
+            : narrow
+                ? 'auto'
+                : width - 2 * realGap,
+    }); }, [realSize, narrow, width, realGap, childrenLength, realSize]);
+    var noScrollableStyle = React.useMemo(function () { return ({
+        flex: narrow ? 0 : 1,
+        flexGrow: realSize || narrow ? 0 : 1,
+        flexShrink: narrow ? 1 : 0,
+        flexBasis: realSize ? (realSize / 12) * width - realGap * ((childrenLength - 1) / childrenLength) : 'auto',
+    }); }, [realSize, narrow, width, realGap, childrenLength, realSize]);
+    return (React.createElement(View, __assign({ id: id, ref: ref, style: [
+            scrollable && scrollableStyle,
+            !scrollable && noScrollableStyle,
+            { justifyContent: getAlignStyle(verticalAlign) },
+        ] }, others), children));
+});
+FlexItem.displayName = ComponentName.FlexItem;
+export default FlexItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9mbGV4LWJveC9mbGV4LWl0ZW0vRmxleEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUMxRCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLElBQUksRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRTNDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCRztBQUVILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLFVBQUMsRUFBd0QsRUFBRSxHQUFHO0lBQTNELElBQUEsRUFBRSxRQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBdEQscURBQXdELENBQUY7SUFDL0MsSUFBQSxLQUFpRCxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxFQUEvRSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsY0FBYyxvQkFBcUMsQ0FBQTtJQUN2RixJQUFNLFFBQVEsR0FBRyxDQUFDLElBQUksSUFBSSxPQUFPLElBQUksS0FBSyxRQUFRLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEtBQUksSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLE1BQU0sQ0FBQSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBRTFGLElBQU0sZUFBZSxHQUFjLEtBQUssQ0FBQyxPQUFPLENBQzlDLGNBQU0sT0FBQSxDQUFDO1FBQ0wsS0FBSyxFQUFFLFFBQVE7WUFDYixDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLEdBQUcsS0FBSyxHQUFHLE9BQU8sR0FBRyxDQUFDLENBQUMsY0FBYyxHQUFHLENBQUMsQ0FBQyxHQUFHLGNBQWMsQ0FBQztZQUM3RSxDQUFDLENBQUMsTUFBTTtnQkFDUixDQUFDLENBQUMsTUFBTTtnQkFDUixDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxPQUFPO0tBQ3hCLENBQUMsRUFOSSxDQU1KLEVBQ0YsQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsQ0FBQyxDQUM3RCxDQUFBO0lBRUQsSUFBTSxpQkFBaUIsR0FBYyxLQUFLLENBQUMsT0FBTyxDQUNoRCxjQUFNLE9BQUEsQ0FBQztRQUNMLElBQUksRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNwQixRQUFRLEVBQUUsUUFBUSxJQUFJLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3BDLFVBQVUsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUMxQixTQUFTLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUMsR0FBRyxLQUFLLEdBQUcsT0FBTyxHQUFHLENBQUMsQ0FBQyxjQUFjLEdBQUcsQ0FBQyxDQUFDLEdBQUcsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU07S0FDM0csQ0FBQyxFQUxJLENBS0osRUFDRixDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsUUFBUSxDQUFDLENBQzdELENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUNILEVBQUUsRUFBRSxFQUFFLEVBQ04sR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUU7WUFDTCxVQUFVLElBQUksZUFBZTtZQUM3QixDQUFDLFVBQVUsSUFBSSxpQkFBaUI7WUFDaEMsRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDLGFBQWEsQ0FBQyxFQUFFO1NBQ2pELElBQ0csTUFBTSxHQUVULFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/flex-box/flex-item/FlexItemProps.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { AlignableProps } from '../../../objects/facets/Alignable';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { View } from 'react-native';
+export interface FlexSize {
+    mobile?: FlexItemSize;
+    tablet?: FlexItemSize;
+    touch?: FlexItemSize;
+    desktop?: FlexItemSize;
+    wideScreen?: FlexItemSize;
+    fullHd?: FlexItemSize;
+}
+/**
+ * FlexItem Interface
+ */
+export interface FlexItemProps extends AlignableProps, CommonProps {
+    children?: React.ReactNode;
+    size?: FlexSize | FlexItemSize;
+    narrow?: boolean;
+}
+export type FlexItemRef = HTMLDivElement;
+export type FlexItemNativeRef = View;
+export type FlexItemSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;

package/lib/components/flex-box/flex-item/FlexItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxleEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZmxleC1ib3gvZmxleC1pdGVtL0ZsZXhJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/flex-box/flex-item/FlexItemPropsDefaults.js

@@ -0,0 +1,85 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "size": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12",
+      "FlexSize"
+    ]
+  },
+  "narrow": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
+    ]
+  },
+  "verticalAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/flex-box/flex-item/FlexSizeDefaults.js

@@ -0,0 +1,110 @@
+export default {
+  "mobile": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "tablet": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "touch": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "desktop": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "wideScreen": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "fullHd": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "1",
+      "2",
+      "3",
+      "4",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  }
+};

package/lib/components/flex-box/index.d.ts

@@ -0,0 +1,3 @@
+import FlexBox from './FlexBox';
+import FlexItem from './flex-item/FlexItem';
+export { FlexBox, FlexItem };

package/lib/components/flex-box/index.js

@@ -0,0 +1,4 @@
+import FlexBox from './FlexBox';
+import FlexItem from './flex-item/FlexItem';
+export { FlexBox, FlexItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZsZXgtYm94L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sT0FBTyxNQUFNLFdBQVcsQ0FBQTtBQUMvQixPQUFPLFFBQVEsTUFBTSxzQkFBc0IsQ0FBQTtBQUUzQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxDQUFBIn0=

package/lib/components/index.d.ts

@@ -14,6 +14,7 @@ export * from './container';
 export * from './countdown';
 export * from './divider';
 export * from './fab';
+export * from './flex-box';
 export * from './hero';
 export * from './icon';
 export * from './image';
@@ -35,7 +36,6 @@ export * from './section';
 export * from './segment-control';
 export * from './select';
 export * from './spacer';
-export * from './stack';
 export * from './stepper';
 export * from './sticker';
 export * from './switch';

package/lib/components/index.js

@@ -15,6 +15,7 @@ export * from './container';
 export * from './countdown';
 export * from './divider';
 export * from './fab';
+export * from './flex-box';
 export * from './hero';
 export * from './icon';
 export * from './image';
@@ -36,7 +37,6 @@ export * from './section';
 export * from './segment-control';
 export * from './select';
 export * from './spacer';
-export * from './stack';
 export * from './stepper';
 export * from './sticker';
 export * from './switch';
@@ -48,4 +48,4 @@ export * from './textarea';
 export * from './timeline';
 export * from './title';
 export * from './view';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLE9BQU8sQ0FBQTtBQUNyQixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHFCQUFxQjtBQUNyQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLGdCQUFnQixDQUFBO0FBQzlCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsVUFBVSxDQUFBO0FBQ3hCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsYUFBYSxDQUFBO0FBQzNCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsUUFBUSxDQUFBO0FBQ3RCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsT0FBTyxDQUFBO0FBQ3JCLGNBQWMsY0FBYyxDQUFBO0FBQzVCLGNBQWMsV0FBVyxDQUFBO0FBQ3pCLGNBQWMsU0FBUyxDQUFBO0FBQ3ZCLGNBQWMsZ0JBQWdCLENBQUE7QUFDOUIsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxTQUFTLENBQUE7QUFDdkIsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxXQUFXLENBQUE7QUFDekIsY0FBYyxtQkFBbUIsQ0FBQTtBQUNqQyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFdBQVcsQ0FBQTtBQUN6QixjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLE9BQU8sQ0FBQTtBQUNyQixjQUFjLFFBQVEsQ0FBQTtBQUN0QixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFlBQVksQ0FBQTtBQUMxQixjQUFjLFNBQVMsQ0FBQTtBQUN2QixjQUFjLFFBQVEsQ0FBQSJ9

package/lib/objects/facets/Alignable.d.ts

@@ -7,6 +7,12 @@ export declare enum Alignable {
     ALIGNED_END = "ALIGNED_END",
     ALIGNED_STRETCH = "ALIGNED_STRETCH"
 }
+export declare enum Align {
+    CENTER = "CENTER",
+    START = "START",
+    END = "END",
+    STRETCH = "STRETCH"
+}
 export type AlignableValues = `${Alignable}`;
 export interface AlignableProps {
     align?: Alignable | AlignableValues;

package/lib/objects/facets/Alignable.js

@@ -8,6 +8,13 @@ export var Alignable;
     Alignable["ALIGNED_END"] = "ALIGNED_END";
     Alignable["ALIGNED_STRETCH"] = "ALIGNED_STRETCH";
 })(Alignable || (Alignable = {}));
+export var Align;
+(function (Align) {
+    Align["CENTER"] = "CENTER";
+    Align["START"] = "START";
+    Align["END"] = "END";
+    Align["STRETCH"] = "STRETCH";
+})(Align || (Align = {}));
 /**
  * Returns alignement classname depending on align type
  * @param alignType {Alignable|string} - Alert type
@@ -17,10 +24,18 @@ export var getAlignClassName = function (alignType) {
     switch (alignType) {
         case 'ALIGNED_CENTER':
             return 'aligned-center';
+        case 'CENTER':
+            return 'aligned-center';
         case 'ALIGNED_START':
             return 'aligned-start';
+        case 'START':
+            return 'aligned-start';
         case 'ALIGNED_END':
             return 'aligned-end';
+        case 'END':
+            return 'aligned-end';
+        case 'STRETCH':
+            return 'aligned-stretch';
         default:
             return 'aligned-start';
     }
@@ -43,4 +58,4 @@ export var getAlignStyle = function (alignType) {
             return 'flex-start';
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksU0FLWDtBQUxELFdBQVksU0FBUztJQUNuQiw4Q0FBaUMsQ0FBQTtJQUNqQyw0Q0FBK0IsQ0FBQTtJQUMvQix3Q0FBMkIsQ0FBQTtJQUMzQixnREFBbUMsQ0FBQTtBQUNyQyxDQUFDLEVBTFcsU0FBUyxLQUFULFNBQVMsUUFLcEI7QUFTRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxTQUFrQjtJQUNsRCxRQUFRLFNBQVMsRUFBRTtRQUNqQixLQUFLLGdCQUFnQjtZQUNuQixPQUFPLGdCQUFnQixDQUFBO1FBQ3pCLEtBQUssZUFBZTtZQUNsQixPQUFPLGVBQWUsQ0FBQTtRQUN4QixLQUFLLGFBQWE7WUFDaEIsT0FBTyxhQUFhLENBQUE7UUFDdEI7WUFDRSxPQUFPLGVBQWUsQ0FBQTtLQUN6QjtBQUNILENBQUMsQ0FBQTtBQUVEOzs7O0dBSUc7QUFDSCw2RUFBNkU7QUFDN0UsTUFBTSxDQUFDLElBQU0sYUFBYSxHQUFHLFVBQUMsU0FBa0I7SUFDOUMsUUFBUSxTQUFTLEVBQUU7UUFDakIsS0FBSyxnQkFBZ0I7WUFDbkIsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sWUFBWSxDQUFBO1FBQ3JCLEtBQUssYUFBYTtZQUNoQixPQUFPLFVBQVUsQ0FBQTtRQUNuQjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxpZ25hYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vb2JqZWN0cy9mYWNldHMvQWxpZ25hYmxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsTUFBTSxDQUFOLElBQVksU0FLWDtBQUxELFdBQVksU0FBUztJQUNuQiw4Q0FBaUMsQ0FBQTtJQUNqQyw0Q0FBK0IsQ0FBQTtJQUMvQix3Q0FBMkIsQ0FBQTtJQUMzQixnREFBbUMsQ0FBQTtBQUNyQyxDQUFDLEVBTFcsU0FBUyxLQUFULFNBQVMsUUFLcEI7QUFFRCxNQUFNLENBQU4sSUFBWSxLQUtYO0FBTEQsV0FBWSxLQUFLO0lBQ2YsMEJBQWlCLENBQUE7SUFDakIsd0JBQWUsQ0FBQTtJQUNmLG9CQUFXLENBQUE7SUFDWCw0QkFBbUIsQ0FBQTtBQUNyQixDQUFDLEVBTFcsS0FBSyxLQUFMLEtBQUssUUFLaEI7QUFTRDs7OztHQUlHO0FBQ0gsTUFBTSxDQUFDLElBQU0saUJBQWlCLEdBQUcsVUFBQyxTQUFrQjtJQUNsRCxRQUFRLFNBQVMsRUFBRTtRQUNqQixLQUFLLGdCQUFnQjtZQUNuQixPQUFPLGdCQUFnQixDQUFBO1FBQ3pCLEtBQUssUUFBUTtZQUNYLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssT0FBTztZQUNWLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssYUFBYTtZQUNoQixPQUFPLGFBQWEsQ0FBQTtRQUN0QixLQUFLLEtBQUs7WUFDUixPQUFPLGFBQWEsQ0FBQTtRQUN0QixLQUFLLFNBQVM7WUFDWixPQUFPLGlCQUFpQixDQUFBO1FBQzFCO1lBQ0UsT0FBTyxlQUFlLENBQUE7S0FDekI7QUFDSCxDQUFDLENBQUE7QUFFRDs7OztHQUlHO0FBQ0gsNkVBQTZFO0FBQzdFLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxVQUFDLFNBQWtCO0lBQzlDLFFBQVEsU0FBUyxFQUFFO1FBQ2pCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sUUFBUSxDQUFBO1FBQ2pCLEtBQUssZUFBZTtZQUNsQixPQUFPLFlBQVksQ0FBQTtRQUNyQixLQUFLLGFBQWE7WUFDaEIsT0FBTyxVQUFVLENBQUE7UUFDbkI7WUFDRSxPQUFPLFlBQVksQ0FBQTtLQUN0QjtBQUNILENBQUMsQ0FBQSJ9

package/lib/objects/facets/Justifiable.d.ts

@@ -7,6 +7,14 @@ export declare enum Justifiable {
     JUSTIFIED_END = "JUSTIFIED_END",
     SPACE_BETWEEN = "SPACE_BETWEEN"
 }
+export declare enum Justify {
+    CENTER = "CENTER",
+    START = "START",
+    END = "END",
+    SPACE_BETWEEN = "SPACE_BETWEEN",
+    SPACE_AROUND = "SPACE_AROUND",
+    SPACE_EVENLY = "SPACE_EVENLY"
+}
 export type JustifiableValues = keyof typeof Justifiable;
 export interface JustifiableProps {
     justify?: Justifiable | JustifiableValues;
@@ -17,6 +25,6 @@ export interface JustifiableProps {
  * @returns {string} - Justify value
  */
 export declare const getJustifyStyle: (justifyContent?: string) => "center" | "flex-start" | "flex-end" | "space-between";
-export declare const getJustifyClassName: (justifyContent?: string) => "centered" | "justified-start" | "justified-end" | "spaced-between";
-export declare const getJustifiedClassName: (justifyContent?: string) => "justified-start" | "justified-end" | "justified-center";
+export declare const getJustifyClassName: (justifyContent?: string) => "centered" | "justified-center" | "justified-start" | "justified-end" | "spaced-between" | "spaced-around" | "spaced-evenly";
+export declare const getJustifiedClassName: (justifyContent?: string) => "justified-center" | "justified-start" | "justified-end";
 export declare const getJustifySelfClassName: (justifyContent?: string) => string;

package/lib/objects/facets/Justifiable.js

@@ -8,6 +8,15 @@ export var Justifiable;
     Justifiable["JUSTIFIED_END"] = "JUSTIFIED_END";
     Justifiable["SPACE_BETWEEN"] = "SPACE_BETWEEN";
 })(Justifiable || (Justifiable = {}));
+export var Justify;
+(function (Justify) {
+    Justify["CENTER"] = "CENTER";
+    Justify["START"] = "START";
+    Justify["END"] = "END";
+    Justify["SPACE_BETWEEN"] = "SPACE_BETWEEN";
+    Justify["SPACE_AROUND"] = "SPACE_AROUND";
+    Justify["SPACE_EVENLY"] = "SPACE_EVENLY";
+})(Justify || (Justify = {}));
 /**
  * Returns justifyContent style depending on justify type
  * @param justifyContent {Justifiable|string} - justify type
@@ -32,12 +41,22 @@ export var getJustifyClassName = function (justifyContent) {
     switch (justifyContent) {
         case 'JUSTIFIED_CENTER':
             return 'centered';
+        case 'CENTER':
+            return 'justified-center';
         case 'JUSTIFIED_START':
             return 'justified-start';
+        case 'START':
+            return 'justified-start';
         case 'JUSTIFIED_END':
             return 'justified-end';
+        case 'END':
+            return 'justified-end';
         case 'SPACE_BETWEEN':
             return 'spaced-between';
+        case 'SPACE_AROUND':
+            return 'spaced-around';
+        case 'SPACE_EVENLY':
+            return 'spaced-evenly';
         default:
             return 'justified-start';
     }
@@ -66,4 +85,4 @@ export var getJustifySelfClassName = function (justifyContent) {
             return 'justified-selfstart';
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSnVzdGlmaWFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9KdXN0aWZpYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFdBS1g7QUFMRCxXQUFZLFdBQVc7SUFDckIsb0RBQXFDLENBQUE7SUFDckMsa0RBQW1DLENBQUE7SUFDbkMsOENBQStCLENBQUE7SUFDL0IsOENBQStCLENBQUE7QUFDakMsQ0FBQyxFQUxXLFdBQVcsS0FBWCxXQUFXLFFBS3RCO0FBUUQ7Ozs7R0FJRztBQUNILDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsSUFBTSxlQUFlLEdBQUcsVUFBQyxjQUF1QjtJQUNyRCxRQUFRLGNBQWMsRUFBRTtRQUN0QixLQUFLLGtCQUFrQjtZQUNyQixPQUFPLFFBQVEsQ0FBQTtRQUNqQixLQUFLLGlCQUFpQjtZQUNwQixPQUFPLFlBQVksQ0FBQTtRQUNyQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxVQUFVLENBQUE7UUFDbkIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCO1lBQ0UsT0FBTyxZQUFZLENBQUE7S0FDdEI7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLGNBQXVCO0lBQ3pELFFBQVEsY0FBYyxFQUFFO1FBQ3RCLEtBQUssa0JBQWtCO1lBQ3JCLE9BQU8sVUFBVSxDQUFBO1FBQ25CLEtBQUssaUJBQWlCO1lBQ3BCLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssZUFBZTtZQUNsQixPQUFPLGdCQUFnQixDQUFBO1FBQ3pCO1lBQ0UsT0FBTyxpQkFBaUIsQ0FBQTtLQUMzQjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHFCQUFxQixHQUFHLFVBQUMsY0FBdUI7SUFDM0QsUUFBUSxjQUFjLEVBQUU7UUFDdEIsS0FBSyxnQkFBZ0I7WUFDbkIsT0FBTyxrQkFBa0IsQ0FBQTtRQUMzQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQixLQUFLLGFBQWE7WUFDaEIsT0FBTyxlQUFlLENBQUE7UUFDeEI7WUFDRSxPQUFPLGlCQUFpQixDQUFBO0tBQzNCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sdUJBQXVCLEdBQUcsVUFBQyxjQUF1QjtJQUM3RCxRQUFRLGNBQWMsRUFBRTtRQUN0QixLQUFLLGdCQUFnQjtZQUNuQixPQUFPLHVCQUF1QixDQUFBO1FBQ2hDLEtBQUssZUFBZTtZQUNsQixPQUFPLHNCQUFzQixDQUFBO1FBQy9CLEtBQUssYUFBYTtZQUNoQixPQUFPLG1CQUFtQixDQUFBO1FBQzVCO1lBQ0UsT0FBTyxxQkFBcUIsQ0FBQTtLQUMvQjtBQUNILENBQUMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSnVzdGlmaWFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9KdXN0aWZpYWJsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFdBS1g7QUFMRCxXQUFZLFdBQVc7SUFDckIsb0RBQXFDLENBQUE7SUFDckMsa0RBQW1DLENBQUE7SUFDbkMsOENBQStCLENBQUE7SUFDL0IsOENBQStCLENBQUE7QUFDakMsQ0FBQyxFQUxXLFdBQVcsS0FBWCxXQUFXLFFBS3RCO0FBRUQsTUFBTSxDQUFOLElBQVksT0FPWDtBQVBELFdBQVksT0FBTztJQUNqQiw0QkFBaUIsQ0FBQTtJQUNqQiwwQkFBZSxDQUFBO0lBQ2Ysc0JBQVcsQ0FBQTtJQUNYLDBDQUErQixDQUFBO0lBQy9CLHdDQUE2QixDQUFBO0lBQzdCLHdDQUE2QixDQUFBO0FBQy9CLENBQUMsRUFQVyxPQUFPLEtBQVAsT0FBTyxRQU9sQjtBQVFEOzs7O0dBSUc7QUFDSCw2RUFBNkU7QUFDN0UsTUFBTSxDQUFDLElBQU0sZUFBZSxHQUFHLFVBQUMsY0FBdUI7SUFDckQsUUFBUSxjQUFjLEVBQUU7UUFDdEIsS0FBSyxrQkFBa0I7WUFDckIsT0FBTyxRQUFRLENBQUE7UUFDakIsS0FBSyxpQkFBaUI7WUFDcEIsT0FBTyxZQUFZLENBQUE7UUFDckIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sVUFBVSxDQUFBO1FBQ25CLEtBQUssZUFBZTtZQUNsQixPQUFPLGVBQWUsQ0FBQTtRQUN4QjtZQUNFLE9BQU8sWUFBWSxDQUFBO0tBQ3RCO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxjQUF1QjtJQUN6RCxRQUFRLGNBQWMsRUFBRTtRQUN0QixLQUFLLGtCQUFrQjtZQUNyQixPQUFPLFVBQVUsQ0FBQTtRQUNuQixLQUFLLFFBQVE7WUFDWCxPQUFPLGtCQUFrQixDQUFBO1FBQzNCLEtBQUssaUJBQWlCO1lBQ3BCLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxPQUFPO1lBQ1YsT0FBTyxpQkFBaUIsQ0FBQTtRQUMxQixLQUFLLGVBQWU7WUFDbEIsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxLQUFLO1lBQ1IsT0FBTyxlQUFlLENBQUE7UUFDeEIsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sZ0JBQWdCLENBQUE7UUFDekIsS0FBSyxjQUFjO1lBQ2pCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCLEtBQUssY0FBYztZQUNqQixPQUFPLGVBQWUsQ0FBQTtRQUN4QjtZQUNFLE9BQU8saUJBQWlCLENBQUE7S0FDM0I7QUFDSCxDQUFDLENBQUE7QUFFRCxNQUFNLENBQUMsSUFBTSxxQkFBcUIsR0FBRyxVQUFDLGNBQXVCO0lBQzNELFFBQVEsY0FBYyxFQUFFO1FBQ3RCLEtBQUssZ0JBQWdCO1lBQ25CLE9BQU8sa0JBQWtCLENBQUE7UUFDM0IsS0FBSyxlQUFlO1lBQ2xCLE9BQU8saUJBQWlCLENBQUE7UUFDMUIsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sZUFBZSxDQUFBO1FBQ3hCO1lBQ0UsT0FBTyxpQkFBaUIsQ0FBQTtLQUMzQjtBQUNILENBQUMsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLHVCQUF1QixHQUFHLFVBQUMsY0FBdUI7SUFDN0QsUUFBUSxjQUFjLEVBQUU7UUFDdEIsS0FBSyxnQkFBZ0I7WUFDbkIsT0FBTyx1QkFBdUIsQ0FBQTtRQUNoQyxLQUFLLGVBQWU7WUFDbEIsT0FBTyxzQkFBc0IsQ0FBQTtRQUMvQixLQUFLLGFBQWE7WUFDaEIsT0FBTyxtQkFBbUIsQ0FBQTtRQUM1QjtZQUNFLE9BQU8scUJBQXFCLENBQUE7S0FDL0I7QUFDSCxDQUFDLENBQUEifQ==

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.8.2-beta-2";
+export declare const version = "4.8.2";

package/lib/version.js

@@ -1,2 +1,2 @@
-export var version = "4.8.2-beta-2";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGNBQWMsQ0FBQSJ9
+export var version = "4.8.2";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLE9BQU8sQ0FBQSJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "4.8.2-beta-2",
+  "version": "4.8.2",
   "author": "Bouygues Telecom",
   "files": [
     "lib"

package/lib/components/stack/Stack.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { StackProps } from './StackProps';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
- * @param id {string}
- */
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
-export default Stack;

package/lib/components/stack/Stack.js

@@ -1,26 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { DirectionEnum } from '../../objects/facets/Direction';
-import { has, is } from '../../services';
-import clsx from 'clsx';
-import React from 'react';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additional CSS Classes
- * @param id {string}
- */
-var Stack = React.forwardRef(function (_a, ref) {
-    var className = _a.className, id = _a.id, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? DirectionEnum.COLUMN : _b, others = __rest(_a, ["className", "id", "gap", "direction"]);
-    var styled = useTrilogyContext().styled;
-    var isNumber = typeof gap === 'number';
-    var classes = hashClass(styled, clsx('stack', direction && is(direction), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.mobile) && has("gap-mobile-".concat(gap.mobile)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.tablet) && has("gap-tablet-".concat(gap.tablet)), !isNumber && (gap === null || gap === void 0 ? void 0 : gap.desktop) && has("gap-desktop-".concat(gap.desktop)), isNumber && has("gap-".concat(gap)), className));
-    return React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others));
-});
-Stack.displayName = ComponentName.Stack;
-export default Stack;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2suanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0YWNrL1N0YWNrLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7R0FPRztBQUNILElBQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzVCLFVBQUMsRUFBbUUsRUFBRSxHQUFHO0lBQXRFLElBQUEsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsaUJBQWdDLEVBQWhDLFNBQVMsbUJBQUcsYUFBYSxDQUFDLE1BQU0sS0FBQSxFQUFLLE1BQU0sY0FBakUsdUNBQW1FLENBQUY7SUFDeEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxRQUFRLEdBQUcsT0FBTyxHQUFHLEtBQUssUUFBUSxDQUFBO0lBQ3hDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLEVBQ1AsU0FBUyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDMUIsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE1BQU0sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxxQkFBYyxHQUFHLENBQUMsTUFBTSxDQUFFLENBQUMsRUFDM0QsQ0FBQyxRQUFRLEtBQUksR0FBRyxhQUFILEdBQUcsdUJBQUgsR0FBRyxDQUFFLE9BQU8sQ0FBQSxJQUFJLEdBQUcsQ0FBQyxzQkFBZSxHQUFHLENBQUMsT0FBTyxDQUFFLENBQUMsRUFDOUQsUUFBUSxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQzdCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ2xFLENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=

package/lib/components/stack/Stack.native.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { StackProps } from './StackProps';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- */
-declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<View>>;
-export default Stack;

package/lib/components/stack/Stack.native.js

@@ -1,32 +0,0 @@
-import { __assign, __rest } from "tslib";
-import { ComponentName } from '../../components/enumsComponentsName';
-import { DirectionEnum } from '../../objects/facets/Direction';
-import React from 'react';
-import { View } from 'react-native';
-import { ColumnsGapValue, GapSize } from '../columns';
-/**
- * Stack Component
- * @param gap {StackSize} Gap between elements in Stack
- * @param direction {DirectionEnum} flex direction
- */
-var Stack = React.forwardRef(function (_a, ref) {
-    var children = _a.children, gap = _a.gap, _b = _a.direction, direction = _b === void 0 ? DirectionEnum.COLUMN : _b, others = __rest(_a, ["children", "gap", "direction"]);
-    var getGapValue = function (gapSize) {
-        return ColumnsGapValue[gapSize] || 0;
-    };
-    var gapValue = 0;
-    if (typeof gap === 'number') {
-        gapValue = getGapValue(gap);
-    }
-    else if (gap && typeof gap === 'object') {
-        gapValue = getGapValue(gap.mobile || GapSize.ZERO);
-    }
-    var stackStyles = {
-        flexDirection: direction === DirectionEnum.ROW ? 'row' : 'column',
-        gap: gapValue,
-    };
-    return (React.createElement(View, __assign({ ref: ref, style: stackStyles }, others), children));
-});
-Stack.displayName = ComponentName.Stack;
-export default Stack;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2submF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zdGFjay9TdGFjay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzFELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsSUFBSSxFQUFhLE1BQU0sY0FBYyxDQUFBO0FBQzlDLE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBR3JEOzs7O0dBSUc7QUFDSCxJQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsVUFBVSxDQUM1QixVQUFDLEVBQThELEVBQUUsR0FBRztJQUFqRSxJQUFBLFFBQVEsY0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLGlCQUFnQyxFQUFoQyxTQUFTLG1CQUFHLGFBQWEsQ0FBQyxNQUFNLEtBQUEsRUFBSyxNQUFNLGNBQTVELGdDQUE4RCxDQUFGO0lBQzNELElBQU0sV0FBVyxHQUFHLFVBQUMsT0FBZ0I7UUFDbkMsT0FBTyxlQUFlLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3RDLENBQUMsQ0FBQTtJQUVELElBQUksUUFBUSxHQUFHLENBQUMsQ0FBQTtJQUNoQixJQUFJLE9BQU8sR0FBRyxLQUFLLFFBQVEsRUFBRTtRQUMzQixRQUFRLEdBQUcsV0FBVyxDQUFDLEdBQUcsQ0FBQyxDQUFBO0tBQzVCO1NBQU0sSUFBSSxHQUFHLElBQUksT0FBTyxHQUFHLEtBQUssUUFBUSxFQUFFO1FBQ3pDLFFBQVEsR0FBRyxXQUFXLENBQUMsR0FBRyxDQUFDLE1BQU0sSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUE7S0FDbkQ7SUFFRCxJQUFNLFdBQVcsR0FBYztRQUM3QixhQUFhLEVBQUUsU0FBUyxLQUFLLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtRQUNqRSxHQUFHLEVBQUUsUUFBUTtLQUNkLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLFdBQVcsSUFBTSxNQUFNLEdBQzNDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUN2QyxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/stack/StackProps.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { DirectionEnum, DirectionEnumValues } from '../../objects/facets/Direction';
-import { View } from 'react-native';
-import { CommonProps } from '../../objects/facets/CommonProps';
-import { GapSize } from '../columns';
-export interface StackSize {
-    mobile?: GapSize;
-    tablet?: GapSize;
-    desktop?: GapSize;
-}
-export interface StackProps extends CommonProps {
-    children?: React.ReactNode;
-    gap?: StackSize | GapSize;
-    direction?: DirectionEnum | DirectionEnumValues;
-}
-export type StackRef = HTMLDivElement;
-export type StackNativeRef = View;

package/lib/components/stack/StackProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3RhY2tQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc3RhY2svU3RhY2tQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/stack/index.d.ts

@@ -1,2 +0,0 @@
-import Stack from './Stack';
-export { Stack };

package/lib/components/stack/index.js

@@ -1,3 +0,0 @@
-import Stack from './Stack';
-export { Stack };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3N0YWNrL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==