@ainias42/react-bootstrap-mobile 1.0.10 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ainias42/react-bootstrap-mobile",
-    "version": "1.0.10",
+    "version": "1.0.11",
     "description": "Mobile React Components",
     "publishConfig": {
         "access": "public"

package/src/Components/DesignProvider/DesignContext.ts

@@ -1,5 +1,5 @@
-import { createContext, useContext } from 'react';
 import { Design } from './Design';
+import { createContext, useContext } from 'react';
 
 export const DesignContext = createContext<Design>(Design.FLAT);
 

package/src/Components/Dialog/dialog.module.scss

@@ -24,7 +24,8 @@
   }
 
   .dialog {
-    max-width: map.get(variables.$gridBreakpoints, "xxl");
+    max-width: min(map.get(variables.$gridBreakpoints, "xxl"), 95%);
+    max-height: 95%;
     z-index: 1;
   }
 }

package/src/Components/FlavorWithText.ts

@@ -8,4 +8,4 @@ enum TextValues {
 }
 
 export type FlavorWithText = TextValues | Flavor
-export const FlavorWithText = {...TextValues, ...Flavor}
+export const FlavorWithText = {...TextValues, ...Flavor};

package/src/Components/Icon/BaseIcon.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { FlavorWithText } from '../FlavorWithText';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { withMemo } from '../../helper/withMemo';
 import classNames from 'classnames';
@@ -9,7 +10,6 @@ import type { IconProp } from '@fortawesome/fontawesome-svg-core';
 import type { Override } from '../../TypeHelpers';
 import type { RbmComponentProps } from '../RbmComponentProps';
 import type { Ref } from 'react';
-import { FlavorWithText } from '../FlavorWithText';
 
 export type IconSource = IconProp | string | IconDefinition;
 

package/src/Components/Icon/DoubleIcon.stories.tsx

@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { DoubleIcon } from './DoubleIcon';
-import { faHouse, faUser } from '@fortawesome/free-solid-svg-icons';
 import { FlavorWithText } from '../FlavorWithText';
+import { faHouse, faUser } from '@fortawesome/free-solid-svg-icons';
 
 const meta = {
     component: DoubleIcon,

package/src/Components/Icon/DoubleIcon.tsx

@@ -3,8 +3,8 @@ import { BaseInlineBlock } from '../Layout/BaseInlineBlock';
 import { withMemo } from '../../helper/withMemo';
 import React from 'react';
 import styles from './icon.module.scss';
+import type { FlavorWithText } from '../FlavorWithText';
 import type { IconProps, IconSource } from './BaseIcon';
-import { FlavorWithText } from '../FlavorWithText';
 
 export type DoubleIconProps = IconProps & {
     secondIcon: IconSource;

package/src/Components/Icon/Icon.stories.tsx

@@ -1,9 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
 import { BaseIcon } from './BaseIcon';
-import { faHouse, faUser } from '@fortawesome/free-solid-svg-icons';
 import { FlavorWithText } from '../FlavorWithText';
-import { DoubleIcon } from './DoubleIcon';
+import { faHouse, faUser } from '@fortawesome/free-solid-svg-icons';
 
 const meta = {
     component: BaseIcon,

package/src/Components/Menu/Menu.stories.tsx

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 
+import { FlavorWithText } from '../FlavorWithText';
 import { Menu } from './Menu';
 import { MenuDivider } from './MenuDivider';
 import { MenuItem } from './MenuItem';
@@ -8,7 +9,6 @@ import { faCog, faCogs, faHome, faUser } from '@fortawesome/free-solid-svg-icons
 import { fn } from 'storybook/test';
 import React from 'react';
 import type { MenuProps } from './Menu';
-import { FlavorWithText } from '../FlavorWithText';
 
 const meta = {
     component: Menu,

package/src/Components/Menu/Menu.tsx

@@ -10,9 +10,9 @@ import { withMemo } from '../../helper/withMemo';
 import { withRenderBrowserOnly } from '../../helper/withRenderBrowserOnly';
 import classNames from 'classnames';
 import styles from './menu.module.scss';
+import type { FlavorWithText } from '../FlavorWithText';
 import type { IconSource } from '../Icon/BaseIcon';
 import type { RbmComponentProps } from '../RbmComponentProps';
-import { FlavorWithText } from '../FlavorWithText';
 
 export type MenuItemType = {
     label: string;

package/src/Components/Menu/MenuItem.tsx

@@ -7,12 +7,12 @@ import { withMemo } from '../../helper/withMemo';
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 import styles from './menu.module.scss';
+import type { CSSProperties, ReactNode } from 'react';
 import type { IconSource } from '../Icon/BaseIcon';
 import type { RbmComponentProps, WithChildren } from '../RbmComponentProps';
-import type { CSSProperties, ReactNode } from 'react';
 
 import Element = React.JSX.Element;
-import { FlavorWithText } from '../FlavorWithText';
+import type { FlavorWithText } from '../FlavorWithText';
 
 export type MenuItemProps<Item = undefined> = RbmComponentProps<
     {

package/src/Components/Menu/Submenu.tsx

@@ -11,9 +11,9 @@ import { withMemo } from '../../helper/withMemo';
 import React, { useCallback, useRef, useState } from 'react';
 import classNames from 'classnames';
 import styles from './menu.module.scss';
+import type { FlavorWithText } from '../FlavorWithText';
 import type { IconSource } from '../Icon/BaseIcon';
 import type { RbmComponentProps, WithNoStringAndChildrenProps } from '../RbmComponentProps';
-import { FlavorWithText } from '../FlavorWithText';
 
 export type SubmenuProps = RbmComponentProps<
     {

package/src/Components/Title/Title.stories.tsx

@@ -1,5 +1,6 @@
 import { BaseIcon } from '../Icon/BaseIcon';
 import { Block } from '../Layout/Block';
+import { Flavor } from '../Flavor';
 import { HoverMenu } from '../Menu/HoverMenu';
 import { MenuDivider } from '../Menu/MenuDivider';
 import { MenuItem } from '../Menu/MenuItem';
@@ -10,7 +11,6 @@ import { fn } from 'storybook/test';
 import React from 'react';
 import type { HoverMenuProps } from '../Menu/HoverMenu';
 import type { StoryObj } from '@storybook/react-vite';
-import { Flavor } from '../Flavor';
 
 const meta = {
     args: {