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

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

@@ -0,0 +1,3 @@
+import ProgressItem from './ProgressItem';
+export default ProgressItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL2l0ZW0vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==

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

@@ -6,11 +6,17 @@ 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, value, secondValue, label, description, skeleton, className, id, small, ...others }: ProgressRadialProps) => JSX.Element;
+declare const ProgressRadial: ({ children, percent, secondPercent, label, description, skeleton, className, small, ...others }: ProgressRadialProps) => JSX.Element;
 export default ProgressRadial;

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

@@ -6,21 +6,27 @@ 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.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 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 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];
@@ -47,28 +53,28 @@ var ProgressRadial = function (_a) {
         // Reset the current values whenever the provided percent or secondPercent change
         setFirstProgressCurrentValue(0);
         setSecondProgressCurrentValue(0);
-        updateBackgroundStyle(value, secondValue); // if percent or secondPercent are 0, update immediately
+        updateBackgroundStyle(percent, secondPercent); // if percent or secondPercent are 0, update immediately
         var frame = function () {
-            setFirstProgressCurrentValue(function (currentValue) {
-                return currentValue < value ? currentValue + 1 : currentValue;
+            setFirstProgressCurrentValue(function (value) {
+                return value < percent ? value + 1 : value;
             });
-            setSecondProgressCurrentValue(function (currentValue) {
-                return currentValue < secondValue ? currentValue + 1 : currentValue;
+            setSecondProgressCurrentValue(function (value) {
+                return value < secondPercent ? value + 1 : value;
             });
             animationFrameId = requestAnimationFrame(frame);
         };
         animationFrameId = requestAnimationFrame(frame);
         // Cleanup
         return function () { return cancelAnimationFrame(animationFrameId); };
-    }, [value, secondValue]);
+    }, [percent, secondPercent]);
     useEffect(function () {
         updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
     }, [firstProgressCurrentValue, secondProgressCurrentValue]);
-    return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
+    return (React.createElement("div", __assign({}, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVdGO0lBVnBCLElBQUEsUUFBUSxjQUFBLEVBQ1IsYUFBUyxFQUFULEtBQUssbUJBQUcsQ0FBQyxLQUFBLEVBQ1QsbUJBQWUsRUFBZixXQUFXLG1CQUFHLENBQUMsS0FBQSxFQUNmLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVmEsb0dBV3ZCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRFLHlCQUF5QixRQUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFVRjtJQVRwQixJQUFBLFFBQVEsY0FBQSxFQUNSLGVBQVcsRUFBWCxPQUFPLG1CQUFHLENBQUMsS0FBQSxFQUNYLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVRhLGtHQVV2QixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQTRELFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUF0RSx5QkFBeUIsUUFBQSxFQUFF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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,12 +9,14 @@ 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 secondValueColor {TrilogyColor} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param children {React.ReactNode}
+ * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param secondPercent {number} Second progress percent
  * @param align {Alignable} Progress Radial Alignement
  * @param skeleton {boolean} Skeleton Progress Radial
  */
 declare const ProgressRadial: {
-    ({ value, label, description, status, full, disk, secondValue, secondValueColor, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
+    ({ percent, label, description, status, full, disk, secondPercent, secondStatus, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
     displayName: ComponentName;
 };
 export default ProgressRadial;

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

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-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 { getAlignStyle, TypographyAlign } from '../../../objects';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import ContentLoader, { Circle } from 'react-content-loader/native';
-import { ComponentName } from '../../../components/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 { 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
@@ -15,17 +15,19 @@ 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 secondValueColor {TrilogyColor} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param children {React.ReactNode}
+ * @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param secondPercent {number} Second progress percent
  * @param align {Alignable} Progress Radial Alignement
  * @param skeleton {boolean} Skeleton Progress Radial
  */
 var ProgressRadial = function (_a) {
-    var value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
+    var percent = _a.percent, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondPercent = _a.secondPercent, secondStatus = _a.secondStatus, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["percent", "label", "description", "status", "full", "disk", "secondPercent", "secondStatus", "align", "skeleton"]);
     var color = getColorStyle(status || TrilogyColor.INFO);
     var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
-    var percentWidth = value || 0;
-    var secondFill = secondValue ? { secondFill: secondValue } : null;
-    var secondFillColor = { secondFillTintColor: getColorStyle(secondValueColor || TrilogyColor.MAIN) };
+    var percentWidth = percent || 0;
+    var secondFill = secondPercent ? { secondFill: secondPercent } : null;
+    var secondFillColor = { secondFillTintColor: getColorStyle(secondStatus || TrilogyColor.MAIN) };
     var progressRadialWidth = 100;
     var progressRadialSkeletonRadius = 50;
     var styles = StyleSheet.create({
@@ -33,14 +35,14 @@ var ProgressRadial = function (_a) {
             alignSelf: getAlignStyle(align),
         },
         label: {
-            textAlign: 'center',
+            textAlign: "center",
             fontSize: 20,
-            fontWeight: '600',
+            fontWeight: "600",
             paddingTop: 8,
         },
         description: {
-            alignSelf: 'center',
-            fontWeight: '500',
+            alignSelf: "center",
+            fontWeight: "500",
         },
         disk: {
             width: progressRadialWidth,
@@ -50,30 +52,30 @@ var ProgressRadial = function (_a) {
         },
         labelDisk: {
             color: getColorStyle(TrilogyColor.FONT),
-            textAlign: 'center',
+            textAlign: "center",
             fontSize: 20,
-            fontWeight: '500',
+            fontWeight: "500",
         },
         descriptionDisk: {
             color: getColorStyle(TrilogyColor.FONT),
-            textAlign: 'center',
-            fontWeight: '400',
+            textAlign: "center",
+            fontWeight: "400",
         },
         alignCenter: {
-            alignItems: 'center',
-            justifyContent: 'center',
+            alignItems: "center",
+            justifyContent: "center",
         },
         skeleton: {
             width: progressRadialWidth,
             height: progressRadialWidth,
             borderRadius: progressRadialSkeletonRadius,
             backgroundColor: getColorStyle(TrilogyColor.DISABLED_FADE),
-            overflow: 'hidden',
+            overflow: "hidden",
         },
     });
     var ProgressRadialSkeleton = function () { return (React.createElement(ContentLoader, __assign({ 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);
@@ -81,14 +83,14 @@ var ProgressRadial = function (_a) {
     if (disk) {
         return (React.createElement(View, { style: styles.container },
             React.createElement(View, __assign({ 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.THREE, typo: TypographyAlign.TEXT_CENTERED }, 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, __assign({ style: styles.container }, others),
         React.createElement(AnimatedCircularProgress, __assign({ size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0 }, secondFill, secondFillColor), function () { return (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;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFZRjtJQVhwQixJQUFBLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsZ0JBQWdCLHNCQUFBLEVBQ2hCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FYYSxtSEFZdkIsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElBQU0sZUFBZSxHQUFHLGFBQWEsQ0FBQyxZQUFZ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEdBQUcsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVlGO0lBWHBCLElBQUEsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLGFBQWEsbUJBQUEsRUFDYixZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhhLG1IQVl2QixDQURVO0lBRVQsSUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDeEQsSUFBTSxlQUFlLEdBQUcsYUFBYSxDQUFDLFlBQVks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

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

@@ -1,20 +1,20 @@
-import { AlignableProps, StatusProps, TrilogyColor, TrilogyColorValues } from '../../../objects';
+import { StatusProps, StatusState, StatusStateValues, AlignableProps } from '../../../objects';
 import React from 'react';
 import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
-import { CommonProps } from '../../../objects/facets/CommonProps';
 /**
  * Progress Radial Interface
  */
-export interface ProgressRadialProps extends StatusProps, AlignableProps, CommonProps {
+export interface ProgressRadialProps extends StatusProps, AlignableProps {
     children?: React.ReactElement<ProgressRadialItemProps> | React.ReactNode;
+    percent?: number;
     label?: string | React.ReactNode;
-    value?: number;
-    valueColor?: TrilogyColor | TrilogyColorValues;
-    secondValue?: number;
-    secondValueColor?: TrilogyColor | TrilogyColorValues;
     description?: string | React.ReactNode;
+    className?: string;
     full?: boolean;
     disk?: boolean;
+    secondPercent?: number;
+    secondStatus?: StatusState | StatusStateValues;
     skeleton?: boolean;
+    stacked?: boolean;
     small?: boolean;
 }

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

@@ -14,6 +14,13 @@ export default {
       "JSXElementConstructor<any>>"
     ]
   },
+  "percent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "number"
+    ]
+  },
   "label": {
     "type": "react",
     "values": [
@@ -28,61 +35,51 @@ export default {
       "ReactPortal"
     ]
   },
-  "value": {
+  "description": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "className": {
     "type": "string",
     "values": [
       "undefined",
-      "number"
+      "string"
     ]
   },
-  "valueColor": {
-    "type": "enum",
+  "full": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "MAIN",
-      "ACCENT",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS",
-      "SUCCESS_FADE",
-      "INFO",
-      "INFO_FADE",
-      "WARNING",
-      "WARNING_FADE",
-      "ERROR",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE",
-      "WHITE",
-      "MAIN_FADE",
-      "FONT",
-      "SUCCESS_FADE",
-      "INFO_FADE",
-      "WARNING_FADE",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE"
+      "false",
+      "true"
+    ]
+  },
+  "disk": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
     ]
   },
-  "secondValue": {
+  "secondPercent": {
     "type": "string",
     "values": [
       "undefined",
       "number"
     ]
   },
-  "secondValueColor": {
+  "secondStatus": {
     "type": "enum",
     "values": [
       "undefined",
@@ -90,61 +87,13 @@ export default {
       "INFO",
       "WARNING",
       "ERROR",
-      "MAIN",
-      "ACCENT",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
       "SUCCESS",
-      "SUCCESS_FADE",
       "INFO",
-      "INFO_FADE",
       "WARNING",
-      "WARNING_FADE",
-      "ERROR",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE",
-      "WHITE",
-      "MAIN_FADE",
-      "FONT",
-      "SUCCESS_FADE",
-      "INFO_FADE",
-      "WARNING_FADE",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE"
-    ]
-  },
-  "description": {
-    "type": "react",
-    "values": [
-      "undefined",
-      "null",
-      "string",
-      "number",
-      "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
-    ]
-  },
-  "full": {
-    "type": "boolean",
-    "values": [
-      "undefined",
-      "false",
-      "true"
+      "ERROR"
     ]
   },
-  "disk": {
+  "skeleton": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -152,7 +101,7 @@ export default {
       "true"
     ]
   },
-  "skeleton": {
+  "stacked": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -212,12 +161,5 @@ export default {
       "ALIGNED_START",
       "ALIGNED_END"
     ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { TrilogyColor } from '../../../../objects';
-import { CommonProps } from '../../../../objects/facets/CommonProps';
-export interface ProgressRadialItemProps extends CommonProps {
+export interface ProgressRadialItemProps {
     children?: React.ReactNode;
     percent: number;
+    className?: string;
     color: 'secondary' | 'warning' | 'empty' | 'tertiary' | TrilogyColor;
 }

package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js

@@ -17,6 +17,13 @@ export default {
     "type": "string",
     "values": []
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "color": {
     "type": "enum",
     "values": [
@@ -42,19 +49,5 @@ export default {
       "empty",
       "tertiary"
     ]
-  },
-  "id": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
   }
 };

package/lib/components/progress/radial/item/ProgressRadialtem.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { ProgressRadialItemProps } from './ProgressRadialItemProps';
-declare const ProgressRadialItem: ({ color, className, id }: ProgressRadialItemProps) => JSX.Element;
+import { ProgressRadialItemProps } from "./ProgressRadialItemProps";
+declare const ProgressRadialItem: ({ color, className, }: ProgressRadialItemProps) => JSX.Element;
 export default ProgressRadialItem;

package/lib/components/progress/radial/item/ProgressRadialtem.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { hashClass } from '../../../../helpers';
-import clsx from 'clsx';
-import { useTrilogyContext } from '../../../../context';
+import * as React from "react";
+import { hashClass } from "../../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../../context";
 var ProgressRadialItem = function (_a) {
-    var color = _a.color, className = _a.className, id = _a.id;
+    var color = _a.color, className = _a.className;
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx("progress-circle-slice progress-circle-background-".concat(color), className));
-    return React.createElement("div", { id: id, className: classes });
+    return React.createElement("div", { className: classes });
 };
 export default ProgressRadialItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBQWlEO1FBQS9DLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQTtJQUN4QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQywyREFBb0QsS0FBSyxDQUFFLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRyxPQUFPLDZCQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBUSxDQUFBO0FBQ2hELENBQUMsQ0FBQTtBQUVELGVBQWUsa0JBQWtCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBR0Y7UUFGeEIsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLDJEQUFvRCxLQUFLLENBQUUsRUFBRSxTQUFTLENBQUMsQ0FDN0UsQ0FBQTtJQUVELE9BQU8sNkJBQUssU0FBUyxFQUFFLE9BQU8sR0FBUSxDQUFBO0FBQ3hDLENBQUMsQ0FBQTtBQUVELGVBQWUsa0JBQWtCLENBQUEifQ==

package/lib/components/radio/Radio.d.ts

@@ -1,17 +1,26 @@
 /// <reference types="react" />
-import { RadioProps } from './RadioProps';
+import { RadioProps } from "./RadioProps";
 /**
- * radio Component
- * @param checked {boolean} Checked radio
+ * Radio Component
+ * @param checked {boolean} Checked Radio
  * @param disabled {boolean} Disabled
- * @param readOnly {boolean} readonly radio
+ * @param readOnly {boolean} readonly Radio
  * @param id {string} Id for button, by default id is generate
- * @param label {string} Label for radio
+ * @param label {string|ReactNode} Label for Radio
+ * @param onClick {ClickEvent}
  * @param onChange {ChangeEvent}
  * @param name {string} Name for radio
- * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for radio
- * @param className {string} Additionnal css classes (ONLY FOR WEB)
+ * @param iconTile {IconName} Icon for Radio
+ * @param narrow {boolean} Apply narrow
+ * @param children {React.ReactNode} If Children is provided, don't use label / Icon / Description
+ * @param tile {boolean} Radio Tile
+ * @param description {string} Description for Radio tile
+ * @param horizontalTile {boolean} display horizontal Radio tile
+ * -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ * @param marginless {boolean} delete margin
  */
-declare const Radio: ({ checked, className, disabled, readonly, id, label, onChange, name, value, ...others }: RadioProps) => JSX.Element;
+declare const Radio: ({ checked, className, disabled, readonly, id, label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, children, narrow, marginless, testId, ...others }: RadioProps) => JSX.Element;
 export default Radio;