@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta-52

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/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,KAAmC,MAAM,OAAO,CAAA;AAGvD,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,KAA8C,MAAM,OAAO,CAAA;AAElE,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/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) => Object.assign({}, ...args);
+const values = (obj) => Object.values(obj);
+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,CAAmB,GAAG,IAAS,EAAK,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAA;AAChF,MAAM,MAAM,GAAG,CAAsC,GAAM,EAAU,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;AAC1F,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';

package/lib/helpers/index.js

@@ -1,4 +1,5 @@
 export * from './enumHelpers';
 export * from './hashClassesHelpers';
 export * from './testHelpers';
+export * from './device';
 //# sourceMappingURL=index.js.map

package/lib/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA"}

package/lib/objects/Typography/TypographyBold.d.ts

@@ -1,11 +1,12 @@
-import { TextLevels, TextLevelValues } from '../..';
+import { TextLevels, TextLevelValues } from '../../components/text';
 /**
  * Typo bold
  */
 export declare enum TypographyBold {
     TEXT_WEIGHT_NORMAL = "has-text-weight-normal",
     TEXT_WEIGHT_MEDIUM = "has-text-weight-medium",
-    TEXT_WEIGHT_SEMIBOLD = "has-text-weight-semibold"
+    TEXT_WEIGHT_SEMIBOLD = "has-text-weight-semibold",
+    TEXT_WEIGHT_BOLD = "has-text-weight-bold"
 }
 /**
  * Typo bold values
@@ -21,4 +22,4 @@ export declare const getTypographyBoldClassName: (typographyBoldType?: string) =
  * @param level {}
  * @returns {string} - Bold type
  */
-export declare const getTypographyBoldStyle: (typo?: string | Array<string>, level?: TextLevels | TextLevelValues) => string;
+export declare const getTypographyBoldStyle: (typo?: string | Array<string>, level?: TextLevels | TextLevelValues) => any;

package/lib/objects/Typography/TypographyBold.js

@@ -1,3 +1,5 @@
+import { useContext } from 'react';
+import { TrilogyThemeContext } from "../../context/providerTheme";
 /**
  * Typo bold
  */
@@ -6,6 +8,7 @@ export var TypographyBold;
     TypographyBold["TEXT_WEIGHT_NORMAL"] = "has-text-weight-normal";
     TypographyBold["TEXT_WEIGHT_MEDIUM"] = "has-text-weight-medium";
     TypographyBold["TEXT_WEIGHT_SEMIBOLD"] = "has-text-weight-semibold";
