@channel.io/bezier-tokens 0.2.6 → 0.2.7

package/dist/alpha/css/styles.css

@@ -232,6 +232,187 @@
   --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal);
 }
 
+[data-bezier-theme="dark"] {
+  --alpha-color-dim-black-normal-hovered: #14141466;
+  --alpha-color-dim-black-light-hovered: #14141433;
+  --alpha-color-shadow-base-inner-hovered: #c8c8c81e;
+  --alpha-color-shadow-base-hovered: #0a0a0a1e;
+  --alpha-color-shadow-small-hovered: #0a0a0a39;
+  --alpha-color-shadow-medium-hovered: #0a0a0a33;
+  --alpha-color-shadow-large-hovered: #0a0a0a66;
+  --alpha-color-shadow-xlarge-hovered: #0a0a0a99;
+  --alpha-color-surface-normal-hovered: #2e2e33ff;
+  --alpha-color-surface-lower-hovered: #343538ff;
+  --alpha-color-surface-lowest-hovered: #3b3c3fff;
+  --alpha-color-bg-absolute-white-lightest-hovered: #c8c8c833;
+  --alpha-color-bg-absolute-white-lighter-hovered: #c8c8c866;
+  --alpha-color-bg-absolute-white-light-hovered: #c8c8c899;
+  --alpha-color-bg-absolute-white-normal-hovered: #c8c8c8e6;
+  --alpha-color-bg-absolute-white-dark-hovered: #c8c8c8ff;
+  --alpha-color-bg-absolute-black-lightest-hovered: #0a0a0a33;
+  --alpha-color-bg-absolute-black-lighter-hovered: #0a0a0a66;
+  --alpha-color-bg-absolute-black-light-hovered: #0a0a0a99;
+  --alpha-color-bg-absolute-black-normal-hovered: #0a0a0ad9;
+  --alpha-color-bg-absolute-black-dark-hovered: #0a0a0aff;
+  --alpha-color-bg-navy-shade-normal-hovered: #3b4167ff;
+  --alpha-color-bg-navy-shade-light-hovered: #3b416766;
+  --alpha-color-bg-navy-dark-hovered: #4353bfff;
+  --alpha-color-bg-navy-lightest-hovered: #838fdc39;
+  --alpha-color-bg-navy-lighter-hovered: #838fdc4d;
+  --alpha-color-bg-navy-light-hovered: #838fdc73;
+  --alpha-color-bg-navy-normal-hovered: #838fdcff;
+  --alpha-color-bg-purple-shade-normal-hovered: #644890ff;
+  --alpha-color-bg-purple-shade-light-hovered: #64489066;
+  --alpha-color-bg-purple-dark-hovered: #9a66eeff;
+  --alpha-color-bg-purple-lightest-hovered: #bf9aff39;
+  --alpha-color-bg-purple-lighter-hovered: #bf9aff4d;
+  --alpha-color-bg-purple-light-hovered: #bf9aff73;
+  --alpha-color-bg-purple-normal-hovered: #bf9affff;
+  --alpha-color-bg-pink-shade-normal-hovered: #994285ff;
+  --alpha-color-bg-pink-shade-light-hovered: #99428566;
+  --alpha-color-bg-pink-dark-hovered: #df58bfff;
+  --alpha-color-bg-pink-lightest-hovered: #f27fdb39;
+  --alpha-color-bg-pink-lighter-hovered: #f27fdb4d;
+  --alpha-color-bg-pink-light-hovered: #f27fdb73;
+  --alpha-color-bg-pink-normal-hovered: #f27fdbff;
+  --alpha-color-bg-yellow-shade-normal-hovered: #927a26ff;
+  --alpha-color-bg-yellow-shade-light-hovered: #927a2666;
+  --alpha-color-bg-yellow-dark-hovered: #f9b917ff;
+  --alpha-color-bg-yellow-lightest-hovered: #face4a39;
+  --alpha-color-bg-yellow-lighter-hovered: #face4a4d;
+  --alpha-color-bg-yellow-light-hovered: #face4a73;
+  --alpha-color-bg-yellow-normal-hovered: #face4aff;
+  --alpha-color-bg-olive-shade-normal-hovered: #86893aff;
+  --alpha-color-bg-olive-shade-light-hovered: #86893a66;
+  --alpha-color-bg-olive-dark-hovered: #c1ca0cff;
+  --alpha-color-bg-olive-lightest-hovered: #d2df3d39;
+  --alpha-color-bg-olive-lighter-hovered: #d2df3d4d;
+  --alpha-color-bg-olive-light-hovered: #d2df3d73;
+  --alpha-color-bg-olive-normal-hovered: #d2df3dff;
+  --alpha-color-bg-teal-shade-normal-hovered: #498390ff;
+  --alpha-color-bg-teal-shade-light-hovered: #49839066;
+  --alpha-color-bg-teal-dark-hovered: #0ac6c0ff;
+  --alpha-color-bg-teal-lightest-hovered: #4cdccf39;
+  --alpha-color-bg-teal-lighter-hovered: #4cdccf4d;
+  --alpha-color-bg-teal-light-hovered: #4cdccf73;
+  --alpha-color-bg-teal-normal-hovered: #4cdccfff;
+  --alpha-color-bg-green-shade-normal-hovered: #4f8d67ff;
+  --alpha-color-bg-green-shade-light-hovered: #4f8d6766;
+  --alpha-color-bg-green-dark-hovered: #41c16fff;
+  --alpha-color-bg-green-lightest-hovered: #76da8d39;
+  --alpha-color-bg-green-lighter-hovered: #76da8d4d;
+  --alpha-color-bg-green-light-hovered: #76da8d73;
+  --alpha-color-bg-green-normal-hovered: #76da8dff;
+  --alpha-color-bg-orange-shade-normal-hovered: #9e6435ff;
+  --alpha-color-bg-orange-shade-light-hovered: #9e643566;
+  --alpha-color-bg-orange-dark-hovered: #ee8a39ff;
+  --alpha-color-bg-orange-lightest-hovered: #ffae7439;
+  --alpha-color-bg-orange-lighter-hovered: #ffae744d;
+  --alpha-color-bg-orange-light-hovered: #ffae7473;
+  --alpha-color-bg-orange-normal-hovered: #ffae74ff;
+  --alpha-color-bg-red-shade-normal-hovered: #a5434aff;
+  --alpha-color-bg-red-shade-light-hovered: #a5434a66;
+  --alpha-color-bg-red-dark-hovered: #ec6b6bff;
+  --alpha-color-bg-red-lightest-hovered: #ffa2a239;
+  --alpha-color-bg-red-lighter-hovered: #ffa2a24d;
+  --alpha-color-bg-red-light-hovered: #ffa2a273;
+  --alpha-color-bg-red-normal-hovered: #ffa2a2ff;
+  --alpha-color-bg-cobalt-shade-normal-hovered: #4c6a99ff;
+  --alpha-color-bg-cobalt-shade-light-hovered: #4c6a9966;
+  --alpha-color-bg-cobalt-dark-hovered: #5f9eecff;
+  --alpha-color-bg-cobalt-lightest-hovered: #8dcafc39;
+  --alpha-color-bg-cobalt-lighter-hovered: #8dcafc4d;
+  --alpha-color-bg-cobalt-light-hovered: #8dcafc73;
+  --alpha-color-bg-cobalt-normal-hovered: #8dcafcff;
+  --alpha-color-bg-blue-shade-normal-hovered: #4e569dff;
+  --alpha-color-bg-blue-shade-light-hovered: #4e569d66;
+  --alpha-color-bg-blue-dark-hovered: #8280fcff;
+  --alpha-color-bg-blue-lightest-hovered: #9ab5ff39;
+  --alpha-color-bg-blue-lighter-hovered: #9ab5ff4d;
+  --alpha-color-bg-blue-light-hovered: #9ab5ff73;
+  --alpha-color-bg-blue-normal-hovered: #9ab5ffff;
+  --alpha-color-bg-white-white-alpha-light-hovered: #0a0a0a33;
+  --alpha-color-bg-white-white-alpha-lighter-hovered: #0a0a0a99;
+  --alpha-color-bg-white-white-alpha-lightest-hovered: #3b3c3fcc;
+  --alpha-color-bg-white-normal-hovered: #2e2e33ff;
+  --alpha-color-bg-white-higher-hovered: #3b3c3fff;
+  --alpha-color-bg-white-highest-hovered: #505253ff;
+  --alpha-color-bg-grey-normal-hovered: #868686ff;
+  --alpha-color-bg-grey-grey-alpha-light-hovered: #343538cc;
+  --alpha-color-bg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
+  --alpha-color-bg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
+  --alpha-color-bg-grey-grey-alpha-darkest-hovered: #505253cc;
+  --alpha-color-bg-grey-lightest-hovered: #343538ff;
+  --alpha-color-bg-grey-lighter-hovered: #3b3c3fff;
+  --alpha-color-bg-grey-light-hovered: #505253ff;
+  --alpha-color-bg-grey-dark-hovered: #b2b2b5ff;
+  --alpha-color-bg-grey-darkest-hovered: #c8c8c8ff;
+  --alpha-color-bg-black-lightest-hovered: #c8c8c814;
+  --alpha-color-bg-black-lighter-hovered: #c8c8c81e;
+  --alpha-color-bg-black-light-hovered: #c8c8c82f;
+  --alpha-color-bg-black-dark-hovered: #c8c8c833;
+  --alpha-color-bg-black-darker-hovered: #c8c8c866;
+  --alpha-color-bg-black-darkest-hovered: #0a0a0a99;
+  --alpha-color-fg-grey-grey-alpha-light-hovered: #343538cc;
+  --alpha-color-fg-grey-grey-alpha-dark-hovered: #3b3c3fcc;
+  --alpha-color-fg-grey-grey-alpha-darker-hovered: #3b3c3fe6;
+  --alpha-color-fg-grey-lightest-hovered: #343538ff;
+  --alpha-color-fg-grey-lighter-hovered: #3b3c3fff;
+  --alpha-color-fg-grey-light-hovered: #505253ff;
+  --alpha-color-fg-grey-normal-hovered: #868686ff;
+  --alpha-color-fg-grey-dark-hovered: #b2b2b5ff;
+  --alpha-color-fg-absolute-white-lightest-hovered: #c8c8c833;
+  --alpha-color-fg-absolute-white-lighter-hovered: #c8c8c866;
+  --alpha-color-fg-absolute-white-light-hovered: #c8c8c899;
+  --alpha-color-fg-absolute-white-normal-hovered: #c8c8c8e6;
+  --alpha-color-fg-absolute-white-dark-hovered: #c8c8c8ff;
+  --alpha-color-fg-absolute-black-lightest-hovered: #0a0a0a33;
+  --alpha-color-fg-absolute-black-lighter-hovered: #0a0a0a66;
+  --alpha-color-fg-absolute-black-light-hovered: #0a0a0a99;
+  --alpha-color-fg-absolute-black-normal-hovered: #0a0a0ad9;
+  --alpha-color-fg-absolute-black-dark-hovered: #0a0a0aff;
+  --alpha-color-fg-navy-dark-hovered: #838fdcff;
+  --alpha-color-fg-navy-light-hovered: #838fdc73;
+  --alpha-color-fg-navy-normal-hovered: #838fdcff;
+  --alpha-color-fg-purple-dark-hovered: #bf9affff;
+  --alpha-color-fg-purple-light-hovered: #bf9aff73;
+  --alpha-color-fg-purple-normal-hovered: #bf9affff;
+  --alpha-color-fg-pink-dark-hovered: #f27fdbff;
+  --alpha-color-fg-pink-light-hovered: #f27fdb73;
+  --alpha-color-fg-pink-normal-hovered: #f27fdbff;
+  --alpha-color-fg-yellow-dark-hovered: #face4aff;
+  --alpha-color-fg-yellow-light-hovered: #face4a73;
+  --alpha-color-fg-yellow-normal-hovered: #face4aff;
+  --alpha-color-fg-olive-dark-hovered: #d2df3dff;
+  --alpha-color-fg-olive-light-hovered: #d2df3d73;
+  --alpha-color-fg-olive-normal-hovered: #d2df3dff;
+  --alpha-color-fg-teal-dark-hovered: #4cdccfff;
+  --alpha-color-fg-teal-light-hovered: #4cdccf73;
+  --alpha-color-fg-teal-normal-hovered: #4cdccfff;
+  --alpha-color-fg-green-dark-hovered: #76da8dff;
+  --alpha-color-fg-green-light-hovered: #76da8d73;
+  --alpha-color-fg-green-normal-hovered: #76da8dff;
+  --alpha-color-fg-orange-dark-hovered: #ffae74ff;
+  --alpha-color-fg-orange-light-hovered: #ffae7473;
+  --alpha-color-fg-orange-normal-hovered: #ffae74ff;
+  --alpha-color-fg-red-dark-hovered: #ffa2a2ff;
+  --alpha-color-fg-red-light-hovered: #ffa2a273;
+  --alpha-color-fg-red-normal-hovered: #ffa2a2ff;
+  --alpha-color-fg-cobalt-dark-hovered: #8dcafcff;
+  --alpha-color-fg-cobalt-light-hovered: #8dcafc73;
+  --alpha-color-fg-cobalt-normal-hovered: #8dcafcff;
+  --alpha-color-fg-blue-dark-hovered: #9ab5ffff;
+  --alpha-color-fg-blue-light-hovered: #9ab5ff73;
+  --alpha-color-fg-blue-normal-hovered: #9ab5ffff;
+  --alpha-color-fg-white-normal-hovered: #2e2e33ff;
+  --alpha-color-fg-black-lightest-hovered: #c8c8c82f;
+  --alpha-color-fg-black-light-hovered: #c8c8c833;
+  --alpha-color-fg-black-dark-hovered: #c8c8c866;
+  --alpha-color-fg-black-darker-hovered: #c8c8c899;
+  --alpha-color-fg-black-darkest-hovered: #c8c8c8cc;
+  --alpha-color-fg-black-pure-hovered: #c8c8c8ff;
+}
+
 :where(:root, :host) {
   --alpha-opacity-disabled: 0.4;
   --alpha-font-letter-spacing-3: 0.03rem;
@@ -866,3 +1047,185 @@
   --alpha-shadow-active: 0 0 0 1px var(--alpha-color-primary-bg-normal);
   --alpha-shadow-error: 0 0 0 1px var(--alpha-color-warning-bg-normal);
 }
