@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

package/lib/components/view/View.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import { ViewMarkup } from './ViewProps';
-import clsx from 'clsx';
-import { has, is } from '../../services';
-import { getLoadingClassName, getJustifyClassName, getAlignClassName } from "../../objects";
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import { ViewMarkup } from "./ViewProps";
+import clsx from "clsx";
+import { has, is } from "../../services";
+import { getLoadingClassName, getJustifyClassName, getAlignClassName, getBackgroundClassName, } from "../../objects";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -24,16 +24,21 @@ import { useTrilogyContext } from '../../context';
  * - ------------------ NATIVE PROPERTIES ------------
  * @param bottom {boolean} Bottom position
  */
-const View = ({ children, style, className, loading, onClick, backgroundSrc, color, fullwidth = true, markup, flexable, justify, align, ...others }) => {
+const View = ({ children, style, className, loading, onClick, background, backgroundSrc, inverted, fullwidth = true, markup, flexable, justify, align, ...others }) => {
     const { styled } = useTrilogyContext();
     const isCorrectMarkup = (stringMarkup) => {
-        if (stringMarkup in ViewMarkup || Object.values(ViewMarkup).includes(stringMarkup))
+        if (stringMarkup in ViewMarkup ||
+            Object.values(ViewMarkup).includes(stringMarkup))
             return true;
     };
-    const Tag = markup && isCorrectMarkup(markup) ? markup : 'div';
-    const classes = hashClass(styled, clsx(typeof loading === 'string' && is(getLoadingClassName(loading)), typeof loading === 'boolean' ? is('loading') : is('loaded'), color && has(`background-${color}`), backgroundSrc && has('background'), fullwidth && is('fullwidth'), flexable && is('flex'), typeof justify === 'string' && is(getJustifyClassName(justify)), typeof align === 'string' && is(getAlignClassName(align)), className));
+    const Tag = markup && isCorrectMarkup(markup) ? markup : "div";
+    const classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted') || is('base'), fullwidth && is("fullwidth"), flexable && is("flex"), typeof justify === "string" && is(getJustifyClassName(justify)), typeof align === "string" && is(getAlignClassName(align)), className));
     return (React.createElement(Tag, { onClick: onClick, style: style, className: classes, ...(backgroundSrc && {
-            style: { backgroundImage: `url(${backgroundSrc})`, backgroundSize: 'cover', backgroundPosition: '50%' },
+            style: {
+                backgroundImage: `url(${backgroundSrc})`,
+                backgroundSize: "cover",
+                backgroundPosition: "50%",
+            },
         }), ...others }, children));
 };
 export default View;

package/lib/components/view/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../components/view/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAA+B,MAAM,aAAa,CAAA;AACrE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC3F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,aAAa,EACb,KAAK,EACL,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,CAAC,YAA2C,EAAE,EAAE;QACtE,IAAI,YAAY,IAAI,UAAU,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,YAA0B,CAAC;YAAE,OAAO,IAAI,CAAA;IAC/G,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAC3D,KAAK,IAAI,GAAG,CAAC,cAAc,KAAK,EAAE,CAAC,EACnC,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,MAAM,CAAC,EACtB,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACzD,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,KACd,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,kBAAkB,EAAE,KAAK,EAAE;SACxG,CAAC,KACE,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../components/view/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAA+B,MAAM,aAAa,CAAA;AACrE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EAAE,sBAAsB,GAC1C,MAAM,WAAW,CAAA;AAClB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,aAAa,EACb,QAAQ,EACR,SAAS,GAAG,IAAI,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,KAAK,EACL,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,CAAC,YAA2C,EAAE,EAAE;QACtE,IACE,YAAY,IAAI,UAAU;YAC1B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,YAA0B,CAAC;YAE9D,OAAO,IAAI,CAAA;IACf,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAA;IAE9D,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAC3D,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,QAAQ,IAAI,EAAE,CAAC,MAAM,CAAC,EACtB,OAAO,OAAO,KAAK,QAAQ,IAAI,EAAE,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,EAC/D,OAAO,KAAK,KAAK,QAAQ,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACzD,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,OAAO,KACd,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO,aAAa,GAAG;gBACxC,cAAc,EAAE,OAAO;gBACvB,kBAAkB,EAAE,KAAK;aAC1B;SACF,CAAC,KACE,MAAM,IAET,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/lib/components/view/View.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ViewProps } from './ViewProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ViewProps } from "./ViewProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -17,7 +17,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param others
  */
 declare const View: {
-    ({ children, style, onClick, flexable, bottom, color, backgroundSrc, id, justify, fullwidth, align, ...others }: ViewProps): JSX.Element;
+    ({ children, style, onClick, flexable, bottom, background, backgroundSrc, id, justify, fullwidth, align, ...others }: ViewProps): JSX.Element;
     displayName: ComponentName;
 };
 export default View;

