@trilogy-ds/react 0.0.1-beta.9 → 0.0.4-beta-v4

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

@@ -1,73 +1,75 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { Icon, IconColor } from '../icon';
-import { Text } from '../text';
-import { getColorStyle, TrilogyColor } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
+import { __assign, __read, __rest } from "tslib";
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { Icon, IconColor } from "../../components/icon";
+import { Text } from "../../components/text";
+import { getColorStyle, TrilogyColor } from "../../objects";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Divider Native Component
  * @param content {string} Add text content for Divider
  * @param unboxed {boolean} Full-width separator in another component
- * @param marginless {boolean} Marginless divider
+ * @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
  */
-const Divider = ({ content, unboxed, marginless, iconName, color, backgroundColor, textColor, ...others }) => {
-    const [textWidth, setTextWidth] = React.useState(0);
-    const [containerWidth, setContainerWidth] = React.useState(0);
-    const dividerColor = '#B3B3B3B3';
-    const styles = StyleSheet.create({
+var Divider = function (_a) {
+    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);
+    var styles = StyleSheet.create({
         divider: {
+            marginBottom: 16,
+            marginTop: 16,
             borderBottomColor: dividerColor,
             borderBottomWidth: 1,
-            width: '100%',
-            alignSelf: ((unboxed || marginless) && 'stretch') || 'auto',
+            width: "100%",
+            alignSelf: ((unboxed || marginless) && "stretch") || "auto",
         },
         dividerContent: {
-            borderBottomColor: color ? getColorStyle(color) : dividerColor,
+            borderBottomColor: dividerColor,
             borderBottomWidth: 1,
-            alignSelf: 'center',
-            justifyContent: 'center',
-            width: `${((containerWidth - (textWidth + 16)) / 2 / containerWidth) * 100}%`,
+            alignSelf: "center",
+            justifyContent: "center",
+            width: "".concat(((containerWidth - (textWidth + 16)) / 2 / containerWidth) * 100, "%"),
         },
         container: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            maxWidth: '100%',
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+            maxWidth: "100%",
         },
         content: {
-            justifyContent: 'center',
-            backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : 'transparent',
+            justifyContent: "center",
+            backgroundColor: "transparent",
             borderRadius: iconName ? 50 : 0,
             padding: iconName ? 6 : 0,
         },
         textContent: {
-            textAlign: 'center',
-            color: textColor ? getColorStyle(textColor) : getColorStyle(TrilogyColor.TERTIARY),
+            textAlign: "center",
+            color: getColorStyle(TrilogyColor.MAIN_FADE),
         },
     });
-    const ContentDivider = React.useMemo(() => {
+    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.TERTIARY });
+            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: (event) => {
+        return (React.createElement(View, { style: styles.container, onLayout: function (event) {
                 setContainerWidth(event.nativeEvent.layout.width);
             } },
-            React.createElement(View, { style: styles.dividerContent, ...others }),
-            React.createElement(View, { style: styles.content, onLayout: (event) => {
+            React.createElement(View, __assign({ style: styles.dividerContent }, others)),
+            React.createElement(View, { style: styles.content, onLayout: function (event) {
                     setTextWidth(event.nativeEvent.layout.width);
                 } }, ContentDivider),
-            React.createElement(View, { style: styles.dividerContent, ...others })));
+            React.createElement(View, __assign({ style: styles.dividerContent }, others))));
     }
-    return React.createElement(View, { style: styles.divider, ...others });
+    return React.createElement(View, __assign({ style: styles.divider }, others));
 };
 Divider.displayName = ComponentName.Divider;
 export default Divider;
-//# sourceMappingURL=Divider.native.js.map
+//# 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 { IconName, IconNameValues } from '../icon';
+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/DividerProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=DividerProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlclByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9kaXZpZGVyL0RpdmlkZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/divider/DividerPropsDefaults.js

@@ -0,0 +1,99 @@
+export default {
+  "content": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "unboxed": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "iconName": {
+    "type": "enum",
+    "values": [
+      "undefined",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa",
+      "tri-alert",
+      "tri-arrow-down",
+      "tri-arrow-left",
+      "tri-arrow-right",
+      "tri-arrow-up",
+      "tri-bell",
+      "tri-check-circle",
+      "tri-check",
+      "tri-exclamation-circle",
+      "tri-eye-slash",
+      "tri-eye",
+      "tri-infos-circle",
+      "tri-search",
+      "tri-times",
+      "tri-trash",
+      "tri-picto-faciliti",
+      "tri-picto-handicapzero",
+      "tri-picto-la-fibre",
+      "tri-picto-payment-americanexpress",
+      "tri-picto-payment-cb",
+      "tri-picto-payment-mastercard",
+      "tri-picto-payment-paypal",
+      "tri-picto-payment-visa"
+    ]
+  },
+  "inverted": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "marginless": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/divider/index.js

@@ -1,3 +1,3 @@
 import Divider from './Divider';
 export { Divider };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxPQUFPLE1BQU0sV0FBVyxDQUFBO0FBRS9CLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQSJ9

package/lib/components/enums.js

@@ -1,4 +1,4 @@
 export * from './button/ButtonEnum';
 export * from './text/TextEnum';
 export * from './icon/IconEnum';
-//# sourceMappingURL=enums.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9jb21wb25lbnRzL2VudW1zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscUJBQXFCLENBQUE7QUFDbkMsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixjQUFjLGlCQUFpQixDQUFBIn0=

package/lib/components/enumsComponentsName.d.ts

@@ -3,14 +3,10 @@ export declare enum ComponentName {
     AccordionItem = "AccordionItem",
     AccordionHeader = "AccordionHeader",
     AccordionBody = "AccordionBody",
+    AutoComplete = "AutoComplete",
     AutoLayout = "AutoLayout",
     AutoLayoutWrapper = "AutoLayoutWrapper",
-    AutoComplete = "AutoComplete",
-    AutoCompleteItem = "AutoCompleteItem",
-    AutoCompleteItemNative = "AutoCompleteItemNative",
-    AutoCompleteMenuNative = "AutoCompleteMenuNative",
-    AutoCompleteMenu = "AutoCompleteMenu",
-    AlertState = "AlertState",
+    StatusState = "StatusState",
     Badge = "Badge",
     BadgeTextDirection = "BadgeTextDirection",
     BadgeColor = "BadgeColor",
@@ -26,7 +22,7 @@ export declare enum ComponentName {
     BreadcrumbItem = "BreadcrumbItem",
     Button = "Button",
     ButtonList = "ButtonList",
-    ButtonColor = "ButtonColor",
+    ButtonVariant = "ButtonVariant",
     ButtonMarkup = "ButtonMarkup",
     ButtonType = "ButtonType",
     Card = "Card",
@@ -36,28 +32,15 @@ export declare enum ComponentName {
     Checkbox = "Checkbox",
     CheckboxesList = "CheckboxesList",
     Columns = "Columns",
-    ColumnsItem = "ColumnsItem",
+    Column = "Column",
     Container = "Container",
     ContentSize = "ContentSize",
     Countdown = "Countdown",
-    DeletableNotification = "DeletableNotification",
-    Disclaimer = "Disclaimer",
-    DisclaimerItem = "DisclaimerItem",
     Divider = "Divider",
-    Dropdown = "Dropdown",
-    DropdownDivider = "DropdownDivider",
-    DropdownItem = "DropdownItem",
-    DropdownMenu = "DropdownMenu",
-    DropdownTrigger = "DropdownTrigger",
     Fab = "Fab",
     Hero = "Hero",
     Icon = "Icon",
     Image = "Image",
-    InfoBlock = "InfoBlock",
-    InfoBlockStatus = "InfoBlockStatus",
-    InfoBlockHeader = "InfoBlockHeader",
-    InfoBlockContent = "InfoBlockContent",
-    InfoBlockAction = "InfoBlockAction",
     Input = "Input",
     InputType = "InputType",
     InputStatus = "InputStatus",
@@ -71,17 +54,12 @@ export declare enum ComponentName {
     ListItem = "ListItem",
     ListItemDescription = "ListItemDescription",
     ListIconStatus = "ListIconStatus",
-    Loader = "Loader",
-    Menu = "Menu",
-    MenuItem = "MenuItem",
-    SubMenuItem = "SubMenuItem",
-    MenuScrolling = "MenuScrolling",
-    MenuLink = "MenuLink",
     Modal = "Modal",
+    ModalBody = "ModalBody",
     ModalMarkup = "ModalMarkup",
     ModalFooter = "ModalFooter",
+    ModalHeader = "ModalHeader",
     ModalCtaMarkup = "ModalCtaMarkup",
-    ModalTitle = "ModalTitle",
     Navbar = "Navbar",
     NavbarBrand = "NavbarBrand",
     NavbarDropdown = "NavbarDropdown",
@@ -96,9 +74,6 @@ export declare enum ComponentName {
     NavbarDivider = "NavbarDivider",
     NavbarAccordionItem = "NavbarAccordionItem",
     NavbarItemMarkup = "NavbarItemMarkup",
-    Notification = "Notification",
-    Options = "Options",
-    OptionsItem = "OptionsItem",
     Pagination = "Pagination",
     PlanPricingPlanPricePrice = "PlanPricingPlanPricePrice",
     Popover = "Popover",
@@ -125,22 +100,12 @@ export declare enum ComponentName {
     Radio = "Radio",
     RadioList = "RadioList",
     Rows = "Rows",
-    RowsItem = "RowsItem",
+    Row = "Row",
     ScrollView = "ScrollView",
     Section = "Section",
     Select = "Select",
     SelectOption = "SelectOption",
-    Selector = "Selector",
     SelectorIOtem = "SelectorIOtem",
-    Slice = "Slice",
-    SliceList = "SliceList",
-    SliceCta = "SliceCta",
-    SliceContent = "SliceContent",
-    SliceIcon = "SliceIcon",
-    SliceBody = "SliceBody",
-    SliceImage = "SliceImage",
-    Slider = "Slider",
-    SliderItem = "SliderItem",
     Spacer = "Spacer",
     SpacerSize = "SpacerSize",
     StatusIcon = "StatusIcon",
@@ -174,7 +139,6 @@ export declare enum ComponentName {
     TimelineMarker = "TimelineMarker",
     Title = "Title",
     ToasterProvider = "ToasterProvider",
-    Toolbar = "Toolbar",
     ToolbarSpace = "ToolbarSpace",
     ToolbarItem = "ToolbarItem",
     ToolbarGroup = "ToolbarGroup",

package/lib/components/enumsComponentsName.js

@@ -4,14 +4,10 @@ export var ComponentName;
     ComponentName["AccordionItem"] = "AccordionItem";
     ComponentName["AccordionHeader"] = "AccordionHeader";
     ComponentName["AccordionBody"] = "AccordionBody";
+    ComponentName["AutoComplete"] = "AutoComplete";
     ComponentName["AutoLayout"] = "AutoLayout";
     ComponentName["AutoLayoutWrapper"] = "AutoLayoutWrapper";
-    ComponentName["AutoComplete"] = "AutoComplete";
-    ComponentName["AutoCompleteItem"] = "AutoCompleteItem";
-    ComponentName["AutoCompleteItemNative"] = "AutoCompleteItemNative";
-    ComponentName["AutoCompleteMenuNative"] = "AutoCompleteMenuNative";
-    ComponentName["AutoCompleteMenu"] = "AutoCompleteMenu";
-    ComponentName["AlertState"] = "AlertState";
+    ComponentName["StatusState"] = "StatusState";
     ComponentName["Badge"] = "Badge";
     ComponentName["BadgeTextDirection"] = "BadgeTextDirection";
     ComponentName["BadgeColor"] = "BadgeColor";
@@ -27,7 +23,7 @@ export var ComponentName;
     ComponentName["BreadcrumbItem"] = "BreadcrumbItem";
     ComponentName["Button"] = "Button";
     ComponentName["ButtonList"] = "ButtonList";
-    ComponentName["ButtonColor"] = "ButtonColor";
+    ComponentName["ButtonVariant"] = "ButtonVariant";
     ComponentName["ButtonMarkup"] = "ButtonMarkup";
     ComponentName["ButtonType"] = "ButtonType";
     ComponentName["Card"] = "Card";
@@ -37,28 +33,15 @@ 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";
-    ComponentName["DeletableNotification"] = "DeletableNotification";
-    ComponentName["Disclaimer"] = "Disclaimer";
-    ComponentName["DisclaimerItem"] = "DisclaimerItem";
     ComponentName["Divider"] = "Divider";
-    ComponentName["Dropdown"] = "Dropdown";
-    ComponentName["DropdownDivider"] = "DropdownDivider";
-    ComponentName["DropdownItem"] = "DropdownItem";
-    ComponentName["DropdownMenu"] = "DropdownMenu";
-    ComponentName["DropdownTrigger"] = "DropdownTrigger";
     ComponentName["Fab"] = "Fab";
     ComponentName["Hero"] = "Hero";
     ComponentName["Icon"] = "Icon";
     ComponentName["Image"] = "Image";
-    ComponentName["InfoBlock"] = "InfoBlock";
-    ComponentName["InfoBlockStatus"] = "InfoBlockStatus";
-    ComponentName["InfoBlockHeader"] = "InfoBlockHeader";
-    ComponentName["InfoBlockContent"] = "InfoBlockContent";
-    ComponentName["InfoBlockAction"] = "InfoBlockAction";
     ComponentName["Input"] = "Input";
     ComponentName["InputType"] = "InputType";
     ComponentName["InputStatus"] = "InputStatus";
@@ -72,17 +55,12 @@ export var ComponentName;
     ComponentName["ListItem"] = "ListItem";
     ComponentName["ListItemDescription"] = "ListItemDescription";
     ComponentName["ListIconStatus"] = "ListIconStatus";
-    ComponentName["Loader"] = "Loader";
-    ComponentName["Menu"] = "Menu";
-    ComponentName["MenuItem"] = "MenuItem";
-    ComponentName["SubMenuItem"] = "SubMenuItem";
-    ComponentName["MenuScrolling"] = "MenuScrolling";
-    ComponentName["MenuLink"] = "MenuLink";
     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";
@@ -97,9 +75,6 @@ export var ComponentName;
     ComponentName["NavbarDivider"] = "NavbarDivider";
     ComponentName["NavbarAccordionItem"] = "NavbarAccordionItem";
     ComponentName["NavbarItemMarkup"] = "NavbarItemMarkup";
-    ComponentName["Notification"] = "Notification";
-    ComponentName["Options"] = "Options";
-    ComponentName["OptionsItem"] = "OptionsItem";
     ComponentName["Pagination"] = "Pagination";
     ComponentName["PlanPricingPlanPricePrice"] = "PlanPricingPlanPricePrice";
     ComponentName["Popover"] = "Popover";
@@ -126,22 +101,12 @@ 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";
     ComponentName["SelectOption"] = "SelectOption";
-    ComponentName["Selector"] = "Selector";
     ComponentName["SelectorIOtem"] = "SelectorIOtem";
-    ComponentName["Slice"] = "Slice";
-    ComponentName["SliceList"] = "SliceList";
-    ComponentName["SliceCta"] = "SliceCta";
-    ComponentName["SliceContent"] = "SliceContent";
-    ComponentName["SliceIcon"] = "SliceIcon";
-    ComponentName["SliceBody"] = "SliceBody";
-    ComponentName["SliceImage"] = "SliceImage";
-    ComponentName["Slider"] = "Slider";
-    ComponentName["SliderItem"] = "SliderItem";
     ComponentName["Spacer"] = "Spacer";
     ComponentName["SpacerSize"] = "SpacerSize";
     ComponentName["StatusIcon"] = "StatusIcon";
@@ -175,7 +140,6 @@ export var ComponentName;
     ComponentName["TimelineMarker"] = "TimelineMarker";
     ComponentName["Title"] = "Title";
     ComponentName["ToasterProvider"] = "ToasterProvider";
-    ComponentName["Toolbar"] = "Toolbar";
     ComponentName["ToolbarSpace"] = "ToolbarSpace";
     ComponentName["ToolbarItem"] = "ToolbarItem";
     ComponentName["ToolbarGroup"] = "ToolbarGroup";
@@ -188,4 +152,4 @@ export var ComponentName;
     ComponentName["ChipsList"] = "ChipsList";
     ComponentName["Range"] = "Range";
 })(ComponentName || (ComponentName = {}));
-//# sourceMappingURL=enumsComponentsName.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxhQXdKWDtBQXhKRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsa0RBQWlDLENBQUE7SUFDakMsb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIsNEJBQVcsQ0FBQTtJQUNYLDhCQUFhLENBQUE7SUFDYiw4QkFB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

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

@@ -13,6 +13,8 @@ import { FabProps } from './FabProps';
  * @param left {number} position left
  * @param bottom {number} position bottom
  * @param right {number} position right
+ * @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, ...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,8 +1,9 @@
+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 '../icon/Icon';
+import { Icon } from '../../components/icon';
 import { is } from '../../services';
 /**
  * Fab Component - Floating Button Action
@@ -17,15 +18,18 @@ import { is } from '../../services';
  * @param left {number} position left
  * @param bottom {number} position bottom
  * @param right {number} position right
+ * @param disabled {boolean} disabled button
+ * @param testId {string} Test Id for Test Integration
  **/
-const Fab = ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed = true, top, bottom, left, right, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const [isExtended, setIsExtended] = useState(extended || false);
-    useEffect(() => {
+var Fab = function (_a) {
+    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 () {
         setIsExtended(extended || false);
     }, [isExtended]);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const positionStyle = top || bottom || left || right
+    var positionStyle = top || bottom || left || right
         ? {
             position: fixed ? 'fixed' : 'absolute',
             top: top !== null && top !== void 0 ? top : 'auto',
@@ -36,13 +40,13 @@ const Fab = ({ children, extended, iconName, accessibilityLabel, onClick, classN
         : {
             position: 'relative',
         };
-    const _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
-    return (React.createElement("button", { "data-testid": testId, "aria-label": accessibilityLabel, onClick: (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: { ...positionStyle }, ...others, className: _className },
+        }, style: __assign({}, positionStyle) }, others, { className: _className }),
         React.createElement(Icon, { name: iconName }),
         children));
 };
 export default Fab;
-//# sourceMappingURL=Fab.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUvQjs7Ozs7Ozs7Ozs7Ozs7O0lBZUk7QUFFSixJQUFNLEdBQUcsR0FBRyxVQUFDLEVBZUY7SUFkVCxJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZEUsK0lBZVosQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ2hDLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsUUFBUSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQWpFLFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBd0MsQ0FBQTtJQUV4RSxTQUFTLENBQUM7UUFDUixhQUFhLENBQUMsUUFBUSxJQUFJLEtBQUssQ0FBQyxDQUFBO0lBQ2xDLENBQUMsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUE7SUFFaEIsOERBQThEO0lBQzlELElBQU0sYUFBYSxHQUNqQixHQUFHLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLO1FBQzVCLENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVTtZQUN0QyxHQUFHLEVBQUUsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksTUFBTTtZQUNsQixNQUFNLEVBQUUsTUFBTSxhQUFOLE1BQU0sY0FBTixNQUFNLEdBQUksTUFBTTtZQUN4QixJQUFJLEVBQUUsSUFBSSxhQUFKLElBQUksY0FBSixJQUFJLEdBQUksTUFBTTtZQUNwQixLQUFLLEVBQUUsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksTUFBTTtTQUN2QjtRQUNILENBQUMsQ0FBQztZQUNFLFFBQVEsRUFBRSxVQUFVO1NBQ3JCLENBQUE7SUFFUCxJQUFNLFVBQVUsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXhGLE9BQU8sQ0FDTCx5Q0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLGdCQUNOLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxLQUFLLGVBQU8sYUFBYSxLQUNyQixNQUFNLElBQ1YsU0FBUyxFQUFFLFVBQVU7UUFFckIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFvQixHQUFJO1FBQ25DLFFBQVEsQ0FDRixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLEdBQUcsQ0FBQSJ9

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { FabProps } from './FabProps';
-import { ComponentName } from '../enumsComponentsName';
+import { FabProps } from "./FabProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Fab Native Component
  * @param children {string} label fab button
@@ -12,9 +12,10 @@ import { ComponentName } from '../enumsComponentsName';
  * @param left {number} position left
  * @param bottom {number} position bottom
  * @param right {number} position right
+ * @param disabled {boolean} disabled button
  */
 declare const Fab: {
-    ({ children, accessibilityLabel, iconName, extended, onClick, top, bottom, left, right, }: FabProps): JSX.Element;
+    ({ children, accessibilityLabel, iconName, extended, onClick, top, bottom, left, right, disabled, testId }: FabProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Fab;