@trilogy-ds/react 0.0.1-beta-sc-1 → 0.0.1-beta-145

package/lib/components/autocomplete/menu/AutoCompleteMenuPropsDefaults.js

@@ -27,13 +27,6 @@ export default {
       "(text: string) => void"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "absolute": {
     "type": "boolean",
     "values": [
@@ -56,5 +49,19 @@ export default {
       "false",
       "true"
     ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/autocomplete/menu/index.d.ts

@@ -1,2 +1,2 @@
-import AutoCompleteMenu from '../../../components/autocomplete/menu/AutoCompleteMenu';
+import AutoCompleteMenu from './AutoCompleteMenu';
 export default AutoCompleteMenu;

package/lib/components/autocomplete/menu/index.js

@@ -1,3 +1,3 @@
-import AutoCompleteMenu from '../../../components/autocomplete/menu/AutoCompleteMenu';
+import AutoCompleteMenu from './AutoCompleteMenu';
 export default AutoCompleteMenu;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZ0JBQWdCLE1BQU0saURBQWlELENBQUE7QUFFOUUsZUFBZSxnQkFBZ0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9tZW51L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZ0JBQWdCLE1BQU0sb0JBQW9CLENBQUE7QUFFakQsZUFBZSxnQkFBZ0IsQ0FBQSJ9

package/lib/components/autocomplete/utils/index.d.ts

@@ -1 +1 @@
-export * from '../../../components/autocomplete/utils/debounce';
+export * from './debounce';

package/lib/components/autocomplete/utils/index.js

@@ -1,2 +1,2 @@
-export * from '../../../components/autocomplete/utils/debounce';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS91dGlscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDBDQUEwQyxDQUFBIn0=
+export * from './debounce';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS91dGlscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLFlBQVksQ0FBQSJ9

package/lib/components/autolayout/AutoLayout.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AutoLayoutProps } from '../../components/autolayout/AutoLayoutProps';
+import * as React from "react";
+import { AutoLayoutProps } from "./AutoLayoutProps";
 /**
  * AutoLayout Component
  */

package/lib/components/autolayout/AutoLayout.helpers.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import type { HandleBetweenChildren, ParseChildren } from '@/components/autolayout/AutoLayout.d';
-import { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
-import type { TrilogyComponents } from '@/components/index.d';
+import * as React from "react";
+import { SpacingMatrix } from "./SpacingMatrix";
+import type { HandleBetweenChildren, ParseChildren } from "./AutoLayout.d";
+import type { TrilogyComponents } from "@/components/index.d";
 /**
  * Test if an element is a React Fragment
  *
@@ -20,5 +20,5 @@ export declare const isElementType: (element: React.ReactElement, componentType:
 /**
  * Iterate over children and apply the `handleBetweenChildren` method.
  */
-export declare const parseChildren: ({ children, handleBetweenChildren }: ParseChildren) => JSX.Element[];
-export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex }: HandleBetweenChildren) => void;
+export declare const parseChildren: ({ children, handleBetweenChildren, }: ParseChildren) => JSX.Element[];
+export declare const autoLayoutChildrenHandler: (matrix: SpacingMatrix, { accumulator, previousChildType, nextChildType, childIndex, }: HandleBetweenChildren) => void;

package/lib/components/autolayout/AutoLayout.helpers.js

@@ -1,19 +1,21 @@
 import { __read, __spreadArray } from "tslib";
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import React from 'react';
-import { SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Spacer } from '../../components/spacer';
+import * as React from "react";
+import { SpacingMatrixMode } from "./SpacingMatrix";
+import { Spacer } from "../../components/spacer";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Test if an element is a React Fragment
  *
  * @param element
  * @returns
  */
-export var isFragment = function (element) { return (element === null || element === void 0 ? void 0 : element.type) === React.Fragment; };
+export var isFragment = function (element) {
+    return (element === null || element === void 0 ? void 0 : element.type) === React.Fragment;
+};
 var getTrilogyComponentName = function (child) {
     var componentsKeys = Object.keys(ComponentName).filter(function (key) { return key; });
-    return componentsKeys.find(function (key) { var _a, _b, _c; return key === ((_b = (_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.displayName) || key === ((_c = child === null || child === void 0 ? void 0 : child.type) === null || _c === void 0 ? void 0 : _c.displayName); });
+    return componentsKeys.find(function (key) { return key === child.type.displayName; });
 };
 /**
  * Test if an element is of a certain component type
@@ -22,7 +24,7 @@ var getTrilogyComponentName = function (child) {
  * @param componentType
  * @returns
  */
-export var isElementType = function (element, componentType) { var _a, _b, _c; return ((_b = (_a = element === null || element === void 0 ? void 0 : element.type) === null || _a === void 0 ? void 0 : _a.render) === null || _b === void 0 ? void 0 : _b.displayName) === componentType || ((_c = element === null || element === void 0 ? void 0 : element.type) === null || _c === void 0 ? void 0 : _c.displayName) === componentType; };
+export var isElementType = function (element, componentType) { var _a; return ((_a = element === null || element === void 0 ? void 0 : element.type) === null || _a === void 0 ? void 0 : _a.displayName) === componentType; };
 /**
  * Iterate over children and apply the `handleBetweenChildren` method.
  */
@@ -31,11 +33,11 @@ export var parseChildren = function (_a) {
     var array = []; // React.Children.toArray(children)
     createChildrenArray(array, children);
     return array.reduce(function (accumulator, nextChild, childIndex) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        var _a, _b, _c, _d;
         var previousChild = accumulator[accumulator.length - 1];
         // Check the actual type of previous and next children
         var getChildCandidateToComparison = function (child, accumulator) {
-            if (isElementType(child, 'AutoLayout')) {
+            if (isElementType(child, "AutoLayout")) {
                 return getChildCandidateToComparison(React.Children.toArray(child.props.children)[0]);
             }
             if (child === null && accumulator && accumulator.length >= 2) {
@@ -43,12 +45,9 @@ export var parseChildren = function (_a) {
             }
             return child;
         };
-        var nextChildType = ((_c = (_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.render) === null || _c === void 0 ? void 0 : _c.displayName) ||
-            ((_e = (_d = getChildCandidateToComparison(nextChild)) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.displayName) ||
-            undefined;
-        var previousChildType = ((_h = (_g = (_f = getChildCandidateToComparison(previousChild, accumulator)) === null || _f === void 0 ? void 0 : _f.type) === null || _g === void 0 ? void 0 : _g.render) === null || _h === void 0 ? void 0 : _h.displayName) ||
-            ((_k = (_j = getChildCandidateToComparison(previousChild, accumulator)) === null || _j === void 0 ? void 0 : _j.type) === null || _k === void 0 ? void 0 : _k.displayName) ||
+        var nextChildType = ((_b = (_a = getChildCandidateToComparison(nextChild)) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.displayName) ||
             undefined;
+        var previousChildType = ((_d = (_c = getChildCandidateToComparison(previousChild, accumulator)) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.displayName) || undefined;
         handleBetweenChildren === null || handleBetweenChildren === void 0 ? void 0 : handleBetweenChildren({
             accumulator: accumulator,
             previousChild: previousChild,
@@ -70,7 +69,10 @@ export var parseChildren = function (_a) {
 export var autoLayoutChildrenHandler = function (matrix, _a) {
     var accumulator = _a.accumulator, previousChildType = _a.previousChildType, nextChildType = _a.nextChildType, childIndex = _a.childIndex;
     var eligibleRule = function (mode) {
-        return [SpacingMatrixMode.INSERT_SPACE_BETWEEN, SpacingMatrixMode.INSERT_ELEMENT_BETWEEN].includes(mode);
+        return [
+            SpacingMatrixMode.INSERT_SPACE_BETWEEN,
+            SpacingMatrixMode.INSERT_ELEMENT_BETWEEN,
+        ].includes(mode);
     };
     var alreadySpaced = false;
     var rules = matrix.filter(function (e) { return eligibleRule(e[0]); });
@@ -90,25 +92,19 @@ export var autoLayoutChildrenHandler = function (matrix, _a) {
 };
 var createChildrenArray = function (array, children) {
     React.Children.forEach(children, function (child) {
-        var _a, _b, _c, _d, _e, _f, _g;
         if (isFragment(child)) {
             React.Children.forEach(child === null || child === void 0 ? void 0 : child.props.children, function (item) {
                 createChildrenArray(array, item);
             });
         }
         else if ((child === null || child === void 0 ? void 0 : child.type) &&
-            ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) !== getTrilogyComponentName(child) &&
-            ((_b = child === null || child === void 0 ? void 0 : child.type) === null || _b === void 0 ? void 0 : _b.$$typeof) === undefined) {
+            child.type.displayName !== getTrilogyComponentName(child) &&
+            child.type.$$typeof === undefined) {
             createChildrenArray(array, child.type(child.props));
         }
         else if ((child === null || child === void 0 ? void 0 : child.type) &&
-            ((_c = child === null || child === void 0 ? void 0 : child.type) === null || _c === void 0 ? void 0 : _c.displayName) !== getTrilogyComponentName(child) &&
-            ((_d = child === null || child === void 0 ? void 0 : child.type) === null || _d === void 0 ? void 0 : _d.$$typeof) === Symbol.for('react.memo')) {
-            createChildrenArray(array, child.type.type(child.props));
-        }
-        else if ((child === null || child === void 0 ? void 0 : child.type) &&
-            ((_e = child === null || child === void 0 ? void 0 : child.type) === null || _e === void 0 ? void 0 : _e.$$typeof) === Symbol.for('react.forward_ref') &&
-            ((_g = (_f = child === null || child === void 0 ? void 0 : child.type) === null || _f === void 0 ? void 0 : _f.render) === null || _g === void 0 ? void 0 : _g.displayName) !== getTrilogyComponentName(child)) {
+            child.type.displayName !== getTrilogyComponentName(child) &&
+            child.type.$$typeof === Symbol.for("react.memo")) {
             createChildrenArray(array, child.type.type(child.props));
         }
         else {
@@ -124,11 +120,11 @@ var checkRuleApplicable = function (previousType, nextType, previousChildType, n
         return false;
     }
     else if ((previousType === previousChildType && nextType === nextChildType) ||
-        (previousType === 'default' && nextType === nextChildType) ||
-        (previousType === previousChildType && nextType === 'default') ||
-        (previousType === 'default' && nextType === 'default')) {
+        (previousType === "default" && nextType === nextChildType) ||
+        (previousType === previousChildType && nextType === "default") ||
+        (previousType === "default" && nextType === "default")) {
         return true;
     }
     return false;
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5oZWxwZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L0F1dG9MYXlvdXQuaGVscGVycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsTUFBTSxFQUFjLE1BQU0scUJBQXFCLENBQUE7QUFFeEQ7Ozs7O0dBS0c7QUFDSCxNQUFNLENBQUMsSUFBTSxVQUFVLEdBQUcsVUFBQyxPQUEyQixJQUFjLE9BQUEsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsSUFBSSxNQUFLLEtBQUssQ0FBQyxRQUFRLEVBQWhDLENBQWdDLENBQUE7QUFFcEcsSUFBTSx1QkFBdUIsR0FBRyxVQUFDLEtBQVU7SUFDekMsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxHQUFHLEVBQUgsQ0FBRyxDQUFDLENBQUE7SUFDdEUsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLFVBQUMsR0FBRyxvQkFBSyxPQUFBLEdBQUcsTUFBSyxNQUFBLE1BQUEsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLElBQUksMENBQUUsTUFBTSwwQ0FBRSxXQUFXLENBQUEsSUFBSSxHQUFHLE1BQUssTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsSUFBSSwwQ0FBRSxXQUFXLENBQUEsQ0FBQSxFQUFBLENBQUMsQ0FBQTtBQUNuSCxDQUFDLENBQUE7QUFFRDs7Ozs7O0dBTUc7QUFDSCxNQUFNLENBQUMsSUFBTSxhQUFhLEdB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5oZWxwZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hdXRvbGF5b3V0L0F1dG9MYXlvdXQuaGVscGVycy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLHVEQUF1RDtBQUN2RCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbEUsT0FBTyxFQUFFLE1BQU0sRUFBYyxNQUFNLHFCQUFxQixDQUFBO0FBR3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxVQUFDLE9BQTJCO0lBQ3BELE9BQUEsQ0FBQSxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsSUFBSSxNQUFLLEtBQUssQ0FBQyxRQUFRO0FBQWhDLENBQWdDLENBQUE7QUFFbEMsSUFBTSx1QkFBdUIsR0FBRyxVQUFDLEtBQVU7SUFDekMsSUFBTSxjQUFjLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxHQUFHLElBQUssT0FBQSxHQUFHLEVBQUgsQ0FBRyxDQUFDLENBQUE7SUFFdEUsT0FBTyxjQUFjLENBQUMsSUFBSSxDQUFDLFVBQUMsR0FBRyxJQUFLLE9BQUEsR0FBRyxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUE5QixDQUE4QixDQUFDLENBQUE7QUFDckUsQ0FBQyxDQUFBO0FBRUQ7Ozs7OztHQU1HO0FBQ0gsTUFBTSxDQUFDLElBQU0sYUFBYSxHQUFHLFVBQzNCLE9BQTJCLEVBQzNCLGFBQWdDLFlBQ3BCLE9BQUEsQ0FBQSxNQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxJQUFZLDBDQUFFLFdBQVcsTUFBSyxhQUFhLENBQUEsRUFB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

package/lib/components/autolayout/AutoLayout.js

@@ -1,11 +1,11 @@
-import React from 'react';
+import * as React from "react";
 /**
  * AutoLayout Component
  */
 var AutoLayout = function (_a) {
     var children = _a.children;
     // eslint-disable-next-line react/jsx-no-useless-fragment
-    return React.createElement("div", { className: 'autolayout' }, children);
+    return React.createElement("div", { className: "autolayout" }, children);
 };
 export default AutoLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2xheW91dC9BdXRvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFJekI7O0dBRUc7QUFDSCxJQUFNLFVBQVUsR0FBOEIsVUFBQyxFQUFZO1FBQVYsUUFBUSxjQUFBO0lBQ3ZELHlEQUF5RDtJQUN6RCxPQUFPLDZCQUFLLFNBQVMsRUFBRSxZQUFZLElBQUcsUUFBUSxDQUFPLENBQUE7QUFDdkQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxVQUFVLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYXV0b2xheW91dC9BdXRvTGF5b3V0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5Qjs7R0FFRztBQUNILElBQU0sVUFBVSxHQUE4QixVQUFDLEVBQVk7UUFBVixRQUFRLGNBQUE7SUFDdkQseURBQXlEO0lBQ3pELE9BQU8sNkJBQUssU0FBUyxFQUFFLFlBQVksSUFBRyxRQUFRLENBQU8sQ0FBQTtBQUN2RCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/autolayout/AutoLayout.native.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AutoLayoutProps } from '../../components/autolayout/AutoLayoutProps';
+import * as React from "react";
+import { AutoLayoutProps } from "./AutoLayoutProps";
 /**
  * AutoLayout Component
  * @param children

package/lib/components/autolayout/AutoLayout.native.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import { autoLayoutChildrenHandler, parseChildren } from '../../components/autolayout/AutoLayout.helpers';
-import { DEFAULT_SPACING_MATRIX } from '../../components/autolayout/DefaultSpacingMatrix';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Spacer, SpacerSize } from '../../components/spacer';
+import * as React from "react";
+import { DEFAULT_SPACING_MATRIX } from "./DefaultSpacingMatrix";
+import { autoLayoutChildrenHandler, parseChildren } from "./AutoLayout.helpers";
+import { Spacer, SpacerSize } from "../../components/spacer";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * AutoLayout Component
  * @param children
@@ -13,18 +13,20 @@ import { Spacer, SpacerSize } from '../../components/spacer';
  */
 var AutoLayout = function (_a) {
     var children = _a.children, _b = _a.matrix, matrix = _b === void 0 ? DEFAULT_SPACING_MATRIX : _b, edges = _a.edges, _c = _a.edgeSize, edgeSize = _c === void 0 ? SpacerSize.TWO : _c, noSpace = _a.noSpace;
-    var hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes('bottom');
-    var hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes('top');
+    var hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes("bottom");
+    var hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes("top");
     return (React.createElement(React.Fragment, null,
         hasTopEdge && React.createElement(Spacer, { size: edgeSize }),
         noSpace
             ? children
             : parseChildren({
                 children: children,
-                handleBetweenChildren: function (props) { return autoLayoutChildrenHandler(matrix, props); },
+                handleBetweenChildren: function (props) {
+                    return autoLayoutChildrenHandler(matrix, props);
+                },
             }),
         hasBottomEdge && React.createElement(Spacer, { size: edgeSize })));
 };
 AutoLayout.displayName = ComponentName.AutoLayout;
 export default AutoLayout;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUseUJBQXlCLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUE7QUFFckcsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sOENBQThDLENBQUE7QUFDckYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEQ7Ozs7Ozs7R0FPRztBQUNILElBQU0sVUFBVSxHQUE4QixVQUFDLEVBTTlDO1FBTEMsUUFBUSxjQUFBLEVBQ1IsY0FBK0IsRUFBL0IsTUFBTSxtQkFBRyxzQkFBc0IsS0FBQSxFQUMvQixLQUFLLFdBQUEsRUFDTCxnQkFBeUIsRUFBekIsUUFBUSxtQkFBRyxVQUFVLENBQUMsR0FBRyxLQUFBLEVBQ3pCLE9BQU8sYUFBQTtJQUVQLElBQU0sYUFBYSxHQUFHLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDL0MsSUFBTSxVQUFVLEdBQUcsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUN6QyxPQUFPLENBQ0w7UUFDRyxVQUFVLElBQUksb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxRQUFRLEdBQUk7UUFDeEMsT0FBTztZQUNOLENBQUMsQ0FBQyxRQUFRO1lBQ1YsQ0FBQyxDQUFDLGFBQWEsQ0FBQztnQkFDWixRQUFRLFVBQUE7Z0JBQ1IscUJBQXFCLEVBQUUsVUFBQyxLQUFLLElBQUssT0FBQSx5QkFBeUIsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLEVBQXhDLENBQXdDO2FBQzNFLENBQUM7UUFDTCxhQUFhLElBQUksb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxRQUFRLEdBQUksQ0FDM0MsQ0FDSixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQy9ELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUMvRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxVQUFVLEdBQThCLFVBQUMsRUFNOUM7UUFMQyxRQUFRLGNBQUEsRUFDUixjQUErQixFQUEvQixNQUFNLG1CQUFHLHNCQUFzQixLQUFBLEVBQy9CLEtBQUssV0FBQSxFQUNMLGdCQUF5QixFQUF6QixRQUFRLG1CQUFHLFVBQVUsQ0FBQyxHQUFHLEtBQUEsRUFDekIsT0FBTyxhQUFBO0lBRVAsSUFBTSxhQUFhLEdBQUcsS0FBSyxhQUFMLEtBQUssdUJBQUwsS0FBSyxDQUFFLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFBO0lBQ3pDLE9BQU8sQ0FDTDtRQUNHLFVBQVUsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSTtRQUN4QyxPQUFPO1lBQ04sQ0FBQyxDQUFDLFFBQVE7WUFDVixDQUFDLENBQUMsYUFBYSxDQUFDO2dCQUNaLFFBQVEsVUFBQTtnQkFDUixxQkFBcUIsRUFBRSxVQUFDLEtBQUs7b0JBQzNCLE9BQUEseUJBQXlCLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQztnQkFBeEMsQ0FBd0M7YUFDM0MsQ0FBQztRQUNMLGFBQWEsSUFBSSxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLFFBQVEsR0FBSSxDQUMzQyxDQUNKLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxVQUFVLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxVQUFVLENBQUE7QUFFakQsZUFBZSxVQUFVLENBQUEifQ==

package/lib/components/autolayout/AutoLayoutProps.d.ts

@@ -1,7 +1,7 @@
-import * as React from 'react';
-import { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
-import { SpacerSize } from '../../components/spacer';
-type EdgeType = 'bottom' | 'top';
+import * as React from "react";
+import { SpacerSize } from "../../components/spacer";
+import { SpacingMatrix } from "./SpacingMatrix";
+type EdgeType = "bottom" | "top";
 type AutoLayoutProps = {
     children: React.ReactNode;
     edges?: EdgeType[];
@@ -12,4 +12,4 @@ type AutoLayoutProps = {
      */
     matrix?: SpacingMatrix;
 };
-export type { AutoLayoutProps, EdgeType };
+export type { EdgeType, AutoLayoutProps };

package/lib/components/autolayout/AutoLayoutWrapper.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import type { SpacingMatrix } from '../../components/autolayout/SpacingMatrix';
+import * as React from "react";
+import type { SpacingMatrix } from "./SpacingMatrix";
 /**
  * Wrap children in an AutoLayout component.
  *

package/lib/components/autolayout/AutoLayoutWrapper.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import AutoLayout from '../../components/autolayout/AutoLayout';
+import * as React from "react";
+import AutoLayout from "./AutoLayout";
 /**
  * Wrap children in an AutoLayout component.
  *
@@ -19,4 +19,4 @@ var AutoLayoutWrapper = function (_a) {
     }
 };
 export default AutoLayoutWrapper;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dFdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sVUFBVSxNQUFNLG9DQUFvQyxDQUFBO0FBRzNEOzs7O0dBSUc7QUFDSCxJQUFNLGlCQUFpQixHQUdsQixVQUFDLEVBQStCO1FBQTdCLGtCQUFpQixFQUFqQixVQUFVLG1CQUFHLElBQUksS0FBQSxFQUFFLFFBQVEsY0FBQTtJQUNqQyxJQUFJLFVBQVUsS0FBSyxJQUFJLEVBQUU7UUFDdkIsT0FBTyxvQkFBQyxVQUFVLFFBQUUsUUFBUSxDQUFjLENBQUE7S0FDM0M7U0FBTSxJQUFJLFVBQVUsRUFBRTtRQUNyQixPQUFPLG9CQUFDLFVBQVUsSUFBQyxNQUFNLEVBQUUsVUFBVSxJQUFHLFFBQVEsQ0FBYyxDQUFBO0tBQy9EO1NBQU07UUFDTCx5REFBeUQ7UUFDekQsT0FBTywwQ0FBRyxRQUFRLENBQUksQ0FBQTtLQUN2QjtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsaUJBQWlCLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQXV0b0xheW91dFdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvQXV0b0xheW91dFdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUlyQzs7OztHQUlHO0FBQ0gsSUFBTSxpQkFBaUIsR0FHbEIsVUFBQyxFQUErQjtRQUE3QixrQkFBaUIsRUFBakIsVUFBVSxtQkFBRyxJQUFJLEtBQUEsRUFBRSxRQUFRLGNBQUE7SUFDakMsSUFBSSxVQUFVLEtBQUssSUFBSSxFQUFFO1FBQ3ZCLE9BQU8sb0JBQUMsVUFBVSxRQUFFLFFBQVEsQ0FBYyxDQUFBO0tBQzNDO1NBQU0sSUFBSSxVQUFVLEVBQUU7UUFDckIsT0FBTyxvQkFBQyxVQUFVLElBQUMsTUFBTSxFQUFFLFVBQVUsSUFBRyxRQUFRLENBQWMsQ0FBQTtLQUMvRDtTQUFNO1FBQ0wseURBQXlEO1FBQ3pELE9BQU8sMENBQUcsUUFBUSxDQUFJLENBQUE7S0FDdkI7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGlCQUFpQixDQUFBIn0=

package/lib/components/autolayout/DefaultSpacingMatrix.d.ts

@@ -1,4 +1,4 @@
-import { SpacingMatrix, SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
+import { SpacingMatrix, SpacingMatrixMode } from './SpacingMatrix';
 export declare const INSERT_SPACE_BETWEEN: SpacingMatrixMode;
 /**
  * Spacing matrix for defining spacings between component types

package/lib/components/autolayout/DefaultSpacingMatrix.js

@@ -1,5 +1,5 @@
-import { SpacingMatrixMode } from '../../components/autolayout/SpacingMatrix';
 import { SpacerSize } from '../../components/spacer';
+import { SpacingMatrixMode } from './SpacingMatrix';
 var FOUR = SpacerSize.FOUR, THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
 export var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
 /**
@@ -37,4 +37,4 @@ export var DEFAULT_SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
     [INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxJQUFBLElBQUksR0FBaUIsVUFBVSxLQUEzQixFQUFFLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBRXZDLE1BQU0sQ0FBUyxJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFekQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxzQkFBc0IsR0FBa0I7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNwRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3JELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDeEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ25ELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0NBQzlDLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdFNwYWNpbmdNYXRyaXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvRGVmYXVsdFNwYWNpbmdNYXRyaXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBaUIsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUUxRCxJQUFBLElBQUksR0FBaUIsVUFBVSxLQUEzQixFQUFFLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBRXZDLE1BQU0sQ0FBUyxJQUFBLG9CQUFvQixHQUFLLGlCQUFpQixxQkFBdEIsQ0FBc0I7QUFFekQ7O0dBRUc7QUFDSCxNQUFNLENBQUMsSUFBTSxzQkFBc0IsR0FBa0I7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNwRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDbkQsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ3JELENBQUMsb0JBQW9CLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUN6RCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDckQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0lBQzlDLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDakQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNsRCxDQUFDLG9CQUFvQixFQUFFLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDeEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsS0FBSyxDQUFDO0lBQ3BELENBQUMsb0JBQW9CLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxLQUFLLENBQUM7SUFDbEQsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNoRCxDQUFDLG9CQUFvQixFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ25ELENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUM7SUFDaEQsQ0FBQyxvQkFBb0IsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLElBQUksQ0FBQztJQUNuRCxDQUFDLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsSUFBSSxDQUFDO0lBQ2pELENBQUMsb0JBQW9CLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLENBQUM7SUFDOUMsQ0FBQyxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUNqRCxDQUFDLG9CQUFvQixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxDQUFDO0NBQzlDLENBQUEifQ==

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

@@ -1,2 +1,3 @@
-export { default as AutoLayout } from '../../components/autolayout/AutoLayout';
-export { default as AutoLayoutWrapper } from '../../components/autolayout/AutoLayoutWrapper';
+import AutoLayout from './AutoLayout';
+import AutoLayoutWrapper from './AutoLayoutWrapper';
+export { AutoLayout, AutoLayoutWrapper };

package/lib/components/autolayout/index.js

@@ -1,3 +1,4 @@
-export { default as AutoLayout } from '../../components/autolayout/AutoLayout';
-export { default as AutoLayoutWrapper } from '../../components/autolayout/AutoLayoutWrapper';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGlCQUFpQixFQUFFLE1BQU0sMkNBQTJDLENBQUEifQ==
+import AutoLayout from './AutoLayout';
+import AutoLayoutWrapper from './AutoLayoutWrapper';
+export { AutoLayout, AutoLayoutWrapper };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2F1dG9sYXlvdXQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxVQUFVLE1BQU0sY0FBYyxDQUFBO0FBQ3JDLE9BQU8saUJBQWlCLE1BQU0scUJBQXFCLENBQUE7QUFFbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxpQkFBaUIsRUFBRSxDQUFBIn0=

package/lib/components/badge/Badge.d.ts

@@ -1,4 +1,17 @@
-import React from 'react';
-import { BadgeProps } from '../../components/badge/BadgeProps';
-declare const _default: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <reference types="react" />
+import { BadgeProps } from './BadgeProps';
+/**
+ * Badge Component
+ * @param children {React.ReactNode} If no content add children (Icon for example)
+ * @param id
+ * @param label {string|number} Badge content text
+ * @param inverted {boolean} Inverted style for Badge
+ * @param onClick {Function} onClick Event for Badge
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param variant
+ * @param position
+ * @param others
+ */
+declare const Badge: ({ className, children, id, label, inverted, onClick, variant, position, status, ...others }: BadgeProps) => JSX.Element;
+export default Badge;

package/lib/components/badge/Badge.js

@@ -1,32 +1,60 @@
 import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { Text, TextMarkup } from '../../components/text';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
+import { has, is } from '../../services';
+import { getStatusClassName, getVariantClassName, StatusState, TrilogyColor } from '../../objects';
+import { Icon, IconColor, IconName } from '../../components/icon';
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
- * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
- * @param content {string|number} Badge content text
+ * @param id
+ * @param label {string|number} Badge content text
  * @param inverted {boolean} Inverted style for Badge
- * @param reversed {boolean} Text reversed for Badge
  * @param onClick {Function} onClick Event for Badge
- * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param variant
+ * @param position
+ * @param others
  */
-var Badge = function (_a, ref) {
-    var children = _a.children, className = _a.className, textContent = _a.textContent, content = _a.content, inverted = _a.inverted, reversed = _a.reversed, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["children", "className", "textContent", "content", "inverted", "reversed", "onClick", "testId"]);
-    var classes = hashClass(clsx(textContent ? 'badge-and-text' : 'badge', className));
-    if (textContent) {
-        return (React.createElement("div", __assign({ "data-testid": testId, onClick: onClick, className: classes, ref: ref }, others),
-            !reversed && React.createElement(Text, { markup: TextMarkup.P }, textContent),
-            React.createElement("span", { className: hashClass(clsx('badge', inverted && is('inverted'))) }, content || children),
-            reversed && React.createElement(Text, { markup: TextMarkup.P }, textContent)));
+var Badge = function (_a) {
+    var className = _a.className, children = _a.children, id = _a.id, label = _a.label, inverted = _a.inverted, onClick = _a.onClick, variant = _a.variant, position = _a.position, status = _a.status, others = __rest(_a, ["className", "children", "id", "label", "inverted", "onClick", "variant", "position", "status"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('badge', inverted && is('inverted'), variant && has("background-".concat(getVariantClassName(variant) || getStatusClassName(variant))), position && is(position), className));
+    var iconName = null;
+    var iconColor = null;
+    switch (status) {
+        case StatusState.SUCCESS:
+            iconName = IconName.CHECK_CIRCLE;
+            iconColor = IconColor.SUCCESS;
+            break;
+        case StatusState.WARNING:
+            iconName = IconName.EXCLAMATION_CIRCLE;
+            iconColor = IconColor.WARNING;
+            break;
+        case StatusState.ERROR:
+            iconName = IconName.TIMES_CIRCLE;
+            iconColor = IconColor.ERROR;
+            break;
+        case StatusState.INFO:
+            iconName = IconName.INFOS_CIRCLE;
+            iconColor = IconColor.INFO;
+            break;
+        default:
+            break;
     }
-    return (React.createElement("div", { "data-testid": testId, onClick: onClick, ref: ref },
-        React.createElement(Text, __assign({ className: clsx(textContent ? 'badge-and-text' : 'badge', inverted && is('inverted'), className), markup: TextMarkup.SPAN }, others), content || children)));
+    var simpleBadge = status && iconName && iconColor ? (React.createElement(Icon, __assign({ name: iconName, className: clsx(position && is(position), 'badge-icon'), circled: true, backgroundColor: TrilogyColor.BACKGROUND, color: iconColor, id: id }, others))) : (React.createElement("span", __assign({ id: id, className: classes, onClick: function (e) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        } }, others), label));
+    if (children) {
+        return (React.createElement("span", { className: 'badge-container' },
+            children,
+            simpleBadge));
+    }
+    return simpleBadge;
 };
-export default React.forwardRef(Badge);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEM7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUNaLEVBQXlHLEVBQ3pHLEdBQThCO0lBRDVCLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBM0YsZ0dBQTZGLENBQUY7SUFHM0YsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVwRixJQUFJLFdBQVcsRUFBRTtRQUNmLE9BQU8sQ0FDTCxxREFBa0IsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU07WUFDakYsQ0FBQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUTtZQUM5RCw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLElBQUcsT0FBTyxJQUFJLFFBQVEsQ0FBUTtZQUNsRyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUSxDQUN6RCxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCw0Q0FBa0IsTUFBTSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEdBQUc7UUFDbEQsb0JBQUMsSUFBSSxhQUNILFNBQVMsRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsT0FBTyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLEVBQ2hHLE1BQU0sRUFBRSxVQUFVLENBQUMsSUFBSSxJQUNuQixNQUFNLEdBRVQsT0FBTyxJQUFJLFFBQVEsQ0FDZixDQUNILENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQSJ9
+export default Badge;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQ3BDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxtQkFBbUIsRUFBRSxXQUFXLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzlGLE9BQU8sRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdEOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtJQVZYLElBQUEsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsRUFBRSxRQUFBLEVBQ0YsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVZJLGdHQVdkLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsT0FBTyxFQUNQLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLE9BQU8sSUFBSSxHQUFHLENBQUMscUJBQWMsbUJBQW1CLENBQUMsT0FBTyxDQUFDLElBQUksa0JBQWtCLENBQUMsT0FBTyxDQUFDLENBQUUsQ0FBQyxFQUMzRixRQUFRLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUN4QixTQUFTLENBQ1YsQ0FDRixDQUFBO0lBRUQsSUFBSSxRQUFRLEdBQW9CLElBQUksQ0FBQTtJQUNwQyxJQUFJLFNBQVMsR0FBcUIsSUFBSSxDQUFBO0lBRXRDLFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLFlBQVksQ0FBQTtZQUNoQyxTQUFTLEdBQUcsU0FBUyxDQUFDLE9BQU8sQ0FBQTtZQUM3QixNQUFLO1FBQ1AsS0FBSyxXQUFXLENBQUMsT0FBTztZQUN0QixRQUFRLEdBQUcsUUFBUSxDQUFDLGtCQUFrQixDQUFBO1lBQ3RDLFNBQVMsR0FBRyxTQUFTLENBQUMsT0FBTyxDQUFBO1lBQzdCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxLQUFLO1lBQ3BCLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsS0FBSyxDQUFBO1lBQzNCLE1BQUs7UUFDUCxLQUFLLFdBQVcsQ0FBQyxJQUFJO1lBQ25CLFFBQVEsR0FBRyxRQUFRLENBQUMsWUFBWSxDQUFBO1lBQ2hDLFNBQVMsR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFBO1lBQzFCLE1BQUs7UUFDUDtZQUNFLE1BQUs7S0FDUjtJQUVELElBQU0sV0FBVyxHQUNmLE1BQU0sSUFBSSxRQUFRLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUNoQyxvQkFBQyxJQUFJLGFBQ0gsSUFBSSxFQUFFLFFBQVEsRUFDZCxTQUFTLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsWUFBWSxDQUFDLEVBQ3ZELE9BQU8sUUFDUCxlQUFlLEVBQUUsWUFBWSxDQUFDLFVBQVUsRUFDeEMsS0FBSyxFQUFFLFNBQVMsRUFDaEIsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLEVBQ1YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLHVDQUNFLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLE9BQU8sRUFDbEIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLElBQ0csTUFBTSxHQUVULEtBQUssQ0FDRCxDQUNSLENBQUE7SUFFSCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw4QkFBTSxTQUFTLEVBQUMsaUJBQWlCO1lBQzlCLFFBQVE7WUFDUixXQUFXLENBQ1AsQ0FDUixDQUFBO0tBQ0Y7SUFFRCxPQUFPLFdBQVcsQ0FBQTtBQUNwQixDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQSJ9

package/lib/components/badge/Badge.native.d.ts

@@ -1,5 +1,14 @@
-import React from 'react';
-import { View } from 'react-native';
-import { BadgeProps } from '../../components/badge/BadgeProps';
-declare const _default: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<View>>;
-export default _default;
+/// <reference types="react" />
+import { BadgeProps } from './BadgeProps';
+import { ComponentName } from '../../components/enumsComponentsName';
+/**
+ * Badge Native Component
+ * @param children {React.ReactNode} If no content add children (Icon for example)
+ * @param onClick {Function} onClick Event for Badge
+ * @param testId {string} Test Id for Test Integration
+ */
+declare const Badge: {
+    ({ label, onClick, testId, variant, ...others }: BadgeProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Badge;

package/lib/components/badge/Badge.native.js

@@ -1,22 +1,17 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { BadgeColor } from '../../components/badge/BadgeEnum';
-import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Badge Native Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
- * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
- * @param content content {string|number} Badge content text
- * @param direction {boolean} Text direction for Badge (LEFT|RIGHT)
  * @param onClick {Function} onClick Event for Badge
- * @param reversed {boolean} Text reversed for Badge
  * @param testId {string} Test Id for Test Integration
  */
-var Badge = function (_a, ref) {
-    var children = _a.children, textContent = _a.textContent, content = _a.content, reversed = _a.reversed, onClick = _a.onClick, testId = _a.testId, others = __rest(_a, ["children", "textContent", "content", "reversed", "onClick", "testId"]);
-    var badgeColor = getColorStyle(BadgeColor.MAIN);
+var Badge = function (_a) {
+    var label = _a.label, onClick = _a.onClick, testId = _a.testId, variant = _a.variant, others = __rest(_a, ["label", "onClick", "testId", "variant"]);
+    var badgeColor = getColorStyle(variant || TrilogyColor.MAIN);
     var textColor = getColorStyle(TrilogyColor.BACKGROUND);
     var styles = StyleSheet.create({
         container: {
@@ -42,21 +37,10 @@ var Badge = function (_a, ref) {
             color: getColorStyle(TrilogyColor.MAIN),
         },
     });
-    var badgeView;
-    if (textContent) {
-        badgeView = (React.createElement(View, { style: styles.container, ref: ref },
-            !reversed && React.createElement(Text, { style: styles.textContent }, textContent),
-            React.createElement(View, { style: styles.badge },
-                React.createElement(Text, { style: styles.text }, content)),
-            reversed && React.createElement(Text, { style: styles.textContent }, textContent)));
-    }
-    else {
-        badgeView = (React.createElement(View, { ref: ref }, content ? (React.createElement(View, __assign({ style: styles.badge }, others),
-            React.createElement(Text, { style: styles.text }, content))) : (React.createElement(View, __assign({ style: styles.badge }, others), children))));
-    }
     return onClick ? (React.createElement(View, null,
-        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, badgeView))) : (badgeView);
+        React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId },
+            React.createElement(View, __assign({ style: styles.badge }, others), label)))) : (React.createElement(View, __assign({ style: styles.badge }, others), label));
 };
 Badge.displayName = ComponentName.Badge;
-export default React.forwardRef(Badge);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXZFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUVwRTs7Ozs7Ozs7O0dBU0c7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBQW9GLEVBQUUsR0FBbUI7SUFBdkcsSUFBQSxRQUFRLGNBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF0RSx1RUFBd0UsQ0FBRjtJQUNuRixJQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ2pELElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsS0FBSztTQUNyQjtRQUNELEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxVQUFVO1lBQ3JCLFFBQVEsRUFBRSxFQUFFO1lBQ1osTUFBTSxFQUFFLEVBQUU7WUFDVixlQUFlLEVBQUUsVUFBVTtZQUMzQixZQUFZLEVBQUUsRUFBRTtZQUNoQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxFQUFFO1NBQ2I7UUFDRCxXQUFXLEVBQUU7WUFDWCxRQUFRLEVBQUUsRUFBRTtZQUNaLFdBQVcsRUFBRSxDQUFDO1lBQ2QsVUFBVSxFQUFFLENBQUM7WUFDYixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFJLFNBQXNCLENBQUE7SUFFMUIsSUFBSSxXQUFXLEVBQUU7UUFDZixTQUFTLEdBQUcsQ0FDVixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLEdBQUc7WUFDcEMsQ0FBQyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxJQUFHLFdBQVcsQ0FBUTtZQUNuRSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLO2dCQUN2QixvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsT0FBTyxDQUFRLENBQ3JDO1lBQ04sUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFdBQVcsSUFBRyxXQUFXLENBQVEsQ0FDN0QsQ0FDUixDQUFBO0tBQ0Y7U0FBTTtRQUNMLFNBQVMsR0FBRyxDQUNWLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDVCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLElBQU0sTUFBTTtZQUNuQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQUcsT0FBTyxDQUFRLENBQ3JDLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLElBQU0sTUFBTSxHQUNsQyxRQUFRLENBQ0osQ0FDUixDQUNJLENBQ1IsQ0FBQTtLQUNGO0lBRUQsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsSUFBSTtRQUNILG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsTUFBTSxJQUNwRSxTQUFTLENBQ08sQ0FDZCxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsU0FBUyxDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUMsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUFBIn0=
+export default Badge;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9iYWRnZS9CYWRnZS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7R0FLRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBMEQ7SUFBeEQsSUFBQSxLQUFLLFdBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTVDLHlDQUE4QyxDQUFGO0lBQ3pELElBQU0sVUFBVSxHQUFHLGFBQWEsQ0FBQyxPQUFPLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQzlELElBQU0sU0FBUyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxhQUFhLEVBQUUsS0FBSztTQUNyQjtRQUNELEtBQUssRUFBRTtZQUNMLFNBQVMsRUFBRSxVQUFVO1lBQ3JCLFFBQVEsRUFBRSxFQUFFO1lBQ1osTUFBTSxFQUFFLEVBQUU7WUFDVixlQUFlLEVBQUUsVUFBVTtZQUMzQixZQUFZLEVBQUUsRUFBRTtZQUNoQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLEtBQUssRUFBRSxTQUFTO1lBQ2hCLFFBQVEsRUFBRSxFQUFFO1NBQ2I7UUFDRCxXQUFXLEVBQUU7WUFDWCxRQUFRLEVBQUUsRUFBRTtZQUNaLFdBQVcsRUFBRSxDQUFDO1lBQ2QsVUFBVSxFQUFFLENBQUM7WUFDYixLQUFLLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDeEM7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDZixvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsZ0JBQWdCLElBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxNQUFNO1lBQ3JFLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBTSxNQUFNLEdBQ2xDLEtBQUssQ0FDRCxDQUNVLENBQ2QsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUssSUFBTSxNQUFNLEdBQ2xDLEtBQUssQ0FDRCxDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxLQUFLLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxLQUFLLENBQUE7QUFFdkMsZUFBZSxLQUFLLENBQUEifQ==