package/lib/components/view/View.native.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { View as ViewNative, StyleSheet, TouchableOpacity, ImageBackground } from 'react-native';
-import { getAlignStyle, getJustifyStyle } from '../../objects';
-import { getColorStyle } from '../../objects/facets/Color';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { ImageBackground, StyleSheet, TouchableOpacity, View as ViewNative, } from "react-native";
+import { getAlignStyle, getJustifyStyle } from "../../objects";
+import { getColorStyle } from "../../objects/facets/Color";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * View Component (DIV EQUIVALENT)
  * @param children {ReactNode} View child
@@ -18,25 +18,25 @@ import { ComponentName } from '../enumsComponentsName';
  * @param fullwidth {boolean} true by default
  * @param others
  */
-const View = ({ children, style, onClick, flexable, bottom, color, backgroundSrc, id, justify, fullwidth = true, align, ...others }) => {
-    const viewColor = (color && getColorStyle(color)) || 'transparent';
+const View = ({ children, style, onClick, flexable, bottom, background, backgroundSrc, id, justify, fullwidth = true, align, ...others }) => {
+    const viewColor = (background && getColorStyle(background)) || "transparent";
     const styles = StyleSheet.create({
         view: {
             flex: flexable ? 1 : 0,
             backgroundColor: viewColor,
-            width: fullwidth ? '100%' : 'auto',
+            width: fullwidth ? "100%" : "auto",
             ...(justify && { justifyContent: getJustifyStyle(justify) }),
             ...(align && { alignItems: getAlignStyle(align) }),
         },
         bottom: {
-            position: 'absolute',
+            position: "absolute",
             bottom: 0,
-            width: fullwidth ? '100%' : 'auto',
+            width: fullwidth ? "100%" : "auto",
         },
         sectionImage: {
             flex: flexable ? 1 : 0,
-            width: '100%',
-            height: 'auto',
+            width: "100%",
+            height: "auto",
         },
     });
     let returnView = (React.createElement(ViewNative, { testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style], ...others }, children));
@@ -47,7 +47,9 @@ const View = ({ children, style, onClick, flexable, bottom, color, backgroundSrc
         returnView = (React.createElement(ViewNative, { testID: id, nativeID: id, style: [styles.view, bottom && styles.bottom, style], ...others },
             React.createElement(TouchableOpacity, { activeOpacity: 1, onPress: onClick }, children)));
     }
-    return backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === 'number' ? backgroundSrc : { uri: backgroundSrc } }, returnView)) : (returnView);
+    return backgroundSrc ? (React.createElement(ImageBackground, { style: styles.sectionImage, source: typeof backgroundSrc === "number"
+            ? backgroundSrc
+            : { uri: backgroundSrc } }, returnView)) : (returnView);
 };
 View.displayName = ComponentName.View;
 export default View;

package/lib/components/view/View.native.js.map

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

package/lib/components/view/ViewProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Loadable, TrilogyColor, TrilogyColorValues, Clickable, Fullwidth, JustifiableProps, AlignableProps } from "../../objects";
+import { Loadable, Clickable, Fullwidth, JustifiableProps, AlignableProps, BackgroundProps } from "../../objects";
 type Styles = {
     [key: string]: any;
 };
