@trilogy-ds/react 0.0.1-beta-130 → 0.0.1-beta-131

package/lib/components/radio/tiles/RadioTilesProps.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { AlignableProps } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+/**
+ * Columns Item Interface
+ */
+export interface RadioTilesProps extends AlignableProps, CommonProps {
+    children: React.ReactNode;
+}

package/lib/components/radio/tiles/RadioTilesProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlc1Byb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy9SYWRpb1RpbGVzUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/radio/tiles/RadioTilesPropsDefaults.js

@@ -0,0 +1,54 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "align": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "verticalAlign": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END",
+      "ALIGNED_CENTER",
+      "ALIGNED_START",
+      "ALIGNED_END"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/radio/tiles/index.d.ts

@@ -0,0 +1,2 @@
+import RadioTiles from './RadioTiles';
+export default RadioTiles;

package/lib/components/{icon/circle → radio/tiles}/index.js

@@ -1,3 +1,3 @@
-import IconCircle from './CircleIcon';
-export default IconCircle;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2ljb24vY2lyY2xlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9
+import RadioTiles from './RadioTiles';
+export default RadioTiles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/radio/tiles/tile/RadioTile.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { RadioTileProps } from './RadioTileProps';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+declare const RadioTile: ({ checked, className, disabled, readonly, id, label, onChange, name, value, description, icon, horizontal, ...others }: RadioTileProps) => JSX.Element;
+export default RadioTile;

package/lib/components/radio/tiles/tile/RadioTile.js

@@ -0,0 +1,36 @@
+import { __assign, __read, __rest } from "tslib";
+import * as React from 'react';
+import { useEffect, useState } from 'react';
+import clsx from 'clsx';
+import { is } from '../../../../services/classify';
+import { hashClass } from '../../../../helpers';
+import { useTrilogyContext } from '../../../../context';
+import { Icon, IconSize } from '../../../../components/icon';
+import shortid from 'shortid';
+/**
+ * Columns Item Component - Columns Child
+ * @param size {ColumnsSize} Size 1-12
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes
+ */
+var RadioTile = function (_a) {
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal"]);
+    var styled = useTrilogyContext().styled;
+    var _c = __read(useState(checked || false), 2), _checked = _c[0], setChecked = _c[1];
+    useEffect(function () {
+        if (!readonly) {
+            setChecked(checked || false);
+        }
+    }, [checked, readonly]);
+    return (React.createElement("div", { className: hashClass(styled, clsx('radio-tile', horizontal && is('horizontal'), className)), tabIndex: 0 },
+        React.createElement("input", __assign({ "aria-checked": checked, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: function (e) { return (onChange ? onChange : setChecked(e.target.checked)); } }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) },
+            icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
+            horizontal ? (React.createElement("span", null,
+                React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label),
+                description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description))) : (React.createElement(React.Fragment, null,
+                React.createElement("span", { className: hashClass(styled, clsx('radio-title')) }, label),
+                description && React.createElement("span", { className: hashClass(styled, clsx('radio-description')) }, description))))));
+};
+export default RadioTile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUV2QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLE9BQU8sTUFBTSxTQUFTLENBQUE7QUFFN0I7Ozs7O0dBS0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBY0Y7SUFiZixJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQXVCLEVBQXZCLEVBQUUsbUJBQUcsT0FBTyxDQUFDLFFBQVEsRUFBRSxLQUFBLEVBQ3ZCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixVQUFVLGdCQUFBLEVBQ1AsTUFBTSxjQWJRLGlJQWNsQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFaEMsSUFBQSxLQUFBLE9BQXlCLFFBQVEsQ0FBVSxPQUFPLElBQUksS0FBSyxDQUFDLElBQUEsRUFBM0QsUUFBUSxRQUFBLEVBQUUsVUFBVSxRQUF1QyxDQUFBO0lBRWxFLFNBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDYixVQUFVLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQyxDQUFBO1NBQzdCO0lBQ0gsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFdkIsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDO1FBQzNHLHdEQUNnQixPQUFPLEVBQ3JCLElBQUksRUFBQyxPQUFPLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxFQUNsQixJQUFJLEVBQUUsSUFBSSxFQUNWLEtBQUssRUFBRSxLQUFLLEVBQ1osT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQ3RDLFFBQVEsRUFBRSxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEVBQXBELENBQW9ELElBQ2pFLE1BQU0sRUFDVjtRQUNGLCtCQUFPLE9BQU8sRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ2xFLElBQUksSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSTtZQUNuRCxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ1o7Z0JBQ0UsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUcsS0FBSyxDQUFRO2dCQUN0RSxXQUFXLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDOUYsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDdEUsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ2xHLENBQ0osQ0FDSyxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/radio/tiles/tile/RadioTileProps.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from '../../../../components/icon';
+import { RadioProps } from '../../../../components/radio/RadioProps';
+/**
+ * Columns Item Interface
+ */
+export interface RadioTileProps extends RadioProps {
+    horizontal?: boolean;
+    icon?: IconName | IconNameValues;
+    description?: string | React.ReactNode;
+}

