@livepeer/design-system 0.0.0-beta.2 → 0.0.0-beta.5

package/README.md

@@ -0,0 +1,13 @@
+# Documentation
+
+Design system for Livepeer VS products
+
+## Documentation
+
+Visit [https://livepeer-design-system.vercel.app/](https://livepeer-design-system.vercel.app/) to view the design system reference components.
+
+## Usage
+
+```
+yarn add @livepeer/design-system
+```

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-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, RadioCardGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sup, Sub, TabLink, TextArea, Tooltip, TreeItem, VerifiedBadge, } from "@modulz/design-system";
+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";
 export { Accordion, AccordionButton, AccordionItem, AccordionPanel, } from "./components/Accordian";
 export { Dialog, DialogContent, DialogTrigger, DialogTitle, DialogDescription, DialogClose, } from "./components/Dialog";
 export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/Tabs";
@@ -16,7 +16,7 @@ export { Badge } from "./components/Badge";
 export { DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, } from "./components/DropdownMenu";
 export { SnackbarProvider, useSnackbar } from "./components/Snackbar";
 export { Switch } from "./components/Switch";
-export { RadioCard } from "./components/RadioCard";
+export { RadioCard, RadioCardGroup } from "./components/RadioCard";
 export { Caption, Tbody, Tfoot, Tr, Th, Td, Thead, Table, } from "./components/Table";
 export { Root as HoverCardRoot, Trigger as HoverCardTrigger, Content as HoverCardContent, Arrow as HoverCardArrow, } from "@radix-ui/react-hover-card";
 export { AccessibleIcon } from "@radix-ui/react-accessible-icon";

package/dist/index.es.js

@@ -1,5 +1,5 @@
 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';
-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, RadioCardGroup, 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';
+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';
 import { __assign, __rest, __spreadArray } from 'tslib';
 import React, { createContext, useState, useContext } from 'react';
 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, {
     "&:hover": { bc: "$neutral5" },
     "&:active": { bc: "$neutral6" },
     "&:disabled": {
-        bc: "$neutral2",
-        color: "$neutral8",
+        opacity: 0.5,
         cursor: "not-allowed",
     },
     variants: {
@@ -455,8 +454,7 @@ var Button = styled(DEFAULT_TAG$5, {
                 "&:hover": { bc: "$primary5" },
                 "&:active": { bc: "$primary6" },
                 "&:disabled": {
-                    bc: "$primary2",
-                    color: "$primary8",
+                    opacity: 0.5,
                 },
                 '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
                     bc: "$primary4",
@@ -468,8 +466,7 @@ var Button = styled(DEFAULT_TAG$5, {
                 "&:hover": { bc: "$neutral5" },
                 "&:active": { bc: "$neutral6" },
                 "&:disabled": {
-                    bc: "$neutral4",
-                    color: "$neutral8",
+                    opacity: 0.5,
                 },
                 '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
                     bc: "$neutral4",
@@ -485,9 +482,7 @@ var Button = styled(DEFAULT_TAG$5, {
                     bc: "hsla(0,100%,100%,.3)",
                 },
                 "&:disabled": {
-                    bc: "hsla(0,100%,100%,.2)",
-                    color: "white",
-                    opacity: 0.4,
+                    opacity: 0.5,
                 },
             }, transparentBlack: {
                 bc: "hsla(0,0%,0%,.2)",
@@ -2114,7 +2109,7 @@ var Switch = styled(Switch$1, {
 });
 
 var _a$1;
-styled(RadioGroupPrimitive.Root, {
+var RadioCardGroup = styled(RadioGroupPrimitive.Root, {
     display: "block",
 });
 var StyledRadioButton = styled("div", {
@@ -2270,4 +2265,4 @@ var Table = styled("table", {
     },
 });
 
-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 };
+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

@@ -443,8 +443,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
     "&:hover": { bc: "$neutral5" },
     "&:active": { bc: "$neutral6" },
     "&:disabled": {
-        bc: "$neutral2",
-        color: "$neutral8",
+        opacity: 0.5,
         cursor: "not-allowed",
     },
     variants: {
@@ -485,8 +484,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
                 "&:hover": { bc: "$primary5" },
                 "&:active": { bc: "$primary6" },
                 "&:disabled": {
-                    bc: "$primary2",
-                    color: "$primary8",
+                    opacity: 0.5,
                 },
                 '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
                     bc: "$primary4",
@@ -498,8 +496,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
                 "&:hover": { bc: "$neutral5" },
                 "&:active": { bc: "$neutral6" },
                 "&:disabled": {
-                    bc: "$neutral4",
-                    color: "$neutral8",
+                    opacity: 0.5,
                 },
                 '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
                     bc: "$neutral4",
@@ -515,9 +512,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
                     bc: "hsla(0,100%,100%,.3)",
                 },
                 "&:disabled": {
-                    bc: "hsla(0,100%,100%,.2)",
-                    color: "white",
-                    opacity: 0.4,
+                    opacity: 0.5,
                 },
             }, transparentBlack: {
                 bc: "hsla(0,0%,0%,.2)",
@@ -2144,7 +2139,7 @@ var Switch = designSystem.styled(designSystem.Switch, {
 });
 
 var _a$1;
-designSystem.styled(RadioGroupPrimitive__namespace.Root, {
+var RadioCardGroup = designSystem.styled(RadioGroupPrimitive__namespace.Root, {
     display: "block",
 });
 var StyledRadioButton = designSystem.styled("div", {
@@ -2508,10 +2503,6 @@ Object.defineProperty(exports, 'Radio', {
   enumerable: true,
   get: function () { return designSystem.Radio; }
 });
-Object.defineProperty(exports, 'RadioCardGroup', {
-  enumerable: true,
-  get: function () { return designSystem.RadioCardGroup; }
-});
 Object.defineProperty(exports, 'RadioGroup', {
   enumerable: true,
   get: function () { return designSystem.RadioGroup; }
@@ -2685,6 +2676,7 @@ exports.Label = Label;
 exports.Link = Link;
 exports.Promo = Promo;
 exports.RadioCard = RadioCard;
+exports.RadioCardGroup = RadioCardGroup;
 exports.Select = Select;
 exports.SnackbarProvider = SnackbarProvider;
 exports.Switch = Switch;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepeer/design-system",
-  "version": "0.0.0-beta.2",
+  "version": "0.0.0-beta.5",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -34,7 +34,7 @@
     "@radix-ui/react-context-menu": "0.1.1",
     "@radix-ui/react-dialog": "0.1.1",
     "@radix-ui/react-dropdown-menu": "0.1.1",
-    "@radix-ui/react-hover-card": "0.0.3",
+    "@radix-ui/react-hover-card": "0.1.5",
     "@radix-ui/react-icons": "1.0.3",
     "@radix-ui/react-id": "^0.1.1",
     "@radix-ui/react-label": "^0.0.13",
@@ -75,16 +75,16 @@
     "eslint-config-next": "12.0.7",
     "husky": "^4.0.0",
     "lint-staged": "^9.5.0",
-    "next": "^12.0.4",
+    "next": "^12.1.5",
     "np": "^7.3.0",
     "prettier": "^2.0.5",
-    "react": "^17.0.2",
+    "react": "^18.1.0",
     "react-bezier-curve-editor": "^1.0.0",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.1.0",
     "rollup": "^2.33.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.31.0",
-    "typescript": "^4.5.2"
+    "typescript": "4.5.5"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"