@bitrise/bitkit-v2 0.3.105 → 0.3.106

package/dist/theme/recipes/ColorButton.recipe.js

@@ -1,5 +1,5 @@
 import { defineRecipe as e } from "@chakra-ui/react/styled-system";
-const o = e({
+const t = e({
   className: "color-button",
   base: {
     colorPalette: "neutral",
@@ -24,10 +24,25 @@ const o = e({
       lg: { height: "48", paddingInline: "16", textStyle: "comp/button/lg" }
     }
   },
+  compoundVariants: [
+    {
+      colorPalette: "white",
+      css: {
+        color: "text.on-color",
+        borderColor: "border.inverse",
+        "&:hover": {
+          backgroundColor: "white.a15"
+        },
+        "&:active": {
+          backgroundColor: "white.a30"
+        }
+      }
+    }
+  ],
   defaultVariants: {
     size: "sm"
   }
 });
 export {
-  o as default
+  t as default
 };

package/dist/theme/semantic-tokens/semanticColors.js

@@ -505,6 +505,53 @@ const r = l.colors(
             _light: "{colors.turquoise.95}"
           }
         }
+      },
+      white: {
+        a00: {
+          value: {
+            _light: "rgba(255, 255, 255, 0)"
+          }
+        },
+        a10: {
+          value: {
+            _light: "rgba(255, 255, 255, 0.1)"
+          }
+        },
+        a15: {
+          value: {
+            _light: "rgba(255, 255, 255, 0.15)"
+          }
+        },
+        a20: {
+          value: {
+            _light: "rgba(255, 255, 255, 0.2)"
+          }
+        },
+        a30: {
+          value: {
+            _light: "rgba(255, 255, 255, 0.3)"
+          }
+        },
+        a50: {
+          value: {
+            _light: "rgba(255, 255, 255, 0.5)"
+          }
+        },
+        a80: {
+          value: {
+            _light: "rgba(255, 255, 255, 0.8)"
+          }
+        },
+        a90: {
+          value: {
+            _light: "rgba(255, 255, 255, 0.9)"
+          }
+        },
+        a100: {
+          value: {
+            _light: "rgb(255, 255, 255)"
+          }
+        }
       }
     },
     background: {

package/dist/theme/tokens/colors.d.ts

@@ -1,12 +1,30 @@
 export declare const COLOR_PALETTES: {
     white: {
-        strong: {
+        a00: {
             value: string;
         };
-        subtle: {
+        a10: {
             value: string;
         };
-        moderate: {
+        a15: {
+            value: string;
+        };
+        a20: {
+            value: string;
+        };
+        a30: {
+            value: string;
+        };
+        a50: {
+            value: string;
+        };
+        a80: {
+            value: string;
+        };
+        a90: {
+            value: string;
+        };
+        a100: {
             value: string;
         };
     };
@@ -572,13 +590,31 @@ declare const colors: {
         };
     };
     white: {
-        strong: {
+        a00: {
             value: string;
         };
-        subtle: {
+        a10: {
             value: string;
         };
-        moderate: {
+        a15: {
+            value: string;
+        };
+        a20: {
+            value: string;
+        };
+        a30: {
+            value: string;
+        };
+        a50: {
+            value: string;
+        };
+        a80: {
+            value: string;
+        };
+        a90: {
+            value: string;
+        };
+        a100: {
             value: string;
         };
     };

package/dist/theme/tokens/colors.js

@@ -1,14 +1,32 @@
 import { defineTokens as e } from "@chakra-ui/react/styled-system";
 const l = {
   white: {
-    strong: {
-      value: "{colors.sys.fg.on-color}"
+    a00: {
+      value: "{colors.sys.white.a00}"
     },
-    subtle: {
-      value: "{colors.sys.fg.on-color/15}"
+    a10: {
+      value: "{colors.sys.white.a10}"
     },
-    moderate: {
-      value: "{colors.sys.fg.on-color/30}"
+    a15: {
+      value: "{colors.sys.white.a15}"
+    },
+    a20: {
+      value: "{colors.sys.white.a20}"
+    },
+    a30: {
+      value: "{colors.sys.white.a30}"
+    },
+    a50: {
+      value: "{colors.sys.white.a50}"
+    },
+    a80: {
+      value: "{colors.sys.white.a80}"
+    },
+    a90: {
+      value: "{colors.sys.white.a90}"
+    },
+    a100: {
+      value: "{colors.sys.white.a100}"
     }
   },
   neutral: {

package/dist/theme/tokens/index.d.ts

@@ -123,13 +123,31 @@ declare const tokens: {
             };
         };
         white: {
-            strong: {
+            a00: {
                 value: string;
             };
-            subtle: {
+            a10: {
                 value: string;
             };
-            moderate: {
+            a15: {
+                value: string;
+            };
+            a20: {
+                value: string;
+            };
+            a30: {
+                value: string;
+            };
+            a50: {
+                value: string;
+            };
+            a80: {
+                value: string;
+            };
+            a90: {
+                value: string;
+            };
+            a100: {
                 value: string;
             };
         };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.105",
+  "version": "0.3.106",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",