package/lib/components/radio/tiles/tile/RadioTileProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL3RpbGUvUmFkaW9UaWxlUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/{icon/status/StatusIconPropsDefaults.js → radio/tiles/tile/RadioTilePropsDefaults.js}

@@ -1,14 +1,16 @@
 export default {
-  "color": {
-    "type": "string",
+  "horizontal": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "string"
+      "false",
+      "true"
     ]
   },
-  "name": {
+  "icon": {
     "type": "enum",
     "values": [
+      "undefined",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
@@ -57,48 +59,70 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "size": {
-    "type": "string",
-    "values": []
+  "description": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
   },
-  "status": {
-    "type": "enum",
+  "checked": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "SUCCESS",
-      "ERROR",
-      "WARNING",
-      "INFO",
-      "WHITE"
+      "false",
+      "true"
     ]
   },
-  "statusPosition": {
-    "type": "enum",
+  "disabled": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "top",
-      "bottom",
-      "top",
-      "bottom"
+      "false",
+      "true"
     ]
   },
-  "stretched": {
-    "type": "react",
+  "readonly": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "null",
-      "string",
-      "number",
       "false",
-      "true",
-      "JSXElementConstructor<any>>",
-      "ReactNode>",
-      "ReactPortal"
+      "true"
+    ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "onChange": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "RadioChangeEventHandler"
+    ]
+  },
+  "name": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "value": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   },
   "accessibilityLabel": {
@@ -108,7 +132,14 @@ export default {
       "string"
     ]
   },
-  "testId": {
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
     "type": "string",
     "values": [
       "undefined",

package/lib/components/radio/tiles/tile/index.d.ts

@@ -0,0 +1,2 @@
+import RadioTile from './RadioTile';
+export default RadioTile;

package/lib/components/radio/tiles/tile/index.js

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

package/lib/components/range/Range.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { RangeProps } from "./RangeProps";
+import { RangeProps } from './RangeProps';
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -7,19 +7,10 @@ import { RangeProps } from "./RangeProps";
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
- * @param labelValueCursorMax {string} label to display next to value display
- * @param onChange {function}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param nameMin {string} name input min
- * @param idMin {string} id input min
- * @param nameMax{string} name input max
- * @param idMax {string} id input max
  * @param gap {number} space max between min and max cursor
- * @param valueCursorMin {number} number of input min
- * @param valueCursorMax {number} number of input max
  * @param onChangeMin {function} on change min cursor
  * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration
  */
-declare const Range: ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCursorMin, labelValueCursorMax, onChangeMin, onChangeMax, nameMin, idMin, nameMax, idMax, testId, gap, }: RangeProps) => JSX.Element;
+declare const Range: ({ className, id, min, max, label, valueMin, valueMax, unit, onChangeMin, onChangeMax, name, gap, }: RangeProps) => JSX.Element;
 export default Range;

package/lib/components/range/Range.js

@@ -1,9 +1,9 @@
 import { __read } from "tslib";
-import * as React from "react";
-import { getColorStyle, TrilogyColor } from "../../objects";
-import { hashClass } from "../../helpers";
-import clsx from "clsx";
-import { useTrilogyContext } from "../../context";
+import * as React from 'react';
+import { getColorStyle, TrilogyColor } from '../../objects';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../context';
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -11,25 +11,16 @@ import { useTrilogyContext } from "../../context";
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
- * @param labelValueCursorMax {string} label to display next to value display
- * @param onChange {function}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param nameMin {string} name input min
- * @param idMin {string} id input min
- * @param nameMax{string} name input max
- * @param idMax {string} id input max
  * @param gap {number} space max between min and max cursor
- * @param valueCursorMin {number} number of input min
- * @param valueCursorMax {number} number of input max
  * @param onChangeMin {function} on change min cursor
  * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration
  */
 var Range = function (_a) {
-    var min = _a.min, max = _a.max, label = _a.label, valueCursorMin = _a.valueCursorMin, valueCursorMax = _a.valueCursorMax, labelValueCursorMin = _a.labelValueCursorMin, labelValueCursorMax = _a.labelValueCursorMax, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, nameMin = _a.nameMin, idMin = _a.idMin, nameMax = _a.nameMax, idMax = _a.idMax, testId = _a.testId, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
+    var className = _a.className, id = _a.id, min = _a.min, max = _a.max, label = _a.label, valueMin = _a.valueMin, valueMax = _a.valueMax, unit = _a.unit, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, name = _a.name, _b = _a.gap, gap = _b === void 0 ? 0 : _b;
     var styled = useTrilogyContext().styled;
-    var _c = __read(React.useState(valueCursorMin !== null && valueCursorMin !== void 0 ? valueCursorMin : 0), 2), cursorMin = _c[0], setCursorMin = _c[1];
-    var _d = __read(React.useState(valueCursorMax !== null && valueCursorMax !== void 0 ? valueCursorMax : max), 2), cursorMax = _d[0], setCursorMax = _d[1];
+    var _c = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin = _c[0], setCursorMin = _c[1];
+    var _d = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax = _d[0], setCursorMax = _d[1];
     var refTrack = React.useRef(null);
     React.useEffect(function () {
         if (refTrack.current) {
@@ -38,11 +29,11 @@ var Range = function (_a) {
         }
     }, [cursorMin, cursorMax]);
     React.useEffect(function () {
-        setCursorMin(valueCursorMin || 0);
-    }, [valueCursorMin]);
+        setCursorMin(valueMin || 0);
+    }, [valueMin]);
     React.useEffect(function () {
-        setCursorMax(valueCursorMax || max);
-    }, [valueCursorMax]);
+        setCursorMax(valueMax || max);
+    }, [valueMax]);
     var handleChangeCursorMin = React.useCallback(function (e) {
         if (Number(e.target.value) < cursorMax - gap)
             setCursorMin(Number(e.target.value));
@@ -54,36 +45,36 @@ var Range = function (_a) {
     var handleMouseUpMin = React.useCallback(function () {
         if (onChangeMin) {
             onChangeMin({
-                inputName: nameMin,
+                inputName: name,
                 inputValue: cursorMin,
             });
         }
-    }, [onChangeMin, nameMin, cursorMin]);
+    }, [onChangeMin, name, cursorMin]);
     var handleMouseUpMax = React.useCallback(function () {
         if (onChangeMax) {
             onChangeMax({
-                inputName: nameMax,
+                inputName: name,
                 inputValue: cursorMax,
             });
         }
-    }, [onChangeMax, nameMax, cursorMax]);
-    return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx("range-container")) },
-        React.createElement("label", { className: hashClass(styled, clsx("range-label")) }, label),
-        React.createElement("div", { className: hashClass(styled, clsx("range")) },
-            React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx("range-track")) }),
-            React.createElement("input", { "data-testid": "".concat(testId, "_min"), className: hashClass(styled, clsx("range-cursor range-cursor-min")), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: nameMin, id: idMin, "aria-label": label }),
-            React.createElement("input", { "data-testid": "".concat(testId, "_max"), className: hashClass(styled, clsx("range-cursor range-cursor-max")), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: nameMax, id: idMax, "aria-label": label })),
-        React.createElement("div", { className: hashClass(styled, clsx("range-values")) },
+    }, [onChangeMax, name, cursorMax]);
+    return (React.createElement("div", { id: id, className: hashClass(styled, clsx('range-container', className)) },
+        React.createElement("label", { className: hashClass(styled, clsx('range-label')) }, label),
+        React.createElement("div", { className: hashClass(styled, clsx('range')) },
+            React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }),
+            React.createElement("input", { className: hashClass(styled, clsx('range-cursor range-cursor-min')), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-min"), "aria-label": label }),
+            React.createElement("input", { className: hashClass(styled, clsx('range-cursor range-cursor-max')), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-max"), "aria-label": label })),
+        React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx("range-value-min")) }, cursorMin),
-                labelValueCursorMin && React.createElement("span", null,
+                React.createElement("span", { className: hashClass(styled, clsx('range-value-min')) }, cursorMin),
+                unit && React.createElement("span", null,
                     " ",
-                    labelValueCursorMin)),
+                    unit)),
             React.createElement("div", null,
-                React.createElement("span", { className: hashClass(styled, clsx("range-value-max")) }, cursorMax),
-                labelValueCursorMax && React.createElement("span", null,
+                React.createElement("span", { className: hashClass(styled, clsx('range-value-max')) }, cursorMax),
+                unit && React.createElement("span", null,
                     " ",
-                    labelValueCursorMax)))));
+                    unit)))));
 };
 export default Range;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFnQkY7UUFmWCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxLQUFLLFdBQUEsRUFDTCxjQUFjLG9CQUFBLEVBQ2QsY0FBYyxvQkFBQSxFQUNkLG1CQUFtQix5QkFBQSxFQUNuQixtQkFBbUIseUJBQUEsRUFDbkIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixXQUFPLEVBQVAsR0FBRyxtQkFBRyxDQUFDLEtBQUE7SUFFQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxjQUFjLGFBQWQsY0FBYyxjQUFkLGNBQWMsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUF0RSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQStDLENBQUE7SUFDdkUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQzlDLGNBQWMsYUFBZCxjQUFjLGNBQWQsY0FBYyxHQUFJLEdBQUcsQ0FDdEIsSUFBQSxFQUZNLFNBQVMsUUFBQSxFQUFFLFlBQVksUUFFN0IsQ0FBQTtJQUNELElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUE7SUFFbkMsS0FBSyxDQUFDLFNBQVMsQ0FBQztRQUNkLElBQUksUUFBUSxDQUFDLE9BQU8sRUFBRTtZQUNwQixJQUFNLEtBQUssR0FBRyxRQUFRLENBQUMsT0FBc0IsQ0FBQTtZQUM3QyxLQUFLLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxvQ0FBNkIsYUFBYSxDQUNqRSxZQUFZLENBQUMsWUFBWSxDQUMxQixjQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsaUJBQU8sYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsY0FDdEUsQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxpQkFDbEIsYUFBYSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsY0FDMUMsQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxnQkFDbkIsYUFBYSxDQUFDLFlBQVksQ0FBQyxZQUFZLENBQUMsY0FDNUMsQ0FBQyxTQUFTLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxRQUNwQixDQUFBO1NBQ047SUFDSCxDQUFDLEVBQUUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUxQixLQUFLLENBQUMsU0FBUyxDQUFDO1FBQ2QsWUFBWSxDQUFDLGNBQWMsSUFBSSxDQUFDLENBQUMsQ0FBQTtJQUNuQyxDQUFDLEVBQUUsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFBO0lBRXBCLEtBQUssQ0FBQyxTQUFTLENBQUM7UUFDZCxZQUFZLENBQUMsY0FBYyxJQUFJLEdBQUcsQ0FBQyxDQUFBO0lBQ3JDLENBQUMsRUFBRSxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUE7SUFFcEIsSUFBTSxxQkFBcUIsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUM3QyxVQUFDLENBQXNDO1FBQ3JDLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsU0FBUyxHQUFHLEdBQUc7WUFDMUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFDeEMsQ0FBQyxFQUNELENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUN2QixDQUFBO0lBRUQsSUFBTSxxQkFBcUIsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUM3QyxVQUFDLENBQXNDO1FBQ3JDLElBQUksTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEdBQUcsU0FBUyxHQUFHLEdBQUc7WUFDMUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUE7SUFDeEMsQ0FBQyxFQUNELENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxDQUN2QixDQUFBO0lBRUQsSUFBTSxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUFDO1FBQ3pDLElBQUksV0FBVyxFQUFFO1lBQ2YsV0FBVyxDQUFDO2dCQUNWLFNBQVMsRUFBRSxPQUFPO2dCQUNsQixVQUFVLEVBQUUsU0FBUzthQUN0QixDQUFDLENBQUE7U0FDSDtJQUNILENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVyQyxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFDekMsSUFBSSxXQUFXLEVBQUU7WUFDZixXQUFXLENBQUM7Z0JBQ1YsU0FBUyxFQUFFLE9BQU87Z0JBQ2xCLFVBQVUsRUFBRSxTQUFTO2FBQ3RCLENBQUMsQ0FBQTtTQUNIO0lBQ0gsQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLE9BQU8sRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXJDLE9BQU8sQ0FDTCw0Q0FDZSxNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBRXJELCtCQUFPLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUztRQUN6RSw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7WUFDOUMsNkJBQ0UsR0FBRyxFQUFFLFFBQVEsRUFDYixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsR0FDNUM7WUFDUCw4Q0FDZSxVQUFHLE1BQU0sU0FBTSxFQUM1QixTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsK0JBQStCLENBQUMsQ0FBQyxFQUNuRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQzNCLFFBQVEsRUFBRSxxQkFBcUIsRUFDL0IsS0FBSyxFQUFFLFNBQVMsRUFDaEIsSUFBSSxFQUFDLE9BQU8sRUFDWixHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFFLE9BQU8sRUFDYixFQUFFLEVBQUUsS0FBSyxnQkFDRyxLQUFLLEdBQ2pCO1lBQ0YsOENBQ2UsVUFBRyxNQUFNLFNBQU0sRUFDNUIsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLCtCQUErQixDQUFDLENBQUMsRUFDbkUsU0FBUyxFQUFFLGdCQUFnQixFQUMzQixRQUFRLEVBQUUscUJBQXFCLEVBQy9CLEtBQUssRUFBRSxTQUFTLEVBQ2hCLElBQUksRUFBQyxPQUFPLEVBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBRSxPQUFPLEVBQ2IsRUFBRSxFQUFFLEtBQUssZ0JBQ0csS0FBSyxHQUNqQixDQUNFO1FBQ04sNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQ3JEO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLElBQ3hELFNBQVMsQ0FDTDtnQkFDTixtQkFBbUIsSUFBSTs7b0JBQVEsbUJBQW1CLENBQVEsQ0FDdkQ7WUFDTjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxJQUN4RCxTQUFTLENBQ0w7Z0JBQ04sbUJBQW1CLElBQUk7O29CQUFRLG1CQUFtQixDQUFRLENBQ3ZELENBQ0YsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFdkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQWFGO1FBWlgsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxJQUFJLFVBQUEsRUFDSixXQUFPLEVBQVAsR0FBRyxtQkFBRyxDQUFDLEtBQUE7SUFFQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxDQUFDLENBQUMsSUFBQSxFQUFoRSxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXlDLENBQUE7SUFDakUsSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQVMsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksR0FBRyxDQUFDLElBQUEsRUFBbEUsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUEyQyxDQUFBO0lBQ3pFLElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxN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

