kopia lustrzana https://github.com/Tldraw/Tldraw
48 wiersze
885 B
TypeScript
48 wiersze
885 B
TypeScript
import { RadioItem } from '@radix-ui/react-dropdown-menu'
|
|
import { styled } from '~styles/stitches.config'
|
|
|
|
export const DMRadioItem = styled(RadioItem, {
|
|
height: '32px',
|
|
width: '32px',
|
|
backgroundColor: '$panel',
|
|
borderRadius: '4px',
|
|
padding: '0',
|
|
margin: '0',
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
outline: 'none',
|
|
border: 'none',
|
|
pointerEvents: 'all',
|
|
cursor: 'pointer',
|
|
|
|
variants: {
|
|
isActive: {
|
|
true: {
|
|
backgroundColor: '$selected',
|
|
color: '$panel',
|
|
},
|
|
false: {},
|
|
},
|
|
bp: {
|
|
mobile: {},
|
|
small: {},
|
|
},
|
|
},
|
|
|
|
compoundVariants: [
|
|
{
|
|
isActive: false,
|
|
bp: 'small',
|
|
css: {
|
|
'&:focus': {
|
|
backgroundColor: '$hover',
|
|
},
|
|
'&:hover:not(:disabled)': {
|
|
backgroundColor: '$hover',
|
|
},
|
|
},
|
|
},
|
|
],
|
|
})
|