fix: text-decoration in clickables

Author: shiftpsh

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solved-ac/ui-react",
-  "version": "0.0.1-alpha.18",
+  "version": "0.0.1-alpha.19",
   "description": "React component library used by solved.ac",
   "author": "shiftpsh",
   "license": "MIT",

src/utils/styles.ts

@@ -4,22 +4,28 @@ import { SolvedTheme } from '../styles'
 export type MakeKebabCase<S extends string, ReturnQueue extends string = ''> =
   // Separate string into first character T and rest string U, only works if length >= 1
   S extends `${infer T}${infer U}`
-  // If it's the first character of whole string, just lowercase first character
-  ? ReturnQueue extends ''
-  ? MakeKebabCase<U, Lowercase<T>>
-  // if it's uppercased character, append -${Lowercase<T>} into return queue
-  : T extends Uppercase<T>
-  ? MakeKebabCase<U, `${ReturnQueue}-${Lowercase<T>}`>
-  // or, just append itself
-  : MakeKebabCase<U, `${ReturnQueue}${T}`>
-  // It's else branch of the first length >= 1 check
-  : `${ReturnQueue}${S}`
+    ? // If it's the first character of whole string, just lowercase first character
+      ReturnQueue extends ''
+      ? MakeKebabCase<U, Lowercase<T>>
+      : // if it's uppercased character, append -${Lowercase<T>} into return queue
+      T extends Uppercase<T>
+      ? MakeKebabCase<U, `${ReturnQueue}-${Lowercase<T>}`>
+      : // or, just append itself
+        MakeKebabCase<U, `${ReturnQueue}${T}`>
+    : // It's else branch of the first length >= 1 check
+      `${ReturnQueue}${S}`
 
 export const toCssName = <S extends string>(name: S): MakeKebabCase<S> =>
-  name.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).replace(/^-/, '') as MakeKebabCase<S>
+  name
+    .replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)
+    .replace(/^-/, '') as MakeKebabCase<S>
 
-export type VariableName<Prefix extends string, Name> =
-  `--solvedac-${MakeKebabCase<Prefix>}-${MakeKebabCase<Name extends string ? Name : string>}`
+export type VariableName<
+  Prefix extends string,
+  Name
+> = `--solvedac-${MakeKebabCase<Prefix>}-${MakeKebabCase<
+  Name extends string ? Name : string
+>}`
 
 export const cssVariables = <
   T extends {
@@ -72,6 +78,7 @@ export const cssCentering = css`
 `
 
 export const cssClickable = css`
+  text-decoration: none;
   cursor: pointer;
   user-select: none;
   &:disabled {