@livepeer/design-system 0.0.0-beta.0 → 0.0.0-beta.4
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Snackbar/transitionStyles.d.ts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.es.js +11 -13
- package/dist/index.js +10 -15
- package/package.json +1 -2
package/dist/index.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export { Alert, Avatar, AvatarGroup, AvatarNestedItem, AspectRatio, Box, Checkbox, Code, Container, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Paragraph, Panel, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup,
|
1
|
+
export { Alert, Avatar, AvatarGroup, AvatarNestedItem, AspectRatio, Box, Checkbox, Code, Container, ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Paragraph, Panel, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sup, Sub, TabLink, TextArea, Tooltip, TreeItem, VerifiedBadge, } from "@modulz/design-system";
|
2
2
|
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, } from "./components/Accordian";
|
3
3
|
export { Dialog, DialogContent, DialogTrigger, DialogTitle, DialogDescription, DialogClose, } from "./components/Dialog";
|
4
4
|
export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/Tabs";
|
@@ -16,7 +16,7 @@ export { Badge } from "./components/Badge";
|
|
16
16
|
export { DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, } from "./components/DropdownMenu";
|
17
17
|
export { SnackbarProvider, useSnackbar } from "./components/Snackbar";
|
18
18
|
export { Switch } from "./components/Switch";
|
19
|
-
export { RadioCard } from "./components/RadioCard";
|
19
|
+
export { RadioCard, RadioCardGroup } from "./components/RadioCard";
|
20
20
|
export { Caption, Tbody, Tfoot, Tr, Th, Td, Thead, Table, } from "./components/Table";
|
21
21
|
export { Root as HoverCardRoot, Trigger as HoverCardTrigger, Content as HoverCardContent, Arrow as HoverCardArrow, } from "@radix-ui/react-hover-card";
|
22
22
|
export { AccessibleIcon } from "@radix-ui/react-accessible-icon";
|
package/dist/index.es.js
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
import { createTheme, styled, keyframes, TabsTrigger as TabsTrigger$1, TabsList as TabsList$1, TabsContent as TabsContent$1, Text as Text$1, Box, Select as Select$1, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuRadioItem as DropdownMenuRadioItem$1, DropdownMenuCheckboxItem as DropdownMenuCheckboxItem$1, Switch as Switch$1 } from '@modulz/design-system';
|
2
|
-
export { Alert, AspectRatio, Avatar, AvatarGroup, AvatarNestedItem, Box, Checkbox, Code, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Panel, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio,
|
2
|
+
export { Alert, AspectRatio, Avatar, AvatarGroup, AvatarNestedItem, Box, Checkbox, Code, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, ControlGroup, DesignSystemProvider, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuTrigger, Flex, Grid, Heading, IconButton, Image, Kbd, Menu, MenuCheckboxItem, MenuGroup, MenuItem, MenuLabel, MenuRadioGroup, MenuRadioItem, MenuSeparator, Overlay, Panel, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, Portal, ProgressBar, Radio, RadioGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sub, Sup, TabLink, Tabs, TextArea, Tooltip, TreeItem, VerifiedBadge, css, getCssText, globalCss, keyframes, styled } from '@modulz/design-system';
|
3
3
|
import { __assign, __rest, __spreadArray } from 'tslib';
|
4
4
|
import React, { createContext, useState, useContext } from 'react';
|
5
5
|
import { gray, mauve, slate, sage, olive, sand, tomato, red, crimson, pink, plum, purple, violet, indigo, blue, sky, mint, cyan, teal, green, grass, lime, yellow, amber, orange, brown, bronze, gold, whiteA, blackA, grayDark, mauveDark, slateDark, sageDark, oliveDark, sandDark, tomatoDark, redDark, crimsonDark, pinkDark, plumDark, purpleDark, violetDark, indigoDark, blueDark, skyDark, mintDark, cyanDark, tealDark, greenDark, grassDark, limeDark, yellowDark, amberDark, orangeDark, brownDark, bronzeDark, goldDark } from '@radix-ui/colors';
|
@@ -142,6 +142,7 @@ var AccordionButton = React.forwardRef(function (_a, forwardedRef) {
|
|
142
142
|
React.createElement(ChevronRightIcon, null),
|
143
143
|
children)));
|
144
144
|
});
|
145
|
+
AccordionButton.displayName = "AccordionButton";
|
145
146
|
var Accordion = StyledAccordion;
|
146
147
|
var AccordionItem = StyledItem;
|
147
148
|
var AccordionPanel = StyledPanel;
|
@@ -165,6 +166,7 @@ var StyledOverlay$1 = styled(DialogPrimitive.Overlay, {
|
|
165
166
|
bottom: 0,
|
166
167
|
left: 0,
|
167
168
|
backgroundColor: "rgba(0,0,0,.35)",
|
169
|
+
backdropFilter: "blur(5px)",
|
168
170
|
inset: 0,
|
169
171
|
variants: {
|
170
172
|
animation: {
|
@@ -411,8 +413,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
411
413
|
"&:hover": { bc: "$neutral5" },
|
412
414
|
"&:active": { bc: "$neutral6" },
|
413
415
|
"&:disabled": {
|
414
|
-
|
415
|
-
color: "$neutral8",
|
416
|
+
opacity: 0.5,
|
416
417
|
cursor: "not-allowed",
|
417
418
|
},
|
418
419
|
variants: {
|
@@ -453,8 +454,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
453
454
|
"&:hover": { bc: "$primary5" },
|
454
455
|
"&:active": { bc: "$primary6" },
|
455
456
|
"&:disabled": {
|
456
|
-
|
457
|
-
color: "$primary8",
|
457
|
+
opacity: 0.5,
|
458
458
|
},
|
459
459
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
460
460
|
bc: "$primary4",
|
@@ -466,8 +466,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
466
466
|
"&:hover": { bc: "$neutral5" },
|
467
467
|
"&:active": { bc: "$neutral6" },
|
468
468
|
"&:disabled": {
|
469
|
-
|
470
|
-
color: "$neutral8",
|
469
|
+
opacity: 0.5,
|
471
470
|
},
|
472
471
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
473
472
|
bc: "$neutral4",
|
@@ -483,9 +482,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
483
482
|
bc: "hsla(0,100%,100%,.3)",
|
484
483
|
},
|
485
484
|
"&:disabled": {
|
486
|
-
|
487
|
-
color: "white",
|
488
|
-
opacity: 0.4,
|
485
|
+
opacity: 0.5,
|
489
486
|
},
|
490
487
|
}, transparentBlack: {
|
491
488
|
bc: "hsla(0,0%,0%,.2)",
|
@@ -2112,7 +2109,7 @@ var Switch = styled(Switch$1, {
|
|
2112
2109
|
});
|
2113
2110
|
|
2114
2111
|
var _a$1;
|
2115
|
-
styled(RadioGroupPrimitive.Root, {
|
2112
|
+
var RadioCardGroup = styled(RadioGroupPrimitive.Root, {
|
2116
2113
|
display: "block",
|
2117
2114
|
});
|
2118
2115
|
var StyledRadioButton = styled("div", {
|
@@ -2164,7 +2161,8 @@ var StyledRadio = styled(RadioGroupPrimitive.Item, {
|
|
2164
2161
|
var RadioCard = React.forwardRef(function (props, forwardedRef) { return (React.createElement(StyledRadio, __assign({}, props, { ref: forwardedRef }),
|
2165
2162
|
React.createElement(StyledRadioButton, null,
|
2166
2163
|
React.createElement(StyledRadioIndicator, null)),
|
2167
|
-
props.children)); });
|
2164
|
+
props.children)); });
|
2165
|
+
RadioCard.displayName = "RadioCard";
|
2168
2166
|
|
2169
2167
|
var _a, _b, _c;
|
2170
2168
|
var Caption = styled("caption", {
|
@@ -2267,4 +2265,4 @@ var Table = styled("table", {
|
|
2267
2265
|
},
|
2268
2266
|
});
|
2269
2267
|
|
2270
|
-
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Banner, Button, Caption, Card, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuRadioItem, Label, Link, Promo, RadioCard, Select, SnackbarProvider, Switch, Table, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextField, Tfoot, Th, Thead, Tr, themes, useSnackbar };
|
2268
|
+
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogTitle, AlertDialogTrigger, Badge, Banner, Button, Caption, Card, Dialog, DialogClose, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuRadioItem, Label, Link, Promo, RadioCard, RadioCardGroup, Select, SnackbarProvider, Switch, Table, TabsContent, TabsList, TabsTrigger, Tbody, Td, Text, TextField, Tfoot, Th, Thead, Tr, themes, useSnackbar };
|
package/dist/index.js
CHANGED
@@ -172,6 +172,7 @@ var AccordionButton = React__default["default"].forwardRef(function (_a, forward
|
|
172
172
|
React__default["default"].createElement(reactIcons.ChevronRightIcon, null),
|
173
173
|
children)));
|
174
174
|
});
|
175
|
+
AccordionButton.displayName = "AccordionButton";
|
175
176
|
var Accordion = StyledAccordion;
|
176
177
|
var AccordionItem = StyledItem;
|
177
178
|
var AccordionPanel = StyledPanel;
|
@@ -195,6 +196,7 @@ var StyledOverlay$1 = designSystem.styled(DialogPrimitive__namespace.Overlay, {
|
|
195
196
|
bottom: 0,
|
196
197
|
left: 0,
|
197
198
|
backgroundColor: "rgba(0,0,0,.35)",
|
199
|
+
backdropFilter: "blur(5px)",
|
198
200
|
inset: 0,
|
199
201
|
variants: {
|
200
202
|
animation: {
|
@@ -441,8 +443,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
441
443
|
"&:hover": { bc: "$neutral5" },
|
442
444
|
"&:active": { bc: "$neutral6" },
|
443
445
|
"&:disabled": {
|
444
|
-
|
445
|
-
color: "$neutral8",
|
446
|
+
opacity: 0.5,
|
446
447
|
cursor: "not-allowed",
|
447
448
|
},
|
448
449
|
variants: {
|
@@ -483,8 +484,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
483
484
|
"&:hover": { bc: "$primary5" },
|
484
485
|
"&:active": { bc: "$primary6" },
|
485
486
|
"&:disabled": {
|
486
|
-
|
487
|
-
color: "$primary8",
|
487
|
+
opacity: 0.5,
|
488
488
|
},
|
489
489
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
490
490
|
bc: "$primary4",
|
@@ -496,8 +496,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
496
496
|
"&:hover": { bc: "$neutral5" },
|
497
497
|
"&:active": { bc: "$neutral6" },
|
498
498
|
"&:disabled": {
|
499
|
-
|
500
|
-
color: "$neutral8",
|
499
|
+
opacity: 0.5,
|
501
500
|
},
|
502
501
|
'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
|
503
502
|
bc: "$neutral4",
|
@@ -513,9 +512,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
|
|
513
512
|
bc: "hsla(0,100%,100%,.3)",
|
514
513
|
},
|
515
514
|
"&:disabled": {
|
516
|
-
|
517
|
-
color: "white",
|
518
|
-
opacity: 0.4,
|
515
|
+
opacity: 0.5,
|
519
516
|
},
|
520
517
|
}, transparentBlack: {
|
521
518
|
bc: "hsla(0,0%,0%,.2)",
|
@@ -2142,7 +2139,7 @@ var Switch = designSystem.styled(designSystem.Switch, {
|
|
2142
2139
|
});
|
2143
2140
|
|
2144
2141
|
var _a$1;
|
2145
|
-
designSystem.styled(RadioGroupPrimitive__namespace.Root, {
|
2142
|
+
var RadioCardGroup = designSystem.styled(RadioGroupPrimitive__namespace.Root, {
|
2146
2143
|
display: "block",
|
2147
2144
|
});
|
2148
2145
|
var StyledRadioButton = designSystem.styled("div", {
|
@@ -2194,7 +2191,8 @@ var StyledRadio = designSystem.styled(RadioGroupPrimitive__namespace.Item, {
|
|
2194
2191
|
var RadioCard = React__default["default"].forwardRef(function (props, forwardedRef) { return (React__default["default"].createElement(StyledRadio, tslib.__assign({}, props, { ref: forwardedRef }),
|
2195
2192
|
React__default["default"].createElement(StyledRadioButton, null,
|
2196
2193
|
React__default["default"].createElement(StyledRadioIndicator, null)),
|
2197
|
-
props.children)); });
|
2194
|
+
props.children)); });
|
2195
|
+
RadioCard.displayName = "RadioCard";
|
2198
2196
|
|
2199
2197
|
var _a, _b, _c;
|
2200
2198
|
var Caption = designSystem.styled("caption", {
|
@@ -2505,10 +2503,6 @@ Object.defineProperty(exports, 'Radio', {
|
|
2505
2503
|
enumerable: true,
|
2506
2504
|
get: function () { return designSystem.Radio; }
|
2507
2505
|
});
|
2508
|
-
Object.defineProperty(exports, 'RadioCardGroup', {
|
2509
|
-
enumerable: true,
|
2510
|
-
get: function () { return designSystem.RadioCardGroup; }
|
2511
|
-
});
|
2512
2506
|
Object.defineProperty(exports, 'RadioGroup', {
|
2513
2507
|
enumerable: true,
|
2514
2508
|
get: function () { return designSystem.RadioGroup; }
|
@@ -2682,6 +2676,7 @@ exports.Label = Label;
|
|
2682
2676
|
exports.Link = Link;
|
2683
2677
|
exports.Promo = Promo;
|
2684
2678
|
exports.RadioCard = RadioCard;
|
2679
|
+
exports.RadioCardGroup = RadioCardGroup;
|
2685
2680
|
exports.Select = Select;
|
2686
2681
|
exports.SnackbarProvider = SnackbarProvider;
|
2687
2682
|
exports.Switch = Switch;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@livepeer/design-system",
|
3
|
-
"version": "0.0.0-beta.
|
3
|
+
"version": "0.0.0-beta.4",
|
4
4
|
"license": "MIT",
|
5
5
|
"main": "dist/index.js",
|
6
6
|
"module": "dist/index.es.js",
|
@@ -14,7 +14,6 @@
|
|
14
14
|
"start": "next start",
|
15
15
|
"lint": "next lint",
|
16
16
|
"test": "echo \"Error: no test specified\" && exit 0",
|
17
|
-
"postinstall": "yarn ds:build",
|
18
17
|
"ds:build": "rollup -c",
|
19
18
|
"ds:release": "yarn ds:build && np"
|
20
19
|
},
|