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

package/lib/components/countdown/CountdownPropsDefaults.js

@@ -1,11 +1,4 @@
 export default {
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "deadline": {
     "type": "string",
     "values": []
@@ -38,7 +31,7 @@ export default {
       "true"
     ]
   },
-  "centered": {
+  "inverted": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -46,12 +39,18 @@ export default {
       "true"
     ]
   },
-  "inverted": {
-    "type": "boolean",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
     ]
   }
 };

package/lib/components/divider/Divider.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DividerProps } from "./DividerProps";
+import { DividerProps } from './DividerProps';
 /**
  * Divider Component
  * @param content {string} Add text content for Divider
@@ -9,9 +9,7 @@ import { DividerProps } from "./DividerProps";
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
- * @param backgroundColor {TrilogyColor} Background color of Divider
- * @param textColor {TrilogyColor} Text color of Divider
  * @param others
  */
-declare const Divider: ({ className, unboxed, content, marginless, iconName, color, backgroundColor, textColor, ...others }: DividerProps) => JSX.Element;
+declare const Divider: ({ className, id, unboxed, content, marginless, iconName, inverted, ...others }: DividerProps) => JSX.Element;
 export default Divider;

package/lib/components/divider/Divider.js

@@ -1,11 +1,10 @@
 import { __assign, __rest } from "tslib";
-import * as React from "react";
-import { has, is } from "../../services/classify";
-import { Icon, IconSize } from "../icon";
-import { getColorClassName } from "../../objects";
-import clsx from "clsx";
-import { hashClass } from "../../helpers";
-import { useTrilogyContext } from "../../context";
+import * as React from 'react';
+import { is } from '../../services/classify';
+import { Icon, IconSize } from '../icon';
+import clsx from 'clsx';
+import { hashClass } from '../../helpers';
+import { useTrilogyContext } from '../../context';
 /**
  * Divider Component
  * @param content {string} Add text content for Divider
@@ -15,32 +14,30 @@ import { useTrilogyContext } from "../../context";
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
- * @param backgroundColor {TrilogyColor} Background color of Divider
- * @param textColor {TrilogyColor} Text color of Divider
  * @param others
  */
 var Divider = function (_a) {
-    var className = _a.className, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, color = _a.color, backgroundColor = _a.backgroundColor, textColor = _a.textColor, others = __rest(_a, ["className", "unboxed", "content", "marginless", "iconName", "color", "backgroundColor", "textColor"]);
+    var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx("divider", unboxed && is("unboxed"), marginless && is("marginless"), className, color && has("background-".concat(getColorClassName(color))), iconName && "has-icon"));
-    var contentClasses = hashClass(styled, clsx("divider-content", textColor && has("text-".concat(getColorClassName(textColor))), backgroundColor && has("background-".concat(getColorClassName(backgroundColor)))));
-    // si il y a du text et une icone , SEULEMENT le text compte
+    var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && 'has-icon'));
+    var contentClasses = hashClass(styled, clsx('divider-content'));
+    // s'il y a du text et une icone , SEULEMENT le text compte
     if (content && iconName) {
-        return (React.createElement("div", { "data-testid": 'separator', className: classes },
+        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
             React.createElement("p", { className: contentClasses }, content)));
     }
     if (content) {
-        return (React.createElement("div", { "data-testid": 'separator', className: classes },
+        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
             React.createElement("p", { className: contentClasses }, content)));
     }
     // si il y a seulement une icone
     if (iconName) {
-        return (React.createElement("div", { "data-testid": 'separator', className: classes },
+        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
             React.createElement("p", { className: contentClasses },
-                React.createElement(Icon, { name: iconName, size: backgroundColor ? IconSize.SMALL : IconSize.MEDIUM }))));
+                React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }))));
     }
     // divider normal trilogy
-    return React.createElement("div", __assign({ "data-testid": 'separator', className: classes }, others));
+    return React.createElement("div", __assign({ id: id, "data-testid": 'separator', className: classes }, others));
 };
 export default Divider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLFNBQVMsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFVRjtJQVRiLElBQUEsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLGVBQWUscUJBQUEsRUFDZixTQUFTLGVBQUEsRUFDTixNQUFNLGNBVE0sc0dBVWhCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsU0FBUyxFQUNULE9BQU8sSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3hCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLFNBQVMsRUFDVCxLQUFLLElBQUksR0FBRyxDQUFDLHFCQUFjLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFFLENBQUMsRUFDdEQsUUFBUSxJQUFJLFVBQVUsQ0FDdkIsQ0FDRixDQUFBO0lBQ0QsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUM5QixNQUFNLEVBQ04sSUFBSSxDQUNGLGlCQUFpQixFQUNqQixTQUFTLElBQUksR0FBRyxDQUFDLGVBQVEsaUJBQWlCLENBQUMsU0FBUyxDQUFDLENBQUUsQ0FBQyxFQUN4RCxlQUFlLElBQUksR0FBRyxDQUFDLHFCQUFjLGlCQUFpQixDQUFDLGVBQWUsQ0FBQyxDQUFFLENBQUMsQ0FDM0UsQ0FDRixDQUFBO0lBRUQsNERBQTREO0lBQzVELElBQUksT0FBTyxJQUFJLFFBQVEsRUFBRTtRQUN2QixPQUFPLENBQ0wsNENBQWlCLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUM3QywyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsT0FBTyxDQUNMLDRDQUFpQixXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU87WUFDN0MsMkJBQUcsU0FBUyxFQUFFLGNBQWMsSUFBRyxPQUFPLENBQUssQ0FDdkMsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCxnQ0FBZ0M7SUFDaEMsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQ0wsNENBQWlCLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUM3QywyQkFBRyxTQUFTLEVBQUUsY0FBYztnQkFDMUIsb0JBQUMsSUFBSSxJQUNILElBQUksRUFBRSxRQUFRLEVBQ2QsSUFBSSxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLE1BQU0sR0FDeEQsQ0FDQSxDQUNBLENBQ1AsQ0FBQTtLQUNGO0lBRUQseUJBQXlCO0lBQ3pCLE9BQU8scURBQWlCLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sRUFBSSxDQUFBO0FBQ3hFLENBQUMsQ0FBQTtBQUVELGVBQWUsT0FBTyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVNGO0lBUmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJNLCtFQVNoQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLEVBQ1QsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLFVBQVUsQ0FDdkIsQ0FDRixDQUFBO0lBQ0QsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFBO0lBRWpFLDJEQUEyRDtJQUMzRCxJQUFJLE9BQU8sSUFBSSxRQUFRLEVBQUU7UUFDdkIsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELGdDQUFnQztJQUNoQyxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU87WUFDckQsMkJBQUcsU0FBUyxFQUFFLGNBQWM7Z0JBQzFCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJLENBQzdDLENBQ0EsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCx5QkFBeUI7SUFDekIsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNoRixDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9

package/lib/components/divider/Divider.native.d.ts

