@channel.io/bezier-tokens 0.2.8 → 0.2.10

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

@@ -60,934 +60,1647 @@ declare const _exports: Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-fg-black-pure-hovered": Readonly<{
+            value: "#c8c8c8ff";
+        }>;
         "alpha-color-fg-black-darkest": Readonly<{
             value: "#ffffffcc";
             ref: "alpha-color-white-80";
         }>;
+        "alpha-color-fg-black-darkest-hovered": Readonly<{
+            value: "#c8c8c8cc";
+        }>;
         "alpha-color-fg-black-darker": Readonly<{
             value: "#ffffff99";
             ref: "alpha-color-white-60";
         }>;
+        "alpha-color-fg-black-darker-hovered": Readonly<{
+            value: "#c8c8c899";
+        }>;
         "alpha-color-fg-black-dark": Readonly<{
             value: "#ffffff66";
             ref: "alpha-color-white-40";
         }>;
+        "alpha-color-fg-black-dark-hovered": Readonly<{
+            value: "#c8c8c866";
+        }>;
         "alpha-color-fg-black-light": Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-fg-black-light-hovered": Readonly<{
+            value: "#c8c8c84d";
+        }>;
         "alpha-color-fg-black-lightest": Readonly<{
             value: "#ffffff1f";
             ref: "alpha-color-white-12";
         }>;
+        "alpha-color-fg-black-lightest-hovered": Readonly<{
+            value: "#c8c8c82f";
+        }>;
         "alpha-color-fg-white-normal": Readonly<{
             value: "#242428";
             ref: "alpha-color-grey-900";
         }>;
+        "alpha-color-fg-white-normal-hovered": Readonly<{
+            value: "#2e2e33ff";
+        }>;
         "alpha-color-fg-blue-normal": Readonly<{
             value: "#7d9efa";
             ref: "alpha-color-blue-300";
         }>;
+        "alpha-color-fg-blue-normal-hovered": Readonly<{
+            value: "#93aefbff";
+        }>;
         "alpha-color-fg-blue-light": Readonly<{
             value: "#7d9efa73";
             ref: "alpha-color-blue-300-45";
         }>;
+        "alpha-color-fg-blue-light-hovered": Readonly<{
+            value: "#93aefb73";
+        }>;
         "alpha-color-fg-blue-dark": Readonly<{
             value: "#7d9efa";
             ref: "alpha-color-blue-300";
         }>;
+        "alpha-color-fg-blue-dark-hovered": Readonly<{
+            value: "#93aefbff";
+        }>;
         "alpha-color-fg-cobalt-normal": Readonly<{
             value: "#71b9f5";
             ref: "alpha-color-cobalt-300";
         }>;
+        "alpha-color-fg-cobalt-normal-hovered": Readonly<{
+            value: "#83c4faff";
+        }>;
         "alpha-color-fg-cobalt-light": Readonly<{
             value: "#71b9f573";
             ref: "alpha-color-cobalt-300-45";
         }>;
+        "alpha-color-fg-cobalt-light-hovered": Readonly<{
+            value: "#83c4fa73";
+        }>;
         "alpha-color-fg-cobalt-dark": Readonly<{
             value: "#71b9f5";
             ref: "alpha-color-cobalt-300";
         }>;
+        "alpha-color-fg-cobalt-dark-hovered": Readonly<{
+            value: "#83c4faff";
+        }>;
         "alpha-color-fg-red-normal": Readonly<{
             value: "#ff8c8c";
             ref: "alpha-color-red-300";
         }>;
+        "alpha-color-fg-red-normal-hovered": Readonly<{
+            value: "#ffa2a2ff";
+        }>;
         "alpha-color-fg-red-light": Readonly<{
             value: "#ff8c8c73";
             ref: "alpha-color-red-300-45";
         }>;
+        "alpha-color-fg-red-light-hovered": Readonly<{
+            value: "#ffa2a273";
+        }>;
         "alpha-color-fg-red-dark": Readonly<{
             value: "#ff8c8c";
             ref: "alpha-color-red-300";
         }>;
+        "alpha-color-fg-red-dark-hovered": Readonly<{
+            value: "#ffa2a2ff";
+        }>;
         "alpha-color-fg-orange-normal": Readonly<{
             value: "#ffa15e";
             ref: "alpha-color-orange-300";
         }>;
+        "alpha-color-fg-orange-normal-hovered": Readonly<{
+            value: "#ffae74ff";
+        }>;
         "alpha-color-fg-orange-light": Readonly<{
             value: "#ffa15e73";
             ref: "alpha-color-orange-300-45";
         }>;
+        "alpha-color-fg-orange-light-hovered": Readonly<{
+            value: "#ffae7473";
+        }>;
         "alpha-color-fg-orange-dark": Readonly<{
             value: "#ffa15e";
             ref: "alpha-color-orange-300";
         }>;
+        "alpha-color-fg-orange-dark-hovered": Readonly<{
+            value: "#ffae74ff";
+        }>;
         "alpha-color-fg-green-normal": Readonly<{
             value: "#68cc7f";
             ref: "alpha-color-green-300";
         }>;
+        "alpha-color-fg-green-normal-hovered": Readonly<{
+            value: "#74d68bff";
+        }>;
         "alpha-color-fg-green-light": Readonly<{
             value: "#68cc7f73";
             ref: "alpha-color-green-300-45";
         }>;
+        "alpha-color-fg-green-light-hovered": Readonly<{
+            value: "#74d68b73";
+        }>;
         "alpha-color-fg-green-dark": Readonly<{
             value: "#68cc7f";
             ref: "alpha-color-green-300";
         }>;
+        "alpha-color-fg-green-dark-hovered": Readonly<{
+            value: "#74d68bff";
+        }>;
         "alpha-color-fg-teal-normal": Readonly<{
             value: "#40d3c5";
             ref: "alpha-color-teal-300";
         }>;
+        "alpha-color-fg-teal-normal-hovered": Readonly<{
+            value: "#4cdccfff";
+        }>;
         "alpha-color-fg-teal-light": Readonly<{
             value: "#40d3c573";
             ref: "alpha-color-teal-300-45";
         }>;
+        "alpha-color-fg-teal-light-hovered": Readonly<{
+            value: "#4cdccf73";
+        }>;
         "alpha-color-fg-teal-dark": Readonly<{
             value: "#40d3c5";
             ref: "alpha-color-teal-300";
         }>;
+        "alpha-color-fg-teal-dark-hovered": Readonly<{
+            value: "#4cdccfff";
+        }>;
         "alpha-color-fg-olive-normal": Readonly<{
             value: "#c8d630";
             ref: "alpha-color-olive-300";
         }>;
+        "alpha-color-fg-olive-normal-hovered": Readonly<{
+            value: "#d2df3dff";
+        }>;
         "alpha-color-fg-olive-light": Readonly<{
             value: "#c8d63073";
             ref: "alpha-color-olive-300-45";
         }>;
+        "alpha-color-fg-olive-light-hovered": Readonly<{
+            value: "#d2df3d73";
+        }>;
         "alpha-color-fg-olive-dark": Readonly<{
             value: "#c8d630";
             ref: "alpha-color-olive-300";
         }>;
+        "alpha-color-fg-olive-dark-hovered": Readonly<{
+            value: "#d2df3dff";
+        }>;
         "alpha-color-fg-yellow-normal": Readonly<{
             value: "#f9c835";
             ref: "alpha-color-yellow-300";
         }>;
+        "alpha-color-fg-yellow-normal-hovered": Readonly<{
+            value: "#face4aff";
+        }>;
         "alpha-color-fg-yellow-light": Readonly<{
             value: "#f9c83573";
             ref: "alpha-color-yellow-300-45";
         }>;
+        "alpha-color-fg-yellow-light-hovered": Readonly<{
+            value: "#face4a73";
+        }>;
         "alpha-color-fg-yellow-dark": Readonly<{
             value: "#f9c835";
             ref: "alpha-color-yellow-300";
         }>;
+        "alpha-color-fg-yellow-dark-hovered": Readonly<{
+            value: "#face4aff";
+        }>;
         "alpha-color-fg-pink-normal": Readonly<{
             value: "#ec6fd3";
             ref: "alpha-color-pink-300";
         }>;
+        "alpha-color-fg-pink-normal-hovered": Readonly<{
+            value: "#f27fdbff";
+        }>;
         "alpha-color-fg-pink-light": Readonly<{
             value: "#ec6fd373";
             ref: "alpha-color-pink-300-45";
         }>;
+        "alpha-color-fg-pink-light-hovered": Readonly<{
+            value: "#f27fdb73";
+        }>;
         "alpha-color-fg-pink-dark": Readonly<{
             value: "#ec6fd3";
             ref: "alpha-color-pink-300";
         }>;
+        "alpha-color-fg-pink-dark-hovered": Readonly<{
+            value: "#f27fdbff";
+        }>;
         "alpha-color-fg-purple-normal": Readonly<{
             value: "#b184ff";
             ref: "alpha-color-purple-300";
         }>;
+        "alpha-color-fg-purple-normal-hovered": Readonly<{
+            value: "#bf9affff";
+        }>;
         "alpha-color-fg-purple-light": Readonly<{
             value: "#b184ff73";
             ref: "alpha-color-purple-300-45";
         }>;
+        "alpha-color-fg-purple-light-hovered": Readonly<{
+            value: "#bf9aff73";
+        }>;
         "alpha-color-fg-purple-dark": Readonly<{
             value: "#b184ff";
             ref: "alpha-color-purple-300";
         }>;
+        "alpha-color-fg-purple-dark-hovered": Readonly<{
+            value: "#bf9affff";
+        }>;
         "alpha-color-fg-navy-normal": Readonly<{
             value: "#7683d3";
             ref: "alpha-color-navy-300";
         }>;
+        "alpha-color-fg-navy-normal-hovered": Readonly<{
+            value: "#838fdcff";
+        }>;
         "alpha-color-fg-navy-light": Readonly<{
             value: "#7683d373";
             ref: "alpha-color-navy-300-45";
         }>;
+        "alpha-color-fg-navy-light-hovered": Readonly<{
+            value: "#838fdc73";
+        }>;
         "alpha-color-fg-navy-dark": Readonly<{
             value: "#7683d3";
             ref: "alpha-color-navy-300";
         }>;
+        "alpha-color-fg-navy-dark-hovered": Readonly<{
+            value: "#838fdcff";
+        }>;
         "alpha-color-fg-absolute-black-dark": Readonly<{
             value: "#000000";
             ref: "alpha-color-black-100";
         }>;
+        "alpha-color-fg-absolute-black-dark-hovered": Readonly<{
+            value: "#0a0a0aff";
+        }>;
         "alpha-color-fg-absolute-black-normal": Readonly<{
             value: "#000000d9";
             ref: "alpha-color-black-85";
         }>;
+        "alpha-color-fg-absolute-black-normal-hovered": Readonly<{
+            value: "#0a0a0ad9";
+        }>;
         "alpha-color-fg-absolute-black-light": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-fg-absolute-black-light-hovered": Readonly<{
+            value: "#0a0a0a99";
+        }>;
         "alpha-color-fg-absolute-black-lighter": Readonly<{
             value: "#00000066";
             ref: "alpha-color-black-40";
         }>;
+        "alpha-color-fg-absolute-black-lighter-hovered": Readonly<{
+            value: "#0a0a0a66";
+        }>;
         "alpha-color-fg-absolute-black-lightest": Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-fg-absolute-black-lightest-hovered": Readonly<{
+            value: "#0a0a0a4d";
+        }>;
         "alpha-color-fg-absolute-white-dark": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-fg-absolute-white-dark-hovered": Readonly<{
+            value: "#c8c8c8ff";
+        }>;
         "alpha-color-fg-absolute-white-normal": Readonly<{
             value: "#ffffffe6";
             ref: "alpha-color-white-90";
         }>;
+        "alpha-color-fg-absolute-white-normal-hovered": Readonly<{
+            value: "#c8c8c8e6";
+        }>;
         "alpha-color-fg-absolute-white-light": Readonly<{
             value: "#ffffff99";
             ref: "alpha-color-white-60";
         }>;
+        "alpha-color-fg-absolute-white-light-hovered": Readonly<{
+            value: "#c8c8c899";
+        }>;
         "alpha-color-fg-absolute-white-lighter": Readonly<{
             value: "#ffffff66";
             ref: "alpha-color-white-40";
         }>;
+        "alpha-color-fg-absolute-white-lighter-hovered": Readonly<{
+            value: "#c8c8c866";
+        }>;
         "alpha-color-fg-absolute-white-lightest": Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-fg-absolute-white-lightest-hovered": Readonly<{
+            value: "#c8c8c84d";
+        }>;
         "alpha-color-fg-grey-dark": Readonly<{
             value: "#a7a7aa";
             ref: "alpha-color-grey-500";
         }>;
+        "alpha-color-fg-grey-dark-hovered": Readonly<{
+            value: "#b2b2b5ff";
+        }>;
         "alpha-color-fg-grey-normal": Readonly<{
             value: "#7b7b7b";
             ref: "alpha-color-grey-600";
         }>;
+        "alpha-color-fg-grey-normal-hovered": Readonly<{
+            value: "#868686ff";
+        }>;
         "alpha-color-fg-grey-light": Readonly<{
             value: "#464748";
             ref: "alpha-color-grey-700";
         }>;
+        "alpha-color-fg-grey-light-hovered": Readonly<{
+            value: "#505253ff";
+        }>;
         "alpha-color-fg-grey-lighter": Readonly<{
             value: "#313234";
             ref: "alpha-color-grey-800";
         }>;
+        "alpha-color-fg-grey-lighter-hovered": Readonly<{
+            value: "#3b3c3fff";
+        }>;
         "alpha-color-fg-grey-lightest": Readonly<{
             value: "#2a2b2d";
             ref: "alpha-color-grey-850";
         }>;
+        "alpha-color-fg-grey-lightest-hovered": Readonly<{
+            value: "#343538ff";
+        }>;
         "alpha-color-fg-grey-grey-alpha-darker": Readonly<{
             value: "#313234e6";
             ref: "alpha-color-grey-alpha-800-90";
         }>;
+        "alpha-color-fg-grey-grey-alpha-darker-hovered": Readonly<{
+            value: "#3b3c3fe6";
+        }>;
         "alpha-color-fg-grey-grey-alpha-dark": Readonly<{
             value: "#313234cc";
             ref: "alpha-color-grey-alpha-800-80";
         }>;
+        "alpha-color-fg-grey-grey-alpha-dark-hovered": Readonly<{
+            value: "#3b3c3fcc";
+        }>;
         "alpha-color-fg-grey-grey-alpha-light": Readonly<{
             value: "#2a2b2dcc";
             ref: "alpha-color-grey-alpha-850-80";
         }>;
+        "alpha-color-fg-grey-grey-alpha-light-hovered": Readonly<{
+            value: "#343538cc";
+        }>;
         "alpha-color-bg-black-darkest": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-bg-black-darkest-hovered": Readonly<{
+            value: "#0a0a0a99";
+        }>;
         "alpha-color-bg-black-darker": Readonly<{
             value: "#ffffff66";
             ref: "alpha-color-white-40";
         }>;
+        "alpha-color-bg-black-darker-hovered": Readonly<{
+            value: "#c8c8c866";
+        }>;
         "alpha-color-bg-black-dark": Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-bg-black-dark-hovered": Readonly<{
+            value: "#c8c8c84d";
+        }>;
         "alpha-color-bg-black-light": Readonly<{
             value: "#ffffff1f";
             ref: "alpha-color-white-12";
         }>;
+        "alpha-color-bg-black-light-hovered": Readonly<{
+            value: "#c8c8c82f";
+        }>;
         "alpha-color-bg-black-lighter": Readonly<{
             value: "#ffffff14";
             ref: "alpha-color-white-8";
         }>;
+        "alpha-color-bg-black-lighter-hovered": Readonly<{
+            value: "#c8c8c81e";
+        }>;
         "alpha-color-bg-black-lightest": Readonly<{
             value: "#ffffff0d";
             ref: "alpha-color-white-5";
         }>;
+        "alpha-color-bg-black-lightest-hovered": Readonly<{
+            value: "#c8c8c814";
+        }>;
         "alpha-color-bg-black-transparent": Readonly<{
             value: "#ffffff00";
             ref: "alpha-color-white-0";
         }>;
+        "alpha-color-bg-black-transparent-hovered": Readonly<{
+            value: "#ffffff1a";
+        }>;
         "alpha-color-bg-grey-darkest": Readonly<{
             value: "#ffffff";
             ref: "alpha-color-white-100";
         }>;
+        "alpha-color-bg-grey-darkest-hovered": Readonly<{
+            value: "#c8c8c8ff";
+        }>;
         "alpha-color-bg-grey-dark": Readonly<{
             value: "#a7a7aa";
             ref: "alpha-color-grey-500";
         }>;
+        "alpha-color-bg-grey-dark-hovered": Readonly<{
+            value: "#b2b2b5ff";
+        }>;
         "alpha-color-bg-grey-light": Readonly<{
             value: "#464748";
             ref: "alpha-color-grey-700";
         }>;
+        "alpha-color-bg-grey-light-hovered": Readonly<{
+            value: "#505253ff";
+        }>;
         "alpha-color-bg-grey-lighter": Readonly<{
             value: "#313234";
             ref: "alpha-color-grey-800";
         }>;
+        "alpha-color-bg-grey-lighter-hovered": Readonly<{
+            value: "#3b3c3fff";
+        }>;
         "alpha-color-bg-grey-lightest": Readonly<{
             value: "#2a2b2d";
             ref: "alpha-color-grey-850";
         }>;
+        "alpha-color-bg-grey-lightest-hovered": Readonly<{
+            value: "#343538ff";
+        }>;
         "alpha-color-bg-grey-transparent": Readonly<{
             value: "#ffffff00";
             ref: "alpha-color-white-0";
         }>;
+        "alpha-color-bg-grey-transparent-hovered": Readonly<{
+            value: "#ffffff1a";
+        }>;
         "alpha-color-bg-grey-grey-alpha-darkest": Readonly<{
             value: "#464748cc";
             ref: "alpha-color-grey-alpha-700-80";
         }>;
+        "alpha-color-bg-grey-grey-alpha-darkest-hovered": Readonly<{
+            value: "#505253cc";
+        }>;
         "alpha-color-bg-grey-grey-alpha-darker": Readonly<{
             value: "#313234e6";
             ref: "alpha-color-grey-alpha-800-90";
         }>;
+        "alpha-color-bg-grey-grey-alpha-darker-hovered": Readonly<{
+            value: "#3b3c3fe6";
+        }>;
         "alpha-color-bg-grey-grey-alpha-dark": Readonly<{
             value: "#313234cc";
             ref: "alpha-color-grey-alpha-800-80";
         }>;
+        "alpha-color-bg-grey-grey-alpha-dark-hovered": Readonly<{
+            value: "#3b3c3fcc";
+        }>;
         "alpha-color-bg-grey-grey-alpha-light": Readonly<{
             value: "#2a2b2dcc";
             ref: "alpha-color-grey-alpha-850-80";
         }>;
+        "alpha-color-bg-grey-grey-alpha-light-hovered": Readonly<{
+            value: "#343538cc";
+        }>;
         "alpha-color-bg-grey-normal": Readonly<{
             value: "#7b7b7b";
             ref: "alpha-color-grey-600";
         }>;
+        "alpha-color-bg-grey-normal-hovered": Readonly<{
+            value: "#868686ff";
+        }>;
         "alpha-color-bg-white-highest": Readonly<{
             value: "#464748";
             ref: "alpha-color-grey-700";
         }>;
+        "alpha-color-bg-white-highest-hovered": Readonly<{
+            value: "#505253ff";
+        }>;
         "alpha-color-bg-white-higher": Readonly<{
             value: "#313234";
             ref: "alpha-color-grey-800";
         }>;
+        "alpha-color-bg-white-higher-hovered": Readonly<{
+            value: "#3b3c3fff";
+        }>;
         "alpha-color-bg-white-normal": Readonly<{
             value: "#242428";
             ref: "alpha-color-grey-900";
         }>;
+        "alpha-color-bg-white-normal-hovered": Readonly<{
+            value: "#2e2e33ff";
+        }>;
         "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: "#313234cc";
             ref: "alpha-color-grey-alpha-800-80";
         }>;
+        "alpha-color-bg-white-white-alpha-lightest-hovered": Readonly<{
+            value: "#3b3c3fcc";
+        }>;
         "alpha-color-bg-white-white-alpha-lighter": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-bg-white-white-alpha-lighter-hovered": Readonly<{
+            value: "#0a0a0a99";
+        }>;
         "alpha-color-bg-white-white-alpha-light": Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-bg-white-white-alpha-light-hovered": Readonly<{
+            value: "#0a0a0a4d";
+        }>;
         "alpha-color-bg-white-white-alpha-transparent": Readonly<{
-            value: "#ffffff00";
-            ref: "alpha-color-white-0";
+            value: "#00000000";
+            ref: "alpha-color-black-0";
+        }>;
+        "alpha-color-bg-white-white-alpha-transparent-hovered": Readonly<{
+            value: "#0000001a";
         }>;
         "alpha-color-bg-blue-normal": Readonly<{
             value: "#7d9efa";
             ref: "alpha-color-blue-300";
         }>;
+        "alpha-color-bg-blue-normal-hovered": Readonly<{
+            value: "#93aefbff";
+        }>;
         "alpha-color-bg-blue-light": Readonly<{
             value: "#7d9efa73";
             ref: "alpha-color-blue-300-45";
         }>;
+        "alpha-color-bg-blue-light-hovered": Readonly<{
+            value: "#93aefb73";
+        }>;
         "alpha-color-bg-blue-lighter": Readonly<{
             value: "#7d9efa4d";
             ref: "alpha-color-blue-300-30";
         }>;
+        "alpha-color-bg-blue-lighter-hovered": Readonly<{
+            value: "#93aefb4d";
+        }>;
         "alpha-color-bg-blue-lightest": Readonly<{
             value: "#7d9efa26";
             ref: "alpha-color-blue-300-15";
         }>;
+        "alpha-color-bg-blue-lightest-hovered": Readonly<{
+            value: "#93aefb39";
+        }>;
         "alpha-color-bg-blue-dark": Readonly<{
             value: "#6d6afc";
             ref: "alpha-color-blue-400";
         }>;
