chore: rename classes to be more meaningful

contentful · Apr 25, 2024 · f2fcc21 · f2fcc21
1 parent 452bc29
commit f2fcc21
Show file tree

Hide file tree

Showing 12 changed files with 12 additions and 12 deletions.
diff --git a/packages/components/navbar/src/NavbarAccount/NavbarAccount.styles.ts b/packages/components/navbar/src/NavbarAccount/NavbarAccount.styles.ts
@@ -4,7 +4,7 @@ import { NavbarAccountProps } from './NavbarAccount';
 import { getGlowOnFocusStyles } from '../utils.styles';
 
 export const getNavbarAccountStyles = () => ({
-  root: css(
+  navbarAccount: css(
     {
       // default button reset styles
       margin: 0,

diff --git a/packages/components/navbar/src/NavbarAccount/NavbarAccount.tsx b/packages/components/navbar/src/NavbarAccount/NavbarAccount.tsx
@@ -50,7 +50,7 @@ function _NavbarAccount(
           variant="transparent"
           size="small"
           ref={ref}
-          className={cx(styles.root, className)}
+          className={cx(styles.navbarAccount, className)}
           testId={testId}
         >
           <img

diff --git a/packages/components/navbar/src/NavbarBadge/NavbarBadge.styles.ts b/packages/components/navbar/src/NavbarBadge/NavbarBadge.styles.ts
@@ -2,7 +2,7 @@ import { css } from 'emotion';
 import tokens from '@contentful/f36-tokens';
 
 export const getNavbarBadgeStyles = () => ({
-  root: css({
+  navbarBadge: css({
     display: 'flex',
     justifyContent: 'center',
     alignItems: 'center',

diff --git a/packages/components/navbar/src/NavbarBadge/NavbarBadge.tsx b/packages/components/navbar/src/NavbarBadge/NavbarBadge.tsx
@@ -36,7 +36,7 @@ function _NavbarBadge(
     <Comp
       {...otherProps}
       ref={ref}
-      className={cx(styles.root, className)}
+      className={cx(styles.navbarBadge, className)}
       data-test-id={testId}
     >
       {children}

diff --git a/packages/components/navbar/src/NavbarHelp/NavbarHelp.styles.ts b/packages/components/navbar/src/NavbarHelp/NavbarHelp.styles.ts
@@ -3,7 +3,7 @@ import { getGlowOnFocusStyles } from '../utils.styles';
 import tokens from '@contentful/f36-tokens';
 
 export const getNavbarHelpStyles = () => ({
-  root: css(
+  navbarHelp: css(
     {
       // default button reset styles
       fontSize: tokens.fontSizeS,

diff --git a/packages/components/navbar/src/NavbarHelp/NavbarHelp.tsx b/packages/components/navbar/src/NavbarHelp/NavbarHelp.tsx
@@ -41,7 +41,7 @@ function _NavbarHelp(
           {...otherProps}
           as="button"
           ref={ref}
-          className={cx(styles.root, className)}
+          className={cx(styles.navbarHelp, className)}
           testId={testId}
           variant="transparent"
           size="small"

diff --git a/packages/components/navbar/src/NavbarSearch/NavbarSearch.styles.ts b/packages/components/navbar/src/NavbarSearch/NavbarSearch.styles.ts
@@ -3,7 +3,7 @@ import { getGlowOnFocusStyles } from '../utils.styles';
 import tokens from '@contentful/f36-tokens';
 
 export const getNavbarSearchStyles = () => ({
-  root: css(
+  navbarSearch: css(
     {
       // default button reset styles
       padding: tokens.spacing2Xs,

diff --git a/packages/components/navbar/src/NavbarSearch/NavbarSearch.tsx b/packages/components/navbar/src/NavbarSearch/NavbarSearch.tsx
@@ -28,7 +28,7 @@ function _NavbarSearch(
       variant="transparent"
       ref={ref}
       size="small"
-      className={cx(styles.root, className)}
+      className={cx(styles.navbarSearch, className)}
       testId={testId}
       icon={<SearchIcon size="medium" />}
     />

diff --git a/packages/components/navbar/src/NavbarSwitcher/NavbarSwitcher.styles.ts b/packages/components/navbar/src/NavbarSwitcher/NavbarSwitcher.styles.ts
@@ -4,7 +4,7 @@ import { hexToRGBA } from '@contentful/f36-utils';
 import { getGlowOnFocusStyles } from '../utils.styles';
 
 export const getNavbarSwitcherStyles = () => ({
-  root: css(
+  navbarSwitcher: css(
     {
       // default button reset styles
       margin: 0,

diff --git a/packages/components/navbar/src/NavbarSwitcher/NavbarSwitcher.tsx b/packages/components/navbar/src/NavbarSwitcher/NavbarSwitcher.tsx
@@ -42,7 +42,7 @@ function _NavbarSwitcher(
       {...otherProps}
       as="button"
       ref={ref}
-      className={cx(styles.root, className)}
+      className={cx(styles.navbarSwitcher, className)}
       testId={testId}
       alignItems="center"
       fullHeight

diff --git a/packages/components/navbar/src/NavbarTopbarItem/NavbarTopbarItem.styles.ts b/packages/components/navbar/src/NavbarTopbarItem/NavbarTopbarItem.styles.ts
@@ -3,7 +3,7 @@ import tokens from '@contentful/f36-tokens';
 import { getGlowOnFocusStyles } from '../utils.styles';
 import { hexToRGBA } from '@contentful/f36-utils';
 export const getNavbarTopbarItemStyles = () => ({
-  root: css(
+  navbarTopItem: css(
     {
       // default button reset styles
       margin: 0,

diff --git a/packages/components/navbar/src/NavbarTopbarItem/NavbarTopbarItem.tsx b/packages/components/navbar/src/NavbarTopbarItem/NavbarTopbarItem.tsx
@@ -34,7 +34,7 @@ function _NavbarTopbarItem<
     <Comp
       {...otherProps}
       ref={ref}
-      className={cx(styles.root, className)}
+      className={cx(styles.navbarTopItem, className)}
       data-test-id={testId}
     >
       {children}