@livepeer/design-system 1.0.10 → 1.0.11

package/dist/components/Button.d.ts

@@ -1,6 +1,6 @@
 export declare const Button: import("@stitches/react/types/styled-component").StyledComponent<"button", {
     size?: number | "1" | "2" | "3" | "4" | undefined;
-    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;
+    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;
     ghost?: boolean | "true" | undefined;
 }, {
     bp1: "(min-width: 520px)";

package/dist/index.es.js

@@ -1426,7 +1426,7 @@ var Button = styled("button", {
     height: "$5",
     fontFamily: "$body",
     fontSize: "$2",
-    fontWeight: 500,
+    fontWeight: 600,
     ai: "center",
     cursor: "pointer",
     px: "$3",
@@ -1466,11 +1466,11 @@ var Button = styled("button", {
                 borderRadius: "$2",
                 height: "$7",
                 px: "$4",
-                fontSize: "$4",
+                fontSize: "$3",
                 lineHeight: "$sizes$7",
             },
         },
-        variant: __assign(__assign({ primary: {
+        variant: __assign({ primary: {
                 bc: "$primary9",
                 color: "white",
                 "&:hover": { bc: "$primary10" },
@@ -1495,28 +1495,7 @@ var Button = styled("button", {
                     bc: "$neutral4",
                     boxShadow: "inset 0 0 0 1px $colors$primary8",
                 },
-            } }, colorVariants$1), { transparentWhite: {
-                bc: "hsla(0,100%,100%,.2)",
-                color: "white",
-                "&:hover": {
-                    bc: "hsla(0,100%,100%,.25)",
-                },
-                "&:active": {
-                    bc: "hsla(0,100%,100%,.3)",
-                },
-                "&:disabled": {
-                    opacity: 0.5,
-                },
-            }, transparentBlack: {
-                bc: "hsla(0,0%,0%,.2)",
-                color: "black",
-                "&:hover": {
-                    bc: "hsla(0,0%,0%,.25)",
-                },
-                "&:active": {
-                    bc: "hsla(0,0%,0%,.3)",
-                },
-            } }),
+            } }, colorVariants$1),
         ghost: {
             true: {
                 bc: "transparent",
@@ -1549,6 +1528,7 @@ var Button = styled("button", {
             variant: "neutral",
             ghost: "true",
             css: {
+                border: "none",
                 bc: "transparent",
                 color: "$neutral12",
                 fontWeight: 600,

package/dist/index.js

@@ -1470,7 +1470,7 @@ var Button = styled("button", {
     height: "$5",
     fontFamily: "$body",
     fontSize: "$2",
-    fontWeight: 500,
+    fontWeight: 600,
     ai: "center",
     cursor: "pointer",
     px: "$3",
@@ -1510,11 +1510,11 @@ var Button = styled("button", {
                 borderRadius: "$2",
                 height: "$7",
                 px: "$4",
-                fontSize: "$4",
+                fontSize: "$3",
                 lineHeight: "$sizes$7",
             },
         },
-        variant: tslib.__assign(tslib.__assign({ primary: {
+        variant: tslib.__assign({ primary: {
                 bc: "$primary9",
                 color: "white",
                 "&:hover": { bc: "$primary10" },
@@ -1539,28 +1539,7 @@ var Button = styled("button", {
                     bc: "$neutral4",
                     boxShadow: "inset 0 0 0 1px $colors$primary8",
                 },
-            } }, colorVariants$1), { transparentWhite: {
-                bc: "hsla(0,100%,100%,.2)",
-                color: "white",
-                "&:hover": {
-                    bc: "hsla(0,100%,100%,.25)",
-                },
-                "&:active": {
-                    bc: "hsla(0,100%,100%,.3)",
-                },
-                "&:disabled": {
-                    opacity: 0.5,
-                },
-            }, transparentBlack: {
-                bc: "hsla(0,0%,0%,.2)",
-                color: "black",
-                "&:hover": {
-                    bc: "hsla(0,0%,0%,.25)",
-                },
-                "&:active": {
-                    bc: "hsla(0,0%,0%,.3)",
-                },
-            } }),
+            } }, colorVariants$1),
         ghost: {
             true: {
                 bc: "transparent",
@@ -1593,6 +1572,7 @@ var Button = styled("button", {
             variant: "neutral",
             ghost: "true",
             css: {
+                border: "none",
                 bc: "transparent",
                 color: "$neutral12",
                 fontWeight: 600,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@livepeer/design-system",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.es.js",