feat(system): add Separator primitive
This commit is contained in:
parent
da9beccd76
commit
8efa04f054
|
@ -31,6 +31,7 @@
|
|||
"@radix-ui/react-context-menu": "^0.1.6",
|
||||
"@radix-ui/react-dialog": "^0.1.7",
|
||||
"@radix-ui/react-dropdown-menu": "^0.1.6",
|
||||
"@radix-ui/react-separator": "^0.1.4",
|
||||
"@radix-ui/react-tooltip": "^0.1.7",
|
||||
"@radix-ui/react-visually-hidden": "^0.1.4",
|
||||
"@status-im/core": "^0.0.0",
|
||||
|
|
|
@ -0,0 +1 @@
|
|||
export { Separator } from './separator'
|
|
@ -0,0 +1,31 @@
|
|||
import { Root } from '@radix-ui/react-separator'
|
||||
|
||||
import { styled } from '~/src/styles/config'
|
||||
|
||||
export const Separator = styled(Root, {
|
||||
border: 'none',
|
||||
margin: 0,
|
||||
flexShrink: 0,
|
||||
backgroundColor: '$accent-7',
|
||||
cursor: 'default',
|
||||
|
||||
variants: {
|
||||
size: {
|
||||
'1': {
|
||||
'&[data-orientation="horizontal"]': {
|
||||
height: '1px',
|
||||
width: '100%',
|
||||
},
|
||||
|
||||
'&[data-orientation="vertical"]': {
|
||||
width: '1px',
|
||||
height: '100%',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
defaultVariants: {
|
||||
size: '1',
|
||||
},
|
||||
})
|
Loading…
Reference in New Issue