@trilogy-ds/react 0.0.1-beta-110 → 0.0.1-beta-112

package/lib/components/columns/Columns.native.d.ts

@@ -6,15 +6,15 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param children {React.ReactNode}
  * @param centered {boolean} Center columns
  * @param verticalCentered {boolean} Vertical centered columns
- * @param marginSize {ColumnsSize} Removes margins between columns of the specified size
- * @param scrollable {boolean} Makes columns vertically scrollable. Note: Incompatible with 'marginSize' prop
- * @param gap {ColumnsGap} Gap between columns
+ * @param gapless {boolean} Delete margins between columns
+ * @param marginSize {ColumnsSize} Delete margins between columns with Size (apply is-variable)
+ * @param inlined {boolean} Make colomns scrollable to vertical. Don't work with props 'marginSize'
  */
 export declare const ColumnsContext: React.Context<{
-    scrollable: boolean;
+    inlined: boolean;
 }>;
 declare const Columns: {
-    ({ children, centered, gap, nbCols, verticalCentered, fullBleed, scrollable, multiline, ...others }: ColumnsProps): JSX.Element;
+    ({ children, centered, gapless, marginSize, verticalCentered, inlined, ...others }: ColumnsProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Columns;

package/lib/components/columns/Columns.native.js

@@ -1,87 +1,73 @@
-import React, { createContext, useState } from "react";
-import { Dimensions, StyleSheet } from "react-native";
+import React, { createContext } from "react";
+import { ScrollView, StyleSheet } from "react-native";
 import { View } from "../../components/view";
 import { ComponentName } from "../../components/enumsComponentsName";
-import { ScrollView } from 'react-native';
-import { ColumnsGapValue } from "../../components/columns/ColumnsTypes";
 /**
  * Columns Native Component
  * @param children {React.ReactNode}
  * @param centered {boolean} Center columns
  * @param verticalCentered {boolean} Vertical centered columns
- * @param marginSize {ColumnsSize} Removes margins between columns of the specified size
- * @param scrollable {boolean} Makes columns vertically scrollable. Note: Incompatible with 'marginSize' prop
- * @param gap {ColumnsGap} Gap between columns
+ * @param gapless {boolean} Delete margins between columns
+ * @param marginSize {ColumnsSize} Delete margins between columns with Size (apply is-variable)
+ * @param inlined {boolean} Make colomns scrollable to vertical. Don't work with props 'marginSize'
  */
-export const ColumnsContext = createContext({ scrollable: false });
-const Columns = ({ children, centered, gap, nbCols, verticalCentered, fullBleed, scrollable, multiline, ...others }) => {
-    const [width, setWidth] = useState(0);
-    const [enlarge, setEnlarge] = useState(0);
-    const onLayoutHandler = (event) => {
-        if (!width) {
-            const { width } = event.nativeEvent.layout;
-            if (fullBleed) {
-                setEnlarge((Dimensions.get('screen').width - width) / 2);
-            }
-            setWidth(width);
-        }
-    };
-    const realGap = typeof gap === 'undefined' && 16 || ColumnsGapValue[gap];
+export const ColumnsContext = createContext({ inlined: false });
+const Columns = ({ children, centered, gapless, marginSize, verticalCentered, inlined, ...others }) => {
     const styles = StyleSheet.create({
         columns: {
-            width: width ? width + (enlarge * 2) : '100%',
-            marginHorizontal: -(enlarge),
-            paddingHorizontal: enlarge,
             flexDirection: "row",
-            gap: realGap,
-            display: "flex",
-            justifyContent: 'space-evenly',
+            minWidth: "100%",
         },
         centered: {
             alignSelf: "center",
         },
         verticalAlign: {
-            alignItems: "center"
+            justifyContent: "center",
+            flex: 1,
         },
-        multiline: {
-            flexWrap: "wrap",
+        gapless: {
+            margin: 0,
+            padding: 0,
         },
-        scrollContainer: {
-            width: 'auto',
-            paddingHorizontal: enlarge,
-            justifyContent: 'space-around',
-            gap: realGap,
+        variable: {
+            padding: marginSize || 0,
         },
-        mobile: {
-            flexDirection: "column"
-        }
     });
-    if (!scrollable) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(View, { style: [
-                    styles.columns,
-                    multiline && styles.multiline,
-                    centered && styles.centered,
-                    verticalCentered && styles.verticalAlign,
-                ], ...others, ...{ onLayout: onLayoutHandler } }, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            React.Children.map(children, (child) => child && React.cloneElement(child, {
-                style: [child.props.style,
-                    { width: nbCols && (width / nbCols) - realGap || child.props.size && (width * child.props.size / 12) - realGap || 'auto' },
-                    child.props.narrow && { flex: 'none', flexShrink: 1 },
-                ]
-            })))));
+    if (marginSize && !inlined) {
+        return (React.createElement(View, { style: [
+                styles.columns,
+                centered,
+                verticalCentered && styles.verticalAlign,
+            ], ...others }, children && marginSize
+            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                React.Children.map(children, (child) => React.cloneElement(child, {
+                    style: [child.props.style, styles.variable],
+                }))
+            : children));
     }
-    return React.createElement(View, { style: {
-            width: `100% + ${enlarge * 2}px`,
-            marginHorizontal: -(enlarge)
-        }, ...{ onLayout: onLayoutHandler } },
-        React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer }, // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        React.Children.map(children, (child) => React.cloneElement(child, {
-            style: [child.props.style, {
-                    width: width / (12 / (child.props.size || child.props.mobileSize || 12)) - 2 * realGap,
-                    flexGrow: 0,
-                }, child.props.narrow && { flex: 'none', flexShrink: 1 }],
-        }))));
+    if (gapless) {
+        return (React.createElement(View, { style: [
+                styles.columns,
+                centered,
+                verticalCentered && styles.verticalAlign,
+            ], ...others }, children && gapless
+            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                React.Children.map(children, (child) => React.cloneElement(child, {
+                    style: [child.props.style, styles.gapless],
+                }))
+            : children));
+    }
+    return inlined ? (React.createElement(ColumnsContext.Provider, { value: {
+            inlined: inlined,
+        } },
+        React.createElement(ScrollView, { style: { marginLeft: 16 }, showsHorizontalScrollIndicator: false, horizontal: true, contentContainerStyle: {
+                flexGrow: 1,
+            } }, children))) : (React.createElement(View, { style: [
+            styles.columns,
+            centered && styles.centered,
+            gapless && styles.gapless,
+            verticalCentered && styles.verticalAlign,
+        ], ...others }, children));
 };
 Columns.displayName = ComponentName.Columns;
 export default Columns;

