@channel.io/bezier-tokens 0.2.9 → 0.2.10

package/dist/types/alpha/cjs/lightTheme.d.ts

@@ -60,942 +60,1647 @@ declare const _exports: Readonly<{
             value: "#000000";
             ref: "alpha-color-black-100";
         }>;
+        "alpha-color-fg-black-pure-hovered": Readonly<{
+            value: "#141414ff";
+        }>;
         "alpha-color-fg-black-darkest": Readonly<{
             value: "#000000d9";
             ref: "alpha-color-black-85";
         }>;
+        "alpha-color-fg-black-darkest-hovered": Readonly<{
+            value: "#141414d9";
+        }>;
         "alpha-color-fg-black-darker": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-fg-black-darker-hovered": Readonly<{
+            value: "#14141499";
+        }>;
         "alpha-color-fg-black-dark": Readonly<{
             value: "#00000066";
             ref: "alpha-color-black-40";
         }>;
+        "alpha-color-fg-black-dark-hovered": Readonly<{
+            value: "#14141466";
+        }>;
         "alpha-color-fg-black-light": Readonly<{
             value: "#00000026";
             ref: "alpha-color-black-15";
         }>;
+        "alpha-color-fg-black-light-hovered": Readonly<{
+            value: "#14141439";
+        }>;
         "alpha-color-fg-black-lightest": Readonly<{
             value: "#00000014";
             ref: "alpha-color-black-8";
         }>;
+        "alpha-color-fg-black-lightest-hovered": Readonly<{
+            value: "#1414141e";
+        }>;
         "alpha-color-fg-white-normal": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-fg-white-normal-hovered": Readonly<{
+            value: "#edededff";
+        }>;
         "alpha-color-fg-blue-normal": Readonly<{
             value: "#6d6afc";
             ref: "alpha-color-blue-400";
         }>;
+        "alpha-color-fg-blue-normal-hovered": Readonly<{
+            value: "#5551fcff";
+        }>;
         "alpha-color-fg-blue-light": Readonly<{
             value: "#6d6afc4d";
             ref: "alpha-color-blue-400-30";
         }>;
+        "alpha-color-fg-blue-light-hovered": Readonly<{
+            value: "#5551fc4d";
+        }>;
         "alpha-color-fg-blue-dark": Readonly<{
             value: "#5950dc";
             ref: "alpha-color-blue-500";
         }>;
+        "alpha-color-fg-blue-dark-hovered": Readonly<{
+            value: "#4b42d5ff";
+        }>;
         "alpha-color-fg-cobalt-normal": Readonly<{
             value: "#5093e5";
             ref: "alpha-color-cobalt-400";
         }>;
+        "alpha-color-fg-cobalt-normal-hovered": Readonly<{
+            value: "#4088dfff";
+        }>;
         "alpha-color-fg-cobalt-light": Readonly<{
             value: "#5093e54d";
             ref: "alpha-color-cobalt-400-30";
         }>;
+        "alpha-color-fg-cobalt-light-hovered": Readonly<{
+            value: "#4088df4d";
+        }>;
         "alpha-color-fg-cobalt-dark": Readonly<{
             value: "#3870d1";
             ref: "alpha-color-cobalt-500";
         }>;
+        "alpha-color-fg-cobalt-dark-hovered": Readonly<{
+            value: "#3268c4ff";
+        }>;
         "alpha-color-fg-red-normal": Readonly<{
             value: "#e55c5c";
             ref: "alpha-color-red-400";
         }>;
+        "alpha-color-fg-red-normal-hovered": Readonly<{
+            value: "#df4c4cff";
+        }>;
         "alpha-color-fg-red-light": Readonly<{
             value: "#e55c5c4d";
             ref: "alpha-color-red-400-30";
         }>;
+        "alpha-color-fg-red-light-hovered": Readonly<{
+            value: "#df4c4c4d";
+        }>;
         "alpha-color-fg-red-dark": Readonly<{
             value: "#bc3a42";
             ref: "alpha-color-red-500";
         }>;
+        "alpha-color-fg-red-dark-hovered": Readonly<{
+            value: "#ab3940ff";
+        }>;
         "alpha-color-fg-orange-normal": Readonly<{
             value: "#e67f2b";
             ref: "alpha-color-orange-400";
         }>;
+        "alpha-color-fg-orange-normal-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
         "alpha-color-fg-orange-light": Readonly<{
             value: "#e67f2b4d";
             ref: "alpha-color-orange-400-30";
         }>;
+        "alpha-color-fg-orange-light-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
         "alpha-color-fg-orange-dark": Readonly<{
             value: "#c1630d";
             ref: "alpha-color-orange-500";
         }>;
+        "alpha-color-fg-orange-dark-hovered": Readonly<{
+            value: "#b15c0fff";
+        }>;
         "alpha-color-fg-green-normal": Readonly<{
             value: "#40ad67";
             ref: "alpha-color-green-400";
         }>;
+        "alpha-color-fg-green-normal-hovered": Readonly<{
+            value: "#3f9e61ff";
+        }>;
         "alpha-color-fg-green-light": Readonly<{
             value: "#40ad674d";
             ref: "alpha-color-green-400-30";
         }>;
+        "alpha-color-fg-green-light-hovered": Readonly<{
+            value: "#3f9e614d";
+        }>;
         "alpha-color-fg-green-dark": Readonly<{
             value: "#358761";
             ref: "alpha-color-green-500";
         }>;
+        "alpha-color-fg-green-dark-hovered": Readonly<{
+            value: "#347b5aff";
+        }>;
         "alpha-color-fg-teal-normal": Readonly<{
             value: "#09b2ac";
             ref: "alpha-color-teal-400";
         }>;
+        "alpha-color-fg-teal-normal-hovered": Readonly<{
+            value: "#08a5a0ff";
+        }>;
         "alpha-color-fg-teal-light": Readonly<{
             value: "#09b2ac4d";
             ref: "alpha-color-teal-400-30";
         }>;
+        "alpha-color-fg-teal-light-hovered": Readonly<{
+            value: "#08a5a04d";
+        }>;
         "alpha-color-fg-teal-dark": Readonly<{
             value: "#068e95";
             ref: "alpha-color-teal-500";
         }>;
+        "alpha-color-fg-teal-dark-hovered": Readonly<{
+            value: "#06848bff";
+        }>;
         "alpha-color-fg-olive-normal": Readonly<{
             value: "#a9b110";
             ref: "alpha-color-olive-400";
         }>;
+        "alpha-color-fg-olive-normal-hovered": Readonly<{
+            value: "#9ba212ff";
+        }>;
         "alpha-color-fg-olive-light": Readonly<{
             value: "#a9b1104d";
             ref: "alpha-color-olive-400-30";
         }>;
+        "alpha-color-fg-olive-light-hovered": Readonly<{
+            value: "#9ba2124d";
+        }>;
         "alpha-color-fg-olive-dark": Readonly<{
             value: "#7b801c";
             ref: "alpha-color-olive-500";
         }>;
+        "alpha-color-fg-olive-dark-hovered": Readonly<{
+            value: "#70751cff";
+        }>;
         "alpha-color-fg-yellow-normal": Readonly<{
             value: "#edae0d";
             ref: "alpha-color-yellow-400";
         }>;
+        "alpha-color-fg-yellow-normal-hovered": Readonly<{
+            value: "#d9a010ff";
+        }>;
         "alpha-color-fg-yellow-light": Readonly<{
             value: "#edae0d4d";
             ref: "alpha-color-yellow-400-30";
         }>;
+        "alpha-color-fg-yellow-light-hovered": Readonly<{
+            value: "#d9a0104d";
+        }>;
         "alpha-color-fg-yellow-dark": Readonly<{
             value: "#c38f00";
             ref: "alpha-color-yellow-500";
         }>;
+        "alpha-color-fg-yellow-dark-hovered": Readonly<{
+            value: "#b58500ff";
+        }>;
         "alpha-color-fg-pink-normal": Readonly<{
             value: "#d64bb5";
             ref: "alpha-color-pink-400";
         }>;
+        "alpha-color-fg-pink-normal-hovered": Readonly<{
+            value: "#cf3eacff";
+        }>;
         "alpha-color-fg-pink-light": Readonly<{
             value: "#d64bb54d";
             ref: "alpha-color-pink-400-30";
         }>;
+        "alpha-color-fg-pink-light-hovered": Readonly<{
+            value: "#cf3eac4d";
+        }>;
         "alpha-color-fg-pink-dark": Readonly<{
             value: "#b0369e";
             ref: "alpha-color-pink-500";
         }>;
+        "alpha-color-fg-pink-dark-hovered": Readonly<{
+            value: "#a03591ff";
+        }>;
         "alpha-color-fg-purple-normal": Readonly<{
             value: "#8e57e7";
             ref: "alpha-color-purple-400";
         }>;
+        "alpha-color-fg-purple-normal-hovered": Readonly<{
+            value: "#8247e1ff";
+        }>;
         "alpha-color-fg-purple-light": Readonly<{
             value: "#8e57e74d";
             ref: "alpha-color-purple-400-30";
         }>;
+        "alpha-color-fg-purple-light-hovered": Readonly<{
+            value: "#8247e14d";
+        }>;
         "alpha-color-fg-purple-dark": Readonly<{
             value: "#6735b6";
             ref: "alpha-color-purple-500";
         }>;
+        "alpha-color-fg-purple-dark-hovered": Readonly<{
+            value: "#6135a6ff";
+        }>;
         "alpha-color-fg-navy-normal": Readonly<{
             value: "#424fab";
             ref: "alpha-color-navy-400";
         }>;
+        "alpha-color-fg-navy-normal-hovered": Readonly<{
+            value: "#414c9cff";
+        }>;
         "alpha-color-fg-navy-light": Readonly<{
             value: "#424fab4d";
             ref: "alpha-color-navy-400-30";
         }>;
+        "alpha-color-fg-navy-light-hovered": Readonly<{
+            value: "#414c9c4d";
+        }>;
         "alpha-color-fg-navy-dark": Readonly<{
             value: "#353888";
             ref: "alpha-color-navy-500";
         }>;
+        "alpha-color-fg-navy-dark-hovered": Readonly<{
+            value: "#34377cff";
+        }>;
         "alpha-color-fg-absolute-black-dark": Readonly<{
             value: "#000000";
             ref: "alpha-color-black-100";
         }>;
+        "alpha-color-fg-absolute-black-dark-hovered": Readonly<{
+            value: "#141414ff";
+        }>;
         "alpha-color-fg-absolute-black-normal": Readonly<{
             value: "#000000d9";
             ref: "alpha-color-black-85";
         }>;
+        "alpha-color-fg-absolute-black-normal-hovered": Readonly<{
+            value: "#141414d9";
+        }>;
         "alpha-color-fg-absolute-black-light": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-fg-absolute-black-light-hovered": Readonly<{
+            value: "#14141499";
+        }>;
         "alpha-color-fg-absolute-black-lighter": Readonly<{
             value: "#00000066";
             ref: "alpha-color-black-40";
         }>;
+        "alpha-color-fg-absolute-black-lighter-hovered": Readonly<{
+            value: "#14141466";
+        }>;
         "alpha-color-fg-absolute-black-lightest": Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-fg-absolute-black-lightest-hovered": Readonly<{
+            value: "#1414144d";
+        }>;
         "alpha-color-fg-absolute-white-dark": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-fg-absolute-white-dark-hovered": Readonly<{
+            value: "#edededff";
+        }>;
         "alpha-color-fg-absolute-white-normal": Readonly<{
             value: "#ffffffe6";
             ref: "alpha-color-white-90";
         }>;
+        "alpha-color-fg-absolute-white-normal-hovered": Readonly<{
+            value: "#ededede6";
+        }>;
         "alpha-color-fg-absolute-white-light": Readonly<{
             value: "#ffffff99";
             ref: "alpha-color-white-60";
         }>;
+        "alpha-color-fg-absolute-white-light-hovered": Readonly<{
+            value: "#ededed99";
+        }>;
         "alpha-color-fg-absolute-white-lighter": Readonly<{
             value: "#ffffff66";
             ref: "alpha-color-white-40";
         }>;
+        "alpha-color-fg-absolute-white-lighter-hovered": Readonly<{
+            value: "#ededed66";
+        }>;
         "alpha-color-fg-absolute-white-lightest": Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
+            value: "#ededed4d";
+        }>;
         "alpha-color-fg-grey-dark": Readonly<{
             value: "#a7a7aa";
             ref: "alpha-color-grey-500";
         }>;
+        "alpha-color-fg-grey-dark-hovered": Readonly<{
+            value: "#9b9b9eff";
+        }>;
         "alpha-color-fg-grey-normal": Readonly<{
             value: "#cfcfd1";
             ref: "alpha-color-grey-400";
         }>;
+        "alpha-color-fg-grey-normal-hovered": Readonly<{
+            value: "#c0c0c3ff";
+        }>;
         "alpha-color-fg-grey-light": Readonly<{
             value: "#efeff0";
             ref: "alpha-color-grey-200";
         }>;
+        "alpha-color-fg-grey-light-hovered": Readonly<{
+            value: "#dedee0ff";
+        }>;
         "alpha-color-fg-grey-lighter": Readonly<{
             value: "#f7f7f8";
             ref: "alpha-color-grey-100";
         }>;
+        "alpha-color-fg-grey-lighter-hovered": Readonly<{
+            value: "#e5e5e8ff";
+        }>;
         "alpha-color-fg-grey-lightest": Readonly<{
             value: "#fcfcfc";
             ref: "alpha-color-grey-50";
         }>;
+        "alpha-color-fg-grey-lightest-hovered": Readonly<{
+            value: "#eaeaeaff";
+        }>;
         "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
             value: "#efeff0cc";
             ref: "alpha-color-grey-alpha-200-80";
         }>;
+        "alpha-color-fg-grey-grey-alpha-darker-hovered": Readonly<{
+            value: "#dedee0cc";
+        }>;
         "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
             value: "#f7f7f8cc";
             ref: "alpha-color-grey-alpha-100-80";
         }>;
+        "alpha-color-fg-grey-grey-alpha-dark-hovered": Readonly<{
+            value: "#e5e5e8cc";
+        }>;
         "alpha-color-fg-grey-grey-alpha-light": Readonly<{
             value: "#fcfcfccc";
             ref: "alpha-color-grey-alpha-50-80";
         }>;
+        "alpha-color-fg-grey-grey-alpha-light-hovered": Readonly<{
+            value: "#eaeaeacc";
+        }>;
         "alpha-color-bg-black-darkest": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-bg-black-darkest-hovered": Readonly<{
+            value: "#14141499";
+        }>;
         "alpha-color-bg-black-darker": Readonly<{
             value: "#00000066";
             ref: "alpha-color-black-40";
         }>;
+        "alpha-color-bg-black-darker-hovered": Readonly<{
+            value: "#14141466";
+        }>;
         "alpha-color-bg-black-dark": Readonly<{
             value: "#00000026";
             ref: "alpha-color-black-15";
         }>;
+        "alpha-color-bg-black-dark-hovered": Readonly<{
+            value: "#14141439";
+        }>;
         "alpha-color-bg-black-light": Readonly<{
             value: "#00000014";
             ref: "alpha-color-black-8";
         }>;
