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

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

@@ -10,7 +10,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param onClick {Function} Click Event
  * @param flexable {boolean} Flexable view
  * @param bottom {boolean} Bottom position
- * @param color {TrilogyColor} View backgroud color
+ * @param backgroundColor {TrilogyColor} View backgroud color
  * @param backgroundSrc {string} Source of background Image
  * @param id {string} Id for Web / TestID for Native
  * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
@@ -18,8 +18,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param fullwidth {boolean} true by default
  * @param others
  */
-const View = ({ children, style, onClick, flexable, bottom, background, backgroundSrc, id, justify, fullwidth = true, align, ...others }) => {
-    const viewColor = (background && getColorStyle(background)) || "transparent";
+const View = ({ children, style, onClick, flexable, bottom, backgroundColor, backgroundSrc, id, justify, fullwidth = true, align, ...others }) => {
+    const viewColor = (backgroundColor && getColorStyle(backgroundColor)) || "transparent";
     const styles = StyleSheet.create({
         view: {
             flex: flexable ? 1 : 0,

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/ViewPropsDefaults.js

@@ -0,0 +1,219 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "style": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "Styles"
+    ]
+  },
+  "flexable": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "bottom": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "markup": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "a",
+      "button",
+      "div",
+      "input",
+      "label",
+      "li",
+      "p",
+      "span",
+      "ul",
+      "button",
+      "input",
+      "a",
+      "span",
+      "div",
+      "p",
+      "ul",
+      "li",
+      "label"
+    ]
+  },
+  "loading": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "false",
+      "true",
+      "LOADING",
+      "LOADED",
+      "LOADING",
+      "LOADED"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "ClickEvent"
+    ]
+  },
+  "justify": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "justified-center",
+      "justified-start",
+      "justified-end",
+      "space-between",
+      "JUSTIFIED_CENTER",
+      "JUSTIFIED_START",
+      "JUSTIFIED_END",
+      "SPACE_BETWEEN"
+    ]
+  },
+  "fullwidth": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "verticalAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "FONT",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE"
+    ]
+  },
+  "backgroundSrc": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "accessibilityActivate": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  }
+};

package/lib/context/index.d.ts

@@ -1,7 +1,9 @@
-import * as React from "react";
+import * as React from 'react';
 interface ITrilogyContext {
     styled: boolean;
     setStyled: (e: boolean) => void;
+    hash?: string;
+    setHash?: React.Dispatch<React.SetStateAction<string>>;
 }
 declare const TrilogyContext: React.Context<ITrilogyContext>;
 declare const useTrilogyContext: () => ITrilogyContext;

package/lib/context/index.js

@@ -1,4 +1,4 @@
-import * as 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,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,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/provider.native.d.ts

@@ -1 +1,4 @@
-export declare const TrilogyProvider: () => void;
+import { ReactNode } from 'react';
+export declare const TrilogyProvider: ({ children }: {
+    children: ReactNode;
+}) => ReactNode;

package/lib/context/provider.native.js

