@livepeer/design-system 1.0.9 → 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.
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",