@carbon/charts 0.41.20 → 0.41.24

package/styles/_type.scss

@@ -1,23 +1,23 @@
-@import "./vendor/@carbon/type/scss/type";
-@import "./vendor/@carbon/type/scss/font-face/mono";
-@import "./vendor/@carbon/type/scss/font-face/sans";
+@import './vendor/@carbon/type/scss/type';
+@import './vendor/@carbon/type/scss/font-face/mono';
+@import './vendor/@carbon/type/scss/font-face/sans';
 
 svg.#{$prefix}--#{$charts-prefix}--chart-svg {
-	font-family: carbon--font-family("sans-condensed");
+	font-family: carbon--font-family('sans-condensed');
 
 	text {
 		font-size: 12px;
-		font-weight: carbon--font-weight("regular");
+		font-weight: carbon--font-weight('regular');
 		fill: $text-02;
 	}
 
 	text.meter-title,
 	text.percent-value {
 		font-size: $carbon--base-font-size;
-		font-family: carbon--font-family("sans");
+		font-family: carbon--font-family('sans');
 	}
 
 	text.meter-title {
-		font-weight: carbon--font-weight("semibold");
+		font-weight: carbon--font-weight('semibold');
 	}
 }

package/styles/color-palatte.scss

@@ -3,245 +3,245 @@
 }
 
 $white-theme-colors: (
-	"1": (
-		"1": (
-			"1": getColorValue("purple", 70)
+	'1': (
+		'1': (
+			'1': getColorValue('purple', 70),
 		),
-		"2": (
-			"1": getColorValue("blue", 80)
+		'2': (
+			'1': getColorValue('blue', 80),
 		),
-		"3": (
-			"1": getColorValue("cyan", 50)
+		'3': (
+			'1': getColorValue('cyan', 50),
+		),
+		'4': (
+			'1': getColorValue('teal', 60),
 		),
-		"4": (
-			"1": getColorValue("teal", 60)
-		)
 	),
-	"2": (
-		"1": (
-			"1": getColorValue("purple", 70),
-			"2": getColorValue("teal", 50)
-		),
-		"2": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("red", 90)
-		),
-		"3": (
-			"1": getColorValue("magenta", 70),
-			"2": getColorValue("red", 90)
-		),
-		"4": (
-			"1": getColorValue("cyan", 50),
-			"2": getColorValue("teal", 70)
-		),
-		"5": (
-			"1": getColorValue("teal", 50),
-			"2": getColorValue("blue", 80)
-		)
+	'2': (
+		'1': (
+			'1': getColorValue('purple', 70),
+			'2': getColorValue('teal', 50),
+		),
+		'2': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('red', 90),
+		),
+		'3': (
+			'1': getColorValue('magenta', 70),
+			'2': getColorValue('red', 90),
+		),
+		'4': (
+			'1': getColorValue('cyan', 50),
+			'2': getColorValue('teal', 70),
+		),
+		'5': (
+			'1': getColorValue('teal', 50),
+			'2': getColorValue('blue', 80),
+		),
 	),
-	"3": (
-		"1": (
-			"1": getColorValue("magenta", 50),
-			"2": getColorValue("cyan", 50),
-			"3": getColorValue("purple", 70)
-		),
-		"2": (
-			"1": getColorValue("magenta", 70),
-			"2": getColorValue("red", 50),
-			"3": getColorValue("red", 90)
-		),
-		"3": (
-			"1": getColorValue("purple", 50),
-			"2": getColorValue("teal", 70),
-			"3": getColorValue("blue", 80)
-		),
-		"4": (
-			"1": getColorValue("purple", 50),
-			"2": getColorValue("teal", 70),
-			"3": getColorValue("magenta", 70)
-		),
-		"5": (
-			"1": getColorValue("cyan", 90),
-			"2": getColorValue("purple", 70),
-			"3": getColorValue("teal", 50)
-		)
+	'3': (
+		'1': (
+			'1': getColorValue('magenta', 50),
+			'2': getColorValue('cyan', 50),
+			'3': getColorValue('purple', 70),
+		),
+		'2': (
+			'1': getColorValue('magenta', 70),
+			'2': getColorValue('red', 50),
+			'3': getColorValue('red', 90),
+		),
+		'3': (
+			'1': getColorValue('purple', 50),
+			'2': getColorValue('teal', 70),
+			'3': getColorValue('blue', 80),
+		),
+		'4': (
+			'1': getColorValue('purple', 50),
+			'2': getColorValue('teal', 70),
+			'3': getColorValue('magenta', 70),
+		),
+		'5': (
+			'1': getColorValue('cyan', 90),
+			'2': getColorValue('purple', 70),
+			'3': getColorValue('teal', 50),
+		),
 	),
-	"4": (
-		"1": (
-			"1": getColorValue("purple", 70),
-			"2": getColorValue("cyan", 90),
-			"3": getColorValue("teal", 50),
-			"4": getColorValue("magenta", 50)
-		),
-		"2": (
-			"1": getColorValue("magenta", 70),
-			"2": getColorValue("red", 50),
-			"3": getColorValue("red", 90),
-			"4": getColorValue("purple", 50)
-		),
-		"3": (
-			"1": getColorValue("teal", 50),
-			"2": getColorValue("blue", 80),
-			"3": getColorValue("purple", 50),
-			"4": getColorValue("magenta", 70)
-		)
+	'4': (
+		'1': (
+			'1': getColorValue('purple', 70),
+			'2': getColorValue('cyan', 90),
+			'3': getColorValue('teal', 50),
+			'4': getColorValue('magenta', 50),
+		),
+		'2': (
+			'1': getColorValue('magenta', 70),
+			'2': getColorValue('red', 50),
+			'3': getColorValue('red', 90),
+			'4': getColorValue('purple', 50),
+		),
+		'3': (
+			'1': getColorValue('teal', 50),
+			'2': getColorValue('blue', 80),
+			'3': getColorValue('purple', 50),
+			'4': getColorValue('magenta', 70),
+		),
 	),
-	"5": (
-		"1": (
-			"1": getColorValue("purple", 70),
-			"2": getColorValue("cyan", 50),
-			"3": getColorValue("teal", 70),
-			"4": getColorValue("magenta", 70),
-			"5": getColorValue("red", 90)
-		),
-		"2": (
-			"1": getColorValue("blue", 80),
-			"2": getColorValue("teal", 50),
-			"3": getColorValue("magenta", 70),
-			"4": getColorValue("red", 90),
-			"5": getColorValue("purple", 50)
-		)
+	'5': (
+		'1': (
+			'1': getColorValue('purple', 70),
+			'2': getColorValue('cyan', 50),
+			'3': getColorValue('teal', 70),
+			'4': getColorValue('magenta', 70),
+			'5': getColorValue('red', 90),
+		),
+		'2': (
+			'1': getColorValue('blue', 80),
+			'2': getColorValue('teal', 50),
+			'3': getColorValue('magenta', 70),
+			'4': getColorValue('red', 90),
+			'5': getColorValue('purple', 50),
+		),
 	),
-	"14": (
-		"1": (
-			"1": getColorValue("purple", 70),
-			"2": getColorValue("cyan", 50),
-			"3": getColorValue("teal", 70),
-			"4": getColorValue("magenta", 70),
-			"5": getColorValue("red", 50),
-			"6": getColorValue("red", 90),
-			"7": getColorValue("green", 60),
-			"8": getColorValue("blue", 80),
-			"9": getColorValue("magenta", 50),
-			"10": #b28600,
+	'14': (
+		'1': (
+			'1': getColorValue('purple', 70),
+			'2': getColorValue('cyan', 50),
+			'3': getColorValue('teal', 70),
+			'4': getColorValue('magenta', 70),
+			'5': getColorValue('red', 50),
+			'6': getColorValue('red', 90),
+			'7': getColorValue('green', 60),
+			'8': getColorValue('blue', 80),
+			'9': getColorValue('magenta', 50),
+			'10': #b28600,
 			//yellow 50, update when available in carbon color
-				"11": getColorValue("teal", 50),
-			"12": getColorValue("cyan", 90),
-			"13": #8a3800,
+			'11': getColorValue('teal', 50),
+			'12': getColorValue('cyan', 90),
+			'13': #8a3800,
 			//orange 70, update when available in carbon color
-				"14": getColorValue("purple", 50)
-		)
-	)
+			'14': getColorValue('purple', 50),
+		),
+	),
 );
 
 $dark-theme-colors: (
-	"1": (
-		"1": (
-			"1": getColorValue("purple", 30)
+	'1': (
+		'1': (
+			'1': getColorValue('purple', 30),
 		),
-		"2": (
-			"1": getColorValue("blue", 50)
+		'2': (
+			'1': getColorValue('blue', 50),
 		),
-		"3": (
-			"1": getColorValue("cyan", 40)
+		'3': (
+			'1': getColorValue('cyan', 40),
+		),
+		'4': (
+			'1': getColorValue('teal', 40),
 		),
-		"4": (
-			"1": getColorValue("teal", 40)
-		)
 	),
-	"2": (
-		"1": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("teal", 40)
-		),
-		"2": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("magenta", 40)
-		),
-		"3": (
-			"1": getColorValue("magenta", 40),
-			"2": getColorValue("red", 10)
-		),
-		"4": (
-			"1": getColorValue("blue", 50),
-			"2": getColorValue("cyan", 20)
-		),
-		"5": (
-			"1": getColorValue("teal", 60),
-			"2": getColorValue("green", 30)
-		)
+	'2': (
+		'1': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('teal', 40),
+		),
+		'2': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('magenta', 40),
+		),
+		'3': (
+			'1': getColorValue('magenta', 40),
+			'2': getColorValue('red', 10),
+		),
+		'4': (
+			'1': getColorValue('blue', 50),
+			'2': getColorValue('cyan', 20),
+		),
+		'5': (
+			'1': getColorValue('teal', 60),
+			'2': getColorValue('green', 30),
+		),
 	),
-	"3": (
-		"1": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("teal", 40),
-			"3": getColorValue("cyan", 20)
-		),
-		"2": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("magenta", 40),
-			"3": getColorValue("red", 10)
-		),
-		"3": (
-			"1": getColorValue("blue", 50),
-			"2": getColorValue("teal", 40),
-			"3": getColorValue("purple", 30)
-		),
-		"4": (
-			"1": getColorValue("blue", 50),
-			"2": getColorValue("green", 30),
-			"3": getColorValue("red", 10)
-		),
-		"5": (
-			"1": getColorValue("teal", 60),
-			"2": getColorValue("green", 30),
-			"3": getColorValue("cyan", 20)
-		)
+	'3': (
+		'1': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('teal', 40),
+			'3': getColorValue('cyan', 20),
+		),
+		'2': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('magenta', 40),
+			'3': getColorValue('red', 10),
+		),
+		'3': (
+			'1': getColorValue('blue', 50),
+			'2': getColorValue('teal', 40),
+			'3': getColorValue('purple', 30),
+		),
+		'4': (
+			'1': getColorValue('blue', 50),
+			'2': getColorValue('green', 30),
+			'3': getColorValue('red', 10),
+		),
+		'5': (
+			'1': getColorValue('teal', 60),
+			'2': getColorValue('green', 30),
+			'3': getColorValue('cyan', 20),
+		),
 	),
-	"4": (
-		"1": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("teal", 40),
-			"3": getColorValue("cyan", 20),
-			"4": getColorValue("blue", 50)
-		),
-		"2": (
-			"1": getColorValue("blue", 50),
-			"2": getColorValue("teal", 40),
-			"3": getColorValue("purple", 30),
-			"4": getColorValue("red", 10)
-		),
-		"3": (
-			"1": getColorValue("teal", 60),
-			"2": getColorValue("red", 10),
-			"3": getColorValue("cyan", 40),
-			"4": getColorValue("green", 30)
-		)
+	'4': (
+		'1': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('teal', 40),
+			'3': getColorValue('cyan', 20),
+			'4': getColorValue('blue', 50),
+		),
+		'2': (
+			'1': getColorValue('blue', 50),
+			'2': getColorValue('teal', 40),
+			'3': getColorValue('purple', 30),
+			'4': getColorValue('red', 10),
+		),
+		'3': (
+			'1': getColorValue('teal', 60),
+			'2': getColorValue('red', 10),
+			'3': getColorValue('cyan', 40),
+			'4': getColorValue('green', 30),
+		),
 	),
-	"5": (
-		"1": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("teal", 40),
-			"3": getColorValue("cyan", 20),
-			"4": getColorValue("blue", 50),
-			"5": getColorValue("magenta", 40)
-		),
-		"2": (
-			"1": getColorValue("blue", 50),
-			"2": getColorValue("teal", 40),
-			"3": getColorValue("purple", 30),
-			"4": getColorValue("red", 10),
-			"5": getColorValue("green", 30)
-		)
+	'5': (
+		'1': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('teal', 40),
+			'3': getColorValue('cyan', 20),
+			'4': getColorValue('blue', 50),
+			'5': getColorValue('magenta', 40),
+		),
+		'2': (
+			'1': getColorValue('blue', 50),
+			'2': getColorValue('teal', 40),
+			'3': getColorValue('purple', 30),
+			'4': getColorValue('red', 10),
+			'5': getColorValue('green', 30),
+		),
 	),
-	"14": (
-		"1": (
-			"1": getColorValue("purple", 60),
-			"2": getColorValue("cyan", 40),
-			"3": getColorValue("teal", 60),
-			"4": getColorValue("magenta", 40),
-			"5": getColorValue("red", 50),
-			"6": getColorValue("red", 10),
-			"7": getColorValue("green", 30),
-			"8": getColorValue("blue", 50),
-			"9": getColorValue("magenta", 60),
-			"10": #d2a106,
+	'14': (
+		'1': (
+			'1': getColorValue('purple', 60),
+			'2': getColorValue('cyan', 40),
+			'3': getColorValue('teal', 60),
+			'4': getColorValue('magenta', 40),
+			'5': getColorValue('red', 50),
+			'6': getColorValue('red', 10),
+			'7': getColorValue('green', 30),
+			'8': getColorValue('blue', 50),
+			'9': getColorValue('magenta', 60),
+			'10': #d2a106,
 			//yellow 40, update when available in carbon color
-				"11": getColorValue("teal", 40),
-			"12": getColorValue("cyan", 20),
-			"13": #ba4e00,
+			'11': getColorValue('teal', 40),
+			'12': getColorValue('cyan', 20),
+			'13': #ba4e00,
 			//orange 60, update when available in carbon color
-				"14": getColorValue("purple", 30)
-		)
-	)
+			'14': getColorValue('purple', 30),
+		),
+	),
 );

package/styles/colors.scss

@@ -1,4 +1,4 @@
-@import "./color-palatte.scss";
+@import './color-palatte.scss';
 
 @function getThemeColors() {
 	$color-map: ();
@@ -21,12 +21,12 @@
 			@if $name == null {
 				$color-items: map-merge(
 					$color-items,
-					color-property("#{$category}", $value)
+					color-property('#{$category}', $value)
 				);
 			} @else {
 				$color-items: map-merge(
 					$color-items,
-					color-property("#{$name}-#{$category}", $value)
+					color-property('#{$name}-#{$category}', $value)
 				);
 			}
 		}

package/styles/components/_axis.scss

@@ -1,6 +1,6 @@
-@import "./../vendor/@carbon/type/scss/type";
-@import "./../vendor/@carbon/type/scss/font-face/sans";
-@import "./../vendor/@carbon/themes/scss/tokens";
+@import './../vendor/@carbon/type/scss/type';
+@import './../vendor/@carbon/type/scss/font-face/sans';
+@import './../vendor/@carbon/themes/scss/tokens';
 
 .#{$prefix}--#{$charts-prefix}--axes g.axis {
 	g.ticks.invisible {
@@ -9,7 +9,7 @@
 
 	g.tick text {
 		fill: $text-02;
-		font-family: carbon--font-family("sans-condensed");
+		font-family: carbon--font-family('sans-condensed');
 	}
 
 	g.tick line {
@@ -21,6 +21,6 @@
 	}
 
 	.axis-title {
-		font-family: carbon--font-family("regular");
+		font-family: carbon--font-family('regular');
 	}
 }

package/styles/components/_ruler.scss

@@ -1,10 +1,10 @@
 .#{$prefix}--#{$charts-prefix}--ruler {
 	line.ruler-line {
-		@if $ui-background == map-get($carbon--theme--g90, "ui-background") {
+		@if $ui-background == map-get($carbon--theme--g90, 'ui-background') {
 			stroke: $carbon--white-0;
 		} @else if
 			$ui-background ==
-			map-get($carbon--theme--g100, "ui-background")
+			map-get($carbon--theme--g100, 'ui-background')
 		{
 			stroke: $carbon--white-0;
 		} @else {

package/styles/components/_threshold.scss

@@ -33,7 +33,7 @@
 	position: absolute;
 	word-wrap: break-word;
 	z-index: 1059;
-	font-family: carbon--font-family("sans-condensed");
+	font-family: carbon--font-family('sans-condensed');
 
 	color: $text-01;
 	line-height: 16px;

package/styles/components/_title.scss

@@ -1,8 +1,8 @@
-@import "./../vendor/@carbon/type/scss/type";
+@import './../vendor/@carbon/type/scss/type';
 
 .#{$prefix}--#{$charts-prefix}--title text.title {
 	fill: $text-01;
 	font-size: 16px;
-	font-family: carbon--font-family("sans");
-	font-weight: carbon--font-weight("semibold");
+	font-family: carbon--font-family('sans');
+	font-weight: carbon--font-weight('semibold');
 }

package/styles/components/_toolbar.scss

@@ -1,5 +1,5 @@
 $css--reset: false;
-@import "./../vendor/carbon-components/src/components/overflow-menu/overflow-menu";
+@import './../vendor/carbon-components/src/components/overflow-menu/overflow-menu';
 
 g.#{$prefix}--#{$charts-prefix}--toolbar {
 	@include carbon--motion(standard, expressive);

package/styles/components/_tooltip.scss

@@ -1,7 +1,7 @@
-@import "./../vendor/@carbon/motion/scss/motion.scss";
-@import "./../vendor/@carbon/type/scss/type";
-@import "./../vendor/@carbon/type/scss/font-face/mono";
-@import "./../vendor/@carbon/type/scss/font-face/sans";
+@import './../vendor/@carbon/motion/scss/motion.scss';
+@import './../vendor/@carbon/type/scss/type';
+@import './../vendor/@carbon/type/scss/font-face/mono';
+@import './../vendor/@carbon/type/scss/font-face/sans';
 
 .#{$prefix}--#{$charts-prefix}--tooltip {
 	background-color: $ui-02;
@@ -13,7 +13,7 @@
 	position: absolute;
 	word-wrap: break-word;
 	z-index: 1059;
-	font-family: carbon--font-family("sans-condensed");
+	font-family: carbon--font-family('sans-condensed');
 
 	&.hidden {
 		opacity: 0;
@@ -66,7 +66,7 @@
 			}
 
 			&.bold {
-				font-weight: carbon--font-weight("semibold");
+				font-weight: carbon--font-weight('semibold');
 			}
 		}