@trilogy-ds/react 0.0.1-beta-148 → 0.0.1-beta-149

package/lib/components/range/RangePropsDefaults.js

@@ -14,21 +14,28 @@ export default {
       "string"
     ]
   },
-  "valueMin": {
+  "valueCursorMin": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "valueMax": {
+  "valueCursorMax": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "unit": {
+  "labelValueCursorMin": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "labelValueCursorMax": {
     "type": "string",
     "values": [
       "undefined",
@@ -49,49 +56,56 @@ export default {
       "InputChangeEventHandlerWeb"
     ]
   },
-  "name": {
+  "nameMin": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "gap": {
+  "idMin": {
     "type": "string",
     "values": [
       "undefined",
-      "number"
+      "string"
     ]
   },
-  "onChange": {
-    "type": "function",
+  "nameMax": {
+    "type": "string",
     "values": [
       "undefined",
-      "InputChangeEventHandlerNative"
+      "string"
     ]
   },
-  "accessibilityLabel": {
+  "idMax": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "testId": {
+  "gap": {
     "type": "string",
     "values": [
       "undefined",
-      "string"
+      "number"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "InputChangeEventHandlerNative"
     ]
   },
-  "id": {
+  "accessibilityLabel": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "testId": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/rows/Rows.d.ts

@@ -1,10 +1,11 @@
-import * as React from 'react';
-import { RowsProps } from './RowsProps';
+import * as React from "react";
+import { RowsProps } from "./RowsProps";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
+ * @param gapless {boolean} Delete margins between row
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-declare const Rows: ({ className, id, gap, ...others }: RowsProps) => React.JSX.Element;
+declare const Rows: React.ForwardRefExoticComponent<RowsProps & React.RefAttributes<HTMLDivElement>>;
 export default Rows;

package/lib/components/rows/Rows.js

@@ -1,19 +1,20 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { has, is } from '../../services';
+import * as React from "react";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
+import { is } from "../../services";
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
+ * @param gapless {boolean} Delete margins between row
  * - ------------------- WEB PROPERTIES -------------------------
  * @param className {string} additionnal CSS Classes
  */
-var Rows = function (_a) {
-    var className = _a.className, id = _a.id, gap = _a.gap, others = __rest(_a, ["className", "id", "gap"]);
+var Rows = React.forwardRef(function (props, ref) {
+    var className = props.className, gapless = props.gapless, others = __rest(props, ["className", "gapless"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('rows', gap && has("gap-".concat(gap)), typeof gap !== 'undefined' && gap === 0 && is('gapless'), className)) }, others)));
-};
+    return (React.createElement("div", __assign({ ref: ref, className: hashClass(styled, clsx("rows", gapless && is("gapless"), className)) }, others)));
+});
 export default Rows;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRXBDOzs7OztHQUtHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUE0QztJQUExQyxJQUFBLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLEdBQUcsU0FBQSxFQUFLLE1BQU0sY0FBL0IsMEJBQWlDLENBQUY7SUFDbkMsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyxDQUNMLHNDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLFNBQVMsQ0FDbEIsTUFBTSxFQUNOLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLEdBQUcsQ0FBQyxjQUFPLEdBQUcsQ0FBRSxDQUFDLEVBQUUsT0FBTyxHQUFHLEtBQUssV0FBVyxJQUFJLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUM1RyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFFL0I7Ozs7OztHQU1HO0FBQ0gsSUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQWdCLEVBQUUsR0FBb0M7SUFDM0UsSUFBQSxTQUFTLEdBQXlCLEtBQUssVUFBOUIsRUFBRSxPQUFPLEdBQWdCLEtBQUssUUFBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUF6Qyx3QkFBaUMsQ0FBRixDQUFVO0lBQ3ZDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sRUFBSSxDQUMvRyxDQUFBO0FBRUgsQ0FBQyxDQUFDLENBQUE7QUFDRixlQUFlLElBQUksQ0FBQSJ9

package/lib/components/rows/Rows.native.d.ts

@@ -1,13 +1,16 @@
-/// <reference types="react" />
-import { RowsProps } from './RowsProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from "react";
+import { RowsProps } from "./RowsProps";
+import { ComponentName } from "../../components/enumsComponentsName";
+export declare const RowsContext: React.Context<{
+    gapless: boolean;
+}>;
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
  * @param gapless {boolean} Delete margins between row
  */
 declare const Rows: {
-    ({ children, gap, ...others }: RowsProps): JSX.Element;
+    ({ children, gapless, ...others }: RowsProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Rows;

package/lib/components/rows/Rows.native.js

@@ -1,26 +1,25 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { ColumnsGapValue } from '../../components/columns/ColumnsTypes';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
+export var RowsContext = React.createContext({ gapless: false });
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
  * @param gapless {boolean} Delete margins between row
  */
 var Rows = function (_a) {
-    var children = _a.children, gap = _a.gap, others = __rest(_a, ["children", "gap"]);
-    var realGap = (typeof gap === 'undefined' && 16) || ColumnsGapValue[gap];
+    var children = _a.children, gapless = _a.gapless, others = __rest(_a, ["children", "gapless"]);
     var styles = StyleSheet.create({
         rows: {
-            display: 'flex',
-            flexDirection: 'column',
+            display: "flex",
+            flexDirection: "column",
             flex: 1,
-            gap: realGap,
         },
     });
-    return (React.createElement(View, __assign({ style: styles.rows }, others), children));
+    return (React.createElement(RowsContext.Provider, { value: { gapless: gapless || false } },
+        React.createElement(View, __assign({ style: styles.rows }, others), children)));
 };
 Rows.displayName = ComponentName.Rows;
 export default Rows;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGVBQWUsRUFBVyxNQUFNLG1DQUFtQyxDQUFBO0FBRTVFOzs7O0dBSUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBQXVDO0lBQXJDLElBQUEsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUssTUFBTSxjQUExQixtQkFBNEIsQ0FBRjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxDQUFDLE9BQU8sR0FBRyxLQUFLLFdBQVcsSUFBSSxFQUFFLENBQUMsSUFBSSxlQUFlLENBQUMsR0FBYyxDQUFDLENBQUE7SUFDckYsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1lBQ1AsR0FBRyxFQUFFLE9BQU87U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93cy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvUm93cy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsTUFBTSxDQUFDLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQUMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQTtBQUVsRTs7OztHQUlHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUEyQztJQUF6QyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDMUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsTUFBTTtZQUNmLGFBQWEsRUFBRSxRQUFRO1lBQ3ZCLElBQUksRUFBRSxDQUFDO1NBQ1I7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsV0FBVyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxJQUFJLEtBQUssRUFBRTtRQUN4RCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQU0sTUFBTSxHQUNqQyxRQUFRLENBQ0osQ0FDYyxDQUV4QixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBSSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFBO0FBRXJDLGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/rows/RowsProps.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { CommonProps } from '../../objects/facets/CommonProps';
-import { GapSize } from '../../components/columns/ColumnsTypes';
 /**
  * Rows Interface
  */
-export interface RowsProps extends CommonProps {
+export interface RowsProps {
     children?: React.ReactNode;
-    gap?: GapSize;
+    className?: string;
+    gapless?: boolean;
 }

package/lib/components/rows/RowsPropsDefaults.js

@@ -13,35 +13,19 @@ export default {
       "ReactPortal"
     ]
   },
-  "gap": {
-    "type": "enum",
-    "values": [
-      "undefined",
-      0,
-      1,
-      2,
-      3,
-      4,
-      5,
-      6,
-      7,
-      8,
-      9,
-      10
-    ]
-  },
-  "id": {
+  "className": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
-    "type": "string",
+  "gapless": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   }
 };

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

@@ -1,3 +1,3 @@
 import Rows from './Rows';
-import Row from './row';
-export { Rows, Row };
+import RowItem from './item';
+export { Rows, RowItem };

package/lib/components/rows/index.js

@@ -1,4 +1,4 @@
 import Rows from './Rows';
-import Row from './row';
-export { Rows, Row };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sR0FBRyxNQUFNLE9BQU8sQ0FBQTtBQUV2QixPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=
+import RowItem from './item';
+export { Rows, RowItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBQ3pCLE9BQU8sT0FBTyxNQUFNLFFBQVEsQ0FBQTtBQUU1QixPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFBIn0=

package/lib/components/rows/{row/Row.d.ts → item/RowItem.d.ts}

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { RowProps } from './RowProps';
+import * as React from "react";
+import { RowsItemProps } from "./RowItemProps";
 /**
  * Rows Item Component
  * @param narrow {boolean} Align same elements horizontaly
@@ -7,5 +7,5 @@ import { RowProps } from './RowProps';
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} additionnal CSS Classes
  */
-declare const Row: ({ className, id, narrow, ...others }: RowProps) => React.JSX.Element;
-export default Row;
+declare const RowItem: React.ForwardRefExoticComponent<RowsItemProps & React.RefAttributes<HTMLDivElement>>;
+export default RowItem;

package/lib/components/rows/item/RowItem.js

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { is } from "../../../services/classify";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------
+ *  @param className {string} additionnal CSS Classes
+ */
+var RowItem = React.forwardRef(function (props, ref) {
+    var className = props.className, narrow = props.narrow, others = __rest(props, ["className", "narrow"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
+    return React.createElement("div", __assign({ ref: ref, className: classes }, others));
+});
+export default RowItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9pdGVtL1Jvd0l0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFvQixFQUFFLEdBQW9DO0lBRXhGLElBQUEsU0FBUyxHQUdQLEtBQUssVUFIRSxFQUNULE1BQU0sR0FFSixLQUFLLE9BRkQsRUFDSCxNQUFNLFVBQ1AsS0FBSyxFQUpILHVCQUlMLENBRFUsQ0FDRjtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDL0MsQ0FBQTtJQUNELE9BQU8sc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQzFELENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/rows/item/RowItem.native.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { RowsItemProps } from "./RowItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ */
+declare const RowItem: {
+    ({ children, narrow, ...others }: RowsItemProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default RowItem;

package/lib/components/rows/item/RowItem.native.js

@@ -0,0 +1,25 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
+import { RowsContext } from "../Rows.native";
+/**
+ * Rows Item Component
+ * @param narrow {boolean} Align same elements horizontaly
+ * @param children {React.ReactNode}
+ */
+var RowItem = function (_a) {
+    var children = _a.children, narrow = _a.narrow, others = __rest(_a, ["children", "narrow"]);
+    var gapless = React.useContext(RowsContext).gapless;
+    var styles = StyleSheet.create({
+        rowItem: {
+            flexGrow: (narrow && 0) || 1,
+            padding: gapless ? 0 : 5,
+            flexShrink: 1,
+        },
+    });
+    return (React.createElement(View, __assign({ style: styles.rowItem }, others), children));
+};
+RowItem.displayName = ComponentName.RowsItem;
+export default RowItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9Sb3dJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFFNUM7Ozs7R0FJRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFJRDtJQUhkLElBQUEsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQUhNLHNCQUloQixDQURVO0lBRUQsSUFBQSxPQUFPLEdBQUssS0FBSyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsUUFBbEMsQ0FBa0M7SUFFakQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztZQUM1QixPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDeEIsVUFBVSxFQUFFLENBQUM7U0FDZDtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQU0sTUFBTSxHQUNwQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTVDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/rows/item/RowItemProps.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Rows Interface
+ */
+export interface RowsItemProps {
+    children?: React.ReactNode;
+    narrow?: boolean;
+    className?: string;
+}

package/lib/components/rows/item/RowItemProps.js

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

package/lib/components/{popover/content/PopoverContentPropsDefaults.js → rows/item/RowsItemPropsDefaults.js}

@@ -13,11 +13,12 @@ export default {
       "ReactPortal"
     ]
   },
-  "id": {
-    "type": "string",
+  "narrow": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
   "className": {

package/lib/components/rows/item/index.d.ts

@@ -0,0 +1,2 @@
+import RowItem from './RowItem';
+export default RowItem;

package/lib/components/rows/item/index.js

@@ -0,0 +1,3 @@
+import RowItem from './RowItem';
+export default RowItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUE7QUFFL0IsZUFBZSxPQUFPLENBQUEifQ==

package/lib/components/scroll-view/ScrollViewPropsDefaults.js

@@ -73,8 +73,6 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
-      "ACCENT",
       "WHITE",
       "MAIN",
       "MAIN_FADE",
@@ -93,7 +91,9 @@ export default {
       "NEUTRAL",
       "NEUTRAL_FADE",
       "WHITE",
+      "MAIN",
       "MAIN_FADE",
+      "ACCENT",
       "FONT",
       "SUCCESS_FADE",
       "INFO_FADE",

package/lib/components/section/Section.d.ts

@@ -5,11 +5,15 @@ import { SectionProps } from './SectionProps';
  * @param children {React.ReactNode}
  * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
+ * @param paddingless {boolean} remove padding
+ * @param verticalPaddingless {boolean} remove vertical padding
+ * @param fullwidth {boolean} Fullwidth section
  * - -------------- WEB PROPERTIES ---------------
  * @param className {string} Additionnal CSS Classes
  * @param inverted {boolean} Inverted Section Color
  * @param skeleton {boolean} Skeleton before loaded
  * - -------------- NATIVE PROPERTIES ---------------
+ * @param autolayout {boolean} Apply auto-layout rules
  **/
-declare const Section: ({ className, id, skeleton, backgroundColor, backgroundSrc, inverted, ...others }: SectionProps) => React.JSX.Element;
+declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
 export default Section;

package/lib/components/section/Section.js

@@ -1,5 +1,5 @@
-import { __assign, __rest } from "tslib";
-import React from 'react';
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState } from 'react';
 import { has, is } from '../../services';
 import { getBackgroundClassName } from '../../objects';
 import clsx from 'clsx';
@@ -10,19 +10,27 @@ import { useTrilogyContext } from '../../context';
  * @param children {React.ReactNode}
  * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
+ * @param paddingless {boolean} remove padding
+ * @param verticalPaddingless {boolean} remove vertical padding
+ * @param fullwidth {boolean} Fullwidth section
  * - -------------- WEB PROPERTIES ---------------
  * @param className {string} Additionnal CSS Classes
  * @param inverted {boolean} Inverted Section Color
  * @param skeleton {boolean} Skeleton before loaded
  * - -------------- NATIVE PROPERTIES ---------------
+ * @param autolayout {boolean} Apply auto-layout rules
  **/
-var Section = function (_a) {
-    var className = _a.className, id = _a.id, skeleton = _a.skeleton, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, others = __rest(_a, ["className", "id", "skeleton", "backgroundColor", "backgroundSrc", "inverted"]);
+var Section = React.forwardRef(function (props, ref) {
+    var className = props.className, skeleton = props.skeleton, backgroundColor = props.backgroundColor, backgroundSrc = props.backgroundSrc, inverted = props.inverted, paddingless = props.paddingless, verticalPaddingless = props.verticalPaddingless, fullwidth = props.fullwidth, others = __rest(props, ["className", "skeleton", "backgroundColor", "backgroundSrc", "inverted", "paddingless", "verticalPaddingless", "fullwidth"]);
     var styled = useTrilogyContext().styled;
-    var _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), skeleton && is('loading')));
-    return (React.createElement("section", __assign({ id: id }, (backgroundSrc && {
+    var _a = __read(useState(skeleton || false), 2), isLoading = _a[0], setIsLoading = _a[1];
+    useEffect(function () {
+        setIsLoading(skeleton || false);
+    }, [skeleton]);
+    var _className = hashClass(styled, clsx('section', className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
+    return (React.createElement("section", __assign({ ref: ref }, (backgroundSrc && {
         style: { backgroundImage: "url(".concat(backgroundSrc, ")") },
     }), { className: _className }, others)));
-};
+});
 export default Section;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7SUFVSTtBQUNKLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFBOEY7SUFBNUYsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBOUUsK0VBQWdGLENBQUY7SUFDckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUMxQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUMxQixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsMENBQ0UsRUFBRSxFQUFFLEVBQUUsSUFDRixDQUFDLGFBQWEsSUFBSTtRQUNwQixLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsY0FBTyxhQUFhLE1BQUcsRUFBRTtLQUNwRCxDQUFDLElBQ0YsU0FBUyxFQUFFLFVBQVUsSUFDakIsTUFBTSxFQUNWLENBQ0gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvc2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRWxELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7O0lBY0k7QUFDSixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBbUIsRUFBRSxHQUFvQztJQUV2RixJQUFBLFNBQVMsR0FTUCxLQUFLLFVBVEUsRUFDVCxRQUFRLEdBUU4sS0FBSyxTQVJDLEVBQ1IsZUFBZSxHQU9iLEtBQUssZ0JBUFEsRUFDZixhQUFhLEdBTVgsS0FBSyxjQU5NLEVBQ2IsUUFBUSxHQUtOLEtBQUssU0FMQyxFQUNSLFdBQVcsR0FJVCxLQUFLLFlBSkksRUFDWCxtQkFBbUIsR0FHakIsS0FBSyxvQkFIWSxFQUNuQixTQUFTLEdBRVAsS0FBSyxVQUZFLEVBQ04sTUFBTSxVQUNQLEtBQUssRUFWSCw0SEFVTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEIsUUFBUSxDQUFVLFFBQVEsSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEvRCxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXdDLENBQUE7SUFFdEUsU0FBUyxDQUFDO1FBQ1IsWUFBWSxDQUFDLFFBQVEsSUFBSSxLQUFLLENBQUMsQ0FBQTtJQUNqQyxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsSUFBTSxVQUFVLEdBQUcsU0FBUyxDQUMxQixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxTQUFTLEVBQ1QsZUFBZSxJQUFJLEdBQUcsQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLENBQUMsQ0FBQyxFQUMvRCxhQUFhLElBQUksR0FBRyxDQUFDLFlBQVksQ0FBQyxFQUNsQyxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUMxQixTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QyxTQUFTLElBQUksRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUM1QixXQUFXLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxFQUNoQyxtQkFBbUIsSUFBSSxFQUFFLENBQUMsc0JBQXNCLENBQUMsQ0FDbEQsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLDBDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFLEVBQUUsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHLEVBQUU7S0FDcEQsQ0FBQyxJQUNGLFNBQVMsRUFBRSxVQUFVLElBQ2pCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/section/Section.native.d.ts

@@ -1,15 +1,18 @@
 /// <reference types="react" />
-import { SectionProps } from './SectionProps';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { SectionProps } from "./SectionProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
  * @param children {React.ReactNode}
  * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
+ * @param verticalPaddingless {boolean} remove vertical padding
+ * @param fullwidth {boolean} Fullwidth section
+ * @param autolayout {boolean} Apply auto-layout rules
  **/
 declare const Section: {
-    ({ backgroundColor, backgroundSrc, children }: SectionProps): JSX.Element;
+    ({ autolayout, backgroundColor, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }: SectionProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Section;

package/lib/components/section/Section.native.js

@@ -1,34 +1,42 @@
-import * as React from 'react';
-import { ImageBackground, StyleSheet, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../../components/enumsComponentsName';
+import { __assign } from "tslib";
+import * as React from "react";
+import { ImageBackground, StyleSheet, View } from "react-native";
+import { AutoLayoutWrapper } from "../../components/autolayout";
+import { getColorStyle, TrilogyColor } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
  * @param children {React.ReactNode}
  * @param backgroundColor {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
+ * @param verticalPaddingless {boolean} remove vertical padding
+ * @param fullwidth {boolean} Fullwidth section
+ * @param autolayout {boolean} Apply auto-layout rules
  **/
 var Section = function (_a) {
-    var backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, children = _a.children;
+    var _b = _a.autolayout, autolayout = _b === void 0 ? true : _b, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, children = _a.children, paddingless = _a.paddingless, verticalPaddingless = _a.verticalPaddingless, fullwidth = _a.fullwidth;
     var colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     var styles = StyleSheet.create({
         section: {
             backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
-            paddingTop: 32,
-            paddingBottom: 32,
-            paddingRight: 24,
-            paddingLeft: 24,
-            width: 'auto',
+            paddingTop: paddingless || verticalPaddingless ? 0 : 32,
+            paddingBottom: paddingless || verticalPaddingless ? 0 : 32,
+            paddingRight: paddingless ? 0 : 24,
+            paddingLeft: paddingless ? 0 : 24,
+            width: fullwidth ? "100%" : "auto",
         },
         sectionImage: {
-            width: '100%',
+            width: "100%",
             minHeight: 100,
-            height: 'auto',
+            height: "auto",
         },
     });
-    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } }, children)) : (children)));
+    return (React.createElement(View, { style: styles.section }, backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === "number"
+            ? backgroundSrc
+            : { uri: backgroundSrc } },
+        React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: autolayout }), children))) : (React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: autolayout }), children))));
 };
 Section.displayName = ComponentName.Section;
 export default Section;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlY3Rpb24vU2VjdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxlQUFlLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7OztJQU1JO0FBQ0osSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUEwRDtRQUF4RCxlQUFlLHFCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLFFBQVEsY0FBQTtJQUN6RCxJQUFNLFFBQVEsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBRXZELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsT0FBTyxFQUFFO1lBQ1AsZUFBZSxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRO1lBQzVFLFVBQVUsRUFBRSxFQUFFO1lBQ2QsYUFBYSxFQUFFLEVBQUU7WUFDakIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsV0FBVyxFQUFFLEVBQUU7WUFDZixLQUFLLEVBQUUsTUFBTTtTQUNkO1FBQ0QsWUFBWSxFQUFFO1lBQ1osS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsR0FBRztZQUNkLE1BQU0sRUFBRSxNQUFNO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN4QixhQUFhLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsZUFBZSxJQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsWUFBWSxFQUMxQixNQUFNLEVBQUUsT0FBTyxhQUFhLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLGFBQWEsRUFBRSxJQUVqRixRQUFRLENBQ08sQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FDSSxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxPQUFPLENBQUE7QUFFM0MsZUFBZSxPQUFPLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NlY3Rpb24vU2VjdGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZUFBZSxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7SUFTSTtBQUNKLElBQU0sT0FBTyxHQUFHLFVBQUMsRUFRRjtRQVBiLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUNqQixlQUFlLHFCQUFBLEVBQ2YsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxtQkFBbUIseUJBQUEsRUFDbkIsU0FBUyxlQUFBO0lBRVQsSUFBTSxRQUFRLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUV2RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLGVBQWUsRUFBRSxlQUFlLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUM1RSxVQUFVLEVBQUUsV0FBVyxJQUFJLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDdkQsYUFBYSxFQUFFLFdBQVcsSUFBSSxtQkFBbUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFO1lBQzFELFlBQVksRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRTtZQUNsQyxXQUFXLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDakMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNO1NBQ25DO1FBQ0QsWUFBWSxFQUFFO1lBQ1osS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsR0FBRztZQUNkLE1BQU0sRUFBRSxNQUFNO1NBQ2Y7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsT0FBTyxJQUN4QixhQUFhLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsZUFBZSxJQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsWUFBWSxFQUMxQixNQUFNLEVBQ0osT0FBTyxhQUFhLEtBQUssUUFBUTtZQUMvQixDQUFDLENBQUMsYUFBYTtZQUNmLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxhQUFhLEVBQUU7UUFHNUIsb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLFlBQUEsRUFBRSxHQUFHLFFBQVEsQ0FBcUIsQ0FDckQsQ0FDbkIsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxpQkFBaUIsZUFBSyxFQUFFLFVBQVUsWUFBQSxFQUFFLEdBQUcsUUFBUSxDQUFxQixDQUN0RSxDQUNJLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELE9BQU8sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE9BQU8sQ0FBQTtBQUUzQyxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/section/SectionProps.d.ts

@@ -1,8 +1,8 @@
-import type { BackgroundProps, ChildrenWithNoText } from '../../objects';
-import { CommonProps } from '../../objects/facets/CommonProps';
+import type { BackgroundProps, Fullwidth, Layout, Paddingless, VerticalPaddingless, ChildrenWithNoText } from '../../objects';
 /**
  * Section Interface
  */
-export interface SectionProps extends BackgroundProps, ChildrenWithNoText, CommonProps {
+export interface SectionProps extends Layout, Fullwidth, BackgroundProps, Paddingless, VerticalPaddingless, ChildrenWithNoText {
+    className?: string;
     skeleton?: boolean;
 }