@parrot-co/parrot-ui 0.0.55 → 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 +24 -7
- package/dist/main.js.map +1 -1
- package/dist/module.js +24 -7
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +8 -7
- package/dist/types.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/module.js
CHANGED
|
@@ -992,7 +992,8 @@ const $22d93d8ad1e2d08d$export$5a7eb6284e7684f5 = (0, $9ade691eb9e41cfb$export$d
|
|
|
992
992
|
light: {},
|
|
993
993
|
outline: {},
|
|
994
994
|
lightOutline: {},
|
|
995
|
-
solidMono: {}
|
|
995
|
+
solidMono: {},
|
|
996
|
+
plain: {}
|
|
996
997
|
},
|
|
997
998
|
isInteractive: {}
|
|
998
999
|
},
|
|
@@ -1001,7 +1002,8 @@ const $22d93d8ad1e2d08d$export$5a7eb6284e7684f5 = (0, $9ade691eb9e41cfb$export$d
|
|
|
1001
1002
|
...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("solid"),
|
|
1002
1003
|
...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("outline"),
|
|
1003
1004
|
...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("lightOutline"),
|
|
1004
|
-
...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("solidMono")
|
|
1005
|
+
...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("solidMono"),
|
|
1006
|
+
...$22d93d8ad1e2d08d$export$aa42d30026ce41b9("plain")
|
|
1005
1007
|
]
|
|
1006
1008
|
});
|
|
1007
1009
|
function $22d93d8ad1e2d08d$export$71074ab0ed740397(color) {
|
|
@@ -1016,12 +1018,25 @@ function $22d93d8ad1e2d08d$export$ccdcc3b9d72a654(color, variant) {
|
|
|
1016
1018
|
background: "white",
|
|
1017
1019
|
color: "$gray12",
|
|
1018
1020
|
fill: "$gray12",
|
|
1019
|
-
border: "1.5px solid $gray5",
|
|
1021
|
+
border: variant === "outline" ? "1.5px solid $gray5" : "none",
|
|
1020
1022
|
"&:focus": {
|
|
1021
1023
|
boxShadow: $22d93d8ad1e2d08d$export$71074ab0ed740397("violet")
|
|
1022
1024
|
}
|
|
1023
1025
|
}
|
|
1024
1026
|
};
|
|
1027
|
+
if (variant === "plain") return {
|
|
1028
|
+
color: color,
|
|
1029
|
+
variant: variant,
|
|
1030
|
+
css: {
|
|
1031
|
+
background: "transparent",
|
|
1032
|
+
color: `$${color}11`,
|
|
1033
|
+
fill: `$${color}11`,
|
|
1034
|
+
border: "none",
|
|
1035
|
+
"&:focus": {
|
|
1036
|
+
boxShadow: $22d93d8ad1e2d08d$export$71074ab0ed740397(color)
|
|
1037
|
+
}
|
|
1038
|
+
}
|
|
1039
|
+
};
|
|
1025
1040
|
if (variant === "light") {
|
|
1026
1041
|
if (color === "black") color = "gray";
|
|
1027
1042
|
return {
|
|
@@ -1552,6 +1567,7 @@ const $6be0cf1a8e0dd120$export$303ef672e091d99 = (0, $9ade691eb9e41cfb$export$db
|
|
|
1552
1567
|
alignItems: "center",
|
|
1553
1568
|
border: "none",
|
|
1554
1569
|
fontFamily: "$sans",
|
|
1570
|
+
fontWeight: "$medium",
|
|
1555
1571
|
outline: "none",
|
|
1556
1572
|
boxSizing: "border-box",
|
|
1557
1573
|
justifyContent: "center",
|
|
@@ -1580,7 +1596,7 @@ const $6be0cf1a8e0dd120$export$303ef672e091d99 = (0, $9ade691eb9e41cfb$export$db
|
|
|
1580
1596
|
},
|
|
1581
1597
|
sharp: {},
|
|
1582
1598
|
round: {
|
|
1583
|
-
borderRadius: "calc(
|
|
1599
|
+
borderRadius: "calc($$button-base-height / 4)"
|
|
1584
1600
|
}
|
|
1585
1601
|
},
|
|
1586
1602
|
size: {
|
|
@@ -1596,17 +1612,17 @@ const $6be0cf1a8e0dd120$export$303ef672e091d99 = (0, $9ade691eb9e41cfb$export$db
|
|
|
1596
1612
|
md: {
|
|
1597
1613
|
"$$button-base-height": "40px",
|
|
1598
1614
|
px: 12,
|
|
1599
|
-
fontSize: "$
|
|
1615
|
+
fontSize: "$3"
|
|
1600
1616
|
},
|
|
1601
1617
|
lg: {
|
|
1602
1618
|
"$$button-base-height": "44px",
|
|
1603
1619
|
px: 12,
|
|
1604
|
-
fontSize: "$
|
|
1620
|
+
fontSize: "$3"
|
|
1605
1621
|
},
|
|
1606
1622
|
xl: {
|
|
1607
1623
|
"$$button-base-height": "52px",
|
|
1608
1624
|
px: 12,
|
|
1609
|
-
fontSize: "$
|
|
1625
|
+
fontSize: "$4"
|
|
1610
1626
|
}
|
|
1611
1627
|
}
|
|
1612
1628
|
}
|
|
@@ -3625,6 +3641,7 @@ const $4724a2c0da358be5$var$StyledSeparator = (0, $9ade691eb9e41cfb$export$3817b
|
|
|
3625
3641
|
display: "flex",
|
|
3626
3642
|
height: "1px",
|
|
3627
3643
|
backgroundColor: "$gray3",
|
|
3644
|
+
flexShrink: 0,
|
|
3628
3645
|
variants: {
|
|
3629
3646
|
direction: {
|
|
3630
3647
|
horizontal: {
|