@trilogy-ds/react 0.0.1-beta-123 → 0.0.1-beta-126

package/lib/components/card/CardProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, BackgroundProps, Clickable, Fullheight } from '../../objects';
+import { Accessibility, BackgroundProps, Clickable, Dev, Fullheight } from '../../objects';
 import { AlignableProps } from '../../objects/facets/Alignable';
 import { JustifiableProps } from '../../objects/facets/Justifiable';
 /**
@@ -11,7 +11,7 @@ export declare enum CardMarkup {
     A = "a"
 }
 export type CardMarkupValues = keyof typeof CardMarkup;
-export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility, BackgroundProps {
+export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility, BackgroundProps, Dev {
     children?: React.ReactNode;
     flat?: boolean;
     horizontal?: boolean;

package/lib/components/card/CardPropsDefaults.js

@@ -138,13 +138,6 @@ export default {
       "SPACE_BETWEEN"
     ]
   },
-  "testId": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "accessibilityLabel": {
     "type": "string",
     "values": [
@@ -152,14 +145,6 @@ export default {
       "string"
     ]
   },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
-  },
   "backgroundColor": {
     "type": "enum",
     "values": [
@@ -214,5 +199,12 @@ export default {
       "false",
       "true"
     ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/card/content/CardContentProps.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { ButtonMarkup, ButtonMarkupValues, ButtonVariant, ButtonVariantValues } from "../../../components/button/ButtonEnum";
-import { TitleLevels, TitleLevelValues } from "../../../components/title/TitleEnum";
-import { TextLevelValues } from "../../../components/text/TextEnum";
-import { ClickEvent } from "../../../events/OnClickEvent";
-import { Accessibility, Clickable, TrilogyColor } from "../../../objects";
+import { ButtonMarkup, ButtonMarkupValues, ButtonVariant, ButtonVariantValues } from '../../../components/button/ButtonEnum';
+import { TextLevelValues } from '../../../components/text/TextEnum';
+import { TitleLevels, TitleLevelValues } from '../../../components/title/TitleEnum';
+import { ClickEvent } from '../../../events/OnClickEvent';
+import { Accessibility, Clickable, Dev, TrilogyColor } from '../../../objects';
 /**
  * Card Content Interface
  */
