Skip to content

Commit

Permalink
A bag of fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@vladmoroz
vladmoroz committed Feb 2, 2024
1 parent 821397b commit 3b27336
Show file tree
Hide file tree
Showing 37 changed files with 531 additions and 155 deletions.
16 changes: 8 additions & 8 deletions apps/playground/app/explore-components/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ import {
DataListRoot,
DataListItem,
DataListLabel,
DataListData,
DataListValue,
dataListPropDefs,
//
DialogRoot,
Expand Down Expand Up @@ -1617,15 +1617,15 @@ export default function ExploreComponents() {
<DataListRoot>
<DataListItem>
<DataListLabel width="200px">Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Occupation</DataListLabel>
<DataListData>Graphic Designer</DataListData>
<DataListValue>Graphic Designer</DataListValue>
</DataListItem>
</DataListRoot>
</Box>
Expand All @@ -1642,11 +1642,11 @@ export default function ExploreComponents() {
<DataListRoot orientation={orientation} my="3">
<DataListItem>
<DataListLabel>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand All @@ -1668,11 +1668,11 @@ export default function ExploreComponents() {
<DataListRoot size={size} my="3">
<DataListItem>
<DataListLabel>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand Down
53 changes: 25 additions & 28 deletions apps/playground/app/sink/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,6 @@ import {
Share2Icon,
InfoCircledIcon,
StarIcon,
StarFilledIcon,
MagicWandIcon,
Cross1Icon,
CodeIcon,
} from '@radix-ui/react-icons';
Expand Down Expand Up @@ -73,9 +71,8 @@ import {
DataListRoot,
DataListItem,
DataListLabel,
DataListData,
DataListValue,
dataListPropDefs,
dataListItemPropDefs,
dataListLabelPropDefs,
//
DialogRoot,
Expand Down Expand Up @@ -4856,33 +4853,33 @@ export default function Sink() {
<DataListRoot>
<DataListItem>
<DataListLabel width="200px">Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Status</DataListLabel>
<DataListData>
<DataListValue>
<Badge color="green" size="1" style={{ marginLeft: -2 }}>
Active
</Badge>
</DataListData>
</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Organization</DataListLabel>
<DataListData>
<DataListValue>
<Link href="https://workos.com">WorkOS</Link>
</DataListData>
</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Bio</DataListLabel>
<DataListData>
<DataListValue>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ac
nisl et libero ultricies viverra quis vitae quam. Proin a feugiat
metus.
</DataListData>
</DataListValue>
</DataListItem>
</DataListRoot>
</Box>
Expand All @@ -4899,11 +4896,11 @@ export default function Sink() {
<DataListRoot orientation={orientation} my="3">
<DataListItem>
<DataListLabel>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand All @@ -4925,11 +4922,11 @@ export default function Sink() {
<DataListRoot size={size} my="3">
<DataListItem>
<DataListLabel>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand Down Expand Up @@ -4962,11 +4959,11 @@ export default function Sink() {
<DataListRoot gap={gap} my="3">
<DataListItem>
<DataListLabel>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand All @@ -4982,11 +4979,11 @@ export default function Sink() {
<DataListRoot gapX={gapX} my="3">
<DataListItem>
<DataListLabel>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand All @@ -5002,11 +4999,11 @@ export default function Sink() {
<DataListRoot gapY={gapY} my="3">
<DataListItem>
<DataListLabel>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand Down Expand Up @@ -5045,11 +5042,11 @@ export default function Sink() {
<DataListRoot my="3">
<DataListItem>
<DataListLabel color={color}>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel color={color}>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand All @@ -5059,13 +5056,13 @@ export default function Sink() {
<DataListLabel highContrast color={color}>
Name
</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel highContrast color={color}>
Email
</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand Down Expand Up @@ -5099,11 +5096,11 @@ export default function Sink() {
<DataListRoot my="3">
<DataListItem>
<DataListLabel width={`${labelWidth}px`}>Name</DataListLabel>
<DataListData>Susan Kare</DataListData>
<DataListValue>Susan Kare</DataListValue>
</DataListItem>
<DataListItem>
<DataListLabel>Email</DataListLabel>
<DataListData>[email protected]</DataListData>
<DataListValue>[email protected]</DataListValue>
</DataListItem>
</DataListRoot>
</td>
Expand Down
Loading

0 comments on commit 3b27336

Please sign in to comment.