@livepeer/design-system 1.0.0 → 1.0.1

package/dist/index.es.js

@@ -819,7 +819,8 @@ var Avatar = React.forwardRef(function (_a, forwardedRef) {
                 mb: "-3px",
             } },
             React.createElement(Status, { size: size && size > 2 ? "2" : "1", variant: status })))));
-});
+});
+Avatar.displayName = "Avatar";
 
 var Badge = styled("span", {
     // Reset
@@ -1708,7 +1709,8 @@ var StyledIndicator$1 = styled(CheckboxPrimitive.Indicator, {
 });
 var Checkbox = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledCheckbox, __assign({}, props, { ref: forwardedRef }),
     React.createElement(StyledIndicator$1, null,
-        React.createElement(CheckIcon, null)))); });
+        React.createElement(CheckIcon, null)))); });
+Checkbox.displayName = "Checkbox";
 
 var Code = styled("code", {
     fontFamily: "$mono",
@@ -1951,6 +1953,7 @@ var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
 var StyledContent$4 = styled(ContextMenuPrimitive.Content, menuCss, panelStyles);
 var ContextMenuContent = React.forwardRef(function (props, forwardedRef) { return (React.createElement(ContextMenuPrimitive.Portal, null,
     React.createElement(StyledContent$4, __assign({}, props, { ref: forwardedRef })))); });
+ContextMenuContent.displayName = "ContextMenuContent";
 var ContextMenuItem = styled(ContextMenuPrimitive.Item, itemCss);
 var ContextMenuGroup = styled(ContextMenuPrimitive.Group, {});
 var ContextMenuLabel = styled(ContextMenuPrimitive.Label, labelCss);
@@ -1964,6 +1967,7 @@ var ContextMenuCheckboxItem = React.forwardRef(function (_a, forwardedRef) {
                 React.createElement(CheckIcon, null))),
         children));
 });
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
 var ContextMenuRadioGroup = styled(ContextMenuPrimitive.RadioGroup, {});
 var StyledContextMenuRadioItem = styled(ContextMenuPrimitive.RadioItem, itemCss);
 var ContextMenuRadioItem = React.forwardRef(function (_a, forwardedRef) {
@@ -1984,7 +1988,8 @@ var ContextMenuRadioItem = React.forwardRef(function (_a, forwardedRef) {
                             borderRadius: "$round",
                         } })))),
         children));
-});
+});
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
 
 var StyledTextField = styled("input", {
     // Reset
@@ -3236,6 +3241,7 @@ var PopoverContent = React.forwardRef(function (_a, fowardedRef) {
             !hideArrow && (React.createElement(Box, { css: { color: "$panel" } },
                 React.createElement(PopoverPrimitive.Arrow, { width: 11, height: 5, style: { fill: "currentColor" } }))))));
 });
+PopoverContent.displayName = "PopoverContent";
 var PopoverClose = PopoverPrimitive.Close;
 
 var indeterminateProgress = keyframes({
@@ -3309,7 +3315,8 @@ var ProgressBar = React.forwardRef(function (_a, forwardedRef) {
     var percentage = value != null ? Math.round((value / max) * 100) : null;
     return (React.createElement(StyledProgressBar, __assign({}, props, { ref: forwardedRef, value: value, max: max }),
         React.createElement(ProgressBarIndicator, { style: { transform: "translateX(".concat(percentage, "%)") } })));
-});
+});
+ProgressBar.displayName = "ProgressBar";
 
 var _a$4;
 var RadioGroup = styled(RadioGroupPrimitive.Root, {
@@ -3389,7 +3396,8 @@ var StyledRadio$1 = styled(RadioGroupPrimitive.Item, {
     },
 });
 var Radio = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledRadio$1, __assign({}, props, { ref: forwardedRef }),
-    React.createElement(StyledIndicator, null))); });
+    React.createElement(StyledIndicator, null))); });
+Radio.displayName = "Radio";
 
 var _a$3;
 var RadioCardGroup = styled(RadioGroupPrimitive.Root, {
@@ -3606,6 +3614,7 @@ var SheetContent = React.forwardRef(function (_a, forwardedRef) {
                 React.createElement(IconButton, { variant: "ghost" },
                     React.createElement(Cross1Icon, null))))));
 });
