@parrot-co/parrot-ui 0.0.56 → 0.0.57

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/main.js CHANGED
@@ -1029,7 +1029,8 @@ const $02a166a5043d2558$export$5a7eb6284e7684f5 = (0, $80923bc9c1ba824c$export$d
1029
1029
  light: {},
1030
1030
  outline: {},
1031
1031
  lightOutline: {},
1032
- solidMono: {}
1032
+ solidMono: {},
1033
+ plain: {}
1033
1034
  },
1034
1035
  isInteractive: {}
1035
1036
  },
@@ -1038,7 +1039,8 @@ const $02a166a5043d2558$export$5a7eb6284e7684f5 = (0, $80923bc9c1ba824c$export$d
1038
1039
  ...$02a166a5043d2558$export$aa42d30026ce41b9("solid"),
1039
1040
  ...$02a166a5043d2558$export$aa42d30026ce41b9("outline"),
1040
1041
  ...$02a166a5043d2558$export$aa42d30026ce41b9("lightOutline"),
1041
- ...$02a166a5043d2558$export$aa42d30026ce41b9("solidMono")
1042
+ ...$02a166a5043d2558$export$aa42d30026ce41b9("solidMono"),
1043
+ ...$02a166a5043d2558$export$aa42d30026ce41b9("plain")
1042
1044
  ]
1043
1045
  });
1044
1046
  function $02a166a5043d2558$export$71074ab0ed740397(color) {
@@ -1053,12 +1055,25 @@ function $02a166a5043d2558$export$ccdcc3b9d72a654(color, variant) {
1053
1055
  background: "white",
1054
1056
  color: "$gray12",
1055
1057
  fill: "$gray12",
1056
- border: "1.5px solid $gray5",
1058
+ border: variant === "outline" ? "1.5px solid $gray5" : "none",
1057
1059
  "&:focus": {
1058
1060
  boxShadow: $02a166a5043d2558$export$71074ab0ed740397("violet")
1059
1061
  }
1060
1062
  }
1061
1063
  };
1064
+ if (variant === "plain") return {
1065
+ color: color,
1066
+ variant: variant,
1067
+ css: {
1068
+ background: "transparent",
1069
+ color: `$${color}11`,
1070
+ fill: `$${color}11`,
1071
+ border: "none",
1072
+ "&:focus": {
1073
+ boxShadow: $02a166a5043d2558$export$71074ab0ed740397(color)
1074
+ }
1075
+ }
1076
+ };
1062
1077
  if (variant === "light") {
1063
1078
  if (color === "black") color = "gray";
1064
1079
  return {
@@ -1589,6 +1604,7 @@ const $c68076e2eb9f7d63$export$303ef672e091d99 = (0, $80923bc9c1ba824c$export$db
1589
1604
  alignItems: "center",
1590
1605
  border: "none",
1591
1606
  fontFamily: "$sans",
1607
+ fontWeight: "$medium",
1592
1608
  outline: "none",
1593
1609
  boxSizing: "border-box",
1594
1610
  justifyContent: "center",
@@ -1617,7 +1633,7 @@ const $c68076e2eb9f7d63$export$303ef672e091d99 = (0, $80923bc9c1ba824c$export$db
1617
1633
  },
1618
1634
  sharp: {},
1619
1635
  round: {
1620
- borderRadius: "calc(($$button-base-height / 4) - 1px)"
1636
+ borderRadius: "calc($$button-base-height / 4)"
1621
1637
  }
1622
1638
  },
1623
1639
  size: {
@@ -1633,17 +1649,17 @@ const $c68076e2eb9f7d63$export$303ef672e091d99 = (0, $80923bc9c1ba824c$export$db
1633
1649
  md: {
1634
1650
  "$$button-base-height": "40px",
1635
1651
  px: 12,
1636
- fontSize: "$4"
1652
+ fontSize: "$3"
1637
1653
  },
1638
1654
  lg: {
1639
1655
  "$$button-base-height": "44px",
1640
1656
  px: 12,
1641
- fontSize: "$4"
1657
+ fontSize: "$3"
1642
1658
  },
1643
1659
  xl: {
1644
1660
  "$$button-base-height": "52px",
1645
1661
  px: 12,
1646
- fontSize: "$5"
1662
+ fontSize: "$4"
1647
1663
  }
1648
1664
  }
1649
1665
  }