@livepeer/design-system 1.0.4 → 1.0.5
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Accordian.d.ts +4 -0
- package/dist/index.es.js +3 -6
- package/dist/index.js +3 -6
- package/package.json +4 -4
package/dist/index.es.js
CHANGED
@@ -472,7 +472,6 @@ var StyledOverlay$2 = styled(AlertDialogPrimitive.Overlay, overlayStyles, {
|
|
472
472
|
left: 0,
|
473
473
|
backgroundColor: "rgba(0,0,0,.35)",
|
474
474
|
inset: 0,
|
475
|
-
zIndex: 1000,
|
476
475
|
variants: {
|
477
476
|
animation: {
|
478
477
|
true: {
|
@@ -505,7 +504,6 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive.Content, panelStyles,
|
|
505
504
|
borderRadius: "$4",
|
506
505
|
boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
|
507
506
|
color: "$black",
|
508
|
-
zIndex: 1001,
|
509
507
|
"&:focus": {
|
510
508
|
outline: "none",
|
511
509
|
},
|
@@ -530,7 +528,7 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive.Content, panelStyles,
|
|
530
528
|
});
|
531
529
|
var AlertDialogContent = function (_a) {
|
532
530
|
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? "scale" : _b, props = __rest(_a, ["children", "animation"]);
|
533
|
-
return (React.createElement(StyledAlertDialogContent, __assign({ animation: animation }, props
|
531
|
+
return (React.createElement(StyledAlertDialogContent, __assign({ animation: animation }, props), children));
|
534
532
|
};
|
535
533
|
var AlertDialogTitle = AlertDialogPrimitive.Title;
|
536
534
|
var AlertDialogDescription = AlertDialogPrimitive.Description;
|
@@ -2459,8 +2457,8 @@ var StyledOverlay$1 = styled(DialogPrimitive.Overlay, overlayStyles, {
|
|
2459
2457
|
bottom: 0,
|
2460
2458
|
left: 0,
|
2461
2459
|
backgroundColor: "rgba(0,0,0,.35)",
|
2460
|
+
backdropFilter: "blur(5px)",
|
2462
2461
|
inset: 0,
|
2463
|
-
zIndex: 1000,
|
2464
2462
|
variants: {
|
2465
2463
|
animation: {
|
2466
2464
|
true: {
|
@@ -2492,7 +2490,6 @@ var StyledDialogContent = styled(DialogPrimitive.Content, panelStyles, {
|
|
2492
2490
|
borderRadius: "$4",
|
2493
2491
|
boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
|
2494
2492
|
color: "$black",
|
2495
|
-
zIndex: 1001,
|
2496
2493
|
"&:focus": {
|
2497
2494
|
outline: "none",
|
2498
2495
|
},
|
@@ -2528,7 +2525,7 @@ var DialogContent = React.forwardRef(function (_a, forwardedRef) {
|
|
2528
2525
|
var children = _a.children; _a.animation; var props = __rest(_a, ["children", "animation"]);
|
2529
2526
|
return (React.createElement(DialogPrimitive.Portal, null,
|
2530
2527
|
React.createElement(StyledOverlay$1, null),
|
2531
|
-
React.createElement(StyledDialogContent, __assign({}, props, { ref: forwardedRef
|
2528
|
+
React.createElement(StyledDialogContent, __assign({}, props, { ref: forwardedRef }),
|
2532
2529
|
children,
|
2533
2530
|
React.createElement(StyledCloseButton$1, { asChild: true },
|
2534
2531
|
React.createElement(IconButton, { variant: "ghost" },
|
package/dist/index.js
CHANGED
@@ -516,7 +516,6 @@ var StyledOverlay$2 = styled(AlertDialogPrimitive__namespace.Overlay, overlaySty
|
|
516
516
|
left: 0,
|
517
517
|
backgroundColor: "rgba(0,0,0,.35)",
|
518
518
|
inset: 0,
|
519
|
-
zIndex: 1000,
|
520
519
|
variants: {
|
521
520
|
animation: {
|
522
521
|
true: {
|
@@ -549,7 +548,6 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive__namespace.Content, p
|
|
549
548
|
borderRadius: "$4",
|
550
549
|
boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
|
551
550
|
color: "$black",
|
552
|
-
zIndex: 1001,
|
553
551
|
"&:focus": {
|
554
552
|
outline: "none",
|
555
553
|
},
|
@@ -574,7 +572,7 @@ var StyledAlertDialogContent = styled(AlertDialogPrimitive__namespace.Content, p
|
|
574
572
|
});
|
575
573
|
var AlertDialogContent = function (_a) {
|
576
574
|
var children = _a.children, _b = _a.animation, animation = _b === void 0 ? "scale" : _b, props = tslib.__rest(_a, ["children", "animation"]);
|
577
|
-
return (React__default["default"].createElement(StyledAlertDialogContent, tslib.__assign({ animation: animation }, props
|
575
|
+
return (React__default["default"].createElement(StyledAlertDialogContent, tslib.__assign({ animation: animation }, props), children));
|
578
576
|
};
|
579
577
|
var AlertDialogTitle = AlertDialogPrimitive__namespace.Title;
|
580
578
|
var AlertDialogDescription = AlertDialogPrimitive__namespace.Description;
|
@@ -2503,8 +2501,8 @@ var StyledOverlay$1 = styled(DialogPrimitive__namespace.Overlay, overlayStyles,
|
|
2503
2501
|
bottom: 0,
|
2504
2502
|
left: 0,
|
2505
2503
|
backgroundColor: "rgba(0,0,0,.35)",
|
2504
|
+
backdropFilter: "blur(5px)",
|
2506
2505
|
inset: 0,
|
2507
|
-
zIndex: 1000,
|
2508
2506
|
variants: {
|
2509
2507
|
animation: {
|
2510
2508
|
true: {
|
@@ -2536,7 +2534,6 @@ var StyledDialogContent = styled(DialogPrimitive__namespace.Content, panelStyles
|
|
2536
2534
|
borderRadius: "$4",
|
2537
2535
|
boxShadow: "$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px",
|
2538
2536
|
color: "$black",
|
2539
|
-
zIndex: 1001,
|
2540
2537
|
"&:focus": {
|
2541
2538
|
outline: "none",
|
2542
2539
|
},
|
@@ -2572,7 +2569,7 @@ var DialogContent = React__default["default"].forwardRef(function (_a, forwarded
|
|
2572
2569
|
var children = _a.children; _a.animation; var props = tslib.__rest(_a, ["children", "animation"]);
|
2573
2570
|
return (React__default["default"].createElement(DialogPrimitive__namespace.Portal, null,
|
2574
2571
|
React__default["default"].createElement(StyledOverlay$1, null),
|
2575
|
-
React__default["default"].createElement(StyledDialogContent, tslib.__assign({}, props, { ref: forwardedRef
|
2572
|
+
React__default["default"].createElement(StyledDialogContent, tslib.__assign({}, props, { ref: forwardedRef }),
|
2576
2573
|
children,
|
2577
2574
|
React__default["default"].createElement(StyledCloseButton$1, { asChild: true },
|
2578
2575
|
React__default["default"].createElement(IconButton, { variant: "ghost" },
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@livepeer/design-system",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.5",
|
4
4
|
"license": "MIT",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"module": "dist/index.es.js",
|
@@ -61,14 +61,14 @@
|
|
61
61
|
},
|
62
62
|
"devDependencies": {
|
63
63
|
"@next/mdx": "^12.2.4",
|
64
|
-
"@rollup/plugin-commonjs": "^
|
64
|
+
"@rollup/plugin-commonjs": "^24.0.1",
|
65
65
|
"@rollup/plugin-node-resolve": "^13.3.0",
|
66
66
|
"@types/bezier-easing": "^2.1.2",
|
67
67
|
"@types/chroma-js": "^2.1.4",
|
68
68
|
"@types/lodash.merge": "^4.6.7",
|
69
69
|
"@types/lodash.omit": "^4.5.7",
|
70
70
|
"@types/node": "18.6.4",
|
71
|
-
"@types/react": "^18.0.
|
71
|
+
"@types/react": "^18.0.28",
|
72
72
|
"@types/react-transition-group": "^4.4.5",
|
73
73
|
"bezier-easing": "^2.1.0",
|
74
74
|
"chroma-js": "^2.4.2",
|
@@ -82,7 +82,7 @@
|
|
82
82
|
"react": "^18.2.0",
|
83
83
|
"react-bezier-curve-editor": "^1.1.2",
|
84
84
|
"react-dom": "^18.2.0",
|
85
|
-
"rollup": "^2.
|
85
|
+
"rollup": "^2.79.1",
|
86
86
|
"rollup-plugin-peer-deps-external": "^2.2.4",
|
87
87
|
"rollup-plugin-typescript2": "^0.32.1",
|
88
88
|
"typescript": "^4.7.4"
|