+SheetContent.displayName = "SheetContent";
 var SheetClose = DialogPrimitive.Close;
 var SheetTitle = DialogPrimitive.Title;
 var SheetDescription = DialogPrimitive.Description;
@@ -3835,7 +3844,8 @@ var Slider = React.forwardRef(function (props, forwardedRef) {
         React.createElement(SliderTrack, null,
             React.createElement(SliderRange, null)),
         thumbsArray.map(function (_, i) { return (React.createElement(SliderThumb, { key: i })); })));
-});
+});
+Slider.displayName = "Slider";
 
 var Sub = styled("sub", {
     fontFeatureSettings: '"subs"',
@@ -4508,6 +4518,7 @@ var StyledVerifiedBadge = styled("div", Flex, {
     height: "$3",
 });
 var VerifiedBadge = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledVerifiedBadge, __assign({}, props, { ref: forwardedRef }),
-    React.createElement(CheckIcon, null))); });
+    React.createElement(CheckIcon, null))); });
+VerifiedBadge.displayName = "VerifiedBadge";
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarGroup, AvatarNestedItem, Badge, Banner, Box, Button, Caption, Card, Checkbox, Code, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, ControlGroup, DesignSystemProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Grid, Heading, IconButton, Image, Kbd, Link, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Panel, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, ProgressBar, Radio, RadioCard, RadioCardGroup, RadioGroup, Section, Select, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sub, Sup, Switch, TabLink, Table, Tabs, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextArea, TextField, Tfoot, Th, Thead, Tooltip, Tr, TreeItem, VerifiedBadge, config, css, getCssText, getThemes, globalCss, keyframes, styled };

package/dist/index.js

@@ -862,7 +862,8 @@ var Avatar = React__default["default"].forwardRef(function (_a, forwardedRef) {
                 mb: "-3px",
             } },
             React__default["default"].createElement(Status, { size: size && size > 2 ? "2" : "1", variant: status })))));
-});
+});
+Avatar.displayName = "Avatar";
 
 var Badge = styled("span", {
     // Reset
@@ -1751,7 +1752,8 @@ var StyledIndicator$1 = styled(CheckboxPrimitive__namespace.Indicator, {
 });
 var Checkbox = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledCheckbox, tslib.__assign({}, props, { ref: forwardedRef }),
     React__default["default"].createElement(StyledIndicator$1, null,
-        React__default["default"].createElement(reactIcons.CheckIcon, null)))); });
+        React__default["default"].createElement(reactIcons.CheckIcon, null)))); });
+Checkbox.displayName = "Checkbox";
 
 var Code = styled("code", {
     fontFamily: "$mono",
@@ -1994,6 +1996,7 @@ var ContextMenuTrigger = ContextMenuPrimitive__namespace.Trigger;
 var StyledContent$4 = styled(ContextMenuPrimitive__namespace.Content, menuCss, panelStyles);
 var ContextMenuContent = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(ContextMenuPrimitive__namespace.Portal, null,
     React__default["default"].createElement(StyledContent$4, tslib.__assign({}, props, { ref: forwardedRef })))); });
+ContextMenuContent.displayName = "ContextMenuContent";
 var ContextMenuItem = styled(ContextMenuPrimitive__namespace.Item, itemCss);
 var ContextMenuGroup = styled(ContextMenuPrimitive__namespace.Group, {});
 var ContextMenuLabel = styled(ContextMenuPrimitive__namespace.Label, labelCss);
@@ -2007,6 +2010,7 @@ var ContextMenuCheckboxItem = React__default["default"].forwardRef(function (_a,
                 React__default["default"].createElement(reactIcons.CheckIcon, null))),
         children));
 });
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
 var ContextMenuRadioGroup = styled(ContextMenuPrimitive__namespace.RadioGroup, {});
 var StyledContextMenuRadioItem = styled(ContextMenuPrimitive__namespace.RadioItem, itemCss);
 var ContextMenuRadioItem = React__default["default"].forwardRef(function (_a, forwardedRef) {
@@ -2027,7 +2031,8 @@ var ContextMenuRadioItem = React__default["default"].forwardRef(function (_a, fo
                             borderRadius: "$round",
                         } })))),
         children));
