* refactor: extend Overrides for MuiSkeleton
Looking at the types provided with `@material-ui/core`, it is indeed
missing `MuiSkeleton`. I'm not sure why. I found this issues upstream: https://github.com/mui/material-ui/issues/24959
I also tried upgrading the package to the latest - 4.12.4 I believe but
that didn't fix it either.
I resorted to extending the `Overrides` type based on what I saw in the
most recent version of the declaration file. This is a temporary fix but
opts back in to type safety instead of resorting to `@ts-ignore`.
* formatting
* chore(deps): upgrade @material-ui/core to 4.12.4
This is the latest version which includes a fix for the warning we were
seeing while running our tests about `css` function being deprecated.
* refactor: use alpha() instead of fade
`fade()` was deprecated in favor of `alpha()` in a previous version of
`@material-ui/core/styles`.
* refactor: rows -> minRows
This was deprecated in a previous version of `@material-ui/core`.
* refactor: overlap circle -> circular
overlap="circle" was deprecated in favor of overlap="circular".
* refactor: createMuiTheme -> createTheme
This was deprecated and changed to `createTheme`.
* fixup!: chore(deps): upgrade @material-ui/core to 4.12.4
* fixup!: refactor: createMuiTheme -> createTheme
* fix: add SvgIconProps on icons
I couldn't find any release notes or breaking changes related to this
but it seems `props` can no longer be inferred on `SvgIcon`s so I had to
manually add the type.
* Revert "refactor: rows -> minRows"
This reverts commit 94dae6fea8.
* chore(deps): downgrade @material-ui/core to 4.12.0
* fixup!: fix: add SvgIconProps on icons
* fix: pass {} to useStyles
Looks like we may need to pass an empty object if some components in a
file use `props` in styles and some don't.
* fix: update types in Pill.tsx
We need to use generics so that `makeStyles` correctly infers the types
for the `Pill.tsx` styles.
I also updated the types to use `PillProps` directly to make sure they
stay in sync.
* Use darker colors in the dashboard
I think this looks a bit nicer. It's pretty subjective, but right now
we sit in-between a light and a dark mode, but more on the dark side.
This essentially transforms us into a dark mode.
* Add icons to workspaces rows and apge
* Add narrowed navbar to tighten up design
* Swap gray[3] for gray[4]
* Tweak overrides - should not cause visual change
* Use closest color for avatar
* Change hover color of contained buttons
* Change nav item color (matches avatar now)
* Format
* Use lighter border for contained button hover
This looks more clickable than lightening the background
* Delete unused component
* Make dropdown arrow consistent
Same up as down. Contrast text everywhere except nav, where it matches links and avatar.
* No need to fade right arrows
* Add hover color
* Consistent box shadows
* Format
* Delete unused DialogSearch
* Deleting unused button types to avoid confusion
* Use disabled arrow on disabled action buttons
* Extract reusable Pill component
* Make icon optional
* Get pills in place
* Rough styling
* Extract Expander component
* Fix alignment
* Put it in action - type error
* Hide banner by default
* Use generated type
* Move PaletteIndex type
* Tweak colors
* Format, another color tweak
* Add stories
* Add tests
* Update site/src/components/Pill/Pill.tsx
Co-authored-by: Kira Pilot <kira@coder.com>
* Update site/src/components/Pill/Pill.tsx
Co-authored-by: Kira Pilot <kira@coder.com>
* Comments
* Remove empty story, improve empty test
* Lint
Co-authored-by: Kira Pilot <kira@coder.com>
Bruno Quaresma