@trilogy-ds/react 4.8.2 → 4.9.0-beta-build-1

package/lib/components/enumsComponentsName.mjs

@@ -0,0 +1,165 @@
+export var ComponentName;
+(function (ComponentName) {
+    ComponentName["Accordion"] = "Accordion";
+    ComponentName["AccordionItem"] = "AccordionItem";
+    ComponentName["AccordionHeader"] = "AccordionHeader";
+    ComponentName["AccordionBody"] = "AccordionBody";
+    ComponentName["AutoComplete"] = "AutoComplete";
+    ComponentName["AutoLayout"] = "AutoLayout";
+    ComponentName["AutoLayoutWrapper"] = "AutoLayoutWrapper";
+    ComponentName["StatusState"] = "StatusState";
+    ComponentName["Badge"] = "Badge";
+    ComponentName["BadgeTextDirection"] = "BadgeTextDirection";
+    ComponentName["BadgeColor"] = "BadgeColor";
+    ComponentName["Box"] = "Box";
+    ComponentName["BoxMarkup"] = "BoxMarkup";
+    ComponentName["BoxItem"] = "BoxItem";
+    ComponentName["BoxItemSize"] = "BoxItemSize";
+    ComponentName["BoxHeader"] = "BoxHeader";
+    ComponentName["BoxContent"] = "BoxContent";
+    ComponentName["BoxFooter"] = "BoxFooter";
+    ComponentName["BoxTableContainer"] = "BoxTableContainer";
+    ComponentName["Breadcrumb"] = "Breadcrumb";
+    ComponentName["BreadcrumbItem"] = "BreadcrumbItem";
+    ComponentName["Button"] = "Button";
+    ComponentName["ButtonList"] = "ButtonList";
+    ComponentName["ButtonVariant"] = "ButtonVariant";
+    ComponentName["ButtonMarkup"] = "ButtonMarkup";
+    ComponentName["ButtonType"] = "ButtonType";
+    ComponentName["Card"] = "Card";
+    ComponentName["CardImage"] = "CardImage";
+    ComponentName["CardContent"] = "CardContent";
+    ComponentName["CircleIcon"] = "CircleIcon";
+    ComponentName["Checkbox"] = "Checkbox";
+    ComponentName["CheckboxList"] = "CheckboxList";
+    ComponentName["CheckboxTiles"] = "CheckboxTiles";
+    ComponentName["CheckboxTile"] = "CheckboxTile";
+    ComponentName["Columns"] = "Columns";
+    ComponentName["Column"] = "Column";
+    ComponentName["Container"] = "Container";
+    ComponentName["ContentSize"] = "ContentSize";
+    ComponentName["Countdown"] = "Countdown";
+    ComponentName["Divider"] = "Divider";
+    ComponentName["Fab"] = "Fab";
+    ComponentName["FlexBox"] = "FlexBox";
+    ComponentName["FlexItem"] = "FlexItem";
+    ComponentName["Hero"] = "Hero";
+    ComponentName["Icon"] = "Icon";
+    ComponentName["Image"] = "Image";
+    ComponentName["Input"] = "Input";
+    ComponentName["InputType"] = "InputType";
+    ComponentName["InputStatus"] = "InputStatus";
+    ComponentName["InputKeyboardAppearance"] = "InputKeyboardAppearance";
+    ComponentName["InputAutoCapitalize"] = "InputAutoCapitalize";
+    ComponentName["InputAutoCompleteType"] = "InputAutoCompleteType";
+    ComponentName["InputTextContentType"] = "InputTextContentType";
+    ComponentName["InputKeyboardType"] = "InputKeyboardType";
+    ComponentName["Link"] = "Link";
+    ComponentName["List"] = "List";
+    ComponentName["ListItem"] = "ListItem";
+    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["Navbar"] = "Navbar";
+    ComponentName["NavbarBrand"] = "NavbarBrand";
+    ComponentName["NavbarDropdown"] = "NavbarDropdown";
+    ComponentName["NavbarDropdownSection"] = "NavbarDropdownSection";
+    ComponentName["NavbarItem"] = "NavbarItem";
+    ComponentName["NavbarLinks"] = "NavbarLinks";
+    ComponentName["NavbarLink"] = "NavbarLink";
+    ComponentName["NavbarMenu"] = "NavbarMenu";
+    ComponentName["NavbarStart"] = "NavbarStart";
+    ComponentName["NavbarExtras"] = "NavbarExtras";
+    ComponentName["NavbarEnd"] = "NavbarEnd";
+    ComponentName["NavbarDivider"] = "NavbarDivider";
+    ComponentName["NavbarAccordionItem"] = "NavbarAccordionItem";
+    ComponentName["NavbarItemMarkup"] = "NavbarItemMarkup";
+    ComponentName["Pagination"] = "Pagination";
+    ComponentName["PlanPricingPlanPricePrice"] = "PlanPricingPlanPricePrice";
+    ComponentName["Popover"] = "Popover";
+    ComponentName["Price"] = "Price";
+    ComponentName["PriceLevel"] = "PriceLevel";
+    ComponentName["PriceVariant"] = "PriceVariant";
+    ComponentName["PricingPlan"] = "PricingPlan";
+    ComponentName["PricingPlanItem"] = "PricingPlanItem";
+    ComponentName["PricingPlanItems"] = "PricingPlanItems";
+    ComponentName["PricingPlanHeader"] = "PricingPlanHeader";
+    ComponentName["PricingPlanProduct"] = "PricingPlanProduct";
+    ComponentName["PricingPlanExtra"] = "PricingPlanExtra";
+    ComponentName["PricingPlanFooter"] = "PricingPlanfooter";
+    ComponentName["PricingPlanSticker"] = "PricingPlanSticker";
+    ComponentName["PricingPlanPrice"] = "PricingPlanPrice";
+    ComponentName["PricingTable"] = "PricingTable";
+    ComponentName["PricingTableExtra"] = "PricingTableExtra";
+    ComponentName["ProductTour"] = "ProductTour";
+    ComponentName["Progress"] = "Progress";
+    ComponentName["ProgressItem"] = "ProgressItem";
+    ComponentName["ProgressRadial"] = "ProgressRadial";
+    ComponentName["ProgressRadialItem"] = "ProgressRadialItem";
+    ComponentName["Otp"] = "Otp";
+    ComponentName["Radio"] = "Radio";
+    ComponentName["RadioList"] = "RadioList";
+    ComponentName["RadioTiles"] = "RadioTiles";
+    ComponentName["RadioTile"] = "RadioTile";
+    ComponentName["Rows"] = "Rows";
+    ComponentName["Row"] = "Row";
+    ComponentName["ScrollView"] = "ScrollView";
+    ComponentName["Section"] = "Section";
+    ComponentName["Select"] = "Select";
+    ComponentName["SelectOption"] = "SelectOption";
+    ComponentName["SelectorIOtem"] = "SelectorIOtem";
+    ComponentName["Spacer"] = "Spacer";
+    ComponentName["SpacerSize"] = "SpacerSize";
+    ComponentName["StatusIcon"] = "StatusIcon";
+    ComponentName["Stepper"] = "Stepper";
+    ComponentName["StepperStep"] = "StepperStep";
+    ComponentName["Step"] = "Step";
+    ComponentName["StepperStepMarkup"] = "StepperStepMarkup";
+    ComponentName["Sticker"] = "Sticker";
+    ComponentName["StickerVariant"] = "StickerVariant";
+    ComponentName["StickerMarkup"] = "StickerMarkup";
+    ComponentName["Switch"] = "Switch";
+    ComponentName["Table"] = "Table";
+    ComponentName["TableHead"] = "TableHead";
+    ComponentName["TableBody"] = "TableBody";
+    ComponentName["TableTr"] = "TableTr";
+    ComponentName["TableTh"] = "TableTh";
+    ComponentName["TableTd"] = "TableTd";
+    ComponentName["Tabs"] = "Tabs";
+    ComponentName["Tab"] = "Tab";
+    ComponentName["TabList"] = "TabList";
+    ComponentName["TabPanel"] = "TabPanel";
+    ComponentName["TabPanels"] = "TabPanels";
+    ComponentName["Tag"] = "Tag";
+    ComponentName["TagVariant"] = "TagVariant";
+    ComponentName["TagList"] = "TagList";
+    ComponentName["Text"] = "Text";
+    ComponentName["TextIcon"] = "TextIcon";
+    ComponentName["TextLevels"] = "TextLevels";
+    ComponentName["TextMarkup"] = "TextMarkup";
+    ComponentName["TextIconMarkup"] = "TextIconMarkup";
+    ComponentName["Textarea"] = "Textarea";
+    ComponentName["Timeline"] = "Timeline";
+    ComponentName["TimelineItem"] = "TimelineItem";
+    ComponentName["TimelineContent"] = "TimelineContent";
+    ComponentName["TimelineMarker"] = "TimelineMarker";
+    ComponentName["Title"] = "Title";
+    ComponentName["ToasterProvider"] = "ToasterProvider";
+    ComponentName["ToolbarSpace"] = "ToolbarSpace";
+    ComponentName["ToolbarItem"] = "ToolbarItem";
+    ComponentName["ToolbarGroup"] = "ToolbarGroup";
+    ComponentName["View"] = "View";
+    ComponentName["SenderEnum"] = "SenderEnum";
+    ComponentName["SegmentControl"] = "SegmentControl";
+    ComponentName["SegmentControlItem"] = "SegmentControlItem";
+    ComponentName["Alert"] = "Alert";
+    ComponentName["Chips"] = "Chips";
+    ComponentName["ChipsList"] = "ChipsList";
+    ComponentName["Range"] = "Range";
+})(ComponentName || (ComponentName = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW51bXNDb21wb25lbnRzTmFtZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL2NvbXBvbmVudHMvZW51bXNDb21wb25lbnRzTmFtZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQSxNQUFNLENBQU4sSUFBWSxhQWtLWDtBQWxLRCxXQUFZLGFBQWE7SUFDdkIsd0NBQXVCLENBQUE7SUFDdkIsZ0RBQStCLENBQUE7SUFDL0Isb0RBQW1DLENBQUE7SUFDbkMsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0IsMENBQXlCLENBQUE7SUFDekIsd0RBQXVDLENBQUE7SUFDdkMsNENBQTJCLENBQUE7SUFDM0IsZ0NBQWUsQ0FBQTtJQUNmLDBEQUF5QyxDQUFBO0lBQ3pDLDBDQUF5QixDQUFBO0lBQ3pCLDRCQUFXLENBQUE7SUFDWCx3Q0FBdUIsQ0FBQTtJQUN2QixvQ0FBbUIsQ0FBQTtJQUNuQiw0Q0FBMkIsQ0FBQTtJQUMzQix3Q0FBdUIsQ0FBQTtJQUN2QiwwQ0FBeUIsQ0FBQTtJQUN6Qix3Q0FBdUIsQ0FBQTtJQUN2Qix3REFBdUMsQ0FBQTtJQUN2QywwQ0FBeUIsQ0FBQTtJQUN6QixrREFBaUMsQ0FBQTtJQUNqQyxrQ0FBaUIsQ0FBQTtJQUNqQiwwQ0FBeUIsQ0FBQTtJQUN6QixnREFBK0IsQ0FBQTtJQUMvQiw4Q0FBNkIsQ0FBQTtJQUM3QiwwQ0FBeUIsQ0FBQTtJQUN6Qiw4QkFBYSxDQUFBO0lBQ2Isd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0IsMENBQXlCLENBQUE7SUFDekIsc0NBQXFCLENBQUE7SUFDckIsOENBQTZCLENBQUE7SUFDN0IsZ0RBQStCLENBQUE7SUFDL0IsOENBQTZCLENBQUE7SUFDN0Isb0NBQW1CLENBQUE7SUFDbkIsa0NBQWlCLENBQUE7SUFDakIsd0NBQXVCLENBQUE7SUFDdkIsNENBQTJCLENBQUE7SUFDM0Isd0NBQXVCLENBQUE7SUFDdkIsb0NBQW1CLENBQUE7SUFDbkIs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

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { FabProps } from './FabProps';
+/**
+ * Fab Component - Floating Button Action
+ * @param children {ReactNode} Text for fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param className {string} Additional CSS Classes (only web)
+ * @param fixed {boolean} position fixed,true by dyfault
+ * @param top {number} position top
+ * @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: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<HTMLButtonElement>>;
+export default Fab;

package/lib/components/fab/Fab.js

@@ -1,11 +1,13 @@
-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 { ComponentName } from '../enumsComponentsName';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var context_1 = require("../../context");
+var helpers_1 = require("../../helpers");
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var icon_1 = require("../../components/icon");
+var services_1 = require("../../services");
+var enumsComponentsName_1 = require("../enumsComponentsName");
 /**
  * Fab Component - Floating Button Action
  * @param children {ReactNode} Text for fab button
@@ -22,11 +24,11 @@ import { ComponentName } from '../enumsComponentsName';
  * @param disabled {boolean} disabled button
  * @param testId {string} Test Id for Test Integration
  **/
-var Fab = React.forwardRef(function (_a, ref) {
-    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 () {
+var Fab = react_1.default.forwardRef(function (_a, ref) {
+    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 = tslib_1.__rest(_a, ["children", "extended", "iconName", "accessibilityLabel", "onClick", "className", "id", "fixed", "top", "bottom", "left", "right", "disabled"]);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    var _c = tslib_1.__read((0, react_1.useState)(extended || false), 2), isExtended = _c[0], setIsExtended = _c[1];
+    (0, react_1.useEffect)(function () {
         setIsExtended(extended || false);
     }, [isExtended]);
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -41,14 +43,14 @@ var Fab = React.forwardRef(function (_a, ref) {
         : {
             position: 'relative',
         };
-    var _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
-    return (React.createElement("button", __assign({ ref: ref, id: id, disabled: disabled, "aria-label": accessibilityLabel, onClick: function (e) {
+    var _className = (0, helpers_1.hashClass)(styled, (0, clsx_1.default)('fab', extended && (0, services_1.is)('extended'), className));
+    return (react_1.default.createElement("button", tslib_1.__assign({ ref: ref, 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 }),
-        React.createElement(Icon, { name: iconName }),
+        }, style: tslib_1.__assign({}, positionStyle) }, others, { className: _className }),
+        react_1.default.createElement(icon_1.Icon, { name: iconName }),
         children));
 });
-Fab.displayName = ComponentName.Fab;
-export default Fab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7OztJQWVJO0FBQ0osSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUIsVUFBQyxFQWUvQyxFQUFFLEdBQUc7SUFkSixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZHFDLCtJQWUvQyxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF3QyxDQUFBO0lBRXhFLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVoQiw4REFBOEQ7SUFDOUQsSUFBTSxhQUFhLEdBQ2pCLEdBQUcsSUFBSSxNQUFNLElBQUksSUFBSSxJQUFJLEtBQUs7UUFDNUIsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1lBQ3RDLEdBQUcsRUFBRSxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxNQUFNO1lBQ2xCLE1BQU0sRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxNQUFNO1lBQ3hCLElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxNQUFNO1lBQ3BCLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxNQUFNO1NBQ3ZCO1FBQ0gsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLFVBQVU7U0FDckIsQ0FBQTtJQUVQLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFeEYsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxnQkFDTixrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsS0FBSyxlQUFPLGFBQWEsS0FDckIsTUFBTSxJQUNWLFNBQVMsRUFBRSxVQUFVO1FBRXJCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBb0IsR0FBSTtRQUNuQyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==
+Fab.displayName = enumsComponentsName_1.ComponentName.Fab;
+exports.default = Fab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxxREFBa0Q7QUFDbEQscUNBQTZDO0FBRTdDLHFDQUFxQztBQUNyQyxzREFBdUI7QUFDdkIsMENBQWtEO0FBQ2xELHVDQUErQjtBQUMvQiw4REFBc0Q7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7OztJQWVJO0FBQ0osSUFBTSxHQUFHLEdBQUcsZUFBSyxDQUFDLFVBQVUsQ0FBbUIsVUFBQyxFQWUvQyxFQUFFLEdBQUc7SUFkSixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLHNCQWRxQywrSUFlL0MsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLElBQUEsMkJBQWlCLEdBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLGVBQThCLElBQUEsZ0JBQVEsRUFBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF3QyxDQUFBO0lBRXhFLElBQUEsaUJBQVMsRUFBQztRQUNSLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVoQiw4REFBOEQ7SUFDOUQsSUFBTSxhQUFhLEdBQ2pCLEdBQUcsSUFBSSxNQUFNLElBQUksSUFBSSxJQUFJLEtBQUs7UUFDNUIsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1lBQ3RDLEdBQUcsRUFBRSxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxNQUFNO1lBQ2xCLE1BQU0sRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxNQUFNO1lBQ3hCLElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxNQUFNO1lBQ3BCLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxNQUFNO1NBQ3ZCO1FBQ0gsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLFVBQVU7U0FDckIsQ0FBQTtJQUVQLElBQU0sVUFBVSxHQUFHLElBQUEsbUJBQVMsRUFBQyxNQUFNLEVBQUUsSUFBQSxjQUFJLEVBQUMsS0FBSyxFQUFFLFFBQVEsSUFBSSxJQUFBLGFBQUUsRUFBQyxVQUFVLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRXhGLE9BQU8sQ0FDTCwyREFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsZ0JBQ04sa0JBQWtCLEVBQzlCLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUcsQ0FBQyxDQUFDLENBQUE7WUFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7UUFDckIsQ0FBQyxFQUNELEtBQUssdUJBQU8sYUFBYSxLQUNyQixNQUFNLElBQ1YsU0FBUyxFQUFFLFVBQVU7UUFFckIsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxRQUFvQixHQUFJO1FBQ25DLFFBQVEsQ0FDRixDQUNWLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLEdBQUcsQ0FBQyxXQUFXLEdBQUcsbUNBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsa0JBQWUsR0FBRyxDQUFBIn0=

package/lib/components/fab/Fab.mjs

@@ -0,0 +1,54 @@
+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 { ComponentName } from '../enumsComponentsName';
+/**
+ * Fab Component - Floating Button Action
+ * @param children {ReactNode} Text for fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param className {string} Additional CSS Classes (only web)
+ * @param fixed {boolean} position fixed,true by dyfault
+ * @param top {number} position top
+ * @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
+ **/
+var Fab = React.forwardRef(function (_a, ref) {
+    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
+    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: 'relative',
+        };
+    var _className = hashClass(styled, clsx('fab', extended && is('extended'), className));
+    return (React.createElement("button", __assign({ ref: ref, 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 }),
+        React.createElement(Icon, { name: iconName }),
+        children));
+});
+Fab.displayName = ComponentName.Fab;
+export default Fab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9mYWIvRmFiLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsSUFBSSxFQUFZLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7Ozs7OztJQWVJO0FBQ0osSUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBbUIsVUFBQyxFQWUvQyxFQUFFLEdBQUc7SUFkSixJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixhQUFZLEVBQVosS0FBSyxtQkFBRyxJQUFJLEtBQUEsRUFDWixHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBZHFDLCtJQWUvQyxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQThCLFFBQVEsQ0FBVSxRQUFRLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsVUFBVSxRQUFBLEVBQUUsYUFBYSxRQUF3QyxDQUFBO0lBRXhFLFNBQVMsQ0FBQztRQUNSLGFBQWEsQ0FBQyxRQUFRLElBQUksS0FBSyxDQUFDLENBQUE7SUFDbEMsQ0FBQyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVoQiw4REFBOEQ7SUFDOUQsSUFBTSxhQUFhLEdBQ2pCLEdBQUcsSUFBSSxNQUFNLElBQUksSUFBSSxJQUFJLEtBQUs7UUFDNUIsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxVQUFVO1lBQ3RDLEdBQUcsRUFBRSxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxNQUFNO1lBQ2xCLE1BQU0sRUFBRSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxNQUFNO1lBQ3hCLElBQUksRUFBRSxJQUFJLGFBQUosSUFBSSxjQUFKLElBQUksR0FBSSxNQUFNO1lBQ3BCLEtBQUssRUFBRSxLQUFLLGFBQUwsS0FBSyxjQUFMLEtBQUssR0FBSSxNQUFNO1NBQ3ZCO1FBQ0gsQ0FBQyxDQUFDO1lBQ0UsUUFBUSxFQUFFLFVBQVU7U0FDckIsQ0FBQTtJQUVQLElBQU0sVUFBVSxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFeEYsT0FBTyxDQUNMLHlDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsRUFDTixRQUFRLEVBQUUsUUFBUSxnQkFDTixrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtZQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUNyQixDQUFDLEVBQ0QsS0FBSyxlQUFPLGFBQWEsS0FDckIsTUFBTSxJQUNWLFNBQVMsRUFBRSxVQUFVO1FBRXJCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBb0IsR0FBSTtRQUNuQyxRQUFRLENBQ0YsQ0FDVixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixHQUFHLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxHQUFHLENBQUE7QUFDbkMsZUFBZSxHQUFHLENBQUEifQ==

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

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { TouchableOpacity } from "react-native";
+import { FabProps } from "./FabProps";
+/**
+ * Fab Native Component
+ * @param children {string} label fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param top {number} position top
+ * @param left {number} position left
+ * @param bottom {number} position bottom
+ * @param right {number} position right
+ * @param disabled {boolean} disabled button
+ */
+declare const Fab: React.ForwardRefExoticComponent<FabProps & React.RefAttributes<TouchableOpacity>>;
+export default Fab;

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

@@ -1,9 +1,12 @@
-import * as React from "react";
-import { StyleSheet, TouchableOpacity } from "react-native";
-import { Alignable, getColorStyle, TrilogyColor, TypographyBold, TypographyColor } from "../../objects";
-import { Icon, IconColor, IconSize } from "../../components/icon";
-import { ComponentName } from "../../components/enumsComponentsName";
-import { Text } from "../../components/text";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
+var objects_1 = require("../../objects");
+var icon_1 = require("../../components/icon");
+var enumsComponentsName_1 = require("../../components/enumsComponentsName");
+var text_1 = require("../../components/text");
 /**
  * Fab Native Component
  * @param children {string} label fab button
@@ -19,9 +22,9 @@ import { Text } from "../../components/text";
  */
 var Fab = React.forwardRef(function (_a, ref) {
     var children = _a.children, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, extended = _a.extended, onClick = _a.onClick, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, testId = _a.testId;
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         button: {
-            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            backgroundColor: (0, objects_1.getColorStyle)(objects_1.TrilogyColor.MAIN),
             justifyContent: "center",
             alignItems: "center",
             borderRadius: 16,
@@ -55,10 +58,10 @@ var Fab = React.forwardRef(function (_a, ref) {
             height: 56,
         },
     });
-    return (React.createElement(TouchableOpacity, { ref: ref, 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, { 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 }))));
+    return (React.createElement(react_native_1.TouchableOpacity, { ref: ref, 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_1.Icon, { name: iconName, color: icon_1.IconColor.WHITE, size: icon_1.IconSize.MEDIUM, align: objects_1.Alignable.ALIGNED_CENTER }),
+        React.createElement(text_1.Text, { style: styles.label, typo: [objects_1.TypographyColor.TEXT_WHITE, objects_1.TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, children))) : (React.createElement(icon_1.Icon, { name: iconName, color: icon_1.IconColor.WHITE, size: icon_1.IconSize.MEDIUM, align: objects_1.Alignable.ALIGNED_CENTER }))));
 });
-Fab.displayName = ComponentName.Fab;
-export default Fab;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBSSxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBWXpDLEVBQUUsR0FBRztRQVhKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsU0FBUyxFQUFFLEVBQUU7WUFDYixNQUFNLEVBQUUs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
+Fab.displayName = enumsComponentsName_1.ComponentName.Fab;
+exports.default = Fab;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1EQUE4QjtBQUM5Qiw2Q0FBMkQ7QUFFM0QscUNBQW1HO0FBQ25HLDBDQUF1RTtBQUN2RSx3RUFBZ0U7QUFDaEUsMENBQXdDO0FBRXhDOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sR0FBRyxHQUFJLEtBQUssQ0FBQyxVQUFVLENBQXlCLFVBQUMsRUFZekMsRUFBRSxHQUFHO1FBWEosUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLEdBQUcsU0FBQSxFQUNILE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQTtJQUVuQixJQUFNLE1BQU0sR0FBRyx5QkFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixlQUFlLEVBQUUsSUFBQSx1QkFBYSxFQUFDLHNCQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELGNBQWMsRUFBRSxRQUFRO1lBQ3hCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFlBQVksRUFBRSxFQUFFO1lBQ2hCLFNBQVMsRUFBRSxFQUFFO1lBQ2IsTUFBTSxFQUFFLE1BQU07WUFDZCxXQUFXLEVBQUUsTUFBTTtZQUNuQixZQUFZLEVBQUUsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxDQUFDLEVBQUU7WUFDckMsYUFBYSxFQUFFLEdBQUc7WUFDbEIsWUFBWSxFQUFFLENBQUM7WUFDZixTQUFTLEVBQUUsQ0FBQztZQUNaLFFBQVEsRUFBRSxHQUFHLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENB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

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

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { StyleSheet, TouchableOpacity } from "react-native";
+import { Alignable, getColorStyle, TrilogyColor, TypographyBold, TypographyColor } from "../../objects";
+import { Icon, IconColor, IconSize } from "../../components/icon";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { Text } from "../../components/text";
+/**
+ * Fab Native Component
+ * @param children {string} label fab button
+ * @param extended {boolean} extend fab button
+ * @param iconName {IconName | IconNameValues} name of icon
+ * @param accessibilityLabel {string} Accessibility label
+ * @param onClick {ClickEvent} onClick Event
+ * @param top {number} position top
+ * @param left {number} position left
+ * @param bottom {number} position bottom
+ * @param right {number} position right
+ * @param disabled {boolean} disabled button
+ */
+var Fab = React.forwardRef(function (_a, ref) {
+    var children = _a.children, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, extended = _a.extended, onClick = _a.onClick, top = _a.top, bottom = _a.bottom, left = _a.left, right = _a.right, disabled = _a.disabled, testId = _a.testId;
+    var styles = StyleSheet.create({
+        button: {
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: 16,
+            minHeight: 56,
+            height: "auto",
+            shadowColor: "#000",
+            shadowOffset: { width: 0, height: 3 },
+            shadowOpacity: 0.2,
+            shadowRadius: 6,
+            elevation: 3,
+            position: top || bottom || left || right ? "absolute" : "relative",
+            top: top ? top : "auto",
+            right: right ? right : "auto",
+            left: left ? left : "auto",
+            bottom: bottom ? bottom : "auto",
+            width: extended ? "auto" : 60,
+            flexDirection: "row",
+            zIndex: 999,
+        },
+        label: {
+            marginTop: "auto",
+            marginBottom: "auto",
+            marginLeft: 10,
+            marginRight: 16,
+        },
+        icon: {
+            marginLeft: extended ? 16 : 0,
+            marginRight: extended ? 8 : 0,
+        },
+        extended: {
+            height: 56,
+        },
+    });
+    return (React.createElement(TouchableOpacity, { ref: ref, 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, { 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZmFiL0ZhYi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDbkcsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDdkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLEdBQUcsR0FBSSxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBWXpDLEVBQUUsR0FBRztRQVhKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxHQUFHLFNBQUEsRUFDSCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUE7SUFFbkIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixlQUFlLEVBQUUsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDakQsY0FBYyxFQUFFLFFBQVE7WUFDeEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsWUFBWSxFQUFFLEVBQUU7WUFDaEIsU0FBUyxFQUFFLEVBQUU7WUFDYixNQUFNLEVBQUUs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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { IconName, IconNameValues } from "../../components/icon";
+import { Accessibility, Clickable, Dev } from "../../objects";
+import { DimensionValue, type TouchableOpacity } from "react-native";
+import { CommonProps } from '../../objects/facets/CommonProps';
+/**
+ * Fab Interface
+ */
+export interface FabProps extends Accessibility, Clickable, Dev, CommonProps {
+    children: string | React.ReactNode;
+    extended?: boolean;
+    iconName: IconName | IconNameValues;
+    fixed?: boolean;
+    top?: DimensionValue | number | undefined;
+    bottom?: DimensionValue | number | undefined;
+    left?: DimensionValue | number | undefined;
+    right?: DimensionValue | number | undefined;
+    disabled?: boolean;
+}
+export type FabRef = HTMLButtonElement;
+export type FabNativeRef = TouchableOpacity;

package/lib/components/fab/FabProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmFiUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZhYi9GYWJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/fab/FabProps.mjs

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

package/lib/components/fab/index.d.mts

@@ -0,0 +1,2 @@
+import Fab from "./Fab";
+export { Fab };

package/lib/components/fab/index.js

@@ -1,3 +1,7 @@
-import Fab from "./Fab";
-export { Fab };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZhYi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFFdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fab = void 0;
+var tslib_1 = require("tslib");
+var Fab_1 = tslib_1.__importDefault(require("./Fab"));
+exports.Fab = Fab_1.default;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZhYi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsc0RBQXVCO0FBRWQsY0FGRixhQUFHLENBRUUifQ==

package/lib/components/fab/index.mjs

@@ -0,0 +1,3 @@
+import Fab from "./Fab";
+export { Fab };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2ZhYi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEdBQUcsTUFBTSxPQUFPLENBQUE7QUFFdkIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFBIn0=

package/lib/components/flex-box/FlexBox.d.mts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FlexBoxProps } from './FlexBoxProps';
+/**
+ * @beta
+ * FlexBox component
+ * @param children {React.ReactNode} Box child
+ * @param className {string} Additional css classes
+ * @param id {string} Id attribute
+ * @param gap {number | { mobile?: number; tablet?: number; desktop?: number }} Gap between children
+ * @param direction { 'row' | 'column' | 'row-reverse' | 'column-reverse' | { mobile?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; tablet?: 'row' | 'column' | 'row-reverse' | 'column-reverse'; desktop?: 'row' | 'column' | 'row-reverse' | 'column-reverse' } } Flex direction
+ * @param align { 'start' | 'end' | 'center' | 'stretch' | 'baseline' } Align items
+ * @param justify { 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly' } Justify content
+ * @param scrollable {boolean} scrollable mode (overflow-x: auto)
+ * @param fullheight {boolean} Full height (height: 100%)
+ */
+declare const FlexBox: React.ForwardRefExoticComponent<FlexBoxProps & React.RefAttributes<HTMLDivElement>>;
+export default FlexBox;