@trilogy-ds/react 0.0.1-beta-99 → 0.0.1-beta-103

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { RowItem, Rows } from './index';
+import { Columns, ColumnsItem } from '../../components/columns';
+const RowsExample = React.createElement(Columns, null,
+    React.createElement(ColumnsItem, null,
+        React.createElement(Rows, null,
+            React.createElement(RowItem, null, "1"),
+            React.createElement(RowItem, null, "2"),
+            React.createElement(RowItem, null, "3"))),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Rows, null,
+            React.createElement(RowItem, null, "4"),
+            React.createElement(RowItem, null, "5"),
+            React.createElement(RowItem, null, "6"))));
+export default RowsExample;
+//# sourceMappingURL=Rows.example.js.map

package/lib/components/rows/Rows.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rows.example.js","sourceRoot":"","sources":["../../../components/rows/Rows.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAE3D,MAAM,WAAW,GACf,oBAAC,OAAO;IACN,oBAAC,WAAW;QACV,oBAAC,IAAI;YACH,oBAAC,OAAO,YAEE;YACV,oBAAC,OAAO,YAEE;YACV,oBAAC,OAAO,YAEE,CACL,CACK;IACd,oBAAC,WAAW;QACV,oBAAC,IAAI;YACH,oBAAC,OAAO,YAEE;YACV,oBAAC,OAAO,YAEE;YACV,oBAAC,OAAO,YAEE,CACL,CACK,CACN,CAAA;AACZ,eAAe,WAAW,CAAA"}

package/lib/components/rows/Rows.js

@@ -2,18 +2,15 @@ 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
  */
-const Rows = React.forwardRef((props, ref) => {
-    const { className, gapless, ...others } = props;
+const Rows = ({ className, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx("rows", gapless && is("gapless"), className)), ...others }));
-});
+    return (React.createElement("div", { className: hashClass(styled, clsx("rows", className)), ...others }));
+};
 export default Rows;
 //# sourceMappingURL=Rows.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;GAMG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAoC,EAAE,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAA;IAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAC/G,CAAA;AAEH,CAAC,CAAC,CAAA;AACF,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;GAKG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

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

