@livepeer/design-system 1.0.9 → 1.0.11

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/components/Button.d.ts +1 -1
  2. package/dist/index.es.js +15 -29
  3. package/dist/index.js +15 -29
  4. package/package.json +1 -1
package/dist/components/Button.d.ts CHANGED
@@ -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" | "transparentWhite" | "transparentBlack" | 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" | undefined;
4
4
  ghost?: boolean | "true" | undefined;
5
5
  }, {
6
6
  bp1: "(min-width: 520px)";
package/dist/index.es.js CHANGED
@@ -1387,6 +1387,8 @@ for (var _i$1 = 0, naturalPairingsKeys_1$1 = naturalPairingsKeys; _i$1 < natural
1387
1387
  variant: color$1,
1388
1388
  ghost: "true",
1389
1389
  css: {
1390
+ color: "$".concat(color$1, "9"),
1391
+ fontWeight: 600,
1390
1392
  bc: "transparent",
1391
1393
  "&:hover": {
1392
1394
  bc: "$".concat(color$1, "3"),
@@ -1446,7 +1448,7 @@ var Button = styled("button", {
1446
1448
  lineHeight: "$sizes$5",
1447
1449
  },
1448
1450
  "2": {
1449
- borderRadius: "$2",
1451
+ borderRadius: "$1",
1450
1452
  height: "$5",
1451
1453
  px: "$3",
1452
1454
  py: "$3",
@@ -1454,21 +1456,21 @@ var Button = styled("button", {
1454
1456
  lineHeight: "$sizes$6",
1455
1457
  },
1456
1458
  "3": {
1457
- borderRadius: "$2",
1459
+ borderRadius: "$1",
1458
1460
  height: "$6",
1459
1461
  px: "$3",
1460
- fontSize: "$3",
1462
+ fontSize: "$2",
1461
1463
  lineHeight: "$sizes$6",
1462
1464
  },
1463
1465
  "4": {
1464
1466
  borderRadius: "$2",
1465
1467
  height: "$7",
1466
1468
  px: "$4",
1467
- fontSize: "$4",
1469
+ fontSize: "$3",
1468
1470
  lineHeight: "$sizes$7",
1469
1471
  },
1470
1472
  },
1471
- variant: __assign(__assign({ primary: {
1473
+ variant: __assign({ primary: {
1472
1474
  bc: "$primary9",
1473
1475
  color: "white",
1474
1476
  "&:hover": { bc: "$primary10" },
@@ -1481,8 +1483,9 @@ var Button = styled("button", {
1481
1483
  boxShadow: "inset 0 0 0 1px $colors$primary8",
1482
1484
  },
1483
1485
  }, neutral: {
1486
+ border: "1px solid $neutral7",
1484
1487
  bc: "$neutral4",
1485
- color: "white",
1488
+ color: "$neutral12",
1486
1489
  "&:hover": { bc: "$neutral5" },
1487
1490
  "&:active": { bc: "$neutral6" },
1488
1491
  "&:disabled": {
@@ -1492,28 +1495,7 @@ var Button = styled("button", {
1492
1495
  bc: "$neutral4",
1493
1496
  boxShadow: "inset 0 0 0 1px $colors$primary8",
1494
1497
  },
1495
- } }, colorVariants$1), { transparentWhite: {
1496
- bc: "hsla(0,100%,100%,.2)",
1497
- color: "white",
1498
- "&:hover": {
1499
- bc: "hsla(0,100%,100%,.25)",
1500
- },
1501
- "&:active": {
1502
- bc: "hsla(0,100%,100%,.3)",
1503
- },
1504
- "&:disabled": {
1505
- opacity: 0.5,
1506
- },
1507
- }, transparentBlack: {
1508
- bc: "hsla(0,0%,0%,.2)",
1509
- color: "black",
1510
- "&:hover": {
1511
- bc: "hsla(0,0%,0%,.25)",
1512
- },
1513
- "&:active": {
1514
- bc: "hsla(0,0%,0%,.3)",
1515
- },
1516
- } }),
1498
+ } }, colorVariants$1),
1517
1499
  ghost: {
1518
1500
  true: {
1519
1501
  bc: "transparent",
@@ -1527,6 +1509,8 @@ var Button = styled("button", {
1527
1509
  ghost: "true",
1528
1510
  css: {
1529
1511
  bc: "transparent",
1512
+ color: "$primary9",
1513
+ fontWeight: 600,
1530
1514
  "&:hover": {
1531
1515
  bc: "$primary3",
1532
1516
  boxShadow: "none",
@@ -1544,8 +1528,10 @@ var Button = styled("button", {
1544
1528
  variant: "neutral",
1545
1529
  ghost: "true",
1546
1530
  css: {
1531
+ border: "none",
1547
1532
  bc: "transparent",
1548
- color: "$neutral11",
1533
+ color: "$neutral12",
1534
+ fontWeight: 600,
1549
1535
  "&:hover": {
1550
1536
  bc: "$neutral3",
1551
1537
  boxShadow: "none",
package/dist/index.js CHANGED
@@ -1431,6 +1431,8 @@ for (var _i$1 = 0, naturalPairingsKeys_1$1 = naturalPairingsKeys; _i$1 < natural
1431
1431
  variant: color$1,
1432
1432
  ghost: "true",
1433
1433
  css: {
1434
+ color: "$".concat(color$1, "9"),
1435
+ fontWeight: 600,
1434
1436
  bc: "transparent",
1435
1437
  "&:hover": {
1436
1438
  bc: "$".concat(color$1, "3"),
@@ -1490,7 +1492,7 @@ var Button = styled("button", {
1490
1492
  lineHeight: "$sizes$5",
1491
1493
  },
1492
1494
  "2": {
1493
- borderRadius: "$2",
1495
+ borderRadius: "$1",
1494
1496
  height: "$5",
1495
1497
  px: "$3",
1496
1498
  py: "$3",
@@ -1498,21 +1500,21 @@ var Button = styled("button", {
1498
1500
  lineHeight: "$sizes$6",
1499
1501
  },
1500
1502
  "3": {
1501
- borderRadius: "$2",
1503
+ borderRadius: "$1",
1502
1504
  height: "$6",
1503
1505
  px: "$3",
1504
- fontSize: "$3",
1506
+ fontSize: "$2",
1505
1507
  lineHeight: "$sizes$6",
1506
1508
  },
1507
1509
  "4": {
1508
1510
  borderRadius: "$2",
1509
1511
  height: "$7",
1510
1512
  px: "$4",
1511
- fontSize: "$4",
1513
+ fontSize: "$3",
1512
1514
  lineHeight: "$sizes$7",
1513
1515
  },
1514
1516
  },
1515
- variant: tslib.__assign(tslib.__assign({ primary: {
1517
+ variant: tslib.__assign({ primary: {
1516
1518
  bc: "$primary9",
1517
1519
  color: "white",
1518
1520
  "&:hover": { bc: "$primary10" },
@@ -1525,8 +1527,9 @@ var Button = styled("button", {
1525
1527
  boxShadow: "inset 0 0 0 1px $colors$primary8",
1526
1528
  },
1527
1529
  }, neutral: {
1530
+ border: "1px solid $neutral7",
1528
1531
  bc: "$neutral4",
1529
- color: "white",
1532
+ color: "$neutral12",
1530
1533
  "&:hover": { bc: "$neutral5" },
1531
1534
  "&:active": { bc: "$neutral6" },
1532
1535
  "&:disabled": {
@@ -1536,28 +1539,7 @@ var Button = styled("button", {
1536
1539
  bc: "$neutral4",
1537
1540
  boxShadow: "inset 0 0 0 1px $colors$primary8",
1538
1541
  },
1539
- } }, colorVariants$1), { transparentWhite: {
1540
- bc: "hsla(0,100%,100%,.2)",
1541
- color: "white",
1542
- "&:hover": {
1543
- bc: "hsla(0,100%,100%,.25)",
1544
- },
1545
- "&:active": {
1546
- bc: "hsla(0,100%,100%,.3)",
1547
- },
1548
- "&:disabled": {
1549
- opacity: 0.5,
1550
- },
1551
- }, transparentBlack: {
1552
- bc: "hsla(0,0%,0%,.2)",
1553
- color: "black",
1554
- "&:hover": {
1555
- bc: "hsla(0,0%,0%,.25)",
1556
- },
1557
- "&:active": {
1558
- bc: "hsla(0,0%,0%,.3)",
1559
- },
1560
- } }),
1542
+ } }, colorVariants$1),
1561
1543
  ghost: {
1562
1544
  true: {
1563
1545
  bc: "transparent",
@@ -1571,6 +1553,8 @@ var Button = styled("button", {
1571
1553
  ghost: "true",
1572
1554
  css: {
1573
1555
  bc: "transparent",
1556
+ color: "$primary9",
1557
+ fontWeight: 600,
1574
1558
  "&:hover": {
1575
1559
  bc: "$primary3",
1576
1560
  boxShadow: "none",
@@ -1588,8 +1572,10 @@ var Button = styled("button", {
1588
1572
  variant: "neutral",
1589
1573
  ghost: "true",
1590
1574
  css: {
1575
+ border: "none",
1591
1576
  bc: "transparent",
1592
- color: "$neutral11",
1577
+ color: "$neutral12",
1578
+ fontWeight: 600,
1593
1579
  "&:hover": {
1594
1580
  bc: "$neutral3",
1595
1581
  boxShadow: "none",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@livepeer/design-system",
3
- "version": "1.0.9",
3
+ "version": "1.0.11",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",