@ainias42/react-bootstrap-mobile 1.0.6 → 1.0.7

package/dist/index.js

@@ -423,11 +423,21 @@ class ErrorBoundary extends Component {
 ;// ./src/Components/Flavor.ts
 var Flavor;
 (function (Flavor) {
-  Flavor["Accent"] = "flavor-accent";
-  Flavor["Basic"] = "flavor-basic";
-  Flavor["Destructive"] = "flavor-destructive";
-  Flavor["Constructive"] = "flavor-constructive";
+  Flavor["ACCENT"] = "flavorAccent";
+  Flavor["BASIC"] = "flavorBasic";
+  Flavor["DESTRUCTIVE"] = "flavorDestructive";
+  Flavor["CONSTRUCTIVE"] = "flavorConstructive";
 })(Flavor || (Flavor = {}));
+;// ./src/Components/FlavorWithText.ts
+
+var TextValues;
+(function (TextValues) {
+  TextValues["PRIMARY"] = "textPrimary";
+  TextValues["SECONDARY"] = "textSecondary";
+  TextValues["TERTIARY"] = "textTertiary";
+  TextValues["INVERSE"] = "textInverse";
+})(TextValues || (TextValues = {}));
+const FlavorWithText = Object.assign(Object.assign({}, TextValues), Flavor);
 ;// ./src/helper/Characters.ts
 const Characters = {
   NBSP: '\u00A0',
@@ -499,7 +509,7 @@ function useWindow() {
 
 ;// ./src/Components/Icon/icon.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const icon_module = ({"margin":"margin__Oq6ib","imgIcon":"imgIcon__B6ZP0","doubleIconContainer":"doubleIconContainer__TzWce","secondIcon":"secondIcon__YwXe_"});
+/* harmony default export */ const icon_module = ({"margin":"margin__Oq6ib","icon":"icon__p2egC","imgIcon":"imgIcon__B6ZP0","doubleIconContainer":"doubleIconContainer__TzWce","secondIcon":"secondIcon__YwXe_"});
 ;// ./src/Components/Icon/BaseIcon.tsx
 var BaseIcon_rest = undefined && undefined.__rest || function (s, e) {
   var t = {};
@@ -514,6 +524,7 @@ var BaseIcon_rest = undefined && undefined.__rest || function (s, e) {
 
 
 
+
 const BaseIcon = withMemo(function BaseIcon(_a) {
   // Variables
   var {
@@ -522,9 +533,10 @@ const BaseIcon = withMemo(function BaseIcon(_a) {
       className,
       noMargin = true,
       style,
-      ref
+      ref,
+      flavor = FlavorWithText.PRIMARY
     } = _a,
-    props = BaseIcon_rest(_a, ["icon", "alt", "className", "noMargin", "style", "ref"]);
+    props = BaseIcon_rest(_a, ["icon", "alt", "className", "noMargin", "style", "ref", "flavor"]);
   // States
   // Refs
   // Callbacks
@@ -538,7 +550,7 @@ const BaseIcon = withMemo(function BaseIcon(_a) {
     return createElement("img", {
       src: icon,
       alt: alt,
-      className: default_1(icon_module.imgIcon, className, {
+      className: default_1(icon_module.imgIcon, flavor, className, {
         [icon_module.margin]: !noMargin
       }),
       style: style,
@@ -547,7 +559,7 @@ const BaseIcon = withMemo(function BaseIcon(_a) {
   }
   return createElement(FontAwesomeIcon, Object.assign({}, props, {
     icon: icon,
-    className: default_1(className, {
+    className: default_1(icon_module.icon, flavor, className, {
       [icon_module.margin]: !noMargin
     }),
     style: style,
@@ -860,18 +872,18 @@ const Clickable = withMemo(function Clickable(_a) {
 });
 ;// ./src/Components/Layout/container.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const container_module = ({"container":"container__nH0mk","container-fluid":"container-fluid__RF6nb","containerFluid":"container-fluid__RF6nb","container-sm":"container-sm__f8vB5","containerSm":"container-sm__f8vB5","container-xs":"container-xs__cZw8O","containerXs":"container-xs__cZw8O","container-md":"container-md__8EKhQ","containerMd":"container-md__8EKhQ","container-lg":"container-lg__PVGcF","containerLg":"container-lg__PVGcF","container-xl":"container-xl__zGDg9","containerXl":"container-xl__zGDg9","container-xxl":"container-xxl__fE958","containerXxl":"container-xxl__fE958"});
+/* harmony default export */ const container_module = ({"container":"container__nH0mk","containerFluid":"containerFluid__ebYVF","containerSm":"containerSm__uSYxe","containerXs":"containerXs__oO19Y","containerMd":"containerMd__ZoTFr","containerLg":"containerLg__AXkVX","containerXl":"containerXl__vvtLm","containerXxl":"containerXxl__DYjnb"});
 ;// ./src/Components/Layout/Container.tsx
 
 
 
 
 const CONTAINER_CLASSES = {
-  sm: container_module['container-sm'],
-  md: container_module['container-md'],
-  lg: container_module['container-lg'],
-  xl: container_module['container-xl'],
-  xxl: container_module['container-xxl']
+  sm: container_module.containerSm,
+  md: container_module.containerMd,
+  lg: container_module.containerLg,
+  xl: container_module.containerXl,
+  xxl: container_module.containerXxl
 };
 const Container = withMemo(function Container({
   fluid,
@@ -956,7 +968,7 @@ const Flex = withMemo(function Flex(_a) {
 /* harmony default export */ const baseClasses_module = ({"fullHeight":"fullHeight__mOnJS","fullWidth":"fullWidth__a7NPL","flatHidden":"flatHidden__HzSI_","materialHidden":"materialHidden__PmvyJ"});
 ;// ./src/Components/ActionSheet/actionSheet.module.scss
 // extracted by mini-css-extract-plugin
-/* harmony default export */ const actionSheet_module = ({"actionSheet":"actionSheet__cs0Vt","open":"open__mZnwp","content":"content__iKqqg","title":"title__gukj3","action":"action__p3lv_","actionName":"actionName__ErBRd","cancel":"cancel__shM_7","full-height":"full-height__oHCKI","fullHeight":"full-height__oHCKI","actionIcon":"actionIcon__bFr3R","destructive":"destructive__wLoAD"});
+/* harmony default export */ const actionSheet_module = ({"actionSheet":"actionSheet__cs0Vt","open":"open__mZnwp","content":"content__iKqqg","title":"title__gukj3","action":"action__p3lv_","actionName":"actionName__ErBRd","cancel":"cancel__shM_7","fullHeight":"fullHeight__JsLol","actionIcon":"actionIcon__bFr3R","destructive":"destructive__wLoAD"});
 ;// ./src/Components/ActionSheet/ActionSheet.tsx
 
 
@@ -1129,7 +1141,7 @@ function ButtonDialog({
         className: default_1(buttonDialog_module.button),
         key: i + b.text
       }, createElement(tmp, {
-        className: default_1(buttonDialog_module.buttonText, (_a = b.flavor) !== null && _a !== void 0 ? _a : Flavor.Accent)
+        className: default_1(buttonDialog_module.buttonText, (_a = b.flavor) !== null && _a !== void 0 ? _a : Flavor.ACCENT)
       }, b.text))
     );
   })));
@@ -1989,10 +2001,10 @@ const DoubleIcon = withMemo(function DoubleIcon(_a) {
   // Refs
   var {
       secondIcon,
-      secondIconColor,
-      color
+      secondIconFlavor,
+      flavor
     } = _a,
-    otherProps = DoubleIcon_rest(_a, ["secondIcon", "secondIconColor", "color"]);
+    otherProps = DoubleIcon_rest(_a, ["secondIcon", "secondIconFlavor", "flavor"]);
   // States/Variables/Selectors
   // Dispatch
   // Callbacks
@@ -2002,12 +2014,12 @@ const DoubleIcon = withMemo(function DoubleIcon(_a) {
   return default_0.createElement(BaseInlineBlock, {
     className: icon_module.doubleIconContainer
   }, default_0.createElement(BaseIcon, Object.assign({}, otherProps, {
-    color: color
+    flavor: flavor
   })), default_0.createElement(BaseIcon, {
     icon: secondIcon,
     size: "xs",
     className: icon_module.secondIcon,
-    color: secondIconColor !== null && secondIconColor !== void 0 ? secondIconColor : color
+    flavor: secondIconFlavor !== null && secondIconFlavor !== void 0 ? secondIconFlavor : flavor
   }));
 });
 ;// ./src/Components/Title/hoverTitle.module.scss
@@ -2449,7 +2461,8 @@ const MenuItem = withMemo(function MenuItem(_a) {
   var {
       children,
       icon,
-      iconColor,
+      iconFlavor,
+      iconStyle,
       className,
       onClick,
       onMouseEnter,
@@ -2458,7 +2471,7 @@ const MenuItem = withMemo(function MenuItem(_a) {
       item,
       disabled = false
     } = _a,
-    props = MenuItem_rest(_a, ["children", "icon", "iconColor", "className", "onClick", "onMouseEnter", "onMouseLeave", "active", "item", "disabled"]);
+    props = MenuItem_rest(_a, ["children", "icon", "iconFlavor", "iconStyle", "className", "onClick", "onMouseEnter", "onMouseLeave", "active", "item", "disabled"]);
   // States/Variables/Selectors
   const close = useMenuClose();
   // Dispatch
@@ -2500,8 +2513,9 @@ const MenuItem = withMemo(function MenuItem(_a) {
     className: default_1(menu_module.itemChildren)
   }, !!icon && default_0.createElement(BaseIcon, {
     icon: icon,
-    color: iconColor,
-    className: menu_module.icon
+    flavor: iconFlavor,
+    className: menu_module.icon,
+    style: iconStyle
   }), childElements));
 }, 'text');
 ;// external "react-dom"
@@ -2626,15 +2640,15 @@ const Menu = withMemo(withRenderBrowserOnly(function Menu({
     ref: menuRef,
     __allowChildren: "all"
   }, items === null || items === void 0 ? void 0 : items.map(item => {
-    const icon = !!item.icon && typeof item.icon === 'object' && 'color' in item.icon ? item.icon.icon : item.icon;
-    const iconColor = !!item.icon && typeof item.icon === 'object' && 'color' in item.icon ? item.icon.color : undefined;
+    const icon = !!item.icon && typeof item.icon === 'object' && 'flavor' in item.icon ? item.icon.icon : item.icon;
+    const iconFlavor = !!item.icon && typeof item.icon === 'object' && 'flavor' in item.icon ? item.icon.flavor : undefined;
     return createElement(MenuItem, {
       key: item.key,
       onClick: item.callback,
       className: default_1(menu_module.item, item.className),
       onMouseEnter: item.onMouseEnter,
       icon: icon,
-      iconColor: iconColor,
+      iconFlavor: iconFlavor,
       onMouseLeave: item.onMouseLeave
     }, item.label);
   }), children)), portalContainer));
@@ -2741,7 +2755,7 @@ const Submenu = withMemo(function Submenu({
   children,
   label,
   icon,
-  iconColor,
+  iconFlavor,
   className,
   style,
   disabled = false,
@@ -2806,7 +2820,7 @@ const Submenu = withMemo(function Submenu({
     horizontal: true
   }, !!icon && default_0.createElement(BaseIcon, {
     icon: icon,
-    color: iconColor,
+    flavor: iconFlavor,
     className: menu_module.icon
   }), default_0.createElement(Grow, null, default_0.createElement(tmp, null, label)), default_0.createElement(BaseIcon, {
     icon: faChevronRight
@@ -3669,7 +3683,7 @@ const Button = withTitle(function Button(_a) {
       disabled,
       size,
       fullWidth = false,
-      flavor = Flavor.Accent,
+      flavor = Flavor.ACCENT,
       type = ButtonType.Primary,
       stopPropagation = true
     } = _a,
@@ -5610,6 +5624,7 @@ const GridItemMemo = withMemo(GridItem);
 
 
 
-export { ActionSheet, AlertDialog, BaseBlock, BaseIcon, BaseInlineBlock, Block, BreakpointNames, Breakpoints, Button, ButtonDialogMemo as ButtonDialog, ButtonType, CONTAINER_CLASSES, Card, Characters, Checkbox, Clickable, ColorInput, ColorInputController, ConfirmDialog, Container, DialogMemo as Dialog, DialogBackground, DialogContainer, DialogProvider, DoubleIcon, DragItemMemo as DragItem, DropArea, ErrorBoundary, FileInput, FileInputController, Flavor, Flex, FormError, FullScreen, Grid, GridItemMemo as GridItem, Grow, HeadingMemo as Heading, HiddenInput, HookForm, HoverMenu, HoverTitle, Icon, Image, InViewportMemo as InViewport, Inline, InlineBlock, Input, InputController, LoadingArea, LoadingCircle, MENU_CONTAINER_CLASS, Menu, MenuCloseContextProvider, MenuDivider, MenuItem, MoreButton, MultipleFileInput, MultipleFileInputController, PasswordInput, PasswordInputController, RESTRICT_CHILDREN, SearchSelectInput, Select, SelectController, SendFormContext, Size, SizeCalculatorMemo as SizeCalculator, Slider, SliderController, Spoiler, SpoilerList, Submenu, Switch, SwitchController, TEXT_PRIO, TEXT_SIZE, TabBar, TabBarButton, Table_tmp as Table, tmp as Text, Textarea, TextareaController, Toast, ToastContainerMemo as ToastContainer, ToastContext, TopBar, TopBarButton, View, ViewWithoutListeners, WindowContext, WrongChildError, memoComparator, nonEmptyString, treeshakeTest, useAlertDialog, useBreakpoint, useBreakpointSelect, useClientLayoutEffect, useComposedRef, useConfirmDialog, useDebounced, useDeepShallow, useDelayed, useDelayedEffect, useDelayedState, useDialog, useHoverMenu, useInViewport, useKeyListener, useKeyPressed, useKeyUpListener, useListener, useListenerWithExtractedProps, useMenu, useMenuClose, useMousePosition, useOnChangeDone, useOnMount, useOnce, useRerender, useSendFormContext, useSharedSelectedColor, useSpoilerGroup, useStrictEnabled, useToast, useWindow, useWindowDimensions, useYupResolver, withHookController, withMemo, withRenderBrowserOnly, withRestrictedChildren, withTitle };
+
+export { ActionSheet, AlertDialog, BaseBlock, BaseIcon, BaseInlineBlock, Block, BreakpointNames, Breakpoints, Button, ButtonDialogMemo as ButtonDialog, ButtonType, CONTAINER_CLASSES, Card, Characters, Checkbox, Clickable, ColorInput, ColorInputController, ConfirmDialog, Container, DialogMemo as Dialog, DialogBackground, DialogContainer, DialogProvider, DoubleIcon, DragItemMemo as DragItem, DropArea, ErrorBoundary, FileInput, FileInputController, Flavor, FlavorWithText, Flex, FormError, FullScreen, Grid, GridItemMemo as GridItem, Grow, HeadingMemo as Heading, HiddenInput, HookForm, HoverMenu, HoverTitle, Icon, Image, InViewportMemo as InViewport, Inline, InlineBlock, Input, InputController, LoadingArea, LoadingCircle, MENU_CONTAINER_CLASS, Menu, MenuCloseContextProvider, MenuDivider, MenuItem, MoreButton, MultipleFileInput, MultipleFileInputController, PasswordInput, PasswordInputController, RESTRICT_CHILDREN, SearchSelectInput, Select, SelectController, SendFormContext, Size, SizeCalculatorMemo as SizeCalculator, Slider, SliderController, Spoiler, SpoilerList, Submenu, Switch, SwitchController, TEXT_PRIO, TEXT_SIZE, TabBar, TabBarButton, Table_tmp as Table, tmp as Text, Textarea, TextareaController, Toast, ToastContainerMemo as ToastContainer, ToastContext, TopBar, TopBarButton, View, ViewWithoutListeners, WindowContext, WrongChildError, memoComparator, nonEmptyString, treeshakeTest, useAlertDialog, useBreakpoint, useBreakpointSelect, useClientLayoutEffect, useComposedRef, useConfirmDialog, useDebounced, useDeepShallow, useDelayed, useDelayedEffect, useDelayedState, useDialog, useHoverMenu, useInViewport, useKeyListener, useKeyPressed, useKeyUpListener, useListener, useListenerWithExtractedProps, useMenu, useMenuClose, useMousePosition, useOnChangeDone, useOnMount, useOnce, useRerender, useSendFormContext, useSharedSelectedColor, useSpoilerGroup, useStrictEnabled, useToast, useWindow, useWindowDimensions, useYupResolver, withHookController, withMemo, withRenderBrowserOnly, withRestrictedChildren, withTitle };
 
 //# sourceMappingURL=index.js.map