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

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

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

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

@@ -0,0 +1,323 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "size": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "mobileSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "tabletSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "touchSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "desktopSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "widescreenSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "fullhdSize": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "offset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "mobileOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "tabletOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "touchOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "desktopOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "widescreenOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "fullhdOffset": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "4",
+      "1",
+      "2",
+      "3",
+      "5",
+      "6",
+      "7",
+      "8",
+      "9",
+      "10",
+      "11",
+      "12"
+    ]
+  },
+  "narrow": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "verticalCentered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "centered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "verticalAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  }
+};

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

@@ -8,13 +8,18 @@ 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 background {TrilogyColor} Container STICKY Background Color
+ * @param backgroundColor {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, background, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
+declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
 export default Container;

package/lib/components/container/Container.js

@@ -12,15 +12,20 @@ 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 background {TrilogyColor} Container STICKY Background Color
+ * @param backgroundColor {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, background, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
+const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
     const { styled } = useTrilogyContext();
     const stickyClassName = () => {
         switch (sticky) {
@@ -32,7 +37,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(), background && has(getBackgroundClassName(background)), 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(), backgroundColor && has(getBackgroundClassName(backgroundColor)), 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;;;;;;;;;;;;;;;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"}
+{"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"}

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

@@ -10,12 +10,14 @@ 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 background {TrilogyColor} Container sticky Background Color
+ * @param backgroundColor {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, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
+    ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, 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 { getBackgroundStyle, getColorStyle, StickyPosition, TrilogyColor, } from "../../objects";
+import { getColorStyle, StickyPosition, TrilogyColor, } from "../../objects";
 import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Container Native Component
@@ -11,11 +11,13 @@ 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 background {TrilogyColor} Container sticky Background Color
+ * @param backgroundColor {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, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
+const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
     const styles = StyleSheet.create({
         container: {
             width: "100%",
@@ -29,12 +31,12 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
                 "stretch",
             justifyContent: verticalCentered ? "center" : "flex-start",
             flex: verticalCentered ? 1 : 0,
-            backgroundColor: background && getBackgroundStyle(background),
+            backgroundColor: backgroundColor && getColorStyle(backgroundColor),
         },
         stickyTop: {
             position: "absolute",
-            backgroundColor: background
-                ? getBackgroundStyle(background)
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
                 : getColorStyle(TrilogyColor.BACKGROUND),
             left: 0,
             right: 0,
@@ -43,8 +45,8 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
             zIndex: 999,
         },
         stickyBottom: {
-            backgroundColor: background
-                ? getBackgroundStyle(background)
+            backgroundColor: backgroundColor
+                ? getColorStyle(backgroundColor)
                 : 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,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"}
+{"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"}

package/lib/components/container/ContainerPropsDefaults.js

@@ -0,0 +1,185 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "fluid": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "centered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "verticalCentered": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "medium": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "fullwidth": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "sticky": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "TOP",
+      "BOTTOM",
+      "TOP",
+      "BOTTOM"
+    ]
+  },
+  "stickyOffSetTop": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "stickyOffSetBottom": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
+  "autolayout": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true",
+      "SpacingMatrix"
+    ]
+  },
+  "paddingless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "verticalPaddingless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "pulledLeft": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "pulledRight": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "backgroundSrc": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

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

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

package/lib/components/container/index.js

@@ -1,4 +1,3 @@
 import Container from './Container';
-import ContainerExample from './Container.example';
-export { Container, ContainerExample };
+export { Container };
 //# 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;AACnC,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA"}
+{"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"}