-export interface CardContentProps extends Clickable, Accessibility {
+export interface CardContentProps extends Clickable, Accessibility, Dev {
     children?: React.ReactNode;
     titleSup?: string;
     titleSupLevel?: TextLevelValues;
@@ -21,5 +21,5 @@ export interface CardContentProps extends Clickable, Accessibility {
     className?: string;
     buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
     onClick?: ClickEvent;
-    backgroundColor?: TrilogyColor.BACKGROUND | "transparent";
+    backgroundColor?: TrilogyColor.BACKGROUND | 'transparent';
 }

package/lib/components/card/content/CardContentPropsDefaults.js

@@ -128,26 +128,18 @@ export default {
       "transparent"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/checkbox/CheckboxProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
-import { Accessibility } from '../../objects';
+import { Accessibility, Dev } from '../../objects';
 export interface CheckboxChangeEvent {
     checkboxId: string;
     checkboxValue: string;
@@ -28,7 +28,7 @@ type CheckboxClickEventHandler = (event: {
 /**
  * Checkbox Interface
  */
-export interface CheckboxProps extends Accessibility {
+export interface CheckboxProps extends Accessibility, Dev {
     children?: React.ReactNode;
     checked?: boolean;
     disabled?: boolean;

package/lib/components/checkbox/CheckboxPropsDefaults.js

@@ -175,26 +175,18 @@ export default {
       "true"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

package/lib/components/chips/ChipsProps.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Clickable } from '../../objects';
+import { Accessibility, Clickable, Dev } from '../../objects';
 /**
  * Chips Interface
  */
-export interface ChipsProps extends Clickable, Accessibility {
+export interface ChipsProps extends Clickable, Accessibility, Dev {
     children: string | React.ReactNode;
     onClick?: ClickEvent;
     className?: string;

package/lib/components/chips/ChipsPropsDefaults.js

@@ -50,26 +50,18 @@ export default {
       "string"
     ]
   },
-  "testId": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "accessibilityLabel": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
-  },
-  "accessibilityActivate": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
-    ]
   }
 };

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

@@ -4,7 +4,6 @@ import { ColumnsProps } from "./ColumnsProps";
  * Columns Component
  * @param centered {boolean} Center columns
  * @param verticalCentered {boolean} Vertical centered columns
- * @param marginSize {ColumnsSize} Delete margins between columns with Size
  * @param scrollable {boolean} Make colomns scrollable to vertical
  * @param children {React.ReactNode}
  * @param marginless {boolean} delete margin

package/lib/components/columns/Columns.js

@@ -4,11 +4,11 @@ import clsx from "clsx";
 import { is, has } from "../../services/classify";
 import { hashClass } from "../../helpers";
 import { useTrilogyContext } from "../../context";
+import { getAlignClassName } from "../../objects";
 /**
  * Columns Component
  * @param centered {boolean} Center columns
  * @param verticalCentered {boolean} Vertical centered columns
- * @param marginSize {ColumnsSize} Delete margins between columns with Size
  * @param scrollable {boolean} Make colomns scrollable to vertical
  * @param children {React.ReactNode}
  * @param marginless {boolean} delete margin
@@ -18,10 +18,10 @@ import { useTrilogyContext } from "../../context";
  * @param mobile {boolean} Responsive mode
  */
 var Columns = React.forwardRef(function (props, ref) {
-    var className = props.className, multiline = props.multiline, scrollable = props.scrollable, nbCols = props.nbCols, mobile = props.mobile, centered = props.centered, verticalCentered = props.verticalCentered, gap = props.gap, fullBleed = props.fullBleed, marginSize = props.marginSize, others = __rest(props, ["className", "multiline", "scrollable", "nbCols", "mobile", "centered", "verticalCentered", "gap", "fullBleed", "marginSize"]);
+    var className = props.className, multiline = props.multiline, scrollable = props.scrollable, mobile = props.mobile, centered = props.centered, gap = props.gap, fullBleed = props.fullBleed, verticalAlign = props.verticalAlign, others = __rest(props, ["className", "multiline", "scrollable", "mobile", "centered", "gap", "fullBleed", "verticalAlign"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("columns", multiline && is("multiline"), nbCols && has("".concat(nbCols, "-cols")), fullBleed && is("fullbleed"), scrollable && is("scrollable"), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is("gapless"), mobile && is("mobile"), centered && is("centered"), verticalCentered && is("vcentered"), marginSize && is("".concat(marginSize)), className));
+    var classes = hashClass(styled, clsx("columns", multiline && is("multiline"), fullBleed && is("fullbleed"), scrollable && is("scrollable"), gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is("gapless"), mobile && is("mobile"), centered && is("centered"), verticalAlign && is(getAlignClassName(verticalAlign)), className));
     return React.createElement("div", __assign({ ref: ref, className: classes }, others));
 });
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWtCLEVBQUUsR0FBb0M7SUFFdEYsSUFBQSxTQUFTLEdBV1AsS0FBSyxVQVhFLEVBQ1QsU0FBUyxHQVVQLEtBQUssVUFWRSxFQUNULFVBQVUsR0FTUixLQUFLLFdBVEcsRUFDVixNQUFNLEdBUUosS0FBSyxPQVJELEVBQ04sTUFBTSxHQU9KLEtBQUssT0FQRCxFQUNOLFFBQVEsR0FNTixLQUFLLFNBTkMsRUFDUixnQkFBZ0IsR0FLZCxLQUFLLGlCQUxTLEVBQ2hCLEdBQUcsR0FJRCxLQUFLLElBSkosRUFDSCxTQUFTLEdBR1AsS0FBSyxVQUhFLEVBQ1QsVUFBVSxHQUVSLEtBQUssV0FGRyxFQUNQLE1BQU0sVUFDUCxLQUFLLEVBWkgsOEhBWUwsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixNQUFNLElBQUksR0FBRyxDQUFDLFVBQUcsTUFBTSxVQUFPLENBQUMsRUFDL0IsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsR0FBRyxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQ3hCLE9BQU8sR0FBRyxLQUFLLFdBQVcsSUFBSSxHQUFHLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEQsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFDdEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsZ0JBQWdCLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUNuQyxVQUFVLElBQUssRUFBRSxDQUFDLFVBQUcsVUFBVSxDQUFFLENBQUMsRUFDbEMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9Db2x1bW5zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sV0FBVyxDQUFDO0FBRTVDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWtCLEVBQUUsR0FBb0M7SUFFdEYsSUFBQSxTQUFTLEdBU1AsS0FBSyxVQVRFLEVBQ1QsU0FBUyxHQVFQLEtBQUssVUFSRSxFQUNULFVBQVUsR0FPUixLQUFLLFdBUEcsRUFDVixNQUFNLEdBTUosS0FBSyxPQU5ELEVBQ04sUUFBUSxHQUtOLEtBQUssU0FMQyxFQUNSLEdBQUcsR0FJRCxLQUFLLElBSkosRUFDSCxTQUFTLEdBR1AsS0FBSyxVQUhFLEVBQ1QsYUFBYSxHQUVYLEtBQUssY0FGTSxFQUNWLE1BQU0sVUFDUCxLQUFLLEVBVkgsbUdBVUwsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixHQUFHLElBQUksR0FBRyxDQUFDLGNBQU8sR0FBRyxDQUFFLENBQUMsRUFDeEIsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4RCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixhQUFhLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxDQUFDLEVBQ3JELFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsT0FBTyxDQUFBIn0=

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

@@ -6,15 +6,14 @@ 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 scrollable {boolean} Makes columns vertically scrollable.
  * @param gap {GapSize} Gap between columns
  */
 export declare const ColumnsContext: React.Context<{
     scrollable: boolean;
 }>;
 declare const Columns: {
-    ({ children, centered, gap, nbCols, verticalCentered, fullBleed, scrollable, multiline, ...others }: ColumnsProps): JSX.Element;
+    ({ children, centered, gap, verticalAlign, fullBleed, scrollable, multiline, ...others }: ColumnsProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Columns;

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

@@ -4,18 +4,18 @@ import { Dimensions, StyleSheet, ScrollView } from "react-native";
 import { View } from "../../components/view";
 import { ComponentName } from "../../components/enumsComponentsName";
 import { ColumnsGapValue } from "../../components/columns/ColumnsTypes";
+import { getAlignStyle } from "../../objects";
 /**
  * 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 scrollable {boolean} Makes columns vertically scrollable.
  * @param gap {GapSize} Gap between columns
  */
 export var ColumnsContext = createContext({ scrollable: false });
 var Columns = function (_a) {
-    var children = _a.children, centered = _a.centered, gap = _a.gap, nbCols = _a.nbCols, verticalCentered = _a.verticalCentered, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, others = __rest(_a, ["children", "centered", "gap", "nbCols", "verticalCentered", "fullBleed", "scrollable", "multiline"]);
+    var children = _a.children, centered = _a.centered, gap = _a.gap, verticalAlign = _a.verticalAlign, fullBleed = _a.fullBleed, scrollable = _a.scrollable, multiline = _a.multiline, others = __rest(_a, ["children", "centered", "gap", "verticalAlign", "fullBleed", "scrollable", "multiline"]);
     var _b = __read(useState(0), 2), width = _b[0], setWidth = _b[1];
     var _c = __read(useState(0), 2), enlarge = _c[0], setEnlarge = _c[1];
     var onLayoutHandler = function (event) {
@@ -42,7 +42,7 @@ var Columns = function (_a) {
             alignSelf: "center",
         },
         verticalAlign: {
-            alignItems: "center"
+            alignItems: getAlignStyle(verticalAlign)
         },
         multiline: {
             flexWrap: "wrap",
@@ -63,12 +63,12 @@ var Columns = function (_a) {
                     styles.columns,
                     multiline && styles.multiline,
                     centered && styles.centered,
-                    verticalCentered && styles.verticalAlign,
+                    verticalAlign && styles.verticalAlign,
                 ] }, others, { onLayout: onLayoutHandler }), // eslint-disable-next-line @typescript-eslint/no-explicit-any
             React.Children.map(children, function (child) {
                 return child && React.cloneElement(child, {
                     style: [child.props.style,
-                        { width: nbCols && (width / nbCols) - realGap || child.props.size && (width * child.props.size / 12) - realGap || 'auto' },
+                        { width: child.props.size && (width * child.props.size / 12) - realGap || 'auto' },
                         child.props.narrow && { flex: 'none', flexShrink: 1 },
                     ]
                 });
@@ -90,4 +90,4 @@ var Columns = function (_a) {
 };
 Columns.displayName = ComponentName.Columns;
 export default Columns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQVcsTUFBTSxtQ0FBbUMsQ0FBQTtBQUU1RTs7Ozs7Ozs7R0FRRztBQUVILE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxhQUFhLENBQUMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUVsRSxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBVWU7SUFUYixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLEdBQUcsU0FBQSxFQUNILE1BQU0sWUFBQSxFQUNOLGdCQUFnQixzQkFBQSxFQUNoQixTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ04sTUFBTSxjQVRYLHFHQVVDLENBRFU7SUFHcEIsSUFBQSxLQUFBLE9BQW9CLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE5QixLQUFLLFFBQUEsRUFBRSxRQUFRLFFBQWUsQ0FBQTtJQUMvQixJQUFBLEtBQUEsT0FBd0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQWxDLE9BQU8sUUFBQSxFQUFFLFVBQVUsUUFBZSxDQUFBO0lBRXpDLElBQU0sZUFBZSxHQUFHLFVBQUMsS0FBd0I7UUFDL0MsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNG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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1ucy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvQ29sdW1ucy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDdEQsT0FBTyxFQUFFLFVBQVUsRUFBcUIsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUNwRixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQVcsTUFBTSxtQ0FBbUMsQ0FBQTtBQUM1RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXpDOzs7Ozs7O0dBT0c7QUFFSCxNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsYUFBYSxDQUFDLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUE7QUFFbEUsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVNlO0lBUmIsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixHQUFHLFNBQUEsRUFDSCxhQUFhLG1CQUFBLEVBQ2IsU0FBUyxlQUFBLEVBQ1QsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FSWCx3RkFTQyxDQURVO0lBR3BCLElBQUEsS0FBQSxPQUFvQixRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBOUIsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUFlLENBQUE7SUFDL0IsSUFBQSxLQUFBLE9BQXdCLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUFsQyxPQUFPLFFBQUEsRUFBRSxVQUFVLFFBQWUsQ0FBQTtJQUV6QyxJQUFNLGVBQWUsR0FBRyxVQUFDLEtBQXdCO1FBQy9DLElB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

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { ColumnsSize, GapSize } from './ColumnsTypes';
+import { GapSize } from './ColumnsTypes';
+import { Alignable, AlignableValues } from "../../objects";
 /**
  * Columns Interface
  */
@@ -9,10 +10,8 @@ export interface ColumnsProps {
     scrollable?: boolean;
     centered?: boolean;
     gap?: GapSize;
-    nbCols?: ColumnsSize;
     fullBleed?: boolean;
-    marginSize?: ColumnsSize;
-    verticalCentered?: boolean;
     className?: string;
     mobile?: boolean;
+    verticalAlign?: Alignable | AlignableValues;
 }

package/lib/components/columns/ColumnsPropsDefaults.js

@@ -54,24 +54,6 @@ export default {
       10
     ]
   },
-  "nbCols": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "4",
-      "1",
-      "2",
-      "3",
-      "5",
-      "6",
-      "7",
-      "8",
-      "9",
-      "10",
-      "11",
-      "12"
-    ]
-  },
   "fullBleed": {
     "type": "boolean",
     "values": [
@@ -80,25 +62,14 @@ export default {
       "true"
     ]
   },
-  "marginSize": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
-      "4",
-      "1",
-      "2",
-      "3",
-      "5",
-      "6",
-      "7",
-      "8",
-      "9",
-      "10",
-      "11",
-      "12"
+      "string"
     ]
   },
-  "verticalCentered": {
+  "mobile": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -106,19 +77,16 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "mobile": {
-    "type": "boolean",
+  "verticalAlign": {
+    "type": "enum",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
     ]
   }
 };

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

@@ -22,7 +22,7 @@ import { ColumnsItemProps } from "./ColumnsItemProps";
  * @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
  * @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
+ * @param verticalAlign { Alignable | AlignableValues} vertical align content
  */
 declare const ColumnsItem: React.ForwardRefExoticComponent<ColumnsItemProps & React.RefAttributes<HTMLDivElement>>;
 export default ColumnsItem;

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

@@ -1,10 +1,9 @@
 import { __assign, __rest } from "tslib";
 import * as React from "react";
 import clsx from "clsx";
-import { has, is } from "../../../services/classify";
+import { is } from "../../../services/classify";
 import { hashClass } from "../../../helpers";
 import { useTrilogyContext } from "../../../context";
-import { getAlignClassName } from "../../../objects";
 /**
  * Columns Item Component - Columns Child
  * @param size {ColumnsSize} Size 1-12
@@ -27,13 +26,13 @@ import { getAlignClassName } from "../../../objects";
  * @param desktopOffset {ColumnsSize} Apply => is-offset-desktop
  * @param widescreenOffset {ColumnsSize} Apply => is-offset-widescreen
  * @param fullhdOffset {ColumnsSize} Apply => is-offset-fullhd
- * @param align { Alignable | AlignableValues} align content
+ * @param verticalAlign { Alignable | AlignableValues} vertical align content
  */
 var ColumnsItem = React.forwardRef(function (props, ref) {
-    var className = props.className, size = props.size, mobileSize = props.mobileSize, tabletSize = props.tabletSize, touchSize = props.touchSize, desktopSize = props.desktopSize, widescreenSize = props.widescreenSize, fullhdSize = props.fullhdSize, offset = props.offset, mobileOffset = props.mobileOffset, tabletOffset = props.tabletOffset, touchOffset = props.touchOffset, desktopOffset = props.desktopOffset, widescreenOffset = props.widescreenOffset, fullhdOffset = props.fullhdOffset, narrow = props.narrow, verticalCentered = props.verticalCentered, centered = props.centered, align = props.align, others = __rest(props, ["className", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalCentered", "centered", "align"]);
+    var className = props.className, size = props.size, mobileSize = props.mobileSize, tabletSize = props.tabletSize, touchSize = props.touchSize, desktopSize = props.desktopSize, widescreenSize = props.widescreenSize, fullhdSize = props.fullhdSize, offset = props.offset, mobileOffset = props.mobileOffset, tabletOffset = props.tabletOffset, touchOffset = props.touchOffset, desktopOffset = props.desktopOffset, widescreenOffset = props.widescreenOffset, fullhdOffset = props.fullhdOffset, narrow = props.narrow, verticalCentered = props.verticalCentered, others = __rest(props, ["className", "size", "mobileSize", "tabletSize", "touchSize", "desktopSize", "widescreenSize", "fullhdSize", "offset", "mobileOffset", "tabletOffset", "touchOffset", "desktopOffset", "widescreenOffset", "fullhdOffset", "narrow", "verticalCentered"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("column", size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is("narrow"), verticalCentered && is("vcentered"), centered && has("text-centered"), align && is(getAlignClassName(align)), className));
+    var classes = hashClass(styled, clsx("column", size && is("".concat(size)), mobileSize && is("".concat(mobileSize, "-mobile")), tabletSize && is("".concat(tabletSize, "-tablet")), touchSize && is("".concat(touchSize, "-tablet")), desktopSize && is("".concat(desktopSize, "-desktop")), widescreenSize && is("".concat(widescreenSize, "-widescreen")), fullhdSize && is("".concat(fullhdSize, "-fullhd")), offset && is("offset-".concat(offset)), mobileOffset && is("offset-".concat(mobileOffset, "-mobile")), tabletOffset && is("offset-".concat(tabletOffset, "-tablet")), touchOffset && is("offset-".concat(touchOffset, "-tablet")), desktopOffset && is("offset-".concat(desktopOffset, "-desktop")), widescreenOffset && is("offset-".concat(widescreenOffset, "-widescreen")), fullhdOffset && is("offset-".concat(fullhdOffset, "-fullhd")), narrow && is("narrow"), verticalCentered && is("vcentered"), className));
     return React.createElement("div", __assign({ ref: ref, className: classes }, others));
 });
 export default ColumnsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9Db2x1bW5zSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBdUIsRUFBRSxHQUFvQztJQUUvRixJQUFBLFNBQVMsR0FvQlAsS0FBSyxVQXBCRSxFQUNULElBQUksR0FtQkYsS0FBSyxLQW5CSCxFQUNKLFVBQVUsR0FrQlIsS0FBSyxXQWxCRyxFQUNWLFVBQVUsR0FpQlIsS0FBSyxXQWpCRyxFQUNWLFNBQVMsR0FnQlAsS0FBSyxVQWhCRSxFQUNULFdBQVcsR0FlVCxLQUFLLFlBZkksRUFDWCxjQUFjLEdBY1osS0FBSyxlQWRPLEVBQ2QsVUFBVSxHQWFSLEtBQUssV0FiRyxFQUNWLE1BQU0sR0FZSixLQUFLLE9BWkQsRUFDTixZQUFZLEdBV1YsS0FBSyxhQVhLLEVBQ1osWUFBWSxHQVVWLEtBQUssYUFWSyxFQUNaLFdBQVcsR0FTVCxLQUFLLFlBVEksRUFDWCxhQUFhLEdBUVgsS0FBSyxjQVJNLEVBQ2IsZ0JBQWdCLEdBT2QsS0FBSyxpQkFQUyxFQUNoQixZQUFZLEdBTVYsS0FBSyxhQU5LLEVBQ1osTUFBTSxHQUtKLEtBQUssT0FMRCxFQUNOLGdCQUFnQixHQUlkLEtBQUssaUJBSlMsRUFDaEIsUUFBUSxHQUdOLEtBQUssU0FIQyxFQUNSLEtBQUssR0FFSCxLQUFLLE1BRkYsRUFDRixNQUFNLFVBQ1AsS0FBSyxFQXJCSCw4UUFxQkwsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFFBQVEsRUFDUixJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDckIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFVBQVUsSUFBSSxFQUFFLENBQUMsVUFBRyxVQUFVLFlBQVMsQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFVBQUcsU0FBUyxZQUFTLENBQUMsRUFDdEMsV0FBVyxJQUFJLEVBQUUsQ0FBQyxVQUFHLFdBQVcsYUFBVSxDQUFDLEVBQzNDLGNBQWMsSUFBSSxFQUFFLENBQUMsVUFBRyxjQUFjLGdCQUFhLENBQUMsRUFDcEQsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQVUsTUFBTSxDQUFFLENBQUMsRUFDaEMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxZQUFZLFlBQVMsQ0FBQyxFQUNuRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFdBQVcsSUFBSSxFQUFFLENBQUMsaUJBQVUsV0FBVyxZQUFTLENBQUMsRUFDakQsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxhQUFhLGFBQVUsQ0FBQyxFQUN0RCxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsaUJBQVUsZ0JBQWdCLGdCQUFhLENBQUMsRUFDL0QsWUFBWSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxZQUFZLFlBQVMsQ0FBQyxFQUNuRCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixnQkFBZ0IsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQ25DLFFBQVEsSUFBSSxHQUFHLENBQUMsZUFBZSxDQUFDLEVBQ2hDLEtBQUssSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDckMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxXQUFXLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9Db2x1bW5zSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQU8sRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFHN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQXVCLEVBQUUsR0FBb0M7SUFFL0YsSUFBQSxTQUFTLEdBa0JQLEtBQUssVUFsQkUsRUFDVCxJQUFJLEdBaUJGLEtBQUssS0FqQkgsRUFDSixVQUFVLEdBZ0JSLEtBQUssV0FoQkcsRUFDVixVQUFVLEdBZVIsS0FBSyxXQWZHLEVBQ1YsU0FBUyxHQWNQLEtBQUssVUFkRSxFQUNULFdBQVcsR0FhVCxLQUFLLFlBYkksRUFDWCxjQUFjLEdBWVosS0FBSyxlQVpPLEVBQ2QsVUFBVSxHQVdSLEtBQUssV0FYRyxFQUNWLE1BQU0sR0FVSixLQUFLLE9BVkQsRUFDTixZQUFZLEdBU1YsS0FBSyxhQVRLLEVBQ1osWUFBWSxHQVFWLEtBQUssYUFSSyxFQUNaLFdBQVcsR0FPVCxLQUFLLFlBUEksRUFDWCxhQUFhLEdBTVgsS0FBSyxjQU5NLEVBQ2IsZ0JBQWdCLEdBS2QsS0FBSyxpQkFMUyxFQUNoQixZQUFZLEdBSVYsS0FBSyxhQUpLLEVBQ1osTUFBTSxHQUdKLEtBQUssT0FIRCxFQUNOLGdCQUFnQixHQUVkLEtBQUssaUJBRlMsRUFDYixNQUFNLFVBQ1AsS0FBSyxFQW5CSCx5UEFtQkwsQ0FEVSxDQUNGO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFFBQVEsRUFDUixJQUFJLElBQUksRUFBRSxDQUFDLFVBQUcsSUFBSSxDQUFFLENBQUMsRUFDckIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLFVBQVUsSUFBSSxFQUFFLENBQUMsVUFBRyxVQUFVLFlBQVMsQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFVBQUcsU0FBUyxZQUFTLENBQUMsRUFDdEMsV0FBVyxJQUFJLEVBQUUsQ0FBQyxVQUFHLFdBQVcsYUFBVSxDQUFDLEVBQzNDLGNBQWMsSUFBSSxFQUFFLENBQUMsVUFBRyxjQUFjLGdCQUFhLENBQUMsRUFDcEQsVUFBVSxJQUFJLEVBQUUsQ0FBQyxVQUFHLFVBQVUsWUFBUyxDQUFDLEVBQ3hDLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQVUsTUFBTSxDQUFFLENBQUMsRUFDaEMsWUFBWSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxZQUFZLFlBQVMsQ0FBQyxFQUNuRCxZQUFZLElBQUksRUFBRSxDQUFDLGlCQUFVLFlBQVksWUFBUyxDQUFDLEVBQ25ELFdBQVcsSUFBSSxFQUFFLENBQUMsaUJBQVUsV0FBVyxZQUFTLENBQUMsRUFDakQsYUFBYSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxhQUFhLGFBQVUsQ0FBQyxFQUN0RCxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsaUJBQVUsZ0JBQWdCLGdCQUFhLENBQUMsRUFDL0QsWUFBWSxJQUFJLEVBQUUsQ0FBQyxpQkFBVSxZQUFZLFlBQVMsQ0FBQyxFQUNuRCxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN0QixnQkFBZ0IsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQ25DLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLHNDQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUMxRCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsV0FBVyxDQUFBIn0=

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

@@ -11,7 +11,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param align { Alignable | AlignableValues} align content
  */
 declare const ColumnsItem: {
-    ({ children, size, mobileSize, verticalCentered, centered, align, ...others }: ColumnsItemProps): JSX.Element;
+    ({ children, size, mobileSize, verticalCentered, ...others }: ColumnsItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ColumnsItem;

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

@@ -2,7 +2,6 @@ import { __assign, __rest } from "tslib";
 import React, { useContext } from 'react';
 import { 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
@@ -14,7 +13,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param align { Alignable | AlignableValues} align content
  */
 var ColumnsItem = function (_a) {
-    var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalCentered = _a.verticalCentered, centered = _a.centered, align = _a.align, others = __rest(_a, ["children", "size", "mobileSize", "verticalCentered", "centered", "align"]);
+    var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalCentered = _a.verticalCentered, others = __rest(_a, ["children", "size", "mobileSize", "verticalCentered"]);
     var columnsContextValues = useContext(ColumnsContext);
     var realSize = size || mobileSize;
     var styles = StyleSheet.create({
@@ -22,7 +21,6 @@ var ColumnsItem = function (_a) {
             height: columnsContextValues.scrollable ? '100%' : undefined,
             flex: !realSize ? 1 : realSize,
             justifyContent: verticalCentered ? 'center' : 'flex-start',
-            alignItems: centered ? 'center' : align ? getAlignStyle(align) : 'baseline',
             flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
             flexGrow: 0,
             maxWidth: "".concat((realSize ? realSize : 12) / 12 * 100, "%")
@@ -32,4 +30,4 @@ var ColumnsItem = function (_a) {
 };
 ColumnsItem.displayName = ComponentName.ColumnsItem;
 export default ColumnsItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2l0ZW0vQ29sdW1uc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFjLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDekMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7OztHQVFHO0FBQ0gsSUFBTSxXQUFXLEdBQUcsVUFBQyxFQUE4RjtJQUE1RixJQUFBLFFBQVEsY0FBQSxFQUFFLElBQUksVUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxnQkFBZ0Isc0JBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQTFFLDJFQUE0RSxDQUFGO0lBQzdGLElBQU0sb0JBQW9CLEdBQUcsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBRXZELElBQU0sUUFBUSxHQUFHLElBQUksSUFBSSxVQUFVLENBQUE7SUFFbkMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixXQUFXLEVBQUU7WUFDWCxNQUFNLEVBQUUsb0JBQW9CLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDNUQsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFFBQVE7WUFDOUIsY0FBYyxFQUFFLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVk7WUFDMUQsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsVUFBVTtZQUMzRSxTQUFTLEVBQUUsVUFBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUksR0FBRyxNQUFHO1lBQ3ZELFFBQVEsRUFBRSxDQUFDO1lBQ1gsUUFBUSxFQUFFLFVBQUcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxHQUFHLEdBQUcsTUFBRztTQUN0RDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxXQUFXLElBQU0sTUFBTSxHQUN4QyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsV0FBVyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsV0FBVyxDQUFBO0FBRW5ELGVBQWUsV0FBVyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2l0ZW0vQ29sdW1uc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBNkU7SUFBM0UsSUFBQSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsZ0JBQWdCLHNCQUFBLEVBQUssTUFBTSxjQUF6RCxzREFBMkQsQ0FBRjtJQUM1RSxJQUFNLG9CQUFvQixHQUFHLFVBQVUsQ0FBQyxjQUFjLENBQUMsQ0FBQTtJQUV2RCxJQUFNLFFBQVEsR0FBRyxJQUFJLElBQUksVUFBVSxDQUFBO0lBRW5DLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsV0FBVyxFQUFFO1lBQ1gsTUFBTSxFQUFFLG9CQUFvQixDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVELElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzlCLGNBQWMsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxZQUFZO1lBQzFELFNBQVMsRUFBRSxVQUFHLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBSSxHQUFHLE1BQUc7WUFDdkQsUUFBUSxFQUFFLENBQUM7WUFDWCxRQUFRLEVBQUUsVUFBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLEdBQUcsR0FBRyxNQUFHO1NBQ3REO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFdBQVcsSUFBTSxNQUFNLEdBQ3hDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxXQUFXLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxXQUFXLENBQUE7QUFFbkQsZUFBZSxXQUFXLENBQUEifQ==

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

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { AlignableProps } from '../../../objects';
 import { ColumnsSize } from '../../../components/columns/ColumnsTypes';
 /**
  * Columns Item Interface
  */
-export interface ColumnsItemProps extends AlignableProps {
+export interface ColumnsItemProps {
     children?: React.ReactNode;
     size?: ColumnsSize;
     mobileSize?: ColumnsSize;
@@ -23,5 +22,4 @@ export interface ColumnsItemProps extends AlignableProps {
     narrow?: boolean;
     className?: string;
     verticalCentered?: boolean;
-    centered?: boolean;
 }