-        "alpha-color-bg-blue-shade-light": Readonly<{
+        "alpha-color-bg-blue-dark-hovered": Readonly<{
+            value: "#8280fcff";
+        }>;
+        "alpha-color-bg-blue-shade-lighter": Readonly<{
             value: "#4c528966";
             ref: "alpha-color-shade-blue-600-40";
         }>;
+        "alpha-color-bg-blue-shade-lighter-hovered": Readonly<{
+            value: "#4e569d66";
+        }>;
         "alpha-color-bg-blue-shade-normal": Readonly<{
             value: "#4c5289";
             ref: "alpha-color-shade-blue-600";
         }>;
+        "alpha-color-bg-blue-shade-normal-hovered": Readonly<{
+            value: "#4e569dff";
+        }>;
         "alpha-color-bg-blue-transparent": Readonly<{
             value: "#7d9efa00";
             ref: "alpha-color-blue-300-0";
         }>;
+        "alpha-color-bg-blue-transparent-hovered": Readonly<{
+            value: "#7d9efa1a";
+        }>;
         "alpha-color-bg-cobalt-normal": Readonly<{
             value: "#71b9f5";
             ref: "alpha-color-cobalt-300";
         }>;
+        "alpha-color-bg-cobalt-normal-hovered": Readonly<{
+            value: "#83c4faff";
+        }>;
         "alpha-color-bg-cobalt-light": Readonly<{
             value: "#71b9f573";
             ref: "alpha-color-cobalt-300-45";
         }>;
+        "alpha-color-bg-cobalt-light-hovered": Readonly<{
+            value: "#83c4fa73";
+        }>;
         "alpha-color-bg-cobalt-lighter": Readonly<{
             value: "#71b9f54d";
             ref: "alpha-color-cobalt-300-30";
         }>;
+        "alpha-color-bg-cobalt-lighter-hovered": Readonly<{
+            value: "#83c4fa4d";
+        }>;
         "alpha-color-bg-cobalt-lightest": Readonly<{
             value: "#71b9f526";
             ref: "alpha-color-cobalt-300-15";
         }>;
+        "alpha-color-bg-cobalt-lightest-hovered": Readonly<{
+            value: "#83c4fa39";
+        }>;
         "alpha-color-bg-cobalt-dark": Readonly<{
             value: "#5093e5";
             ref: "alpha-color-cobalt-400";
         }>;
-        "alpha-color-bg-cobalt-shade-light": Readonly<{
+        "alpha-color-bg-cobalt-dark-hovered": Readonly<{
+            value: "#5f9eecff";
+        }>;
+        "alpha-color-bg-cobalt-shade-lighter": Readonly<{
             value: "#4a618566";
             ref: "alpha-color-shade-cobalt-600-40";
         }>;
+        "alpha-color-bg-cobalt-shade-lighter-hovered": Readonly<{
+            value: "#4c6a9966";
+        }>;
         "alpha-color-bg-cobalt-shade-normal": Readonly<{
             value: "#4a6185";
             ref: "alpha-color-shade-cobalt-600";
         }>;
+        "alpha-color-bg-cobalt-shade-normal-hovered": Readonly<{
+            value: "#4c6a99ff";
+        }>;
         "alpha-color-bg-cobalt-transparent": Readonly<{
             value: "#71b9f500";
             ref: "alpha-color-cobalt-300-0";
         }>;
+        "alpha-color-bg-cobalt-transparent-hovered": Readonly<{
+            value: "#71b9f51a";
+        }>;
         "alpha-color-bg-red-normal": Readonly<{
             value: "#ff8c8c";
             ref: "alpha-color-red-300";
         }>;
+        "alpha-color-bg-red-normal-hovered": Readonly<{
+            value: "#ffa2a2ff";
+        }>;
         "alpha-color-bg-red-light": Readonly<{
             value: "#ff8c8c73";
             ref: "alpha-color-red-300-45";
         }>;
+        "alpha-color-bg-red-light-hovered": Readonly<{
+            value: "#ffa2a273";
+        }>;
         "alpha-color-bg-red-lighter": Readonly<{
             value: "#ff8c8c4d";
             ref: "alpha-color-red-300-30";
         }>;
+        "alpha-color-bg-red-lighter-hovered": Readonly<{
+            value: "#ffa2a24d";
+        }>;
         "alpha-color-bg-red-lightest": Readonly<{
             value: "#ff8c8c26";
             ref: "alpha-color-red-300-15";
         }>;
+        "alpha-color-bg-red-lightest-hovered": Readonly<{
+            value: "#ffa2a239";
+        }>;
         "alpha-color-bg-red-dark": Readonly<{
             value: "#e55c5c";
             ref: "alpha-color-red-400";
         }>;
-        "alpha-color-bg-red-shade-light": Readonly<{
+        "alpha-color-bg-red-dark-hovered": Readonly<{
+            value: "#ec6b6bff";
+        }>;
+        "alpha-color-bg-red-shade-lighter": Readonly<{
             value: "#90424866";
             ref: "alpha-color-shade-red-600-40";
         }>;
+        "alpha-color-bg-red-shade-lighter-hovered": Readonly<{
+            value: "#a5434a66";
+        }>;
         "alpha-color-bg-red-shade-normal": Readonly<{
             value: "#904248";
             ref: "alpha-color-shade-red-600";
         }>;
+        "alpha-color-bg-red-shade-normal-hovered": Readonly<{
+            value: "#a5434aff";
+        }>;
         "alpha-color-bg-red-transparent": Readonly<{
             value: "#ff8c8c00";
             ref: "alpha-color-red-300-0";
         }>;
+        "alpha-color-bg-red-transparent-hovered": Readonly<{
+            value: "#ff8c8c1a";
+        }>;
         "alpha-color-bg-orange-normal": Readonly<{
             value: "#ffa15e";
             ref: "alpha-color-orange-300";
         }>;
+        "alpha-color-bg-orange-normal-hovered": Readonly<{
+            value: "#ffae74ff";
+        }>;
         "alpha-color-bg-orange-light": Readonly<{
             value: "#ffa15e73";
             ref: "alpha-color-orange-300-45";
         }>;
+        "alpha-color-bg-orange-light-hovered": Readonly<{
+            value: "#ffae7473";
+        }>;
         "alpha-color-bg-orange-lighter": Readonly<{
             value: "#ffa15e4d";
             ref: "alpha-color-orange-300-30";
         }>;
+        "alpha-color-bg-orange-lighter-hovered": Readonly<{
+            value: "#ffae744d";
+        }>;
         "alpha-color-bg-orange-lightest": Readonly<{
             value: "#ffa15e26";
             ref: "alpha-color-orange-300-15";
         }>;
+        "alpha-color-bg-orange-lightest-hovered": Readonly<{
+            value: "#ffae7439";
+        }>;
         "alpha-color-bg-orange-dark": Readonly<{
             value: "#e67f2b";
             ref: "alpha-color-orange-400";
         }>;
-        "alpha-color-bg-orange-shade-light": Readonly<{
+        "alpha-color-bg-orange-dark-hovered": Readonly<{
+            value: "#ee8a39ff";
+        }>;
+        "alpha-color-bg-orange-shade-lighter": Readonly<{
             value: "#895a3466";
             ref: "alpha-color-shade-orange-600-40";
         }>;
+        "alpha-color-bg-orange-shade-lighter-hovered": Readonly<{
+            value: "#9e643566";
+        }>;
         "alpha-color-bg-orange-shade-normal": Readonly<{
             value: "#895a34";
             ref: "alpha-color-shade-orange-600";
         }>;
+        "alpha-color-bg-orange-shade-normal-hovered": Readonly<{
+            value: "#9e6435ff";
+        }>;
         "alpha-color-bg-orange-transparent": Readonly<{
             value: "#ffa15e00";
             ref: "alpha-color-orange-300-0";
         }>;
+        "alpha-color-bg-orange-transparent-hovered": Readonly<{
+            value: "#ffa15e1a";
+        }>;
         "alpha-color-bg-green-normal": Readonly<{
             value: "#68cc7f";
             ref: "alpha-color-green-300";
         }>;
+        "alpha-color-bg-green-normal-hovered": Readonly<{
+            value: "#74d68bff";
+        }>;
         "alpha-color-bg-green-light": Readonly<{
             value: "#68cc7f73";
             ref: "alpha-color-green-300-45";
         }>;
+        "alpha-color-bg-green-light-hovered": Readonly<{
+            value: "#74d68b73";
+        }>;
         "alpha-color-bg-green-lighter": Readonly<{
             value: "#68cc7f4d";
             ref: "alpha-color-green-300-30";
         }>;
+        "alpha-color-bg-green-lighter-hovered": Readonly<{
+            value: "#74d68b4d";
+        }>;
         "alpha-color-bg-green-lightest": Readonly<{
             value: "#68cc7f26";
             ref: "alpha-color-green-300-15";
         }>;
+        "alpha-color-bg-green-lightest-hovered": Readonly<{
+            value: "#74d68b39";
+        }>;
         "alpha-color-bg-green-dark": Readonly<{
             value: "#40ad67";
             ref: "alpha-color-green-400";
         }>;
-        "alpha-color-bg-green-shade-light": Readonly<{
+        "alpha-color-bg-green-dark-hovered": Readonly<{
+            value: "#41c16fff";
+        }>;
+        "alpha-color-bg-green-shade-lighter": Readonly<{
             value: "#4c7a5e66";
             ref: "alpha-color-shade-green-600-40";
         }>;
+        "alpha-color-bg-green-shade-lighter-hovered": Readonly<{
+            value: "#4f8d6766";
+        }>;
         "alpha-color-bg-green-shade-normal": Readonly<{
             value: "#4c7a5e";
             ref: "alpha-color-shade-green-600";
         }>;
+        "alpha-color-bg-green-shade-normal-hovered": Readonly<{
+            value: "#4f8d67ff";
+        }>;
         "alpha-color-bg-green-transparent": Readonly<{
             value: "#68cc7f26";
             ref: "alpha-color-green-300-0";
         }>;
+        "alpha-color-bg-green-transparent-hovered": Readonly<{
+            value: "#74d68b39";
+        }>;
         "alpha-color-bg-teal-normal": Readonly<{
             value: "#40d3c5";
             ref: "alpha-color-teal-300";
         }>;
+        "alpha-color-bg-teal-normal-hovered": Readonly<{
+            value: "#4cdccfff";
+        }>;
         "alpha-color-bg-teal-light": Readonly<{
             value: "#40d3c573";
             ref: "alpha-color-teal-300-45";
         }>;
+        "alpha-color-bg-teal-light-hovered": Readonly<{
+            value: "#4cdccf73";
+        }>;
         "alpha-color-bg-teal-lighter": Readonly<{
             value: "#40d3c54d";
             ref: "alpha-color-teal-300-30";
         }>;
+        "alpha-color-bg-teal-lighter-hovered": Readonly<{
+            value: "#4cdccf4d";
+        }>;
         "alpha-color-bg-teal-lightest": Readonly<{
             value: "#40d3c526";
             ref: "alpha-color-teal-300-15";
         }>;
+        "alpha-color-bg-teal-lightest-hovered": Readonly<{
+            value: "#4cdccf39";
+        }>;
         "alpha-color-bg-teal-dark": Readonly<{
             value: "#09b2ac";
             ref: "alpha-color-teal-400";
         }>;
-        "alpha-color-bg-teal-shade-light": Readonly<{
+        "alpha-color-bg-teal-dark-hovered": Readonly<{
+            value: "#0ac6c0ff";
+        }>;
+        "alpha-color-bg-teal-shade-lighter": Readonly<{
             value: "#47737d66";
             ref: "alpha-color-shade-teal-600-40";
         }>;
+        "alpha-color-bg-teal-shade-lighter-hovered": Readonly<{
+            value: "#49839066";
+        }>;
         "alpha-color-bg-teal-shade-normal": Readonly<{
             value: "#47737d";
             ref: "alpha-color-shade-teal-600";
         }>;
+        "alpha-color-bg-teal-shade-normal-hovered": Readonly<{
+            value: "#498390ff";
+        }>;
         "alpha-color-bg-teal-transparent": Readonly<{
             value: "#40d3c500";
             ref: "alpha-color-teal-300-0";
         }>;
+        "alpha-color-bg-teal-transparent-hovered": Readonly<{
+            value: "#40d3c51a";
+        }>;
         "alpha-color-bg-olive-normal": Readonly<{
             value: "#c8d630";
             ref: "alpha-color-olive-300";
         }>;
+        "alpha-color-bg-olive-normal-hovered": Readonly<{
+            value: "#d2df3dff";
+        }>;
         "alpha-color-bg-olive-light": Readonly<{
             value: "#c8d63073";
             ref: "alpha-color-olive-300-45";
         }>;
+        "alpha-color-bg-olive-light-hovered": Readonly<{
+            value: "#d2df3d73";
+        }>;
         "alpha-color-bg-olive-lighter": Readonly<{
             value: "#c8d6304d";
             ref: "alpha-color-olive-300-30";
         }>;
+        "alpha-color-bg-olive-lighter-hovered": Readonly<{
+            value: "#d2df3d4d";
+        }>;
         "alpha-color-bg-olive-lightest": Readonly<{
             value: "#c8d63026";
             ref: "alpha-color-olive-300-15";
         }>;
+        "alpha-color-bg-olive-lightest-hovered": Readonly<{
+            value: "#d2df3d39";
+        }>;
         "alpha-color-bg-olive-dark": Readonly<{
             value: "#a9b110";
             ref: "alpha-color-olive-400";
         }>;
-        "alpha-color-bg-olive-shade-light": Readonly<{
+        "alpha-color-bg-olive-dark-hovered": Readonly<{
+            value: "#c1ca0cff";
+        }>;
+        "alpha-color-bg-olive-shade-lighter": Readonly<{
             value: "#73763866";
             ref: "alpha-color-shade-olive-600-40";
         }>;
+        "alpha-color-bg-olive-shade-lighter-hovered": Readonly<{
+            value: "#86893a66";
+        }>;
         "alpha-color-bg-olive-shade-normal": Readonly<{
             value: "#737638";
             ref: "alpha-color-shade-olive-600";
         }>;
+        "alpha-color-bg-olive-shade-normal-hovered": Readonly<{
+            value: "#86893aff";
+        }>;
         "alpha-color-bg-olive-transparent": Readonly<{
             value: "#c8d63000";
             ref: "alpha-color-olive-300-0";
         }>;
+        "alpha-color-bg-olive-transparent-hovered": Readonly<{
+            value: "#c8d6301a";
+        }>;
         "alpha-color-bg-yellow-normal": Readonly<{
             value: "#f9c835";
             ref: "alpha-color-yellow-300";
         }>;
+        "alpha-color-bg-yellow-normal-hovered": Readonly<{
+            value: "#face4aff";
+        }>;
         "alpha-color-bg-yellow-light": Readonly<{
             value: "#f9c83573";
             ref: "alpha-color-yellow-300-45";
         }>;
+        "alpha-color-bg-yellow-light-hovered": Readonly<{
+            value: "#face4a73";
+        }>;
         "alpha-color-bg-yellow-lighter": Readonly<{
             value: "#f9c8354d";
             ref: "alpha-color-yellow-300-30";
         }>;
+        "alpha-color-bg-yellow-lighter-hovered": Readonly<{
+            value: "#face4a4d";
+        }>;
         "alpha-color-bg-yellow-lightest": Readonly<{
             value: "#f9c83526";
             ref: "alpha-color-yellow-300-15";
         }>;
+        "alpha-color-bg-yellow-lightest-hovered": Readonly<{
+            value: "#face4a39";
+        }>;
         "alpha-color-bg-yellow-dark": Readonly<{
             value: "#edae0d";
             ref: "alpha-color-yellow-400";
         }>;
-        "alpha-color-bg-yellow-shade-light": Readonly<{
+        "alpha-color-bg-yellow-dark-hovered": Readonly<{
+            value: "#f9b917ff";
+        }>;
+        "alpha-color-bg-yellow-shade-lighter": Readonly<{
             value: "#7d6a2666";
             ref: "alpha-color-shade-yellow-600-40";
         }>;
+        "alpha-color-bg-yellow-shade-lighter-hovered": Readonly<{
+            value: "#927a2666";
+        }>;
         "alpha-color-bg-yellow-shade-normal": Readonly<{
             value: "#7d6a26";
             ref: "alpha-color-shade-yellow-600";
         }>;
+        "alpha-color-bg-yellow-shade-normal-hovered": Readonly<{
+            value: "#927a26ff";
+        }>;
         "alpha-color-bg-yellow-transparent": Readonly<{
             value: "#f9c83500";
             ref: "alpha-color-yellow-300-0";
         }>;
+        "alpha-color-bg-yellow-transparent-hovered": Readonly<{
+            value: "#f9c8351a";
+        }>;
         "alpha-color-bg-pink-normal": Readonly<{
             value: "#ec6fd3";
             ref: "alpha-color-pink-300";
         }>;
+        "alpha-color-bg-pink-normal-hovered": Readonly<{
+            value: "#f27fdbff";
+        }>;
         "alpha-color-bg-pink-light": Readonly<{
             value: "#ec6fd373";
             ref: "alpha-color-pink-300-45";
         }>;
+        "alpha-color-bg-pink-light-hovered": Readonly<{
+            value: "#f27fdb73";
+        }>;
         "alpha-color-bg-pink-lighter": Readonly<{
             value: "#ec6fd34d";
             ref: "alpha-color-pink-300-30";
         }>;
+        "alpha-color-bg-pink-lighter-hovered": Readonly<{
+            value: "#f27fdb4d";
+        }>;
         "alpha-color-bg-pink-lightest": Readonly<{
             value: "#ec6fd326";
             ref: "alpha-color-pink-300-15";
         }>;
+        "alpha-color-bg-pink-lightest-hovered": Readonly<{
+            value: "#f27fdb39";
+        }>;
         "alpha-color-bg-pink-dark": Readonly<{
             value: "#d64bb5";
             ref: "alpha-color-pink-400";
         }>;
-        "alpha-color-bg-pink-shade-light": Readonly<{
+        "alpha-color-bg-pink-dark-hovered": Readonly<{
+            value: "#df58bfff";
+        }>;
+        "alpha-color-bg-pink-shade-lighter": Readonly<{
             value: "#85407566";
             ref: "alpha-color-shade-pink-600-40";
         }>;
+        "alpha-color-bg-pink-shade-lighter-hovered": Readonly<{
+            value: "#99428566";
+        }>;
         "alpha-color-bg-pink-shade-normal": Readonly<{
             value: "#854075";
             ref: "alpha-color-shade-pink-600";
         }>;
+        "alpha-color-bg-pink-shade-normal-hovered": Readonly<{
+            value: "#994285ff";
+        }>;
         "alpha-color-bg-pink-transparent": Readonly<{
             value: "#ec6fd300";
             ref: "alpha-color-pink-300-0";
         }>;
+        "alpha-color-bg-pink-transparent-hovered": Readonly<{
+            value: "#ec6fd31a";
+        }>;
         "alpha-color-bg-purple-normal": Readonly<{
             value: "#b184ff";
             ref: "alpha-color-purple-300";
         }>;
+        "alpha-color-bg-purple-normal-hovered": Readonly<{
+            value: "#bf9affff";
+        }>;
         "alpha-color-bg-purple-light": Readonly<{
             value: "#b184ff73";
             ref: "alpha-color-purple-300-45";
         }>;
+        "alpha-color-bg-purple-light-hovered": Readonly<{
+            value: "#bf9aff73";
+        }>;
         "alpha-color-bg-purple-lighter": Readonly<{
             value: "#b184ff4d";
             ref: "alpha-color-purple-300-30";
         }>;
+        "alpha-color-bg-purple-lighter-hovered": Readonly<{
+            value: "#bf9aff4d";
+        }>;
         "alpha-color-bg-purple-lightest": Readonly<{
             value: "#b184ff26";
             ref: "alpha-color-purple-300-15";
         }>;
+        "alpha-color-bg-purple-lightest-hovered": Readonly<{
+            value: "#bf9aff39";
+        }>;
         "alpha-color-bg-purple-dark": Readonly<{
             value: "#8e57e7";
             ref: "alpha-color-purple-400";
         }>;
-        "alpha-color-bg-purple-shade-light": Readonly<{
+        "alpha-color-bg-purple-dark-hovered": Readonly<{
+            value: "#9a66eeff";
+        }>;
+        "alpha-color-bg-purple-shade-lighter": Readonly<{
             value: "#5b467d66";
             ref: "alpha-color-shade-purple-600-40";
         }>;
+        "alpha-color-bg-purple-shade-lighter-hovered": Readonly<{
+            value: "#64489066";
+        }>;
         "alpha-color-bg-purple-shade-normal": Readonly<{
             value: "#5b467d";
             ref: "alpha-color-shade-purple-600";
         }>;
+        "alpha-color-bg-purple-shade-normal-hovered": Readonly<{
+            value: "#644890ff";
+        }>;
         "alpha-color-bg-purple-transparent": Readonly<{
             value: "#b184ff00";
             ref: "alpha-color-purple-300-0";
         }>;
+        "alpha-color-bg-purple-transparent-hovered": Readonly<{
+            value: "#b184ff1a";
+        }>;
         "alpha-color-bg-navy-normal": Readonly<{
             value: "#7683d3";
             ref: "alpha-color-navy-300";
         }>;
+        "alpha-color-bg-navy-normal-hovered": Readonly<{
+            value: "#838fdcff";
+        }>;
         "alpha-color-bg-navy-light": Readonly<{
             value: "#7683d373";
             ref: "alpha-color-navy-300-45";
         }>;
+        "alpha-color-bg-navy-light-hovered": Readonly<{
+            value: "#838fdc73";
+        }>;
         "alpha-color-bg-navy-lighter": Readonly<{
             value: "#7683d34d";
             ref: "alpha-color-navy-300-30";
         }>;
+        "alpha-color-bg-navy-lighter-hovered": Readonly<{
+            value: "#838fdc4d";
+        }>;
         "alpha-color-bg-navy-lightest": Readonly<{
             value: "#7683d326";
             ref: "alpha-color-navy-300-15";
         }>;
+        "alpha-color-bg-navy-lightest-hovered": Readonly<{
+            value: "#838fdc39";
+        }>;
         "alpha-color-bg-navy-dark": Readonly<{
             value: "#424fab";
             ref: "alpha-color-navy-400";
         }>;
-        "alpha-color-bg-navy-shade-light": Readonly<{
+        "alpha-color-bg-navy-dark-hovered": Readonly<{
+            value: "#4353bfff";
+        }>;
+        "alpha-color-bg-navy-shade-lighter": Readonly<{
             value: "#373b5666";
             ref: "alpha-color-shade-navy-600-40";
         }>;
+        "alpha-color-bg-navy-shade-lighter-hovered": Readonly<{
+            value: "#3b416766";
+        }>;
         "alpha-color-bg-navy-shade-normal": Readonly<{
             value: "#373b56";
             ref: "alpha-color-shade-navy-600";
         }>;
+        "alpha-color-bg-navy-shade-normal-hovered": Readonly<{
+            value: "#3b4167ff";
+        }>;
         "alpha-color-bg-navy-transparent": Readonly<{
             value: "#7683d300";
             ref: "alpha-color-navy-300-0";
         }>;
+        "alpha-color-bg-navy-transparent-hovered": Readonly<{
+            value: "#7683d31a";
+        }>;
         "alpha-color-bg-absolute-black-dark": Readonly<{
             value: "#000000";
             ref: "alpha-color-black-100";
         }>;
+        "alpha-color-bg-absolute-black-dark-hovered": Readonly<{
+            value: "#0a0a0aff";
+        }>;
         "alpha-color-bg-absolute-black-normal": Readonly<{
             value: "#000000d9";
             ref: "alpha-color-black-85";
         }>;
+        "alpha-color-bg-absolute-black-normal-hovered": Readonly<{
+            value: "#0a0a0ad9";
+        }>;
         "alpha-color-bg-absolute-black-light": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-bg-absolute-black-light-hovered": Readonly<{
+            value: "#0a0a0a99";
+        }>;
         "alpha-color-bg-absolute-black-lighter": Readonly<{
             value: "#00000066";
             ref: "alpha-color-black-40";
         }>;
+        "alpha-color-bg-absolute-black-lighter-hovered": Readonly<{
+            value: "#0a0a0a66";
+        }>;
         "alpha-color-bg-absolute-black-lightest": Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-bg-absolute-black-lightest-hovered": Readonly<{
+            value: "#0a0a0a4d";
+        }>;
+        "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: "#c8c8c8ff";
+        }>;
         "alpha-color-bg-absolute-white-normal": Readonly<{
             value: "#ffffffe6";
             ref: "alpha-color-white-90";
         }>;
+        "alpha-color-bg-absolute-white-normal-hovered": Readonly<{
+            value: "#c8c8c8e6";
+        }>;
         "alpha-color-bg-absolute-white-light": Readonly<{
             value: "#ffffff99";
             ref: "alpha-color-white-60";
         }>;
+        "alpha-color-bg-absolute-white-light-hovered": Readonly<{
+            value: "#c8c8c899";
+        }>;
         "alpha-color-bg-absolute-white-lighter": Readonly<{
             value: "#ffffff66";
             ref: "alpha-color-white-40";
         }>;
+        "alpha-color-bg-absolute-white-lighter-hovered": Readonly<{
+            value: "#c8c8c866";
+        }>;
         "alpha-color-bg-absolute-white-lightest": Readonly<{
             value: "#ffffff33";
             ref: "alpha-color-white-20";
         }>;
+        "alpha-color-bg-absolute-white-lightest-hovered": Readonly<{
+            value: "#c8c8c84d";
+        }>;
+        "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: "#313234";
             ref: "alpha-color-grey-800";
         }>;
+        "alpha-color-surface-lowest-hovered": Readonly<{
+            value: "#3b3c3fff";
+        }>;
         "alpha-color-surface-lower": Readonly<{
             value: "#2a2b2d";
             ref: "alpha-color-grey-850";
         }>;
+        "alpha-color-surface-lower-hovered": Readonly<{
+            value: "#343538ff";
+        }>;
         "alpha-color-surface-normal": Readonly<{
             value: "#242428";
             ref: "alpha-color-grey-900";
         }>;
+        "alpha-color-surface-normal-hovered": Readonly<{
+            value: "#2e2e33ff";
+        }>;
         "alpha-color-shadow-xlarge": Readonly<{
             value: "#00000099";
             ref: "alpha-color-black-60";
         }>;
+        "alpha-color-shadow-xlarge-hovered": Readonly<{
+            value: "#0a0a0a99";
+        }>;
         "alpha-color-shadow-large": Readonly<{
             value: "#00000066";
             ref: "alpha-color-black-40";
         }>;
+        "alpha-color-shadow-large-hovered": Readonly<{
+            value: "#0a0a0a66";
+        }>;
         "alpha-color-shadow-medium": Readonly<{
             value: "#00000033";
             ref: "alpha-color-black-20";
         }>;
+        "alpha-color-shadow-medium-hovered": Readonly<{
+            value: "#0a0a0a4d";
+        }>;
         "alpha-color-shadow-small": Readonly<{
             value: "#00000026";
             ref: "alpha-color-black-15";
         }>;
+        "alpha-color-shadow-small-hovered": Readonly<{
+            value: "#0a0a0a39";
+        }>;
         "alpha-color-shadow-base": Readonly<{
             value: "#00000014";
             ref: "alpha-color-black-8";
         }>;
+        "alpha-color-shadow-base-hovered": Readonly<{
+            value: "#0a0a0a1e";
+        }>;
         "alpha-color-shadow-base-inner": Readonly<{
             value: "#ffffff14";
             ref: "alpha-color-white-8";
         }>;
+        "alpha-color-shadow-base-inner-hovered": Readonly<{
+            value: "#c8c8c81e";
+        }>;
         "alpha-color-dim-black-light": Readonly<{
             value: "#00000033";
             ref: "alpha-color-bg-absolute-black-lightest";
         }>;
+        "alpha-color-dim-black-light-hovered": Readonly<{
+            value: "#0a0a0a4d";
+        }>;
         "alpha-color-dim-black-normal": Readonly<{
             value: "#00000066";
             ref: "alpha-color-bg-absolute-black-lighter";
         }>;
+        "alpha-color-dim-black-normal-hovered": Readonly<{
+            value: "#0a0a0a66";
+        }>;
         "alpha-color-primary-bg-normal": Readonly<{
             value: "#7d9efa";
             ref: "alpha-color-bg-blue-normal";
         }>;
+        "alpha-color-primary-bg-normal-hovered": Readonly<{
+            value: "#648bf9ff";
+        }>;
         "alpha-color-primary-bg-light": Readonly<{
             value: "#7d9efa73";
             ref: "alpha-color-bg-blue-light";
         }>;
+        "alpha-color-primary-bg-light-hovered": Readonly<{
+            value: "#648bf973";
+        }>;
         "alpha-color-primary-bg-lighter": Readonly<{
             value: "#7d9efa4d";
             ref: "alpha-color-bg-blue-lighter";
         }>;
+        "alpha-color-primary-bg-lighter-hovered": Readonly<{
+            value: "#648bf94d";
+        }>;
         "alpha-color-primary-bg-lightest": Readonly<{
             value: "#7d9efa26";
             ref: "alpha-color-bg-blue-lightest";
         }>;
+        "alpha-color-primary-bg-lightest-hovered": Readonly<{
+            value: "#648bf939";
+        }>;
         "alpha-color-primary-bg-dark": Readonly<{
             value: "#6d6afc";
             ref: "alpha-color-bg-blue-dark";
         }>;
+        "alpha-color-primary-bg-dark-hovered": Readonly<{
+            value: "#5551fcff";
+        }>;
         "alpha-color-primary-fg-normal": Readonly<{
             value: "#7d9efa";
             ref: "alpha-color-fg-blue-normal";
         }>;
+        "alpha-color-primary-fg-normal-hovered": Readonly<{
+            value: "#648bf9ff";
+        }>;
         "alpha-color-primary-fg-light": Readonly<{
             value: "#7d9efa73";
             ref: "alpha-color-fg-blue-light";
         }>;
+        "alpha-color-primary-fg-light-hovered": Readonly<{
+            value: "#648bf973";
+        }>;
         "alpha-color-primary-fg-dark": Readonly<{
             value: "#7d9efa";
             ref: "alpha-color-fg-blue-dark";
         }>;
+        "alpha-color-primary-fg-dark-hovered": Readonly<{
+            value: "#648bf9ff";
+        }>;
         "alpha-color-critical-bg-dark": Readonly<{
             value: "#e55c5c";
             ref: "alpha-color-bg-red-dark";
         }>;
+        "alpha-color-critical-bg-dark-hovered": Readonly<{
+            value: "#df4c4cff";
+        }>;
         "alpha-color-critical-bg-normal": Readonly<{
             value: "#ff8c8c";
             ref: "alpha-color-fg-red-normal";
         }>;
+        "alpha-color-critical-bg-normal-hovered": Readonly<{
+            value: "#ff7070ff";
+        }>;
         "alpha-color-critical-bg-light": Readonly<{
             value: "#ff8c8c73";
             ref: "alpha-color-bg-red-light";
         }>;
+        "alpha-color-critical-bg-light-hovered": Readonly<{
+            value: "#ff707073";
+        }>;
         "alpha-color-critical-bg-lighter": Readonly<{
             value: "#ff8c8c4d";
             ref: "alpha-color-bg-red-lighter";
         }>;
+        "alpha-color-critical-bg-lighter-hovered": Readonly<{
+            value: "#ff70704d";
+        }>;
         "alpha-color-critical-bg-lightest": Readonly<{
             value: "#ff8c8c26";
             ref: "alpha-color-bg-red-lightest";
         }>;
+        "alpha-color-critical-bg-lightest-hovered": Readonly<{
+            value: "#ff707039";
+        }>;
         "alpha-color-critical-fg-normal": Readonly<{
             value: "#ff8c8c";
             ref: "alpha-color-fg-red-normal";
         }>;
+        "alpha-color-critical-fg-normal-hovered": Readonly<{
+            value: "#ff7070ff";
+        }>;
         "alpha-color-critical-fg-light": Readonly<{
             value: "#ff8c8c73";
             ref: "alpha-color-fg-red-light";
         }>;
+        "alpha-color-critical-fg-light-hovered": Readonly<{
+            value: "#ff707073";
+        }>;
         "alpha-color-critical-fg-dark": Readonly<{
             value: "#ff8c8c";
             ref: "alpha-color-fg-red-dark";
         }>;
+        "alpha-color-critical-fg-dark-hovered": Readonly<{
+            value: "#ff7070ff";
+        }>;
         "alpha-color-warning-bg-dark": Readonly<{
             value: "#e67f2b";
             ref: "alpha-color-bg-orange-dark";
         }>;
+        "alpha-color-warning-bg-dark-hovered": Readonly<{
+            value: "#df751fff";
+        }>;
         "alpha-color-warning-bg-normal": Readonly<{
             value: "#ffa15e";
             ref: "alpha-color-bg-orange-normal";
         }>;
+        "alpha-color-warning-bg-normal-hovered": Readonly<{
+            value: "#ff9346ff";
+        }>;
         "alpha-color-warning-bg-light": Readonly<{
             value: "#ffa15e73";
             ref: "alpha-color-bg-orange-light";
         }>;
+        "alpha-color-warning-bg-light-hovered": Readonly<{
+            value: "#ff934673";
+        }>;
         "alpha-color-warning-bg-lighter": Readonly<{
             value: "#ffa15e4d";
             ref: "alpha-color-bg-orange-lighter";
         }>;
+        "alpha-color-warning-bg-lighter-hovered": Readonly<{
+            value: "#ff93464d";
+        }>;
         "alpha-color-warning-bg-lightest": Readonly<{
             value: "#ffa15e26";
             ref: "alpha-color-bg-orange-lightest";
         }>;
+        "alpha-color-warning-bg-lightest-hovered": Readonly<{
+            value: "#ff934639";
+        }>;
         "alpha-color-warning-fg-normal": Readonly<{
             value: "#ffa15e";
             ref: "alpha-color-fg-orange-normal";
         }>;
+        "alpha-color-warning-fg-normal-hovered": Readonly<{
+            value: "#ff9346ff";
+        }>;
         "alpha-color-warning-fg-light": Readonly<{
             value: "#ffa15e73";
             ref: "alpha-color-fg-orange-light";
         }>;
+        "alpha-color-warning-fg-light-hovered": Readonly<{
+            value: "#ff934673";
+        }>;
         "alpha-color-warning-fg-dark": Readonly<{
             value: "#ffa15e";
             ref: "alpha-color-fg-orange-dark";
         }>;
+        "alpha-color-warning-fg-dark-hovered": Readonly<{
+            value: "#ff9346ff";
+        }>;
         "alpha-color-accent-bg-dark": Readonly<{
             value: "#5093e5";
             ref: "alpha-color-bg-cobalt-dark";
         }>;
+        "alpha-color-accent-bg-dark-hovered": Readonly<{
+            value: "#4088dfff";
+        }>;
         "alpha-color-accent-bg-normal": Readonly<{
             value: "#71b9f5";
             ref: "alpha-color-bg-cobalt-normal";
         }>;
+        "alpha-color-accent-bg-normal-hovered": Readonly<{
+            value: "#5cadf1ff";
+        }>;
         "alpha-color-accent-bg-light": Readonly<{
             value: "#71b9f573";
             ref: "alpha-color-bg-cobalt-light";
         }>;
+        "alpha-color-accent-bg-light-hovered": Readonly<{
+            value: "#5cadf173";
+        }>;
         "alpha-color-accent-bg-lighter": Readonly<{
             value: "#71b9f54d";
             ref: "alpha-color-bg-cobalt-lighter";
         }>;
+        "alpha-color-accent-bg-lighter-hovered": Readonly<{
+            value: "#5cadf14d";
+        }>;
         "alpha-color-accent-bg-lightest": Readonly<{
             value: "#71b9f526";
             ref: "alpha-color-bg-cobalt-lightest";
         }>;
+        "alpha-color-accent-bg-lightest-hovered": Readonly<{
+            value: "#5cadf139";
+        }>;
         "alpha-color-accent-fg-normal": Readonly<{
             value: "#71b9f5";
             ref: "alpha-color-fg-cobalt-normal";
         }>;
+        "alpha-color-accent-fg-normal-hovered": Readonly<{
+            value: "#5cadf1ff";
+        }>;
         "alpha-color-accent-fg-light": Readonly<{
             value: "#71b9f573";
             ref: "alpha-color-fg-cobalt-light";
         }>;
+        "alpha-color-accent-fg-light-hovered": Readonly<{
+            value: "#5cadf173";
+        }>;
         "alpha-color-accent-fg-dark": Readonly<{
             value: "#71b9f5";
             ref: "alpha-color-fg-cobalt-dark";
         }>;
+        "alpha-color-accent-fg-dark-hovered": Readonly<{
+            value: "#5cadf1ff";
+        }>;
         "alpha-color-success-bg-dark": Readonly<{
             value: "#40ad67";
             ref: "alpha-color-bg-green-dark";
         }>;
+        "alpha-color-success-bg-dark-hovered": Readonly<{
+            value: "#3f9e61ff";
+        }>;
         "alpha-color-success-bg-normal": Readonly<{
             value: "#68cc7f";
             ref: "alpha-color-bg-green-normal";
         }>;
+        "alpha-color-success-bg-normal-hovered": Readonly<{
+            value: "#5bc373ff";
+        }>;
         "alpha-color-success-bg-light": Readonly<{
             value: "#68cc7f73";
             ref: "alpha-color-bg-green-light";
         }>;
+        "alpha-color-success-bg-light-hovered": Readonly<{
+            value: "#5bc37373";
+        }>;
         "alpha-color-success-bg-lighter": Readonly<{
             value: "#68cc7f4d";
             ref: "alpha-color-bg-green-lighter";
         }>;
+        "alpha-color-success-bg-lighter-hovered": Readonly<{
+            value: "#5bc3734d";
+        }>;
         "alpha-color-success-bg-lightest": Readonly<{
             value: "#68cc7f26";
             ref: "alpha-color-bg-green-lightest";
         }>;
+        "alpha-color-success-bg-lightest-hovered": Readonly<{
+            value: "#5bc37339";
+        }>;
         "alpha-color-success-fg-normal": Readonly<{
             value: "#68cc7f";
             ref: "alpha-color-fg-green-normal";
         }>;
+        "alpha-color-success-fg-normal-hovered": Readonly<{
+            value: "#5bc373ff";
+        }>;
         "alpha-color-success-fg-light": Readonly<{
             value: "#68cc7f73";
             ref: "alpha-color-fg-green-light";
         }>;
+        "alpha-color-success-fg-light-hovered": Readonly<{
+            value: "#5bc37373";
+        }>;
         "alpha-color-success-fg-dark": Readonly<{
             value: "#68cc7f";
             ref: "alpha-color-fg-green-dark";
         }>;
+        "alpha-color-success-fg-dark-hovered": Readonly<{
+            value: "#5bc373ff";
+        }>;
     }>;
 }>;
 export = _exports;