@trilogy-ds/react 0.0.1-beta-149 → 0.0.1-beta-v4

package/lib/components/product-tour/ProductTourPropsDefaults.js

@@ -25,14 +25,14 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "bottom",
       "left",
       "right",
       "top",
       "bottom",
-      "top",
-      "bottom",
       "left",
-      "right"
+      "right",
+      "top"
     ]
   },
   "arrowAlign": {

package/lib/components/product-tour/ProductTourWebPropsDefaults.js

@@ -1,11 +1,4 @@
 export default {
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "children": {
     "type": "react",
     "values": [
@@ -32,14 +25,14 @@ export default {
     "type": "enum",
     "values": [
       "undefined",
+      "bottom",
       "left",
       "right",
       "top",
       "bottom",
-      "top",
-      "bottom",
       "left",
-      "right"
+      "right",
+      "top"
     ]
   },
   "arrowAlign": {
@@ -88,5 +81,19 @@ export default {
       "left",
       "right"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

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

@@ -1,18 +1,12 @@
-import * as React from "react";
-import { ProgressProps } from "./ProgressProps";
+import * as React from 'react';
+import { ProgressProps } from './ProgressProps';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
- * @param percent {number} Progress percent
- * @param maxPercent {number} Default max percent is 100
  * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
  * @param small {boolean} Small progress
- * @param stacked {boolean} Stacked progress
- * @param uniqueLegend {string} Unique legend
- * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
- * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS classes
  */
-declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+declare const Progress: ({ className, id, value, max, status, small, legendStart, legendCenter, legendEnd, ...others }: ProgressProps) => React.JSX.Element;
 export default Progress;

package/lib/components/progress/Progress.js

@@ -1,42 +1,32 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { is, has } from "../../services/index";
-import { Text, TextLevels } from "../text";
-import { Columns, ColumnsItem } from "../columns";
-import { getStatusClassName } 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 { getStatusClassName } from '../../objects';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
+import { Text } from '../../components/text';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
- * @param percent {number} Progress percent
- * @param maxPercent {number} Default max percent is 100
  * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
  * @param small {boolean} Small progress
- * @param stacked {boolean} Stacked progress
- * @param uniqueLegend {string} Unique legend
- * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
- * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS classes
  */
-var Progress = React.forwardRef(function (props, ref) {
-    var children = props.children, className = props.className, percent = props.percent, _a = props.maxPercent, maxPercent = _a === void 0 ? 100 : _a, status = props.status, small = props.small, stacked = props.stacked, uniqueLegend = props.uniqueLegend, firstExtremLegend = props.firstExtremLegend, secondExtremLegend = props.secondExtremLegend, others = __rest(props, ["children", "className", "percent", "maxPercent", "status", "small", "stacked", "uniqueLegend", "firstExtremLegend", "secondExtremLegend"]);
+var Progress = function (_a) {
+    var className = _a.className, id = _a.id, value = _a.value, _b = _a.max, max = _b === void 0 ? 100 : _b, status = _a.status, small = _a.small, legendStart = _a.legendStart, legendCenter = _a.legendCenter, legendEnd = _a.legendEnd, others = __rest(_a, ["className", "id", "value", "max", "status", "small", "legendStart", "legendCenter", "legendEnd"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("progress", status && is(getStatusClassName(status)), !status && is("primary"), small && is("small"), className));
-    var stackedClasses = hashClass(styled, clsx("progress", stacked && is("stacked"), className));
-    if (children && stacked) {
-        return (React.createElement("div", __assign({ ref: ref, className: stackedClasses }, others), children));
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("progress", __assign({ className: classes, value: percent, max: maxPercent }, others), percent),
-        uniqueLegend && (React.createElement(Text, { className: has("text-centered"), level: TextLevels.TWO }, uniqueLegend)),
-        firstExtremLegend && secondExtremLegend && (React.createElement(Columns, { mobile: true },
-            React.createElement(ColumnsItem, null,
-                React.createElement(Text, { level: TextLevels.TWO }, firstExtremLegend)),
-            React.createElement(ColumnsItem, { narrow: true },
-                React.createElement(Text, { level: TextLevels.TWO }, secondExtremLegend))))));
-});
+    var classes = hashClass(styled, clsx('progress', status && is(getStatusClassName(status)), !status && is('primary'), small && is('small'), className));
+    return (React.createElement("div", { className: "progress-container" },
+        React.createElement("progress", __assign({ id: id, className: classes, value: value, max: max }, others), value),
+        (legendStart || legendCenter || legendEnd) && (React.createElement("div", { className: "progress-legends" },
+            legendStart && (React.createElement("div", { className: "progress-legend-start" },
+                React.createElement(Text, null, legendStart))),
+            legendCenter && (React.createElement("div", { className: "progress-legend-center" },
+                React.createElement(Text, null, legendCenter))),
+            legendEnd && (React.createElement("div", { className: "progress-legend-end" },
+                React.createElement(Text, null, legendEnd)))))));
+};
 export default Progress;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUNqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDOUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBb0IsRUFBRSxHQUFvQztJQUV6RixJQUFBLFFBQVEsR0FXTixLQUFLLFNBWEMsRUFDUixTQUFTLEdBVVAsS0FBSyxVQVZFLEVBQ1QsT0FBTyxHQVNMLEtBQUssUUFUQSxFQUNQLEtBUUUsS0FBSyxXQVJTLEVBQWhCLFVBQVUsbUJBQUcsR0FBRyxLQUFBLEVBQ2hCLE1BQU0sR0FPSixLQUFLLE9BUEQsRUFDTixLQUFLLEdBTUgsS0FBSyxNQU5GLEVBQ0wsT0FBTyxHQUtMLEtBQUssUUFMQSxFQUNQLFlBQVksR0FJVixLQUFLLGFBSkssRUFDWixpQkFBaUIsR0FHZixLQUFLLGtCQUhVLEVBQ2pCLGtCQUFrQixHQUVoQixLQUFLLG1CQUZXLEVBQ2YsTUFBTSxVQUNQLEtBQUssRUFaSCwySUFZTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsVUFBVSxFQUNWLE1BQU0sSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsRUFDeEMsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUNwQixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUM5QixNQUFNLEVBQ04sSUFBSSxDQUFDLFVBQVUsRUFBRSxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUN0RCxDQUFBO0lBRUQsSUFBSSxRQUFRLElBQUksT0FBTyxFQUFFO1FBQ3ZCLE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxjQUFjLElBQU0sTUFBTSxHQUNqRCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxPQUFPLENBQ0w7UUFDRSwyQ0FDRSxTQUFTLEVBQUUsT0FBTyxFQUNsQixLQUFLLEVBQUUsT0FBTyxFQUNkLEdBQUcsRUFBRSxVQUFVLElBQ1gsTUFBTSxHQUVULE9BQU8sQ0FDQztRQUNWLFlBQVksSUFBSSxDQUNmLG9CQUFDLElBQUksSUFBQyxTQUFTLEVBQUUsR0FBRyxDQUFDLGVBQWUsQ0FBQyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUN6RCxZQUFZLENBQ1IsQ0FDUjtRQUNBLGlCQUFpQixJQUFJLGtCQUFrQixJQUFJLENBQzFDLG9CQUFDLE9BQU8sSUFBQyxNQUFNO1lBQ2Isb0JBQUMsV0FBVztnQkFDVixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxHQUFHLElBQUcsaUJBQWlCLENBQVEsQ0FDM0M7WUFDZCxvQkFBQyxXQUFXLElBQUMsTUFBTTtnQkFDakIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUFHLGtCQUFrQixDQUFRLENBQzVDLENBQ04sQ0FDWCxDQUNBLENBQ0osQ0FBQTtBQUVILENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL1Byb2dyZXNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRXhDOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBV2dCO0lBVmQsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxXQUFTLEVBQVQsR0FBRyxtQkFBRyxHQUFHLEtBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLFNBQVMsZUFBQSxFQUNOLE1BQU0sY0FWWCxrR0FXQyxDQURVO0lBRW5CLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixVQUFVLEVBQ1YsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUN4QyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQ3BCLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRCxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFDLG9CQUFvQjtRQUNqQywyQ0FBVSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU0sR0FDckUsS0FBSyxDQUNHO1FBQ1YsQ0FBQyxXQUFXLElBQUksWUFBWSxJQUFJLFNBQVMsQ0FBQyxJQUFJLENBQzdDLDZCQUFLLFNBQVMsRUFBQyxrQkFBa0I7WUFDOUIsV0FBVyxJQUFJLENBQ2QsNkJBQUssU0FBUyxFQUFDLHVCQUF1QjtnQkFDcEMsb0JBQUMsSUFBSSxRQUFFLFdBQVcsQ0FBUSxDQUN0QixDQUNQO1lBQ0EsWUFBWSxJQUFJLENBQ2YsNkJBQUssU0FBUyxFQUFDLHdCQUF3QjtnQkFDckMsb0JBQUMsSUFBSSxRQUFFLFlBQVksQ0FBUSxDQUN2QixDQUNQO1lBQ0EsU0FBUyxJQUFJLENBQ1osNkJBQUssU0FBUyxFQUFDLHFCQUFxQjtnQkFDbEMsb0JBQUMsSUFBSSxRQUFFLFNBQVMsQ0FBUSxDQUNwQixDQUNQLENBQ0csQ0FDUCxDQUNHLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsUUFBUSxDQUFBIn0=

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

@@ -1,18 +1,15 @@
 /// <reference types="react" />
-import { ProgressProps } from "./ProgressProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ProgressProps } from './ProgressProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
- * @param percent {number} Progress percent
+ * @param value {number} Progress value
  * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
  * @param stacked {boolean} Stacked progress
- * @param uniqueLegend {stringabsolute} Unique legend
- * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
- * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
  */
 declare const Progress: {
-    ({ children, percent, status, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }: ProgressProps): JSX.Element;
+    ({ value, status, ...others }: ProgressProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Progress;

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

@@ -1,48 +1,44 @@
 import { __assign, __rest } from "tslib";
-import React, { useEffect, useRef } from "react";
-import { Animated, StyleSheet } from "react-native";
-import { View } from "../../components/view";
-import { Text, TextLevels } from "../../components/text";
-import { getStatusStyle, getColorStyle, TrilogyColor } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
+import React, { useEffect, useRef } from 'react';
+import { Animated, StyleSheet } from 'react-native';
+import { View } from '../../components/view';
+import { getColorStyle, getStatusStyle, TrilogyColor } from '../../objects';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Progress component
  * @param children {ReactNode} Use Children it only if stacked progress
- * @param percent {number} Progress percent
+ * @param value {number} Progress value
  * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
  * @param stacked {boolean} Stacked progress
- * @param uniqueLegend {stringabsolute} Unique legend
- * @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
- * @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
  */
 var Progress = function (_a) {
-    var children = _a.children, percent = _a.percent, status = _a.status, stacked = _a.stacked, uniqueLegend = _a.uniqueLegend, firstExtremLegend = _a.firstExtremLegend, secondExtremLegend = _a.secondExtremLegend, others = __rest(_a, ["children", "percent", "status", "stacked", "uniqueLegend", "firstExtremLegend", "secondExtremLegend"]);
+    var value = _a.value, status = _a.status, others = __rest(_a, ["value", "status"]);
     var animation = useRef(new Animated.Value(0)).current;
     useEffect(function () {
         // eslint-disable-next-line no-unused-expressions
-        typeof percent === "number" &&
+        typeof value === 'number' &&
             Animated.timing(animation, {
-                toValue: percent,
+                toValue: value,
                 duration: 1000,
                 useNativeDriver: false,
             }).start();
-    }, [animation, percent]);
+    }, [animation, value]);
     var height = 6;
     var width = animation.interpolate({
         inputRange: [0, 100],
-        outputRange: ["0%", "100%"],
-        extrapolate: "clamp",
+        outputRange: ['0%', '100%'],
+        extrapolate: 'clamp',
     });
     var styles = StyleSheet.create({
         progress: {
-            flexDirection: "row",
-            width: "100%",
+            flexDirection: 'row',
+            width: '100%',
             height: height,
             backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE),
             borderRadius: 15,
         },
-        percent: {
-            alignSelf: "flex-start",
+        value: {
+            alignSelf: 'flex-start',
             height: height,
             backgroundColor: getStatusStyle(status).color,
             borderRadius: 15,
@@ -57,51 +53,25 @@ var Progress = function (_a) {
         },
         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) {
-        return (React.createElement(View, __assign({ style: styles.progress }, others), Array.isArray(children) &&
-            children.map(
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            function (child, index) {
-                return (child &&
-                    child.type.name === "ProgressItem" &&
-                    React.cloneElement(child, {
-                        key: index,
-                        style: [
-                            index === 0 && styles.progressItemFirst,
-                            index === children.length - 1 && styles.progressItemSecond,
-                            {
-                                backgroundColor: getColorStyle(child.props.status),
-                                height: height,
-                            },
-                        ],
-                    })) ||
-                    child;
-            })));
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(View, __assign({ style: styles.progress }, others),
-            React.createElement(Animated.View, { style: [styles.percent, { width: width }] }, children)),
-        uniqueLegend && (React.createElement(Text, { style: styles.uniqueLegend, level: TextLevels.THREE }, uniqueLegend)),
-        firstExtremLegend && secondExtremLegend && !uniqueLegend && (React.createElement(View, { style: styles.extremLegend },
-            React.createElement(Text, { level: TextLevels.THREE }, firstExtremLegend),
-            React.createElement(Text, { level: TextLevels.THREE }, secondExtremLegend)))));
+    return (React.createElement(View, __assign({ style: styles.progress }, others),
+        React.createElement(Animated.View, { style: [styles.value, { width: width }] })));
 };
 Progress.displayName = ComponentName.Progress;
 export default Progress;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGNBQWMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBU0Y7SUFSZCxJQUFBLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLE9BQU8sYUFBQSxFQUNQLFlBQVksa0JBQUEsRUFDWixpQkFBaUIsdUJBQUEsRUFDakIsa0JBQWtCLHdCQUFBLEVBQ2YsTUFBTSxjQVJPLHVHQVNqQixDQURVO0lBRVQsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUV2RCxTQUFTLENBQUM7UUFDUixpREFBaUQ7UUFDakQsT0FBTyxPQUFPLEtBQUssUUFBUTtZQUN6QixRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFFBQVEsRUFBRSxJQUFJO2dCQUNkLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3MubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9Qcm9ncmVzcy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFbkQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsY0FBYyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7OztHQU1HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUEyQztJQUF6QyxJQUFBLEtBQUssV0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBMUIsbUJBQTRCLENBQUY7SUFDMUMsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUV2RCxTQUFTLENBQUM7UUFDUixpREFBaUQ7UUFDakQsT0FBTyxLQUFLLEtBQUssUUFBUTtZQUN2QixRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLEtBQUs7Z0JBQ2QsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsZUFBZSxFQUFFLEtBQUs7YUFDdkIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ2QsQ0FBQyxFQUFFLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFFdEIsSUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFBO0lBQ2hCLElBQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxXQUFXLENBQUM7UUFDbEMsVUFBVSxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztRQUNwQixXQUFXLEVBQUUsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO1FBQzNCLFdBQVcsRUFBRSxPQUFPO0tBQ3JCLENBQUMsQ0FBQTtJQUVGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsUUFBUSxFQUFFO1lBQ1IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLGVBQWUsRUFBRSxhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQztZQUN0RCxZQUFZLEVBQUUsRUFBRTtTQUNqQjtRQUNELEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxZQUFZO1lBQ3ZCLE1BQU0sRUFBRSxNQUFNO1lBQ2QsZUFBZSxFQUFFLGNBQWMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxLQUFLO1lBQzdDLFlBQVksRUFBRSxFQUFFO1NBQ2pCO1FBQ0QsaUJBQWlCLEVBQUU7WUFDakIsb0JBQW9CLEVBQUUsQ0FBQztZQUN2QixzQkFBc0IsRUFBRSxDQUFDO1NBQzFCO1FBQ0Qsa0JBQWtCLEVBQUU7WUFDbEIsa0JBQWtCLEVBQUUsQ0FBQztZQUNyQix1QkFBdUIsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLEVBQUU7WUFDVCxlQUFlLEVBQUUsTUFBTTtZQUN2QixNQUFNLEVBQUUsQ0FBQztTQUNWO1FBQ0QsWUFBWSxFQUFFO1lBQ1osU0FBUyxFQUFFLFFBQVE7WUFDbkIsVUFBVSxFQUFFLENBQUM7WUFDYixVQUFVLEVBQUUsS0FBSztTQUNsQjtRQUNELFlBQVksRUFBRTtZQUNaLEtBQUssRUFBRSxNQUFNO1lBQ2IsYUFBYSxFQUFFLEtBQUs7WUFDcEIsY0FBYyxFQUFFLGVBQWU7WUFDL0IsVUFBVSxFQUFFLENBQUM7WUFDYixVQUFVLEVBQUUsS0FBSztTQUNsQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxRQUFRLElBQU0sTUFBTTtRQUN0QyxvQkFBQyxRQUFRLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEVBQUUsRUFBRSxLQUFLLE9BQUEsRUFBRSxDQUFDLEdBQUksQ0FDOUMsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBRTdDLGVBQWUsUUFBUSxDQUFBIn0=

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

@@ -1,16 +1,13 @@
-/// <reference types="react" />
 import { StatusProps } from '../../objects/facets/Status';
-import { Stacked } from '../../objects/facets/Stacked';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Progress Interface
  */
-export interface ProgressProps extends StatusProps, Stacked {
-    children?: React.ReactNode;
-    percent?: number;
-    maxPercent?: number;
+export interface ProgressProps extends StatusProps, CommonProps {
+    value?: number;
+    max?: number;
     small?: boolean;
-    uniqueLegend?: string;
-    firstExtremLegend?: string;
-    secondExtremLegend?: string;
-    className?: string;
+    legendStart?: string;
+    legendCenter?: string;
+    legendEnd?: string;
 }

package/lib/components/progress/ProgressPropsDefaults.js

@@ -1,26 +1,12 @@
 export default {
-  "children": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "percent": {
+  "value": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "maxPercent": {
+  "max": {
     "type": "string",
     "values": [
       "undefined",
@@ -35,28 +21,21 @@ export default {
       "true"
     ]
   },
-  "uniqueLegend": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "firstExtremLegend": {
+  "legendStart": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "secondExtremLegend": {
+  "legendCenter": {
     "type": "string",
     "values": [
       "undefined",
       "string"
     ]
   },
-  "className": {
+  "legendEnd": {
     "type": "string",
     "values": [
       "undefined",
@@ -84,12 +63,11 @@ export default {
       "string"
     ]
   },
-  "stacked": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   }
 };

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

@@ -1,5 +1,4 @@
 import Progress from './Progress';
-import ProgressItem from './item';
 import ProgressRadial from './radial';
 import ProgressRadialItem from './radial/item/ProgressRadialtem';
-export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
+export { Progress, ProgressRadial, ProgressRadialItem };

package/lib/components/progress/index.js

@@ -1,6 +1,5 @@
 import Progress from './Progress';
-import ProgressItem from './item';
 import ProgressRadial from './radial';
 import ProgressRadialItem from './radial/item/ProgressRadialtem';
-export { Progress, ProgressItem, ProgressRadial, ProgressRadialItem };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLFlBQVksTUFBTSxRQUFRLENBQUE7QUFDakMsT0FBTyxjQUFjLE1BQU0sVUFBVSxDQUFBO0FBQ3JDLE9BQU8sa0JBQWtCLE1BQU0saUNBQWlDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLENBQUEifQ==
+export { Progress, ProgressRadial, ProgressRadialItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUNqQyxPQUFPLGNBQWMsTUFBTSxVQUFVLENBQUE7QUFDckMsT0FBTyxrQkFBa0IsTUFBTSxpQ0FBaUMsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLGNBQWMsRUFBRSxrQkFBa0IsRUFBRSxDQUFBIn0=

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

@@ -6,17 +6,11 @@ import { ProgressRadialProps } from './ProgressRadialProps';
  * @param label {string} Custom label
  * @param description {string} Custom description
  * @param children {React.ReactNode}
- * @param secondPercent {number} Second progress percent
  * @param skeleton {boolean} Skeleton Progress Radial
  * - --------------- NATIVE PROPERTIES ----------------------------------
- * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param full {boolean} Full progressRadial
- * @param disk {boolean} Disk ProgressRadial
- * @param align {Alignable} Progress Radial Alignement
  * - --------------- WEB PROPERTIES -------------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param small {boolean} Display small progress radial
  */
-declare const ProgressRadial: ({ children, percent, secondPercent, label, description, skeleton, className, small, ...others }: ProgressRadialProps) => JSX.Element;
+declare const ProgressRadial: ({ children, value, secondValue, label, description, skeleton, className, id, small, ...others }: ProgressRadialProps) => JSX.Element;
 export default ProgressRadial;

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

@@ -6,27 +6,21 @@ import { hashClass } from '../../../helpers';
 import { useTrilogyContext } from '../../../context';
 import { Title, TitleLevels } from '../../title';
 import { Text, TextLevels } from '../../text';
-import { getColorStyle } from "../../../objects/facets/Color";
+import { getColorStyle } from '../../../objects/facets/Color';
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
  * @param label {string} Custom label
  * @param description {string} Custom description
  * @param children {React.ReactNode}
- * @param secondPercent {number} Second progress percent
  * @param skeleton {boolean} Skeleton Progress Radial
  * - --------------- NATIVE PROPERTIES ----------------------------------
- * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param full {boolean} Full progressRadial
- * @param disk {boolean} Disk ProgressRadial
- * @param align {Alignable} Progress Radial Alignement
  * - --------------- WEB PROPERTIES -------------------------------------
  * @param className {string} Additionnal CSS Classes
  * @param small {boolean} Display small progress radial
  */
 var ProgressRadial = function (_a) {
-    var children = _a.children, _b = _a.percent, percent = _b === void 0 ? 0 : _b, _c = _a.secondPercent, secondPercent = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, small = _a.small, others = __rest(_a, ["children", "percent", "secondPercent", "label", "description", "skeleton", "className", "small"]);
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = __rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
     var styled = useTrilogyContext().styled;
     var _d = __read(useState(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
     var _e = __read(useState(0), 2), secondProgressCurrentValue = _e[0], setSecondProgressCurrentValue = _e[1];
@@ -53,28 +47,28 @@ var ProgressRadial = function (_a) {
         // Reset the current values whenever the provided percent or secondPercent change
         setFirstProgressCurrentValue(0);
         setSecondProgressCurrentValue(0);
-        updateBackgroundStyle(percent, secondPercent); // if percent or secondPercent are 0, update immediately
+        updateBackgroundStyle(value, secondValue); // if percent or secondPercent are 0, update immediately
         var frame = function () {
-            setFirstProgressCurrentValue(function (value) {
-                return value < percent ? value + 1 : value;
+            setFirstProgressCurrentValue(function (currentValue) {
+                return currentValue < value ? currentValue + 1 : currentValue;
             });
-            setSecondProgressCurrentValue(function (value) {
-                return value < secondPercent ? value + 1 : value;
+            setSecondProgressCurrentValue(function (currentValue) {
+                return currentValue < secondValue ? currentValue + 1 : currentValue;
             });
             animationFrameId = requestAnimationFrame(frame);
         };
         animationFrameId = requestAnimationFrame(frame);
         // Cleanup
         return function () { return cancelAnimationFrame(animationFrameId); };
-    }, [percent, secondPercent]);
+    }, [value, secondValue]);
     useEffect(function () {
         updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
     }, [firstProgressCurrentValue, secondProgressCurrentValue]);
-    return (React.createElement("div", __assign({}, others, { className: classes, ref: progressRadialRef }),
+    return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
         React.createElement("div", { className: classesContent },
-            label && React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label),
-            description && React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description),
+            label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
+            description && (React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description)),
             !label && !description && children)));
 };
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFVRjtJQVRwQixJQUFBLFFBQVEsY0FBQSxFQUNSLGVBQVcsRUFBWCxPQUFPLG1CQUFHLENBQUMsS0FBQSxFQUNYLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVRhLGtHQVV2QixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQTRELFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUF0RSx5QkFBeUIsUUFBQSxFQUFF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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVdGO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsYUFBUyxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVmEsb0dBV3ZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRFLHlCQUF5QixRQUFB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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 "../../../components/enumsComponentsName";
+import { ProgressRadialProps } from './ProgressRadialProps';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -9,14 +9,12 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
  * @param full {boolean} Full progressRadial
  * @param disk {boolean} Disk ProgressRadial
- * @param children {React.ReactNode}
- * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
- * @param secondPercent {number} Second progress percent
+ * @param secondValueColor {TrilogyColor} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
  * @param align {Alignable} Progress Radial Alignement
  * @param skeleton {boolean} Skeleton Progress Radial
  */
 declare const ProgressRadial: {
-    ({ percent, label, description, status, full, disk, secondPercent, secondStatus, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
+    ({ value, label, description, status, full, disk, secondValue, secondValueColor, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ProgressRadial;