@livepeer/design-system 1.1.0-0 → 1.1.0

package/dist/index.es.js

@@ -472,7 +472,6 @@ var StyledOverlay$2 = styled(AlertDialogPrimitive.Overlay, overlayStyles, {
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
     inset: 0,
-    zIndex: 1000,
     variants: {
         animation: {
             true: {
@@ -505,7 +504,6 @@ 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",
     },
@@ -530,7 +528,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, { style: { overflow: 'auto' } }), children));
+    return (React.createElement(StyledAlertDialogContent, __assign({ animation: animation }, props), children));
 };
 var AlertDialogTitle = AlertDialogPrimitive.Title;
 var AlertDialogDescription = AlertDialogPrimitive.Description;
@@ -2459,8 +2457,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: {
@@ -2492,7 +2490,6 @@ 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",
     },
@@ -2528,7 +2525,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, style: { overflow: 'auto' } }),
+        React.createElement(StyledDialogContent, __assign({}, props, { ref: forwardedRef }),
             children,
             React.createElement(StyledCloseButton$1, { asChild: true },
                 React.createElement(IconButton, { variant: "ghost" },

package/dist/index.js

@@ -516,7 +516,6 @@ var StyledOverlay$2 = styled(AlertDialogPrimitive__namespace.Overlay, overlaySty
     left: 0,
     backgroundColor: "rgba(0,0,0,.35)",
     inset: 0,
-    zIndex: 1000,
     variants: {
         animation: {
             true: {
@@ -549,7 +548,6 @@ 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",
     },
@@ -574,7 +572,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, { style: { overflow: 'auto' } }), children));
+    return (React__default["default"].createElement(StyledAlertDialogContent, tslib.__assign({ animation: animation }, props), children));
 };
 var AlertDialogTitle = AlertDialogPrimitive__namespace.Title;
 var AlertDialogDescription = AlertDialogPrimitive__namespace.Description;
@@ -2503,8 +2501,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: {
@@ -2536,7 +2534,6 @@ 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",
     },
@@ -2572,7 +2569,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, style: { overflow: 'auto' } }),
+        React__default["default"].createElement(StyledDialogContent, tslib.__assign({}, props, { ref: forwardedRef }),
             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.1.0-0",
+  "version": "1.1.0",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -23,35 +23,35 @@
   },
   "dependencies": {
     "@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.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.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",
-    "@radix-ui/react-menu": "1.0.0",
-    "@radix-ui/react-popover": "1.0.0",
-    "@radix-ui/react-portal": "1.0.0",
-    "@radix-ui/react-primitive": "^1.0.0",
-    "@radix-ui/react-progress": "1.0.0",
-    "@radix-ui/react-radio-group": "1.0.0",
-    "@radix-ui/react-scroll-area": "^1.0.0",
-    "@radix-ui/react-separator": "1.0.0",
-    "@radix-ui/react-slider": "1.0.0",
-    "@radix-ui/react-slot": "1.0.0",
-    "@radix-ui/react-switch": "1.0.0",
-    "@radix-ui/react-tabs": "1.0.0",
-    "@radix-ui/react-toggle": "1.0.0",
+    "@radix-ui/react-accessible-icon": "^1.0.3",
+    "@radix-ui/react-accordion": "1.1.2",
+    "@radix-ui/react-alert-dialog": "1.0.4",
+    "@radix-ui/react-aspect-ratio": "1.0.3",
+    "@radix-ui/react-avatar": "1.0.3",
+    "@radix-ui/react-checkbox": "1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-context-menu": "2.1.4",
+    "@radix-ui/react-dialog": "1.0.4",
+    "@radix-ui/react-dropdown-menu": "2.0.5",
+    "@radix-ui/react-hover-card": "1.0.6",
+    "@radix-ui/react-icons": "1.3.0",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-menu": "2.0.5",
+    "@radix-ui/react-popover": "1.0.6",
+    "@radix-ui/react-portal": "1.0.3",
+    "@radix-ui/react-primitive": "^1.0.3",
+    "@radix-ui/react-progress": "1.0.3",
+    "@radix-ui/react-radio-group": "1.1.3",
+    "@radix-ui/react-scroll-area": "^1.0.4",
+    "@radix-ui/react-separator": "1.0.3",
+    "@radix-ui/react-slider": "1.1.2",
+    "@radix-ui/react-slot": "1.0.2",
+    "@radix-ui/react-switch": "1.0.3",
+    "@radix-ui/react-tabs": "1.0.4",
+    "@radix-ui/react-toggle": "1.0.3",
     "@radix-ui/react-toggle-button": "0.0.6",
-    "@radix-ui/react-tooltip": "1.0.0",
-    "@radix-ui/react-use-layout-effect": "1.0.0",
+    "@radix-ui/react-tooltip": "1.0.6",
+    "@radix-ui/react-use-layout-effect": "1.0.1",
     "@stitches/react": "^1.2.8",
     "lodash.merge": "^4.6.2",
     "lodash.omit": "^4.5.0",
@@ -85,7 +85,7 @@
     "rollup": "^2.77.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.32.1",
-    "typescript": "^4.7.4"
+    "typescript": "4.7.4"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org"