@trilogy-ds/react 0.0.1-beta.9 → 0.0.2-calendar

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 { Accessibility, AlignableProps, BackgroundProps, Clickable, Fullwidth, JustifiableProps, Loadable } from '../../objects';
 type Styles = {
     [key: string]: any;
 };
@@ -12,21 +12,29 @@ export declare enum ViewMarkup {
     P = "p",
     UL = "ul",
     LI = "li",
-    LABEL = "label"
+    LABEL = "label",
+    MAIN = "main",
+    SUMMARY = "summary",
+    DETAILS = "details",
+    OL = "ol",
+    DL = "dl",
+    DT = "dt",
+    DD = "dd",
+    DIALOG = "dialog"
 }
 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, Accessibility {
     children?: React.ReactNode;
     className?: string;
     style?: Styles;
     flexable?: boolean;
     bottom?: boolean;
-    color?: TrilogyColor | TrilogyColorValues;
-    backgroundSrc?: string;
     id?: string;
     markup?: ViewMarkup | ViewMarkupValues;
 }
+export type ViewRef = any;
+export type ViewNativeRef = any;
 export {};

package/lib/components/view/ViewProps.js

@@ -9,5 +9,13 @@ export var ViewMarkup;
     ViewMarkup["UL"] = "ul";
     ViewMarkup["LI"] = "li";
     ViewMarkup["LABEL"] = "label";
+    ViewMarkup["MAIN"] = "main";
+    ViewMarkup["SUMMARY"] = "summary";
+    ViewMarkup["DETAILS"] = "details";
+    ViewMarkup["OL"] = "ol";
+    ViewMarkup["DL"] = "dl";
+    ViewMarkup["DT"] = "dt";
+    ViewMarkup["DD"] = "dd";
+    ViewMarkup["DIALOG"] = "dialog";
 })(ViewMarkup || (ViewMarkup = {}));
-//# sourceMappingURL=ViewProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlld1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy92aWV3L1ZpZXdQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhQSxNQUFNLENBQU4sSUFBWSxVQWtCWDtBQWxCRCxXQUFZLFVBQVU7SUFDcEIsK0JBQWlCLENBQUE7SUFDakIsNkJBQWUsQ0FBQTtJQUNmLHFCQUFPLENBQUE7SUFDUCwyQkFBYSxDQUFBO0lBQ2IseUJBQVcsQ0FBQTtJQUNYLHFCQUFPLENBQUE7SUFDUCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtJQUNULDZCQUFlLENBQUE7SUFDZiwyQkFBYSxDQUFBO0lBQ2IsaUNBQW1CLENBQUE7SUFDbkIsaUNBQW1CLENBQUE7SUFDbkIsdUJBQVMsQ0FBQTtJQUNULHVCQUFTLENBQUE7SUFDVCx1QkFBUyxDQUFBO0lBQ1QsdUJBQVMsQ0FBQTtJQUNULCtCQUFpQixDQUFBO0FBQ25CLENBQUMsRUFsQlcsVUFBVSxLQUFWLFVBQVUsUUFrQnJCIn0=

package/lib/components/view/ViewPropsDefaults.js

@@ -0,0 +1,230 @@
+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",
+      "p",
+      "button",
+      "a",
+      "dd",
+      "details",
+      "dialog",
+      "div",
+      "dl",
+      "dt",
+      "input",
+      "label",
+      "li",
+      "main",
+      "ol",
+      "span",
+      "summary",
+      "ul",
+      "button",
+      "input",
+      "a",
+      "span",
+      "div",
+      "p",
+      "ul",
+      "li",
+      "label",
+      "main",
+      "summary",
+      "details",
+      "ol",
+      "dl",
+      "dt",
+      "dd",
+      "dialog"
+    ]
+  },
+  "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_STRETCH",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
+    ]
+  },
+  "verticalAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_STRETCH"
+    ]
+  },
+  "backgroundColor": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "SUCCESS",
+      "INFO",
+      "WARNING",
+      "ERROR",
+      "MAIN",
+      "ACCENT",
+      "WHITE",
+      "MAIN",
+      "MAIN_FADE",
+      "ACCENT",
+      "ACCENT_FADE",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS",
+      "SUCCESS_FADE",
+      "INFO",
+      "INFO_FADE",
+      "WARNING",
+      "WARNING_FADE",
+      "ERROR",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "STROKE",
+      "WHITE",
+      "MAIN_FADE",
+      "ACCENT_FADE",
+      "FONT",
+      "FONT_PLACEHOLDER",
+      "SUCCESS_FADE",
+      "INFO_FADE",
+      "WARNING_FADE",
+      "ERROR_FADE",
+      "DISABLED",
+      "DISABLED_FADE",
+      "NEUTRAL",
+      "NEUTRAL_FADE",
+      "STROKE"
+    ]
+  },
+  "backgroundSrc": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "accessibilityLabel": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/view/index.js

