@paygreen/pgui 3.1.1 → 3.1.2
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.
|
@@ -42,5 +42,28 @@ declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
|
|
|
42
42
|
px: "6";
|
|
43
43
|
};
|
|
44
44
|
};
|
|
45
|
+
/**
|
|
46
|
+
* `white` — an outline-style button with a white foreground, meant to sit
|
|
47
|
+
* on a dark or coloured surface (e.g. the blue auth/onboarding layouts).
|
|
48
|
+
* It stays white in both light and dark mode (the surface it lives on is
|
|
49
|
+
* the same in both), so it intentionally does not flip with the color mode.
|
|
50
|
+
*/
|
|
51
|
+
variant: {
|
|
52
|
+
white: {
|
|
53
|
+
color: "white";
|
|
54
|
+
bg: "transparent";
|
|
55
|
+
borderWidth: "1px";
|
|
56
|
+
borderColor: "opacities.white.50";
|
|
57
|
+
_hover: {
|
|
58
|
+
bg: "opacities.white.20";
|
|
59
|
+
};
|
|
60
|
+
_active: {
|
|
61
|
+
bg: "opacities.white.30";
|
|
62
|
+
};
|
|
63
|
+
_expanded: {
|
|
64
|
+
bg: "opacities.white.20";
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
45
68
|
}>;
|
|
46
69
|
export default buttonRecipe;
|
|
@@ -63,6 +63,23 @@ declare const recipes: {
|
|
|
63
63
|
px: "6";
|
|
64
64
|
};
|
|
65
65
|
};
|
|
66
|
+
variant: {
|
|
67
|
+
white: {
|
|
68
|
+
color: "white";
|
|
69
|
+
bg: "transparent";
|
|
70
|
+
borderWidth: "1px";
|
|
71
|
+
borderColor: "opacities.white.50";
|
|
72
|
+
_hover: {
|
|
73
|
+
bg: "opacities.white.20";
|
|
74
|
+
};
|
|
75
|
+
_active: {
|
|
76
|
+
bg: "opacities.white.30";
|
|
77
|
+
};
|
|
78
|
+
_expanded: {
|
|
79
|
+
bg: "opacities.white.20";
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
66
83
|
}>;
|
|
67
84
|
};
|
|
68
85
|
export default recipes;
|