package/lib/components/columns/Columns.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Columns.native.js","sourceRoot":"","sources":["../../../components/columns/Columns.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Columns.native.js","sourceRoot":"","sources":["../../../components/columns/Columns.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;GAQG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;AAE/D,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,OAAO,EACP,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;SACjB;QACD,QAAQ,EAAE;YACR,SAAS,EAAE,QAAQ;SACpB;QACD,aAAa,EAAE;YACb,cAAc,EAAE,QAAQ;YACxB,IAAI,EAAE,CAAC;SACR;QACD,OAAO,EAAE;YACP,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,CAAC;SACX;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,UAAU,IAAI,CAAC;SACzB;KACF,CAAC,CAAA;IAEF,IAAI,UAAU,IAAI,CAAC,OAAO,EAAE;QAC1B,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,MAAM,CAAC,OAAO;gBACd,QAAQ;gBACR,gBAAgB,IAAI,MAAM,CAAC,aAAa;aACzC,KACG,MAAM,IAET,QAAQ,IAAI,UAAU;YACrB,CAAC,CAAC,8DAA8D;gBAC9D,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,KAAK,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC;iBAC5C,CAAC,CACH;YACH,CAAC,CAAC,QAAQ,CACP,CACR,CAAA;KACF;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;gBACL,MAAM,CAAC,OAAO;gBACd,QAAQ;gBACR,gBAAgB,IAAI,MAAM,CAAC,aAAa;aACzC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO;YAClB,CAAC,CAAC,8DAA8D;gBAC9D,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,KAAK,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC;iBAC3C,CAAC,CACH;YACH,CAAC,CAAC,QAAQ,CACP,CACR,CAAA;KACF;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,OAAO,EAAE,OAAO;SACjB;QAED,oBAAC,UAAU,IACT,KAAK,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EACzB,8BAA8B,EAAE,KAAK,EACrC,UAAU,QACV,qBAAqB,EAAE;gBACrB,QAAQ,EAAE,CAAC;aACZ,IAEA,QAAQ,CACE,CACW,CAC3B,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,OAAO;YACd,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC3B,OAAO,IAAI,MAAM,CAAC,OAAO;YACzB,gBAAgB,IAAI,MAAM,CAAC,aAAa;SACzC,KACG,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/columns/ColumnsProps.d.ts

