Redesign space/room creation panel (#2408)
* add new create room * rename create room modal file * default restrict access for space children in room create modal * move create room kind selector to components * add radii variant to sequence card component * more more reusable create room logic to components * add create space * update address input description * add new space modal * fix add room button visible on left room in space lobby
This commit is contained in:
parent
e9798a22c3
commit
faa952295f
33 changed files with 1637 additions and 53 deletions
|
|
@ -1,6 +1,6 @@
|
|||
import { ComplexStyleRule } from '@vanilla-extract/css';
|
||||
import { RecipeVariants, recipe } from '@vanilla-extract/recipes';
|
||||
import { ContainerColor as TContainerColor, DefaultReset, color } from 'folds';
|
||||
import { ContainerColor as TContainerColor, DefaultReset, color, config } from 'folds';
|
||||
|
||||
const getVariant = (variant: TContainerColor): ComplexStyleRule => ({
|
||||
vars: {
|
||||
|
|
@ -9,6 +9,20 @@ const getVariant = (variant: TContainerColor): ComplexStyleRule => ({
|
|||
outlineColor: color[variant].ContainerLine,
|
||||
color: color[variant].OnContainer,
|
||||
},
|
||||
selectors: {
|
||||
'button&[aria-pressed=true]': {
|
||||
backgroundColor: color[variant].ContainerActive,
|
||||
},
|
||||
'button&:hover, &:focus-visible': {
|
||||
backgroundColor: color[variant].ContainerHover,
|
||||
},
|
||||
'button&:active': {
|
||||
backgroundColor: color[variant].ContainerActive,
|
||||
},
|
||||
'button&[disabled]': {
|
||||
opacity: config.opacity.Disabled,
|
||||
},
|
||||
},
|
||||
});
|
||||
|
||||
export const ContainerColor = recipe({
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue