feat: introduce hover brightness token (#526)

designTokens/hover.ts

@@ -0,0 +1,16 @@
+import type { DesignToken, DesignTokens } from 'style-dictionary';
+
+const attributes = (group: string): Partial<DesignToken> => ({
+  attributes: {
+    group,
+  },
+});
+
+export const hover: DesignTokens = {
+  image: {
+    brightness: {
+      value: 1.075,
+      ...attributes('hover'),
+    },
+  },
+};

designTokens/index.ts

@@ -3,10 +3,11 @@ import { border } from './border';
 import { breakpoint } from './breakpoint';
 import { color } from './color';
 import { focus } from './focus';
+import { hover } from './hover';
 import { layout } from './layout';
 import { shadow } from './shadow';
 import { size } from './size';
 import { spacing } from './spacing';
 import { typo } from './typo';
 
-export { animation, border, breakpoint, color, focus, layout, shadow, size, spacing, typo };
+export { animation, border, breakpoint, color, focus, hover, layout, shadow, size, spacing, typo };