@@ -18,14 +18,12 @@ export type ViewMarkupValues = `${ViewMarkup}`;
 /**
  * View Interface
  */
-export interface ViewProps extends Loadable, Clickable, JustifiableProps, Fullwidth, AlignableProps {
+export interface ViewProps extends Loadable, Clickable, JustifiableProps, Fullwidth, AlignableProps, BackgroundProps {
     children?: React.ReactNode;
     className?: string;
     style?: Styles;
     flexable?: boolean;
     bottom?: boolean;
-    color?: TrilogyColor | TrilogyColorValues;
-    backgroundSrc?: string;
     id?: string;
     markup?: ViewMarkup | ViewMarkupValues;
 }

package/lib/components/view/ViewProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewProps.js","sourceRoot":"","sources":["../../../components/view/ViewProps.ts"],"names":[],"mappings":"AAaA,MAAM,CAAN,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;IACP,uBAAS,CAAA;IACT,uBAAS,CAAA;IACT,6BAAe,CAAA;AACjB,CAAC,EAVW,UAAU,KAAV,UAAU,QAUrB"}
+{"version":3,"file":"ViewProps.js","sourceRoot":"","sources":["../../../components/view/ViewProps.ts"],"names":[],"mappings":"AAWA,MAAM,CAAN,IAAY,UAUX;AAVD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,6BAAe,CAAA;IACf,qBAAO,CAAA;IACP,2BAAa,CAAA;IACb,yBAAW,CAAA;IACX,qBAAO,CAAA;IACP,uBAAS,CAAA;IACT,uBAAS,CAAA;IACT,6BAAe,CAAA;AACjB,CAAC,EAVW,UAAU,KAAV,UAAU,QAUrB"}

package/lib/components/view/test/View.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/view/test/View.test.js

@@ -0,0 +1,30 @@
+// Dependencies
+import * as React from "react";
+// Testing methods
+import { render, screen } from "@testing-library/react";
+import View from "../View";
+import { ViewMarkup } from "../ViewProps";
+// Component to test
+describe("Modal component", () => {
+    test("should View keep className with content", () => {
+        render(React.createElement(View, { "data-testid": "DEFAULT", className: "testClassName" }, "With Content"));
+        const view = screen.getByTestId("DEFAULT");
+        expect(view).toHaveClass("testClassName");
+    });
+    test("should View keep className without content", () => {
+        render(React.createElement(View, { "data-testid": "DEFAULT", className: "testClassName" }));
+        const view = screen.getByTestId("DEFAULT");
+        expect(view).toHaveClass("testClassName");
+    });
+    test("should View accept ul/button markup", () => {
+        render(React.createElement(React.Fragment, null,
+            React.createElement(View, { markup: "ul", "data-testid": "DEFAULTUL", className: "testClassName" },
+                React.createElement("li", null, "Liste")),
+            React.createElement(View, { markup: ViewMarkup.BUTTON, "data-testid": "DEFAULTBUTTON", className: "testClassName" })));
+        const viewul = screen.getByTestId("DEFAULTUL");
+        expect(viewul.tagName).toBe("UL");
+        const viewbutton = screen.getByTestId("DEFAULTBUTTON");
+        expect(viewbutton.tagName).toBe("BUTTON");
+    });
+});
+//# sourceMappingURL=View.test.js.map

package/lib/components/view/test/View.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.test.js","sourceRoot":"","sources":["../../../../components/view/test/View.test.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,kBAAkB;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,oBAAoB;AAEpB,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,IAAI,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACnD,MAAM,CACJ,oBAAC,IAAI,mBAAc,SAAS,EAAE,SAAS,EAAE,eAAe,mBAEjD,CACR,CAAC;QACF,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACtD,MAAM,CAAC,oBAAC,IAAI,mBAAc,SAAS,EAAE,SAAS,EAAE,eAAe,GAAI,CAAC,CAAC;QACrE,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC/C,MAAM,CACJ;YACE,oBAAC,IAAI,IACH,MAAM,EAAE,IAAI,iBACC,WAAW,EACxB,SAAS,EAAE,eAAe;gBAE1B,wCAAc,CACT;YACP,oBAAC,IAAI,IACH,MAAM,EAAE,UAAU,CAAC,MAAM,iBACZ,eAAe,EAC5B,SAAS,EAAE,eAAe,GAC1B,CACD,CACJ,CAAC;QACF,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAC/C,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/lib/context/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 interface ITrilogyContext {
     styled: boolean;
     setStyled: (e: boolean) => void;

package/lib/context/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 const TrilogyContext = React.createContext({
     styled: false,
     setStyled: () => undefined,
@@ -6,7 +6,7 @@ const TrilogyContext = React.createContext({
 const useTrilogyContext = () => {
     const context = React.useContext(TrilogyContext);
     if (context === undefined) {
-        throw new Error('useTrilogyContext must be used within a TrilogyProvider');
+        throw new Error("useTrilogyContext must be used within a TrilogyProvider");
     }
     return context;
 };

package/lib/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC1D,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;KAC3E;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC1D,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;KAC3E;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA"}

package/lib/context/interfaces.d.ts

@@ -3,7 +3,6 @@ export interface ITrilogyTheme {
     icons?: {
         [key: string]: ImageSourcePropType;
     };
-    colors: {
-        [key: string]: string;
-    };
+    colors: any;
+    fontFamily?: any;
 }

package/lib/context/providerStates.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StatesContext: import("react").Context<{
+    inverted: boolean;
+    active: boolean;
+    flat: boolean;
+}>;

package/lib/context/providerStates.js

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+export const StatesContext = createContext({
+    inverted: false,
+    active: false,
+    flat: false,
+});
+//# sourceMappingURL=providerStates.js.map

package/lib/context/providerStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"providerStates.js","sourceRoot":"","sources":["../../context/providerStates.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAC;IACzC,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;CACZ,CAAC,CAAA"}

package/lib/context/providerStyled.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from "react";
 interface TrilogyProviderStyledProps {
     children: React.ReactNode;
     theme?: string;
@@ -8,5 +8,5 @@ interface TrilogyProviderStyledProps {
  * @param children App
  * @param theme (optionnal) Url of stylesheet customisation
  */
-declare const TrilogyProviderStyled: ({ children, theme }: TrilogyProviderStyledProps) => JSX.Element;
+declare const TrilogyProviderStyled: ({ children, theme, }: TrilogyProviderStyledProps) => JSX.Element;
 export { TrilogyProviderStyled };

package/lib/context/providerStyled.js

@@ -1,29 +1,29 @@
 "use client";
-import React from 'react';
-import { TrilogyContext } from './index';
+import * as React from "react";
+import { TrilogyContext } from "./index";
 /**
  * Trilogy Provider With Style
  * @param children App
  * @param theme (optionnal) Url of stylesheet customisation
  */
-const TrilogyProviderStyled = ({ children, theme }) => {
+const TrilogyProviderStyled = ({ children, theme, }) => {
     const [styled, setStyled] = React.useState(false);
     React.useEffect(() => {
         if (theme) {
-            const link = document.createElement('link');
+            const link = document.createElement("link");
             link.href = theme;
-            link.rel = 'stylesheet';
-            link.type = 'text/css';
+            link.rel = "stylesheet";
+            link.type = "text/css";
             document.head.appendChild(link);
             return () => {
                 document.head.removeChild(link);
             };
         }
         else if (!theme) {
-            import('@trilogy-ds/styles/dist/default/trilogy.css');
+            import("@trilogy-ds/styles/dist/default/trilogy.css");
         }
     }, [theme]);
-    return React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children);
+    return (React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children));
 };
 export { TrilogyProviderStyled };
 //# sourceMappingURL=providerStyled.js.map

package/lib/context/providerStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerStyled.js","sourceRoot":"","sources":["../../context/providerStyled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAOxC;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA8B,EAAe,EAAE;IAC7F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,EAAE;YACT,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YAC3C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;YACjB,IAAI,CAAC,GAAG,GAAG,YAAY,CAAA;YACvB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAA;YAEtB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YAE/B,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YACjC,CAAC,CAAA;SACF;aACI,IAAI,CAAC,KAAK,EAAE;YACf,MAAM,CAAC,6CAA6C,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAG,QAAQ,CAA2B,CAAA;AACpG,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"providerStyled.js","sourceRoot":"","sources":["../../context/providerStyled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAOxC;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,KAAK,GACsB,EAAe,EAAE;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,EAAE;YACT,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YAC3C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;YACjB,IAAI,CAAC,GAAG,GAAG,YAAY,CAAA;YACvB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAA;YAEtB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YAE/B,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YACjC,CAAC,CAAA;SACF;aAAM,IAAI,CAAC,KAAK,EAAE;YACjB,MAAM,CAAC,6CAA6C,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAClD,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/lib/context/providerStyledMangled.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
+import * as React from "react";
+import "@trilogy-ds/styles/dist/default/trilogy-mangled.css";
 /**
  * Trilogy Provider With Mangled Style
  * @param children App
  */
-declare const TrilogyProviderStyledMangled: ({ children }: {
+declare const TrilogyProviderStyledMangled: ({ children, }: {
     children: React.ReactNode;
 }) => JSX.Element;
 export { TrilogyProviderStyledMangled };

package/lib/context/providerStyledMangled.js

@@ -1,14 +1,14 @@
-'use client';
-import React from 'react';
-import { TrilogyContext } from './index';
-import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
+"use client";
+import * as React from "react";
+import { TrilogyContext } from "./index";
+import "@trilogy-ds/styles/dist/default/trilogy-mangled.css";
 /**
  * Trilogy Provider With Mangled Style
  * @param children App
  */
-const TrilogyProviderStyledMangled = ({ children }) => {
+const TrilogyProviderStyledMangled = ({ children, }) => {
     const [styled, setStyled] = React.useState(true);
-    return React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children);
+    return (React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children));
 };
 export { TrilogyProviderStyledMangled };
 //# sourceMappingURL=providerStyledMangled.js.map

package/lib/context/providerStyledMangled.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerStyledMangled.js","sourceRoot":"","sources":["../../context/providerStyledMangled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,qDAAqD,CAAA;AAE5D;;;GAGG;AACH,MAAM,4BAA4B,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAe,EAAE;IAChG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAA;IACzD,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAG,QAAQ,CAA2B,CAAA;AACpG,CAAC,CAAA;AAED,OAAO,EAAE,4BAA4B,EAAE,CAAA"}
+{"version":3,"file":"providerStyledMangled.js","sourceRoot":"","sources":["../../context/providerStyledMangled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,qDAAqD,CAAA;AAE5D;;;GAGG;AACH,MAAM,4BAA4B,GAAG,CAAC,EACpC,QAAQ,GAGT,EAAe,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAA;IACzD,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAClD,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,4BAA4B,EAAE,CAAA"}

package/lib/context/providerTheme.d.ts

@@ -1,4 +1,10 @@
-import React from "react";
+import React, { Dispatch, SetStateAction } from "react";
 import { ITrilogyTheme } from "./interfaces";
 export declare const defaultTheme: ITrilogyTheme;
+interface ITrilogyThemeContext {
+    theme: ITrilogyTheme;
+    setTheme: Dispatch<SetStateAction<ITrilogyTheme>>;
+}
+export declare const TrilogyThemeContext: React.Context<ITrilogyThemeContext>;
 export declare const TrilogyThemeProvider: () => React.JSX.Element;
+export {};

package/lib/context/providerTheme.js

@@ -2,8 +2,15 @@ import React from "react";
 export const defaultTheme = {
     icons: {},
     colors: {},
+    fontFamily: {}
 };
+const defaultContextValue = {
+    theme: defaultTheme,
+    setTheme: () => undefined,
+};
+export const TrilogyThemeContext = React.createContext(defaultContextValue);
 export const TrilogyThemeProvider = () => {
+    // eslint-disable-next-line react/jsx-no-useless-fragment
     return React.createElement(React.Fragment, null);
 };
 //# sourceMappingURL=providerTheme.js.map

package/lib/context/providerTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerTheme.js","sourceRoot":"","sources":["../../context/providerTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;CACX,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,OAAO,yCAAK,CAAA;AACd,CAAC,CAAA"}
+{"version":3,"file":"providerTheme.js","sourceRoot":"","sources":["../../context/providerTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAGrD,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;CACf,CAAA;AAOD,MAAM,mBAAmB,GAAG;IAC1B,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,yDAAyD;IACzD,OAAO,yCAAK,CAAA;AACd,CAAC,CAAA"}

package/lib/context/providerTheme.native.d.ts

@@ -1,4 +1,4 @@
-import React, { Dispatch, ReactNode, SetStateAction } from 'react';
+import React, { Dispatch, ReactNode, SetStateAction } from "react";
 import { ITrilogyTheme } from "./interfaces";
 export interface ITrilogyThemeProvider {
     children?: ReactNode;
@@ -9,31 +9,10 @@ export interface ITrilogyThemeContext {
     setTheme: Dispatch<SetStateAction<ITrilogyTheme>>;
 }
 export declare const defaultIcons: {};
-export declare const defaultColors: {
-    primary: string;
-    secondary: string;
-    tertiary: string;
-    success: string;
-    info: string;
-    warning: string;
-    error: string;
-    white: string;
-    grey: string;
-    greyDark: string;
-    greyLigth: string;
-    greyLighter: string;
-    greyDisabled: string;
-    bgInfo: string;
-    bgSuccess: string;
-    bgWarning: string;
-    bgError: string;
-    bgDefault: string;
-    default: string;
-};
 export declare const defaultTheme: ITrilogyTheme;
 export declare const defaultContextValue: {
     theme: ITrilogyTheme;
     setTheme: () => undefined;
 };
 export declare const TrilogyThemeContext: React.Context<ITrilogyThemeContext>;
-export declare const TrilogyThemeProvider: ({ children, theme }: ITrilogyThemeProvider) => JSX.Element;
+export declare const TrilogyThemeProvider: ({ children, theme, }: ITrilogyThemeProvider) => JSX.Element;

package/lib/context/providerTheme.native.js

@@ -1,33 +1,17 @@
-import React from 'react';
+import React from "react";
+import { colors } from "../objects/facets/Color";
 export const defaultIcons = {};
-export const defaultColors = {
-    primary: '#1A688A',
-    secondary: '#D44A4A',
-    tertiary: '#333',
-    success: '#007B52',
-    info: '#1A688A',
-    warning: '#FFBB33',
-    error: '#D42D02',
-    white: '#fff',
-    grey: '#707070',
-    greyDark: '#646464',
-    greyLigth: '#E9E9E9',
-    greyLighter: '#F4F4F4',
-    greyDisabled: '#D1D1D1',
-    bgInfo: 'hsl(200, 50%, 70%)',
-    bgSuccess: 'hsl(120, 50%, 70%)',
-    bgWarning: 'hsl(40, 50%, 70%)',
-    bgError: 'hsl(0, 50%, 70%)',
-    bgDefault: '#E4E6E8',
-    default: '#333',
-};
 export const defaultTheme = {
     icons: defaultIcons,
-    colors: defaultColors,
+    colors: colors,
+    fontFamily: { 'regular': 'poppins-regular', 'medium': 'poppins-medium', 'bold': 'poppins-semibold' }
+};
+export const defaultContextValue = {
+    theme: defaultTheme,
+    setTheme: () => undefined,
 };
-export const defaultContextValue = { theme: defaultTheme, setTheme: () => undefined };
 export const TrilogyThemeContext = React.createContext(defaultContextValue);
-export const TrilogyThemeProvider = ({ children, theme }) => {
+export const TrilogyThemeProvider = ({ children, theme, }) => {
     const [trilogyTheme, setTrilogyTheme] = React.useState(theme || defaultTheme);
     return (React.createElement(TrilogyThemeContext.Provider, { value: { theme: trilogyTheme, setTheme: setTrilogyTheme } }, children));
 };

package/lib/context/providerTheme.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerTheme.native.js","sourceRoot":"","sources":["../../context/providerTheme.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAalE,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAA;AAE9B,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,SAAS;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,WAAW,EAAE,SAAS;IACtB,YAAY,EAAE,SAAS;IACvB,MAAM,EAAE,oBAAoB;IAC5B,SAAS,EAAE,oBAAoB;IAC/B,SAAS,EAAE,mBAAmB;IAC9B,OAAO,EAAE,kBAAkB;IAC3B,SAAS,EAAE,SAAS;IACpB,OAAO,EAAE,MAAM;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,aAAa;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,EAAE,CAAA;AACrF,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAyB,EAAe,EAAE;IAC9F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,KAAK,IAAI,YAAY,CAAC,CAAA;IAE5F,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,IACpF,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"providerTheme.native.js","sourceRoot":"","sources":["../../context/providerTheme.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAA;AAYhD,MAAM,CAAC,MAAM,YAAY,GAAG,EAAE,CAAA;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,EAAE,SAAS,EAAE,iBAAiB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,kBAAkB,EAAE;CACrG,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;CAC1B,CAAA;AACD,MAAM,CAAC,MAAM,mBAAmB,GAC9B,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEhE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,KAAK,GACiB,EAAe,EAAE;IACvC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CACpD,KAAK,IAAI,YAAY,CACtB,CAAA;IAED,OAAO,CACL,oBAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE,IAExD,QAAQ,CACoB,CAChC,CAAA;AACH,CAAC,CAAA"}

package/lib/context/test/provider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/context/test/provider.test.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { TrilogyProvider } from '../provider';
+import { TrilogyContext } from '../index';
+describe('TrilogyProvider', () => {
+    it('should render children', () => {
+        const { getByText } = render(React.createElement(TrilogyProvider, null,
+            React.createElement("div", null, "Test Child")));
+        const childElement = getByText(/Test Child/i);
+        expect(childElement).toBeInTheDocument();
+    });
+    it('should render children with the initial styled state', () => {
+        const testStyledState = true;
+        const { getByTestId } = render(React.createElement(TrilogyProvider, { mangled: true },
+            React.createElement(TrilogyContext.Consumer, null, ({ styled }) => React.createElement("div", { "data-testid": 'styled-state' }, styled.toString()))));
+        const styledState = getByTestId('styled-state');
+        expect(styledState).toHaveTextContent(testStyledState.toString());
+    });
+    function getLink() {
+        return document.head.getElementsByTagName("link")[0];
+    }
+    it('should append link tag with the good version', () => {
+        render(React.createElement(TrilogyProvider, { injectTrilogyAssets: true },
+            React.createElement(TrilogyContext.Consumer, null, () => React.createElement("div", null, "test"))));
+        const headerLink = getLink();
+        expect(headerLink).toBeDefined();
+        expect(headerLink.getAttribute('href')).toContain('/trilogy.css');
+    });
+});
+//# sourceMappingURL=provider.test.js.map

package/lib/context/test/provider.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.test.js","sourceRoot":"","sources":["../../../context/test/provider.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,oBAAC,eAAe;YACd,8CAAqB,CACL,CACnB,CAAA;QACD,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAA;QAC7C,MAAM,CAAC,YAAY,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC1C,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC9D,MAAM,eAAe,GAAG,IAAI,CAAA;QAC5B,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,eAAe,IAAC,OAAO;YACtB,oBAAC,cAAc,CAAC,QAAQ,QACrB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,4CAAiB,cAAc,IAAE,MAAM,CAAC,QAAQ,EAAE,CAAO,CAClD,CACV,CACnB,CAAA;QACD,MAAM,WAAW,GAAG,WAAW,CAAC,cAAc,CAAC,CAAA;QAC/C,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAA;IACnE,CAAC,CAAC,CAAA;IAEF,SAAS,OAAO;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IACtD,CAAC;IAED,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,CACJ,oBAAC,eAAe,IAAC,mBAAmB;YAClC,oBAAC,cAAc,CAAC,QAAQ,QACrB,GAAG,EAAE,CAAC,wCAAe,CACE,CACV,CACnB,CAAA;QACD,MAAM,UAAU,GAAG,OAAO,EAAE,CAAA;QAC5B,MAAM,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE,CAAA;QAChC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IACnE,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/lib/helpers/device.d.ts

@@ -0,0 +1,16 @@
+interface SSRReturn {
+    isBrowser: boolean;
+    isServer: boolean;
+    isNative: boolean;
+    device: Device;
+    canUseWorkers: boolean;
+    canUseEventListeners: boolean;
+    canUseViewport: boolean;
+}
+export declare enum Device {
+    Browser = "browser",
+    Server = "server",
+    Native = "native"
+}
+export declare const ssrDevice: () => SSRReturn;
+export {};

package/lib/helpers/device.js

@@ -0,0 +1,27 @@
+export var Device;
+(function (Device) {
+    Device["Browser"] = "browser";
+    Device["Server"] = "server";
+    Device["Native"] = "native";
+})(Device || (Device = {}));
+const { Browser, Server, Native } = Device;
+const canUseDOM = !!(typeof window !== 'undefined' &&
+    window.document &&
+    window.document.createElement);
+const canUseNative = typeof navigator != 'undefined' && navigator.product == 'ReactNative';
+const device = canUseNative ? Native : canUseDOM ? Browser : Server;
+const SSRObjectDefined = {
+    isBrowser: device === Browser,
+    isServer: device === Server,
+    isNative: device === Native,
+    device,
+    canUseWorkers: typeof Worker !== 'undefined',
+    canUseEventListeners: device === Browser && !!window.addEventListener,
+    canUseViewport: device === Browser && !!window.screen,
+};
+const assign = (...args) => args.reduce((acc, obj) => ({ ...acc, ...obj }), {});
+const values = (obj) => Object.keys(obj).map(key => obj[key]);
+const toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
+const SSRObject = toArrayObject();
+export const ssrDevice = () => SSRObject;
+//# sourceMappingURL=device.js.map

package/lib/helpers/device.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"device.js","sourceRoot":"","sources":["../../helpers/device.ts"],"names":[],"mappings":"AAUA,MAAM,CAAN,IAAY,MAIX;AAJD,WAAY,MAAM;IAChB,6BAAmB,CAAA;IACnB,2BAAiB,CAAA;IACjB,2BAAiB,CAAA;AACnB,CAAC,EAJW,MAAM,KAAN,MAAM,QAIjB;AAED,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;AAE1C,MAAM,SAAS,GAAG,CAAC,CAAC,CAClB,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,QAAQ;IACf,MAAM,CAAC,QAAQ,CAAC,aAAa,CAC9B,CAAA;AAED,MAAM,YAAY,GAAY,OAAO,SAAS,IAAI,WAAW,IAAI,SAAS,CAAC,OAAO,IAAI,aAAa,CAAA;AAEnG,MAAM,MAAM,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;AAEnE,MAAM,gBAAgB,GAAG;IACvB,SAAS,EAAE,MAAM,KAAK,OAAO;IAC7B,QAAQ,EAAE,MAAM,KAAK,MAAM;IAC3B,QAAQ,EAAE,MAAM,KAAK,MAAM;IAC3B,MAAM;IACN,aAAa,EAAE,OAAO,MAAM,KAAK,WAAW;IAC5C,oBAAoB,EAAE,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,gBAAgB;IACrE,cAAc,EAAE,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM;CACtD,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;AACtF,MAAM,MAAM,GAAG,CAAC,GAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAClE,MAAM,aAAa,GAAG,GAAc,EAAE,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAA;AAE3F,MAAM,SAAS,GAAG,aAAa,EAAE,CAAA;AAEjC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAc,EAAE,CAAC,SAAS,CAAA"}

package/lib/helpers/index.d.ts

@@ -1,3 +1,4 @@
 export * from './enumHelpers';
 export * from './hashClassesHelpers';
 export * from './testHelpers';
+export * from './device';