+        "alpha-color-bg-black-light-hovered": Readonly<{
+            value: "#1414141e";
+        }>;
         "alpha-color-bg-black-lighter": Readonly<{
             value: "#0000000d";
             ref: "alpha-color-black-5";
         }>;
+        "alpha-color-bg-black-lighter-hovered": Readonly<{
+            value: "#14141414";
+        }>;
         "alpha-color-bg-black-lightest": Readonly<{
             value: "#00000008";
             ref: "alpha-color-black-3";
         }>;
+        "alpha-color-bg-black-lightest-hovered": Readonly<{
+            value: "#1414140c";
+        }>;
         "alpha-color-bg-black-transparent": Readonly<{
             value: "#00000000";
             ref: "alpha-color-black-0";
         }>;
+        "alpha-color-bg-black-transparent-hovered": Readonly<{
+            value: "#0000001a";
+        }>;
         "alpha-color-bg-grey-darkest": Readonly<{
             value: "#242428";
             ref: "alpha-color-grey-900";
         }>;
+        "alpha-color-bg-grey-darkest-hovered": Readonly<{
+            value: "#3a3a41ff";
+        }>;
         "alpha-color-bg-grey-dark": Readonly<{
             value: "#a7a7aa";
             ref: "alpha-color-grey-500";
         }>;
+        "alpha-color-bg-grey-dark-hovered": Readonly<{
+            value: "#9b9b9eff";
+        }>;
         "alpha-color-bg-grey-light": Readonly<{
             value: "#efeff0";
             ref: "alpha-color-grey-200";
         }>;
+        "alpha-color-bg-grey-light-hovered": Readonly<{
+            value: "#dedee0ff";
+        }>;
         "alpha-color-bg-grey-lighter": Readonly<{
             value: "#f7f7f8";
             ref: "alpha-color-grey-100";
         }>;
+        "alpha-color-bg-grey-lighter-hovered": Readonly<{
+            value: "#e5e5e8ff";
+        }>;
         "alpha-color-bg-grey-lightest": Readonly<{
             value: "#fcfcfc";
             ref: "alpha-color-grey-50";
         }>;
+        "alpha-color-bg-grey-lightest-hovered": Readonly<{
+            value: "#eaeaeaff";
+        }>;
         "alpha-color-bg-grey-transparent": Readonly<{
             value: "#24242800";
             ref: "alpha-color-grey-900-0";
         }>;
+        "alpha-color-bg-grey-transparent-hovered": Readonly<{
+            value: "#2424281a";
+        }>;
         "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
             value: "#efeff0cc";
             ref: "alpha-color-grey-alpha-200-80";
         }>;
+        "alpha-color-bg-grey-grey-alpha-darkest-hovered": Readonly<{
+            value: "#dedee0cc";
+        }>;
         "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
             value: "#f7f7f8e6";
             ref: "alpha-color-grey-alpha-100-90";
         }>;
+        "alpha-color-bg-grey-grey-alpha-darker-hovered": Readonly<{
+            value: "#e5e5e8e6";
+        }>;
         "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
             value: "#f7f7f8cc";
             ref: "alpha-color-grey-alpha-100-80";
         }>;
+        "alpha-color-bg-grey-grey-alpha-dark-hovered": Readonly<{
+            value: "#e5e5e8cc";
+        }>;
         "alpha-color-bg-grey-grey-alpha-light": Readonly<{
             value: "#fcfcfccc";
             ref: "alpha-color-grey-alpha-50-80";
         }>;
+        "alpha-color-bg-grey-grey-alpha-light-hovered": Readonly<{
+            value: "#eaeaeacc";
+        }>;
         "alpha-color-bg-grey-normal": Readonly<{
             value: "#cfcfd1";
             ref: "alpha-color-grey-400";
         }>;
+        "alpha-color-bg-grey-normal-hovered": Readonly<{
+            value: "#c0c0c3ff";
+        }>;
         "alpha-color-bg-white-highest": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-bg-white-highest-hovered": Readonly<{
+            value: "#edededff";
+        }>;
         "alpha-color-bg-white-higher": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-bg-white-higher-hovered": Readonly<{
+            value: "#edededff";
+        }>;
         "alpha-color-bg-white-normal": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-bg-white-normal-hovered": Readonly<{
+            value: "#edededff";
+        }>;
         "alpha-color-bg-white-transparent": Readonly<{
             value: "#ffffff00";
             ref: "alpha-color-white-0";
         }>;
+        "alpha-color-bg-white-transparent-hovered": Readonly<{
+            value: "#ffffff1a";
+        }>;
         "alpha-color-bg-white-white-alpha-lightest": Readonly<{
             value: "#ffffffe6";
             ref: "alpha-color-white-90";
         }>;
+        "alpha-color-bg-white-white-alpha-lightest-hovered": Readonly<{
+            value: "#ededede6";
+        }>;
         "alpha-color-bg-white-white-alpha-lighter": Readonly<{
             value: "#ffffff99";
             ref: "alpha-color-white-60";
         }>;
+        "alpha-color-bg-white-white-alpha-lighter-hovered": Readonly<{
+            value: "#ededed99";
+        }>;
         "alpha-color-bg-white-white-alpha-light": Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-bg-white-white-alpha-light-hovered": Readonly<{
+            value: "#ededed4d";
+        }>;
         "alpha-color-bg-white-white-alpha-transparent": Readonly<{
             value: "#ffffff00";
             ref: "alpha-color-white-0";
         }>;
+        "alpha-color-bg-white-white-alpha-transparent-hovered": Readonly<{
+            value: "#ffffff1a";
+        }>;
         "alpha-color-bg-blue-normal": Readonly<{
             value: "#6d6afc";
             ref: "alpha-color-blue-400";
         }>;
+        "alpha-color-bg-blue-normal-hovered": Readonly<{
+            value: "#5551fcff";
+        }>;
         "alpha-color-bg-blue-light": Readonly<{
             value: "#6d6afc4d";
             ref: "alpha-color-blue-400-30";
         }>;
+        "alpha-color-bg-blue-light-hovered": Readonly<{
+            value: "#5551fc4d";
+        }>;
         "alpha-color-bg-blue-lighter": Readonly<{
             value: "#6d6afc33";
             ref: "alpha-color-blue-400-20";
         }>;
+        "alpha-color-bg-blue-lighter-hovered": Readonly<{
+            value: "#5551fc4d";
+        }>;
         "alpha-color-bg-blue-lightest": Readonly<{
             value: "#6d6afc1a";
             ref: "alpha-color-blue-400-10";
         }>;
+        "alpha-color-bg-blue-lightest-hovered": Readonly<{
+            value: "#5551fc27";
+        }>;
         "alpha-color-bg-blue-dark": Readonly<{
             value: "#5950dc";
             ref: "alpha-color-blue-500";
         }>;