-});
+});
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
 
 var StyledTextField = styled("input", {
     // Reset
@@ -3279,6 +3284,7 @@ var PopoverContent = React__default["default"].forwardRef(function (_a, fowarded
             !hideArrow && (React__default["default"].createElement(Box, { css: { color: "$panel" } },
                 React__default["default"].createElement(PopoverPrimitive__namespace.Arrow, { width: 11, height: 5, style: { fill: "currentColor" } }))))));
 });
+PopoverContent.displayName = "PopoverContent";
 var PopoverClose = PopoverPrimitive__namespace.Close;
 
 var indeterminateProgress = keyframes({
@@ -3352,7 +3358,8 @@ var ProgressBar = React__default["default"].forwardRef(function (_a, forwardedRe
     var percentage = value != null ? Math.round((value / max) * 100) : null;
     return (React__default["default"].createElement(StyledProgressBar, tslib.__assign({}, props, { ref: forwardedRef, value: value, max: max }),
         React__default["default"].createElement(ProgressBarIndicator, { style: { transform: "translateX(".concat(percentage, "%)") } })));
-});
+});
+ProgressBar.displayName = "ProgressBar";
 
 var _a$4;
 var RadioGroup = styled(RadioGroupPrimitive__namespace.Root, {
@@ -3432,7 +3439,8 @@ var StyledRadio$1 = styled(RadioGroupPrimitive__namespace.Item, {
     },
 });
 var Radio = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledRadio$1, tslib.__assign({}, props, { ref: forwardedRef }),
-    React__default["default"].createElement(StyledIndicator, null))); });
+    React__default["default"].createElement(StyledIndicator, null))); });
+Radio.displayName = "Radio";
 
 var _a$3;
 var RadioCardGroup = styled(RadioGroupPrimitive__namespace.Root, {
@@ -3649,6 +3657,7 @@ var SheetContent = React__default["default"].forwardRef(function (_a, forwardedR
                 React__default["default"].createElement(IconButton, { variant: "ghost" },
                     React__default["default"].createElement(reactIcons.Cross1Icon, null))))));
 });
+SheetContent.displayName = "SheetContent";
 var SheetClose = DialogPrimitive__namespace.Close;
 var SheetTitle = DialogPrimitive__namespace.Title;
 var SheetDescription = DialogPrimitive__namespace.Description;
@@ -3878,7 +3887,8 @@ var Slider = React__default["default"].forwardRef(function (props, forwardedRef)
         React__default["default"].createElement(SliderTrack, null,
             React__default["default"].createElement(SliderRange, null)),
         thumbsArray.map(function (_, i) { return (React__default["default"].createElement(SliderThumb, { key: i })); })));
-});
+});
+Slider.displayName = "Slider";
 
 var Sub = styled("sub", {
     fontFeatureSettings: '"subs"',
@@ -4551,7 +4561,8 @@ var StyledVerifiedBadge = styled("div", Flex, {
     height: "$3",
 });
 var VerifiedBadge = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledVerifiedBadge, tslib.__assign({}, props, { ref: forwardedRef }),
-    React__default["default"].createElement(reactIcons.CheckIcon, null))); });
+    React__default["default"].createElement(reactIcons.CheckIcon, null))); });
+VerifiedBadge.displayName = "VerifiedBadge";
 
 Object.defineProperty(exports, 'AccessibleIcon', {
   enumerable: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepeer/design-system",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -66,7 +66,7 @@
     "@types/chroma-js": "^2.1.4",
     "@types/lodash.merge": "^4.6.7",
     "@types/lodash.omit": "^4.5.7",
-    "@types/node": "18.6.3",
+    "@types/node": "18.6.4",
     "@types/react": "^18.0.15",
     "@types/react-transition-group": "^4.4.5",
     "bezier-easing": "^2.1.0",