@livepeer/design-system 0.0.0-beta.2 → 0.0.0-beta.5
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +13 -0
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +7 -12
- package/dist/index.js +6 -14
- package/package.json +6 -6
package/README.md
ADDED
@@ -0,0 +1,13 @@
|
|
1
|
+
# Documentation
|
2
|
+
|
3
|
+
Design system for Livepeer VS products
|
4
|
+
|
5
|
+
## Documentation
|
6
|
+
|
7
|
+
Visit [https://livepeer-design-system.vercel.app/](https://livepeer-design-system.vercel.app/) to view the design system reference components.
|
8
|
+
|
9
|
+
## Usage
|
10
|
+
|
11
|
+
```
|
12
|
+
yarn add @livepeer/design-system
|
13
|
+
```
|
package/dist/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export { Alert, Avatar, AvatarGroup, AvatarNestedItem, AspectRatio, Box, Checkbox, Code, Container, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Paragraph, Panel, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup,
|
1
|
+
export { Alert, Avatar, AvatarGroup, AvatarNestedItem, AspectRatio, Box, Checkbox, Code, Container, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Paragraph, Panel, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sup, Sub, TabLink, TextArea, Tooltip, TreeItem, VerifiedBadge, } from "@modulz/design-system";
|
2
2
|
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, } from "./components/Accordian";
|
3
3
|
export { Dialog, DialogContent, DialogTrigger, DialogTitle, DialogDescription, DialogClose, } from "./components/Dialog";
|
4
4
|
export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/Tabs";
|
@@ -16,7 +16,7 @@ export { Badge } from "./components/Badge";
|
|
16
16
|
export { DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, } from "./components/DropdownMenu";
|
17
17
|
export { SnackbarProvider, useSnackbar } from "./components/Snackbar";
|
18
18
|
export { Switch } from "./components/Switch";
|
19
|
-
export { RadioCard } from "./components/RadioCard";
|
19
|
+
export { RadioCard, RadioCardGroup } from "./components/RadioCard";
|
20
20
|
export { Caption, Tbody, Tfoot, Tr, Th, Td, Thead, Table, } from "./components/Table";
|
21
21
|
export { Root as HoverCardRoot, Trigger as HoverCardTrigger, Content as HoverCardContent, Arrow as HoverCardArrow, } from "@radix-ui/react-hover-card";
|
22
22
|
export { AccessibleIcon } from "@radix-ui/react-accessible-icon";
|
package/dist/index.es.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createTheme, styled, keyframes, TabsTrigger as TabsTrigger$1, TabsList as TabsList$1, TabsContent as TabsContent$1, Text as Text$1, Box, Select as Select$1, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuRadioItem as DropdownMenuRadioItem$1, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem$1, Switch as Switch$1 } from '@modulz/design-system';
|
2
|
-
export { Alert, AspectRatio, Avatar, AvatarGroup, AvatarNestedItem, Box, Checkbox, Code, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Panel, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio,
|
2
|
+
export { Alert, AspectRatio, Avatar, AvatarGroup, AvatarNestedItem, Box, Checkbox, Code, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Panel, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sub, Sup, TabLink, Tabs, TextArea, Tooltip, TreeItem, VerifiedBadge, css, getCssText, globalCss, keyframes, styled } from '@modulz/design-system';
|
3
3
|
import { __assign, __rest, __spreadArray } from 'tslib';
|
4
4
|
import React, { createContext, useState, useContext } from 'react';
|
5
5
|
import { gray, mauve, slate, sage, olive, sand, tomato, red, crimson, pink, plum, purple, violet, indigo, blue, sky, mint, cyan, teal, green, grass, lime, yellow, amber, orange, brown, bronze, gold, whiteA, blackA, grayDark, mauveDark, slateDark, sageDark, oliveDark, sandDark, tomatoDark, redDark, crimsonDark, pinkDark, plumDark, purpleDark, violetDark, indigoDark, blueDark, skyDark, mintDark, cyanDark, tealDark, greenDark, grassDark, limeDark, yellowDark, amberDark, orangeDark, brownDark, bronzeDark, goldDark } from '@radix-ui/colors';
|
@@ -413,8 +413,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
413
413
|
"&:hover": { bc: "$neutral5" },
|
414
414
|
"&:active": { bc: "$neutral6" },
|
415
415
|
"&:disabled": {
|
416
|
-
|
417
|
-
color: "$neutral8",
|
416
|
+
opacity: 0.5,
|
418
417
|
cursor: "not-allowed",
|
419
418
|
},
|
420
419
|
variants: {
|
@@ -455,8 +454,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
455
454
|
"&:hover": { bc: "$primary5" },
|
456
455
|
"&:active": { bc: "$primary6" },
|
457
456
|
"&:disabled": {
|
458
|
-
|
459
|
-
color: "$primary8",
|
457
|
+
opacity: 0.5,
|
460
458
|
},
|
461
459
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
462
460
|
bc: "$primary4",
|
@@ -468,8 +466,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
468
466
|
"&:hover": { bc: "$neutral5" },
|
469
467
|
"&:active": { bc: "$neutral6" },
|
470
468
|
"&:disabled": {
|
471
|
-
|
472
|
-
color: "$neutral8",
|
469
|
+
opacity: 0.5,
|
473
470
|
},
|
474
471
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
475
472
|
bc: "$neutral4",
|
@@ -485,9 +482,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
485
482
|
bc: "hsla(0,100%,100%,.3)",
|
486
483
|
},
|
487
484
|
"&:disabled": {
|
488
|
-
|
489
|
-
color: "white",
|
490
|
-
opacity: 0.4,
|
485
|
+
opacity: 0.5,
|
491
486
|
},
|
492
487
|
}, transparentBlack: {
|
493
488
|
bc: "hsla(0,0%,0%,.2)",
|
@@ -2114,7 +2109,7 @@ var Switch = styled(Switch$1, {
|
|
2114
2109
|
});
|
2115
2110
|
|
2116
2111
|
var _a$1;
|
2117
|
-
styled(RadioGroupPrimitive.Root, {
|
2112
|
+
var RadioCardGroup = styled(RadioGroupPrimitive.Root, {
|
2118
2113
|
display: "block",
|
2119
2114
|
});
|
2120
2115
|
var StyledRadioButton = styled("div", {
|
@@ -2270,4 +2265,4 @@ var Table = styled("table", {
|
|
2270
2265
|
},
|
2271
2266
|
});
|
2272
2267
|
|
2273
|
-
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Banner, Button, Caption, Card, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuRadioItem, Label, Link, Promo, RadioCard, Select, SnackbarProvider, Switch, Table, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextField, Tfoot, Th, Thead, Tr, themes, useSnackbar };
|
2268
|
+
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Banner, Button, Caption, Card, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuRadioItem, Label, Link, Promo, RadioCard, RadioCardGroup, Select, SnackbarProvider, Switch, Table, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextField, Tfoot, Th, Thead, Tr, themes, useSnackbar };
|
package/dist/index.js
CHANGED
@@ -443,8 +443,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
443
443
|
"&:hover": { bc: "$neutral5" },
|
444
444
|
"&:active": { bc: "$neutral6" },
|
445
445
|
"&:disabled": {
|
446
|
-
|
447
|
-
color: "$neutral8",
|
446
|
+
opacity: 0.5,
|
448
447
|
cursor: "not-allowed",
|
449
448
|
},
|
450
449
|
variants: {
|
@@ -485,8 +484,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
485
484
|
"&:hover": { bc: "$primary5" },
|
486
485
|
"&:active": { bc: "$primary6" },
|
487
486
|
"&:disabled": {
|
488
|
-
|
489
|
-
color: "$primary8",
|
487
|
+
opacity: 0.5,
|
490
488
|
},
|
491
489
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
492
490
|
bc: "$primary4",
|
@@ -498,8 +496,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
498
496
|
"&:hover": { bc: "$neutral5" },
|
499
497
|
"&:active": { bc: "$neutral6" },
|
500
498
|
"&:disabled": {
|
501
|
-
|
502
|
-
color: "$neutral8",
|
499
|
+
opacity: 0.5,
|
503
500
|
},
|
504
501
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
505
502
|
bc: "$neutral4",
|
@@ -515,9 +512,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
515
512
|
bc: "hsla(0,100%,100%,.3)",
|
516
513
|
},
|
517
514
|
"&:disabled": {
|
518
|
-
|
519
|
-
color: "white",
|
520
|
-
opacity: 0.4,
|
515
|
+
opacity: 0.5,
|
521
516
|
},
|
522
517
|
}, transparentBlack: {
|
523
518
|
bc: "hsla(0,0%,0%,.2)",
|
@@ -2144,7 +2139,7 @@ var Switch = designSystem.styled(designSystem.Switch, {
|
|
2144
2139
|
});
|
2145
2140
|
|
2146
2141
|
var _a$1;
|
2147
|
-
designSystem.styled(RadioGroupPrimitive__namespace.Root, {
|
2142
|
+
var RadioCardGroup = designSystem.styled(RadioGroupPrimitive__namespace.Root, {
|
2148
2143
|
display: "block",
|
2149
2144
|
});
|
2150
2145
|
var StyledRadioButton = designSystem.styled("div", {
|
@@ -2508,10 +2503,6 @@ Object.defineProperty(exports, 'Radio', {
|
|
2508
2503
|
enumerable: true,
|
2509
2504
|
get: function () { return designSystem.Radio; }
|
2510
2505
|
});
|
2511
|
-
Object.defineProperty(exports, 'RadioCardGroup', {
|
2512
|
-
enumerable: true,
|
2513
|
-
get: function () { return designSystem.RadioCardGroup; }
|
2514
|
-
});
|
2515
2506
|
Object.defineProperty(exports, 'RadioGroup', {
|
2516
2507
|
enumerable: true,
|
2517
2508
|
get: function () { return designSystem.RadioGroup; }
|
@@ -2685,6 +2676,7 @@ exports.Label = Label;
|
|
2685
2676
|
exports.Link = Link;
|
2686
2677
|
exports.Promo = Promo;
|
2687
2678
|
exports.RadioCard = RadioCard;
|
2679
|
+
exports.RadioCardGroup = RadioCardGroup;
|
2688
2680
|
exports.Select = Select;
|
2689
2681
|
exports.SnackbarProvider = SnackbarProvider;
|
2690
2682
|
exports.Switch = Switch;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@livepeer/design-system",
|
3
|
-
"version": "0.0.0-beta.
|
3
|
+
"version": "0.0.0-beta.5",
|
4
4
|
"license": "MIT",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"module": "dist/index.es.js",
|
@@ -34,7 +34,7 @@
|
|
34
34
|
"@radix-ui/react-context-menu": "0.1.1",
|
35
35
|
"@radix-ui/react-dialog": "0.1.1",
|
36
36
|
"@radix-ui/react-dropdown-menu": "0.1.1",
|
37
|
-
"@radix-ui/react-hover-card": "0.
|
37
|
+
"@radix-ui/react-hover-card": "0.1.5",
|
38
38
|
"@radix-ui/react-icons": "1.0.3",
|
39
39
|
"@radix-ui/react-id": "^0.1.1",
|
40
40
|
"@radix-ui/react-label": "^0.0.13",
|
@@ -75,16 +75,16 @@
|
|
75
75
|
"eslint-config-next": "12.0.7",
|
76
76
|
"husky": "^4.0.0",
|
77
77
|
"lint-staged": "^9.5.0",
|
78
|
-
"next": "^12.
|
78
|
+
"next": "^12.1.5",
|
79
79
|
"np": "^7.3.0",
|
80
80
|
"prettier": "^2.0.5",
|
81
|
-
"react": "^
|
81
|
+
"react": "^18.1.0",
|
82
82
|
"react-bezier-curve-editor": "^1.0.0",
|
83
|
-
"react-dom": "^
|
83
|
+
"react-dom": "^18.1.0",
|
84
84
|
"rollup": "^2.33.1",
|
85
85
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
86
86
|
"rollup-plugin-typescript2": "^0.31.0",
|
87
|
-
"typescript": "
|
87
|
+
"typescript": "4.5.5"
|
88
88
|
},
|
89
89
|
"publishConfig": {
|
90
90
|
"registry": "https://registry.npmjs.org"
|