-        "alpha-color-bg-blue-shade-light": Readonly<{
+        "alpha-color-bg-blue-dark-hovered": Readonly<{
+            value: "#4b42d5ff";
+        }>;
+        "alpha-color-bg-blue-shade-lighter": Readonly<{
             value: "#7175e033";
             ref: "alpha-color-shade-blue-400-20";
         }>;
+        "alpha-color-bg-blue-shade-lighter-hovered": Readonly<{
+            value: "#6165d94d";
+        }>;
         "alpha-color-bg-blue-shade-normal": Readonly<{
             value: "#7175e0";
             ref: "alpha-color-shade-blue-400";
         }>;
+        "alpha-color-bg-blue-shade-normal-hovered": Readonly<{
+            value: "#6165d9ff";
+        }>;
         "alpha-color-bg-blue-transparent": Readonly<{
             value: "#6d6afc00";
             ref: "alpha-color-blue-400-0";
         }>;
+        "alpha-color-bg-blue-transparent-hovered": Readonly<{
+            value: "#6d6afc1a";
+        }>;
         "alpha-color-bg-cobalt-normal": Readonly<{
             value: "#5093e5";
             ref: "alpha-color-cobalt-400";
         }>;
+        "alpha-color-bg-cobalt-normal-hovered": Readonly<{
+            value: "#4088dfff";
+        }>;
         "alpha-color-bg-cobalt-light": Readonly<{
             value: "#5093e54d";
             ref: "alpha-color-cobalt-400-30";
         }>;
+        "alpha-color-bg-cobalt-light-hovered": Readonly<{
+            value: "#4088df4d";
+        }>;
         "alpha-color-bg-cobalt-lighter": Readonly<{
             value: "#5093e533";
             ref: "alpha-color-cobalt-400-20";
         }>;
+        "alpha-color-bg-cobalt-lighter-hovered": Readonly<{
+            value: "#4088df4d";
+        }>;
         "alpha-color-bg-cobalt-lightest": Readonly<{
             value: "#5093e51a";
             ref: "alpha-color-cobalt-400-10";
         }>;
+        "alpha-color-bg-cobalt-lightest-hovered": Readonly<{
+            value: "#4088df27";
+        }>;
         "alpha-color-bg-cobalt-dark": Readonly<{
             value: "#3870d1";
             ref: "alpha-color-cobalt-500";
         }>;
-        "alpha-color-bg-cobalt-shade-light": Readonly<{
+        "alpha-color-bg-cobalt-dark-hovered": Readonly<{
+            value: "#3268c4ff";
+        }>;
+        "alpha-color-bg-cobalt-shade-lighter": Readonly<{
             value: "#57ace833";
             ref: "alpha-color-shade-cobalt-400-20";
         }>;
+        "alpha-color-bg-cobalt-shade-lighter-hovered": Readonly<{
+            value: "#47a2e24d";
+        }>;
         "alpha-color-bg-cobalt-shade-normal": Readonly<{
             value: "#57ace8";
             ref: "alpha-color-shade-cobalt-400";
         }>;
+        "alpha-color-bg-cobalt-shade-normal-hovered": Readonly<{
+            value: "#47a2e2ff";
+        }>;
         "alpha-color-bg-cobalt-transparent": Readonly<{
             value: "#5093e500";
             ref: "alpha-color-cobalt-400-0";
         }>;
+        "alpha-color-bg-cobalt-transparent-hovered": Readonly<{
+            value: "#5093e51a";
+        }>;
         "alpha-color-bg-red-normal": Readonly<{
             value: "#e55c5c";
             ref: "alpha-color-red-400";
         }>;
+        "alpha-color-bg-red-normal-hovered": Readonly<{
+            value: "#df4c4cff";
+        }>;
         "alpha-color-bg-red-light": Readonly<{
             value: "#e55c5c4d";
             ref: "alpha-color-red-400-30";
         }>;
+        "alpha-color-bg-red-light-hovered": Readonly<{
+            value: "#df4c4c4d";
+        }>;
         "alpha-color-bg-red-lighter": Readonly<{
             value: "#e55c5c33";
             ref: "alpha-color-red-400-20";
         }>;
+        "alpha-color-bg-red-lighter-hovered": Readonly<{
+            value: "#df4c4c4d";
+        }>;
         "alpha-color-bg-red-lightest": Readonly<{
             value: "#e55c5c1a";
             ref: "alpha-color-red-400-10";
         }>;
+        "alpha-color-bg-red-lightest-hovered": Readonly<{
+            value: "#df4c4c27";
+        }>;
         "alpha-color-bg-red-dark": Readonly<{
             value: "#bc3a42";
             ref: "alpha-color-red-500";
         }>;
-        "alpha-color-bg-red-shade-light": Readonly<{
+        "alpha-color-bg-red-dark-hovered": Readonly<{
+            value: "#ab3940ff";
+        }>;
+        "alpha-color-bg-red-shade-lighter": Readonly<{
             value: "#de687033";
             ref: "alpha-color-shade-red-400-20";
         }>;
+        "alpha-color-bg-red-shade-lighter-hovered": Readonly<{
+            value: "#d758614d";
+        }>;
         "alpha-color-bg-red-shade-normal": Readonly<{
             value: "#de6870";
             ref: "alpha-color-shade-red-400";
         }>;
+        "alpha-color-bg-red-shade-normal-hovered": Readonly<{
+            value: "#d75861ff";
+        }>;
         "alpha-color-bg-red-transparent": Readonly<{
             value: "#e55c5c00";
             ref: "alpha-color-red-400-0";
         }>;
+        "alpha-color-bg-red-transparent-hovered": Readonly<{
+            value: "#e55c5c1a";
+        }>;
         "alpha-color-bg-orange-normal": Readonly<{
             value: "#e67f2b";
             ref: "alpha-color-orange-400";
         }>;
+        "alpha-color-bg-orange-normal-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
         "alpha-color-bg-orange-light": Readonly<{
             value: "#e67f2b4d";
             ref: "alpha-color-orange-400-30";
         }>;
+        "alpha-color-bg-orange-light-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
         "alpha-color-bg-orange-lighter": Readonly<{
             value: "#e67f2b33";
             ref: "alpha-color-orange-400-20";
         }>;
+        "alpha-color-bg-orange-lighter-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
         "alpha-color-bg-orange-lightest": Readonly<{
             value: "#e67f2b1a";
             ref: "alpha-color-orange-400-10";
         }>;
+        "alpha-color-bg-orange-lightest-hovered": Readonly<{
+            value: "#df751f27";
+        }>;
         "alpha-color-bg-orange-dark": Readonly<{
             value: "#c1630d";
             ref: "alpha-color-orange-500";
         }>;
-        "alpha-color-bg-orange-shade-light": Readonly<{
+        "alpha-color-bg-orange-dark-hovered": Readonly<{
+            value: "#b15c0fff";
+        }>;
+        "alpha-color-bg-orange-shade-lighter": Readonly<{
             value: "#e08c4833";
             ref: "alpha-color-shade-orange-400-20";
         }>;
+        "alpha-color-bg-orange-shade-lighter-hovered": Readonly<{
+            value: "#d9813a4d";
+        }>;
         "alpha-color-bg-orange-shade-normal": Readonly<{
             value: "#e08c48";
             ref: "alpha-color-shade-orange-400";
         }>;
+        "alpha-color-bg-orange-shade-normal-hovered": Readonly<{
+            value: "#d9813aff";
+        }>;
         "alpha-color-bg-orange-transparent": Readonly<{
             value: "#e67f2b00";
             ref: "alpha-color-orange-400-0";
         }>;
+        "alpha-color-bg-orange-transparent-hovered": Readonly<{
+            value: "#e67f2b1a";
+        }>;
         "alpha-color-bg-green-normal": Readonly<{
             value: "#40ad67";
             ref: "alpha-color-green-400";
         }>;
+        "alpha-color-bg-green-normal-hovered": Readonly<{
+            value: "#3f9e61ff";
+        }>;
         "alpha-color-bg-green-light": Readonly<{
             value: "#40ad674d";
             ref: "alpha-color-green-400-30";
         }>;
+        "alpha-color-bg-green-light-hovered": Readonly<{
+            value: "#3f9e614d";
+        }>;
         "alpha-color-bg-green-lighter": Readonly<{
             value: "#40ad6733";
             ref: "alpha-color-green-400-20";
         }>;
+        "alpha-color-bg-green-lighter-hovered": Readonly<{
+            value: "#3f9e614d";
+        }>;
         "alpha-color-bg-green-lightest": Readonly<{
             value: "#40ad671a";
             ref: "alpha-color-green-400-10";
         }>;
+        "alpha-color-bg-green-lightest-hovered": Readonly<{
+            value: "#3f9e6127";
+        }>;
         "alpha-color-bg-green-dark": Readonly<{
             value: "#358761";
             ref: "alpha-color-green-500";
         }>;
-        "alpha-color-bg-green-shade-light": Readonly<{
+        "alpha-color-bg-green-dark-hovered": Readonly<{
+            value: "#347b5aff";
+        }>;
+        "alpha-color-bg-green-shade-lighter": Readonly<{
             value: "#62af7c33";
             ref: "alpha-color-shade-green-400-20";
         }>;
+        "alpha-color-bg-green-shade-lighter-hovered": Readonly<{
+            value: "#5aa4734d";
+        }>;
         "alpha-color-bg-green-shade-normal": Readonly<{
             value: "#62af7c";
             ref: "alpha-color-shade-green-400";
         }>;
+        "alpha-color-bg-green-shade-normal-hovered": Readonly<{
+            value: "#5aa473ff";
+        }>;
         "alpha-color-bg-green-transparent": Readonly<{
             value: "#40ad6700";
             ref: "alpha-color-green-400-0";
         }>;
+        "alpha-color-bg-green-transparent-hovered": Readonly<{
+            value: "#40ad671a";
+        }>;
         "alpha-color-bg-teal-normal": Readonly<{
             value: "#09b2ac";
             ref: "alpha-color-teal-400";
         }>;
+        "alpha-color-bg-teal-normal-hovered": Readonly<{
+            value: "#08a5a0ff";
+        }>;
         "alpha-color-bg-teal-light": Readonly<{
             value: "#09b2ac4d";
             ref: "alpha-color-teal-400-30";
         }>;
+        "alpha-color-bg-teal-light-hovered": Readonly<{
+            value: "#08a5a04d";
+        }>;
         "alpha-color-bg-teal-lighter": Readonly<{
             value: "#09b2ac33";
             ref: "alpha-color-teal-400-20";
         }>;
+        "alpha-color-bg-teal-lighter-hovered": Readonly<{
+            value: "#08a5a04d";
+        }>;
         "alpha-color-bg-teal-lightest": Readonly<{
             value: "#09b2ac1a";
             ref: "alpha-color-teal-400-10";
         }>;
+        "alpha-color-bg-teal-lightest-hovered": Readonly<{
+            value: "#08a5a027";
+        }>;
         "alpha-color-bg-teal-dark": Readonly<{
             value: "#068e95";
             ref: "alpha-color-teal-500";
         }>;
-        "alpha-color-bg-teal-shade-light": Readonly<{
+        "alpha-color-bg-teal-dark-hovered": Readonly<{
+            value: "#06848bff";
+        }>;
+        "alpha-color-bg-teal-shade-lighter": Readonly<{
             value: "#55aaa733";
             ref: "alpha-color-shade-teal-400-20";
         }>;
+        "alpha-color-bg-teal-shade-lighter-hovered": Readonly<{
+            value: "#539b984d";
+        }>;
         "alpha-color-bg-teal-shade-normal": Readonly<{
             value: "#55aaa7";
             ref: "alpha-color-shade-teal-400";
         }>;
+        "alpha-color-bg-teal-shade-normal-hovered": Readonly<{
+            value: "#539b98ff";
+        }>;
         "alpha-color-bg-teal-transparent": Readonly<{
             value: "#09b2ac00";
             ref: "alpha-color-teal-400-0";
         }>;
+        "alpha-color-bg-teal-transparent-hovered": Readonly<{
+            value: "#09b2ac1a";
+        }>;
         "alpha-color-bg-olive-normal": Readonly<{
             value: "#a9b110";
             ref: "alpha-color-olive-400";
         }>;
+        "alpha-color-bg-olive-normal-hovered": Readonly<{
+            value: "#9ba212ff";
+        }>;
         "alpha-color-bg-olive-light": Readonly<{
             value: "#a9b1104d";
             ref: "alpha-color-olive-400-30";
         }>;
+        "alpha-color-bg-olive-light-hovered": Readonly<{
+            value: "#9ba2124d";
+        }>;
         "alpha-color-bg-olive-lighter": Readonly<{
             value: "#a9b11033";
             ref: "alpha-color-olive-400-20";
         }>;
+        "alpha-color-bg-olive-lighter-hovered": Readonly<{
+            value: "#9ba2124d";
+        }>;
         "alpha-color-bg-olive-lightest": Readonly<{
             value: "#a9b1101a";
             ref: "alpha-color-olive-400-10";
         }>;
+        "alpha-color-bg-olive-lightest-hovered": Readonly<{
+            value: "#9ba21227";
+        }>;
         "alpha-color-bg-olive-dark": Readonly<{
             value: "#7b801c";
             ref: "alpha-color-olive-500";
         }>;
-        "alpha-color-bg-olive-shade-light": Readonly<{
+        "alpha-color-bg-olive-dark-hovered": Readonly<{
+            value: "#70751cff";
+        }>;
+        "alpha-color-bg-olive-shade-lighter": Readonly<{
             value: "#a5a95333";
             ref: "alpha-color-shade-olive-400-20";
         }>;
+        "alpha-color-bg-olive-shade-lighter-hovered": Readonly<{
+            value: "#969a514d";
+        }>;
         "alpha-color-bg-olive-shade-normal": Readonly<{
             value: "#a5a953";
             ref: "alpha-color-shade-olive-400";
         }>;
+        "alpha-color-bg-olive-shade-normal-hovered": Readonly<{
+            value: "#969a51ff";
+        }>;
         "alpha-color-bg-olive-transparent": Readonly<{
             value: "#a9b11000";
             ref: "alpha-color-olive-400-0";
         }>;
+        "alpha-color-bg-olive-transparent-hovered": Readonly<{
+            value: "#a9b1101a";
+        }>;
         "alpha-color-bg-yellow-normal": Readonly<{
             value: "#edae0d";
             ref: "alpha-color-yellow-400";
         }>;
+        "alpha-color-bg-yellow-normal-hovered": Readonly<{
+            value: "#d9a010ff";
+        }>;
         "alpha-color-bg-yellow-light": Readonly<{
             value: "#edae0d4d";
             ref: "alpha-color-yellow-400-30";
         }>;
+        "alpha-color-bg-yellow-light-hovered": Readonly<{
+            value: "#d9a0104d";
+        }>;
         "alpha-color-bg-yellow-lighter": Readonly<{
             value: "#edae0d33";
             ref: "alpha-color-yellow-400-20";
         }>;
+        "alpha-color-bg-yellow-lighter-hovered": Readonly<{
+            value: "#d9a0104d";
+        }>;
         "alpha-color-bg-yellow-lightest": Readonly<{
             value: "#edae0d1a";
             ref: "alpha-color-yellow-400-10";
         }>;
+        "alpha-color-bg-yellow-lightest-hovered": Readonly<{
+            value: "#d9a01027";
+        }>;
         "alpha-color-bg-yellow-dark": Readonly<{
             value: "#c38f00";
             ref: "alpha-color-yellow-500";
         }>;
-        "alpha-color-bg-yellow-shade-light": Readonly<{
+        "alpha-color-bg-yellow-dark-hovered": Readonly<{
+            value: "#b58500ff";
+        }>;
+        "alpha-color-bg-yellow-shade-lighter": Readonly<{
             value: "#e8ae3c33";
             ref: "alpha-color-shade-yellow-400-20";
         }>;
+        "alpha-color-bg-yellow-shade-lighter-hovered": Readonly<{
+            value: "#e2a52d4d";
+        }>;
         "alpha-color-bg-yellow-shade-normal": Readonly<{
             value: "#e8ae3c";
             ref: "alpha-color-shade-yellow-400";
         }>;
+        "alpha-color-bg-yellow-shade-normal-hovered": Readonly<{
+            value: "#e2a52dff";
+        }>;
         "alpha-color-bg-yellow-transparent": Readonly<{
             value: "#edae0d00";
             ref: "alpha-color-yellow-400-0";
         }>;
+        "alpha-color-bg-yellow-transparent-hovered": Readonly<{
+            value: "#edae0d1a";
+        }>;
         "alpha-color-bg-pink-normal": Readonly<{
             value: "#d64bb5";
             ref: "alpha-color-pink-400";
         }>;
+        "alpha-color-bg-pink-normal-hovered": Readonly<{
+            value: "#cf3eacff";
+        }>;
         "alpha-color-bg-pink-light": Readonly<{
             value: "#d64bb54d";
             ref: "alpha-color-pink-400-30";
         }>;
+        "alpha-color-bg-pink-light-hovered": Readonly<{
+            value: "#cf3eac4d";
+        }>;
         "alpha-color-bg-pink-lighter": Readonly<{
             value: "#d64bb533";
             ref: "alpha-color-pink-400-20";
         }>;
+        "alpha-color-bg-pink-lighter-hovered": Readonly<{
+            value: "#cf3eac4d";
+        }>;
         "alpha-color-bg-pink-lightest": Readonly<{
             value: "#d64bb51a";
             ref: "alpha-color-pink-400-10";
         }>;
+        "alpha-color-bg-pink-lightest-hovered": Readonly<{
+            value: "#cf3eac27";
+        }>;
         "alpha-color-bg-pink-dark": Readonly<{
             value: "#b0369e";
             ref: "alpha-color-pink-500";
         }>;
-        "alpha-color-bg-pink-shade-light": Readonly<{
+        "alpha-color-bg-pink-dark-hovered": Readonly<{
+            value: "#a03591ff";
+        }>;
+        "alpha-color-bg-pink-shade-lighter": Readonly<{
             value: "#d369ba33";
             ref: "alpha-color-shade-pink-400-20";
         }>;
+        "alpha-color-bg-pink-shade-lighter-hovered": Readonly<{
+            value: "#cb5bb04d";
+        }>;
         "alpha-color-bg-pink-shade-normal": Readonly<{
             value: "#d369ba";
             ref: "alpha-color-shade-pink-400";
         }>;
+        "alpha-color-bg-pink-shade-normal-hovered": Readonly<{
+            value: "#cb5bb0ff";
+        }>;
         "alpha-color-bg-pink-transparent": Readonly<{
             value: "#d64bb500";
             ref: "alpha-color-pink-400-0";
         }>;
+        "alpha-color-bg-pink-transparent-hovered": Readonly<{
+            value: "#d64bb51a";
+        }>;
         "alpha-color-bg-purple-normal": Readonly<{
             value: "#8e57e7";
             ref: "alpha-color-purple-400";
         }>;
+        "alpha-color-bg-purple-normal-hovered": Readonly<{
+            value: "#8247e1ff";
+        }>;
         "alpha-color-bg-purple-light": Readonly<{
             value: "#8e57e74d";
             ref: "alpha-color-purple-400-30";
         }>;
+        "alpha-color-bg-purple-light-hovered": Readonly<{
+            value: "#8247e14d";
+        }>;
         "alpha-color-bg-purple-lighter": Readonly<{
             value: "#8e57e733";
             ref: "alpha-color-purple-400-20";
         }>;
+        "alpha-color-bg-purple-lighter-hovered": Readonly<{
+            value: "#8247e14d";
+        }>;
         "alpha-color-bg-purple-lightest": Readonly<{
             value: "#8e57e71a";
             ref: "alpha-color-purple-400-10";
         }>;
+        "alpha-color-bg-purple-lightest-hovered": Readonly<{
+            value: "#8247e127";
+        }>;
         "alpha-color-bg-purple-dark": Readonly<{
             value: "#6735b6";
             ref: "alpha-color-purple-500";
         }>;
-        "alpha-color-bg-purple-shade-light": Readonly<{
+        "alpha-color-bg-purple-dark-hovered": Readonly<{
+            value: "#6135a6ff";
+        }>;
+        "alpha-color-bg-purple-shade-lighter": Readonly<{
             value: "#9d6fe533";
             ref: "alpha-color-shade-purple-400-20";
         }>;
+        "alpha-color-bg-purple-shade-lighter-hovered": Readonly<{
+            value: "#905ede4d";
+        }>;
         "alpha-color-bg-purple-shade-normal": Readonly<{
             value: "#9d6fe5";
             ref: "alpha-color-shade-purple-400";
         }>;
+        "alpha-color-bg-purple-shade-normal-hovered": Readonly<{
+            value: "#905edeff";
+        }>;
         "alpha-color-bg-purple-transparent": Readonly<{
             value: "#8e57e700";
             ref: "alpha-color-purple-400-0";
         }>;
+        "alpha-color-bg-purple-transparent-hovered": Readonly<{
+            value: "#8e57e71a";
+        }>;
         "alpha-color-bg-navy-normal": Readonly<{
             value: "#424fab";
             ref: "alpha-color-navy-400";
         }>;
+        "alpha-color-bg-navy-normal-hovered": Readonly<{
+            value: "#414c9cff";
+        }>;
         "alpha-color-bg-navy-light": Readonly<{
             value: "#424fab4d";
             ref: "alpha-color-navy-400-30";
         }>;
+        "alpha-color-bg-navy-light-hovered": Readonly<{
+            value: "#414c9c4d";
+        }>;
         "alpha-color-bg-navy-lighter": Readonly<{
             value: "#424fab33";
             ref: "alpha-color-navy-400-20";
         }>;
+        "alpha-color-bg-navy-lighter-hovered": Readonly<{
+            value: "#414c9c4d";
+        }>;
         "alpha-color-bg-navy-lightest": Readonly<{
             value: "#424fab1a";
             ref: "alpha-color-navy-400-10";
         }>;
+        "alpha-color-bg-navy-lightest-hovered": Readonly<{
+            value: "#414c9c27";
+        }>;
         "alpha-color-bg-navy-dark": Readonly<{
             value: "#353888";
             ref: "alpha-color-navy-500";
         }>;
-        "alpha-color-bg-navy-shade-light": Readonly<{
+        "alpha-color-bg-navy-dark-hovered": Readonly<{
+            value: "#34377cff";
+        }>;
+        "alpha-color-bg-navy-shade-lighter": Readonly<{
             value: "#5f69b033";
             ref: "alpha-color-shade-navy-400-20";
         }>;
+        "alpha-color-bg-navy-shade-lighter-hovered": Readonly<{
+            value: "#5761a54d";
+        }>;
         "alpha-color-bg-navy-shade-normal": Readonly<{
             value: "#5f69b0";
             ref: "alpha-color-shade-navy-400";
         }>;
+        "alpha-color-bg-navy-shade-normal-hovered": Readonly<{
+            value: "#5761a5ff";
+        }>;
         "alpha-color-bg-navy-transparent": Readonly<{
             value: "#424fab00";
             ref: "alpha-color-navy-400-0";
         }>;
+        "alpha-color-bg-navy-transparent-hovered": Readonly<{
+            value: "#424fab1a";
+        }>;
         "alpha-color-bg-absolute-black-dark": Readonly<{
             value: "#000000";
             ref: "alpha-color-black-100";
         }>;
+        "alpha-color-bg-absolute-black-dark-hovered": Readonly<{
+            value: "#141414ff";
+        }>;
         "alpha-color-bg-absolute-black-normal": Readonly<{
             value: "#000000d9";
             ref: "alpha-color-black-85";
         }>;
+        "alpha-color-bg-absolute-black-normal-hovered": Readonly<{
+            value: "#141414d9";
+        }>;
         "alpha-color-bg-absolute-black-light": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-bg-absolute-black-light-hovered": Readonly<{
+            value: "#14141499";
+        }>;
         "alpha-color-bg-absolute-black-lighter": Readonly<{
             value: "#00000066";
             ref: "alpha-color-black-40";
         }>;
+        "alpha-color-bg-absolute-black-lighter-hovered": Readonly<{
+            value: "#14141466";
+        }>;
         "alpha-color-bg-absolute-black-lightest": Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-bg-absolute-black-lightest-hovered": Readonly<{
+            value: "#1414144d";
+        }>;
         "alpha-color-bg-absolute-black-transparent": Readonly<{
             value: "#00000000";
             ref: "alpha-color-black-0";
         }>;
+        "alpha-color-bg-absolute-black-transparent-hovered": Readonly<{
+            value: "#0000001a";
+        }>;
         "alpha-color-bg-absolute-white-dark": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-bg-absolute-white-dark-hovered": Readonly<{
+            value: "#edededff";
+        }>;
         "alpha-color-bg-absolute-white-normal": Readonly<{
             value: "#ffffffe6";
             ref: "alpha-color-white-90";
         }>;
+        "alpha-color-bg-absolute-white-normal-hovered": Readonly<{
+            value: "#ededede6";
+        }>;
         "alpha-color-bg-absolute-white-light": Readonly<{
             value: "#ffffff99";
             ref: "alpha-color-white-60";
         }>;
+        "alpha-color-bg-absolute-white-light-hovered": Readonly<{
+            value: "#ededed99";
+        }>;
         "alpha-color-bg-absolute-white-lighter": Readonly<{
             value: "#ffffff66";
             ref: "alpha-color-white-40";
         }>;
+        "alpha-color-bg-absolute-white-lighter-hovered": Readonly<{
+            value: "#ededed66";
+        }>;
         "alpha-color-bg-absolute-white-lightest": Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-bg-absolute-white-lightest-hovered": Readonly<{
+            value: "#ededed4d";
+        }>;
         "alpha-color-bg-absolute-white-transparent": Readonly<{
             value: "#ffffff00";
             ref: "alpha-color-white-0";
         }>;
+        "alpha-color-bg-absolute-white-transparent-hovered": Readonly<{
+            value: "#ffffff1a";
+        }>;
         "alpha-color-surface-lowest": Readonly<{
             value: "#f7f7f8";
             ref: "alpha-color-grey-100";
         }>;
+        "alpha-color-surface-lowest-hovered": Readonly<{
+            value: "#e5e5e8ff";
+        }>;
         "alpha-color-surface-lower": Readonly<{
             value: "#fcfcfc";
             ref: "alpha-color-grey-50";
         }>;
+        "alpha-color-surface-lower-hovered": Readonly<{
+            value: "#eaeaeaff";
+        }>;
         "alpha-color-surface-normal": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-surface-normal-hovered": Readonly<{
+            value: "#edededff";
+        }>;
         "alpha-color-shadow-xlarge": Readonly<{
             value: "#0000004d";
             ref: "alpha-color-black-30";
         }>;
+        "alpha-color-shadow-xlarge-hovered": Readonly<{
+            value: "#1414144d";
+        }>;
         "alpha-color-shadow-large": Readonly<{
             value: "#00000038";
             ref: "alpha-color-black-22";
         }>;
+        "alpha-color-shadow-large-hovered": Readonly<{
+            value: "#14141438";
+        }>;
         "alpha-color-shadow-medium": Readonly<{
             value: "#00000026";
             ref: "alpha-color-black-15";
         }>;
+        "alpha-color-shadow-medium-hovered": Readonly<{
+            value: "#14141439";
+        }>;
         "alpha-color-shadow-small": Readonly<{
             value: "#00000014";
             ref: "alpha-color-black-8";
         }>;
+        "alpha-color-shadow-small-hovered": Readonly<{
+            value: "#1414141e";
+        }>;
         "alpha-color-shadow-base": Readonly<{
             value: "#0000000d";
             ref: "alpha-color-black-5";
         }>;
+        "alpha-color-shadow-base-hovered": Readonly<{
+            value: "#14141414";
+        }>;
         "alpha-color-shadow-base-inner": Readonly<{
             value: "#ffffff1f";
             ref: "alpha-color-white-12";
         }>;
+        "alpha-color-shadow-base-inner-hovered": Readonly<{
+            value: "#ededed2f";
+        }>;
         "alpha-color-dim-black-light": Readonly<{
             value: "#00000033";
             ref: "alpha-color-bg-absolute-black-lightest";
         }>;
+        "alpha-color-dim-black-light-hovered": Readonly<{
+            value: "#1414144d";
+        }>;
         "alpha-color-dim-black-normal": Readonly<{
             value: "#00000066";
             ref: "alpha-color-bg-absolute-black-lighter";
         }>;
+        "alpha-color-dim-black-normal-hovered": Readonly<{
+            value: "#14141466";
+        }>;
         "alpha-color-primary-bg-normal": Readonly<{
             value: "#6d6afc";
             ref: "alpha-color-bg-blue-normal";
         }>;
+        "alpha-color-primary-bg-normal-hovered": Readonly<{
+            value: "#5551fcff";
+        }>;
         "alpha-color-primary-bg-light": Readonly<{
             value: "#6d6afc4d";
             ref: "alpha-color-bg-blue-light";
         }>;
+        "alpha-color-primary-bg-light-hovered": Readonly<{
+            value: "#5551fc4d";
+        }>;
         "alpha-color-primary-bg-lighter": Readonly<{
             value: "#6d6afc33";
             ref: "alpha-color-bg-blue-lighter";
         }>;
+        "alpha-color-primary-bg-lighter-hovered": Readonly<{
+            value: "#5551fc4d";
+        }>;
         "alpha-color-primary-bg-lightest": Readonly<{
             value: "#6d6afc1a";
             ref: "alpha-color-bg-blue-lightest";
         }>;
+        "alpha-color-primary-bg-lightest-hovered": Readonly<{
+            value: "#5551fc27";
+        }>;
         "alpha-color-primary-bg-dark": Readonly<{
             value: "#5950dc";
             ref: "alpha-color-bg-blue-dark";
         }>;
+        "alpha-color-primary-bg-dark-hovered": Readonly<{
+            value: "#4b42d5ff";
+        }>;
         "alpha-color-primary-fg-normal": Readonly<{
             value: "#6d6afc";
             ref: "alpha-color-fg-blue-normal";
         }>;
+        "alpha-color-primary-fg-normal-hovered": Readonly<{
+            value: "#5551fcff";
+        }>;
         "alpha-color-primary-fg-light": Readonly<{
             value: "#6d6afc4d";
             ref: "alpha-color-fg-blue-light";
         }>;
+        "alpha-color-primary-fg-light-hovered": Readonly<{
+            value: "#5551fc4d";
+        }>;
         "alpha-color-primary-fg-dark": Readonly<{
             value: "#5950dc";
             ref: "alpha-color-fg-blue-dark";
         }>;
+        "alpha-color-primary-fg-dark-hovered": Readonly<{
+            value: "#4b42d5ff";
+        }>;
         "alpha-color-critical-bg-dark": Readonly<{
             value: "#bc3a42";
             ref: "alpha-color-bg-red-dark";
         }>;
+        "alpha-color-critical-bg-dark-hovered": Readonly<{
+            value: "#ab3940ff";
+        }>;
         "alpha-color-critical-bg-normal": Readonly<{
             value: "#e55c5c";
             ref: "alpha-color-fg-red-normal";
         }>;
+        "alpha-color-critical-bg-normal-hovered": Readonly<{
+            value: "#df4c4cff";
+        }>;
         "alpha-color-critical-bg-light": Readonly<{
             value: "#e55c5c4d";
             ref: "alpha-color-bg-red-light";
         }>;
+        "alpha-color-critical-bg-light-hovered": Readonly<{
+            value: "#df4c4c4d";
+        }>;
         "alpha-color-critical-bg-lighter": Readonly<{
             value: "#e55c5c33";
             ref: "alpha-color-bg-red-lighter";
         }>;
+        "alpha-color-critical-bg-lighter-hovered": Readonly<{
+            value: "#df4c4c4d";
+        }>;
         "alpha-color-critical-bg-lightest": Readonly<{
             value: "#e55c5c1a";
             ref: "alpha-color-bg-red-lightest";
         }>;
+        "alpha-color-critical-bg-lightest-hovered": Readonly<{
+            value: "#df4c4c27";
+        }>;
         "alpha-color-critical-fg-normal": Readonly<{
             value: "#e55c5c";
             ref: "alpha-color-fg-red-normal";
         }>;
+        "alpha-color-critical-fg-normal-hovered": Readonly<{
+            value: "#df4c4cff";
+        }>;
         "alpha-color-critical-fg-light": Readonly<{
             value: "#e55c5c4d";
             ref: "alpha-color-fg-red-light";
         }>;
+        "alpha-color-critical-fg-light-hovered": Readonly<{
+            value: "#df4c4c4d";
+        }>;
         "alpha-color-critical-fg-dark": Readonly<{
             value: "#bc3a42";
             ref: "alpha-color-fg-red-dark";
         }>;
+        "alpha-color-critical-fg-dark-hovered": Readonly<{
+            value: "#ab3940ff";
+        }>;
         "alpha-color-warning-bg-dark": Readonly<{
             value: "#c1630d";
             ref: "alpha-color-bg-orange-dark";
         }>;
+        "alpha-color-warning-bg-dark-hovered": Readonly<{
+            value: "#b15c0fff";
+        }>;
         "alpha-color-warning-bg-normal": Readonly<{
             value: "#e67f2b";
             ref: "alpha-color-bg-orange-normal";
         }>;
+        "alpha-color-warning-bg-normal-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
         "alpha-color-warning-bg-light": Readonly<{
             value: "#e67f2b4d";
             ref: "alpha-color-bg-orange-light";
         }>;
+        "alpha-color-warning-bg-light-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
         "alpha-color-warning-bg-lighter": Readonly<{
             value: "#e67f2b33";
             ref: "alpha-color-bg-orange-lighter";
         }>;
+        "alpha-color-warning-bg-lighter-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
         "alpha-color-warning-bg-lightest": Readonly<{
             value: "#e67f2b1a";
             ref: "alpha-color-bg-orange-lightest";
         }>;
+        "alpha-color-warning-bg-lightest-hovered": Readonly<{
+            value: "#df751f27";
+        }>;
         "alpha-color-warning-fg-normal": Readonly<{
             value: "#e67f2b";
             ref: "alpha-color-fg-orange-normal";
         }>;
+        "alpha-color-warning-fg-normal-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
         "alpha-color-warning-fg-light": Readonly<{
             value: "#e67f2b4d";
             ref: "alpha-color-fg-orange-light";
         }>;
+        "alpha-color-warning-fg-light-hovered": Readonly<{
+            value: "#df751f4d";
+        }>;
         "alpha-color-warning-fg-dark": Readonly<{
             value: "#c1630d";
             ref: "alpha-color-fg-orange-dark";
         }>;
+        "alpha-color-warning-fg-dark-hovered": Readonly<{
+            value: "#b15c0fff";
+        }>;
         "alpha-color-accent-bg-dark": Readonly<{
             value: "#3870d1";
             ref: "alpha-color-bg-cobalt-dark";
         }>;
+        "alpha-color-accent-bg-dark-hovered": Readonly<{
+            value: "#3268c4ff";
+        }>;
         "alpha-color-accent-bg-normal": Readonly<{
             value: "#5093e5";
             ref: "alpha-color-bg-cobalt-normal";
         }>;
+        "alpha-color-accent-bg-normal-hovered": Readonly<{
+            value: "#4088dfff";
+        }>;
         "alpha-color-accent-bg-light": Readonly<{
             value: "#5093e54d";
             ref: "alpha-color-bg-cobalt-light";
         }>;
+        "alpha-color-accent-bg-light-hovered": Readonly<{
+            value: "#4088df4d";
+        }>;
         "alpha-color-accent-bg-lighter": Readonly<{
             value: "#5093e533";
             ref: "alpha-color-bg-cobalt-lighter";
         }>;
+        "alpha-color-accent-bg-lighter-hovered": Readonly<{
+            value: "#4088df4d";
+        }>;
         "alpha-color-accent-bg-lightest": Readonly<{
             value: "#5093e51a";
             ref: "alpha-color-bg-cobalt-lightest";
         }>;
+        "alpha-color-accent-bg-lightest-hovered": Readonly<{
+            value: "#4088df27";
+        }>;
         "alpha-color-accent-fg-normal": Readonly<{
             value: "#5093e5";
             ref: "alpha-color-fg-cobalt-normal";
         }>;
+        "alpha-color-accent-fg-normal-hovered": Readonly<{
+            value: "#4088dfff";
+        }>;
         "alpha-color-accent-fg-light": Readonly<{
             value: "#5093e54d";
             ref: "alpha-color-fg-cobalt-light";
         }>;
+        "alpha-color-accent-fg-light-hovered": Readonly<{
+            value: "#4088df4d";
+        }>;
         "alpha-color-accent-fg-dark": Readonly<{
             value: "#3870d1";
             ref: "alpha-color-fg-cobalt-dark";
         }>;
+        "alpha-color-accent-fg-dark-hovered": Readonly<{
+            value: "#3268c4ff";
+        }>;
         "alpha-color-success-bg-dark": Readonly<{
             value: "#358761";
             ref: "alpha-color-bg-green-dark";
         }>;
+        "alpha-color-success-bg-dark-hovered": Readonly<{
+            value: "#347b5aff";
+        }>;
         "alpha-color-success-bg-normal": Readonly<{
             value: "#40ad67";
             ref: "alpha-color-bg-green-normal";
         }>;
+        "alpha-color-success-bg-normal-hovered": Readonly<{
+            value: "#3f9e61ff";
+        }>;
         "alpha-color-success-bg-light": Readonly<{
             value: "#40ad674d";
             ref: "alpha-color-bg-green-light";
         }>;
+        "alpha-color-success-bg-light-hovered": Readonly<{
+            value: "#3f9e614d";
+        }>;
         "alpha-color-success-bg-lighter": Readonly<{
             value: "#40ad6733";
             ref: "alpha-color-bg-green-lighter";
         }>;
+        "alpha-color-success-bg-lighter-hovered": Readonly<{
+            value: "#3f9e614d";
+        }>;
         "alpha-color-success-bg-lightest": Readonly<{
             value: "#40ad671a";
             ref: "alpha-color-bg-green-lightest";
         }>;
+        "alpha-color-success-bg-lightest-hovered": Readonly<{
+            value: "#3f9e6127";
+        }>;
         "alpha-color-success-fg-normal": Readonly<{
             value: "#40ad67";
             ref: "alpha-color-fg-green-normal";
         }>;
+        "alpha-color-success-fg-normal-hovered": Readonly<{
+            value: "#3f9e61ff";
+        }>;
         "alpha-color-success-fg-light": Readonly<{
             value: "#40ad674d";
             ref: "alpha-color-fg-green-light";
         }>;
+        "alpha-color-success-fg-light-hovered": Readonly<{
+            value: "#3f9e614d";
+        }>;
         "alpha-color-success-fg-dark": Readonly<{
             value: "#358761";
             ref: "alpha-color-fg-green-dark";
         }>;
+        "alpha-color-success-fg-dark-hovered": Readonly<{
+            value: "#347b5aff";
+        }>;
     }>;
 }>;
 export = _exports;