@@ -1,15 +1,12 @@
-import * as React from "react";
+/// <reference types="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
  */
 declare const Rows: {
-    ({ children, gapless, ...others }: RowsProps): JSX.Element;
+    ({ children, ...others }: RowsProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Rows;

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

@@ -1,12 +1,11 @@
 import * as React from "react";
 import { StyleSheet, View } from "react-native";
 import { ComponentName } from "../../components/enumsComponentsName";
-export const RowsContext = React.createContext({ gapless: false });
 /**
  * Rows Component
  * @param children {React.ReactNode} Rows children
  */
-const Rows = ({ children, gapless, ...others }) => {
+const Rows = ({ children, ...others }) => {
     const styles = StyleSheet.create({
         rows: {
             display: "flex",
@@ -14,8 +13,7 @@ const Rows = ({ children, gapless, ...others }) => {
             flex: 1,
         },
     });
-    return (React.createElement(RowsContext.Provider, { value: { gapless: gapless || false } },
-        React.createElement(View, { style: styles.rows, ...others }, children)));
+    return (React.createElement(View, { style: styles.rows, ...others }, children));
 };
 Rows.displayName = ComponentName.Rows;
 export default Rows;

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

@@ -1 +1 @@
-{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.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,MAAM,kCAAkC,CAAA;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;AAElE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IACxE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE;QACxD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACc,CAExB,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.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,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IAC/D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}

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

@@ -5,5 +5,4 @@
 export interface RowsProps {
     children?: React.ReactNode;
     className?: string;
-    gapless?: boolean;
 }

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

@@ -1,3 +1,4 @@
 import Rows from './Rows';
 import RowItem from './item';
-export { Rows, RowItem };
+import RowsExample from './Rows.example';
+export { Rows, RowItem, RowsExample };

package/lib/components/rows/index.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/rows/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,OAAO,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/rows/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,OAAO,MAAM,QAAQ,CAAA;AAC5B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

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

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

@@ -10,11 +10,10 @@ import { useTrilogyContext } from "../../../context";
  * - -------------------------- WEB PROPERTIES -------------------
  *  @param className {string} additionnal CSS Classes
  */
-const RowItem = React.forwardRef((props, ref) => {
-    const { className, narrow, ...others } = props;
+const RowItem = ({ className, narrow, ...others }) => {
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx("row", narrow && is("narrow"), className));
-    return React.createElement("div", { ref: ref, className: classes, ...others });
-});
+    return React.createElement("div", { className: classes, ...others });
+};
 export default RowItem;
 //# sourceMappingURL=RowItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAoC,EAAE,EAAE;IAC9F,MAAM,EACJ,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAC/C,CAAA;IACD,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"RowItem.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAC/C,CAAA;IACD,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAChD,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -1,18 +1,16 @@
 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}
  */
 const RowItem = ({ children, narrow, ...others }) => {
-    const { gapless } = React.useContext(RowsContext);
     const styles = StyleSheet.create({
         rowItem: {
             flexGrow: (narrow && 0) || 1,
-            padding: gapless ? 0 : 5,
+            padding: 5,
             flexShrink: 1,
         },
     });

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

@@ -1 +1 @@
-{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.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,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;IAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.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,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,CAAC;YACV,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}

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

@@ -1,14 +1,14 @@
-import React from 'react';
+/// <reference types="react" />
 import { SectionProps } from './SectionProps';
 /**
  * Section Component - Manages the main margins of the page and takes up all the available width.
  * @param className {string} Additionnal CSS Classes
  * @param skeleton {boolean} Skeleton before loaded
  * @param children {React.ReactNode}
- * @param backgroundColor {TrilogyColor} Section Background Color
+ * @param background {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;
+declare const Section: ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }: SectionProps) => JSX.Element;
 export default Section;

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Section } from './index';
+import { Title } from '../../components/title';
+const SectionExample = React.createElement(React.Fragment, null,
+    React.createElement(Section, null,
+        React.createElement(Title, { level: 'ONE' }, "Premi\u00E8re section")),
+    React.createElement(Section, null,
+        React.createElement(Title, { level: 'ONE' }, "Deuxi\u00E8me section")),
+    React.createElement(Section, null,
+        React.createElement(Title, { level: 'ONE' }, "Troisi\u00E8me section")));
+export default SectionExample;
+//# sourceMappingURL=Section.example.js.map

package/lib/components/section/Section.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.example.js","sourceRoot":"","sources":["../../../components/section/Section.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAE1C,MAAM,cAAc,GAClB;IACE,oBAAC,OAAO;QACN,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,4BAEV,CACA;IACV,oBAAC,OAAO;QACN,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,4BAEV,CACA;IACV,oBAAC,OAAO;QACN,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,6BAEV,CACA,CACT,CAAA;AAEL,eAAe,cAAc,CAAA"}

package/lib/components/section/Section.js

@@ -9,22 +9,21 @@ import { useTrilogyContext } from '../../context';
  * @param className {string} Additionnal CSS Classes
  * @param skeleton {boolean} Skeleton before loaded
  * @param children {React.ReactNode}
- * @param backgroundColor {TrilogyColor} Section Background Color
+ * @param background {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  **/
-const Section = React.forwardRef((props, ref) => {
-    const { className, skeleton, backgroundColor, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others } = props;
+const Section = ({ className, skeleton, background, backgroundSrc, inverted, paddingless, verticalPaddingless, fullwidth, ...others }) => {
     const { styled } = useTrilogyContext();
     const [isLoading, setIsLoading] = useState(skeleton || false);
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);
-    const _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", { ref: ref, ...(backgroundSrc && {
-            style: { backgroundImage: `url(${backgroundSrc})` },
+    const _className = hashClass(styled, clsx('section', className, background && has(getBackgroundClassName(background)), 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", { ...(backgroundSrc && {
+            style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
         }), className: _className, ...others }));
-});
+};
 export default Section;
 //# sourceMappingURL=Section.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAoC,EAAE,EAAE;IAC7F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,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,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,KACJ,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE;SACpD,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,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,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,oCACM,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}

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

@@ -6,13 +6,13 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param children {ReactNode} Section children
  * @param autolayout {boolean} Apply auto-layout rules
  * @param className {string} Additionnal CSS Classes
