@trilogy-ds/react 4.17.0 → 4.18.0-beta-1

package/lib/components/title/Title.d.ts

@@ -1,24 +1,25 @@
 import React from 'react';
 import { TitleProps, TitleRef } from './TitleProps';
 /**
- * Title component
+ * Title Component
  * @param children {ReactNode} Title child
- * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
- * @param inverted {Boolean} Title white color
- * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param level {TitleLevels | number} Title size (1-3)
+ * @param inverted {boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typography variant(s)
  * @param onClick {Function} onClick Event
- * @param skeleton {Boolean} Title Skeleton
+ * @param skeleton {boolean} Title Skeleton
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
  * @param subtitle {boolean} Subtitle below title
  * @param overline {boolean} Overline above title
- * - --------------- WEB PROPERTIES ----------------------------------
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
- * @param className {string} Additional css classes
- * @param marginless {boolean} delete margin
- * @param htmlContent {string} Content Html In Title Component
- * - --------------- NATIVE PROPERTIES ----------------------------------
- * @param style {object} Additional styles
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param marginless {boolean} Remove margin
+ * @param htmlContent {string} HTML content in Title Component
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param style {Object} Additional styles
  */
 declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<TitleRef>>;
 export default Title;

package/lib/components/title/Title.js

@@ -1,11 +1,11 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../services';
-import { TitleLevels, TitleMarkup } from './TitleEnum';
-import { hashClass } from '../../helpers/hashClassesHelpers';
 import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services';
+import clsx from 'clsx';
+import React from 'react';
 import { ComponentName } from '../enumsComponentsName';
