@livepeer/design-system 1.0.3 → 1.1.0-0

package/dist/index.es.js

@@ -472,6 +472,7 @@ var StyledOverlay$2 = styled(AlertDialogPrimitive.Overlay, overlayStyles, {
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
     inset: 0,
+    zIndex: 1000,
     variants: {
         animation: {
             true: {
@@ -504,6 +505,7 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive.Content, panelStyles,
     borderRadius: "$4",
     boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
     color: "$black",
+    zIndex: 1001,
     "&:focus": {
         outline: "none",
     },
@@ -528,7 +530,7 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive.Content, panelStyles,
 });
 var AlertDialogContent = function (_a) {
     var children = _a.children, _b = _a.animation, animation = _b === void 0 ? "scale" : _b, props = __rest(_a, ["children", "animation"]);
-    return (React.createElement(StyledAlertDialogContent, __assign({ animation: animation }, props), children));
+    return (React.createElement(StyledAlertDialogContent, __assign({ animation: animation }, props, { style: { overflow: 'auto' } }), children));
 };
 var AlertDialogTitle = AlertDialogPrimitive.Title;
 var AlertDialogDescription = AlertDialogPrimitive.Description;
@@ -2457,8 +2459,8 @@ var StyledOverlay$1 = styled(DialogPrimitive.Overlay, overlayStyles, {
     bottom: 0,
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
-    backdropFilter: "blur(5px)",
     inset: 0,
+    zIndex: 1000,
     variants: {
         animation: {
             true: {
@@ -2490,6 +2492,7 @@ var StyledDialogContent = styled(DialogPrimitive.Content, panelStyles, {
     borderRadius: "$4",
     boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
     color: "$black",
+    zIndex: 1001,
     "&:focus": {
         outline: "none",
     },
@@ -2525,7 +2528,7 @@ var DialogContent = React.forwardRef(function (_a, forwardedRef) {
     var children = _a.children; _a.animation; var props = __rest(_a, ["children", "animation"]);
     return (React.createElement(DialogPrimitive.Portal, null,
         React.createElement(StyledOverlay$1, null),
-        React.createElement(StyledDialogContent, __assign({}, props, { ref: forwardedRef }),
+        React.createElement(StyledDialogContent, __assign({}, props, { ref: forwardedRef, style: { overflow: 'auto' } }),
             children,
             React.createElement(StyledCloseButton$1, { asChild: true },
                 React.createElement(IconButton, { variant: "ghost" },

package/dist/index.js

@@ -516,6 +516,7 @@ var StyledOverlay$2 = styled(AlertDialogPrimitive__namespace.Overlay, overlaySty
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
     inset: 0,
+    zIndex: 1000,
     variants: {
         animation: {
             true: {
@@ -548,6 +549,7 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive__namespace.Content, p
     borderRadius: "$4",
     boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
     color: "$black",
+    zIndex: 1001,
     "&:focus": {
         outline: "none",
     },
@@ -572,7 +574,7 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive__namespace.Content, p
 });
 var AlertDialogContent = function (_a) {
     var children = _a.children, _b = _a.animation, animation = _b === void 0 ? "scale" : _b, props = tslib.__rest(_a, ["children", "animation"]);
-    return (React__default["default"].createElement(StyledAlertDialogContent, tslib.__assign({ animation: animation }, props), children));
+    return (React__default["default"].createElement(StyledAlertDialogContent, tslib.__assign({ animation: animation }, props, { style: { overflow: 'auto' } }), children));
 };
 var AlertDialogTitle = AlertDialogPrimitive__namespace.Title;
 var AlertDialogDescription = AlertDialogPrimitive__namespace.Description;
@@ -2501,8 +2503,8 @@ var StyledOverlay$1 = styled(DialogPrimitive__namespace.Overlay, overlayStyles,
     bottom: 0,
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
-    backdropFilter: "blur(5px)",
     inset: 0,
+    zIndex: 1000,
     variants: {
         animation: {
             true: {
@@ -2534,6 +2536,7 @@ var StyledDialogContent = styled(DialogPrimitive__namespace.Content, panelStyles
     borderRadius: "$4",
     boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
     color: "$black",
+    zIndex: 1001,
     "&:focus": {
         outline: "none",
     },
@@ -2569,7 +2572,7 @@ var DialogContent = React__default["default"].forwardRef(function (_a, forwarded
     var children = _a.children; _a.animation; var props = tslib.__rest(_a, ["children", "animation"]);
     return (React__default["default"].createElement(DialogPrimitive__namespace.Portal, null,
         React__default["default"].createElement(StyledOverlay$1, null),
-        React__default["default"].createElement(StyledDialogContent, tslib.__assign({}, props, { ref: forwardedRef }),
+        React__default["default"].createElement(StyledDialogContent, tslib.__assign({}, props, { ref: forwardedRef, style: { overflow: 'auto' } }),
             children,
             React__default["default"].createElement(StyledCloseButton$1, { asChild: true },
                 React__default["default"].createElement(IconButton, { variant: "ghost" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepeer/design-system",
-  "version": "1.0.3",
+  "version": "1.1.0-0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -25,14 +25,14 @@
     "@radix-ui/colors": "0.1.8",
     "@radix-ui/react-accessible-icon": "^1.0.0",
     "@radix-ui/react-accordion": "1.0.0",
-    "@radix-ui/react-alert-dialog": "1.0.0",
+    "@radix-ui/react-alert-dialog": "1.0.2",
     "@radix-ui/react-aspect-ratio": "1.0.0",
     "@radix-ui/react-avatar": "1.0.0",
     "@radix-ui/react-checkbox": "1.0.0",
     "@radix-ui/react-collapsible": "^1.0.0",
     "@radix-ui/react-context-menu": "1.0.0",
-    "@radix-ui/react-dialog": "1.0.0",
-    "@radix-ui/react-dropdown-menu": "1.0.0",
+    "@radix-ui/react-dialog": "1.0.2",
+    "@radix-ui/react-dropdown-menu": "2.0.1",
     "@radix-ui/react-hover-card": "1.0.0",
     "@radix-ui/react-icons": "1.1.1",
     "@radix-ui/react-label": "^1.0.0",