@channel.io/bezier-tokens 0.2.7 → 0.2.8

package/dist/types/alpha/esm/darkTheme.d.mts

@@ -35,7 +35,7 @@ declare const _default: Readonly<{
             ref: "0 0 0 1px alpha-color-warning-bg-normal";
         }>;
         "alpha-shadow-active": Readonly<{
-            value: "0 0 0 1px #84a5ff";
+            value: "0 0 0 1px #7d9efa";
             ref: "0 0 0 1px alpha-color-primary-bg-normal";
         }>;
         "alpha-shadow-input-default": Readonly<{
@@ -43,11 +43,11 @@ declare const _default: Readonly<{
             ref: "inset 0 0 0 1px alpha-color-shadow-medium, 0 0 2px 0 alpha-color-shadow-base";
         }>;
         "alpha-shadow-input-hover": Readonly<{
-            value: "inset 0 0 0 1px #84a5ff, 0 0 6px 0 #00000014";
+            value: "inset 0 0 0 1px #7d9efa, 0 0 6px 0 #00000014";
             ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 6px 0 alpha-color-shadow-base";
         }>;
         "alpha-shadow-input-active": Readonly<{
-            value: "inset 0 0 0 1px #84a5ff, 0 0 0 3px #84a5ff73, 0 0 6px 0 #00000014";
+            value: "inset 0 0 0 1px #7d9efa, 0 0 0 3px #7d9efa73, 0 0 6px 0 #00000014";
             ref: "inset 0 0 0 1px alpha-color-primary-bg-normal, 0 0 0 3px alpha-color-primary-bg-light, 0 0 6px 0 alpha-color-shadow-base";
         }>;
         "alpha-shadow-input-error": Readonly<{
@@ -85,27 +85,27 @@ declare const _default: Readonly<{
             ref: "alpha-color-grey-900";
         }>;
         "alpha-color-fg-blue-normal": Readonly<{
-            value: "#84a5ff";
+            value: "#7d9efa";
             ref: "alpha-color-blue-300";
         }>;
         "alpha-color-fg-blue-light": Readonly<{
-            value: "#84a5ff73";
+            value: "#7d9efa73";
             ref: "alpha-color-blue-300-45";
         }>;
         "alpha-color-fg-blue-dark": Readonly<{
-            value: "#84a5ff";
+            value: "#7d9efa";
             ref: "alpha-color-blue-300";
         }>;
         "alpha-color-fg-cobalt-normal": Readonly<{
-            value: "#77c0fb";
+            value: "#71b9f5";
             ref: "alpha-color-cobalt-300";
         }>;
         "alpha-color-fg-cobalt-light": Readonly<{
-            value: "#77c0fb73";
+            value: "#71b9f573";
             ref: "alpha-color-cobalt-300-45";
         }>;
         "alpha-color-fg-cobalt-dark": Readonly<{
-            value: "#77c0fb";
+            value: "#71b9f5";
             ref: "alpha-color-cobalt-300";
         }>;
         "alpha-color-fg-red-normal": Readonly<{
@@ -133,15 +133,15 @@ declare const _default: Readonly<{
             ref: "alpha-color-orange-300";
         }>;
         "alpha-color-fg-green-normal": Readonly<{
-            value: "#6ad081";
+            value: "#68cc7f";
             ref: "alpha-color-green-300";
         }>;
         "alpha-color-fg-green-light": Readonly<{
-            value: "#6ad08173";
+            value: "#68cc7f73";
             ref: "alpha-color-green-300-45";
         }>;
         "alpha-color-fg-green-dark": Readonly<{
-            value: "#6ad081";
+            value: "#68cc7f";
             ref: "alpha-color-green-300";
         }>;
         "alpha-color-fg-teal-normal": Readonly<{
@@ -312,6 +312,10 @@ declare const _default: Readonly<{
             value: "#ffffff0d";
             ref: "alpha-color-white-5";
         }>;
+        "alpha-color-bg-black-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "alpha-color-white-0";
+        }>;
         "alpha-color-bg-grey-darkest": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
@@ -332,6 +336,10 @@ declare const _default: Readonly<{
             value: "#2a2b2d";
             ref: "alpha-color-grey-850";
         }>;
+        "alpha-color-bg-grey-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "alpha-color-white-0";
+        }>;
         "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
             value: "#464748cc";
             ref: "alpha-color-grey-alpha-700-80";
@@ -364,6 +372,10 @@ declare const _default: Readonly<{
             value: "#242428";
             ref: "alpha-color-grey-900";
         }>;
+        "alpha-color-bg-white-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "alpha-color-white-0";
+        }>;
         "alpha-color-bg-white-white-alpha-lightest": Readonly<{
             value: "#313234cc";
             ref: "alpha-color-grey-alpha-800-80";
@@ -376,20 +388,24 @@ declare const _default: Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-bg-white-white-alpha-transparent": Readonly<{
+            value: "#ffffff00";
+            ref: "alpha-color-white-0";
+        }>;
         "alpha-color-bg-blue-normal": Readonly<{
-            value: "#84a5ff";
+            value: "#7d9efa";
             ref: "alpha-color-blue-300";
         }>;
         "alpha-color-bg-blue-light": Readonly<{
-            value: "#84a5ff73";
+            value: "#7d9efa73";
             ref: "alpha-color-blue-300-45";
         }>;
         "alpha-color-bg-blue-lighter": Readonly<{
-            value: "#84a5ff4d";
+            value: "#7d9efa4d";
             ref: "alpha-color-blue-300-30";
         }>;
         "alpha-color-bg-blue-lightest": Readonly<{
-            value: "#84a5ff26";
+            value: "#7d9efa26";
             ref: "alpha-color-blue-300-15";
         }>;
         "alpha-color-bg-blue-dark": Readonly<{
@@ -404,20 +420,24 @@ declare const _default: Readonly<{
             value: "#4c5289";
             ref: "alpha-color-shade-blue-600";
         }>;
+        "alpha-color-bg-blue-transparent": Readonly<{
+            value: "#7d9efa00";
+            ref: "alpha-color-blue-300-0";
+        }>;
         "alpha-color-bg-cobalt-normal": Readonly<{
-            value: "#77c0fb";
+            value: "#71b9f5";
             ref: "alpha-color-cobalt-300";
         }>;
         "alpha-color-bg-cobalt-light": Readonly<{
-            value: "#77c0fb73";
+            value: "#71b9f573";
             ref: "alpha-color-cobalt-300-45";
         }>;
         "alpha-color-bg-cobalt-lighter": Readonly<{
-            value: "#77c0fb4d";
+            value: "#71b9f54d";
             ref: "alpha-color-cobalt-300-30";
         }>;
         "alpha-color-bg-cobalt-lightest": Readonly<{
-            value: "#77c0fb26";
+            value: "#71b9f526";
             ref: "alpha-color-cobalt-300-15";
         }>;
         "alpha-color-bg-cobalt-dark": Readonly<{
@@ -432,6 +452,10 @@ declare const _default: Readonly<{
             value: "#4a6185";
             ref: "alpha-color-shade-cobalt-600";
         }>;
+        "alpha-color-bg-cobalt-transparent": Readonly<{
+            value: "#71b9f500";
+            ref: "alpha-color-cobalt-300-0";
+        }>;
         "alpha-color-bg-red-normal": Readonly<{
             value: "#ff8c8c";
             ref: "alpha-color-red-300";
@@ -460,6 +484,10 @@ declare const _default: Readonly<{
             value: "#904248";
             ref: "alpha-color-shade-red-600";
         }>;
+        "alpha-color-bg-red-transparent": Readonly<{
+            value: "#ff8c8c00";
+            ref: "alpha-color-red-300-0";
+        }>;
         "alpha-color-bg-orange-normal": Readonly<{
             value: "#ffa15e";
             ref: "alpha-color-orange-300";
@@ -488,20 +516,24 @@ declare const _default: Readonly<{
             value: "#895a34";
             ref: "alpha-color-shade-orange-600";
         }>;
+        "alpha-color-bg-orange-transparent": Readonly<{
+            value: "#ffa15e00";
+            ref: "alpha-color-orange-300-0";
+        }>;
         "alpha-color-bg-green-normal": Readonly<{
-            value: "#6ad081";
+            value: "#68cc7f";
             ref: "alpha-color-green-300";
         }>;
         "alpha-color-bg-green-light": Readonly<{
-            value: "#6ad08173";
+            value: "#68cc7f73";
             ref: "alpha-color-green-300-45";
         }>;
         "alpha-color-bg-green-lighter": Readonly<{
-            value: "#6ad0814d";
+            value: "#68cc7f4d";
             ref: "alpha-color-green-300-30";
         }>;
         "alpha-color-bg-green-lightest": Readonly<{
-            value: "#6ad08126";
+            value: "#68cc7f26";
             ref: "alpha-color-green-300-15";
         }>;
         "alpha-color-bg-green-dark": Readonly<{
@@ -516,6 +548,10 @@ declare const _default: Readonly<{
             value: "#4c7a5e";
             ref: "alpha-color-shade-green-600";
         }>;
+        "alpha-color-bg-green-transparent": Readonly<{
+            value: "#68cc7f26";
+            ref: "alpha-color-green-300-0";
+        }>;
         "alpha-color-bg-teal-normal": Readonly<{
             value: "#40d3c5";
             ref: "alpha-color-teal-300";
@@ -544,6 +580,10 @@ declare const _default: Readonly<{
             value: "#47737d";
             ref: "alpha-color-shade-teal-600";
         }>;
+        "alpha-color-bg-teal-transparent": Readonly<{
+            value: "#40d3c500";
+            ref: "alpha-color-teal-300-0";
+        }>;
         "alpha-color-bg-olive-normal": Readonly<{
             value: "#c8d630";
             ref: "alpha-color-olive-300";
@@ -572,6 +612,10 @@ declare const _default: Readonly<{
             value: "#737638";
             ref: "alpha-color-shade-olive-600";
         }>;
+        "alpha-color-bg-olive-transparent": Readonly<{
+            value: "#c8d63000";
+            ref: "alpha-color-olive-300-0";
+        }>;
         "alpha-color-bg-yellow-normal": Readonly<{
             value: "#f9c835";
             ref: "alpha-color-yellow-300";
@@ -600,6 +644,10 @@ declare const _default: Readonly<{
             value: "#7d6a26";
             ref: "alpha-color-shade-yellow-600";
         }>;
+        "alpha-color-bg-yellow-transparent": Readonly<{
+            value: "#f9c83500";
+            ref: "alpha-color-yellow-300-0";
+        }>;
         "alpha-color-bg-pink-normal": Readonly<{
             value: "#ec6fd3";
             ref: "alpha-color-pink-300";
@@ -628,6 +676,10 @@ declare const _default: Readonly<{
             value: "#854075";
             ref: "alpha-color-shade-pink-600";
         }>;
+        "alpha-color-bg-pink-transparent": Readonly<{
+            value: "#ec6fd300";
+            ref: "alpha-color-pink-300-0";
+        }>;
         "alpha-color-bg-purple-normal": Readonly<{
             value: "#b184ff";
             ref: "alpha-color-purple-300";
@@ -656,6 +708,10 @@ declare const _default: Readonly<{
             value: "#5b467d";
             ref: "alpha-color-shade-purple-600";
         }>;
+        "alpha-color-bg-purple-transparent": Readonly<{
+            value: "#b184ff00";
+            ref: "alpha-color-purple-300-0";
+        }>;
         "alpha-color-bg-navy-normal": Readonly<{
             value: "#7683d3";
             ref: "alpha-color-navy-300";
@@ -684,6 +740,10 @@ declare const _default: Readonly<{
             value: "#373b56";
             ref: "alpha-color-shade-navy-600";
         }>;
+        "alpha-color-bg-navy-transparent": Readonly<{
+            value: "#7683d300";
+            ref: "alpha-color-navy-300-0";
+        }>;
         "alpha-color-bg-absolute-black-dark": Readonly<{
             value: "#000000";
             ref: "alpha-color-black-100";
@@ -769,19 +829,19 @@ declare const _default: Readonly<{
             ref: "alpha-color-bg-absolute-black-lighter";
         }>;
         "alpha-color-primary-bg-normal": Readonly<{
-            value: "#84a5ff";
+            value: "#7d9efa";
             ref: "alpha-color-bg-blue-normal";
         }>;
         "alpha-color-primary-bg-light": Readonly<{
-            value: "#84a5ff73";
+            value: "#7d9efa73";
             ref: "alpha-color-bg-blue-light";
         }>;
         "alpha-color-primary-bg-lighter": Readonly<{
-            value: "#84a5ff4d";
+            value: "#7d9efa4d";
             ref: "alpha-color-bg-blue-lighter";
         }>;
         "alpha-color-primary-bg-lightest": Readonly<{
-            value: "#84a5ff26";
+            value: "#7d9efa26";
             ref: "alpha-color-bg-blue-lightest";
         }>;
         "alpha-color-primary-bg-dark": Readonly<{
@@ -789,15 +849,15 @@ declare const _default: Readonly<{
             ref: "alpha-color-bg-blue-dark";
         }>;
         "alpha-color-primary-fg-normal": Readonly<{
-            value: "#84a5ff";
+            value: "#7d9efa";
             ref: "alpha-color-fg-blue-normal";
         }>;
         "alpha-color-primary-fg-light": Readonly<{
-            value: "#84a5ff73";
+            value: "#7d9efa73";
             ref: "alpha-color-fg-blue-light";
         }>;
         "alpha-color-primary-fg-dark": Readonly<{
-            value: "#84a5ff";
+            value: "#7d9efa";
             ref: "alpha-color-fg-blue-dark";
         }>;
         "alpha-color-critical-bg-dark": Readonly<{
@@ -869,31 +929,31 @@ declare const _default: Readonly<{
             ref: "alpha-color-bg-cobalt-dark";
         }>;
         "alpha-color-accent-bg-normal": Readonly<{
-            value: "#77c0fb";
+            value: "#71b9f5";
             ref: "alpha-color-bg-cobalt-normal";
         }>;
         "alpha-color-accent-bg-light": Readonly<{
-            value: "#77c0fb73";
+            value: "#71b9f573";
             ref: "alpha-color-bg-cobalt-light";
         }>;
         "alpha-color-accent-bg-lighter": Readonly<{
-            value: "#77c0fb4d";
+            value: "#71b9f54d";
             ref: "alpha-color-bg-cobalt-lighter";
         }>;
         "alpha-color-accent-bg-lightest": Readonly<{
-            value: "#77c0fb26";
+            value: "#71b9f526";
             ref: "alpha-color-bg-cobalt-lightest";
         }>;
         "alpha-color-accent-fg-normal": Readonly<{
-            value: "#77c0fb";
+            value: "#71b9f5";
             ref: "alpha-color-fg-cobalt-normal";
         }>;
         "alpha-color-accent-fg-light": Readonly<{
-            value: "#77c0fb73";
+            value: "#71b9f573";
             ref: "alpha-color-fg-cobalt-light";
         }>;
         "alpha-color-accent-fg-dark": Readonly<{
-            value: "#77c0fb";
+            value: "#71b9f5";
             ref: "alpha-color-fg-cobalt-dark";
         }>;
         "alpha-color-success-bg-dark": Readonly<{
@@ -901,31 +961,31 @@ declare const _default: Readonly<{
             ref: "alpha-color-bg-green-dark";
         }>;
         "alpha-color-success-bg-normal": Readonly<{
-            value: "#6ad081";
+            value: "#68cc7f";
             ref: "alpha-color-bg-green-normal";
         }>;
         "alpha-color-success-bg-light": Readonly<{
-            value: "#6ad08173";
+            value: "#68cc7f73";
             ref: "alpha-color-bg-green-light";
         }>;
         "alpha-color-success-bg-lighter": Readonly<{
-            value: "#6ad0814d";
+            value: "#68cc7f4d";
             ref: "alpha-color-bg-green-lighter";
         }>;
         "alpha-color-success-bg-lightest": Readonly<{
-            value: "#6ad08126";
+            value: "#68cc7f26";
             ref: "alpha-color-bg-green-lightest";
         }>;
         "alpha-color-success-fg-normal": Readonly<{
-            value: "#6ad081";
+            value: "#68cc7f";
             ref: "alpha-color-fg-green-normal";
         }>;
         "alpha-color-success-fg-light": Readonly<{
-            value: "#6ad08173";
+            value: "#68cc7f73";
             ref: "alpha-color-fg-green-light";
         }>;
         "alpha-color-success-fg-dark": Readonly<{
-            value: "#6ad081";
+            value: "#68cc7f";
             ref: "alpha-color-fg-green-dark";
         }>;
     }>;

package/dist/types/alpha/esm/darkThemeHovered.d.mts

@@ -29,27 +29,27 @@ declare const _default: Readonly<{
             ref: null;
         }>;
         "alpha-color-fg-blue-normal-hovered": Readonly<{
-            value: "#9ab5ffff";
+            value: "#93aefbff";
             ref: null;
         }>;
         "alpha-color-fg-blue-light-hovered": Readonly<{
-            value: "#9ab5ff73";
+            value: "#93aefb73";
             ref: null;
         }>;
         "alpha-color-fg-blue-dark-hovered": Readonly<{
-            value: "#9ab5ffff";
+            value: "#93aefbff";
             ref: null;
         }>;
         "alpha-color-fg-cobalt-normal-hovered": Readonly<{
-            value: "#8dcafcff";
+            value: "#83c4faff";
             ref: null;
         }>;
         "alpha-color-fg-cobalt-light-hovered": Readonly<{
-            value: "#8dcafc73";
+            value: "#83c4fa73";
             ref: null;
         }>;
         "alpha-color-fg-cobalt-dark-hovered": Readonly<{
-            value: "#8dcafcff";
+            value: "#83c4faff";
             ref: null;
         }>;
         "alpha-color-fg-red-normal-hovered": Readonly<{
@@ -77,15 +77,15 @@ declare const _default: Readonly<{
             ref: null;
         }>;
         "alpha-color-fg-green-normal-hovered": Readonly<{
-            value: "#76da8dff";
+            value: "#74d68bff";
             ref: null;
         }>;
         "alpha-color-fg-green-light-hovered": Readonly<{
-            value: "#76da8d73";
+            value: "#74d68b73";
             ref: null;
         }>;
         "alpha-color-fg-green-dark-hovered": Readonly<{
-            value: "#76da8dff";
+            value: "#74d68bff";
             ref: null;
         }>;
         "alpha-color-fg-teal-normal-hovered": Readonly<{
@@ -256,6 +256,10 @@ declare const _default: Readonly<{
             value: "#c8c8c814";
             ref: null;
         }>;
+        "alpha-color-bg-black-transparent-hovered": Readonly<{
+            value: "#c8c8c81a";
+            ref: null;
+        }>;
         "alpha-color-bg-grey-darkest-hovered": Readonly<{
             value: "#c8c8c8ff";
             ref: null;
@@ -276,6 +280,10 @@ declare const _default: Readonly<{
             value: "#343538ff";
             ref: null;
         }>;
+        "alpha-color-bg-grey-transparent-hovered": Readonly<{
+            value: "#c8c8c81a";
+            ref: null;
+        }>;
         "alpha-color-bg-grey-grey-alpha-darkest-hovered": Readonly<{
             value: "#505253cc";
             ref: null;
@@ -308,6 +316,10 @@ declare const _default: Readonly<{
             value: "#2e2e33ff";
             ref: null;
         }>;
+        "alpha-color-bg-white-transparent-hovered": Readonly<{
+            value: "#c8c8c81a";
+            ref: null;
+        }>;
         "alpha-color-bg-white-white-alpha-lightest-hovered": Readonly<{
             value: "#3b3c3fcc";
             ref: null;
@@ -320,20 +332,24 @@ declare const _default: Readonly<{
             value: "#0a0a0a33";
             ref: null;
         }>;
+        "alpha-color-bg-white-white-alpha-transparent-hovered": Readonly<{
+            value: "#c8c8c81a";
+            ref: null;
+        }>;
         "alpha-color-bg-blue-normal-hovered": Readonly<{
-            value: "#9ab5ffff";
+            value: "#93aefbff";
             ref: null;
         }>;
         "alpha-color-bg-blue-light-hovered": Readonly<{
-            value: "#9ab5ff73";
+            value: "#93aefb73";
             ref: null;
         }>;
         "alpha-color-bg-blue-lighter-hovered": Readonly<{
-            value: "#9ab5ff4d";
+            value: "#93aefb4d";
             ref: null;
         }>;
         "alpha-color-bg-blue-lightest-hovered": Readonly<{
-            value: "#9ab5ff39";
+            value: "#93aefb39";
             ref: null;
         }>;
         "alpha-color-bg-blue-dark-hovered": Readonly<{
@@ -348,20 +364,24 @@ declare const _default: Readonly<{
             value: "#4e569dff";
             ref: null;
         }>;
+        "alpha-color-bg-blue-transparent-hovered": Readonly<{
+            value: "#93aefb1a";
+            ref: null;
+        }>;
         "alpha-color-bg-cobalt-normal-hovered": Readonly<{
-            value: "#8dcafcff";
+            value: "#83c4faff";
             ref: null;
         }>;
         "alpha-color-bg-cobalt-light-hovered": Readonly<{
-            value: "#8dcafc73";
+            value: "#83c4fa73";
             ref: null;
         }>;
         "alpha-color-bg-cobalt-lighter-hovered": Readonly<{
-            value: "#8dcafc4d";
+            value: "#83c4fa4d";
             ref: null;
         }>;
         "alpha-color-bg-cobalt-lightest-hovered": Readonly<{
-            value: "#8dcafc39";
+            value: "#83c4fa39";
             ref: null;
         }>;
         "alpha-color-bg-cobalt-dark-hovered": Readonly<{
@@ -376,6 +396,10 @@ declare const _default: Readonly<{
             value: "#4c6a99ff";
             ref: null;
         }>;
+        "alpha-color-bg-cobalt-transparent-hovered": Readonly<{
+            value: "#83c4fa1a";
+            ref: null;
+        }>;
         "alpha-color-bg-red-normal-hovered": Readonly<{
             value: "#ffa2a2ff";
             ref: null;
@@ -404,6 +428,10 @@ declare const _default: Readonly<{
             value: "#a5434aff";
             ref: null;
         }>;
+        "alpha-color-bg-red-transparent-hovered": Readonly<{
+            value: "#ffa2a21a";
+            ref: null;
+        }>;
         "alpha-color-bg-orange-normal-hovered": Readonly<{
             value: "#ffae74ff";
             ref: null;
@@ -432,20 +460,24 @@ declare const _default: Readonly<{
             value: "#9e6435ff";
             ref: null;
         }>;
+        "alpha-color-bg-orange-transparent-hovered": Readonly<{
+            value: "#ffae741a";
+            ref: null;
+        }>;
         "alpha-color-bg-green-normal-hovered": Readonly<{
-            value: "#76da8dff";
+            value: "#74d68bff";
             ref: null;
         }>;
         "alpha-color-bg-green-light-hovered": Readonly<{
-            value: "#76da8d73";
+            value: "#74d68b73";
             ref: null;
         }>;
         "alpha-color-bg-green-lighter-hovered": Readonly<{
-            value: "#76da8d4d";
+            value: "#74d68b4d";
             ref: null;
         }>;
         "alpha-color-bg-green-lightest-hovered": Readonly<{
-            value: "#76da8d39";
+            value: "#74d68b39";
             ref: null;
         }>;
         "alpha-color-bg-green-dark-hovered": Readonly<{
@@ -460,6 +492,10 @@ declare const _default: Readonly<{
             value: "#4f8d67ff";
             ref: null;
         }>;
+        "alpha-color-bg-green-transparent-hovered": Readonly<{
+            value: "#74d68b39";
+            ref: null;
+        }>;
         "alpha-color-bg-teal-normal-hovered": Readonly<{
             value: "#4cdccfff";
             ref: null;
@@ -488,6 +524,10 @@ declare const _default: Readonly<{
             value: "#498390ff";
             ref: null;
         }>;
+        "alpha-color-bg-teal-transparent-hovered": Readonly<{
+            value: "#4cdccf1a";
+            ref: null;
+        }>;
         "alpha-color-bg-olive-normal-hovered": Readonly<{
             value: "#d2df3dff";
             ref: null;
@@ -516,6 +556,10 @@ declare const _default: Readonly<{
             value: "#86893aff";
             ref: null;
         }>;
+        "alpha-color-bg-olive-transparent-hovered": Readonly<{
+            value: "#d2df3d1a";
+            ref: null;
+        }>;
         "alpha-color-bg-yellow-normal-hovered": Readonly<{
             value: "#face4aff";
             ref: null;
@@ -544,6 +588,10 @@ declare const _default: Readonly<{
             value: "#927a26ff";
             ref: null;
         }>;
+        "alpha-color-bg-yellow-transparent-hovered": Readonly<{
+            value: "#face4a1a";
+            ref: null;
+        }>;
         "alpha-color-bg-pink-normal-hovered": Readonly<{
             value: "#f27fdbff";
             ref: null;
@@ -572,6 +620,10 @@ declare const _default: Readonly<{
             value: "#994285ff";
             ref: null;
         }>;
+        "alpha-color-bg-pink-transparent-hovered": Readonly<{
+            value: "#f27fdb1a";
+            ref: null;
+        }>;
         "alpha-color-bg-purple-normal-hovered": Readonly<{
             value: "#bf9affff";
             ref: null;
@@ -600,6 +652,10 @@ declare const _default: Readonly<{
             value: "#644890ff";
             ref: null;
         }>;
+        "alpha-color-bg-purple-transparent-hovered": Readonly<{
+            value: "#bf9aff1a";
+            ref: null;
+        }>;
         "alpha-color-bg-navy-normal-hovered": Readonly<{
             value: "#838fdcff";
             ref: null;
@@ -628,6 +684,10 @@ declare const _default: Readonly<{
             value: "#3b4167ff";
             ref: null;
         }>;
+        "alpha-color-bg-navy-transparent-hovered": Readonly<{
+            value: "#838fdc1a";
+            ref: null;
+        }>;
         "alpha-color-bg-absolute-black-dark-hovered": Readonly<{
             value: "#0a0a0aff";
             ref: null;