@livepeer/design-system 0.0.0-beta.3 → 0.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +13 -0
- package/dist/index.es.js +4 -10
- package/dist/index.js +4 -10
- package/package.json +6 -6
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.es.js
CHANGED
@@ -413,8 +413,7 @@ var Button = styled(DEFAULT_TAG$5, {
|
|
413
413
|
"&:hover": { bc: "$neutral5" },
|
414
414
|
"&:active": { bc: "$neutral6" },
|
415
415
|
"&:disabled": {
|
416
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
489
|
-
color: "white",
|
490
|
-
opacity: 0.4,
|
485
|
+
opacity: 0.5,
|
491
486
|
},
|
492
487
|
}, transparentBlack: {
|
493
488
|
bc: "hsla(0,0%,0%,.2)",
|
@@ -846,7 +841,6 @@ var Text = styled(DEFAULT_TAG$1, {
|
|
846
841
|
lineHeight: 1.5,
|
847
842
|
margin: "0",
|
848
843
|
fontWeight: 400,
|
849
|
-
fontVariantNumeric: "tabular-nums",
|
850
844
|
display: "block",
|
851
845
|
variants: {
|
852
846
|
size: {
|
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
|
-
|
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
|
-
|
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
|
-
|
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
|
-
|
519
|
-
color: "white",
|
520
|
-
opacity: 0.4,
|
515
|
+
opacity: 0.5,
|
521
516
|
},
|
522
517
|
}, transparentBlack: {
|
523
518
|
bc: "hsla(0,0%,0%,.2)",
|
@@ -876,7 +871,6 @@ var Text = designSystem.styled(DEFAULT_TAG$1, {
|
|
876
871
|
lineHeight: 1.5,
|
877
872
|
margin: "0",
|
878
873
|
fontWeight: 400,
|
879
|
-
fontVariantNumeric: "tabular-nums",
|
880
874
|
display: "block",
|
881
875
|
variants: {
|
882
876
|
size: {
|
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.6",
|
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.
|
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.
|
78
|
+
"next": "^12.1.5",
|
79
79
|
"np": "^7.3.0",
|
80
80
|
"prettier": "^2.0.5",
|
81
|
-
"react": "^
|
81
|
+
"react": "^18.1.0",
|
82
82
|
"react-bezier-curve-editor": "^1.0.0",
|
83
|
-
"react-dom": "^
|
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": "
|
87
|
+
"typescript": "4.5.5"
|
88
88
|
},
|
89
89
|
"publishConfig": {
|
90
90
|
"registry": "https://registry.npmjs.org"
|