[terra-graphs-docs] corrected imports in examples (#357)

packages/terra-graphs-docs/CHANGELOG.md

@@ -9,6 +9,7 @@
   * Moved the _Getting Started_ page to the top level.
   * Renamed _Core Configuration_ to _Core Concepts_.
   * Added `src` to the published files list for rendering example code correctly.
+  * Corrected Carbon imports in examples.
 
 ## 1.9.3 - (April 9, 2024)
 

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/BasicBarGraphs/GroupedBars.3.graph.mdx

@@ -16,7 +16,6 @@ This is the graph with multiple bar contents grouped together.
 ## Usage
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <BarGraph />

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/BasicBarGraphs/NegativeBars.5.graph.mdx

@@ -14,7 +14,6 @@ This is a simple bar graph with negative x-axis ticks.
 ## Usage
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <BarGraph />

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/BasicBarGraphs/StackedBars.4.graph.mdx

@@ -16,7 +16,6 @@ This is graph with multiple datasets stacked up.
 ## Usage
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <BarGraph />

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/BasicBarGraphs/TimeseriesWithDateLine.1.graph.mdx

@@ -14,7 +14,6 @@ This is a timeseries bar graph with a dateline.
 ## Usage
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <BarGraph />

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/BasicBarGraphs/TimeseriesWithEventline.2.graph.mdx

@@ -14,7 +14,6 @@ This is a timeseries bar graph with eventlines.
 ## Usage
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <BarGraph />

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/GoalLine/GroupedGoalLines.2.graph.mdx

@@ -16,7 +16,6 @@ This is a grouped bar graph with goal lines.
 ## Usage
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <BarGraph />

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/GoalLine/SimpleGoalLines.1.graph.mdx

@@ -14,7 +14,6 @@ This is a simple bar graph with goal lines .
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/GoalLine/StackedGoalLines.3.graph.mdx

@@ -16,7 +16,6 @@ This is a stacked bar graph with goal lines .
 ## Usage
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <BarGraph />

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/Reflow/DynamicData.2.graph.mdx

@@ -17,7 +17,6 @@ This is a bar graph example that implements panning with dynamic data.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/Reflow/DynamicEventline.3.graph.mdx

@@ -16,7 +16,6 @@ This is a bar graph example that implements panning with a dynamic eventline.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/Reflow/Simple.1.graph.mdx

@@ -16,7 +16,6 @@ This is a bar graph example with panning.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/BarGraph.d/about.1.graph.mdx

@@ -44,7 +44,6 @@ A Bar graph can be plotted as follows:
 
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 const graph = Carbon.api.graph(/* graph config JSON */);
 graph.loadContent(Carbon.api.bar(/* dataset 1 */));
 

packages/terra-graphs-docs/src/terra-dev-site/graph/BubbleGraph.f/About.1.graph.mdx

@@ -39,7 +39,6 @@ A bubble graph can be plotted as follows:
 
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 
 const graph = Carbon.api.graph(/* graph config JSON */);
 

packages/terra-graphs-docs/src/terra-dev-site/graph/BubbleGraph.f/CustomBubbleSize.3.graph.mdx

@@ -16,7 +16,6 @@ A bubble graph with custom bubble weights.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/BubbleGraph.f/DynamicData.5.graph.mdx

@@ -17,7 +17,6 @@ This is a Bubble graph example that implements panning with dynamic data.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/BubbleGraph.f/MultipleDatasets.6.graph.mdx

@@ -17,7 +17,6 @@ This is a bubble graph example that implements panning with multiple datasets.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/BubbleGraph.f/Simple.4.graph.mdx

@@ -16,7 +16,6 @@ This is a bubble graph example that implements panning.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/BubbleGraph.f/WeightAndColorBased.2.graph.mdx

@@ -20,7 +20,6 @@ Single dataset bubble graphs that show datasets based on color and or weight.
 
 ```jsx
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/Combination.h/About.a.graph.mdx

@@ -39,7 +39,6 @@ A Combination graph can be plotted as follows:
 
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 const graph = Carbon.api.graph(/* graph config JSON */);
 graph.loadContent(Carbon.api.line(/* dataset 1 */));
 

packages/terra-graphs-docs/src/terra-dev-site/graph/Combination.h/BasicCombinationGraph/LineWithMultipleBubbleData.5.graph.mdx

@@ -16,7 +16,6 @@ This is a simple Line Graph combined with multiple Bubble dataset.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/Combination.h/BasicCombinationGraph/LineWithPairedResult.1.graph.mdx

@@ -15,7 +15,6 @@ This is a simple Line Graph combined with Paired Result.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/Combination.h/BasicCombinationGraph/LineWithSingleBubbleData.4.graph.mdx

@@ -15,7 +15,6 @@ This is a simple Line Graph combined with single Bubble dataset.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/Combination.h/BasicCombinationGraph/PairedResultWithScatter.3.graph.mdx

@@ -15,7 +15,6 @@ This is a simple Paired result Graph combined with Scatter.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/Combination.h/Regions/DatasetRegionIdentical.2.graph.mdx

@@ -15,7 +15,6 @@ This is a combination graph associated with identical regions.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/Combination.h/Regions/Simple.1.graph.mdx

@@ -15,7 +15,6 @@ This is a combination graph associated with simple region.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/AllowCalibration.7.graph.mdx

@@ -22,7 +22,6 @@ It can by toggled on/off by using the appropriate `allowCalibration` label.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/AxisHidden.1.graph.mdx

@@ -16,7 +16,6 @@ Axis hidden contains simple graph examples with hidden x and y axes.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/AxisTicks.2.graph.mdx

@@ -18,7 +18,6 @@ Axis ticks contains simple graph examples with static x-axis ticks, formatted ti
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/DateTimeBucket.6.graph.mdx

@@ -15,7 +15,6 @@ This is a timeseries line graph  with datetime formatted bucket.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/Label.3.graph.mdx

@@ -16,7 +16,6 @@ Label hidden contains simple graph examples related to label like label hidden a
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/XAxisAlternateLocale.4.graph.mdx

@@ -15,7 +15,6 @@ This is a simple timeseries line graph with German(de_DE) locale.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/XAxisOrientationTop.5.graph.mdx

@@ -15,7 +15,6 @@ This is a simple timeseries line graph with x-axis locates on top of the graph.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Axes.1/XAxisTickLabelOrientation.8.graph.mdx

@@ -14,7 +14,6 @@ This is a simple timeseries line graph with x-axis ticks label orientation `tick
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Grid.5.graph.mdx

@@ -16,7 +16,6 @@ Grid contains graph examples related to hiding horizontal and vertical grid.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Legend.4.graph.mdx

@@ -23,7 +23,6 @@ Legend contains simple line graph examples with different ways to use legend lik
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Other.3/BackgroundColor.14.graph.mdx

@@ -15,7 +15,6 @@ This is Simple line graph with '#176ba0' as background color.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Other.3/NoData.6.graph.mdx

@@ -15,7 +15,6 @@ This is simple graph with no data in it.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Padding.2/CustomLegendPlacement.1.graph.mdx

@@ -15,7 +15,6 @@ This is timeseries line graph with custom legend placement.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/Padding.2/GraphAndLegendPaddingReduced.2.graph.mdx

@@ -15,7 +15,6 @@ This is timeseries line graph with reduced padding.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Example

packages/terra-graphs-docs/src/terra-dev-site/graph/CoreConcepts.b/examples/reflow/DynamicallyUpdatingData.jsx

@@ -95,17 +95,15 @@ const DynamicallyUpdatingDataExample = () => {
   };
 
   const handleClickUpdateData = () => {
-    //    graph.config.axis.y.domain.lowerLimit = 0;
-    //    graph.config.axis.y.domain.upperLimit = 20;
-
     graph.reflowMultipleDatasets({
       panData: [updatedDataset1],
     });
   };
 
   const handleClickReset = () => {
-    graph.unloadContent(Carbon.api.line(dataset1));
-    graph.loadContent(Carbon.api.line(dataset1));
+    graph.reflowMultipleDatasets({
+      panData: [dataset1],
+    });
   };
 
   return (

packages/terra-graphs-docs/src/terra-dev-site/graph/Gantt.i/About.1.graph.mdx

@@ -41,7 +41,6 @@ A native Gantt Chart using D3 based on standard design patterns.
 
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 
 var ganttInstance = Carbon.api.gantt(/* config object*/);
 ganttInstance.loadContent(/* data */);

packages/terra-graphs-docs/src/terra-dev-site/graph/Gantt.i/BasicGanttCharts/Actions.5.graph.mdx

@@ -16,7 +16,6 @@ This is a simple Gantt chart with actions.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <GanttChart />

packages/terra-graphs-docs/src/terra-dev-site/graph/Gantt.i/BasicGanttCharts/BarTypes.8.graph.mdx

@@ -21,7 +21,6 @@ This is a Gantt chart with different bar types.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <GanttChart />

packages/terra-graphs-docs/src/terra-dev-site/graph/Gantt.i/BasicGanttCharts/DatetimeBucket.91.graph.mdx

@@ -14,7 +14,6 @@ This is a simple Gantt chart with datetime formatted bucket.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 ## Examples
 <GanttChart />

packages/terra-graphs-docs/src/terra-dev-site/graph/Gantt.i/BasicGanttCharts/Eventline.4.graph.mdx

@@ -17,7 +17,6 @@ This is a simple Gantt chart with eventline.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/Gantt.i/BasicGanttCharts/Events.6.graph.mdx

@@ -16,7 +16,6 @@ This is a simple Gantt chart with Events.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples

packages/terra-graphs-docs/src/terra-dev-site/graph/Gantt.i/BasicGanttCharts/GraphAndLegendPaddingReduced.92.graph.mdx

@@ -16,7 +16,6 @@ This is a simple Gantt chart with reduced padding around graph and legend.
 ## Usage
 ```js
 import Carbon from '@cerner/carbon-graphs';
-import '@cerner/carbon-graphs/dist/css/carbon-graphs.css';
 ```
 
 ## Examples