rename hooks and update imports

src/components/section-loading-indicator/section-loading-indicator.styles.ts

@@ -1,4 +1,4 @@
-import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/useStyletronClasses";
+import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/use-styletron-classes";
 
 const cssStylesObj = {
     spinnerContainer: (theme) => ({

src/components/section-loading-indicator/section-loading-indicator.tsx

@@ -1,5 +1,5 @@
 "use client";
-import useStyletronClasses from "@/hooks/useStyletronClasses";
+import useStyletronClasses from "@/hooks/use-styletron-classes";
 import { Spinner, SIZE, type SpinnerProps } from "baseui/spinner";
 import { cssStyles } from "./section-loading-indicator.styles";
 

src/containers/domains-page/domains-page-filters/domains-page-filters.styles.ts

@@ -1,4 +1,4 @@
-import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/useStyletronClasses";
+import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/use-styletron-classes";
 import { Theme } from "baseui";
 import type { FormControlOverrides } from "baseui/form-control/types";
 import type { InputOverrides } from "baseui/input/types";

src/containers/domains-page/domains-page-filters/domains-page-filters.tsx

@@ -7,7 +7,7 @@ import { FormControl } from 'baseui/form-control';
 import domainPageQueryParamsConfig from "../domains-page-query-params";
 import usePageQueryParams from "@/hooks/use-page-query-params/use-page-query-params";
 import { Delete, Filter, Search, } from "baseui/icon";
-import useStyletronClasses from "@/hooks/useStyletronClasses";
+import useStyletronClasses from "@/hooks/use-styletron-classes";
 import { cssStyles, overrides } from "./domains-page-filters.styles";
 import { Button } from "baseui/button";
 import { useMemo, useState } from "react";

src/containers/domains-page/domains-page-title/domains-page-title.styles.ts

@@ -1,4 +1,4 @@
-import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/useStyletronClasses";
+import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/use-styletron-classes";
 
 const cssStylesObj = {
     titleContainer: (theme) => ({

src/containers/domains-page/domains-page-title/domains-page-title.tsx

@@ -2,7 +2,7 @@
 import { LabelLarge } from 'baseui/typography';
 import { Cell, Grid } from "baseui/layout-grid";
 
-import useStyletronClasses from "@/hooks/useStyletronClasses";
+import useStyletronClasses from "@/hooks/use-styletron-classes";
 import { cssStyles } from "./domains-page-title.styles";
 import { ReactNode } from 'react';
 

src/containers/domains-page/domains-table-cluster-cell/domains-table-cluster-cell.styles.ts

@@ -1,4 +1,4 @@
-import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/useStyletronClasses";
+import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/use-styletron-classes";
 
 const cssStylesObj = {
     clustersLinks: (theme) => ({

src/containers/domains-page/domains-table-cluster-cell/domains-table-cluster-cell.tsx

@@ -4,7 +4,7 @@ import React from 'react';
 import type { DomainData, SortingOrder } from '@/containers/domains-page/domains-page.types';
 import TableLink from '@/containers/domains-page/domains-table-link/domains-table-link';
 
-import useStyletronClasses from '@/hooks/useStyletronClasses';
+import useStyletronClasses from '@/hooks/use-styletron-classes';
 import { cssStyles } from './domains-table-cluster-cell.styles';
 
 

src/containers/domains-page/domains-table-domain-name-cell/domains-table-domain-name-cell.styles.ts

@@ -1,4 +1,4 @@
-import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/useStyletronClasses";
+import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/use-styletron-classes";
 
 const cssStylesObj = {
     domainNameCell: (theme) => ({

src/containers/domains-page/domains-table-domain-name-cell/domains-table-domain-name-cell.tsx

@@ -6,7 +6,7 @@ import cadenceIcon from '@/assets/cadence-logo.svg';
 import type { DomainData } from '@/containers/domains-page/domains-page.types';
 import TableLink from '@/containers/domains-page/domains-table-link/domains-table-link';
 
-import useStyletronClasses from '@/hooks/useStyletronClasses';
+import useStyletronClasses from '@/hooks/use-styletron-classes';
 import { cssStyles } from './domains-table-domain-name-cell.styles';
 
 

src/containers/domains-page/domains-table/domains-table.styles.ts

@@ -1,4 +1,4 @@
-import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/useStyletronClasses";
+import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/use-styletron-classes";
 
 const cssStylesObj = {
     tableContainer: {

src/containers/domains-page/domains-table/domains-table.tsx

@@ -5,7 +5,7 @@ import { Cell, Grid } from 'baseui/layout-grid';
 import Table from '@/layout/table';
 import usePageQueryParams from '@/hooks/use-page-query-params/use-page-query-params';
 import sortBy, { SortByReturnValue, toggleSortOrder } from '@/utils/sort-by';
-import useStyletronClasses from '@/hooks/useStyletronClasses';
+import useStyletronClasses from '@/hooks/use-styletron-classes';
 import DomainTableEndMessage from '@/containers/domains-page/domains-table-end-message/domains-table-end-message';
 import domainPageQueryParamsConfig from '../domains-page-query-params';
 

src/layout/app-nav-bar/app-nav-bar.styles.tsx

@@ -1,4 +1,4 @@
-import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/useStyletronClasses";
+import type { StyletronCSSObject, StyletronCSSObjectOf } from "@/hooks/use-styletron-classes";
 
 const cssStylesObj = {
     titleIcon: {

src/layout/app-nav-bar/app-nav-bar.tsx

@@ -1,5 +1,5 @@
 "use client"
-import useStyletronClasses from '@/hooks/useStyletronClasses';
+import useStyletronClasses from '@/hooks/use-styletron-classes';
 import { AppNavBar as BaseAppNavBar } from 'baseui/app-nav-bar';
 import { cssStyles } from './app-nav-bar.styles';