package/lib/components/range/Range.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { RangeProps } from "./RangeProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { RangeProps } from './RangeProps';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -8,22 +8,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
- * @param labelValueCursorMax {string} label to display next to value display
  * @param onChange {function}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param nameMin {string} name input min
- * @param idMin {string} id input min
- * @param nameMax{string} name input max
- * @param idMax {string} id input max
- * @param gap {number} space max between min and max cursor
- * @param valueCursorMin {number} number of input min
- * @param valueCursorMax {number} number of input max
- * @param onChangeMin {function} on change min cursor
- * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration
  */
 declare const Range: {
-    ({ min, max, label, labelValueCursorMin, labelValueCursorMax, onChange, }: RangeProps): JSX.Element;
+    ({ min, max, label, unit, onChange }: RangeProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Range;

package/lib/components/range/Range.native.js

@@ -1,10 +1,10 @@
 import { __read } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import MultiSlider from "@ptomasroos/react-native-multi-slider";
-import { Text, TextLevels } from "../text";
-import { getColorStyle, TrilogyColor, TypographyBold } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import MultiSlider from '@ptomasroos/react-native-multi-slider';
+import { Text, TextLevels } from '../text';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../objects';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Range Component
  * - -------------------------- MOBILE PROPERTIES -------------------------------
@@ -12,22 +12,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param max {number} max length
  * @param label {string} label of range
  * @param labelValueCursorMin {string} label to display next to value display
- * @param labelValueCursorMax {string} label to display next to value display
  * @param onChange {function}
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param nameMin {string} name input min
- * @param idMin {string} id input min
- * @param nameMax{string} name input max
- * @param idMax {string} id input max
- * @param gap {number} space max between min and max cursor
- * @param valueCursorMin {number} number of input min
- * @param valueCursorMax {number} number of input max
- * @param onChangeMin {function} on change min cursor
- * @param onChangeMax {function} on change max cursor
- * @param testId {string} Test Id for Test Integration
  */
 var Range = function (_a) {
-    var min = _a.min, max = _a.max, label = _a.label, labelValueCursorMin = _a.labelValueCursorMin, labelValueCursorMax = _a.labelValueCursorMax, onChange = _a.onChange;
+    var min = _a.min, max = _a.max, label = _a.label, unit = _a.unit, onChange = _a.onChange;
     var _b = __read(React.useState([0, 100]), 2), values = _b[0], setValues = _b[1];
     var _c = __read(React.useState(0), 2), width = _c[0], setWidth = _c[1];
     var styles = StyleSheet.create({
@@ -35,8 +24,8 @@ var Range = function (_a) {
             width: 20,
             height: 20,
             borderRadius: 20,
-            backgroundColor: "white",
-            shadowColor: "#000",
+            backgroundColor: 'white',
+            shadowColor: '#000',
             shadowOffset: {
                 width: 0,
                 height: 2,
@@ -46,8 +35,8 @@ var Range = function (_a) {
             elevation: 5,
         },
         markerLabels: {
-            flexDirection: "row",
-            justifyContent: "space-between",
+            flexDirection: 'row',
+            justifyContent: 'space-between',
             marginTop: -6,
         },
     });
@@ -60,22 +49,22 @@ var Range = function (_a) {
             React.createElement(Text, { level: TextLevels.THREE }, label && label)),
         React.createElement(MultiSlider, { values: [values[0], values[1]], sliderLength: width, onValuesChange: function (e) {
                 setValues(e);
-                onChange && onChange({ inputName: "range", inputValue: e });
+                onChange && onChange({ inputName: 'range', inputValue: e });
             }, min: min, max: max, step: 1, allowOverlap: false, snapped: true, customMarker: Marker, selectedStyle: {
                 backgroundColor: getColorStyle(TrilogyColor.MAIN),
                 height: 4,
             }, unselectedStyle: {
-                backgroundColor: "#e1e1e1",
+                backgroundColor: '#e1e1e1',
                 height: 4,
             } }),
         React.createElement(View, { style: styles.markerLabels },
-            React.createElement(View, { style: { flexDirection: "row" } },
+            React.createElement(View, { style: { flexDirection: 'row' } },
                 React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[0]),
-                labelValueCursorMin && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, labelValueCursorMin))),
-            React.createElement(View, { style: { flexDirection: "row" } },
+                unit && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, unit))),
+            React.createElement(View, { style: { flexDirection: 'row' } },
                 React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, values[1]),
-                labelValueCursorMax && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, labelValueCursorMax))))));
+                unit && (React.createElement(Text, { level: TextLevels.THREE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, unit))))));
 };
 Range.displayName = ComponentName.Range;
 export default Range;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFPRjtRQU5YLEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQSxFQUNILEtBQUssV0FBQSxFQUNMLG1CQUFtQix5QkFBQSxFQUNuQixtQkFBbUIseUJBQUEsRUFDbkIsUUFBUSxjQUFBO0lBRUYsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVcsQ0FBQyxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsSUFBQSxFQUF2RCxNQUFNLFFBQUEsRUFBRSxTQUFTLFFBQXNDLENBQUE7SUFDeEQsSUFBQSxLQUFBLE9BQW9CLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsS0FBSyxRQUFBLEVBQUUsUUFBUSxRQUE2QixDQUFBO0lBRW5ELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxFQUFFO1lBQ2hCLGVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYW5nZS9SYW5nZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBK0M7UUFBN0MsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3hDLElBQUEsS0FBQSxPQUFzQixLQUFLLENBQUMsUUFBUSxDQUFXLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLElBQUEsRUFBdkQsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUFzQyxDQUFBO0lBQ3hELElBQUEsS0FBQSxPQUFvQixLQUFLLENBQUMsUUFBUSxDQUFTLENBQUMsQ0FBQyxJQUFBLEVBQTVDLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBNkIsQ0FBQTtJQUVuRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixZQUFZLEVBQUUsRUFBRTtZQUNoQixlQUFlLEVBQUUsT0FBTztZQUN4QixXQUFXLEVBQUUsTUFBTTtZQUNuQixZQUFZLEVBQUU7Z0JBQ1osS0FBSyxFQUFFLENBQUM7Z0JBQ1IsTUFBTSxFQUFFLENBQUM7YUFDVjtZQUNELGFBQWEsRUFBRSxJQUFJO1lBQ25CLFlBQVksRUFBRSxJQUFJO1lBQ2xCLFNBQVMsRUFBRSxDQUFDO1NBQ2I7UUFDRCxZQUFZLEVBQUU7WUFDWixhQUFhLEVBQUUsS0FBSztZQUNwQixjQUFjLEVBQUUsZUFBZTtZQUMvQixTQUFTLEVBQUUsQ0FBQyxDQUFDO1NBQ2Q7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLE1BQU0sR0FBRyxjQUFtQixPQUFBLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sR0FBUyxFQUFuQyxDQUFtQyxDQUFBO0lBRXJFLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQ0gsUUFBUSxFQUFFLFVBQUMsS0FBSztZQUNOLElBQUEsS0FBSyxHQUFLLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBTSxNQUE3QixDQUE2QjtZQUMxQyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDakIsQ0FBQztRQUVELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxZQUFZLEVBQUUsQ0FBQyxDQUFDLEVBQUU7WUFDL0Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxJQUFHLEtBQUssSUFBSSxLQUFLLENBQVEsQ0FDakQ7UUFFUCxvQkFBQyxXQUFXLElBQ1YsTUFBTSxFQUFFLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUM5QixZQUFZLEVBQUUsS0FBSyxFQUNuQixjQUFjLEVBQUUsVUFBQyxDQUFDO2dCQUNoQixTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUE7Z0JBQ1osUUFBUSxJQUFJLFFBQVEsQ0FBQyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFLENBQUMsRUFBRSxDQUFDLENBQUE7WUFDN0QsQ0FBQyxFQUNELEdBQUcsRUFBRSxHQUFHLEVBQ1IsR0FBRyxFQUFFLEdBQUcsRUFDUixJQUFJLEVBQUUsQ0FBQyxFQUNQLFlBQVksRUFBRSxLQUFLLEVBQ25CLE9BQU8sUUFDUCxZQUFZLEVBQUUsTUFBTSxFQUNwQixhQUFhLEVBQUU7Z0JBQ2IsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO2dCQUNqRCxNQUFNLEVBQUUsQ0FBQzthQUNWLEVBQ0QsZUFBZSxFQUFFO2dCQUNmLGVBQWUsRUFBRSxTQUFTO2dCQUMxQixNQUFNLEVBQUUsQ0FBQzthQUNWLEdBQ0Q7UUFDRixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxZQUFZO1lBQzlCLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFO2dCQUNuQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLFVBQVUsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLGNBQWMsQ0FBQyxvQkFBb0IsSUFDckUsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUNMO2dCQUNOLElBQUksSUFBSSxDQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsY0FBYyxDQUFDLG9CQUFvQixJQUNyRSxJQUFJLENBQ0EsQ0FDUixDQUNJO1lBRVAsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUU7Z0JBQ25DLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUUsY0FBYyxDQUFDLG9CQUFvQixJQUNyRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQ0w7Z0JBQ04sSUFBSSxJQUFJLENBQ1Asb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxjQUFjLENBQUMsb0JBQW9CLElBQ3JFLElBQUksQ0FDQSxDQUNSLENBQ0ksQ0FDRixDQUNGLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQSJ9