@learningpool/ui 1.7.0 → 1.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.js +1 -1
  2. package/components/navigation/MobileNavigation/MobileNavigationDrawerStyles.js +1 -1
  3. package/components/navigation/MobileNavigation/MobileNavigationSearchStyles.js +1 -1
  4. package/components/navigation/MobileNavigation/MobileNavigationStyles.js +2 -2
  5. package/package.json +1 -1
package/components/navigation/MobileNavigation/MobileNavigationAvatarStyles.js CHANGED
@@ -6,7 +6,7 @@ import { Avatar, Button, ListItemButton, Typography } from '../../../index';
6
6
  import { Drawer } from '@mui/material';
7
7
  import { styled } from '@mui/material/styles';
8
8
  import { animated } from '@react-spring/web';
9
- export var StyledSwipeableAvatar = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiPaper-root {\n color: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"], ["\n .MuiPaper-root {\n color: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"])), function (props) { return props.theme.palette.mode === 'dark'
9
+ export var StyledSwipeableAvatar = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n // Override the MUI default z-index of the Drawer component\n // to ensure that the drawer is always below the AppBar.\n z-index: ", ";\n\n .MuiPaper-root {\n color: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"], ["\n // Override the MUI default z-index of the Drawer component\n // to ensure that the drawer is always below the AppBar.\n z-index: ", ";\n\n .MuiPaper-root {\n color: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"])), function (props) { return props.theme.zIndex.appBar - 1; }, function (props) { return props.theme.palette.mode === 'dark'
10
10
  ? props.theme.palette.primary.contrastText
11
11
  : props.theme.palette.text.primary; });
12
12
  export var StyledBox = styled(animated.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n background-image: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n height: 100%;\n overflow: auto;\n padding: 15vh ", ";\n position: relative;\n"], ["\n background-color: ", ";\n background-image: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n height: 100%;\n overflow: auto;\n padding: 15vh ", ";\n position: relative;\n"])), function (props) { return props.theme.palette.mode === 'dark'
package/components/navigation/MobileNavigation/MobileNavigationDrawerStyles.js CHANGED
@@ -6,7 +6,7 @@ import { Box, List, ListItem, ListItemText, ListItemButton, Typography } from '.
6
6
  import { Drawer } from '@mui/material';
7
7
  import { styled } from '@mui/material/styles';
8
8
  import { animated } from '@react-spring/web';
9
- export var StyledSwipeableDrawer = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiPaper-root {\n background-color: ", ";\n background-image: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"], ["\n .MuiPaper-root {\n background-color: ", ";\n background-image: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"])), function (props) { return props.theme.palette.mode === 'dark'
9
+ export var StyledSwipeableDrawer = styled(Drawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n // Override the MUI default z-index of the Drawer component\n // to ensure that the drawer is always below the AppBar.\n z-index: ", ";\n\n .MuiPaper-root {\n background-color: ", ";\n background-image: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"], ["\n // Override the MUI default z-index of the Drawer component\n // to ensure that the drawer is always below the AppBar.\n z-index: ", ";\n\n .MuiPaper-root {\n background-color: ", ";\n background-image: ", ";\n height: 100vh;\n border: none;\n z-index: 1;\n }\n"])), function (props) { return props.theme.zIndex.appBar - 1; }, function (props) { return props.theme.palette.mode === 'dark'
10
10
  ? '#003366'
11
11
  : props.theme.palette.background.paper; }, function (props) { return props.theme.palette.mode === 'dark'
12
12
  ? 'none'
package/components/navigation/MobileNavigation/MobileNavigationSearchStyles.js CHANGED
@@ -5,7 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
5
5
  import { SwipeableDrawer, OutlinedInput, InputLabel } from '../../../index';
6
6
  import { styled } from '@mui/material/styles';
7
7
  import { animated } from '@react-spring/web';
8
- export var StyledSwipeableSearch = styled(SwipeableDrawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiPaper-root {\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 5px 8px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\n border: none;\n border-radius: 20px 20px 0 0;\n z-index: 1;\n }\n"], ["\n .MuiPaper-root {\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 5px 8px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\n border: none;\n border-radius: 20px 20px 0 0;\n z-index: 1;\n }\n"])));
8
+ export var StyledSwipeableSearch = styled(SwipeableDrawer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n // Override the MUI default z-index of the Drawer component\n // to ensure that the drawer is always below the AppBar.\n z-index: ", ";\n\n .MuiPaper-root {\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 5px 8px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\n border: none;\n border-radius: 20px 20px 0 0;\n z-index: 1;\n }\n"], ["\n // Override the MUI default z-index of the Drawer component\n // to ensure that the drawer is always below the AppBar.\n z-index: ", ";\n\n .MuiPaper-root {\n box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 5px 8px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\n border: none;\n border-radius: 20px 20px 0 0;\n z-index: 1;\n }\n"])), function (props) { return props.theme.zIndex.appBar - 1; });
9
9
  export var StyledBox = styled(animated.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n background-image: ", ";\n padding: ", ";\n height: 100%;\n"], ["\n background-color: ", ";\n background-image: ", ";\n padding: ", ";\n height: 100%;\n"])), function (props) { return props.theme.palette.mode === 'dark'
10
10
  ? '#003366'
11
11
  : props.theme.palette.background.paper; }, function (props) { return props.theme.palette.mode === 'dark'
package/components/navigation/MobileNavigation/MobileNavigationStyles.js CHANGED
@@ -10,9 +10,9 @@ export var DRAWER_WIDTH = {
10
10
  Collapsed: 60,
11
11
  Expanded: 300
12
12
  };
13
- export var StyledPaper = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n background-image: none;\n border-radius: 0;\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n z-index: 1000000000;\n"], ["\n background-color: ", ";\n background-image: none;\n border-radius: 0;\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n z-index: 1000000000;\n"])), function (props) { return props.theme.palette.mode === 'dark'
13
+ export var StyledPaper = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n background-image: none;\n border-radius: 0;\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n z-index: ", ";\n"], ["\n background-color: ", ";\n background-image: none;\n border-radius: 0;\n bottom: 0;\n left: 0;\n position: fixed;\n right: 0;\n z-index: ", ";\n"])), function (props) { return props.theme.palette.mode === 'dark'
14
14
  ? props.theme.palette.primary.main
15
- : props.theme.palette.background.paper; });
15
+ : props.theme.palette.background.paper; }, function (props) { return props.theme.zIndex.appBar; });
16
16
  export var StyledNotchSVG = styled('svg', {
17
17
  shouldForwardProp: function (prop) { return prop !== 'mobileNotchPosition'; }
18
18
  })(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: block;\n fill: ", ";\n height: 50px;\n left: 0;\n padding: 0;\n position: absolute;\n stroke: transparent;\n top: -29px;\n transform: rotate(270deg);\n width: 50px;\n z-index: -1;\n"], ["\n display: block;\n fill: ", ";\n height: 50px;\n left: 0;\n padding: 0;\n position: absolute;\n stroke: transparent;\n top: -29px;\n transform: rotate(270deg);\n width: 50px;\n z-index: -1;\n"])), function (props) { return props.theme.palette.mode === 'dark'
package/package.json CHANGED
@@ -9,7 +9,7 @@
9
9
  "components",
10
10
  "ui"
11
11
  ],
12
- "version": "1.7.0",
12
+ "version": "1.7.1",
13
13
  "private": false,
14
14
  "main": "index.js",
15
15
  "module": "index.js",