morewings/css-vars-hook

Function useRootTheme has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const useRootTheme = <TTheme extends Theme>(
    theme: TTheme,
    id: string
): HookInterface<TTheme> & {style: CSSProperties} => {
    const themeRef = useRef(theme);

Function useLocalTheme has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const useLocalTheme = <TElement extends HTMLElement>() => {
    const themeRef = useRef<Theme>();
    const elementRef = useRef<TElement>(null);

    const setTheme = useCallback((nextTheme: Theme) => {

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    return {
        /** Effect to apply new theme to LocalRoot */
        setTheme,
        /** Get current theme set for LocalRoot */
        getTheme,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    {
        files: ['src/lib/**/*.{js,jsx,ts,tsx}'],
        rules: {
            'no-restricted-imports': [
                'error',

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    {
        files: ['src/**/*.{js,jsx,ts,tsx}'],
        rules: {
            'no-restricted-imports': [
                'error',

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    return {
        /** Effect to apply new theme to the application */
        setTheme,
        /** CSSProperties object to apply to container div */
        style,

• Read up
  Read up