@livepeer/design-system 0.0.0-beta.2 → 0.0.0-beta.5

Sign up to get free protection for your applications and to get access to all the features.
package/README.md ADDED
@@ -0,0 +1,13 @@
1
+ # Documentation
2
+
3
+ Design system for Livepeer VS products
4
+
5
+ ## Documentation
6
+
7
+ Visit [https://livepeer-design-system.vercel.app/](https://livepeer-design-system.vercel.app/) to view the design system reference components.
8
+
9
+ ## Usage
10
+
11
+ ```
12
+ yarn add @livepeer/design-system
13
+ ```
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, RadioCardGroup, Section, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetTitle, SheetTrigger, SimpleToggle, Skeleton, Slider, Status, Sup, Sub, TabLink, TextArea, Tooltip, TreeItem, VerifiedBadge, } from "@modulz/design-system";
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, RadioCardGroup, 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';
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';
@@ -413,8 +413,7 @@ var Button = styled(DEFAULT_TAG$5, {
413
413
  "&:hover": { bc: "$neutral5" },
414
414
  "&:active": { bc: "$neutral6" },
415
415
  "&:disabled": {
416
- bc: "$neutral2",
417
- color: "$neutral8",
416
+ opacity: 0.5,
418
417
  cursor: "not-allowed",
419
418
  },
420
419
  variants: {
@@ -455,8 +454,7 @@ var Button = styled(DEFAULT_TAG$5, {
455
454
  "&:hover": { bc: "$primary5" },
456
455
  "&:active": { bc: "$primary6" },
457
456
  "&:disabled": {
458
- bc: "$primary2",
459
- color: "$primary8",
457
+ opacity: 0.5,
460
458
  },
461
459
  '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
462
460
  bc: "$primary4",
@@ -468,8 +466,7 @@ var Button = styled(DEFAULT_TAG$5, {
468
466
  "&:hover": { bc: "$neutral5" },
469
467
  "&:active": { bc: "$neutral6" },
470
468
  "&:disabled": {
471
- bc: "$neutral4",
472
- color: "$neutral8",
469
+ opacity: 0.5,
473
470
  },
474
471
  '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
475
472
  bc: "$neutral4",
@@ -485,9 +482,7 @@ var Button = styled(DEFAULT_TAG$5, {
485
482
  bc: "hsla(0,100%,100%,.3)",
486
483
  },
487
484
  "&:disabled": {
488
- bc: "hsla(0,100%,100%,.2)",
489
- color: "white",
490
- opacity: 0.4,
485
+ opacity: 0.5,
491
486
  },
492
487
  }, transparentBlack: {
493
488
  bc: "hsla(0,0%,0%,.2)",
@@ -2114,7 +2109,7 @@ var Switch = styled(Switch$1, {
2114
2109
  });
2115
2110
 
2116
2111
  var _a$1;
2117
- styled(RadioGroupPrimitive.Root, {
2112
+ var RadioCardGroup = styled(RadioGroupPrimitive.Root, {
2118
2113
  display: "block",
2119
2114
  });
2120
2115
  var StyledRadioButton = styled("div", {
@@ -2270,4 +2265,4 @@ var Table = styled("table", {
2270
2265
  },
2271
2266
  });
2272
2267
 
2273
- 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
@@ -443,8 +443,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
443
443
  "&:hover": { bc: "$neutral5" },
444
444
  "&:active": { bc: "$neutral6" },
445
445
  "&:disabled": {
446
- bc: "$neutral2",
447
- color: "$neutral8",
446
+ opacity: 0.5,
448
447
  cursor: "not-allowed",
449
448
  },
450
449
  variants: {
@@ -485,8 +484,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
485
484
  "&:hover": { bc: "$primary5" },
486
485
  "&:active": { bc: "$primary6" },
487
486
  "&:disabled": {
488
- bc: "$primary2",
489
- color: "$primary8",
487
+ opacity: 0.5,
490
488
  },
491
489
  '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
492
490
  bc: "$primary4",
@@ -498,8 +496,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
498
496
  "&:hover": { bc: "$neutral5" },
499
497
  "&:active": { bc: "$neutral6" },
500
498
  "&:disabled": {
501
- bc: "$neutral4",
502
- color: "$neutral8",
499
+ opacity: 0.5,
503
500
  },
504
501
  '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
505
502
  bc: "$neutral4",
@@ -515,9 +512,7 @@ var Button = designSystem.styled(DEFAULT_TAG$5, {
515
512
  bc: "hsla(0,100%,100%,.3)",
516
513
  },
517
514
  "&:disabled": {
518
- bc: "hsla(0,100%,100%,.2)",
519
- color: "white",
520
- opacity: 0.4,
515
+ opacity: 0.5,
521
516
  },
522
517
  }, transparentBlack: {
523
518
  bc: "hsla(0,0%,0%,.2)",
@@ -2144,7 +2139,7 @@ var Switch = designSystem.styled(designSystem.Switch, {
2144
2139
  });
2145
2140
 
2146
2141
  var _a$1;
2147
- designSystem.styled(RadioGroupPrimitive__namespace.Root, {
2142
+ var RadioCardGroup = designSystem.styled(RadioGroupPrimitive__namespace.Root, {
2148
2143
  display: "block",
2149
2144
  });
2150
2145
  var StyledRadioButton = designSystem.styled("div", {
@@ -2508,10 +2503,6 @@ Object.defineProperty(exports, 'Radio', {
2508
2503
  enumerable: true,
2509
2504
  get: function () { return designSystem.Radio; }
2510
2505
  });
2511
- Object.defineProperty(exports, 'RadioCardGroup', {
2512
- enumerable: true,
2513
- get: function () { return designSystem.RadioCardGroup; }
2514
- });
2515
2506
  Object.defineProperty(exports, 'RadioGroup', {
2516
2507
  enumerable: true,
2517
2508
  get: function () { return designSystem.RadioGroup; }
@@ -2685,6 +2676,7 @@ exports.Label = Label;
2685
2676
  exports.Link = Link;
2686
2677
  exports.Promo = Promo;
2687
2678
  exports.RadioCard = RadioCard;
2679
+ exports.RadioCardGroup = RadioCardGroup;
2688
2680
  exports.Select = Select;
2689
2681
  exports.SnackbarProvider = SnackbarProvider;
2690
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.2",
3
+ "version": "0.0.0-beta.5",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -34,7 +34,7 @@
34
34
  "@radix-ui/react-context-menu": "0.1.1",
35
35
  "@radix-ui/react-dialog": "0.1.1",
36
36
  "@radix-ui/react-dropdown-menu": "0.1.1",
37
- "@radix-ui/react-hover-card": "0.0.3",
37
+ "@radix-ui/react-hover-card": "0.1.5",
38
38
  "@radix-ui/react-icons": "1.0.3",
39
39
  "@radix-ui/react-id": "^0.1.1",
40
40
  "@radix-ui/react-label": "^0.0.13",
@@ -75,16 +75,16 @@
75
75
  "eslint-config-next": "12.0.7",
76
76
  "husky": "^4.0.0",
77
77
  "lint-staged": "^9.5.0",
78
- "next": "^12.0.4",
78
+ "next": "^12.1.5",
79
79
  "np": "^7.3.0",
80
80
  "prettier": "^2.0.5",
81
- "react": "^17.0.2",
81
+ "react": "^18.1.0",
82
82
  "react-bezier-curve-editor": "^1.0.0",
83
- "react-dom": "^17.0.2",
83
+ "react-dom": "^18.1.0",
84
84
  "rollup": "^2.33.1",
85
85
  "rollup-plugin-peer-deps-external": "^2.2.4",
86
86
  "rollup-plugin-typescript2": "^0.31.0",
87
- "typescript": "^4.5.2"
87
+ "typescript": "4.5.5"
88
88
  },
89
89
  "publishConfig": {
90
90
  "registry": "https://registry.npmjs.org"