@@ -8,12 +8,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param marginless {boolean} delete margin
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
- * @param backgroundColor {TrilogyColor} Background color of Divider
- * @param textColor {TrilogyColor} Text color of Divider
  * @param others
  */
 declare const Divider: {
-    ({ content, unboxed, marginless, iconName, color, backgroundColor, textColor, ...others }: DividerProps): JSX.Element;
+    ({ content, unboxed, marginless, iconName, inverted, ...others }: DividerProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Divider;

package/lib/components/divider/Divider.native.js

@@ -12,12 +12,10 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param marginless {boolean} delete margin
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
- * @param backgroundColor {TrilogyColor} Background color of Divider
- * @param textColor {TrilogyColor} Text color of Divider
  * @param others
  */
 var Divider = function (_a) {
-    var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName, color = _a.color, backgroundColor = _a.backgroundColor, textColor = _a.textColor, others = __rest(_a, ["content", "unboxed", "marginless", "iconName", "color", "backgroundColor", "textColor"]);
+    var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["content", "unboxed", "marginless", "iconName", "inverted"]);
     var _b = __read(React.useState(0), 2), textWidth = _b[0], setTextWidth = _b[1];
     var _c = __read(React.useState(0), 2), containerWidth = _c[0], setContainerWidth = _c[1];
     var dividerColor = getColorStyle(TrilogyColor.NEUTRAL);
@@ -31,7 +29,7 @@ var Divider = function (_a) {
             alignSelf: ((unboxed || marginless) && "stretch") || "auto",
         },
         dividerContent: {
-            borderBottomColor: color ? getColorStyle(color) : dividerColor,
+            borderBottomColor: dividerColor,
             borderBottomWidth: 1,
             alignSelf: "center",
             justifyContent: "center",
@@ -45,24 +43,20 @@ var Divider = function (_a) {
         },
         content: {
             justifyContent: "center",
-            backgroundColor: backgroundColor
-                ? getColorStyle(backgroundColor)
-                : "transparent",
+            backgroundColor: "transparent",
             borderRadius: iconName ? 50 : 0,
             padding: iconName ? 6 : 0,
         },
         textContent: {
             textAlign: "center",
-            color: textColor
-                ? getColorStyle(textColor)
-                : getColorStyle(TrilogyColor.MAIN_FADE),
+            color: getColorStyle(TrilogyColor.MAIN_FADE),
         },
     });
     var ContentDivider = React.useMemo(function () {
         if (content)
             return React.createElement(Text, { style: styles.textContent }, content);
         if (iconName && !content)
-            return (React.createElement(Icon, { name: iconName, color: textColor ? textColor : IconColor.MAIN, testId: 'icon-id' }));
+            return (React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' }));
     }, [content, iconName]);
     if (content || iconName) {
         return (React.createElement(View, { style: styles.container, onLayout: function (event) {
@@ -78,4 +72,4 @@ var Divider = function (_a) {
 };
 Divider.displayName = ComponentName.Divider;
 export default Divider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLFVBQUMsRUFTRjtJQVJiLElBQUEsT0FBTyxhQUFBLEVBQ1AsT0FBTyxhQUFBLEVBQ1AsVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLGVBQWUscUJBQUEsRUFDZixTQUFTLGVBQUEsRUFDTixNQUFNLGNBUk0seUZBU2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXFCLENBQUE7SUFDN0MsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBdEQsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFCLENBQUE7SUFDN0QsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9B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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBT0Y7SUFOYixJQUFBLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTk0sNERBT2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXFCLENBQUE7SUFDN0MsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBdEQsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFCLENBQUE7SUFDN0QsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLFlBQVksRUFBRSxFQUFFO1lBQ2hC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

package/lib/components/divider/DividerProps.d.ts

@@ -1,14 +1,12 @@
-import { Marginless, TrilogyColor, TrilogyColorValues } from '../../objects';
+import { Marginless } from '../../objects';
 import { IconName, IconNameValues } from '../../components/icon';
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Divider Interface
  */
-export interface DividerProps extends Marginless {
+export interface DividerProps extends Marginless, CommonProps {
     content?: string;
     unboxed?: boolean;
-    className?: string;
     iconName?: IconNameValues | IconName;
-    color?: TrilogyColor | TrilogyColorValues;
-    backgroundColor?: TrilogyColor | TrilogyColorValues;
-    textColor?: TrilogyColor | TrilogyColorValues;
+    inverted?: boolean;
 }

package/lib/components/divider/DividerPropsDefaults.js

@@ -14,13 +14,6 @@ export default {
       "true"
     ]
   },
-  "className": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "iconName": {
     "type": "enum",
     "values": [
@@ -73,132 +66,34 @@ export default {
       "tri-picto-payment-visa"
     ]
   },
-  "color": {
-    "type": "enum",
+  "inverted": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS",
-      "SUCCESS_FADE",
-      "INFO",
-      "INFO_FADE",
-      "WARNING",
-      "WARNING_FADE",
-      "ERROR",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS_FADE",
-      "INFO_FADE",
-      "WARNING_FADE",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE"
+      "false",
+      "true"
     ]
   },
-  "backgroundColor": {
-    "type": "enum",
+  "marginless": {
+    "type": "boolean",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS",
-      "SUCCESS_FADE",
-      "INFO",
-      "INFO_FADE",
-      "WARNING",
-      "WARNING_FADE",
-      "ERROR",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS_FADE",
-      "INFO_FADE",
-      "WARNING_FADE",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE"
+      "false",
+      "true"
     ]
   },
-  "textColor": {
-    "type": "enum",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "SUCCESS",
-      "INFO",
-      "WARNING",
-      "ERROR",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS",
-      "SUCCESS_FADE",
-      "INFO",
-      "INFO_FADE",
-      "WARNING",
-      "WARNING_FADE",
-      "ERROR",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE",
-      "WHITE",
-      "MAIN",
-      "MAIN_FADE",
-      "ACCENT",
-      "FONT",
-      "SUCCESS_FADE",
-      "INFO_FADE",
-      "WARNING_FADE",
-      "ERROR_FADE",
-      "DISABLED",
-      "DISABLED_FADE",
-      "NEUTRAL",
-      "NEUTRAL_FADE"
+      "string"
     ]
   },
-  "marginless": {
-    "type": "boolean",
+  "className": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   }
 };

package/lib/components/enumsComponentsName.d.ts

@@ -32,7 +32,7 @@ export declare enum ComponentName {
     Checkbox = "Checkbox",
     CheckboxesList = "CheckboxesList",
     Columns = "Columns",
-    ColumnsItem = "ColumnsItem",
+    Column = "Column",
     Container = "Container",
     ContentSize = "ContentSize",
     Countdown = "Countdown",
@@ -55,10 +55,11 @@ export declare enum ComponentName {
     ListItemDescription = "ListItemDescription",
     ListIconStatus = "ListIconStatus",
     Modal = "Modal",
+    ModalBody = "ModalBody",
     ModalMarkup = "ModalMarkup",
     ModalFooter = "ModalFooter",
+    ModalHeader = "ModalHeader",
     ModalCtaMarkup = "ModalCtaMarkup",
-    ModalTitle = "ModalTitle",
     Navbar = "Navbar",
     NavbarBrand = "NavbarBrand",
     NavbarDropdown = "NavbarDropdown",
@@ -99,7 +100,7 @@ export declare enum ComponentName {
     Radio = "Radio",
     RadioList = "RadioList",
     Rows = "Rows",
-    RowsItem = "RowsItem",
+    Row = "Row",
     ScrollView = "ScrollView",
     Section = "Section",
     Select = "Select",

package/lib/components/enumsComponentsName.js

@@ -33,7 +33,7 @@ export var ComponentName;
     ComponentName["Checkbox"] = "Checkbox";
     ComponentName["CheckboxesList"] = "CheckboxesList";
     ComponentName["Columns"] = "Columns";
-    ComponentName["ColumnsItem"] = "ColumnsItem";
+    ComponentName["Column"] = "Column";
     ComponentName["Container"] = "Container";
     ComponentName["ContentSize"] = "ContentSize";
     ComponentName["Countdown"] = "Countdown";
@@ -56,10 +56,11 @@ export var ComponentName;
     ComponentName["ListItemDescription"] = "ListItemDescription";
     ComponentName["ListIconStatus"] = "ListIconStatus";
     ComponentName["Modal"] = "Modal";
+    ComponentName["ModalBody"] = "ModalBody";
     ComponentName["ModalMarkup"] = "ModalMarkup";
     ComponentName["ModalFooter"] = "ModalFooter";
+    ComponentName["ModalHeader"] = "ModalHeader";
     ComponentName["ModalCtaMarkup"] = "ModalCtaMarkup";
-    ComponentName["ModalTitle"] = "ModalTitle";
     ComponentName["Navbar"] = "Navbar";
     ComponentName["NavbarBrand"] = "NavbarBrand";
     ComponentName["NavbarDropdown"] = "NavbarDropdown";
@@ -100,7 +101,7 @@ export var ComponentName;
     ComponentName["Radio"] = "Radio";
     ComponentName["RadioList"] = "RadioList";
     ComponentName["Rows"] = "Rows";
-    ComponentName["RowsItem"] = "RowsItem";
+    ComponentName["Row"] = "Row";
     ComponentName["ScrollView"] = "ScrollView";
     ComponentName["Section"] = "Section";
     ComponentName["Select"] = "Select";
@@ -151,4 +152,4 @@ export var ComponentName;
     ComponentName["ChipsList"] = "ChipsList";
     ComponentName["Range"] = "Range";
 })(ComponentName || (ComponentName = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXVKWDtBQXZKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXdKWDtBQXhKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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

package/lib/components/fab/Fab.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FabProps } from "./FabProps";
+import { FabProps } from './FabProps';
 /**
  * Fab Component - Floating Button Action
  * @param children {ReactNode} Text for fab button
@@ -16,5 +16,5 @@ import { FabProps } from "./FabProps";
  * @param disabled {boolean} disabled button
  * @param testId {string} Test Id for Test Integration
  **/
-declare const Fab: ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed, top, bottom, left, right, testId, disabled, ...others }: FabProps) => JSX.Element;
+declare const Fab: ({ children, extended, iconName, accessibilityLabel, onClick, className, id, fixed, top, bottom, left, right, disabled, ...others }: FabProps) => JSX.Element;
 export default Fab;

package/lib/components/fab/Fab.js

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
-import React, { useEffect, useState } from "react";
-import { useTrilogyContext } from "../../context";
-import { hashClass } from "../../helpers";
-import clsx from "clsx";
-import { Icon } from "../../components/icon";
-import { is } from "../../services";
+import React, { useEffect, useState } from 'react';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import clsx from 'clsx';
+import { Icon } from '../../components/icon';
+import { is } from '../../services';
 /**
  * Fab Component - Floating Button Action
  * @param children {ReactNode} Text for fab button
@@ -22,7 +22,7 @@ import { is } from "../../services";
  * @param testId {string} Test Id for Test Integration
  **/
 var Fab = function (_a) {
-    var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className, _b = _a.fixed, fixed = _b === void 0 ? true : _b, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, testId = _a.testId, disabled = _a.disabled, others = __rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "fixed", "top", "bottom", "left", "right", "testId", "disabled"]);
+    var children = _a.children, extended = _a.extended, iconName = _a.iconName, accessibilityLabel = _a.accessibilityLabel, onClick = _a.onClick, className = _a.className, id = _a.id, _b = _a.fixed, fixed = _b === void 0 ? true : _b, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, others = __rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "id", "fixed", "top", "bottom", "left", "right", "disabled"]);
     var styled = useTrilogyContext().styled;
     var _c = __read(useState(extended || false), 2), isExtended = _c[0], setIsExtended = _c[1];
     useEffect(function () {
@@ -31,17 +31,17 @@ var Fab = function (_a) {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     var positionStyle = top || bottom || left || right
         ? {
-            position: fixed ? "fixed" : "absolute",
-            top: top !== null && top !== void 0 ? top : "auto",
-            bottom: bottom !== null && bottom !== void 0 ? bottom : "auto",
-            left: left !== null && left !== void 0 ? left : "auto",
-            right: right !== null && right !== void 0 ? right : "auto",
+            position: fixed ? 'fixed' : 'absolute',
+            top: top !== null && top !== void 0 ? top : 'auto',
+            bottom: bottom !== null && bottom !== void 0 ? bottom : 'auto',
+            left: left !== null && left !== void 0 ? left : 'auto',
+            right: right !== null && right !== void 0 ? right : 'auto',
         }
         : {
-            position: "relative",
+            position: 'relative',
         };
-    var _className = hashClass(styled, clsx("fab", extended && is("extended"), className));
-    return (React.createElement("button", __assign({ disabled: disabled, "data-testid": testId, "aria-label": accessibilityLabel, onClick: function (e) {
+    var _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
+    return (React.createElement("button", __assign({ id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, style: __assign({}, positionStyle) }, others, { className: _className }),
@@ -49,4 +49,4 @@ var Fab = function (_a) {
         children));
 };
 export default Fab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQVksSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7Ozs7O0lBZUk7QUFFSixJQUFNLEdBQUcsR0FBRyxVQUFDLEVBZUY7SUFkVCxJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZEUsbUpBZVosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWpFLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBd0MsQ0FBQTtJQUV4RSxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFaEIsOERBQThEO0lBQzlELElBQU0sYUFBYSxHQUNqQixHQUFHLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLO1FBQzVCLENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVTtZQUN0QyxHQUFHLEVBQUUsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksTUFBTTtZQUNsQixNQUFNLEVBQUUsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLEdBQUksTUFBTTtZQUN4QixJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksTUFBTTtZQUNwQixLQUFLLEVBQUUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksTUFBTTtTQUN2QjtRQUNILENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxVQUFVO1NBQ3JCLENBQUE7SUFFUCxJQUFNLFVBQVUsR0FBRyxTQUFTLENBQzFCLE1BQU0sRUFDTixJQUFJLENBQUMsS0FBSyxFQUFFLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ25ELENBQUE7SUFFRCxPQUFPLENBQ0wseUNBQ0UsUUFBUSxFQUFFLFFBQVEsaUJBQ0wsTUFBTSxnQkFDUCxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsS0FBSyxlQUFPLGFBQWEsS0FDckIsTUFBTSxJQUNWLFNBQVMsRUFBRSxVQUFVO1FBRXJCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBb0IsR0FBSTtRQUNuQyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxHQUFHLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7Ozs7O0lBZUk7QUFFSixJQUFNLEdBQUcsR0FBRyxVQUFDLEVBZUY7SUFkVCxJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZEUsK0lBZVosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWpFLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBd0MsQ0FBQTtJQUV4RSxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFaEIsOERBQThEO0lBQzlELElBQU0sYUFBYSxHQUNqQixHQUFHLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLO1FBQzVCLENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVTtZQUN0QyxHQUFHLEVBQUUsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksTUFBTTtZQUNsQixNQUFNLEVBQUUsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLEdBQUksTUFBTTtZQUN4QixJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksTUFBTTtZQUNwQixLQUFLLEVBQUUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksTUFBTTtTQUN2QjtRQUNILENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxVQUFVO1NBQ3JCLENBQUE7SUFFUCxJQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXhGLE9BQU8sQ0FDTCx5Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLGdCQUNOLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxLQUFLLGVBQU8sYUFBYSxLQUNyQixNQUFNLElBQ1YsU0FBUyxFQUFFLFVBQVU7UUFFckIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFvQixHQUFJO1FBQ25DLFFBQVEsQ0FDRixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

package/lib/components/fab/Fab.native.js

@@ -56,9 +56,9 @@ var Fab = function (_a) {
         },
     });
     return (React.createElement(TouchableOpacity, { style: [styles.button, extended && styles.extended], accessibilityLabel: accessibilityLabel, onPress: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); }, disabled: disabled, testID: testId }, extended ? (React.createElement(React.Fragment, null,
-        React.createElement(Icon, { style: styles.icon, name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
-        React.createElement(Text, { style: styles.label, typo: [TypographyColor.TEXT_WHITE, TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(Icon, { style: styles.icon, name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
+        React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }),
+        React.createElement(Text, { style: styles.label, typo: [TypographyColor.TEXT_WHITE, TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(Icon, { name: iconName, color: IconColor.WHITE, size: IconSize.MEDIUM, align: Alignable.ALIGNED_CENTER }))));
 };
 Fab.displayName = ComponentName.Fab;
 export default Fab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBWVc7UUFYVCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsR0FBRyxTQUFBLEVBQ0gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBO0lBRW5CLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxXQUFXLEVBQUUsTUFBTTtZQUNuQixZ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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBRyxVQUFDLEVBWVc7UUFYVCxRQUFRLGNBQUEsRUFDUixrQkFBa0Isd0JBQUEsRUFDbEIsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsR0FBRyxTQUFBLEVBQ0gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBO0lBRW5CLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsTUFBTSxFQUFFO1lBQ04sZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxXQUFXLEVBQUUsTUFBTTtZQUNuQixZ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

package/lib/components/fab/FabProps.d.ts

@@ -2,14 +2,14 @@
 import { IconName, IconNameValues } from "../../components/icon";
 import { Accessibility, Clickable, Dev } from "../../objects";
 import { DimensionValue } from "react-native";
+import { CommonProps } from '../../objects/facets/CommonProps';
 /**
  * Fab Interface
  */
-export interface FabProps extends Accessibility, Clickable, Dev {
+export interface FabProps extends Accessibility, Clickable, Dev, CommonProps {
     children: string | React.ReactNode;
     extended?: boolean;
     iconName: IconName | IconNameValues;
-    className?: string;
     fixed?: boolean;
     top?: DimensionValue | number | undefined;
     bottom?: DimensionValue | number | undefined;