+
+:where(:root, :host), [data-bezier-theme="light"] {
+  --alpha-color-dim-black-normal-hovered: #2a2a2a66;
+  --alpha-color-dim-black-light-hovered: #2a2a2a33;
+  --alpha-color-shadow-base-inner-hovered: #ededed2f;
+  --alpha-color-shadow-base-hovered: #14141414;
+  --alpha-color-shadow-small-hovered: #1414141e;
+  --alpha-color-shadow-medium-hovered: #14141439;
+  --alpha-color-shadow-large-hovered: #14141438;
+  --alpha-color-shadow-xlarge-hovered: #1414144d;
+  --alpha-color-surface-normal-hovered: #edededff;
+  --alpha-color-surface-lower-hovered: #eaeaeaff;
+  --alpha-color-surface-lowest-hovered: #e5e5e8ff;
+  --alpha-color-bg-absolute-white-lightest-hovered: #ededed33;
+  --alpha-color-bg-absolute-white-lighter-hovered: #ededed66;
+  --alpha-color-bg-absolute-white-light-hovered: #ededed99;
+  --alpha-color-bg-absolute-white-normal-hovered: #ededede6;
+  --alpha-color-bg-absolute-white-dark-hovered: #edededff;
+  --alpha-color-bg-absolute-black-lightest-hovered: #14141433;
+  --alpha-color-bg-absolute-black-lighter-hovered: #14141466;
+  --alpha-color-bg-absolute-black-light-hovered: #14141499;
+  --alpha-color-bg-absolute-black-normal-hovered: #141414d9;
+  --alpha-color-bg-absolute-black-dark-hovered: #141414ff;
+  --alpha-color-bg-navy-shade-normal-hovered: #5761a5ff;
+  --alpha-color-bg-navy-shade-light-hovered: #5761a533;
+  --alpha-color-bg-navy-dark-hovered: #34377cff;
+  --alpha-color-bg-navy-lightest-hovered: #414c9c27;
+  --alpha-color-bg-navy-lighter-hovered: #414c9c33;
+  --alpha-color-bg-navy-light-hovered: #414c9c4d;
+  --alpha-color-bg-navy-normal-hovered: #414c9cff;
+  --alpha-color-bg-purple-shade-normal-hovered: #905edeff;
+  --alpha-color-bg-purple-shade-light-hovered: #905ede33;
+  --alpha-color-bg-purple-dark-hovered: #6135a6ff;
+  --alpha-color-bg-purple-lightest-hovered: #8247e127;
+  --alpha-color-bg-purple-lighter-hovered: #8247e133;
+  --alpha-color-bg-purple-light-hovered: #8247e14d;
+  --alpha-color-bg-purple-normal-hovered: #8247e1ff;
+  --alpha-color-bg-pink-shade-normal-hovered: #cb5bb0ff;
+  --alpha-color-bg-pink-shade-light-hovered: #cb5bb033;
+  --alpha-color-bg-pink-dark-hovered: #a03591ff;
+  --alpha-color-bg-pink-lightest-hovered: #cf3eac27;
+  --alpha-color-bg-pink-lighter-hovered: #cf3eac33;
+  --alpha-color-bg-pink-light-hovered: #cf3eac4d;
+  --alpha-color-bg-pink-normal-hovered: #cf3eacff;
+  --alpha-color-bg-yellow-shade-normal-hovered: #e2a52dff;
+  --alpha-color-bg-yellow-shade-light-hovered: #e2a52d33;
+  --alpha-color-bg-yellow-dark-hovered: #b58500ff;
+  --alpha-color-bg-yellow-lightest-hovered: #d9a01027;
+  --alpha-color-bg-yellow-lighter-hovered: #d9a01033;
+  --alpha-color-bg-yellow-light-hovered: #d9a0104d;
+  --alpha-color-bg-yellow-normal-hovered: #d9a010ff;
+  --alpha-color-bg-olive-shade-normal-hovered: #969a51ff;
+  --alpha-color-bg-olive-shade-light-hovered: #969a5133;
+  --alpha-color-bg-olive-dark-hovered: #70751cff;
+  --alpha-color-bg-olive-lightest-hovered: #9ba21227;
+  --alpha-color-bg-olive-lighter-hovered: #9ba21233;
+  --alpha-color-bg-olive-light-hovered: #9ba2124d;
+  --alpha-color-bg-olive-normal-hovered: #9ba212ff;
+  --alpha-color-bg-teal-shade-normal-hovered: #539b98ff;
+  --alpha-color-bg-teal-shade-light-hovered: #539b9833;
+  --alpha-color-bg-teal-dark-hovered: #06848bff;
+  --alpha-color-bg-teal-lightest-hovered: #08a5a027;
+  --alpha-color-bg-teal-lighter-hovered: #08a5a033;
+  --alpha-color-bg-teal-light-hovered: #08a5a04d;
+  --alpha-color-bg-teal-normal-hovered: #08a5a0ff;
+  --alpha-color-bg-green-shade-normal-hovered: #5aa473ff;
+  --alpha-color-bg-green-shade-light-hovered: #5aa47333;
+  --alpha-color-bg-green-dark-hovered: #347b5aff;
+  --alpha-color-bg-green-lightest-hovered: #3f9e6127;
+  --alpha-color-bg-green-lighter-hovered: #3f9e6133;
+  --alpha-color-bg-green-light-hovered: #3f9e614d;
+  --alpha-color-bg-green-normal-hovered: #3f9e61ff;
+  --alpha-color-bg-orange-shade-normal-hovered: #d9813aff;
+  --alpha-color-bg-orange-shade-light-hovered: #d9813a33;
+  --alpha-color-bg-orange-dark-hovered: #b15c0fff;
+  --alpha-color-bg-orange-lightest-hovered: #df751f27;
+  --alpha-color-bg-orange-lighter-hovered: #df751f33;
+  --alpha-color-bg-orange-light-hovered: #df751f4d;
+  --alpha-color-bg-orange-normal-hovered: #df751fff;
+  --alpha-color-bg-red-shade-normal-hovered: #d75861ff;
+  --alpha-color-bg-red-shade-light-hovered: #d7586133;
+  --alpha-color-bg-red-dark-hovered: #ab3940ff;
+  --alpha-color-bg-red-lightest-hovered: #df4c4c27;
+  --alpha-color-bg-red-lighter-hovered: #df4c4c33;
+  --alpha-color-bg-red-light-hovered: #df4c4c4d;
+  --alpha-color-bg-red-normal-hovered: #df4c4cff;
+  --alpha-color-bg-cobalt-shade-normal-hovered: #47a2e2ff;
+  --alpha-color-bg-cobalt-shade-light-hovered: #47a2e233;
+  --alpha-color-bg-cobalt-dark-hovered: #3268c4ff;
+  --alpha-color-bg-cobalt-lightest-hovered: #4088df27;
+  --alpha-color-bg-cobalt-lighter-hovered: #4088df33;
+  --alpha-color-bg-cobalt-light-hovered: #4088df4d;
+  --alpha-color-bg-cobalt-normal-hovered: #4088dfff;
+  --alpha-color-bg-blue-shade-normal-hovered: #6165d9ff;
+  --alpha-color-bg-blue-shade-light-hovered: #6165d933;
+  --alpha-color-bg-blue-dark-hovered: #4b42d5ff;
+  --alpha-color-bg-blue-lightest-hovered: #5551fc27;
+  --alpha-color-bg-blue-lighter-hovered: #5551fc33;
+  --alpha-color-bg-blue-light-hovered: #5551fc4d;
+  --alpha-color-bg-blue-normal-hovered: #5551fcff;
+  --alpha-color-bg-white-white-alpha-transparent-hovered: #ededed1a;
+  --alpha-color-bg-white-white-alpha-light-hovered: #ededed33;
+  --alpha-color-bg-white-white-alpha-lighter-hovered: #ededed99;
+  --alpha-color-bg-white-white-alpha-lightest-hovered: #ededede6;
+  --alpha-color-bg-white-normal-hovered: #edededff;
+  --alpha-color-bg-white-higher-hovered: #edededff;
+  --alpha-color-bg-white-highest-hovered: #edededff;
+  --alpha-color-bg-grey-normal-hovered: #c0c0c3ff;
+  --alpha-color-bg-grey-grey-alpha-light-hovered: #eaeaeacc;
+  --alpha-color-bg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
+  --alpha-color-bg-grey-grey-alpha-darker-hovered: #e5e5e8e6;
+  --alpha-color-bg-grey-grey-alpha-darkest-hovered: #dedee0cc;
+  --alpha-color-bg-grey-lightest-hovered: #eaeaeaff;
+  --alpha-color-bg-grey-lighter-hovered: #e5e5e8ff;
+  --alpha-color-bg-grey-light-hovered: #dedee0ff;
+  --alpha-color-bg-grey-dark-hovered: #9b9b9eff;
+  --alpha-color-bg-grey-darkest-hovered: #3a3a41ff;
+  --alpha-color-bg-black-lightest-hovered: #1414140c;
+  --alpha-color-bg-black-lighter-hovered: #14141414;
+  --alpha-color-bg-black-light-hovered: #1414141e;
+  --alpha-color-bg-black-dark-hovered: #14141439;
+  --alpha-color-bg-black-darker-hovered: #14141466;
+  --alpha-color-bg-black-darkest-hovered: #14141499;
+  --alpha-color-fg-grey-grey-alpha-light-hovered: #eaeaeacc;
+  --alpha-color-fg-grey-grey-alpha-dark-hovered: #e5e5e8cc;
+  --alpha-color-fg-grey-grey-alpha-darker-hovered: #dedee0cc;
+  --alpha-color-fg-grey-lightest-hovered: #eaeaeaff;
+  --alpha-color-fg-grey-lighter-hovered: #e5e5e8ff;
+  --alpha-color-fg-grey-light-hovered: #dedee0ff;
+  --alpha-color-fg-grey-normal-hovered: #c0c0c3ff;
+  --alpha-color-fg-grey-dark-hovered: #9b9b9eff;
+  --alpha-color-fg-absolute-white-lightest-hovered: #ededed33;
+  --alpha-color-fg-absolute-white-lighter-hovered: #ededed66;
+  --alpha-color-fg-absolute-white-light-hovered: #ededed99;
+  --alpha-color-fg-absolute-white-normal-hovered: #ededede6;
+  --alpha-color-fg-absolute-white-dark-hovered: #edededff;
+  --alpha-color-fg-absolute-black-lightest-hovered: #14141433;
+  --alpha-color-fg-absolute-black-lighter-hovered: #14141466;
+  --alpha-color-fg-absolute-black-light-hovered: #14141499;
+  --alpha-color-fg-absolute-black-normal-hovered: #141414d9;
+  --alpha-color-fg-absolute-black-dark-hovered: #141414ff;
+  --alpha-color-fg-navy-dark-hovered: #34377cff;
+  --alpha-color-fg-navy-light-hovered: #414c9c4d;
+  --alpha-color-fg-navy-normal-hovered: #414c9cff;
+  --alpha-color-fg-purple-dark-hovered: #6135a6ff;
+  --alpha-color-fg-purple-light-hovered: #8247e14d;
+  --alpha-color-fg-purple-normal-hovered: #8247e1ff;
+  --alpha-color-fg-pink-dark-hovered: #a03591ff;
+  --alpha-color-fg-pink-light-hovered: #cf3eac4d;
+  --alpha-color-fg-pink-normal-hovered: #cf3eacff;
+  --alpha-color-fg-yellow-dark-hovered: #b58500ff;
+  --alpha-color-fg-yellow-light-hovered: #d9a0104d;
+  --alpha-color-fg-yellow-normal-hovered: #d9a010ff;
+  --alpha-color-fg-olive-dark-hovered: #70751cff;
+  --alpha-color-fg-olive-light-hovered: #9ba2124d;
+  --alpha-color-fg-olive-normal-hovered: #9ba212ff;
+  --alpha-color-fg-teal-dark-hovered: #06848bff;
+  --alpha-color-fg-teal-light-hovered: #08a5a04d;
+  --alpha-color-fg-teal-normal-hovered: #08a5a0ff;
+  --alpha-color-fg-green-dark-hovered: #347b5aff;
+  --alpha-color-fg-green-light-hovered: #3f9e614d;
+  --alpha-color-fg-green-normal-hovered: #3f9e61ff;
+  --alpha-color-fg-orange-dark-hovered: #b15c0fff;
+  --alpha-color-fg-orange-light-hovered: #df751f4d;
+  --alpha-color-fg-orange-normal-hovered: #df751fff;
+  --alpha-color-fg-red-dark-hovered: #ab3940ff;
+  --alpha-color-fg-red-light-hovered: #df4c4c4d;
+  --alpha-color-fg-red-normal-hovered: #df4c4cff;
+  --alpha-color-fg-cobalt-dark-hovered: #3268c4ff;
+  --alpha-color-fg-cobalt-light-hovered: #4088df4d;
+  --alpha-color-fg-cobalt-normal-hovered: #4088dfff;
+  --alpha-color-fg-blue-dark-hovered: #4b42d5ff;
+  --alpha-color-fg-blue-light-hovered: #5551fc4d;
+  --alpha-color-fg-blue-normal-hovered: #5551fcff;
+  --alpha-color-fg-white-normal-hovered: #edededff;
+  --alpha-color-fg-black-lightest-hovered: #1414141e;
+  --alpha-color-fg-black-light-hovered: #14141439;
+  --alpha-color-fg-black-dark-hovered: #14141466;
+  --alpha-color-fg-black-darker-hovered: #14141499;
+  --alpha-color-fg-black-darkest-hovered: #141414d9;
+  --alpha-color-fg-black-pure-hovered: #141414ff;
+}

