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

package/lib/components/price/PriceProps.d.ts

@@ -1,22 +1,23 @@
 /// <reference types="react" />
-import { PriceVariant, PriceLevel, PriceVariantValues, PriceLevelValues } from './PriceEnum';
-import { Invertable } from '../../objects/facets/Invertable';
-import { Accessibility, AlertProps, AlignableProps } from '../../objects';
+import { PriceLevel, PriceLevelValues } from "./PriceEnum";
+import { Invertable } from "../../objects/facets/Invertable";
+import { Accessibility, AlertProps, AlignableProps } from "../../objects";
+import { Styles } from "../../types";
 /**
  * Price Interface
  */
 export interface PriceProps extends Invertable, Accessibility, AlignableProps, AlertProps {
     children?: React.ReactNode;
-    variant?: PriceVariant | PriceVariantValues;
     amount: number;
     mention?: string;
     period?: string;
     showCents?: boolean;
     inline?: boolean;
     level?: PriceLevel | PriceLevelValues;
-    /** @deprecated v-1.3.2 */
-    huge?: boolean;
     className?: string;
     striked?: boolean;
     suptitle?: string;
+    style?: Styles;
+    tagAmount?: number;
+    tagSymbol?: '€' | '%' | string;
 }

package/lib/components/product-tour/ProductTour.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTour.js","sourceRoot":"","sources":["../../../components/product-tour/ProductTour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,GAAG,MAAM,EACW,EAAe,EAAE;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,eAAe,IAAI,GAAG,CAAC,QAAQ,eAAe,EAAE,CAAC,EAAE,SAAS,CAAC,CAC5G,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;QAChC,cAAc,IAAI,CACjB,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,CACvG;QACA,SAAS,IAAI,CACZ,8BAAM,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5D,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,GAAI,CACrE,CACR;QACA,SAAS,IAAI,CACZ,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;YACpE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,OAAO,GAAG,CAClE,CACP;QACD,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC,IAAG,QAAQ,CAAO,CAC7E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ProductTour.js","sourceRoot":"","sources":["../../../components/product-tour/ProductTour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,cAAc,EACd,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,GAAG,MAAM,EACW,EAAe,EAAE;IACrC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,MAAM,IAAI,KAAK,CAAC,CAAA;IAChE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,eAAe,IAAI,GAAG,CAAC,QAAQ,eAAe,EAAE,CAAC,EAAE,SAAS,CAAC,CAC5G,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM;QAChC,cAAc,IAAI,CACjB,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,UAAU,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,GAAI,CACvG;QACA,SAAS,IAAI,CACZ,8BAAM,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC5D,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,SAAS,GAAI,CACrE,CACR;QACA,SAAS,IAAI,CACZ,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC;YACpE,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAC,OAAO,GAAG,CAClE,CACP;QACD,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC,IAAG,QAAQ,CAAO,CAC7E,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/product-tour/ProductTour.native.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import { ProductTourProps } from "./ProductTourProps";
-import { ComponentName } from "../enumsComponentsName";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Product Tour Component
  * @param children {React.ReactNode} Title child
  */
 declare const ProductTour: {
-    ({ children, }: ProductTourProps): JSX.Element;
+    ({ children }: ProductTourProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ProductTour;

package/lib/components/product-tour/ProductTour.native.js

@@ -1,12 +1,12 @@
-import React from 'react';
-import { ComponentName } from "../enumsComponentsName";
+import * as React from "react";
+import { ComponentName } from "../../components/enumsComponentsName";
 import { View } from "react-native";
 /**
  * Product Tour Component
  * @param children {React.ReactNode} Title child
  */
-const ProductTour = ({ children, }) => {
-    return (React.createElement(View, null, children));
+const ProductTour = ({ children }) => {
+    return React.createElement(View, null, children);
 };
 ProductTour.displayName = ComponentName.ProductTour;
 export default ProductTour;

package/lib/components/product-tour/ProductTour.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductTour.native.js","sourceRoot":"","sources":["../../../components/product-tour/ProductTour.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,GACS,EAAe,EAAE;IAElC,OAAO,CACL,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CACxB,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}
+{"version":3,"file":"ProductTour.native.js","sourceRoot":"","sources":["../../../components/product-tour/ProductTour.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEnC;;;GAGG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAoB,EAAe,EAAE;IAClE,OAAO,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CAAA;AAChC,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}

package/lib/components/progress/Progress.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProgressProps } from './ProgressProps';
+import { ProgressProps } from "./ProgressProps";
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress

package/lib/components/progress/Progress.js

@@ -1,11 +1,11 @@
-import React from 'react';
-import { is, has } from '../../services/index';
-import { Text, TextLevels } from '../text';
-import { Columns, ColumnsItem } from '../columns';
-import { getAlertClassName } from '../../objects';
-import { hashClass } from '../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
+import * as React from "react";
+import { is, has } from "../../services/index";
+import { Text, TextLevels } from "../text";
+import { Columns, ColumnsItem } from "../columns";
+import { getAlertClassName } from "../../objects";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
@@ -22,14 +22,14 @@ import { useTrilogyContext } from '../../context';
  */
 const Progress = ({ children, className, percent, maxPercent = 100, alert, small, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('progress', alert && is(getAlertClassName(alert)), !alert && is('primary'), small && is('small'), className));
-    const stackedClasses = hashClass(styled, clsx('progress', stacked && is('stacked'), className));
+    const classes = hashClass(styled, clsx("progress", alert && is(getAlertClassName(alert)), !alert && is("primary"), small && is("small"), className));
+    const stackedClasses = hashClass(styled, clsx("progress", stacked && is("stacked"), className));
     if (children && stacked) {
         return (React.createElement("div", { className: stackedClasses, ...others }, children));
     }
     return (React.createElement(React.Fragment, null,
         React.createElement("progress", { className: classes, value: percent, max: maxPercent, ...others }, percent),
-        uniqueLegend && (React.createElement(Text, { className: has('text-centered'), level: TextLevels.TWO }, uniqueLegend)),
+        uniqueLegend && (React.createElement(Text, { className: has("text-centered"), level: TextLevels.TWO }, uniqueLegend)),
         firstExtremLegend && secondExtremLegend && (React.createElement(Columns, { mobile: true, marginSize: 3 },
             React.createElement(ColumnsItem, null,
                 React.createElement(Text, { level: TextLevels.TWO }, firstExtremLegend)),

package/lib/components/progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;;;GAaG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,KAAK,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE/F,IAAI,QAAQ,IAAI,OAAO,EAAE;QACvB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,KAAM,MAAM,IACvC,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL;QACE,kCAAU,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,KAAM,MAAM,IACtE,OAAO,CACC;QACV,YAAY,IAAI,CACf,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACzD,YAAY,CACR,CACR;QACA,iBAAiB,IAAI,kBAAkB,IAAI,CAC1C,oBAAC,OAAO,IAAC,MAAM,QAAC,UAAU,EAAE,CAAC;YAC3B,oBAAC,WAAW;gBACV,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,iBAAiB,CAAQ,CAC3C;YACd,oBAAC,WAAW,IAAC,MAAM;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,kBAAkB,CAAQ,CAC5C,CACN,CACX,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;GAaG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,KAAK,EACL,KAAK,EACL,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,UAAU,EACV,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,CAC9B,MAAM,EACN,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CACtD,CAAA;IAED,IAAI,QAAQ,IAAI,OAAO,EAAE;QACvB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,KAAM,MAAM,IACvC,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL;QACE,kCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,UAAU,KACX,MAAM,IAET,OAAO,CACC;QACV,YAAY,IAAI,CACf,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACzD,YAAY,CACR,CACR;QACA,iBAAiB,IAAI,kBAAkB,IAAI,CAC1C,oBAAC,OAAO,IAAC,MAAM,QAAC,UAAU,EAAE,CAAC;YAC3B,oBAAC,WAAW;gBACV,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,iBAAiB,CAAQ,CAC3C;YACd,oBAAC,WAAW,IAAC,MAAM;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,kBAAkB,CAAQ,CAC5C,CACN,CACX,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/components/progress/Progress.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ProgressProps } from './ProgressProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ProgressProps } from "./ProgressProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress

package/lib/components/progress/Progress.native.js

@@ -1,9 +1,9 @@
-import React, { useEffect, useRef } from 'react';
-import { Animated, StyleSheet } from 'react-native';
-import { View } from '../view';
-import { Text, TextLevels } from '../text';
-import { getAlertStyle } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import React, { useEffect, useRef } from "react";
+import { Animated, StyleSheet } from "react-native";
+import { View } from "../../components/view";
+import { Text, TextLevels } from "../../components/text";
+import { getAlertStyle, getColorStyle, TrilogyColor } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
@@ -18,7 +18,7 @@ const Progress = ({ children, percent, alert, stacked, uniqueLegend, firstExtrem
     const animation = useRef(new Animated.Value(0)).current;
     useEffect(() => {
         // eslint-disable-next-line no-unused-expressions
-        typeof percent === 'number' &&
+        typeof percent === "number" &&
             Animated.timing(animation, {
                 toValue: percent,
                 duration: 1000,
@@ -28,21 +28,21 @@ const Progress = ({ children, percent, alert, stacked, uniqueLegend, firstExtrem
     const height = 6;
     const width = animation.interpolate({
         inputRange: [0, 100],
-        outputRange: ['0%', '100%'],
-        extrapolate: 'clamp',
+        outputRange: ["0%", "100%"],
+        extrapolate: "clamp",
     });
     const styles = StyleSheet.create({
         progress: {
-            flexDirection: 'row',
-            width: '100%',
+            flexDirection: "row",
+            width: "100%",
             height: height,
-            backgroundColor: '#f8f8f8',
+            backgroundColor: getColorStyle(TrilogyColor.FONT, 1),
             borderRadius: 15,
         },
         percent: {
-            alignSelf: 'flex-start',
+            alignSelf: "flex-start",
             height: height,
-            backgroundColor: getAlertStyle(alert) || '#fe544b',
+            backgroundColor: getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN),
             borderRadius: 15,
         },
         progressItemFirst: {
@@ -55,20 +55,20 @@ const Progress = ({ children, percent, alert, stacked, uniqueLegend, firstExtrem
         },
         test: {
             width: 20,
-            backgroundColor: '#333',
+            backgroundColor: "#333",
             height: 6,
         },
         uniqueLegend: {
-            textAlign: 'center',
+            textAlign: "center",
             paddingTop: 5,
-            fontWeight: '500',
+            fontWeight: "500",
         },
         extremLegend: {
-            width: '100%',
-            flexDirection: 'row',
-            justifyContent: 'space-between',
+            width: "100%",
+            flexDirection: "row",
+            justifyContent: "space-between",
             paddingTop: 5,
-            fontWeight: '500',
+            fontWeight: "500",
         },
     });
     if (stacked) {
@@ -76,13 +76,16 @@ const Progress = ({ children, percent, alert, stacked, uniqueLegend, firstExtrem
             children.map(
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             (child, index) => (child &&
-                child.type.name === 'ProgressItem' &&
+                child.type.name === "ProgressItem" &&
                 React.cloneElement(child, {
                     key: index,
                     style: [
                         index === 0 && styles.progressItemFirst,
                         index === children.length - 1 && styles.progressItemSecond,
-                        { backgroundColor: getAlertStyle(child.props.alert), height: height },
+                        {
+                            backgroundColor: getAlertStyle(child.props.alert),
+                            height: height,
+                        },
                     ],
                 })) ||
                 child)));

package/lib/components/progress/Progress.native.js.map

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

package/lib/components/progress/item/ProgressItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProgressItemProps } from './ProgressItemProps';
+import { ProgressItemProps } from "./ProgressItemProps";
 /**
  * Progress Item component - Only if stacked
  * @param percent {number} Progress percent

package/lib/components/progress/item/ProgressItem.js

@@ -1,9 +1,9 @@
-import React from 'react';
-import { is } from '../../../services/index';
-import { getAlertClassName } from '../../../objects';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { is } from "../../../services/index";
+import { getAlertClassName } from "../../../objects";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../context";
 /**
  * Progress Item component - Only if stacked
  * @param percent {number} Progress percent
@@ -17,7 +17,7 @@ import { useTrilogyContext } from '../../../context';
  */
 const ProgressItem = ({ className, percent, maxPercent = 100, minPercent = 0, alert, accessibilityLabel, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('progress-bar', alert && is(getAlertClassName(alert)), !alert && is('primary'), className));
+    const classes = hashClass(styled, clsx("progress-bar", alert && is(getAlertClassName(alert)), !alert && is("primary"), className));
     return (React.createElement("div", { ...(percent && { style: { width: `${percent}%` } }), className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel, ...others }));
 };
 export default ProgressItem;

package/lib/components/progress/item/ProgressItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressItem.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,EACL,kBAAkB,EAClB,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,cAAc,EAAE,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAChG,CAAA;IAED,OAAO,CACL,gCACM,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAAE,CAAC,EACpD,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,OAAO,mBACP,UAAU,mBACV,UAAU,gBACb,kBAAkB,KAC1B,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ProgressItem.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,KAAK,EACL,kBAAkB,EAClB,GAAG,MAAM,EACS,EAAe,EAAE;IACnC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,cAAc,EACd,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,CAAC,KAAK,IAAI,EAAE,CAAC,SAAS,CAAC,EACvB,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,gCACM,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAAE,CAAC,EACpD,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,OAAO,mBACP,UAAU,mBACV,UAAU,gBACb,kBAAkB,KAC1B,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/components/progress/item/ProgressItem.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ProgressItemProps } from './ProgressItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Progress Item component - Only if stacked
  * @param percent {number} Progress percent

package/lib/components/progress/item/ProgressItem.native.js

@@ -1,6 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { Animated } from 'react-native';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Progress Item component - Only if stacked
  * @param percent {number} Progress percent

package/lib/components/progress/item/ProgressItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressItem.native.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;GAMG;AACH,6DAA6D;AAC7D,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC/F,8DAA8D;IAC9D,MAAM,UAAU,GAAG,MAAa,CAAA;IAChC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAA;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iDAAiD;QACjD,OAAO;YACL,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,KAAK;aACvB,CAAC,CAAC,KAAK,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;QACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;QAC3B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OAAK,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,IACzD,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ProgressItem.native.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;GAMG;AACH,6DAA6D;AAC7D,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAC/F,8DAA8D;IAC9D,MAAM,UAAU,GAAG,MAAa,CAAA;IAChC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAA;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iDAAiD;QACjD,OAAO;YACL,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,KAAK;aACvB,CAAC,CAAC,KAAK,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;QACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;QAC3B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OAAK,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,IACzD,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}

package/lib/components/progress/radial/ProgressRadial.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProgressRadialProps } from './ProgressRadialProps';
+import { ProgressRadialProps } from "./ProgressRadialProps";
 /**
  * Progress Radial component
  * @param percent {number} Progress percent

package/lib/components/progress/radial/ProgressRadial.js

@@ -1,10 +1,10 @@
 /* eslint-disable react/jsx-no-useless-fragment */
-import React from 'react';
-import { is } from '../../../services/index';
-import { hashClass } from '../../../helpers';
-import clsx from 'clsx';
-import ProgressRadialItem from './item';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import { is } from "../../../services/index";
+import { hashClass } from "../../../helpers";
+import clsx from "clsx";
+import ProgressRadialItem from "./item";
+import { useTrilogyContext } from "../../../context";
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -20,19 +20,19 @@ import { useTrilogyContext } from '../../../context';
 const ProgressRadial = ({ className, percent, label, description, skeleton, stacked, children, ...others }) => {
     var _a, _b, _c;
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('progress-circle', skeleton && is('loading'), className));
+    const classes = hashClass(styled, clsx("progress-circle", skeleton && is("loading"), className));
     const ProgressContent = () => {
         if (label || description) {
-            return (React.createElement("div", { className: hashClass(styled, clsx('progress-circle-content')) },
-                label && React.createElement("div", { className: hashClass(styled, clsx('progress-circle-title')) }, label),
-                description && React.createElement("div", { className: hashClass(styled, clsx('progress-circle-sub')) }, description)));
+            return (React.createElement("div", { className: hashClass(styled, clsx("progress-circle-content")) },
+                label && (React.createElement("div", { className: hashClass(styled, clsx("progress-circle-title")) }, label)),
+                description && (React.createElement("div", { className: hashClass(styled, clsx("progress-circle-sub")) }, description))));
         }
         return null;
     };
     // If we have children
     // & if children = array or string
     if (stacked && children) {
-        const colors = ['--secondary', '--tertiary', '--warning', '--empty'];
+        const colors = ["--secondary", "--tertiary", "--warning", "--empty"];
         const percents = {};
         if (React.isValidElement(children) && Array.isArray(children)) {
             const childs = children.map((child, i) => {
@@ -41,7 +41,7 @@ const ProgressRadial = ({ className, percent, label, description, skeleton, stac
                 const percent = (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.percent;
                 if (color && percent && !percents[`--${color}`]) {
                     percents[`--${color}`] = percent;
-                    return React.createElement(ProgressRadialItem, { key: `radial${i}`, percent: percent, color: color });
+                    return (React.createElement(ProgressRadialItem, { key: `radial${i}`, percent: percent, color: color }));
                 }
                 return null;
             });
@@ -53,10 +53,17 @@ const ProgressRadial = ({ className, percent, label, description, skeleton, stac
                 childs,
                 React.createElement(ProgressContent, null)));
         }
-        if (React.isValidElement(children) && ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.percent) && (children === null || children === void 0 ? void 0 : children.props.color)) {
+        if (React.isValidElement(children) &&
+            ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.percent) &&
+            (children === null || children === void 0 ? void 0 : children.props.color)) {
             const color = (_b = children === null || children === void 0 ? void 0 : children.props) === null || _b === void 0 ? void 0 : _b.color;
             const percent = (_c = children === null || children === void 0 ? void 0 : children.props) === null || _c === void 0 ? void 0 : _c.percent;
-            const style = { [color]: percent, '--tertiary': 0, '--warning': 0, '--empty': 0 };
+            const style = {
+                [color]: percent,
+                "--tertiary": 0,
+                "--warning": 0,
+                "--empty": 0,
+            };
             return (React.createElement("div", { className: classes, ...others, style: style },
                 React.createElement(ProgressRadialItem, { percent: percent, color: color }),
                 React.createElement(ProgressContent, null)));
@@ -64,13 +71,13 @@ const ProgressRadial = ({ className, percent, label, description, skeleton, stac
     }
     // If we don't have multiple pourcents
     const style2 = {
-        '--secondary': percent !== null && percent !== void 0 ? percent : 1,
-        '--tertiary': 0,
-        '--warning': 0,
-        '--empty': 0,
+        "--secondary": percent !== null && percent !== void 0 ? percent : 1,
+        "--tertiary": 0,
+        "--warning": 0,
+        "--empty": 0,
     };
     return (React.createElement("div", { className: classes, ...others, style: style2 },
-        React.createElement("div", { className: hashClass(styled, clsx('progress-circle-slice progress-circle-background-secondary')) }),
+        React.createElement("div", { className: hashClass(styled, clsx("progress-circle-slice progress-circle-background-secondary")) }),
         React.createElement(ProgressContent, null)));
 };
 export default ProgressRadial;

package/lib/components/progress/radial/ProgressRadial.js.map

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

package/lib/components/progress/radial/ProgressRadial.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ProgressRadialProps } from './ProgressRadialProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { ProgressRadialProps } from "./ProgressRadialProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Progress Radial component
  * @param percent {number} Progress percent

package/lib/components/progress/radial/ProgressRadial.native.js

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { StyleSheet, View, Platform } from 'react-native';
-import { AnimatedCircularProgress } from './react-native-circular-progress';
-import { Text, TextLevels } from '../../text';
-import { getAlertStyle, getAlignStyle } from '../../../objects';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import ContentLoader, { Circle } from 'react-content-loader/native';
-import { ComponentName } from '../../enumsComponentsName';
+import * as React from "react";
+import { Platform, StyleSheet, View } from "react-native";
+import { AnimatedCircularProgress } from "./react-native-circular-progress";
+import { Text, TextLevels } from "../../../components/text";
+import { getAlertStyle, getAlignStyle, TypographyAlign, } from "../../../objects";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import ContentLoader, { Circle } from "react-content-loader/native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -21,11 +21,13 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param skeleton {boolean} Skeleton Progress Radial
  */
 const ProgressRadial = ({ percent, label, description, alert, full, disk, secondPercent, secondAlert, align, skeleton, ...others }) => {
-    const color = getAlertStyle(alert) || '#109db9';
-    const backgroundColor = '#eee';
+    const color = getAlertStyle(alert) || getColorStyle(TrilogyColor.MAIN);
+    const backgroundColor = getColorStyle(TrilogyColor.FONT, 1);
     const percentWidth = percent || 0;
     const secondFill = secondPercent ? { secondFill: secondPercent } : null;
-    const secondFillColor = secondAlert ? { secondFillTintColor: getAlertStyle(secondAlert) } : null;
+    const secondFillColor = secondAlert
+        ? { secondFillTintColor: getAlertStyle(secondAlert) }
+        : null;
     const progressRadialWidth = 100;
     const progressRadialSkeletonRadius = 50;
     const styles = StyleSheet.create({
@@ -33,13 +35,14 @@ const ProgressRadial = ({ percent, label, description, alert, full, disk, second
             alignSelf: getAlignStyle(align),
         },
         label: {
-            textAlign: 'center',
+            textAlign: "center",
             fontSize: 20,
-            fontWeight: '500',
+            fontWeight: "600",
+            paddingTop: 8,
         },
         description: {
-            textAlign: 'center',
-            fontWeight: '400',
+            alignSelf: "center",
+            fontWeight: "500",
         },
         disk: {
             width: progressRadialWidth,
@@ -48,31 +51,31 @@ const ProgressRadial = ({ percent, label, description, alert, full, disk, second
             backgroundColor: color,
         },
         labelDisk: {
-            color: getColorStyle(TrilogyColor.WHITE),
-            textAlign: 'center',
+            color: getColorStyle(TrilogyColor.BACKGROUND),
+            textAlign: "center",
             fontSize: 20,
-            fontWeight: '500',
+            fontWeight: "500",
         },
         descriptionDisk: {
-            color: getColorStyle(TrilogyColor.WHITE),
-            textAlign: 'center',
-            fontWeight: '400',
+            color: getColorStyle(TrilogyColor.BACKGROUND),
+            textAlign: "center",
+            fontWeight: "400",
         },
         alignCenter: {
-            alignItems: 'center',
-            justifyContent: 'center',
+            alignItems: "center",
+            justifyContent: "center",
         },
         skeleton: {
             width: progressRadialWidth,
             height: progressRadialWidth,
             borderRadius: progressRadialSkeletonRadius,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
-            overflow: 'hidden',
+            backgroundColor: getColorStyle(TrilogyColor.DISABLED, 1),
+            overflow: "hidden",
         },
     });
     const ProgressRadialSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
         React.createElement(View, { style: { opacity: 0 } }),
-        Platform.OS === 'android' && (React.createElement(View, null,
+        Platform.OS === "android" && (React.createElement(View, null,
             React.createElement(Circle, { cx: '50', cy: '50', r: '50' })))));
     if (skeleton) {
         return React.createElement(ProgressRadialSkeleton, null);
@@ -80,13 +83,13 @@ const ProgressRadial = ({ percent, label, description, alert, full, disk, second
     if (disk) {
         return (React.createElement(View, { style: styles.container },
             React.createElement(View, { style: [styles.disk, styles.alignCenter], ...others },
-                label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || '')) : (label),
-                description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.FOUR }, description || '')) : (description))));
+                label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || "")) : (label),
+                description && typeof description.valueOf() === "string" ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.THREE, typo: TypographyAlign.TEXT_CENTERED }, description || "")) : (description))));
     }
     return (React.createElement(View, { style: styles.container, ...others },
         React.createElement(AnimatedCircularProgress, { size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0, ...secondFill, ...secondFillColor }, () => (React.createElement(View, { style: styles.alignCenter },
-            label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || '')) : (React.createElement(View, null, label)),
-            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description)))))));
+            label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || "")) : (React.createElement(View, null, label)),
+            description && typeof description.valueOf() === "string" ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || "")) : (React.createElement(View, null, description)))))));
 };
 ProgressRadial.displayName = ComponentName.ProgressRadial;
 export default ProgressRadial;