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

package/lib/components/box/BoxPropsDefaults.js

@@ -43,7 +43,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
@@ -61,7 +60,6 @@ export default {
       "WHITE",
       "MAIN_FADE",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",
@@ -144,7 +142,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
@@ -162,7 +159,6 @@ export default {
       "WHITE",
       "MAIN_FADE",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",

package/lib/components/box/content/BoxContentPropsDefaults.js

@@ -28,7 +28,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
@@ -46,7 +45,6 @@ export default {
       "WHITE",
       "MAIN_FADE",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",

package/lib/components/box/footer/BoxFooterPropsDefaults.js

@@ -28,7 +28,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
@@ -46,7 +45,6 @@ export default {
       "WHITE",
       "MAIN_FADE",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",

package/lib/components/box/header/BoxHeaderPropsDefaults.js

@@ -28,7 +28,6 @@ export default {
       "MAIN_FADE",
       "ACCENT",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS",
       "SUCCESS_FADE",
@@ -46,7 +45,6 @@ export default {
       "WHITE",
       "MAIN_FADE",
       "FONT",
-      "FONT_FADE",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
       "INFO_FADE",

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