package/dist/alpha/esm/darkThemeHovered.mjs

@@ -0,0 +1,182 @@
+export default Object.freeze({
+  "color": Object.freeze({
+    "alpha-color-fg-black-pure-hovered": Object.freeze({"value":"#c8c8c8ff","ref":null}),
+    "alpha-color-fg-black-darkest-hovered": Object.freeze({"value":"#c8c8c8cc","ref":null}),
+    "alpha-color-fg-black-darker-hovered": Object.freeze({"value":"#c8c8c899","ref":null}),
+    "alpha-color-fg-black-dark-hovered": Object.freeze({"value":"#c8c8c866","ref":null}),
+    "alpha-color-fg-black-light-hovered": Object.freeze({"value":"#c8c8c833","ref":null}),
+    "alpha-color-fg-black-lightest-hovered": Object.freeze({"value":"#c8c8c82f","ref":null}),
+    "alpha-color-fg-white-normal-hovered": Object.freeze({"value":"#2e2e33ff","ref":null}),
+    "alpha-color-fg-blue-normal-hovered": Object.freeze({"value":"#9ab5ffff","ref":null}),
+    "alpha-color-fg-blue-light-hovered": Object.freeze({"value":"#9ab5ff73","ref":null}),
+    "alpha-color-fg-blue-dark-hovered": Object.freeze({"value":"#9ab5ffff","ref":null}),
+    "alpha-color-fg-cobalt-normal-hovered": Object.freeze({"value":"#8dcafcff","ref":null}),
+    "alpha-color-fg-cobalt-light-hovered": Object.freeze({"value":"#8dcafc73","ref":null}),
+    "alpha-color-fg-cobalt-dark-hovered": Object.freeze({"value":"#8dcafcff","ref":null}),
+    "alpha-color-fg-red-normal-hovered": Object.freeze({"value":"#ffa2a2ff","ref":null}),
+    "alpha-color-fg-red-light-hovered": Object.freeze({"value":"#ffa2a273","ref":null}),
+    "alpha-color-fg-red-dark-hovered": Object.freeze({"value":"#ffa2a2ff","ref":null}),
+    "alpha-color-fg-orange-normal-hovered": Object.freeze({"value":"#ffae74ff","ref":null}),
+    "alpha-color-fg-orange-light-hovered": Object.freeze({"value":"#ffae7473","ref":null}),
+    "alpha-color-fg-orange-dark-hovered": Object.freeze({"value":"#ffae74ff","ref":null}),
+    "alpha-color-fg-green-normal-hovered": Object.freeze({"value":"#76da8dff","ref":null}),
+    "alpha-color-fg-green-light-hovered": Object.freeze({"value":"#76da8d73","ref":null}),
+    "alpha-color-fg-green-dark-hovered": Object.freeze({"value":"#76da8dff","ref":null}),
+    "alpha-color-fg-teal-normal-hovered": Object.freeze({"value":"#4cdccfff","ref":null}),
+    "alpha-color-fg-teal-light-hovered": Object.freeze({"value":"#4cdccf73","ref":null}),
+    "alpha-color-fg-teal-dark-hovered": Object.freeze({"value":"#4cdccfff","ref":null}),
+    "alpha-color-fg-olive-normal-hovered": Object.freeze({"value":"#d2df3dff","ref":null}),
+    "alpha-color-fg-olive-light-hovered": Object.freeze({"value":"#d2df3d73","ref":null}),
+    "alpha-color-fg-olive-dark-hovered": Object.freeze({"value":"#d2df3dff","ref":null}),
+    "alpha-color-fg-yellow-normal-hovered": Object.freeze({"value":"#face4aff","ref":null}),
+    "alpha-color-fg-yellow-light-hovered": Object.freeze({"value":"#face4a73","ref":null}),
+    "alpha-color-fg-yellow-dark-hovered": Object.freeze({"value":"#face4aff","ref":null}),
+    "alpha-color-fg-pink-normal-hovered": Object.freeze({"value":"#f27fdbff","ref":null}),
+    "alpha-color-fg-pink-light-hovered": Object.freeze({"value":"#f27fdb73","ref":null}),
+    "alpha-color-fg-pink-dark-hovered": Object.freeze({"value":"#f27fdbff","ref":null}),
+    "alpha-color-fg-purple-normal-hovered": Object.freeze({"value":"#bf9affff","ref":null}),
+    "alpha-color-fg-purple-light-hovered": Object.freeze({"value":"#bf9aff73","ref":null}),
+    "alpha-color-fg-purple-dark-hovered": Object.freeze({"value":"#bf9affff","ref":null}),
+    "alpha-color-fg-navy-normal-hovered": Object.freeze({"value":"#838fdcff","ref":null}),
+    "alpha-color-fg-navy-light-hovered": Object.freeze({"value":"#838fdc73","ref":null}),
+    "alpha-color-fg-navy-dark-hovered": Object.freeze({"value":"#838fdcff","ref":null}),
+    "alpha-color-fg-absolute-black-dark-hovered": Object.freeze({"value":"#0a0a0aff","ref":null}),
+    "alpha-color-fg-absolute-black-normal-hovered": Object.freeze({"value":"#0a0a0ad9","ref":null}),
+    "alpha-color-fg-absolute-black-light-hovered": Object.freeze({"value":"#0a0a0a99","ref":null}),
+    "alpha-color-fg-absolute-black-lighter-hovered": Object.freeze({"value":"#0a0a0a66","ref":null}),
+    "alpha-color-fg-absolute-black-lightest-hovered": Object.freeze({"value":"#0a0a0a33","ref":null}),
+    "alpha-color-fg-absolute-white-dark-hovered": Object.freeze({"value":"#c8c8c8ff","ref":null}),
+    "alpha-color-fg-absolute-white-normal-hovered": Object.freeze({"value":"#c8c8c8e6","ref":null}),
+    "alpha-color-fg-absolute-white-light-hovered": Object.freeze({"value":"#c8c8c899","ref":null}),
+    "alpha-color-fg-absolute-white-lighter-hovered": Object.freeze({"value":"#c8c8c866","ref":null}),
+    "alpha-color-fg-absolute-white-lightest-hovered": Object.freeze({"value":"#c8c8c833","ref":null}),
+    "alpha-color-fg-grey-dark-hovered": Object.freeze({"value":"#b2b2b5ff","ref":null}),
+    "alpha-color-fg-grey-normal-hovered": Object.freeze({"value":"#868686ff","ref":null}),
+    "alpha-color-fg-grey-light-hovered": Object.freeze({"value":"#505253ff","ref":null}),
+    "alpha-color-fg-grey-lighter-hovered": Object.freeze({"value":"#3b3c3fff","ref":null}),
+    "alpha-color-fg-grey-lightest-hovered": Object.freeze({"value":"#343538ff","ref":null}),
+    "alpha-color-fg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6","ref":null}),
+    "alpha-color-fg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc","ref":null}),
+    "alpha-color-fg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc","ref":null}),
+    "alpha-color-bg-black-darkest-hovered": Object.freeze({"value":"#0a0a0a99","ref":null}),
+    "alpha-color-bg-black-darker-hovered": Object.freeze({"value":"#c8c8c866","ref":null}),
+    "alpha-color-bg-black-dark-hovered": Object.freeze({"value":"#c8c8c833","ref":null}),
+    "alpha-color-bg-black-light-hovered": Object.freeze({"value":"#c8c8c82f","ref":null}),
+    "alpha-color-bg-black-lighter-hovered": Object.freeze({"value":"#c8c8c81e","ref":null}),
+    "alpha-color-bg-black-lightest-hovered": Object.freeze({"value":"#c8c8c814","ref":null}),
+    "alpha-color-bg-grey-darkest-hovered": Object.freeze({"value":"#c8c8c8ff","ref":null}),
+    "alpha-color-bg-grey-dark-hovered": Object.freeze({"value":"#b2b2b5ff","ref":null}),
+    "alpha-color-bg-grey-light-hovered": Object.freeze({"value":"#505253ff","ref":null}),
+    "alpha-color-bg-grey-lighter-hovered": Object.freeze({"value":"#3b3c3fff","ref":null}),
+    "alpha-color-bg-grey-lightest-hovered": Object.freeze({"value":"#343538ff","ref":null}),
+    "alpha-color-bg-grey-grey-alpha-darkest-hovered": Object.freeze({"value":"#505253cc","ref":null}),
+    "alpha-color-bg-grey-grey-alpha-darker-hovered": Object.freeze({"value":"#3b3c3fe6","ref":null}),
+    "alpha-color-bg-grey-grey-alpha-dark-hovered": Object.freeze({"value":"#3b3c3fcc","ref":null}),
+    "alpha-color-bg-grey-grey-alpha-light-hovered": Object.freeze({"value":"#343538cc","ref":null}),
+    "alpha-color-bg-grey-normal-hovered": Object.freeze({"value":"#868686ff","ref":null}),
+    "alpha-color-bg-white-highest-hovered": Object.freeze({"value":"#505253ff","ref":null}),
+    "alpha-color-bg-white-higher-hovered": Object.freeze({"value":"#3b3c3fff","ref":null}),
+    "alpha-color-bg-white-normal-hovered": Object.freeze({"value":"#2e2e33ff","ref":null}),
+    "alpha-color-bg-white-white-alpha-lightest-hovered": Object.freeze({"value":"#3b3c3fcc","ref":null}),
+    "alpha-color-bg-white-white-alpha-lighter-hovered": Object.freeze({"value":"#0a0a0a99","ref":null}),
+    "alpha-color-bg-white-white-alpha-light-hovered": Object.freeze({"value":"#0a0a0a33","ref":null}),
+    "alpha-color-bg-blue-normal-hovered": Object.freeze({"value":"#9ab5ffff","ref":null}),
+    "alpha-color-bg-blue-light-hovered": Object.freeze({"value":"#9ab5ff73","ref":null}),
+    "alpha-color-bg-blue-lighter-hovered": Object.freeze({"value":"#9ab5ff4d","ref":null}),
+    "alpha-color-bg-blue-lightest-hovered": Object.freeze({"value":"#9ab5ff39","ref":null}),
+    "alpha-color-bg-blue-dark-hovered": Object.freeze({"value":"#8280fcff","ref":null}),
+    "alpha-color-bg-blue-shade-light-hovered": Object.freeze({"value":"#4e569d66","ref":null}),
+    "alpha-color-bg-blue-shade-normal-hovered": Object.freeze({"value":"#4e569dff","ref":null}),
+    "alpha-color-bg-cobalt-normal-hovered": Object.freeze({"value":"#8dcafcff","ref":null}),
+    "alpha-color-bg-cobalt-light-hovered": Object.freeze({"value":"#8dcafc73","ref":null}),
+    "alpha-color-bg-cobalt-lighter-hovered": Object.freeze({"value":"#8dcafc4d","ref":null}),
+    "alpha-color-bg-cobalt-lightest-hovered": Object.freeze({"value":"#8dcafc39","ref":null}),
+    "alpha-color-bg-cobalt-dark-hovered": Object.freeze({"value":"#5f9eecff","ref":null}),
+    "alpha-color-bg-cobalt-shade-light-hovered": Object.freeze({"value":"#4c6a9966","ref":null}),
+    "alpha-color-bg-cobalt-shade-normal-hovered": Object.freeze({"value":"#4c6a99ff","ref":null}),
+    "alpha-color-bg-red-normal-hovered": Object.freeze({"value":"#ffa2a2ff","ref":null}),
+    "alpha-color-bg-red-light-hovered": Object.freeze({"value":"#ffa2a273","ref":null}),
+    "alpha-color-bg-red-lighter-hovered": Object.freeze({"value":"#ffa2a24d","ref":null}),
+    "alpha-color-bg-red-lightest-hovered": Object.freeze({"value":"#ffa2a239","ref":null}),
+    "alpha-color-bg-red-dark-hovered": Object.freeze({"value":"#ec6b6bff","ref":null}),
+    "alpha-color-bg-red-shade-light-hovered": Object.freeze({"value":"#a5434a66","ref":null}),
+    "alpha-color-bg-red-shade-normal-hovered": Object.freeze({"value":"#a5434aff","ref":null}),
+    "alpha-color-bg-orange-normal-hovered": Object.freeze({"value":"#ffae74ff","ref":null}),
+    "alpha-color-bg-orange-light-hovered": Object.freeze({"value":"#ffae7473","ref":null}),
+    "alpha-color-bg-orange-lighter-hovered": Object.freeze({"value":"#ffae744d","ref":null}),
+    "alpha-color-bg-orange-lightest-hovered": Object.freeze({"value":"#ffae7439","ref":null}),
+    "alpha-color-bg-orange-dark-hovered": Object.freeze({"value":"#ee8a39ff","ref":null}),
+    "alpha-color-bg-orange-shade-light-hovered": Object.freeze({"value":"#9e643566","ref":null}),
+    "alpha-color-bg-orange-shade-normal-hovered": Object.freeze({"value":"#9e6435ff","ref":null}),
+    "alpha-color-bg-green-normal-hovered": Object.freeze({"value":"#76da8dff","ref":null}),
+    "alpha-color-bg-green-light-hovered": Object.freeze({"value":"#76da8d73","ref":null}),
+    "alpha-color-bg-green-lighter-hovered": Object.freeze({"value":"#76da8d4d","ref":null}),
+    "alpha-color-bg-green-lightest-hovered": Object.freeze({"value":"#76da8d39","ref":null}),
+    "alpha-color-bg-green-dark-hovered": Object.freeze({"value":"#41c16fff","ref":null}),
+    "alpha-color-bg-green-shade-light-hovered": Object.freeze({"value":"#4f8d6766","ref":null}),
+    "alpha-color-bg-green-shade-normal-hovered": Object.freeze({"value":"#4f8d67ff","ref":null}),
+    "alpha-color-bg-teal-normal-hovered": Object.freeze({"value":"#4cdccfff","ref":null}),
+    "alpha-color-bg-teal-light-hovered": Object.freeze({"value":"#4cdccf73","ref":null}),
+    "alpha-color-bg-teal-lighter-hovered": Object.freeze({"value":"#4cdccf4d","ref":null}),
+    "alpha-color-bg-teal-lightest-hovered": Object.freeze({"value":"#4cdccf39","ref":null}),
+    "alpha-color-bg-teal-dark-hovered": Object.freeze({"value":"#0ac6c0ff","ref":null}),
+    "alpha-color-bg-teal-shade-light-hovered": Object.freeze({"value":"#49839066","ref":null}),
+    "alpha-color-bg-teal-shade-normal-hovered": Object.freeze({"value":"#498390ff","ref":null}),
+    "alpha-color-bg-olive-normal-hovered": Object.freeze({"value":"#d2df3dff","ref":null}),
+    "alpha-color-bg-olive-light-hovered": Object.freeze({"value":"#d2df3d73","ref":null}),
+    "alpha-color-bg-olive-lighter-hovered": Object.freeze({"value":"#d2df3d4d","ref":null}),
+    "alpha-color-bg-olive-lightest-hovered": Object.freeze({"value":"#d2df3d39","ref":null}),
+    "alpha-color-bg-olive-dark-hovered": Object.freeze({"value":"#c1ca0cff","ref":null}),
+    "alpha-color-bg-olive-shade-light-hovered": Object.freeze({"value":"#86893a66","ref":null}),
+    "alpha-color-bg-olive-shade-normal-hovered": Object.freeze({"value":"#86893aff","ref":null}),
+    "alpha-color-bg-yellow-normal-hovered": Object.freeze({"value":"#face4aff","ref":null}),
+    "alpha-color-bg-yellow-light-hovered": Object.freeze({"value":"#face4a73","ref":null}),
+    "alpha-color-bg-yellow-lighter-hovered": Object.freeze({"value":"#face4a4d","ref":null}),
+    "alpha-color-bg-yellow-lightest-hovered": Object.freeze({"value":"#face4a39","ref":null}),
+    "alpha-color-bg-yellow-dark-hovered": Object.freeze({"value":"#f9b917ff","ref":null}),
+    "alpha-color-bg-yellow-shade-light-hovered": Object.freeze({"value":"#927a2666","ref":null}),
+    "alpha-color-bg-yellow-shade-normal-hovered": Object.freeze({"value":"#927a26ff","ref":null}),
+    "alpha-color-bg-pink-normal-hovered": Object.freeze({"value":"#f27fdbff","ref":null}),
+    "alpha-color-bg-pink-light-hovered": Object.freeze({"value":"#f27fdb73","ref":null}),
+    "alpha-color-bg-pink-lighter-hovered": Object.freeze({"value":"#f27fdb4d","ref":null}),
+    "alpha-color-bg-pink-lightest-hovered": Object.freeze({"value":"#f27fdb39","ref":null}),
+    "alpha-color-bg-pink-dark-hovered": Object.freeze({"value":"#df58bfff","ref":null}),
+    "alpha-color-bg-pink-shade-light-hovered": Object.freeze({"value":"#99428566","ref":null}),
+    "alpha-color-bg-pink-shade-normal-hovered": Object.freeze({"value":"#994285ff","ref":null}),
+    "alpha-color-bg-purple-normal-hovered": Object.freeze({"value":"#bf9affff","ref":null}),
+    "alpha-color-bg-purple-light-hovered": Object.freeze({"value":"#bf9aff73","ref":null}),
+    "alpha-color-bg-purple-lighter-hovered": Object.freeze({"value":"#bf9aff4d","ref":null}),
+    "alpha-color-bg-purple-lightest-hovered": Object.freeze({"value":"#bf9aff39","ref":null}),
+    "alpha-color-bg-purple-dark-hovered": Object.freeze({"value":"#9a66eeff","ref":null}),
+    "alpha-color-bg-purple-shade-light-hovered": Object.freeze({"value":"#64489066","ref":null}),
+    "alpha-color-bg-purple-shade-normal-hovered": Object.freeze({"value":"#644890ff","ref":null}),
+    "alpha-color-bg-navy-normal-hovered": Object.freeze({"value":"#838fdcff","ref":null}),
+    "alpha-color-bg-navy-light-hovered": Object.freeze({"value":"#838fdc73","ref":null}),
+    "alpha-color-bg-navy-lighter-hovered": Object.freeze({"value":"#838fdc4d","ref":null}),
+    "alpha-color-bg-navy-lightest-hovered": Object.freeze({"value":"#838fdc39","ref":null}),
+    "alpha-color-bg-navy-dark-hovered": Object.freeze({"value":"#4353bfff","ref":null}),
+    "alpha-color-bg-navy-shade-light-hovered": Object.freeze({"value":"#3b416766","ref":null}),
+    "alpha-color-bg-navy-shade-normal-hovered": Object.freeze({"value":"#3b4167ff","ref":null}),
+    "alpha-color-bg-absolute-black-dark-hovered": Object.freeze({"value":"#0a0a0aff","ref":null}),
+    "alpha-color-bg-absolute-black-normal-hovered": Object.freeze({"value":"#0a0a0ad9","ref":null}),
+    "alpha-color-bg-absolute-black-light-hovered": Object.freeze({"value":"#0a0a0a99","ref":null}),
+    "alpha-color-bg-absolute-black-lighter-hovered": Object.freeze({"value":"#0a0a0a66","ref":null}),
+    "alpha-color-bg-absolute-black-lightest-hovered": Object.freeze({"value":"#0a0a0a33","ref":null}),
+    "alpha-color-bg-absolute-white-dark-hovered": Object.freeze({"value":"#c8c8c8ff","ref":null}),
+    "alpha-color-bg-absolute-white-normal-hovered": Object.freeze({"value":"#c8c8c8e6","ref":null}),
+    "alpha-color-bg-absolute-white-light-hovered": Object.freeze({"value":"#c8c8c899","ref":null}),
+    "alpha-color-bg-absolute-white-lighter-hovered": Object.freeze({"value":"#c8c8c866","ref":null}),
+    "alpha-color-bg-absolute-white-lightest-hovered": Object.freeze({"value":"#c8c8c833","ref":null}),
+    "alpha-color-surface-lowest-hovered": Object.freeze({"value":"#3b3c3fff","ref":null}),
+    "alpha-color-surface-lower-hovered": Object.freeze({"value":"#343538ff","ref":null}),
+    "alpha-color-surface-normal-hovered": Object.freeze({"value":"#2e2e33ff","ref":null}),
+    "alpha-color-shadow-xlarge-hovered": Object.freeze({"value":"#0a0a0a99","ref":null}),
+    "alpha-color-shadow-large-hovered": Object.freeze({"value":"#0a0a0a66","ref":null}),
+    "alpha-color-shadow-medium-hovered": Object.freeze({"value":"#0a0a0a33","ref":null}),
+    "alpha-color-shadow-small-hovered": Object.freeze({"value":"#0a0a0a39","ref":null}),
+    "alpha-color-shadow-base-hovered": Object.freeze({"value":"#0a0a0a1e","ref":null}),
+    "alpha-color-shadow-base-inner-hovered": Object.freeze({"value":"#c8c8c81e","ref":null}),
+    "alpha-color-dim-black-light-hovered": Object.freeze({"value":"#14141433","ref":null}),
+    "alpha-color-dim-black-normal-hovered": Object.freeze({"value":"#14141466","ref":null}),
+  })
+})

package/dist/alpha/esm/index.mjs

@@ -1,8 +1,12 @@
 import darkTheme from './darkTheme.mjs';
+import darkThemeHovered from './darkThemeHovered.mjs';
 import global from './global.mjs';
 import lightTheme from './lightTheme.mjs';
+import lightThemeHovered from './lightThemeHovered.mjs';
 export const tokens = Object.freeze({
   darkTheme,
+  darkThemeHovered,
   global,
   lightTheme,
+  lightThemeHovered,
 });