hamster141095

Попробуйте поправить так:

export const TypographyType = {
  [TypographyTypeStyle.h1]: 'h1',
  [TypographyTypeStyle.h2]: 'h2',
  [TypographyTypeStyle.h3]: 'h3',
  [TypographyTypeStyle.h4]: 'h4',
  [TypographyTypeStyle.p1]: 'p',
  [TypographyTypeStyle.p2]: 'p',
} as const;

as const зафиксирует литеральные типы на объекте, правда сам объект сделает readonly, если это не устраивает, то можно писать as const напротив каждого поля

Повесь на псевдоэлементы.
Ну если дивы нельзя, то спаны используй, также 1 спан 1 квадрат и псевдо эл другой квадрат.
linear-gradient не закруглишь углы, или костыляй)

Я такое вырезаю в svg , и вставляю через

background: url("data:image/svg+xml, --- --- --- ") center no-repeat;

Так же можно и несколько

background: url("data:image/svg+xml, --- --- --- ") center no-repeat,
                     url("data:image/svg+xml, --- --- --- ") center no-repeat,
                     url("data:image/svg+xml, --- --- --- ") center no-repeat;

В дополнение к ответу 0xD34F нормальная типизация такой функции (нужен typescript 4.1 или выше):

type AsCamelCase<S extends string> = S extends `${infer A}_${infer B}` ? `${A}${Capitalize<AsCamelCase<B>>}` : S;
type CamelCaseKeysRecord<T> = T extends Record<PropertyKey, unknown> ? {
    [K in string & keyof T as AsCamelCase<K>]: CamelCaseKeysRecord<T[K]>;
} & {
    [K in Exclude<keyof T, string>]: CamelCaseKeysRecord<T[K]>;
} : T;

function toCamelCaseKeys<T>(val: T): CamelCaseKeysRecord<T> {
    if (Array.isArray(val)) {
        return val.map(toCamelCaseKeys) as unknown as CamelCaseKeysRecord<T>;
    }
    if (typeof val === 'object') {
        return Object.fromEntries(Object
            .entries(val)
            .map(([k, v]) => [
                k.replace(/_+(.)/g, (_, g) => g.toUpperCase()),
                toCamelCaseKeys(v as Record<string, unknown>),
            ])) as CamelCaseKeysRecord<T>;
    }
    return val as unknown as CamelCaseKeysRecord<T>;
}

https://www.typescriptlang.org/play?target=7&ts=4....

const toCamelCase = val =>
  val instanceof Array
    ? val.map(toCamelCase)
    : val instanceof Object
      ? Object.fromEntries(Object
          .entries(val)
          .map(n => [
            n[0].replace(/_+(.)/g, (m, g1) => g1.toUpperCase()),
            toCamelCase(n[1]),
          ])
        )
      : val;