-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* start migrating the repo * create MikeTypography * rename folders. add palette * fix a few first components * CalendarItem styled * adjust barlegend styles * progress on component migration * progress on component migration * addjust Card, CatBarLegend, CollBox, GapBox to MUIv5 * migrate Loader to mui 5 * change subtitle color Card * migrate LegendBase to MUIv5 * migrate multifield * migrate ResizeHandle to Mui.5 * snackbar mui.5 * StaticLegend mui.5 * timestepPlayer mui.v5 * fix typography in theme * migrate theme story navbar mui.5 * fix styles further * further migrate theme overrides * update theme to Mui.5 * update deprecated storybook import * perf(Material-UI v.5): Update the components and the theme to Material-UI v.5 * fix linting * Update packages/react-components-lab/src/components/CalendarItem/CalendarItem.tsx Co-authored-by: rihr <[email protected]> * Update packages/react-components-lab/.storybook/preview.js Co-authored-by: rihr <[email protected]> * commit dist folder so it can be shared * bump package * accomodate theme to latest updates from mui4 main * update package version. fix themeProvider * remove commiting dist * update deps and theme * update version * switch primary and secondary colors * Add splash screen component and everything for it * use logo svg instead of png * feat: add splash screen (#319) Add splash screen component and everything for it * remove dhi logo file and use url. Publish new version * add margin to splash screen, change dhi log to url, and make image/button optional * release mui5 version 3.3 with splash screen improvements * remove static dhi logo * remove unused imports * fix workflow name and docs * update icons to use mui 5 * improve dev start script * fix compile error. Update packages versions and deps * fix types and linting errors * update peer deps for mui * upload peerDependencies version * update peerDeps Co-authored-by: rihr <[email protected]> Co-authored-by: DenizYil <[email protected]> Co-authored-by: DenizYil <[email protected]>
- Loading branch information
4 people
authored
Jul 22, 2022
1 parent
c6c74af
commit 24f268a
Showing
109 changed files
with
2,399 additions
and
2,468 deletions.
There are no files selected for viewing
2 changes: 1 addition & 1 deletion
2
.github/workflows/main-lab.yml → .github/workflows/main-lab-icons.yml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| name: CI - lab | ||
| name: CI - lab&icons | ||
| on: | ||
| push: | ||
| branches: | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
9 changes: 9 additions & 0 deletions
9
packages/react-components-lab/src/components/BarLegend/ImgLegend.styled.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,9 @@ | ||
| import { styled } from '@mui/material/styles'; | ||
|
|
||
| const ImgLegendStyled = styled('img')({ | ||
| width: '100%', | ||
| height: 6, | ||
| borderRadius: 4, | ||
| }); | ||
|
|
||
| export default ImgLegendStyled; |
9 changes: 0 additions & 9 deletions
9
packages/react-components-lab/src/components/BarLegend/styles.ts
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
57 changes: 57 additions & 0 deletions
57
packages/react-components-lab/src/components/CalendarItem/CalendarItem.styled.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,57 @@ | ||
| import React from 'react'; | ||
| import { Box } from '@mui/material'; | ||
| import { styled } from '@mui/material/styles'; | ||
| import { experimental_sx as sx } from '@mui/system'; | ||
| import { CalendarItemProps } from './types'; | ||
|
|
||
| const options = { | ||
| shouldForwardProp: (prop) => | ||
| prop !== 'disabled' || prop !== 'variant' || prop !== 'active', | ||
| }; | ||
|
|
||
| const CalendarItemBox = styled( | ||
| Box, | ||
| options | ||
| )<Partial<CalendarItemProps>>(({ disabled, variant, active }) => { | ||
| const getStyle = () => { | ||
| if (disabled) | ||
| return { | ||
| backgroundColor: 'mediumGrey.light', | ||
| color: 'mediumGrey.dark', | ||
| }; | ||
| if (variant === 'button' && !disabled) | ||
| return { | ||
| backgroundColor: active ? 'secondary.main' : 'mediumGrey.light', | ||
| color: active ? 'background.paper' : 'primary.main', | ||
| '&:hover': { | ||
| backgroundColor: active ? 'secondary.main' : 'mediumGrey.main', | ||
| }, | ||
| }; | ||
|
|
||
| if (variant === 'semi-button' && !disabled) | ||
| return { | ||
| backgroundColor: active ? 'secondary.main' : 'mediumGrey.light', | ||
| color: active ? 'background.paper' : 'primary.main', | ||
| '&:hover': { | ||
| backgroundColor: active ? 'secondary.main' : 'mediumGrey.main', | ||
| }, | ||
| }; | ||
|
|
||
| return {}; | ||
| }; | ||
|
|
||
| const stableCss = { | ||
| cursor: disabled ? 'default' : 'pointer', | ||
| borderRadius: 4, | ||
| minWidth: 42, | ||
| margin: '2px', | ||
| padding: '0px 7px', | ||
| textAlign: 'center', | ||
| flexGrow: 1, | ||
| ...getStyle(), | ||
| } as const; | ||
|
|
||
| return sx(stableCss); | ||
| }); | ||
|
|
||
| export default CalendarItemBox; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
41 changes: 0 additions & 41 deletions
41
packages/react-components-lab/src/components/CalendarItem/styles.ts
This file was deleted.
Oops, something went wrong.
17 changes: 17 additions & 0 deletions
17
packages/react-components-lab/src/components/Card/BoxDisabled.styled.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| import { styled } from '@mui/material/styles'; | ||
| import { Box } from '@mui/material'; | ||
| import { experimental_sx as sx } from '@mui/system'; | ||
|
|
||
| export default styled(Box)( | ||
| sx({ | ||
| position: 'absolute', | ||
| top: 0, | ||
| left: 0, | ||
| zIndex: 100, | ||
| borderRadius: 4, | ||
| backgroundColor: 'lightGrey.main', | ||
| width: '100%', | ||
| height: '100%', | ||
| opacity: 0.7, | ||
| }) | ||
| ); |
Oops, something went wrong.