@livepeer/design-system 1.0.10 → 1.0.11
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/dist/components/Button.d.ts +1 -1
- package/dist/index.es.js +5 -25
- package/dist/index.js +5 -25
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {
|
|
2
2
|
size?: number | "1" | "2" | "3" | "4" | undefined;
|
|
3
|
-
variant?: "gray" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "mint" | "green" | "grass" | "lime" | "yellow" | "amber" | "orange" | "brown" | "primary" | "neutral" |
|
|
3
|
+
variant?: "gray" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "mint" | "green" | "grass" | "lime" | "yellow" | "amber" | "orange" | "brown" | "primary" | "neutral" | undefined;
|
|
4
4
|
ghost?: boolean | "true" | undefined;
|
|
5
5
|
}, {
|
|
6
6
|
bp1: "(min-width: 520px)";
|
package/dist/index.es.js
CHANGED
|
@@ -1426,7 +1426,7 @@ var Button = styled("button", {
|
|
|
1426
1426
|
height: "$5",
|
|
1427
1427
|
fontFamily: "$body",
|
|
1428
1428
|
fontSize: "$2",
|
|
1429
|
-
fontWeight:
|
|
1429
|
+
fontWeight: 600,
|
|
1430
1430
|
ai: "center",
|
|
1431
1431
|
cursor: "pointer",
|
|
1432
1432
|
px: "$3",
|
|
@@ -1466,11 +1466,11 @@ var Button = styled("button", {
|
|
|
1466
1466
|
borderRadius: "$2",
|
|
1467
1467
|
height: "$7",
|
|
1468
1468
|
px: "$4",
|
|
1469
|
-
fontSize: "$
|
|
1469
|
+
fontSize: "$3",
|
|
1470
1470
|
lineHeight: "$sizes$7",
|
|
1471
1471
|
},
|
|
1472
1472
|
},
|
|
1473
|
-
variant: __assign(
|
|
1473
|
+
variant: __assign({ primary: {
|
|
1474
1474
|
bc: "$primary9",
|
|
1475
1475
|
color: "white",
|
|
1476
1476
|
"&:hover": { bc: "$primary10" },
|
|
@@ -1495,28 +1495,7 @@ var Button = styled("button", {
|
|
|
1495
1495
|
bc: "$neutral4",
|
|
1496
1496
|
boxShadow: "inset 0 0 0 1px $colors$primary8",
|
|
1497
1497
|
},
|
|
1498
|
-
} }, colorVariants$1),
|
|
1499
|
-
bc: "hsla(0,100%,100%,.2)",
|
|
1500
|
-
color: "white",
|
|
1501
|
-
"&:hover": {
|
|
1502
|
-
bc: "hsla(0,100%,100%,.25)",
|
|
1503
|
-
},
|
|
1504
|
-
"&:active": {
|
|
1505
|
-
bc: "hsla(0,100%,100%,.3)",
|
|
1506
|
-
},
|
|
1507
|
-
"&:disabled": {
|
|
1508
|
-
opacity: 0.5,
|
|
1509
|
-
},
|
|
1510
|
-
}, transparentBlack: {
|
|
1511
|
-
bc: "hsla(0,0%,0%,.2)",
|
|
1512
|
-
color: "black",
|
|
1513
|
-
"&:hover": {
|
|
1514
|
-
bc: "hsla(0,0%,0%,.25)",
|
|
1515
|
-
},
|
|
1516
|
-
"&:active": {
|
|
1517
|
-
bc: "hsla(0,0%,0%,.3)",
|
|
1518
|
-
},
|
|
1519
|
-
} }),
|
|
1498
|
+
} }, colorVariants$1),
|
|
1520
1499
|
ghost: {
|
|
1521
1500
|
true: {
|
|
1522
1501
|
bc: "transparent",
|
|
@@ -1549,6 +1528,7 @@ var Button = styled("button", {
|
|
|
1549
1528
|
variant: "neutral",
|
|
1550
1529
|
ghost: "true",
|
|
1551
1530
|
css: {
|
|
1531
|
+
border: "none",
|
|
1552
1532
|
bc: "transparent",
|
|
1553
1533
|
color: "$neutral12",
|
|
1554
1534
|
fontWeight: 600,
|
package/dist/index.js
CHANGED
|
@@ -1470,7 +1470,7 @@ var Button = styled("button", {
|
|
|
1470
1470
|
height: "$5",
|
|
1471
1471
|
fontFamily: "$body",
|
|
1472
1472
|
fontSize: "$2",
|
|
1473
|
-
fontWeight:
|
|
1473
|
+
fontWeight: 600,
|
|
1474
1474
|
ai: "center",
|
|
1475
1475
|
cursor: "pointer",
|
|
1476
1476
|
px: "$3",
|
|
@@ -1510,11 +1510,11 @@ var Button = styled("button", {
|
|
|
1510
1510
|
borderRadius: "$2",
|
|
1511
1511
|
height: "$7",
|
|
1512
1512
|
px: "$4",
|
|
1513
|
-
fontSize: "$
|
|
1513
|
+
fontSize: "$3",
|
|
1514
1514
|
lineHeight: "$sizes$7",
|
|
1515
1515
|
},
|
|
1516
1516
|
},
|
|
1517
|
-
variant: tslib.__assign(
|
|
1517
|
+
variant: tslib.__assign({ primary: {
|
|
1518
1518
|
bc: "$primary9",
|
|
1519
1519
|
color: "white",
|
|
1520
1520
|
"&:hover": { bc: "$primary10" },
|
|
@@ -1539,28 +1539,7 @@ var Button = styled("button", {
|
|
|
1539
1539
|
bc: "$neutral4",
|
|
1540
1540
|
boxShadow: "inset 0 0 0 1px $colors$primary8",
|
|
1541
1541
|
},
|
|
1542
|
-
} }, colorVariants$1),
|
|
1543
|
-
bc: "hsla(0,100%,100%,.2)",
|
|
1544
|
-
color: "white",
|
|
1545
|
-
"&:hover": {
|
|
1546
|
-
bc: "hsla(0,100%,100%,.25)",
|
|
1547
|
-
},
|
|
1548
|
-
"&:active": {
|
|
1549
|
-
bc: "hsla(0,100%,100%,.3)",
|
|
1550
|
-
},
|
|
1551
|
-
"&:disabled": {
|
|
1552
|
-
opacity: 0.5,
|
|
1553
|
-
},
|
|
1554
|
-
}, transparentBlack: {
|
|
1555
|
-
bc: "hsla(0,0%,0%,.2)",
|
|
1556
|
-
color: "black",
|
|
1557
|
-
"&:hover": {
|
|
1558
|
-
bc: "hsla(0,0%,0%,.25)",
|
|
1559
|
-
},
|
|
1560
|
-
"&:active": {
|
|
1561
|
-
bc: "hsla(0,0%,0%,.3)",
|
|
1562
|
-
},
|
|
1563
|
-
} }),
|
|
1542
|
+
} }, colorVariants$1),
|
|
1564
1543
|
ghost: {
|
|
1565
1544
|
true: {
|
|
1566
1545
|
bc: "transparent",
|
|
@@ -1593,6 +1572,7 @@ var Button = styled("button", {
|
|
|
1593
1572
|
variant: "neutral",
|
|
1594
1573
|
ghost: "true",
|
|
1595
1574
|
css: {
|
|
1575
|
+
border: "none",
|
|
1596
1576
|
bc: "transparent",
|
|
1597
1577
|
color: "$neutral12",
|
|
1598
1578
|
fontWeight: 600,
|