- * @param backgroundColor {TrilogyColor} Section Background Color
+ * @param background {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  */
 declare const Section: {
-    ({ autolayout, backgroundColor, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }: SectionProps): JSX.Element;
+    ({ autolayout, background, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }: SectionProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Section;

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

@@ -1,23 +1,23 @@
 import * as React from "react";
 import { ImageBackground, StyleSheet, View } from "react-native";
 import { AutoLayoutWrapper } from "../../components/autolayout";
-import { getColorStyle, TrilogyColor } from "../../objects";
+import { getBackgroundStyle, 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 {ReactNode} Section children
  * @param autolayout {boolean} Apply auto-layout rules
  * @param className {string} Additionnal CSS Classes
- * @param backgroundColor {TrilogyColor} Section Background Color
+ * @param background {TrilogyColor} Section Background Color
  * @param backgroundSrc {string} Source of background Image
  * @param paddingless {boolean} remove padding
  * @param verticalPaddingless {boolean} remove vertical padding
  */
-const Section = ({ autolayout = true, backgroundColor, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }) => {
+const Section = ({ autolayout = true, background, backgroundSrc, children, paddingless, verticalPaddingless, fullwidth, }) => {
     const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         section: {
-            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
+            backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
             paddingTop: paddingless || verticalPaddingless ? 0 : 32,
             paddingBottom: paddingless || verticalPaddingless ? 0 : 32,
             paddingRight: paddingless ? 0 : 24,

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

@@ -1 +1 @@
-{"version":3,"file":"Section.native.js","sourceRoot":"","sources":["../../../components/section/Section.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,UAAU,GAAG,IAAI,EACjB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,GACI,EAAe,EAAE;IAC9B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,QAAQ;YAC5E,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,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACnC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IACxB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAG5B,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACrD,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACtE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.native.js","sourceRoot":"","sources":["../../../components/section/Section.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,UAAU,GAAG,IAAI,EACjB,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,GACI,EAAe,EAAE;IAC9B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,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,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;SACnC;QACD,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,IACxB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAG5B,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACrD,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,OAAK,EAAE,UAAU,EAAE,IAAG,QAAQ,CAAqB,CACtE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

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

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

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

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

package/lib/components/section/index.js

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

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

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

package/lib/components/segment-control/SegmentControl.example.d.ts

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

package/lib/components/segment-control/SegmentControl.example.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SegmentControl, SegmentControlItem } from './index';
+const RowsExample = React.createElement(SegmentControl, null,
+    React.createElement(SegmentControlItem, { active: true }, "Appels"),
+    React.createElement(SegmentControlItem, null, "SMS"),
+    React.createElement(SegmentControlItem, null, "\u00C9quipements"),
+    React.createElement(SegmentControlItem, { disabled: true }, "Offres"));
+export default RowsExample;
+//# sourceMappingURL=SegmentControl.example.js.map

package/lib/components/segment-control/SegmentControl.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentControl.example.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5D,MAAM,WAAW,GACf,oBAAC,cAAc;IACb,oBAAC,kBAAkB,IACjB,MAAM,mBAGa;IACrB,oBAAC,kBAAkB,cAEE;IACrB,oBAAC,kBAAkB,2BAEE;IACrB,oBAAC,kBAAkB,IAAC,QAAQ,mBAEP,CACN,CAAA;AAEnB,eAAe,WAAW,CAAA"}

package/lib/components/segment-control/SegmentControl.native.js

@@ -41,7 +41,7 @@ const SegmentControl = ({ children, onClick, activeIndex, disabled, marginless,
         segmentedControl: {
             flexDirection: "row",
             width: "100%",
-            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             borderRadius: 4,
             padding: 4,
             paddingRight: -4,

package/lib/components/segment-control/SegmentControl.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControl.native.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SegmentControl.native.js","sourceRoot":"","sources":["../../../components/segment-control/SegmentControl.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/segment-control/SegmentControlProps.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { Clickable } from '../../objects/facets/Clickable';
+import { Centerable } from '../../objects/facets/Centerable';
+import { AlignableProps } from '../../objects/facets/Alignable';
+import { JustifiableProps } from '../../objects/facets/Justifiable';
 /**
  * SegmentedControl Interface
  */
-export interface SegmentControlProps extends Clickable {
+export interface SegmentControlProps extends Centerable, AlignableProps, JustifiableProps, Clickable {
     children: React.ReactNode;
     disabled?: boolean;
     activeIndex?: number;

package/lib/components/segment-control/index.d.ts

@@ -1,3 +1,4 @@
 import SegmentControl from './SegmentControl';
 import SegmentControlItem from './item';
-export { SegmentControl, SegmentControlItem };
+import SegmentControlExample from './SegmentControl.example';
+export { SegmentControl, SegmentControlItem, SegmentControlExample };

package/lib/components/segment-control/index.js

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

package/lib/components/segment-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/segment-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,kBAAkB,MAAM,QAAQ,CAAA;AAEvC,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/segment-control/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,kBAAkB,MAAM,QAAQ,CAAA;AACvC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,CAAA"}

package/lib/components/segment-control/item/SegmentControlItem.native.js

@@ -21,8 +21,8 @@ const SegmentControlItem = ({ active, children, onClick, inverted, disabled, ...
             alignItems: "center",
             backgroundColor: (activeItem && getColorStyle(TrilogyColor.MAIN)) ||
                 (inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
-                (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
-                getColorStyle(TrilogyColor.NEUTRAL_FADE),
+                (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         text: {
             paddingHorizontal: 16,

package/lib/components/segment-control/item/SegmentControlItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;gBACvD,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;SAC3C;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACnE,CAAC,CAAC,UAAU;oBACV,CAAC,QAAQ;oBACT,QAAQ;oBACR,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACvC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"SegmentControlItem.native.js","sourceRoot":"","sources":["../../../../components/segment-control/item/SegmentControlItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,kBAAkB,GAAG,CAAC,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACe,EAAe,EAAE;IACzC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAEtE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,QAAQ,EAAE;YACR,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,WAAW,EAAE,CAAC;YACd,YAAY,EAAE,CAAC;YACf,UAAU,EAAE,QAAQ;YACpB,eAAe,EACb,CAAC,UAAU,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACrD,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;SAC9C;QACD,IAAI,EAAE;YACJ,iBAAiB,EAAE,EAAE;YACrB,KAAK,EACH,CAAC,UAAU,IAAI,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACnE,CAAC,CAAC,UAAU;oBACV,CAAC,QAAQ;oBACT,QAAQ;oBACR,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;gBACvC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;YAClC,cAAc,EAAE,EAAE;YAClB,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,QAAQ;YACnB,iBAAiB,EAAE,QAAQ;YAC3B,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;SAC1C;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EACxB,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE;YACvB,IAAI,CAAC,QAAQ,EAAE;gBACb,aAAa,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;gBAC9B,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAA;iBACX;aACF;QACH,CAAC,KACG,MAAM,IAET,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACrD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,IAC9D,MAAM,CAAC,QAAQ,CAAC,CACZ,CACR,CACgB,CACpB,CAAA;AACH,CAAC,CAAA;AAED,kBAAkB,CAAC,WAAW,GAAG,aAAa,CAAC,kBAAkB,CAAA;AAEjE,eAAe,kBAAkB,CAAA"}

package/lib/components/select/Select.example.d.ts

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

package/lib/components/select/Select.example.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Select, SelectOption } from './index';
+const SelectExample = React.createElement(Select, { iconName: 'tri-search', label: 'Choisir une option' },
+    React.createElement(SelectOption, { iconName: 'tri-search', id: 'id_one', label: 'option1', value: 'opt_one' }, "option 1"),
+    React.createElement(SelectOption, { iconName: 'tri-search', id: 'id_two', label: 'option2', value: 'opt_two' }, "option 2"),
+    React.createElement(SelectOption, { disabled: true, iconName: 'tri-search', id: 'id_three', label: 'option3', value: 'opt_three' }, "option 3"));
+export default SelectExample;
+//# sourceMappingURL=Select.example.js.map

package/lib/components/select/Select.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.example.js","sourceRoot":"","sources":["../../../components/select/Select.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE9C,MAAM,aAAa,GACjB,oBAAC,MAAM,IACL,QAAQ,EAAC,YAAY,EACrB,KAAK,EAAC,oBAAoB;IAE1B,oBAAC,YAAY,IACX,QAAQ,EAAC,YAAY,EACrB,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,SAAS,eAGF;IACf,oBAAC,YAAY,IACX,QAAQ,EAAC,YAAY,EACrB,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,SAAS,eAGF;IACf,oBAAC,YAAY,IACX,QAAQ,QACR,QAAQ,EAAC,YAAY,EACrB,EAAE,EAAC,UAAU,EACb,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,WAAW,eAGJ,CACR,CAAA;AAEX,eAAe,aAAa,CAAA"}

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

@@ -1,3 +1,4 @@
 import Select from './Select';
 import SelectOption from './option';
-export { Select, SelectOption };
+import SelectExample from './Select.example';
+export { Select, SelectOption, SelectExample };

package/lib/components/select/index.js

@@ -1,4 +1,5 @@
 import Select from './Select';
 import SelectOption from './option';
-export { Select, SelectOption };
+import SelectExample from './Select.example';
+export { Select, SelectOption, SelectExample };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,UAAU,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,YAAY,MAAM,UAAU,CAAA;AACnC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/lib/components/select/option/SelectOption.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { SelectOptionProps } from './SelectOptionProps';
 /**
  * Select Option Component
@@ -13,5 +13,5 @@ import { SelectOptionProps } from './SelectOptionProps';
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
  */
-declare const SelectOption: React.ForwardRefExoticComponent<SelectOptionProps<string> & React.RefAttributes<HTMLOptionElement>>;
+declare const SelectOption: ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }: SelectOptionProps) => JSX.Element;
 export default SelectOption;

package/lib/components/select/option/SelectOption.js

@@ -14,14 +14,13 @@ import * as React from 'react';
  * @param onClick {function} onclick function
  * @param id {string} Select option custom id
  */
-const SelectOption = React.forwardRef((allProps, ref) => {
-    const { id, className, value, disabled, children, onClick, label, iconName, testId, ...others } = allProps;
+const SelectOption = ({ id, className, value, disabled, children, onClick, label, iconName, testId, ...others }) => {
     const { checked, native, focused, ...props } = others;
     const selectClasses = React.useMemo(() => clsx(focused && 'focus', className), [focused, className]);
     if (native) {
-        return (React.createElement("option", { ref: ref, role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
+        return (React.createElement("option", { role: 'option', id: id, value: value, disabled: disabled, "aria-label": label, "data-testid": testId, onClick: onClick, ...props }, children || label));
     }
     return (React.createElement(Radio, { checked: checked, tile: true, horizontalTile: true, marginless: true, className: selectClasses, value: value, disabled: disabled, onClick: onClick, iconTile: iconName, description: label || children, testId: testId, ...others }));
-});
+};
 export default SelectOption;
 //# sourceMappingURL=SelectOption.js.map

package/lib/components/select/option/SelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,QAA2B,EAAE,GAAuC,EAAE,EAAE;IAC7G,MAAM,EACJ,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACV,GAAG,QAAQ,CAAA;IAEZ,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAA4D,CAAA;IAC3G,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpG,IAAI,MAAM,EAAE;QACV,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,EACnB,OAAO,EAAE,OAAO,KACZ,KAAK,IAER,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;KACF;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,IAAI,QACJ,cAAc,QACd,UAAU,QACV,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,IAAI,QAAQ,EAC9B,MAAM,EAAE,MAAM,KACV,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SelectOption.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;GAYG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,GAAG,MAA4D,CAAA;IAC3G,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAA;IAEpG,IAAI,MAAM,EAAE;QACV,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,gBACN,KAAK,iBACJ,MAAM,EACnB,OAAO,EAAE,OAAO,KACZ,KAAK,IAER,QAAQ,IAAI,KAAK,CACX,CACV,CAAA;KACF;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,OAAO,EAChB,IAAI,QACJ,cAAc,QACd,UAAU,QACV,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,KAAK,IAAI,QAAQ,EAC9B,MAAM,EAAE,MAAM,KACV,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/select/option/SelectOption.native.js

@@ -16,7 +16,7 @@ const SelectOption = ({ disabled, children, onClick, label, iconName, ...others
     const { checked } = others;
     const styles = React.useMemo(() => StyleSheet.create({
         container: {
-            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || undefined,
+            backgroundColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) || undefined,
         },
     }), [disabled]);
     const textColor = React.useMemo(() => {

package/lib/components/select/option/SelectOption.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectOption.native.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectOption.native.js","sourceRoot":"","sources":["../../../../components/select/option/SelectOption.native.tsx"],"names":[],"mappings":"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"}