update remaining tokens to use camelcase

Author: Mash707

packages/react-core/src/components/Page/examples/PageCenteredSection.tsx

@@ -18,8 +18,7 @@ import {
   CardBody
 } from '@patternfly/react-core';
 import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
-/* eslint-disable camelcase */
-import c_page_section_m_limit_width_MaxWidth from '@patternfly/react-tokens/dist/esm/c_page_section_m_limit_width_MaxWidth';
+import pageSectionWidthLimitMaxWidth from '@patternfly/react-tokens/dist/esm/c_page_section_m_limit_width_MaxWidth';
 
 export const PageCenteredSection: React.FunctionComponent = () => {
   const [isSidebarOpen, setIsSidebarOpen] = useState(true);
@@ -72,7 +71,7 @@ export const PageCenteredSection: React.FunctionComponent = () => {
         <Card>
           <CardBody>
             When a width limited page section is wider than the value of
-            <code>{c_page_section_m_limit_width_MaxWidth.name}</code>, the section will be centered in the main section.
+            <code>{pageSectionWidthLimitMaxWidth.name}</code>, the section will be centered in the main section.
             <br />
             <br />
             The content in this example is placed in a card to better illustrate how the section behaves when it is

packages/react-core/src/demos/examples/Card/CardAggregateStatus.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable camelcase */
 import { Fragment } from 'react';
 import {
   Card,
@@ -16,7 +15,7 @@ import {
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import ExclamationTriangleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon';
-import l_gallery_GridTemplateColumns_min from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
+import galleryGridTemplateColumnsMin from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
 
 interface ContentType {
   icon?: React.ReactNode;
@@ -283,10 +282,7 @@ export const CardAggregateStatus: React.FunctionComponent = () => {
         }
         return (
           <GridItem key={groupIndex}>
-            <Gallery
-              hasGutter
-              style={{ [l_gallery_GridTemplateColumns_min.name]: galleryWidth } as React.CSSProperties}
-            >
+            <Gallery hasGutter style={{ [galleryGridTemplateColumnsMin.name]: galleryWidth } as React.CSSProperties}>
               {cardData[cardGroup].map(({ title, content, layout }, cardIndex: number) => (
                 <Card
                   style={{ textAlign: cardAlign } as React.CSSProperties}

packages/react-core/src/demos/examples/Card/CardDetails.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable camelcase */
 import {
   Card,
   CardTitle,
@@ -12,10 +11,10 @@ import {
   DescriptionListDescription,
   Divider
 } from '@patternfly/react-core';
-import l_gallery_GridTemplateColumns_min from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
+import galleryGridTemplateColumnsMin from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
 
 export const CardDetailsDemo: React.FunctionComponent = () => (
-  <Gallery hasGutter style={{ [l_gallery_GridTemplateColumns_min.name]: '260px' } as React.CSSProperties}>
+  <Gallery hasGutter style={{ [galleryGridTemplateColumnsMin.name]: '260px' } as React.CSSProperties}>
     <Card>
       <CardTitle>
         <Title headingLevel="h4" size="xl">

packages/react-core/src/demos/examples/Card/CardEventsView.tsx

@@ -1,5 +1,4 @@
 import { Fragment, useState } from 'react';
-/* eslint-disable camelcase */
 import {
   Card,
   CardHeader,
@@ -26,7 +25,7 @@ import {
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import CheckCircleIcon from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
 import flex from '@patternfly/react-styles/css/utilities/Flex/flex';
-import l_gallery_GridTemplateColumns_min from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
+import galleryGridTemplateColumnsMin from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
 
 export const CardEventsView: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = useState(false);
@@ -62,7 +61,7 @@ export const CardEventsView: React.FunctionComponent = () => {
       <code>baseline</code> alignment.
       <br />
       <br />
-      <Gallery hasGutter style={{ [l_gallery_GridTemplateColumns_min.name]: '360px' } as React.CSSProperties}>
+      <Gallery hasGutter style={{ [galleryGridTemplateColumnsMin.name]: '360px' } as React.CSSProperties}>
         <Card id="card-events-view-example">
           <CardHeader className={flex.alignItemsFlexStart} actions={{ actions: headerActions, hasNoOffset: true }}>
             <CardTitle>

packages/react-core/src/demos/examples/Card/CardLogView.tsx

@@ -1,5 +1,4 @@
 import { Fragment, useState } from 'react';
-/* eslint-disable camelcase */
 import {
   Card,
   CardHeader,
@@ -21,7 +20,7 @@ import {
   Title
 } from '@patternfly/react-core';
 import flex from '@patternfly/react-styles/css/utilities/Flex/flex';
-import l_gallery_GridTemplateColumns_min from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
+import galleryGridTemplateColumnsMin from '@patternfly/react-tokens/dist/esm/l_gallery_GridTemplateColumns_min';
 
 export const CardLogView: React.FunctionComponent = () => {
   const [isOpen, setIsOpen] = useState(false);
@@ -61,7 +60,7 @@ export const CardLogView: React.FunctionComponent = () => {
       <code>baseline</code> alignment.
       <br />
       <br />
-      <Gallery hasGutter style={{ [l_gallery_GridTemplateColumns_min.name]: '360px' } as React.CSSProperties}>
+      <Gallery hasGutter style={{ [galleryGridTemplateColumnsMin.name]: '360px' } as React.CSSProperties}>
         <Card id="card-log-view-example">
           <CardHeader className={flex.alignItemsFlexStart} actions={{ actions: headerActions, hasNoOffset: true }}>
             <CardTitle>

packages/react-integration/demo-app-ts/src/components/demos/LoginPageDemo/LoginPageDemo.tsx

@@ -1,7 +1,6 @@
 import { Component } from 'react';
-/* eslint-disable camelcase */
 import brandImg from '../../../assets/images/brandImgColor.svg';
-import pfbg_icon from '../../../assets/images/pfbg-icon.svg';
+import pfbgIcon from '../../../assets/images/pfbg-icon.svg';
 
 import {
   LoginFooterItem,
@@ -148,7 +147,7 @@ export class LoginPageDemo extends Component<React.HTMLProps<HTMLDivElement>, Lo
           footerListVariants={ListVariant.inline}
           brandImgSrc={brandImg}
           brandImgAlt="PatternFly logo"
-          backgroundImgSrc={pfbg_icon}
+          backgroundImgSrc={pfbgIcon}
           footerListItems={listItems}
           textContent="This is placeholder text only. Use this area to place any information or introductory message about your
           application that may be relevant to users."