@carbon/charts 1.11.21 → 1.12.0

package/scss/graphs/_wordcloud.scss

@@ -1,4 +1,6 @@
-.#{$prefix}--#{$charts-prefix}--wordcloud {
+@use '../globals';
+
+.#{globals.$prefix}--#{globals.$charts-prefix}--wordcloud {
 	text.word {
 		&.light {
 			// TODO-V11

package/scss/graphs/index.scss

@@ -1,19 +1,19 @@
-@import './area';
-@import './bubble';
-@import './bullet';
-@import './donut';
-@import './line';
-@import './scatter';
-@import './meter';
-@import './scatter-stacked';
-@import './radar';
-@import './tree';
-@import './treemap';
-@import './gauge';
-@import './pie';
-@import './lollipop';
-@import './circle-pack';
-@import './wordcloud';
-@import './alluvial';
-@import './heatmap';
-@import './choropleth';
+@use 'alluvial';
+@use 'area';
+@use 'bubble';
+@use 'bullet';
+@use 'choropleth';
+@use 'circle-pack';
+@use 'donut';
+@use 'gauge';
+@use 'heatmap';
+@use 'line';
+@use 'lollipop';
+@use 'meter';
+@use 'pie';
+@use 'radar';
+@use 'scatter';
+@use 'scatter-stacked';
+@use 'tree';
+@use 'treemap';
+@use 'wordcloud';

package/scss/index.scss

@@ -1,31 +1,10 @@
-$charts-prefix: 'cc';
-
-// Variables picked up by @carbon/styles/scss/config in imports
-$prefix: 'cds'; // Default value
-$css--body: false; // Do not emit styles for body element
-$css--default-type: false; // Do not include default type
-$css--font-face: false; // Do not include font face mixins from scss/fonts
-$css--reset: false; // Do not include reset CSS
-
-// Custom charting tokens
-@use '@carbon/styles/scss/theme' as theme;
-@import 'tokens';
-@include theme.add-component-tokens($custom-charting-tokens);
-@import '@carbon/styles/scss/components/button/tokens';
-
-@mixin default_transition { // used by ./colors
-	transition: all 0.1s ease-out;
-}
-@import '@carbon/colors';
-@import 'colors'; // mixins, color palette, color maps, tooltip and legend color settings
-
-@import '@carbon/import-once/scss'; // exports mixin
-@import 'components'; // use exports mixin to ensure component modules only loaded once
-
-@import 'graphs'; // chart-specific
-@import 'type'; // font size, fill, color, weight (but not family)
-@import 'chart-holder'; // container settings
-
-.#{$prefix}--#{$charts-prefix}--chart-wrapper {
-	overflow: visible;
-}
+@use 'colors'; 
+@use 'tokens';
+@use 'components';
+@use 'graphs';
+@use 'type';
+@use 'chart-holder';
+@use 'chart-wrapper';
+
+@use '@carbon/styles/scss/theme';
+@include theme.add-component-tokens(tokens.$custom-charting-tokens);