@@ -1,18 +1,18 @@
 /// <reference types="react" />
-import { ColumnsSize, ColumnsGap } from './ColumnsTypes';
+import { ColumnsSize } from './ColumnsTypes';
+import { Marginless } from "../../objects";
 /**
  * Columns Interface
  */
-export interface ColumnsProps {
+export interface ColumnsProps extends Marginless {
     children?: React.ReactNode;
     multiline?: boolean;
-    scrollable?: boolean;
+    inlined?: boolean;
     centered?: boolean;
-    gap?: ColumnsGap;
-    nbCols?: ColumnsSize;
-    fullBleed?: boolean;
+    gapless?: boolean;
     marginSize?: ColumnsSize;
     verticalCentered?: boolean;
     className?: string;
     mobile?: boolean;
+    flex?: boolean | number;
 }

package/lib/components/columns/ColumnsTypes.d.ts

@@ -1,4 +1 @@
-import type { SpacerSize } from "../../components/spacer";
 export type ColumnsSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-export type ColumnsGap = SpacerSize;
-export declare const ColumnsGapValue: number[];

package/lib/components/columns/ColumnsTypes.js

@@ -1,2 +1,2 @@
-export const ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
+export {};
 //# sourceMappingURL=ColumnsTypes.js.map

package/lib/components/columns/ColumnsTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsTypes.js","sourceRoot":"","sources":["../../../components/columns/ColumnsTypes.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA"}
+{"version":3,"file":"ColumnsTypes.js","sourceRoot":"","sources":["../../../components/columns/ColumnsTypes.ts"],"names":[],"mappings":""}

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

@@ -1,3 +1,4 @@
 import Columns from './Columns';
 import ColumnsItem from './item';
-export { Columns, ColumnsItem };
+import ColumnsExample from './Columns.example';
+export { Columns, ColumnsItem, ColumnsExample };

package/lib/components/columns/index.js

@@ -1,4 +1,5 @@
 import Columns from './Columns';
 import ColumnsItem from './item';
-export { Columns, ColumnsItem };
+import ColumnsExample from './Columns.example';
+export { Columns, ColumnsItem, ColumnsExample };
 //# sourceMappingURL=index.js.map

package/lib/components/columns/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/columns/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/columns/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,QAAQ,CAAA;AAChC,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAE9C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAA"}

package/lib/components/columns/item/ColumnsItem.d.ts

@@ -1,9 +1,9 @@
-import * as React from "react";
+/// <reference types="react" />
 import { ColumnsItemProps } from "./ColumnsItemProps";
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center Column item
+ * @param verticalCenter {boolean} Vertical center Column item
  * @param centered {boolean} center Column item
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
@@ -24,5 +24,5 @@ import { ColumnsItemProps } from "./ColumnsItemProps";
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-declare const ColumnsItem: React.ForwardRefExoticComponent<ColumnsItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const ColumnsItem: ({ className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others }: ColumnsItemProps) => JSX.Element;
 export default ColumnsItem;

package/lib/components/columns/item/ColumnsItem.js

@@ -7,7 +7,7 @@ import { getAlignClassName } from "../../../objects";
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
- * @param verticalCentered {boolean} Vertical center Column item
+ * @param verticalCenter {boolean} Vertical center Column item
  * @param centered {boolean} center Column item
  * @param children {React.ReactNode}
  * - -------------------------- WEB PROPERTIES -------------------------------
@@ -28,11 +28,10 @@ import { getAlignClassName } from "../../../objects";
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
  * @param align { Alignable | AlignableValues} align content
  */
-const ColumnsItem = React.forwardRef((props, ref) => {
-    const { className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCentered, centered, align, ...others } = props;
+const ColumnsItem = ({ className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCenter, centered, align, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx("column", size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is("narrow"), verticalCentered && is("vcentered"), centered && has("text-centered"), align && is(getAlignClassName(align)), className));
-    return React.createElement("div", { ref: ref, className: classes, ...others });
-});
+    const classes = hashClass(styled, clsx("column", size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is("narrow"), verticalCenter && is("vcentered"), centered && has("text-centered"), align && is(getAlignClassName(align)), className));
+    return React.createElement("div", { className: classes, ...others });
+};
 export default ColumnsItem;
 //# sourceMappingURL=ColumnsItem.js.map

package/lib/components/columns/item/ColumnsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAoC,EAAE,EAAE;IACrG,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,cAAc,EACd,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,cAAc,IAAI,EAAE,CAAC,WAAW,CAAC,EACjC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AACD,eAAe,WAAW,CAAA"}

package/lib/components/columns/item/ColumnsItem.native.d.ts

@@ -4,14 +4,12 @@ import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
- * @param mobileSize {ColumnsSize} if size is missing.
  * @param children {React.ReactNode}
- * @param verticalCentered {boolean} Vertical center Column item
+ * @param verticalCenter {boolean} Vertical center Column item
  * @param centered {boolean} center Column item
- * @param align { Alignable | AlignableValues} align content
  */
 declare const ColumnsItem: {
-    ({ children, size, mobileSize, verticalCentered, centered, align, ...others }: ColumnsItemProps): JSX.Element;
+    ({ children, size, verticalCenter, centered, align, ...others }: ColumnsItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ColumnsItem;

package/lib/components/columns/item/ColumnsItem.native.js

@@ -1,29 +1,28 @@
 import React, { useContext } from 'react';
-import { StyleSheet, View } from 'react-native';
+import { Dimensions, StyleSheet, View } from 'react-native';
 import { ColumnsContext } from '../../../components/columns/Columns.native';
 import { getAlignStyle } from '../../../objects';
 import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
- * @param mobileSize {ColumnsSize} if size is missing.
  * @param children {React.ReactNode}
- * @param verticalCentered {boolean} Vertical center Column item
+ * @param verticalCenter {boolean} Vertical center Column item
  * @param centered {boolean} center Column item
- * @param align { Alignable | AlignableValues} align content
  */
-const ColumnsItem = ({ children, size, mobileSize, verticalCentered, centered, align, ...others }) => {
+const ColumnsItem = ({ children, size, verticalCenter, centered, align, ...others }) => {
     const columnsContextValues = useContext(ColumnsContext);
-    const realSize = size || mobileSize;
     const styles = StyleSheet.create({
         columnsItem: {
-            height: columnsContextValues.scrollable ? '100%' : undefined,
-            flex: !realSize ? 1 : realSize,
-            justifyContent: verticalCentered ? 'center' : 'flex-start',
+            width: columnsContextValues.inlined
+                ? (Dimensions.get('window').width - 80) / (12 / (size ? size : 1))
+                : undefined,
+            marginRight: columnsContextValues.inlined ? 16 : 0,
+            height: columnsContextValues.inlined ? '100%' : undefined,
+            flexDirection: 'column',
+            flex: columnsContextValues.inlined ? undefined : !size ? 12 : size,
+            justifyContent: verticalCenter ? 'center' : 'flex-start',
             alignItems: centered ? 'center' : align ? getAlignStyle(align) : 'baseline',
-            flexBasis: `${(realSize ? realSize / 12 : 12) * 100}%`,
-            flexGrow: 0,
-            maxWidth: `${(realSize ? realSize : 12) / 12 * 100}%`
         },
     });
     return (React.createElement(View, { style: styles.columnsItem, ...others }, children));

package/lib/components/columns/item/ColumnsItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsItem.native.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAc,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;GAQG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,EAAoB,EAAe,EAAE;IAClI,MAAM,oBAAoB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAA;IAEnC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,WAAW,EAAE;YACX,MAAM,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAC5D,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ;YAC9B,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU;YAC3E,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAI,GAAG,GAAG;YACvD,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG;SACtD;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,KAAM,MAAM,IACxC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ColumnsItem.native.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,EAAoB,EAAe,EAAE;IACpH,MAAM,oBAAoB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,WAAW,EAAE;YACX,KAAK,EAAE,oBAAoB,CAAC,OAAO;gBACjC,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAClE,CAAC,CAAC,SAAS;YACb,WAAW,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YAClD,MAAM,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACzD,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAClE,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YACxD,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU;SAC5E;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,KAAM,MAAM,IACxC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}

package/lib/components/columns/item/ColumnsItemProps.d.ts

@@ -22,6 +22,6 @@ export interface ColumnsItemProps extends AlignableProps {
     fullhdOffset?: ColumnsSize;
     narrow?: boolean;
     className?: string;
-    verticalCentered?: boolean;
+    verticalCenter?: boolean;
     centered?: boolean;
 }

package/lib/components/container/Container.d.ts

@@ -8,18 +8,13 @@ import { ContainerProps } from "./ContainerProps";
  * @param sticky {StickyPosition} Container sticky top / bottom
  * @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
  * @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
- * @param backgroundColor {TrilogyColor} Container STICKY Background Color
+ * @param background {TrilogyColor} Container STICKY Background Color
  * @param pulledRight {Boolean} Container pulled to right
  * @param pulledLeft {Boolean} Container pulled to left
  * @param fluid {boolean} Make the container usable across the width of your section
  * @param medium {boolean} Set medium container
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param backgroundSrc {string}
- * @param inverted {boolean} Inverted
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
  */
-declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
+declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, background, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
 export default Container;

package/lib/components/container/Container.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ContainerExample: React.ReactNode;
+export default ContainerExample;

package/lib/components/container/Container.example.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Box } from '../../components/box';
+import { Text } from '../../components/text';
+import { Container } from './index';
+const ContainerExample = (React.createElement(Container, null,
+    React.createElement(Box, null,
+        React.createElement(Text, null, "Je suis une box dans un container"))));
+export default ContainerExample;
+//# sourceMappingURL=Container.example.js.map

package/lib/components/container/Container.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.example.js","sourceRoot":"","sources":["../../../components/container/Container.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,MAAM,gBAAgB,GAAoB,CACxC,oBAAC,SAAS;IACR,oBAAC,GAAG;QACF,oBAAC,IAAI,4CAAyC,CAC1C,CACI,CACb,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/components/container/Container.js

@@ -12,20 +12,15 @@ import { getBackgroundClassName, StickyPosition } from "../../objects";
  * @param sticky {StickyPosition} Container sticky top / bottom
  * @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
  * @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
- * @param backgroundColor {TrilogyColor} Container STICKY Background Color
+ * @param background {TrilogyColor} Container STICKY Background Color
  * @param pulledRight {Boolean} Container pulled to right
  * @param pulledLeft {Boolean} Container pulled to left
  * @param fluid {boolean} Make the container usable across the width of your section
  * @param medium {boolean} Set medium container
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param backgroundSrc {string}
- * @param inverted {boolean} Inverted
- * - -------------------------- NATIVE PROPERTIES -------------------------------
- * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
  */
-const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
+const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, background, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
     const { styled } = useTrilogyContext();
     const stickyClassName = () => {
         switch (sticky) {
@@ -37,7 +32,7 @@ const Container = ({ className, fluid, centered, verticalCentered, medium, fullw
                 return "";
         }
     };
-    const classes = hashClass(styled, clsx("container", fluid && is("fluid"), medium && is("medium"), centered && is("centered"), fullwidth && is("fullwidth"), verticalCentered && is("vcentered"), pulledRight && is("pulled-right"), pulledLeft && is("pulled-left"), sticky && stickyClassName(), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), className));
+    const classes = hashClass(styled, clsx("container", fluid && is("fluid"), medium && is("medium"), centered && is("centered"), fullwidth && is("fullwidth"), verticalCentered && is("vcentered"), pulledRight && is("pulled-right"), pulledLeft && is("pulled-left"), sticky && stickyClassName(), background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), className));
     const styles = {
         top: stickyOffSetTop,
         bottom: stickyOffSetBottom,

package/lib/components/container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAU,EACV,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,cAAc,CAAC,GAAG;gBACrB,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,cAAc,CAAC,MAAM;gBACxB,OAAO,EAAE,CAAC,eAAe,CAAC,CAAA;YAC5B;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,WAAW,EACX,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,WAAW,IAAI,EAAE,CAAC,cAAc,CAAC,EACjC,UAAU,IAAI,EAAE,CAAC,aAAa,CAAC,EAC/B,MAAM,IAAI,eAAe,EAAE,EAC3B,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CACV,CACF,CAAA;IAED,MAAM,MAAM,GAAG;QACb,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,kBAAkB;KAC3B,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,EAAE,KAAK,EAAE,MAAM,GAAI,CAAA;AAC/D,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAU,EACV,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,cAAc,CAAC,GAAG;gBACrB,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,cAAc,CAAC,MAAM;gBACxB,OAAO,EAAE,CAAC,eAAe,CAAC,CAAA;YAC5B;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,WAAW,EACX,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,WAAW,IAAI,EAAE,CAAC,cAAc,CAAC,EACjC,UAAU,IAAI,EAAE,CAAC,aAAa,CAAC,EAC/B,MAAM,IAAI,eAAe,EAAE,EAC3B,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CACV,CACF,CAAA;IAED,MAAM,MAAM,GAAG;QACb,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,kBAAkB;KAC3B,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,EAAE,KAAK,EAAE,MAAM,GAAI,CAAA;AAC/D,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/container/Container.native.d.ts

@@ -10,14 +10,12 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param sticky {StickyPosition} Container sticky top / bottom
  * @param stickyOffSetTop {Number | string} Set top of sticky container
  * @param stickyOffSetBottom {Number | string} Set bottom of sticky container
- * @param backgroundColor {TrilogyColor} Container sticky Background Color
+ * @param background {TrilogyColor} Container sticky Background Color
  * @param pulledRight {Boolean} Container pulled to right
  * @param pulledLeft {Boolean} Container pulled to left
- * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
  */
 declare const Container: {
-    ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
+    ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Container;

package/lib/components/container/Container.native.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
-import { getColorStyle, StickyPosition, TrilogyColor, } from "../../objects";
+import { getBackgroundStyle, getColorStyle, StickyPosition, TrilogyColor, } from "../../objects";
 import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Container Native Component
@@ -11,13 +11,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param sticky {StickyPosition} Container sticky top / bottom
  * @param stickyOffSetTop {Number | string} Set top of sticky container
  * @param stickyOffSetBottom {Number | string} Set bottom of sticky container
- * @param backgroundColor {TrilogyColor} Container sticky Background Color
+ * @param background {TrilogyColor} Container sticky Background Color
  * @param pulledRight {Boolean} Container pulled to right
  * @param pulledLeft {Boolean} Container pulled to left
- * @param paddingless {boolean} remove padding
- * @param verticalPaddingless {boolean} remove vertical padding
  */
-const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
+const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
     const styles = StyleSheet.create({
         container: {
             width: "100%",
@@ -31,12 +29,12 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
                 "stretch",
             justifyContent: verticalCentered ? "center" : "flex-start",
             flex: verticalCentered ? 1 : 0,
-            backgroundColor: backgroundColor && getColorStyle(backgroundColor),
+            backgroundColor: background && getBackgroundStyle(background),
         },
         stickyTop: {
             position: "absolute",
-            backgroundColor: backgroundColor
-                ? getColorStyle(backgroundColor)
+            backgroundColor: background
+                ? getBackgroundStyle(background)
                 : getColorStyle(TrilogyColor.BACKGROUND),
             left: 0,
             right: 0,
@@ -45,8 +43,8 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
             zIndex: 999,
         },
         stickyBottom: {
-            backgroundColor: backgroundColor
-                ? getColorStyle(backgroundColor)
+            backgroundColor: background
+                ? getBackgroundStyle(background)
                 : getColorStyle(TrilogyColor.BACKGROUND),
             width: "100%",
             position: "absolute",

package/lib/components/container/Container.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;;;GAcG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,eAAe,EACf,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,GAAG,MAAM,EACM,EAAe,EAAE;IAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,UAAU,EACR,CAAC,QAAQ,IAAI,QAAQ,CAAC;gBACtB,CAAC,UAAU,IAAI,YAAY,CAAC;gBAC5B,CAAC,WAAW,IAAI,UAAU,CAAC;gBAC3B,SAAS;YACX,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,eAAe,EAAE,eAAe,IAAI,aAAa,CAAC,eAAe,CAAC;SACnE;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,GAAG;SACZ;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,EAAE,GAAG;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,MAAM,KAAK,cAAc,CAAC,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC;YACnD,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC;YACzD,MAAM,CAAC,SAAS,KAEd,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;GAYG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,UAAU,EACV,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,GAAG,MAAM,EACM,EAAe,EAAE;IAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,UAAU,EACR,CAAC,QAAQ,IAAI,QAAQ,CAAC;gBACtB,CAAC,UAAU,IAAI,YAAY,CAAC;gBAC5B,CAAC,WAAW,IAAI,UAAU,CAAC;gBAC3B,SAAS;YACX,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,eAAe,EAAE,UAAU,IAAI,kBAAkB,CAAC,UAAU,CAAC;SAC9D;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,UAAU;gBACzB,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,GAAG;SACZ;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,UAAU;gBACzB,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,EAAE,GAAG;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,MAAM,KAAK,cAAc,CAAC,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC;YACnD,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC;YACzD,MAAM,CAAC,SAAS,KAEd,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

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

@@ -1,2 +1,3 @@
 import Container from './Container';
-export { Container };
+import ContainerExample from './Container.example';
+export { Container, ContainerExample };

package/lib/components/container/index.js

@@ -1,3 +1,4 @@
 import Container from './Container';
-export { Container };
+import ContainerExample from './Container.example';
+export { Container, ContainerExample };
 //# sourceMappingURL=index.js.map

package/lib/components/container/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/container/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}

package/lib/components/countdown/Countdown.d.ts

@@ -4,14 +4,12 @@ import { CountdownProps } from './CountdownProps';
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
- * @param inverted {Boolean} White countdown on darked background
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param event
  * @param small
- * @param others
- * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param centered
+ * @param others
  */
-declare const Countdown: ({ deadline, className, format, event, small, inverted, ...others }: CountdownProps) => JSX.Element;
+declare const Countdown: ({ deadline, className, format, event, small, ...others }: CountdownProps) => JSX.Element;
 export default Countdown;

package/lib/components/countdown/Countdown.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const CountdownExample: React.ReactNode;
+export default CountdownExample;