@livepeer/design-system 1.0.0 → 1.0.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.es.js +18 -7
- package/dist/index.js +18 -7
- package/package.json +2 -2
package/dist/index.es.js
CHANGED
@@ -819,7 +819,8 @@ var Avatar = React.forwardRef(function (_a, forwardedRef) {
|
|
819
819
|
mb: "-3px",
|
820
820
|
} },
|
821
821
|
React.createElement(Status, { size: size && size > 2 ? "2" : "1", variant: status })))));
|
822
|
-
});
|
822
|
+
});
|
823
|
+
Avatar.displayName = "Avatar";
|
823
824
|
|
824
825
|
var Badge = styled("span", {
|
825
826
|
// Reset
|
@@ -1708,7 +1709,8 @@ var StyledIndicator$1 = styled(CheckboxPrimitive.Indicator, {
|
|
1708
1709
|
});
|
1709
1710
|
var Checkbox = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledCheckbox, __assign({}, props, { ref: forwardedRef }),
|
1710
1711
|
React.createElement(StyledIndicator$1, null,
|
1711
|
-
React.createElement(CheckIcon, null)))); });
|
1712
|
+
React.createElement(CheckIcon, null)))); });
|
1713
|
+
Checkbox.displayName = "Checkbox";
|
1712
1714
|
|
1713
1715
|
var Code = styled("code", {
|
1714
1716
|
fontFamily: "$mono",
|
@@ -1951,6 +1953,7 @@ var ContextMenuTrigger = ContextMenuPrimitive.Trigger;
|
|
1951
1953
|
var StyledContent$4 = styled(ContextMenuPrimitive.Content, menuCss, panelStyles);
|
1952
1954
|
var ContextMenuContent = React.forwardRef(function (props, forwardedRef) { return (React.createElement(ContextMenuPrimitive.Portal, null,
|
1953
1955
|
React.createElement(StyledContent$4, __assign({}, props, { ref: forwardedRef })))); });
|
1956
|
+
ContextMenuContent.displayName = "ContextMenuContent";
|
1954
1957
|
var ContextMenuItem = styled(ContextMenuPrimitive.Item, itemCss);
|
1955
1958
|
var ContextMenuGroup = styled(ContextMenuPrimitive.Group, {});
|
1956
1959
|
var ContextMenuLabel = styled(ContextMenuPrimitive.Label, labelCss);
|
@@ -1964,6 +1967,7 @@ var ContextMenuCheckboxItem = React.forwardRef(function (_a, forwardedRef) {
|
|
1964
1967
|
React.createElement(CheckIcon, null))),
|
1965
1968
|
children));
|
1966
1969
|
});
|
1970
|
+
ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
|
1967
1971
|
var ContextMenuRadioGroup = styled(ContextMenuPrimitive.RadioGroup, {});
|
1968
1972
|
var StyledContextMenuRadioItem = styled(ContextMenuPrimitive.RadioItem, itemCss);
|
1969
1973
|
var ContextMenuRadioItem = React.forwardRef(function (_a, forwardedRef) {
|
@@ -1984,7 +1988,8 @@ var ContextMenuRadioItem = React.forwardRef(function (_a, forwardedRef) {
|
|
1984
1988
|
borderRadius: "$round",
|
1985
1989
|
} })))),
|
1986
1990
|
children));
|
1987
|
-
});
|
1991
|
+
});
|
1992
|
+
ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
|
1988
1993
|
|
1989
1994
|
var StyledTextField = styled("input", {
|
1990
1995
|
// Reset
|
@@ -3236,6 +3241,7 @@ var PopoverContent = React.forwardRef(function (_a, fowardedRef) {
|
|
3236
3241
|
!hideArrow && (React.createElement(Box, { css: { color: "$panel" } },
|
3237
3242
|
React.createElement(PopoverPrimitive.Arrow, { width: 11, height: 5, style: { fill: "currentColor" } }))))));
|
3238
3243
|
});
|
3244
|
+
PopoverContent.displayName = "PopoverContent";
|
3239
3245
|
var PopoverClose = PopoverPrimitive.Close;
|
3240
3246
|
|
3241
3247
|
var indeterminateProgress = keyframes({
|
@@ -3309,7 +3315,8 @@ var ProgressBar = React.forwardRef(function (_a, forwardedRef) {
|
|
3309
3315
|
var percentage = value != null ? Math.round((value / max) * 100) : null;
|
3310
3316
|
return (React.createElement(StyledProgressBar, __assign({}, props, { ref: forwardedRef, value: value, max: max }),
|
3311
3317
|
React.createElement(ProgressBarIndicator, { style: { transform: "translateX(".concat(percentage, "%)") } })));
|
3312
|
-
});
|
3318
|
+
});
|
3319
|
+
ProgressBar.displayName = "ProgressBar";
|
3313
3320
|
|
3314
3321
|
var _a$4;
|
3315
3322
|
var RadioGroup = styled(RadioGroupPrimitive.Root, {
|
@@ -3389,7 +3396,8 @@ var StyledRadio$1 = styled(RadioGroupPrimitive.Item, {
|
|
3389
3396
|
},
|
3390
3397
|
});
|
3391
3398
|
var Radio = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledRadio$1, __assign({}, props, { ref: forwardedRef }),
|
3392
|
-
React.createElement(StyledIndicator, null))); });
|
3399
|
+
React.createElement(StyledIndicator, null))); });
|
3400
|
+
Radio.displayName = "Radio";
|
3393
3401
|
|
3394
3402
|
var _a$3;
|
3395
3403
|
var RadioCardGroup = styled(RadioGroupPrimitive.Root, {
|
@@ -3606,6 +3614,7 @@ var SheetContent = React.forwardRef(function (_a, forwardedRef) {
|
|
3606
3614
|
React.createElement(IconButton, { variant: "ghost" },
|
3607
3615
|
React.createElement(Cross1Icon, null))))));
|
3608
3616
|
});
|
3617
|
+
SheetContent.displayName = "SheetContent";
|
3609
3618
|
var SheetClose = DialogPrimitive.Close;
|
3610
3619
|
var SheetTitle = DialogPrimitive.Title;
|
3611
3620
|
var SheetDescription = DialogPrimitive.Description;
|
@@ -3835,7 +3844,8 @@ var Slider = React.forwardRef(function (props, forwardedRef) {
|
|
3835
3844
|
React.createElement(SliderTrack, null,
|
3836
3845
|
React.createElement(SliderRange, null)),
|
3837
3846
|
thumbsArray.map(function (_, i) { return (React.createElement(SliderThumb, { key: i })); })));
|
3838
|
-
});
|
3847
|
+
});
|
3848
|
+
Slider.displayName = "Slider";
|
3839
3849
|
|
3840
3850
|
var Sub = styled("sub", {
|
3841
3851
|
fontFeatureSettings: '"subs"',
|
@@ -4508,6 +4518,7 @@ var StyledVerifiedBadge = styled("div", Flex, {
|
|
4508
4518
|
height: "$3",
|
4509
4519
|
});
|
4510
4520
|
var VerifiedBadge = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledVerifiedBadge, __assign({}, props, { ref: forwardedRef }),
|
4511
|
-
React.createElement(CheckIcon, null))); });
|
4521
|
+
React.createElement(CheckIcon, null))); });
|
4522
|
+
VerifiedBadge.displayName = "VerifiedBadge";
|
4512
4523
|
|
4513
4524
|
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
CHANGED
@@ -862,7 +862,8 @@ var Avatar = React__default["default"].forwardRef(function (_a, forwardedRef) {
|
|
862
862
|
mb: "-3px",
|
863
863
|
} },
|
864
864
|
React__default["default"].createElement(Status, { size: size && size > 2 ? "2" : "1", variant: status })))));
|
865
|
-
});
|
865
|
+
});
|
866
|
+
Avatar.displayName = "Avatar";
|
866
867
|
|
867
868
|
var Badge = styled("span", {
|
868
869
|
// Reset
|
@@ -1751,7 +1752,8 @@ var StyledIndicator$1 = styled(CheckboxPrimitive__namespace.Indicator, {
|
|
1751
1752
|
});
|
1752
1753
|
var Checkbox = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledCheckbox, tslib.__assign({}, props, { ref: forwardedRef }),
|
1753
1754
|
React__default["default"].createElement(StyledIndicator$1, null,
|
1754
|
-
React__default["default"].createElement(reactIcons.CheckIcon, null)))); });
|
1755
|
+
React__default["default"].createElement(reactIcons.CheckIcon, null)))); });
|
1756
|
+
Checkbox.displayName = "Checkbox";
|
1755
1757
|
|
1756
1758
|
var Code = styled("code", {
|
1757
1759
|
fontFamily: "$mono",
|
@@ -1994,6 +1996,7 @@ var ContextMenuTrigger = ContextMenuPrimitive__namespace.Trigger;
|
|
1994
1996
|
var StyledContent$4 = styled(ContextMenuPrimitive__namespace.Content, menuCss, panelStyles);
|
1995
1997
|
var ContextMenuContent = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(ContextMenuPrimitive__namespace.Portal, null,
|
1996
1998
|
React__default["default"].createElement(StyledContent$4, tslib.__assign({}, props, { ref: forwardedRef })))); });
|
1999
|
+
ContextMenuContent.displayName = "ContextMenuContent";
|
1997
2000
|
var ContextMenuItem = styled(ContextMenuPrimitive__namespace.Item, itemCss);
|
1998
2001
|
var ContextMenuGroup = styled(ContextMenuPrimitive__namespace.Group, {});
|
1999
2002
|
var ContextMenuLabel = styled(ContextMenuPrimitive__namespace.Label, labelCss);
|
@@ -2007,6 +2010,7 @@ var ContextMenuCheckboxItem = React__default["default"].forwardRef(function (_a,
|
|
2007
2010
|
React__default["default"].createElement(reactIcons.CheckIcon, null))),
|
2008
2011
|
children));
|
2009
2012
|
});
|
2013
|
+
ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
|
2010
2014
|
var ContextMenuRadioGroup = styled(ContextMenuPrimitive__namespace.RadioGroup, {});
|
2011
2015
|
var StyledContextMenuRadioItem = styled(ContextMenuPrimitive__namespace.RadioItem, itemCss);
|
2012
2016
|
var ContextMenuRadioItem = React__default["default"].forwardRef(function (_a, forwardedRef) {
|
@@ -2027,7 +2031,8 @@ var ContextMenuRadioItem = React__default["default"].forwardRef(function (_a, fo
|
|
2027
2031
|
borderRadius: "$round",
|
2028
2032
|
} })))),
|
2029
2033
|
children));
|
2030
|
-
});
|
2034
|
+
});
|
2035
|
+
ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
|
2031
2036
|
|
2032
2037
|
var StyledTextField = styled("input", {
|
2033
2038
|
// Reset
|
@@ -3279,6 +3284,7 @@ var PopoverContent = React__default["default"].forwardRef(function (_a, fowarded
|
|
3279
3284
|
!hideArrow && (React__default["default"].createElement(Box, { css: { color: "$panel" } },
|
3280
3285
|
React__default["default"].createElement(PopoverPrimitive__namespace.Arrow, { width: 11, height: 5, style: { fill: "currentColor" } }))))));
|
3281
3286
|
});
|
3287
|
+
PopoverContent.displayName = "PopoverContent";
|
3282
3288
|
var PopoverClose = PopoverPrimitive__namespace.Close;
|
3283
3289
|
|
3284
3290
|
var indeterminateProgress = keyframes({
|
@@ -3352,7 +3358,8 @@ var ProgressBar = React__default["default"].forwardRef(function (_a, forwardedRe
|
|
3352
3358
|
var percentage = value != null ? Math.round((value / max) * 100) : null;
|
3353
3359
|
return (React__default["default"].createElement(StyledProgressBar, tslib.__assign({}, props, { ref: forwardedRef, value: value, max: max }),
|
3354
3360
|
React__default["default"].createElement(ProgressBarIndicator, { style: { transform: "translateX(".concat(percentage, "%)") } })));
|
3355
|
-
});
|
3361
|
+
});
|
3362
|
+
ProgressBar.displayName = "ProgressBar";
|
3356
3363
|
|
3357
3364
|
var _a$4;
|
3358
3365
|
var RadioGroup = styled(RadioGroupPrimitive__namespace.Root, {
|
@@ -3432,7 +3439,8 @@ var StyledRadio$1 = styled(RadioGroupPrimitive__namespace.Item, {
|
|
3432
3439
|
},
|
3433
3440
|
});
|
3434
3441
|
var Radio = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledRadio$1, tslib.__assign({}, props, { ref: forwardedRef }),
|
3435
|
-
React__default["default"].createElement(StyledIndicator, null))); });
|
3442
|
+
React__default["default"].createElement(StyledIndicator, null))); });
|
3443
|
+
Radio.displayName = "Radio";
|
3436
3444
|
|
3437
3445
|
var _a$3;
|
3438
3446
|
var RadioCardGroup = styled(RadioGroupPrimitive__namespace.Root, {
|
@@ -3649,6 +3657,7 @@ var SheetContent = React__default["default"].forwardRef(function (_a, forwardedR
|
|
3649
3657
|
React__default["default"].createElement(IconButton, { variant: "ghost" },
|
3650
3658
|
React__default["default"].createElement(reactIcons.Cross1Icon, null))))));
|
3651
3659
|
});
|
3660
|
+
SheetContent.displayName = "SheetContent";
|
3652
3661
|
var SheetClose = DialogPrimitive__namespace.Close;
|
3653
3662
|
var SheetTitle = DialogPrimitive__namespace.Title;
|
3654
3663
|
var SheetDescription = DialogPrimitive__namespace.Description;
|
@@ -3878,7 +3887,8 @@ var Slider = React__default["default"].forwardRef(function (props, forwardedRef)
|
|
3878
3887
|
React__default["default"].createElement(SliderTrack, null,
|
3879
3888
|
React__default["default"].createElement(SliderRange, null)),
|
3880
3889
|
thumbsArray.map(function (_, i) { return (React__default["default"].createElement(SliderThumb, { key: i })); })));
|
3881
|
-
});
|
3890
|
+
});
|
3891
|
+
Slider.displayName = "Slider";
|
3882
3892
|
|
3883
3893
|
var Sub = styled("sub", {
|
3884
3894
|
fontFeatureSettings: '"subs"',
|
@@ -4551,7 +4561,8 @@ var StyledVerifiedBadge = styled("div", Flex, {
|
|
4551
4561
|
height: "$3",
|
4552
4562
|
});
|
4553
4563
|
var VerifiedBadge = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledVerifiedBadge, tslib.__assign({}, props, { ref: forwardedRef }),
|
4554
|
-
React__default["default"].createElement(reactIcons.CheckIcon, null))); });
|
4564
|
+
React__default["default"].createElement(reactIcons.CheckIcon, null))); });
|
4565
|
+
VerifiedBadge.displayName = "VerifiedBadge";
|
4555
4566
|
|
4556
4567
|
Object.defineProperty(exports, 'AccessibleIcon', {
|
4557
4568
|
enumerable: true,
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@livepeer/design-system",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.1",
|
4
4
|
"license": "MIT",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"module": "dist/index.es.js",
|
@@ -66,7 +66,7 @@
|
|
66
66
|
"@types/chroma-js": "^2.1.4",
|
67
67
|
"@types/lodash.merge": "^4.6.7",
|
68
68
|
"@types/lodash.omit": "^4.5.7",
|
69
|
-
"@types/node": "18.6.
|
69
|
+
"@types/node": "18.6.4",
|
70
70
|
"@types/react": "^18.0.15",
|
71
71
|
"@types/react-transition-group": "^4.4.5",
|
72
72
|
"bezier-easing": "^2.1.0",
|