status-im/wakuconnect-chat-sdk
2
0
Fork 0
mirror of https://github.com/status-im/wakuconnect-chat-sdk.git synced 2025-01-23 10:30:58 +00:00
Code Issues Projects Releases Wiki Activity

feat(system): add Separator primitive

Browse Source
This commit is contained in:
Pavel Prichodko 2022-03-18 14:31:56 +01:00
parent da9beccd76
commit 8efa04f054
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
3 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/status-react/package.json
View File

@ -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",

1
packages/status-react/src/system/separator/index.tsx Normal file
View File

@ -0,0 +1 @@
export { Separator } from './separator'

31
packages/status-react/src/system/separator/separator.tsx Normal file
View File

@ -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',
},
})