In many files we are importing from @patternfly/react-tokens using a format like:

  import { something } from '@patternfly/react-tokens'  

Whenever we do that webpack has to parse 12k different token files. This caused a build failure in recent PF latest smoketesting.  It also increases build time.  

It's much better to import a specific file, like: 

  import something from '@patternfly/react-tokens/dist/esm/something'


Ex. 

Replace:

  import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens';

With

  import warningColor from '@patternfly/react-tokens/dist/esm/global_warning_color_100'


File list:

        frontend/packages/console-shared/src/components/dashboard  (1 usage found)
            DashboardGrid.tsx  (1 usage found)
                3 import { global_breakpoint_lg as breakpointLG } from '@patternfly/react-tokens';
        frontend/packages/console-shared/src/components/editor  (1 usage found)
            yaml-editor-utils.ts  (1 usage found)
                11 import { global_BackgroundColor_dark_100 as editorBackground } from '@patternfly/react-tokens';
        frontend/packages/console-shared/src/components/hpa  (1 usage found)
            DeleteHPAModal.tsx  (1 usage found)
                5 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens';
        frontend/packages/kubevirt-plugin/src/components/cdi-upload-provider  (1 usage found)
            upload-pvc-popover.tsx  (1 usage found)
                5 import { global_danger_color_100 as dangerColor } from '@patternfly/react-tokens';
        frontend/packages/pipelines-plugin/src/components/pipelines/detail-page-tabs/pipeline-details  (1 usage found)
            PipelineVisualizationTask.tsx  (1 usage found)
                11 } from '@patternfly/react-tokens';
        frontend/packages/pipelines-plugin/src/components/pipelines/modals/triggers  (1 usage found)
            RemoveTriggerForm.tsx  (1 usage found)
                4 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens';
        frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-builder/modals  (1 usage found)
            index.tsx  (1 usage found)
                6 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens';
        frontend/packages/pipelines-plugin/src/components/pipelines/pipeline-topology  (4 usages found)
            BuilderFinallyNode.tsx  (1 usage found)
                3 import { chart_color_blue_300 as blueColor } from '@patternfly/react-tokens';
            ErrorNodeDecorator.tsx  (1 usage found)
                4 import { global_danger_color_100 as redColor } from '@patternfly/react-tokens';
            PlusNodeDecorator.tsx  (1 usage found)
                4 import { chart_color_blue_300 as blueColor } from '@patternfly/react-tokens';
            WhenExpressionDecorator.tsx  (1 usage found)
                4 import { global_BorderColor_100 as lightBorderColor } from '@patternfly/react-tokens';
        frontend/packages/pipelines-plugin/src/utils  (1 usage found)
            pipeline-augment.ts  (1 usage found)
                9 } from '@patternfly/react-tokens';
        frontend/public/components/graphs  (1 usage found)
            utils.ts  (1 usage found)
                2 import { chart_color_orange_300 as requestedColor } from '@patternfly/react-tokens';