@livepeer/design-system 0.0.0-beta.0 → 0.0.0-beta.4

package/dist/components/Snackbar/transitionStyles.d.ts

@@ -1,4 +1,4 @@
-declare const _default: {
+declare const transitionStyles: {
     ".snackbar-enter": {
         opacity: number;
     };
@@ -84,4 +84,4 @@ declare const _default: {
         justifyContent: string;
     };
 };
-export default _default;
+export default transitionStyles;

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';
@@ -142,6 +142,7 @@ var AccordionButton = React.forwardRef(function (_a, forwardedRef) {
             React.createElement(ChevronRightIcon, null),
             children)));
 });
+AccordionButton.displayName = "AccordionButton";
 var Accordion = StyledAccordion;
 var AccordionItem = StyledItem;
 var AccordionPanel = StyledPanel;
@@ -165,6 +166,7 @@ var StyledOverlay$1 = styled(DialogPrimitive.Overlay, {
     bottom: 0,
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
+    backdropFilter: "blur(5px)",
     inset: 0,
     variants: {
         animation: {
@@ -411,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: {
@@ -453,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",
@@ -466,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",
@@ -483,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)",
@@ -2112,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", {
@@ -2164,7 +2161,8 @@ var StyledRadio = styled(RadioGroupPrimitive.Item, {
 var RadioCard = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledRadio, __assign({}, props, { ref: forwardedRef }),
     React.createElement(StyledRadioButton, null,
         React.createElement(StyledRadioIndicator, null)),
-    props.children)); });
+    props.children)); });
+RadioCard.displayName = "RadioCard";
 
 var _a, _b, _c;
 var Caption = styled("caption", {
@@ -2267,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

@@ -172,6 +172,7 @@ var AccordionButton = React__default["default"].forwardRef(function (_a, forward
             React__default["default"].createElement(reactIcons.ChevronRightIcon, null),
             children)));
 });
+AccordionButton.displayName = "AccordionButton";
 var Accordion = StyledAccordion;
 var AccordionItem = StyledItem;
 var AccordionPanel = StyledPanel;
@@ -195,6 +196,7 @@ var StyledOverlay$1 = designSystem.styled(DialogPrimitive__namespace.Overlay, {
     bottom: 0,
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
+    backdropFilter: "blur(5px)",
     inset: 0,
     variants: {
         animation: {
@@ -441,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: {
@@ -483,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",
@@ -496,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",
@@ -513,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)",
@@ -2142,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", {
@@ -2194,7 +2191,8 @@ var StyledRadio = designSystem.styled(RadioGroupPrimitive__namespace.Item, {
 var RadioCard = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledRadio, tslib.__assign({}, props, { ref: forwardedRef }),
     React__default["default"].createElement(StyledRadioButton, null,
         React__default["default"].createElement(StyledRadioIndicator, null)),
-    props.children)); });
+    props.children)); });
+RadioCard.displayName = "RadioCard";
 
 var _a, _b, _c;
 var Caption = designSystem.styled("caption", {
@@ -2505,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; }
@@ -2682,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.0",
+  "version": "0.0.0-beta.4",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -14,7 +14,6 @@
     "start": "next start",
     "lint": "next lint",
     "test": "echo \"Error: no test specified\" && exit 0",
-    "postinstall": "yarn ds:build",
     "ds:build": "rollup -c",
     "ds:release": "yarn ds:build && np"
   },