@@ -1,4 +1,4 @@
-export const TrilogyProvider = () => {
-    return;
+export const TrilogyProvider = ({ children }) => {
+    return children;
 };
 //# sourceMappingURL=provider.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"provider.native.js","sourceRoot":"","sources":["../../context/provider.native.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAM;AACR,CAAC,CAAA"}
+{"version":3,"file":"provider.native.js","sourceRoot":"","sources":["../../context/provider.native.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACvE,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/lib/context/providerStyled.d.ts

@@ -1,12 +1,14 @@
-import * as React from "react";
+import * as React from 'react';
 interface TrilogyProviderStyledProps {
     children: React.ReactNode;
-    theme?: string;
+    theme?: 'default' | 'mangled' | 'none';
+    hash?: string;
 }
 /**
  * Trilogy Provider With Style
  * @param children App
- * @param theme (optionnal) Url of stylesheet customisation
+ * @param theme (optionnal) 'default'| 'mangled' |'none' style
+ * @param hash (optionnal) hash for html class
  */
-declare const TrilogyProviderStyled: ({ children, theme, }: TrilogyProviderStyledProps) => JSX.Element;
+declare const TrilogyProviderStyled: ({ children, theme, hash: HASH, }: TrilogyProviderStyledProps) => JSX.Element;
 export { TrilogyProviderStyled };

package/lib/context/providerStyled.js

@@ -1,29 +1,32 @@
-"use client";
-import * as React from "react";
-import { TrilogyContext } from "./index";
+'use client';
+import * as React from 'react';
+import hashJSON from '../hash.json';
+import { TrilogyContext } from './index';
 /**
  * Trilogy Provider With Style
  * @param children App
- * @param theme (optionnal) Url of stylesheet customisation
+ * @param theme (optionnal) 'default'| 'mangled' |'none' style
+ * @param hash (optionnal) hash for html class
  */
-const TrilogyProviderStyled = ({ children, theme, }) => {
+const TrilogyProviderStyled = ({ children, theme = 'default', hash: HASH = hashJSON.HASH, }) => {
     const [styled, setStyled] = React.useState(false);
-    React.useEffect(() => {
-        if (theme) {
-            const link = document.createElement("link");
-            link.href = theme;
-            link.rel = "stylesheet";
-            link.type = "text/css";
-            document.head.appendChild(link);
-            return () => {
-                document.head.removeChild(link);
-            };
+    const [hash, setHash] = React.useState(HASH);
+    const StyleComponent = React.useMemo(() => {
+        switch (true) {
+            case theme === 'mangled' && hash === hashJSON.HASH:
+                setStyled(true);
+                return React.lazy(() => import('../components/styleComponent/mangled/styleComponentMangled'));
+            case theme === 'mangled' && hash !== hashJSON.HASH:
+                setStyled(true);
+                return undefined;
+            case theme === 'default':
+                return React.lazy(() => import('../components/styleComponent/default/styleComponent'));
+            default:
+                return undefined;
         }
-        else if (!theme) {
-            import("@trilogy-ds/styles/dist/default/trilogy.css");
-        }
-    }, [theme]);
-    return (React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children));
+    }, [theme, hash]);
+    return (React.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, StyleComponent ? (React.createElement(React.Suspense, { fallback: null },
+        React.createElement(StyleComponent, null, children))) : (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,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"}
+{"version":3,"file":"providerStyled.js","sourceRoot":"","sources":["../../context/providerStyled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAQxC;;;;;GAKG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,IAAI,EAAE,IAAI,GAAG,QAAQ,CAAC,IAAI,GACC,EAAe,EAAE;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,IAAI,CAAC,CAAA;IAEpD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,QAAQ,IAAI,EAAE;YACZ,KAAK,KAAK,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI;gBAChD,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,2DAA2D,CAAC,CAAC,CAAA;YAE9F,KAAK,KAAK,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI;gBAChD,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,OAAO,SAAS,CAAA;YAElB,KAAK,KAAK,KAAK,SAAS;gBACtB,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,oDAAoD,CAAC,CAAC,CAAA;YAEvF;gBACE,OAAO,SAAS,CAAA;SACnB;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IACjE,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;QAC5B,oBAAC,cAAc,QAAE,QAAQ,CAAkB,CAC5B,CAClB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -1 +1,4 @@
-export declare const TrilogyProviderStyled: () => void;
+import { ReactNode } from 'react';
+export declare const TrilogyProviderStyled: ({ children }: {
+    children: ReactNode;
+}) => ReactNode;

package/lib/context/providerStyled.native.js

@@ -1,4 +1,4 @@
-export const TrilogyProviderStyled = () => {
-    return;
+export const TrilogyProviderStyled = ({ children }) => {
+    return children;
 };
 //# sourceMappingURL=providerStyled.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"providerStyled.native.js","sourceRoot":"","sources":["../../context/providerStyled.native.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAM;AACR,CAAC,CAAA"}
+{"version":3,"file":"providerStyled.native.js","sourceRoot":"","sources":["../../context/providerStyled.native.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC7E,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/lib/context/providerTheme.d.ts

@@ -1,10 +1,12 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { ITrilogyTheme } from "./interfaces";
+import React, { Dispatch, ReactNode, 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 declare const TrilogyThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => React.ReactNode;
 export {};

package/lib/context/providerTheme.js

@@ -1,16 +1,15 @@
-import React from "react";
+import React from 'react';
 export const defaultTheme = {
     icons: {},
     colors: {},
-    fontFamily: {}
+    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);
+export const TrilogyThemeProvider = ({ children }) => {
+    return children;
 };
 //# 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,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"}
+{"version":3,"file":"providerTheme.js","sourceRoot":"","sources":["../../context/providerTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAGlE,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,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC5E,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/lib/hash.json

@@ -1,3 +1,3 @@
 {
-    "HASH": "1010aab"
+    "HASH": "160b3e3"
 }

package/lib/helpers/hashClassesHelpers.js

@@ -1,16 +1,17 @@
-import hash from '../hash.json';
+import { useTrilogyContext } from '../context';
 /**
  * Used to hash classes if styled components
  * @param styled Apply only if styled props
  * @param classes String classes
  */
 export const hashClass = (styled = false, classes) => {
+    const { hash } = useTrilogyContext();
     if (classes.trim().length < 1)
         return '';
     if (styled) {
         return classes
             .split(' ')
-            .map((classe) => (classe = `${classe}__${hash.HASH}`))
+            .map((classe) => (classe = `${classe}__${hash}`))
             .join(' ');
     }
     return classes;

package/lib/helpers/hashClassesHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"hashClassesHelpers.js","sourceRoot":"","sources":["../../helpers/hashClassesHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAA;AAE/B;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,OAAe,EAAU,EAAE;IACnE,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IACxC,IAAI,MAAM,EAAE;QACV,OAAO,OAAO;aACX,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,GAAG,MAAM,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;aAC7D,IAAI,CAAC,GAAG,CAAC,CAAA;KACb;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"hashClassesHelpers.js","sourceRoot":"","sources":["../../helpers/hashClassesHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,OAAe,EAAU,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEpC,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IACxC,IAAI,MAAM,EAAE;QACV,OAAO,OAAO;aACX,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,GAAG,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC;aACxD,IAAI,CAAC,GAAG,CAAC,CAAA;KACb;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

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

@@ -9,7 +9,6 @@ export declare enum TypographyColor {
     TEXT_WARNING = "has-text-warning",
     TEXT_ERROR = "has-text-error",
     TEXT_NEUTRAL = "has-text-grey",
-    TEXT_NEUTRAL_DARK = "has-text-grey-dark",
     TEXT_WHITE = "has-text-white",
     TEXT_DISABLED = "has-text-disabled"
 }

package/lib/objects/Typography/TypographyColor.js

@@ -11,7 +11,6 @@ export var TypographyColor;
     TypographyColor["TEXT_WARNING"] = "has-text-warning";
     TypographyColor["TEXT_ERROR"] = "has-text-error";
     TypographyColor["TEXT_NEUTRAL"] = "has-text-grey";
-    TypographyColor["TEXT_NEUTRAL_DARK"] = "has-text-grey-dark";
     TypographyColor["TEXT_WHITE"] = "has-text-white";
     TypographyColor["TEXT_DISABLED"] = "has-text-disabled";
 })(TypographyColor || (TypographyColor = {}));
@@ -22,42 +21,38 @@ export var TypographyColor;
  */
 export const setTypographyColor = (typo = "", inverted = false) => {
     return ((Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ACCENT)
-        ? getColorStyle(TrilogyColor.ACCENT, 0)
+        ? getColorStyle(TrilogyColor.ACCENT)
         : typo === TypographyColor.TEXT_ACCENT &&
-            getColorStyle(TrilogyColor.ACCENT, 0)) ||
+            getColorStyle(TrilogyColor.ACCENT)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_MAIN)
-            ? getColorStyle(TrilogyColor.MAIN, 0)
+            ? getColorStyle(TrilogyColor.MAIN)
             : typo === TypographyColor.TEXT_MAIN &&
-                getColorStyle(TrilogyColor.MAIN, 0)) ||
+                getColorStyle(TrilogyColor.MAIN)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_INFO)
-            ? getColorStyle(TrilogyColor.INFO, 0)
+            ? getColorStyle(TrilogyColor.INFO)
             : typo === TypographyColor.TEXT_INFO &&
-                getColorStyle(TrilogyColor.INFO, 0)) ||
+                getColorStyle(TrilogyColor.INFO)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SUCCESS)
-            ? getColorStyle(TrilogyColor.SUCCESS, 0)
+            ? getColorStyle(TrilogyColor.SUCCESS)
             : typo === TypographyColor.TEXT_SUCCESS &&
-                getColorStyle(TrilogyColor.SUCCESS, 0)) ||
+                getColorStyle(TrilogyColor.SUCCESS)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WARNING)
-            ? getColorStyle(TrilogyColor.WARNING, 0)
+            ? getColorStyle(TrilogyColor.WARNING)
             : typo === TypographyColor.TEXT_WARNING &&
-                getColorStyle(TrilogyColor.WARNING, 0)) ||
+                getColorStyle(TrilogyColor.WARNING)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ERROR)
-            ? getColorStyle(TrilogyColor.ERROR, 0)
+            ? getColorStyle(TrilogyColor.ERROR)
             : typo === TypographyColor.TEXT_ERROR &&
-                getColorStyle(TrilogyColor.ERROR, 0)) ||
-        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_NEUTRAL_DARK)
-            ? getColorStyle(TrilogyColor.NEUTRAL_DARK, 0)
-            : typo === TypographyColor.TEXT_NEUTRAL_DARK &&
-                getColorStyle(TrilogyColor.NEUTRAL_DARK, 0)) ||
+                getColorStyle(TrilogyColor.ERROR)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_NEUTRAL)
-            ? getColorStyle(TrilogyColor.NEUTRAL, 0)
+            ? getColorStyle(TrilogyColor.NEUTRAL)
             : typo === TypographyColor.TEXT_NEUTRAL &&
-                getColorStyle(TrilogyColor.NEUTRAL, 0)) ||
+                getColorStyle(TrilogyColor.NEUTRAL)) ||
         (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
-            ? getColorStyle(TrilogyColor.BACKGROUND, 0)
+            ? getColorStyle(TrilogyColor.BACKGROUND)
             : typo === TypographyColor.TEXT_WHITE &&
-                getColorStyle(TrilogyColor.BACKGROUND, 0)) ||
-        (inverted && !typo && getColorStyle(TrilogyColor.BACKGROUND, 0)) ||
-        getColorStyle(TrilogyColor.MAIN, 0));
+                getColorStyle(TrilogyColor.BACKGROUND)) ||
+        (inverted && !typo && getColorStyle(TrilogyColor.BACKGROUND)) ||
+        getColorStyle(TrilogyColor.MAIN));
 };
 //# sourceMappingURL=TypographyColor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TypographyColor.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyColor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TypographyColor.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyColor.ts"],"names":[],"mappings":"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"}