@@ -1,4 +1,4 @@
 import View from './View';
 export * from './ViewEnum';
 export { View };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3ZpZXcvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLGNBQWMsWUFBWSxDQUFBO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/context/index.d.ts

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

package/lib/context/index.js

@@ -1,14 +1,14 @@
-import React from 'react';
-const TrilogyContext = React.createContext({
+import * as React from 'react';
+var TrilogyContext = React.createContext({
     styled: false,
-    setStyled: () => undefined,
+    setStyled: function () { return undefined; },
 });
-const useTrilogyContext = () => {
-    const context = React.useContext(TrilogyContext);
+var useTrilogyContext = function () {
+    var context = React.useContext(TrilogyContext);
     if (context === undefined) {
         throw new Error('useTrilogyContext must be used within a TrilogyProvider');
     }
     return context;
 };
 export { TrilogyContext, useTrilogyContext };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQVM5QixJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFrQjtJQUMxRCxNQUFNLEVBQUUsS0FBSztJQUNiLFNBQVMsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDM0IsQ0FBQyxDQUFBO0FBRUYsSUFBTSxpQkFBaUIsR0FBRztJQUN4QixJQUFNLE9BQU8sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLGNBQWMsQ0FBQyxDQUFBO0lBQ2hELElBQUksT0FBTyxLQUFLLFNBQVMsRUFBRTtRQUN6QixNQUFNLElBQUksS0FBSyxDQUFDLHlEQUF5RCxDQUFDLENBQUE7S0FDM0U7SUFDRCxPQUFPLE9BQU8sQ0FBQTtBQUNoQixDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLENBQUEifQ==

package/lib/context/index.native.js

@@ -1,4 +1,4 @@
-export const TrilogyContext = () => {
+export var TrilogyContext = function () {
     return;
 };
-//# sourceMappingURL=index.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vY29udGV4dC9pbmRleC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRztJQUM1QixPQUFNO0FBQ1IsQ0FBQyxDQUFBIn0=

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=interfaces.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJmYWNlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbnRleHQvaW50ZXJmYWNlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/context/provider.d.ts

@@ -8,12 +8,13 @@ import React from 'react';
  * @param theme Theme css style
  * @param assetUrl URL to the file with some possible replacement (%VERSION%, %THEME%, %MANGLED%)
  */
-declare const TrilogyProvider: ({ children, mangled, injectTrilogyAssets, id, theme, assetUrl }: {
+declare const TrilogyProvider: ({ children, mangled, injectTrilogyAssets, id, theme, hash: HASH, assetUrl }: {
     children: React.ReactNode;
     mangled?: boolean | undefined;
     injectTrilogyAssets?: boolean | undefined;
     id?: string | undefined;
     theme?: string | undefined;
+    hash?: string | undefined;
     assetUrl?: string | undefined;
 }) => JSX.Element;
 export { TrilogyProvider };

package/lib/context/provider.js

@@ -1,15 +1,17 @@
 "use client";
+import { __read } from "tslib";
 import React, { useLayoutEffect } from 'react';
 import { TrilogyContext } from './index';
 import { version } from '../version';
-const getHrefFromAssetUri = (assetUrl, theme, mangled) => {
-    return process.env.ASSET_URI
+import versionJSON from '../version.json';
+var getHrefFromAssetUri = function (assetUrl, theme, mangled) {
+    return (assetUrl)
         .replace('%VERSION%', version)
         .replace('%THEME%', theme)
         .replace('%MANGLED%', mangled ? '-mangled' : '');
 };
-const injectTrilogy = (mangled, id, theme, assetUrl) => {
-    const link = document.createElement("link");
+var injectTrilogy = function (mangled, id, theme, assetUrl) {
+    var link = document.createElement("link");
     link.type = "text/css";
     link.rel = "stylesheet";
     link.href = getHrefFromAssetUri(assetUrl, theme, mangled);
@@ -25,12 +27,14 @@ const injectTrilogy = (mangled, id, theme, assetUrl) => {
  * @param theme Theme css style
  * @param assetUrl URL to the file with some possible replacement (%VERSION%, %THEME%, %MANGLED%)
  */
-const TrilogyProvider = ({ children, mangled = false, injectTrilogyAssets = false, id = 'trilogy', theme = '', assetUrl = '' }) => {
-    const [styled, setStyled] = React.useState(mangled);
-    useLayoutEffect(() => {
+var TrilogyProvider = function (_a) {
+    var children = _a.children, _b = _a.mangled, mangled = _b === void 0 ? false : _b, _c = _a.injectTrilogyAssets, injectTrilogyAssets = _c === void 0 ? false : _c, _d = _a.id, id = _d === void 0 ? 'trilogy' : _d, _e = _a.theme, theme = _e === void 0 ? '' : _e, _f = _a.hash, HASH = _f === void 0 ? versionJSON.VERSION : _f, _g = _a.assetUrl, assetUrl = _g === void 0 ? '' : _g;
+    var _h = __read(React.useState(mangled), 2), styled = _h[0], setStyled = _h[1];
+    var _j = __read(React.useState(HASH), 2), hash = _j[0], setHash = _j[1];
+    useLayoutEffect(function () {
         injectTrilogyAssets && injectTrilogy(mangled, id, theme, assetUrl);
     }, []);
-    return React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children);
+    return React.createElement(TrilogyContext.Provider, { value: { styled: styled, setStyled: setStyled, hash: hash, setHash: setHash } }, children);
 };
 export { TrilogyProvider };
-//# sourceMappingURL=provider.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDOUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sV0FBVyxNQUFNLGlCQUFpQixDQUFBO0FBRXpDLElBQU0sbUJBQW1CLEdBQUcsVUFBQyxRQUFnQixFQUFFLEtBQWEsRUFBRSxPQUFnQjtJQUM1RSxPQUFPLENBQUMsUUFBUSxDQUFDO1NBQ04sT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7U0FDN0IsT0FBTyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7U0FDakMsT0FBTyxDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUEsQ0FBQyxDQUFBLFVBQVUsQ0FBQSxDQUFDLENBQUEsRUFBRSxDQUFDLENBQUE7QUFDaEQsQ0FBQyxDQUFBO0FBRUQsSUFBTSxhQUFhLEdBQUcsVUFBQyxPQUFnQixFQUFFLEVBQVUsRUFBRSxLQUFhLEVBQUUsUUFBZ0I7SUFDbEYsSUFBTSxJQUFJLEdBQUcsUUFBUSxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsQ0FBQTtJQUMzQyxJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQTtJQUN0QixJQUFJLENBQUMsR0FBRyxHQUFHLFlBQVksQ0FBQTtJQUN2QixJQUFJLENBQUMsSUFBSSxHQUFHLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLENBQUE7SUFDekQsSUFBSSxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUE7SUFDWixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQTtBQUNsQyxDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7R0FRRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFnQnhCO1FBZjBCLFFBQVEsY0FBQSxFQUNSLGVBQWUsRUFBZixPQUFPLG1CQUFHLEtBQUssS0FBQSxFQUNmLDJCQUEyQixFQUEzQixtQkFBbUIsbUJBQUcsS0FBSyxLQUFBLEVBQzNCLFVBQWMsRUFBZCxFQUFFLG1CQUFHLFNBQVMsS0FBQSxFQUNkLGFBQVUsRUFBVixLQUFLLG1CQUFHLEVBQUUsS0FBQSxFQUNWLFlBQThCLEVBQXhCLElBQUksbUJBQUMsV0FBVyxDQUFDLE9BQU8sS0FBQSxFQUM5QixnQkFBYSxFQUFiLFFBQVEsbUJBQUcsRUFBRSxLQUFBO0lBVWhDLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFVLE9BQU8sQ0FBQyxJQUFBLEVBQXJELE1BQU0sUUFBQSxFQUFFLFNBQVMsUUFBb0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBa0IsS0FBSyxDQUFDLFFBQVEsQ0FBb0IsSUFBSSxDQUFFLElBQUEsRUFBekQsSUFBSSxRQUFBLEVBQUUsT0FBTyxRQUE0QyxDQUFBO0lBRWhFLGVBQWUsQ0FBQztRQUNkLG1CQUFtQixJQUFJLGFBQWEsQ0FBQyxPQUFPLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUNwRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7SUFDTixPQUFPLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxRQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFBRyxRQUFRLENBQTJCLENBQUE7QUFDbkgsQ0FBQyxDQUFBO0FBRUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxDQUFBIn0=

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,5 @@
-export const TrilogyProvider = () => {
-    return;
+export var TrilogyProvider = function (_a) {
+    var children = _a.children;
+    return children;
 };
-//# sourceMappingURL=provider.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXIubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vY29udGV4dC9wcm92aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQXFDO1FBQW5DLFFBQVEsY0FBQTtJQUN4QyxPQUFPLFFBQVEsQ0FBQTtBQUNqQixDQUFDLENBQUEifQ==

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 var StatesContext = createContext({
+    inverted: false,
+    active: false,
+    flat: false,
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdGF0ZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3RhdGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBRXJDLE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxhQUFhLENBQUM7SUFDekMsUUFBUSxFQUFFLEtBQUs7SUFDZixNQUFNLEVBQUUsS0FBSztJQUNiLElBQUksRUFBRSxLQUFLO0NBQ1osQ0FBQyxDQUFBIn0=

package/lib/context/providerStyled.d.ts

@@ -1,12 +1,14 @@
-import 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,34 @@
-"use client";
-import React from 'react';
+'use client';
+import { __read } from "tslib";
+import * as React from 'react';
+import versionJSON from '../version.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 [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);
-            };
+var TrilogyProviderStyled = function (_a) {
+    var children = _a.children, _b = _a.theme, theme = _b === void 0 ? 'default' : _b, _c = _a.hash, HASH = _c === void 0 ? versionJSON.VERSION : _c;
+    var _d = __read(React.useState(false), 2), styled = _d[0], setStyled = _d[1];
+    var _e = __read(React.useState(HASH), 2), hash = _e[0], setHash = _e[1];
+    var StyleComponent = React.useMemo(function () {
+        switch (true) {
+            case theme === 'mangled' && hash === versionJSON.VERSION:
+                setStyled(true);
+                return React.lazy(function () { return import('../components/styleComponent/mangled/styleComponentMangled'); });
+            case theme === 'mangled' && hash !== versionJSON.VERSION:
+                setStyled(true);
+                return undefined;
+            case theme === 'default':
+                return React.lazy(function () { return 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: styled, setStyled: setStyled, hash: hash, setHash: setHash } }, StyleComponent ? (React.createElement(React.Suspense, { fallback: null },
+        React.createElement(StyleComponent, null, children))) : (children)));
 };
 export { TrilogyProviderStyled };
-//# sourceMappingURL=providerStyled.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdHlsZWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyU3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxZQUFZLENBQUE7O0FBRVosT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxXQUFXLE1BQU0saUJBQWlCLENBQUE7QUFDekMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQVF4Qzs7Ozs7R0FLRztBQUNILElBQU0scUJBQXFCLEdBQUcsVUFBQyxFQUlGO1FBSDNCLFFBQVEsY0FBQSxFQUNSLGFBQWlCLEVBQWpCLEtBQUssbUJBQUcsU0FBUyxLQUFBLEVBQ2pCLFlBQWdDLEVBQTFCLElBQUksbUJBQUcsV0FBVyxDQUFDLE9BQU8sS0FBQTtJQUUxQixJQUFBLEtBQUEsT0FBc0IsS0FBSyxDQUFDLFFBQVEsQ0FBVSxLQUFLLENBQUMsSUFBQSxFQUFuRCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQWtDLENBQUE7SUFDcEQsSUFBQSxLQUFBLE9BQWtCLEtBQUssQ0FBQyxRQUFRLENBQW1CLElBQUksQ0FBQyxJQUFBLEVBQXZELElBQUksUUFBQSxFQUFFLE9BQU8sUUFBMEMsQ0FBQTtJQUU5RCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ25DLFFBQVEsSUFBSSxFQUFFO1lBQ1osS0FBSyxLQUFLLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxXQUFXLENBQUMsT0FBTztnQkFDdEQsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFBO2dCQUNmLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFNLE9BQUEsTUFBTSxDQUFDLDJEQUEyRCxDQUFDLEVBQW5FLENBQW1FLENBQUMsQ0FBQTtZQUU5RixLQUFLLEtBQUssS0FBSyxTQUFTLElBQUksSUFBSSxLQUFLLFdBQVcsQ0FBQyxPQUFPO2dCQUN0RCxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUE7Z0JBQ2YsT0FBTyxTQUFTLENBQUE7WUFFbEIsS0FBSyxLQUFLLEtBQUssU0FBUztnQkFDdEIsT0FBTyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQU0sT0FBQSxNQUFNLENBQUMsb0RBQW9ELENBQUMsRUFBNUQsQ0FBNEQsQ0FBQyxDQUFBO1lBRXZGO2dCQUNFLE9BQU8sU0FBUyxDQUFBO1NBQ25CO0lBQ0gsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUE7SUFFakIsT0FBTyxDQUNMLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEVBQUUsTUFBTSxRQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsSUFBSSxNQUFBLEVBQUUsT0FBTyxTQUFBLEVBQUUsSUFDakUsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUNoQixvQkFBQyxLQUFLLENBQUMsUUFBUSxJQUFDLFFBQVEsRUFBRSxJQUFJO1FBQzVCLG9CQUFDLGNBQWMsUUFBRSxRQUFRLENBQWtCLENBQzVCLENBQ2xCLENBQUMsQ0FBQyxDQUFDLENBQ0YsUUFBUSxDQUNULENBQ3VCLENBQzNCLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsQ0FBQSJ9

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,5 @@
-export const TrilogyProviderStyled = () => {
-    return;
+export var TrilogyProviderStyled = function (_a) {
+    var children = _a.children;
+    return children;
 };
-//# sourceMappingURL=providerStyled.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJTdHlsZWQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vY29udGV4dC9wcm92aWRlclN0eWxlZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sQ0FBQyxJQUFNLHFCQUFxQixHQUFHLFVBQUMsRUFBcUM7UUFBbkMsUUFBUSxjQUFBO0lBQzlDLE9BQU8sUUFBUSxDQUFBO0FBQ2pCLENBQUMsQ0FBQSJ9

package/lib/context/providerTheme.d.ts

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

package/lib/context/providerTheme.js

@@ -1,9 +1,16 @@
-import React from "react";
-export const defaultTheme = {
+import React from 'react';
+export var defaultTheme = {
     icons: {},
     colors: {},
+    fontFamily: {},
 };
-export const TrilogyThemeProvider = () => {
-    return React.createElement(React.Fragment, null);
+var defaultContextValue = {
+    theme: defaultTheme,
+    setTheme: function () { return undefined; },
 };
-//# sourceMappingURL=providerTheme.js.map
+export var TrilogyThemeContext = React.createContext(defaultContextValue);
+export var TrilogyThemeProvider = function (_a) {
+    var children = _a.children;
+    return children;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJUaGVtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbnRleHQvcHJvdmlkZXJUaGVtZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUE4QyxNQUFNLE9BQU8sQ0FBQTtBQUdsRSxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQWtCO0lBQ3pDLEtBQUssRUFBRSxFQUFFO0lBQ1QsTUFBTSxFQUFFLEVBQUU7SUFDVixVQUFVLEVBQUUsRUFBRTtDQUNmLENBQUE7QUFPRCxJQUFNLG1CQUFtQixHQUFHO0lBQzFCLEtBQUssRUFBRSxZQUFZO0lBQ25CLFFBQVEsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDMUIsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxhQUFhLENBQXVCLG1CQUFtQixDQUFDLENBQUE7QUFFakcsTUFBTSxDQUFDLElBQU0sb0JBQW9CLEdBQUcsVUFBQyxFQUFxQztRQUFuQyxRQUFRLGNBQUE7SUFDN0MsT0FBTyxRQUFRLENBQUE7QUFDakIsQ0FBQyxDQUFBIn0=

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;