@livepeer/design-system 1.0.4-0 → 1.0.5

package/dist/components/Accordian.d.ts

@@ -0,0 +1,4 @@
+export declare const AccordionButton: any;
+export declare const Accordion: any;
+export declare const AccordionItem: any;
+export declare const AccordionPanel: any;

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.0.4-0",
+  "version": "1.0.5",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -61,14 +61,14 @@
   },
   "devDependencies": {
     "@next/mdx": "^12.2.4",
-    "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-commonjs": "^24.0.1",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@types/bezier-easing": "^2.1.2",
     "@types/chroma-js": "^2.1.4",
     "@types/lodash.merge": "^4.6.7",
     "@types/lodash.omit": "^4.5.7",
     "@types/node": "18.6.4",
-    "@types/react": "^18.0.15",
+    "@types/react": "^18.0.28",
     "@types/react-transition-group": "^4.4.5",
     "bezier-easing": "^2.1.0",
     "chroma-js": "^2.4.2",
@@ -82,7 +82,7 @@
     "react": "^18.2.0",
     "react-bezier-curve-editor": "^1.1.2",
     "react-dom": "^18.2.0",
-    "rollup": "^2.77.2",
+    "rollup": "^2.79.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.32.1",
     "typescript": "^4.7.4"