package/lib/objects/atoms/Background.d.ts

@@ -4,10 +4,7 @@ import { Invertable } from "../../objects/facets";
  * Background props
  */
 export interface BackgroundProps extends Invertable {
-    background?: TrilogyColor | TrilogyColorValues | {
-        color: TrilogyColor;
-        fade: boolean;
-    };
+    backgroundColor?: TrilogyColor | TrilogyColorValues;
     backgroundSrc?: string;
 }
 /**
@@ -15,16 +12,4 @@ export interface BackgroundProps extends Invertable {
  * @param backgroundType {string} - BackgroundType
  * @returns {string} - Background Color value
  */
-export declare const getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues | {
-    color: TrilogyColor;
-    fade: boolean;
-}) => string;
-/**
- * Returns background's style depending on background type
- * @param backgroundType {string} - BackgroundType
- * @returns {string} - Background Color value
- */
-export declare const getBackgroundStyle: (backgroundType: TrilogyColor | TrilogyColorValues | {
-    color: TrilogyColor;
-    fade: boolean;
-}) => string;
+export declare const getBackgroundClassName: (backgroundType: TrilogyColor | TrilogyColorValues) => string;

package/lib/objects/atoms/Background.js

@@ -1,23 +1,10 @@
-import { getColorClassName, getColorStyle, } from "../../objects/facets/Color";
+import { getColorClassName, } from "../../objects/facets/Color";
 /**
  * Returns background's classname depending on background type
  * @param backgroundType {string} - BackgroundType
  * @returns {string} - Background Color value
  */
 export const getBackgroundClassName = (backgroundType) => {
-    if (backgroundType && typeof backgroundType === 'object') {
-        return `background-${getColorClassName(backgroundType.color)}${backgroundType.fade ? '-fade' : ''}`;
-    }
     return `background-${getColorClassName(backgroundType)}`;
 };
-/**
- * Returns background's style depending on background type
- * @param backgroundType {string} - BackgroundType
- * @returns {string} - Background Color value
- */
-export const getBackgroundStyle = (backgroundType) => {
-    const color = (backgroundType && typeof backgroundType === 'object') ? backgroundType.color : backgroundType;
-    const fade = (backgroundType && typeof backgroundType === 'object') ? backgroundType.fade : false;
-    return getColorStyle(color, fade ? 1 : 0);
-};
 //# sourceMappingURL=Background.js.map