+    TypographyBold["TEXT_WEIGHT_BOLD"] = "has-text-weight-bold";
 })(TypographyBold || (TypographyBold = {}));
 /**
  * @param typographyBoldType {TypographyBold|string} - Bold type
@@ -29,15 +32,17 @@ export const getTypographyBoldClassName = (typographyBoldType) => {
  * @returns {string} - Bold type
  */
 export const getTypographyBoldStyle = (typo, level) => {
-    return ((typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_NORMAL && 'poppins-regular') ||
-        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_NORMAL) && 'poppins-regular') ||
-        (typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_MEDIUM && 'poppins-medium') ||
-        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_MEDIUM) && 'poppins-medium') ||
-        (typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_SEMIBOLD && 'poppins-semibold') ||
-        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_SEMIBOLD) && 'poppins-semibold') ||
-        (level && level == 'ONE' && 'poppins-regular') ||
-        (level && level == 'TWO' && 'poppins-regular') ||
-        (level && level == 'THREE' && 'poppins-regular') ||
-        'poppins-regular');
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { theme } = useContext(TrilogyThemeContext);
+    return ((typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_NORMAL && (theme === null || theme === void 0 ? void 0 : 'poppins-regular') || ((_a = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _a === void 0 ? void 0 : _a.regular)) ||
+        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_NORMAL) && (theme === null || theme === void 0 ? void 0 : 'poppins-regular') || ((_b = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _b === void 0 ? void 0 : _b.regular)) ||
+        (typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_MEDIUM && (theme === null || theme === void 0 ? void 0 : 'poppins-medium') || ((_c = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _c === void 0 ? void 0 : _c.medium)) ||
+        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_MEDIUM) && (theme === null || theme === void 0 ? void 0 : 'poppins-medium') || ((_d = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _d === void 0 ? void 0 : _d.medium)) ||
+        (typo && !Array.isArray(typo) && typo === TypographyBold.TEXT_WEIGHT_SEMIBOLD && (theme === null || theme === void 0 ? void 0 : 'poppins-semibold') || ((_e = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _e === void 0 ? void 0 : _e.bold)) ||
+        (typo && Array.isArray(typo) && typo.includes(TypographyBold.TEXT_WEIGHT_SEMIBOLD) && (theme === null || theme === void 0 ? void 0 : 'poppins-semibold') || ((_f = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _f === void 0 ? void 0 : _f.bold)) ||
+        (level && level == 'ONE' && (theme === null || theme === void 0 ? void 0 : 'poppins-regular') || ((_g = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _g === void 0 ? void 0 : _g.regular)) ||
+        (level && level == 'TWO' && (theme === null || theme === void 0 ? void 0 : 'poppins-regular') || ((_h = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _h === void 0 ? void 0 : _h.regular)) ||
+        (level && level == 'THREE' && (theme === null || theme === void 0 ? void 0 : 'poppins-regular') || ((_j = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _j === void 0 ? void 0 : _j.regular)) ||
+        (theme === null || theme === void 0 ? void 0 : 'poppins-regular') || ((_k = theme === null || theme === void 0 ? void 0 : theme.fontFamily) === null || _k === void 0 ? void 0 : _k.regular));
 };
 //# sourceMappingURL=TypographyBold.js.map

package/lib/objects/Typography/TypographyBold.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypographyBold.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyBold.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,+DAA6C,CAAA;IAC7C,+DAA6C,CAAA;IAC7C,mEAAiD,CAAA;AACnD,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAOD;;;GAGG;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CACxC,kBAA2B,EAC8D,EAAE;IAC3F,QAAQ,kBAAkB,EAAE;QAC1B,KAAK,oBAAoB;YACvB,OAAO,wBAAwB,CAAA;QACjC,KAAK,oBAAoB;YACvB,OAAO,wBAAwB,CAAA;QACjC,KAAK,sBAAsB;YACzB,OAAO,0BAA0B,CAAA;QACnC;YACE,OAAO,IAAI,CAAA;KACd;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAA6B,EAAE,KAAoC,EAAU,EAAE;IACpH,OAAO,CACL,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,kBAAkB,IAAI,iBAAiB,CAAC;QACjG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,iBAAiB,CAAC;QACtG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,kBAAkB,IAAI,gBAAgB,CAAC;QAChG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,IAAI,gBAAgB,CAAC;QACrG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,cAAc,CAAC,oBAAoB,IAAI,kBAAkB,CAAC;QACpG,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,oBAAoB,CAAC,IAAI,kBAAkB,CAAC;QACzG,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,iBAAiB,CAAC;QAC9C,CAAC,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,iBAAiB,CAAC;QAC9C,CAAC,KAAK,IAAI,KAAK,IAAI,OAAO,IAAI,iBAAiB,CAAC;QAChD,iBAAiB,CAClB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"TypographyBold.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyBold.tsx"],"names":[],"mappings":"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"}

package/lib/objects/Typography/TypographyColor.d.ts

@@ -2,19 +2,16 @@
  * Typo color
  */
 export declare enum TypographyColor {
-    TEXT_PRIMARY = "has-text-primary",
-    TEXT_SECONDARY = "has-text-secondary",
-    TEXT_TERTIARY = "has-text-tertiary",
-    TEXT_QUATERNARY = "has-text-quaternary",
+    TEXT_MAIN = "has-text-main",
+    TEXT_ACCENT = "has-text-accent",
     TEXT_INFO = "has-text-info",
     TEXT_SUCCESS = "has-text-success",
     TEXT_WARNING = "has-text-warning",
     TEXT_ERROR = "has-text-error",
-    TEXT_GREY_DARK = "has-text-grey-dark",
-    TEXT_GREY = "has-text-grey",
-    TEXT_GREY_LIGHT = "has-text-grey-light",
-    TEXT_GREY_LIGHTER = "has-text-grey-lighter",
-    TEXT_WHITE = "has-text-white"
+    TEXT_NEUTRAL = "has-text-grey",
+    TEXT_NEUTRAL_DARK = "has-text-grey-dark",
+    TEXT_WHITE = "has-text-white",
+    TEXT_DISABLED = "has-text-disabled"
 }
 /**
  * Typo color values