+import { TitleLevels, TitleMarkup } from './TitleEnum';
 var getTitleLevel = function (level) {
     if (level) {
         switch (level) {
@@ -36,24 +36,25 @@ var isCorrectMarkup = function (stringMarkup) {
     return stringMarkup in TitleMarkup || Object.values(TitleMarkup).includes(stringMarkup);
 };
 /**
- * Title component
+ * Title Component
  * @param children {ReactNode} Title child
- * @param level {TitleLevels | TitleLevel | number} Title size : 1-3
- * @param inverted {Boolean} Title white color
- * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
+ * @param level {TitleLevels | number} Title size (1-3)
+ * @param inverted {boolean} Title white color
+ * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typography variant(s)
  * @param onClick {Function} onClick Event
- * @param skeleton {Boolean} Title Skeleton
+ * @param skeleton {boolean} Title Skeleton
  * @param accessibilityLabel {string} Accessibility label
  * @param testId {string} Test Id for Test Integration
  * @param subtitle {boolean} Subtitle below title
  * @param overline {boolean} Overline above title
- * - --------------- WEB PROPERTIES ----------------------------------
+ * - -------------------------- WEB PROPERTIES -------------------------------
  * @param markup {string} h1 | h2 | h3 | h4 | h5 | h6 | p | span | div
- * @param className {string} Additional css classes
- * @param marginless {boolean} delete margin
- * @param htmlContent {string} Content Html In Title Component
- * - --------------- NATIVE PROPERTIES ----------------------------------
- * @param style {object} Additional styles
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param marginless {boolean} Remove margin
+ * @param htmlContent {string} HTML content in Title Component
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param style {Object} Additional styles
  */
 var Title = React.forwardRef(function (_a, ref) {
     var _b = _a.level, level = _b === void 0 ? TitleLevels.ONE : _b, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, skeleton = _a.skeleton, inverted = _a.inverted, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, subtitle = _a.subtitle, overline = _a.overline, marginless = _a.marginless, testId = _a.testId, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "skeleton", "inverted", "onClick", "accessibilityLabel", "subtitle", "overline", "marginless", "testId"]);
@@ -73,4 +74,4 @@ var Title = React.forwardRef(function (_a, ref) {
 });
 Title.displayName = ComponentName.Title;
 export default Title;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQW9CLFdBQVcsRUFBcUIsTUFBTSxhQUFhLENBQUE7QUFDM0YsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUV0RCxJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQXFDO0lBQzFELElBQUksS0FBSyxFQUFFO1FBQ1QsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxLQUFLO2dCQUNwQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RpdGxlL1RpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLFdBQVcsRUFBb0IsV0FBVyxFQUFxQixNQUFNLGFBQWEsQ0FBQTtBQUczRixJQUFNLGFBQWEsR0FBRyxVQUFDLEtBQXFDO0lBQzFELElBQUksS0FBSyxFQUFFO1FBQ1QsUUFBUSxLQUFLLEVBQUU7WUFDYixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxLQUFLO2dCQUNwQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxJQUFJO2dCQUNuQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QixLQUFLLFdBQVcsQ0FBQyxHQUFHO2dCQUNsQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtZQUN0QjtnQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUs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

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

@@ -1,23 +1,24 @@
-import * as React from "react";
-import { ViewProps } from "./ViewProps";
+import * as React from 'react';
+import { ViewProps } from './ViewProps';
 /**
- * View Component (DIV EQUIVALENT)
- * @param children {ReactNode} View child
- * @param flexable {boolean} Flexable view
- * @param style {CSSProperties} View custom style
+ * View Component (DIV equivalent)
+ * @param children {ReactNode} View child elements
  * @param onClick {Function} Click Event
- * @param backgroundColor {TrilogyColor} View backgroud color
- * @param backgroundSrc {string} View backgroud image source
- * @param id {string} Id for Web / TestID for Native
- * @param fullwidth {boolean} true by default
- * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
- * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
- * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additional css classes
- * @param loading {Loading} Loading View
- * @param markup {ViewMarkup} Markup for View
+ * @param backgroundColor {TrilogyColor} View background color
+ * @param backgroundSrc {string} View background image source
+ * @param fullwidth {boolean} Full width view (default: true)
+ * @param flexable {boolean} Enable flex layout
+ * @param justify {JustifyProps} Justify content alignment
+ * @param align {AlignProps} Align items alignment
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param loading {Loading} Loading state
+ * @param markup {ViewMarkup} HTML markup element
  * @param inverted {boolean} Inverted View Color
- * - ------------------ NATIVE PROPERTIES ------------
+ * @param style {CSSProperties} Custom inline style
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} Bottom position
  */
 declare const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<any>>;

package/lib/components/view/View.js

@@ -1,48 +1,48 @@
 import { __assign, __rest } from "tslib";
-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";
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { getAlignClassName, getBackgroundClassName, getJustifyClassName, getLoadingClassName } from '../../objects';
+import { has, is } from '../../services';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ViewMarkup } from './ViewProps';
 /**
- * View Component (DIV EQUIVALENT)
- * @param children {ReactNode} View child
- * @param flexable {boolean} Flexable view
- * @param style {CSSProperties} View custom style
+ * View Component (DIV equivalent)
+ * @param children {ReactNode} View child elements
  * @param onClick {Function} Click Event
- * @param backgroundColor {TrilogyColor} View backgroud color
- * @param backgroundSrc {string} View backgroud image source
- * @param id {string} Id for Web / TestID for Native
- * @param fullwidth {boolean} true by default
- * @param justify {JustifiableProps.justify?} Justifiable | "JUSTIFIED_CENTER" | "JUSTIFIED_START" | "JUSTIFIED_END" | "SPACE_BETWEEN" | undefined
- * @param align {AlignableProps.center?} AlignableProps | "ALIGNED_CENTER" | "ALIGNED_START" | "ALIGNED_END" | "ALIGNED_STRETCH" | undefined
- * - ------------------ WEB PROPERTIES ---------------
- * @param className {string} Additional css classes
- * @param loading {Loading} Loading View
- * @param markup {ViewMarkup} Markup for View
+ * @param backgroundColor {TrilogyColor} View background color
+ * @param backgroundSrc {string} View background image source
+ * @param fullwidth {boolean} Full width view (default: true)
+ * @param flexable {boolean} Enable flex layout
+ * @param justify {JustifyProps} Justify content alignment
+ * @param align {AlignProps} Align items alignment
+ * @param testId {string} Test Id for Test Integration
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param id {string} Custom id attribute
+ * @param loading {Loading} Loading state
+ * @param markup {ViewMarkup} HTML markup element
  * @param inverted {boolean} Inverted View Color
- * - ------------------ NATIVE PROPERTIES ------------
+ * @param style {CSSProperties} Custom inline style
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} Bottom position
  */
 var View = React.forwardRef(function (_a, ref) {
     var children = _a.children, style = _a.style, className = _a.className, loading = _a.loading, onClick = _a.onClick, backgroundColor = _a.backgroundColor, backgroundSrc = _a.backgroundSrc, inverted = _a.inverted, _b = _a.fullwidth, fullwidth = _b === void 0 ? true : _b, markup = _a.markup, flexable = _a.flexable, justify = _a.justify, align = _a.align, testId = _a.testId, others = __rest(_a, ["children", "style", "className", "loading", "onClick", "backgroundColor", "backgroundSrc", "inverted", "fullwidth", "markup", "flexable", "justify", "align", "testId"]);
     var styled = useTrilogyContext().styled;
     var isCorrectMarkup = function (stringMarkup) {
-        if (stringMarkup in ViewMarkup ||
-            Object.values(ViewMarkup).includes(stringMarkup))
+        if (stringMarkup in ViewMarkup || Object.values(ViewMarkup).includes(stringMarkup))
             return true;
     };
-    var Tag = markup && isCorrectMarkup(markup) ? markup : "div";
-    var classes = hashClass(styled, clsx(typeof loading === "string" && is(getLoadingClassName(loading)), typeof loading === "boolean" ? is("loading") : is("loaded"), backgroundColor && has(getBackgroundClassName(backgroundColor)), 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));
+    var Tag = markup && isCorrectMarkup(markup) ? markup : 'div';
+    var classes = hashClass(styled, clsx(typeof loading === 'string' && is(getLoadingClassName(loading)), typeof loading === 'boolean' ? is('loading') : is('loaded'), backgroundColor && has(getBackgroundClassName(backgroundColor)), 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, __assign({ ref: ref, onClick: onClick, style: style, className: classes, "data-testid": testId }, (backgroundSrc && {
         style: {
             backgroundImage: "url(".concat(backgroundSrc, ")"),
-            backgroundSize: "cover",
-            backgroundPosition: "50%",
+            backgroundSize: 'cover',
+            backgroundPosition: '50%',
         },
     }), others), children));
 });
 export default View;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBd0MsTUFBTSxhQUFhLENBQUE7QUFDOUUsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLGlCQUFpQixFQUFFLHNCQUFzQixHQUMxQyxNQUFNLFdBQVcsQ0FBQTtBQUNsQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUNILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXFCLFVBQUMsRUFnQmxELEVBQUUsR0FBRztJQWZKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUEsRUFDUixpQkFBZ0IsRUFBaEIsU0FBUyxtQkFBRyxJQUFJLEtBQUEsRUFDaEIsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQWZ3Qyx5S0FnQmxELENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLGVBQWUsR0FBRyxVQUFDLFlBQTJDO1FBQ2xFLElBQ0UsWUFBWSxJQUFJLFVBQVU7WUFDMUIsTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxRQUFRLENBQUMsWUFBMEIsQ0FBQztZQUU5RCxPQUFPLElBQUksQ0FBQTtJQUNmLENBQUMsQ0FBQTtJQUVELElBQU0sR0FBRyxHQUFRLE1BQU0sSUFBSSxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFBO0lBRW5FLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixPQUFPLE9BQU8sS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQy9ELE9BQU8sT0FBTyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQzNELGVBQWUsSUFBSSxHQUFHLENBQUMsc0JBQXNCLENBQUMsZUFBZSxDQUFDLENBQUMsRUFDL0QsYUFBYSxJQUFJLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFDbEMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3hDLFNBQVMsSUFBSSxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQzVCLFFBQVEsSUFBSSxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQ3RCLE9BQU8sT0FBTyxLQUFLLFFBQVEsSUFBSSxFQUFFLENBQUMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLENBQUMsRUFDL0QsT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUN6RCxTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsYUFDRixHQUFHLEVBQUUsR0FBRyxFQUNSLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLEtBQUssRUFBRSxLQUFLLEVBQ1osU0FBUyxFQUFFLE9BQU8saUJBQ0wsTUFBTSxJQUNmLENBQUMsYUFBYSxJQUFJO1FBQ3BCLEtBQUssRUFBRTtZQUNMLGVBQWUsRUFBRSxjQUFPLGFBQWEsTUFBRztZQUN4QyxjQUFjLEVBQUUsT0FBTztZQUN2QixrQkFBa0IsRUFBRSxLQUFLO1NBQzFCO0tBQ0YsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLElBQUksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVmlldy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdmlldy9WaWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLHNCQUFzQixFQUFFLG1CQUFtQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQy9HLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUF3QyxNQUFNLGFBQWEsQ0FBQTtBQUU5RTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FvQkc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUNFLEVBZ0JDLEVBQ0QsR0FBRztJQWhCRCxJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLFNBQVMsZUFBQSxFQUNULE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBLEVBQ2IsUUFBUSxjQUFBLEVBQ1IsaUJBQWdCLEVBQWhCLFNBQVMsbUJBQUcsSUFBSSxLQUFBLEVBQ2hCLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FmWCx5S0FnQkMsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBMkM7UUFDbEUsSUFBSSxZQUFZLElBQUksVUFBVSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtJQUMvRyxDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBUSxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQTtJQUVuRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLE9BQU8sS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUMzRCxlQUFlLElBQUksR0FBRyxDQUFDLHNCQUFzQixDQUFDLGVBQWUsQ0FBQyxDQUFDLEVBQy9ELGFBQWEsSUFBSSxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQ2xDLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDMUMsU0FBUyxJQUFJLEVBQUUsQ0FBQyxXQUFXLENBQUMsRUFDNUIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxNQUFNLENBQUMsRUFDdEIsT0FBTyxPQUFPLEtBQUssUUFBUSxJQUFJLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksRUFBRSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDLEVBQ3pELFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEdBQUcsRUFBRSxHQUFHLEVBQ1IsT0FBTyxFQUFFLE9BQU8sRUFDaEIsS0FBSyxFQUFFLEtBQUssRUFDWixTQUFTLEVBQUUsT0FBTyxpQkFDTCxNQUFNLElBQ2YsQ0FBQyxhQUFhLElBQUk7UUFDcEIsS0FBSyxFQUFFO1lBQ0wsZUFBZSxFQUFFLGNBQU8sYUFBYSxNQUFHO1lBQ3hDLGNBQWMsRUFBRSxPQUFPO1lBQ3ZCLGtCQUFrQixFQUFFLEtBQUs7U0FDMUI7S0FDRixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGVBQWUsSUFBSSxDQUFBIn0=

package/lib/components/view/ViewPropsDefaults.js

@@ -191,6 +191,8 @@ export default {
     "values": [
       "undefined",
       "WHITE",
+      "BRAND",
+      "BRAND_FADE",
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
@@ -212,6 +214,8 @@ export default {
       "STROKE",
       "STROKE_FADE",
       "WHITE",
+      "BRAND",
+      "BRAND_FADE",
       "MAIN",
       "MAIN_FADE",
       "ACCENT",

package/lib/context/providerTheme.native.js

@@ -1,10 +1,10 @@
 import { __read } from "tslib";
 import React from "react";
-import { colors } from "../objects/facets/Color";
+import { DEFAULT_TRILOGY_COLORS } from "../objects/facets/defaultColors";
 export var defaultIcons = {};
 export var defaultTheme = {
     icons: defaultIcons,
-    colors: colors,
+    colors: DEFAULT_TRILOGY_COLORS,
     fontFamily: { 'regular': 'poppins-regular', 'medium': 'poppins-medium', 'bold': 'poppins-semibold' }
 };
 export var defaultContextValue = {
@@ -17,4 +17,4 @@ export var TrilogyThemeProvider = function (_a) {
     var _b = __read(React.useState(theme || defaultTheme), 2), trilogyTheme = _b[0], setTrilogyTheme = _b[1];
     return (React.createElement(TrilogyThemeContext.Provider, { value: { theme: trilogyTheme, setTheme: setTrilogyTheme } }, children));
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJUaGVtZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyVGhlbWUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUE4QyxNQUFNLE9BQU8sQ0FBQTtBQUVsRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFZaEQsTUFBTSxDQUFDLElBQU0sWUFBWSxHQUFHLEVBQUUsQ0FBQTtBQUU5QixNQUFNLENBQUMsSUFBTSxZQUFZLEdBQWtCO0lBQ3pDLEtBQUssRUFBRSxZQUFZO0lBQ25CLE1BQU0sRUFBRSxNQUFNO0lBQ2QsVUFBVSxFQUFFLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLEVBQUUsa0JBQWtCLEVBQUU7Q0FDckcsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUFHO0lBQ2pDLEtBQUssRUFBRSxZQUFZO0lBQ25CLFFBQVEsRUFBRSxjQUFNLE9BQUEsU0FBUyxFQUFULENBQVM7Q0FDMUIsQ0FBQTtBQUNELE1BQU0sQ0FBQyxJQUFNLG1CQUFtQixHQUM5QixLQUFLLENBQUMsYUFBYSxDQUF1QixtQkFBbUIsQ0FBQyxDQUFBO0FBRWhFLE1BQU0sQ0FBQyxJQUFNLG9CQUFvQixHQUFHLFVBQUMsRUFHYjtRQUZ0QixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUE7SUFFQyxJQUFBLEtBQUEsT0FBa0MsS0FBSyxDQUFDLFFBQVEsQ0FDcEQsS0FBSyxJQUFJLFlBQVksQ0FDdEIsSUFBQSxFQUZNLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFFbkMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQzNCLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLGVBQWUsRUFBRSxJQUV4RCxRQUFRLENBQ29CLENBQ2hDLENBQUE7QUFDSCxDQUFDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvdmlkZXJUaGVtZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb250ZXh0L3Byb3ZpZGVyVGhlbWUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUE4QyxNQUFNLE9BQU8sQ0FBQTtBQUVsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQTtBQVl4RSxNQUFNLENBQUMsSUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFBO0FBRTlCLE1BQU0sQ0FBQyxJQUFNLFlBQVksR0FBa0I7SUFDekMsS0FBSyxFQUFFLFlBQVk7SUFDbkIsTUFBTSxFQUFFLHNCQUFzQjtJQUM5QixVQUFVLEVBQUUsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sRUFBRSxrQkFBa0IsRUFBRTtDQUNyRyxDQUFBO0FBRUQsTUFBTSxDQUFDLElBQU0sbUJBQW1CLEdBQUc7SUFDakMsS0FBSyxFQUFFLFlBQVk7SUFDbkIsUUFBUSxFQUFFLGNBQU0sT0FBQSxTQUFTLEVBQVQsQ0FBUztDQUMxQixDQUFBO0FBQ0QsTUFBTSxDQUFDLElBQU0sbUJBQW1CLEdBQzlCLEtBQUssQ0FBQyxhQUFhLENBQXVCLG1CQUFtQixDQUFDLENBQUE7QUFFaEUsTUFBTSxDQUFDLElBQU0sb0JBQW9CLEdBQUcsVUFBQyxFQUdiO1FBRnRCLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQTtJQUVDLElBQUEsS0FBQSxPQUFrQyxLQUFLLENBQUMsUUFBUSxDQUNwRCxLQUFLLElBQUksWUFBWSxDQUN0QixJQUFBLEVBRk0sWUFBWSxRQUFBLEVBQUUsZUFBZSxRQUVuQyxDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLG1CQUFtQixDQUFDLFFBQVEsSUFDM0IsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxRQUFRLEVBQUUsZUFBZSxFQUFFLElBRXhELFFBQVEsQ0FDb0IsQ0FDaEMsQ0FBQTtBQUNILENBQUMsQ0FBQSJ9

package/lib/objects/facets/Color.d.ts

@@ -3,6 +3,8 @@
  */
 export declare enum TrilogyColor {
     BACKGROUND = "WHITE",
+    BRAND = "BRAND",
+    BRAND_FADE = "BRAND_FADE",
     MAIN = "MAIN",
     MAIN_FADE = "MAIN_FADE",
     ACCENT = "ACCENT",

package/lib/objects/facets/Color.js

@@ -1,12 +1,14 @@
-var _a;
 import { TrilogyThemeContext } from '../../context/providerTheme';
 import { useContext } from 'react';
+import { DEFAULT_TRILOGY_COLORS } from './defaultColors';
 /**
  * Trilogy color
  */
 export var TrilogyColor;
 (function (TrilogyColor) {
     TrilogyColor["BACKGROUND"] = "WHITE";
+    TrilogyColor["BRAND"] = "BRAND";
+    TrilogyColor["BRAND_FADE"] = "BRAND_FADE";
     TrilogyColor["MAIN"] = "MAIN";
     TrilogyColor["MAIN_FADE"] = "MAIN_FADE";
     TrilogyColor["ACCENT"] = "ACCENT";
@@ -31,29 +33,7 @@ export var TrilogyColor;
 /**
  * Trilogy color values
  */
-export var colors = (_a = {},
-    _a[TrilogyColor.BACKGROUND] = ['#fff', 'white', 'main'],
-    _a[TrilogyColor.MAIN] = ['#3d5d7e', 'main', 'white'],
-    _a[TrilogyColor.MAIN_FADE] = ['#BBC6CD', 'main-fade', 'white'],
-    _a[TrilogyColor.ACCENT] = ['#da641b', 'accent', 'white'],
-    _a[TrilogyColor.ACCENT_FADE] = ['#faebe3', 'accent-fade', 'white'],
-    _a[TrilogyColor.FONT] = ['#3d5d7e', 'main', 'white'],
-    _a[TrilogyColor.FONT_PLACEHOLDER] = ['#687a87', 'font-placeholder', 'white'],
-    _a[TrilogyColor.SUCCESS] = ['#007B52', 'success', 'white'],
-    _a[TrilogyColor.SUCCESS_FADE] = ['#cae8ca', 'success-fade', 'white'],
-    _a[TrilogyColor.INFO] = ['#1A688A', 'info', 'white'],
-    _a[TrilogyColor.INFO_FADE] = ['#c8dbec', 'info-fade', 'white'],
-    _a[TrilogyColor.WARNING] = ['#FFBB33', 'warning', 'white'],
-    _a[TrilogyColor.WARNING_FADE] = ['#ecdbc6', 'warning-fade', 'white'],
-    _a[TrilogyColor.ERROR] = ['#D42D02', 'error', 'white'],
-    _a[TrilogyColor.ERROR_FADE] = ['#eecccc', 'error-fade', 'white'],
-    _a[TrilogyColor.DISABLED] = ['#646464', 'disabled', 'white'],
-    _a[TrilogyColor.DISABLED_FADE] = ['#D1D1D1', 'disabled-fade', 'white'],
-    _a[TrilogyColor.NEUTRAL] = ['#707070', 'grey', 'white'],
-    _a[TrilogyColor.NEUTRAL_FADE] = ['#F4F4F4', 'grey-fade', 'white'],
-    _a[TrilogyColor.STROKE] = ['#BBC1CE', 'stroke', 'white'],
-    _a[TrilogyColor.STROKE_FADE] = ['#cadbe8', 'stroke-fade', 'white'],
-    _a);
+export var colors = DEFAULT_TRILOGY_COLORS;
 /**
  * Returns color's className depending on Trilogy Color
  * @param trilogyColor {string} - Trilogy Color
@@ -157,4 +137,4 @@ export function grayscale(hex) {
     // Retourner la couleur en niveaux de gris
     return rgbToHex(gray, gray, gray);
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Db2xvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzdELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEM7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxZQXNCWDtBQXRCRCxXQUFZLFlBQVk7SUFDdEIsb0NBQW9CLENBQUE7SUFDcEIsNkJBQWEsQ0FBQTtJQUNiLHVDQUF1QixDQUFBO0lBQ3ZCLGlDQUFpQixDQUFBO0lBQ2pCLDJDQUEyQixDQUFBO0lBQzNCLDZCQUFhLENBQUE7SUFDYixxREFBcUMsQ0FBQTtJQUNyQyxtQ0FBbUIsQ0FBQTtJQUNuQiw2Q0FBNkIsQ0FBQTtJQUM3Qiw2QkFBYSxDQUFBO0lBQ2IsdUNBQXVCLENBQUE7SUFDdkIsbUNBQW1CLENBQUE7SUFDbkIsNkNBQTZCLENBQUE7SUFDN0IsK0JBQWUsQ0FBQTtJQUNmLHlDQUF5QixDQUFBO0lBQ3pCLHFDQUFxQixDQUFBO0lBQ3JCLCtDQUErQixDQUFBO0lBQy9CLG1DQUFtQixDQUFBO0lBQ25CLDZDQUE2QixDQUFBO0lBQzdCLGlDQUFpQixDQUFBO0lBQ2pCLDJDQUEyQixDQUFBO0FBQzdCLENBQUMsRUF0QlcsWUFBWSxLQUFaLFlBQVksUUFzQnZCO0FBSUQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxNQUFNO0lBQ2pCLEdBQUMsWUFBWSxDQUFDLFVBQVUsSUFBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDO0lBQ3BELEdBQUMsWUFBWSxDQUFDLElBQUksSUFBRyxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDO0lBQ2pELEdBQUMsWUFBWSxDQUFDLFNBQVMsSUFBRyxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sb3IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9vYmplY3RzL2ZhY2V0cy9Db2xvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDN0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUV4RDs7R0FFRztBQUNILE1BQU0sQ0FBTixJQUFZLFlBd0JYO0FBeEJELFdBQVksWUFBWTtJQUN0QixvQ0FBb0IsQ0FBQTtJQUNwQiwrQkFBZSxDQUFBO0lBQ2YseUNBQXlCLENBQUE7SUFDekIsNkJBQWEsQ0FBQTtJQUNiLHVDQUF1QixDQUFBO0lBQ3ZCLGlDQUFpQixDQUFBO0lBQ2pCLDJDQUEyQixDQUFBO0lBQzNCLDZCQUFhLENBQUE7SUFDYixxREFBcUMsQ0FBQTtJQUNyQyxtQ0FBbUIsQ0FBQTtJQUNuQiw2Q0FBNkIsQ0FBQTtJQUM3Qiw2QkFBYSxDQUFBO0lBQ2IsdUNBQXVCLENBQUE7SUFDdkIsbUNBQW1CLENBQUE7SUFDbkIsNkNBQTZCLENBQUE7SUFDN0IsK0JBQWUsQ0FBQTtJQUNmLHlDQUF5QixDQUFBO0lBQ3pCLHFDQUFxQixDQUFBO0lBQ3JCLCtDQUErQixDQUFBO0lBQy9CLG1DQUFtQixDQUFBO0lBQ25CLDZDQUE2QixDQUFBO0lBQzdCLGlDQUFpQixDQUFBO0lBQ2pCLDJDQUEyQixDQUFBO0FBQzdCLENBQUMsRUF4QlcsWUFBWSxLQUFaLFlBQVksUUF3QnZCO0FBSUQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxNQUFNLEdBQW1DLHNCQUdyRCxDQUFBO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxJQUFNLGlCQUFpQixHQUFHLFVBQUMsWUFBK0M7SUFDL0UsSUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFB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

package/lib/objects/facets/defaultColors.d.ts

@@ -0,0 +1,25 @@
+export declare const DEFAULT_TRILOGY_COLORS: {
+    readonly WHITE: readonly ["#fff", "white", "main"];
+    readonly MAIN: readonly ["#3d5d7e", "main", "white"];
+    readonly MAIN_FADE: readonly ["#BBC6CD", "main-fade", "white"];
+    readonly ACCENT: readonly ["#da641b", "accent", "white"];
+    readonly ACCENT_FADE: readonly ["#faebe3", "accent-fade", "white"];
+    readonly BRAND: readonly ["#ccd5f8", "brand", "white"];
+    readonly BRAND_FADE: readonly ["#e8eef8", "brand-fade", "white"];
+    readonly FONT: readonly ["#3d5d7e", "main", "white"];
+    readonly FONT_PLACEHOLDER: readonly ["#687a87", "font-placeholder", "white"];
+    readonly SUCCESS: readonly ["#007B52", "success", "white"];
+    readonly SUCCESS_FADE: readonly ["#cae8ca", "success-fade", "white"];
+    readonly INFO: readonly ["#1A688A", "info", "white"];
+    readonly INFO_FADE: readonly ["#c8dbec", "info-fade", "white"];
+    readonly WARNING: readonly ["#FFBB33", "warning", "white"];
+    readonly WARNING_FADE: readonly ["#ecdbc6", "warning-fade", "white"];
+    readonly ERROR: readonly ["#D42D02", "error", "white"];
+    readonly ERROR_FADE: readonly ["#eecccc", "error-fade", "white"];
+    readonly DISABLED: readonly ["#646464", "disabled", "white"];
+    readonly DISABLED_FADE: readonly ["#D1D1D1", "disabled-fade", "white"];
+    readonly NEUTRAL: readonly ["#707070", "grey", "white"];
+    readonly NEUTRAL_FADE: readonly ["#F4F4F4", "grey-fade", "white"];
+    readonly STROKE: readonly ["#BBC1CE", "stroke", "white"];
+    readonly STROKE_FADE: readonly ["#cadbe8", "stroke-fade", "white"];
+};

package/lib/objects/facets/defaultColors.js

@@ -0,0 +1,26 @@
+export var DEFAULT_TRILOGY_COLORS = {
+    WHITE: ['#fff', 'white', 'main'],
+    MAIN: ['#3d5d7e', 'main', 'white'],
+    MAIN_FADE: ['#BBC6CD', 'main-fade', 'white'],
+    ACCENT: ['#da641b', 'accent', 'white'],
+    ACCENT_FADE: ['#faebe3', 'accent-fade', 'white'],
+    BRAND: ['#ccd5f8', 'brand', 'white'],
+    BRAND_FADE: ['#e8eef8', 'brand-fade', 'white'],
+    FONT: ['#3d5d7e', 'main', 'white'],
+    FONT_PLACEHOLDER: ['#687a87', 'font-placeholder', 'white'],
+    SUCCESS: ['#007B52', 'success', 'white'],
+    SUCCESS_FADE: ['#cae8ca', 'success-fade', 'white'],
+    INFO: ['#1A688A', 'info', 'white'],
+    INFO_FADE: ['#c8dbec', 'info-fade', 'white'],
+    WARNING: ['#FFBB33', 'warning', 'white'],
+    WARNING_FADE: ['#ecdbc6', 'warning-fade', 'white'],
+    ERROR: ['#D42D02', 'error', 'white'],
+    ERROR_FADE: ['#eecccc', 'error-fade', 'white'],
+    DISABLED: ['#646464', 'disabled', 'white'],
+    DISABLED_FADE: ['#D1D1D1', 'disabled-fade', 'white'],
+    NEUTRAL: ['#707070', 'grey', 'white'],
+    NEUTRAL_FADE: ['#F4F4F4', 'grey-fade', 'white'],
+    STROKE: ['#BBC1CE', 'stroke', 'white'],
+    STROKE_FADE: ['#cadbe8', 'stroke-fade', 'white'],
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdENvbG9ycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL29iamVjdHMvZmFjZXRzL2RlZmF1bHRDb2xvcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sc0JBQXNCLEdBQUc7SUFDcEMsS0FBSyxFQUFFLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUM7SUFFaEMsSUFBSSxFQUFFLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUM7SUFDbEMsU0FBUyxFQUFFLENBQUMsU0FBUyxFQUFFLFdBQVcsRUFBRSxPQUFPLENBQUM7SUFFNUMsTUFBTSxFQUFFLENBQUMsU0FBUyxFQUFFLFFBQVEsRUFBRSxPQUFPLENBQUM7SUFDdEMsV0FBVyxFQUFFLENBQUMsU0FBUyxFQUFFLGFBQWEsRUFBRSxPQUFPLENBQUM7SUFFaEQsS0FBSyxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUM7SUFDcEMsVUFBVSxFQUFFLENBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxPQUFPLENBQUM7SUFFOUMsSUFBSSxFQUFFLENBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUM7SUFDbEMsZ0JBQWdCLEVBQUUsQ0FBQyxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsT0FBTyxDQUFDO0lBRTFELE9BQU8sRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDO0lBQ3hDLFlBQVksRUFBRSxDQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUUsT0FBTyxDQUFDO0lBRWxELElBQUksRUFBRSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDO0lBQ2xDLFNBQVMsRUFBRSxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDO0lBRTVDLE9BQU8sRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDO0lBQ3hDLFlBQVksRUFBRSxDQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUUsT0FBTyxDQUFDO0lBRWxELEtBQUssRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsT0FBTyxDQUFDO0lBQ3BDLFVBQVUsRUFBRSxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsT0FBTyxDQUFDO0lBRTlDLFFBQVEsRUFBRSxDQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsT0FBTyxDQUFDO0lBQzFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUUsT0FBTyxDQUFDO0lBRXBELE9BQU8sRUFBRSxDQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDO0lBQ3JDLFlBQVksRUFBRSxDQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsT0FBTyxDQUFDO0lBRS9DLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsT0FBTyxDQUFDO0lBQ3RDLFdBQVcsRUFBRSxDQUFDLFNBQVMsRUFBRSxhQUFhLEVBQUUsT0FBTyxDQUFDO0NBQ3hDLENBQUEifQ==

package/lib/tsconfig.json

@@ -36,7 +36,6 @@
         "./**/*.tsx"
     ],
     "exclude": [
-        "./components/**/*.stories.tsx",
         "node_modules",
         "./jest*",
         "jest/snapshotResolver.ts",

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "4.17.0";
+export declare const version = "4.18.0-beta-1";

package/lib/version.js

@@ -1,2 +1,2 @@
-export var version = "4.17.0";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQSJ9
+export var version = "4.18.0-beta-1";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGVBQWUsQ0FBQSJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "4.17.0",
+  "version": "4.18.0-beta-1",
   "author": "Bouygues Telecom",
   "repository": {
     "type": "git",
@@ -36,13 +36,19 @@
     "rollup-plugin-copy": "^3.5.0"
   },
   "devDependencies": {
-    "jest-util": "^29.7.0"
+    "@types/pixelmatch": "^5.2.6",
+    "@types/pngjs": "^6.0.5",
+    "jest-util": "^29.7.0",
+    "pixelmatch": "^6.0.0",
+    "pngjs": "^7.0.0",
+    "react-native-safe-area-context": "^4.10.5"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-native-reanimated": ">=2.15.0 <4.0.0"
+    "react-native-reanimated": ">=2.15.0 <4.0.0",
+    "react-native-safe-area-context": ">=3.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -50,6 +56,9 @@
     },
     "react-native-reanimated": {
       "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
     }
   },
   "keywords": [