@carbon/charts 0.30.20 → 0.30.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/build/demo/data/bar.d.ts +174 -0
  3. package/build/demo/data/bubble.d.ts +41 -0
  4. package/build/demo/data/donut.d.ts +23 -0
  5. package/build/demo/data/line.d.ts +70 -0
  6. package/build/demo/data/pie.d.ts +13 -0
  7. package/build/demo/data/scatter.d.ts +31 -0
  8. package/build/demo/data/step.d.ts +4 -0
  9. package/build/demo/data/time-series-axis.d.ts +55 -3
  10. package/build/src/components/axes/grid.d.ts +3 -3
  11. package/build/src/components/axes/two-dimensional-axes.d.ts +3 -0
  12. package/build/src/components/essentials/threshold.d.ts +17 -0
  13. package/build/src/components/graphs/bar.d.ts +1 -1
  14. package/build/src/components/graphs/scatter.d.ts +1 -0
  15. package/build/src/components/graphs/skeleton.d.ts +22 -0
  16. package/build/src/components/index.d.ts +2 -0
  17. package/build/src/interfaces/axis-scales.d.ts +11 -0
  18. package/build/src/interfaces/charts.d.ts +4 -0
  19. package/build/src/interfaces/components.d.ts +21 -0
  20. package/build/src/interfaces/enums.d.ts +9 -0
  21. package/build/src/interfaces/events.d.ts +7 -0
  22. package/build/src/model.d.ts +1 -0
  23. package/build/src/services/scales-cartesian.d.ts +9 -1
  24. package/build/stories/tutorials/event-listeners.d.ts +1 -0
  25. package/build/stories/tutorials/getting-started/angular.d.ts +1 -0
  26. package/build/stories/tutorials/getting-started/react.d.ts +1 -0
  27. package/build/stories/tutorials/getting-started/vanilla.d.ts +1 -0
  28. package/build/stories/tutorials/getting-started/vue.d.ts +1 -0
  29. package/build/stories/tutorials/index.d.ts +6 -0
  30. package/build/stories/tutorials/tabular-data-format.d.ts +1 -0
  31. package/bundle.js +1 -1
  32. package/charts/bar-grouped.js +4 -2
  33. package/charts/bar-grouped.js.map +1 -1
  34. package/charts/bar-simple.js +4 -2
  35. package/charts/bar-simple.js.map +1 -1
  36. package/charts/bar-stacked.js +4 -2
  37. package/charts/bar-stacked.js.map +1 -1
  38. package/charts/bubble.js +4 -2
  39. package/charts/bubble.js.map +1 -1
  40. package/charts/donut.js +4 -2
  41. package/charts/donut.js.map +1 -1
  42. package/charts/line.js +4 -2
  43. package/charts/line.js.map +1 -1
  44. package/charts/pie.js +4 -2
  45. package/charts/pie.js.map +1 -1
  46. package/charts/scatter.js +4 -2
  47. package/charts/scatter.js.map +1 -1
  48. package/components/axes/axis.js +24 -13
  49. package/components/axes/axis.js.map +1 -1
  50. package/components/axes/grid.d.ts +3 -3
  51. package/components/axes/grid.js +27 -9
  52. package/components/axes/grid.js.map +1 -1
  53. package/components/axes/two-dimensional-axes.d.ts +3 -0
  54. package/components/axes/two-dimensional-axes.js +30 -0
  55. package/components/axes/two-dimensional-axes.js.map +1 -1
  56. package/components/axes/zero-line.js +15 -1
  57. package/components/axes/zero-line.js.map +1 -1
  58. package/components/essentials/threshold.d.ts +17 -0
  59. package/components/essentials/threshold.js +165 -0
  60. package/components/essentials/threshold.js.map +1 -0
  61. package/components/graphs/bar-grouped.js +3 -1
  62. package/components/graphs/bar-grouped.js.map +1 -1
  63. package/components/graphs/bar-simple.js +1 -1
  64. package/components/graphs/bar-simple.js.map +1 -1
  65. package/components/graphs/bar-stacked.js +1 -1
  66. package/components/graphs/bar-stacked.js.map +1 -1
  67. package/components/graphs/bar.d.ts +1 -1
  68. package/components/graphs/bar.js +1 -1
  69. package/components/graphs/bar.js.map +1 -1
  70. package/components/graphs/donut.js +6 -0
  71. package/components/graphs/donut.js.map +1 -1
  72. package/components/graphs/scatter.d.ts +1 -0
  73. package/components/graphs/scatter.js +28 -0
  74. package/components/graphs/scatter.js.map +1 -1
  75. package/components/graphs/skeleton.d.ts +22 -0
  76. package/components/graphs/skeleton.js +241 -0
  77. package/components/graphs/skeleton.js.map +1 -0
  78. package/components/index.d.ts +2 -0
  79. package/components/index.js +2 -0
  80. package/components/index.js.map +1 -1
  81. package/configuration.js +2 -1
  82. package/configuration.js.map +1 -1
  83. package/demo/data/bar.d.ts +174 -0
  84. package/demo/data/bar.js +188 -2
  85. package/demo/data/bar.js.map +1 -1
  86. package/demo/data/bubble.d.ts +41 -0
  87. package/demo/data/bubble.js +43 -0
  88. package/demo/data/bubble.js.map +1 -1
  89. package/demo/data/bundle.js +1 -1
  90. package/demo/data/donut.d.ts +23 -0
  91. package/demo/data/donut.js +25 -0
  92. package/demo/data/donut.js.map +1 -1
  93. package/demo/data/index.js +177 -0
  94. package/demo/data/index.js.map +1 -1
  95. package/demo/data/line.d.ts +70 -0
  96. package/demo/data/line.js +73 -0
  97. package/demo/data/line.js.map +1 -1
  98. package/demo/data/pie.d.ts +13 -0
  99. package/demo/data/pie.js +15 -0
  100. package/demo/data/pie.js.map +1 -1
  101. package/demo/data/scatter.d.ts +31 -0
  102. package/demo/data/scatter.js +33 -0
  103. package/demo/data/scatter.js.map +1 -1
  104. package/demo/data/step.d.ts +4 -0
  105. package/demo/data/step.js +15 -0
  106. package/demo/data/step.js.map +1 -1
  107. package/demo/data/time-series-axis.d.ts +55 -3
  108. package/demo/data/time-series-axis.js +61 -3
  109. package/demo/data/time-series-axis.js.map +1 -1
  110. package/demo/styles.css +292 -0
  111. package/demo/styles.css.map +1 -1
  112. package/demo/styles.min.css +1 -1
  113. package/demo/styles.min.css.map +1 -1
  114. package/demo/tsconfig.tsbuildinfo +248 -245
  115. package/interfaces/axis-scales.d.ts +11 -0
  116. package/interfaces/axis-scales.js.map +1 -1
  117. package/interfaces/charts.d.ts +4 -0
  118. package/interfaces/charts.js.map +1 -1
  119. package/interfaces/components.d.ts +21 -0
  120. package/interfaces/components.js.map +1 -1
  121. package/interfaces/enums.d.ts +9 -0
  122. package/interfaces/enums.js +10 -0
  123. package/interfaces/enums.js.map +1 -1
  124. package/interfaces/events.d.ts +7 -0
  125. package/interfaces/events.js +8 -0
  126. package/interfaces/events.js.map +1 -1
  127. package/model.d.ts +1 -0
  128. package/model.js +3 -0
  129. package/model.js.map +1 -1
  130. package/package.json +1 -1
  131. package/services/scales-cartesian.d.ts +9 -1
  132. package/services/scales-cartesian.js +33 -0
  133. package/services/scales-cartesian.js.map +1 -1
  134. package/services/time-series.js +8 -7
  135. package/services/time-series.js.map +1 -1
  136. package/styles/components/_skeleton.scss +57 -0
  137. package/styles/components/_threshold.scss +49 -0
  138. package/styles/components/index.scss +2 -0
  139. package/styles/graphs/_scatter.scss +4 -0
  140. package/styles-g10.css +76 -0
  141. package/styles-g10.css.map +1 -1
  142. package/styles-g10.min.css +1 -1
  143. package/styles-g10.min.css.map +1 -1
  144. package/styles-g100.css +76 -0
  145. package/styles-g100.css.map +1 -1
  146. package/styles-g100.min.css +1 -1
  147. package/styles-g100.min.css.map +1 -1
  148. package/styles-g90.css +76 -0
  149. package/styles-g90.css.map +1 -1
  150. package/styles-g90.min.css +1 -1
  151. package/styles-g90.min.css.map +1 -1
  152. package/styles.css +76 -0
  153. package/styles.css.map +1 -1
  154. package/styles.min.css +1 -1
  155. package/styles.min.css.map +1 -1
  156. package/tools.js +6 -0
  157. package/tools.js.map +1 -1
  158. package/tsconfig.tsbuildinfo +145 -82
@@ -1 +1 @@
1
- {"version":3,"file":"time-series.js","sourceRoot":"","sources":["time-series.ts"],"names":[],"mappings":"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","sourcesContent":["import { format } from \"date-fns\";\nimport { TimeScaleOptions } from \"../interfaces/axis-scales\";\nimport { Tools } from \"../tools\";\n\n// D3 Imports\nimport { min } from \"d3-array\";\n\nexport const TIME_INTERVALS = [\n\t[\"15seconds\", 15 * 1000],\n\t[\"minute\", 60 * 1000],\n\t[\"30minutes\", 30 * 60 * 1000],\n\t[\"hourly\", 60 * 60 * 1000],\n\t[\"daily\", 24 * 60 * 60 * 1000],\n\t[\"monthly\", 30 * 24 * 60 * 60 * 1000],\n\t[\"quarterly\", 3 * 30 * 24 * 60 * 60 * 1000],\n\t[\"yearly\", 12 * 30 * 24 * 60 * 60 * 1000]\n];\n\n// Return true if the tick is a primary tick, false otherwise\nexport function isTickPrimary(tick: number, i: number, interval: string, showDayName: boolean): boolean {\n\tconst isFirstTick = i === 0;\n\tconst hasANewWeekStarted = Number(format((new Date(tick)), \"c\")) === 2;\n\tconst isFirstQuarter = Number(format((new Date(tick)), \"q\")) === 1;\n\n\tswitch (interval) {\n\t\tcase \"15seconds\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"minute\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"30minutes\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"hourly\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"daily\":\n\t\t\tif (!showDayName) { // daily\n\t\t\t\treturn (isFirstTick || isMonthChanged(tick) || isYearChanged(tick));\n\t\t\t} else { // weekly\n\t\t\t\treturn (isFirstTick || hasANewWeekStarted || isYearChanged(tick));\n\t\t\t}\n\t\tcase \"monthly\":\n\t\t\treturn (isFirstTick || isYearChanged(tick));\n\t\tcase \"quarterly\":\n\t\t\treturn (isFirstTick || isFirstQuarter);\n\t\tcase \"yearly\":\n\t\t\treturn false;\n\t\tdefault:\n\t\t\tthrow new Error(`${interval} is not a valid time interval.`);\n\t}\n}\n\n// Return the formatted current tick\nexport function formatTick(tick: number, i: number, interval: string, timeScaleOptions: TimeScaleOptions): string {\n\tconst showDayName = timeScaleOptions.showDayName;\n\tconst intervalConsideringAlsoShowDayNameOption = interval === \"daily\" && showDayName ? \"weekly\" : interval;\n\tconst date = new Date(tick);\n\tconst formats = Tools.getProperty(timeScaleOptions, \"timeIntervalFormats\")[intervalConsideringAlsoShowDayNameOption];\n\tconst primary = Tools.getProperty(formats, \"primary\");\n\tconst secondary = Tools.getProperty(formats, \"secondary\");\n\tconst formatString = isTickPrimary(tick, i, interval, showDayName) ? primary : secondary;\n\tconst locale = timeScaleOptions.localeObject;\n\n\treturn format(date, formatString, { locale });\n}\n\n// Given a timestamp, return an object of useful time formats\n// Use Unicode date field symbol (https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)\nexport function getTimeformats(timestamp: number) {\n\tconst date = new Date(timestamp);\n\treturn {\n\t\tM: date.getMonth() + 1, // month: 1-12\n\t\td: date.getDate(), // day of the month: 1-31\n\t\tH: date.getHours(), // 24-hour clock: 0-23\n\t\tm: date.getMinutes(), // minute: 0-59\n\t\ts: date.getSeconds() // seconds: 0-59\n\t};\n}\n\n// Find the differences between consecutive numbers in an array\nfunction getConsecutiveDifferences(elements: number[]): number[] {\n\tif (!elements) {\n\t\treturn;\n\t}\n\treturn elements.slice(1).map((elem, i) => elem - elements[i]);\n}\n\n// Given a number, return the closest TIME_INTERVAL name\nfunction closestTimeIntervalName(ms: number): string {\n\tconst index = TIME_INTERVALS.reduce((acc, [key, value]: [string, number], i) => {\n\t\tconst previousSpan = Math.abs(acc - ms);\n\t\tconst currentSpan = Math.abs(value - ms);\n\t\treturn previousSpan < currentSpan ? acc : i;\n\t}, 0);\n\treturn TIME_INTERVALS[index][0] as string;\n}\n\n// Given an array of timestamps, return the interval name\n// between 15seconds, minute, 30minutes, hourly, daily, weekly, monthly, quarterly, yearly\nexport function computeTimeIntervalName(ticks: number[]): string {\n\t// special case: if the dataset has only one datum, we show the tick in the most detailed way possible\n\tif (ticks.length === 1) {\n\t\treturn \"15seconds\";\n\t}\n\tconst differences = getConsecutiveDifferences(ticks);\n\tconst minDifference = min(differences);\n\treturn closestTimeIntervalName(minDifference);\n}\n\n// Return true if the day of the month (D = 1-31) is changed, false otherwise\nfunction isDayOfMonthChanged(timestamp: number): boolean {\n\tconst { s, m, H } = getTimeformats(timestamp);\n\treturn H === 0 && m === 0 && s === 0;\n}\n\n// Return true if the month (M = 1-12) is changed, false otherwise\nfunction isMonthChanged(timestamp: number): boolean {\n\tconst { d, s, m, H } = getTimeformats(timestamp);\n\treturn d === 1 && H === 0 && m === 0 && s === 0;\n}\n\n// Return true if the year (YYYY) is changed, false otherwise\nfunction isYearChanged(timestamp: number): boolean {\n\tconst { M, d, s, m, H } = getTimeformats(timestamp);\n\treturn M === 1 && d === 1 && H === 0 && m === 0 && s === 0;\n}\n"]}
1
+ {"version":3,"file":"time-series.js","sourceRoot":"","sources":["time-series.ts"],"names":[],"mappings":"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","sourcesContent":["import { format } from \"date-fns\";\nimport { TimeScaleOptions } from \"../interfaces/axis-scales\";\nimport { Tools } from \"../tools\";\n\n// D3 Imports\nimport { min } from \"d3-array\";\n\nexport const TIME_INTERVALS = [\n\t[\"15seconds\", 15 * 1000],\n\t[\"minute\", 60 * 1000],\n\t[\"30minutes\", 30 * 60 * 1000],\n\t[\"hourly\", 60 * 60 * 1000],\n\t[\"daily\", 24 * 60 * 60 * 1000],\n\t[\"monthly\", 30 * 24 * 60 * 60 * 1000],\n\t[\"quarterly\", 3 * 30 * 24 * 60 * 60 * 1000],\n\t[\"yearly\", 12 * 30 * 24 * 60 * 60 * 1000]\n];\n\n// Return true if the tick is a primary tick, false otherwise\nexport function isTickPrimary(tick: number, i: number, interval: string, showDayName: boolean): boolean {\n\tconst isFirstTick = i === 0;\n\tconst hasANewWeekStarted = Number(format((new Date(tick)), \"c\")) === 2;\n\tconst isFirstQuarter = Number(format((new Date(tick)), \"q\")) === 1;\n\n\tswitch (interval) {\n\t\tcase \"15seconds\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"minute\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"30minutes\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"hourly\":\n\t\t\treturn (isFirstTick || isDayOfMonthChanged(tick) || isMonthChanged(tick) || isYearChanged(tick));\n\t\tcase \"daily\":\n\t\t\tif (!showDayName) { // daily\n\t\t\t\treturn (isFirstTick || isMonthChanged(tick) || isYearChanged(tick));\n\t\t\t} else { // weekly\n\t\t\t\treturn (isFirstTick || hasANewWeekStarted || isYearChanged(tick));\n\t\t\t}\n\t\tcase \"monthly\":\n\t\t\treturn (isFirstTick || isYearChanged(tick));\n\t\tcase \"quarterly\":\n\t\t\treturn (isFirstTick || isFirstQuarter);\n\t\tcase \"yearly\":\n\t\t\treturn false;\n\t\tdefault:\n\t\t\tthrow new Error(`${interval} is not a valid time interval.`);\n\t}\n}\n\n// Return the formatted current tick\nexport function formatTick(tick: number, i: number, interval: string, timeScaleOptions: TimeScaleOptions): string {\n\tconst showDayName = timeScaleOptions.showDayName;\n\tconst intervalConsideringAlsoShowDayNameOption = interval === \"daily\" && showDayName ? \"weekly\" : interval;\n\tconst date = new Date(tick);\n\tconst formats = Tools.getProperty(timeScaleOptions, \"timeIntervalFormats\")[intervalConsideringAlsoShowDayNameOption];\n\tconst primary = Tools.getProperty(formats, \"primary\");\n\tconst secondary = Tools.getProperty(formats, \"secondary\");\n\tconst formatString = isTickPrimary(tick, i, interval, showDayName) ? primary : secondary;\n\tconst locale = timeScaleOptions.localeObject;\n\n\treturn format(date, formatString, { locale });\n}\n\n// Given a timestamp, return an object of useful time formats\n// Use Unicode date field symbol (https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table)\nexport function getTimeformats(timestamp: number) {\n\tconst date = new Date(timestamp);\n\treturn {\n\t\tM: date.getMonth() + 1, // month: 1-12\n\t\td: date.getDate(), // day of the month: 1-31\n\t\tH: date.getHours(), // 24-hour clock: 0-23\n\t\tm: date.getMinutes(), // minute: 0-59\n\t\ts: date.getSeconds() // seconds: 0-59\n\t};\n}\n\n// Find the differences between consecutive numbers in an array\nfunction getConsecutiveDifferences(elements: number[]): number[] {\n\tif (!elements) {\n\t\treturn;\n\t}\n\treturn elements.slice(1).map((elem, i) => elem - elements[i]);\n}\n\n// Given a duration in ms, return the closest TIME_INTERVAL name\nfunction closestTimeIntervalName(duration: number): string {\n\tconst index = TIME_INTERVALS.reduce((nearestIndex, [intervalName, delta]: [string, number], i) => {\n\t\tconst deltaNearest = TIME_INTERVALS[nearestIndex][1] as number;\n\t\tconst oldNearestSpan = Math.abs(deltaNearest - duration);\n\t\tconst currentSpan = Math.abs(delta - duration);\n\t\treturn oldNearestSpan < currentSpan ? nearestIndex : i;\n\t}, 0);\n\treturn TIME_INTERVALS[index][0] as string;\n}\n\n// Given an array of timestamps, return the interval name\n// between 15seconds, minute, 30minutes, hourly, daily, weekly, monthly, quarterly, yearly\nexport function computeTimeIntervalName(ticks: number[]): string {\n\t// special case: if the dataset has only one datum, we show the tick in the most detailed way possible\n\tif (ticks.length === 1) {\n\t\treturn \"15seconds\";\n\t}\n\tconst differences = getConsecutiveDifferences(ticks);\n\tconst minDifference = min(differences);\n\treturn closestTimeIntervalName(minDifference);\n}\n\n// Return true if the day of the month (D = 1-31) is changed, false otherwise\nfunction isDayOfMonthChanged(timestamp: number): boolean {\n\tconst { s, m, H } = getTimeformats(timestamp);\n\treturn H === 0 && m === 0 && s === 0;\n}\n\n// Return true if the month (M = 1-12) is changed, false otherwise\nfunction isMonthChanged(timestamp: number): boolean {\n\tconst { d, s, m, H } = getTimeformats(timestamp);\n\treturn d === 1 && H === 0 && m === 0 && s === 0;\n}\n\n// Return true if the year (YYYY) is changed, false otherwise\nfunction isYearChanged(timestamp: number): boolean {\n\tconst { M, d, s, m, H } = getTimeformats(timestamp);\n\treturn M === 1 && d === 1 && H === 0 && m === 0 && s === 0;\n}\n"]}
@@ -0,0 +1,57 @@
1
+ $lines-bg-color: $ui-03;
2
+ $lines-shimmer-color: $carbon--white-0;
3
+ $areas-bg-color: rgba(127, 127, 127, 0.1);
4
+ $areas-shimmer-color: rgba($carbon--white-0, 0.15);
5
+
6
+ .#{$prefix}--#{$charts-prefix}--skeleton {
7
+ // lines
8
+ rect.chart-skeleton-backdrop {
9
+ @if $carbon--theme == $carbon--theme--g10 {
10
+ fill: $ui-01;
11
+ } @else if $carbon--theme == $carbon--theme--g90 {
12
+ fill: $carbon--gray-100;
13
+ } @else {
14
+ fill: $ui-background;
15
+ }
16
+ }
17
+
18
+ .shimmer-effect-lines {
19
+ stroke-width: 1px;
20
+ stroke: url(#shimmer-lines);
21
+ }
22
+
23
+ .empty-state-lines {
24
+ stroke-width: 1px;
25
+ stroke: $lines-bg-color;
26
+ }
27
+
28
+ #shimmer-lines {
29
+ .stop-bg-shimmer {
30
+ stop-color: $lines-bg-color;
31
+ }
32
+
33
+ .stop-shimmer {
34
+ stop-color: $lines-shimmer-color;
35
+ }
36
+ }
37
+
38
+ // areas
39
+ .shimmer-effect-areas {
40
+ fill: url(#shimmer-areas);
41
+ }
42
+
43
+ .empty-state-areas {
44
+ fill: $areas-bg-color;
45
+ }
46
+
47
+ #shimmer-areas {
48
+ .stop-bg-shimmer {
49
+ stop-color: $areas-bg-color;
50
+ }
51
+
52
+ .stop-shimmer {
53
+ stop-color: $areas-shimmer-color;
54
+ }
55
+ }
56
+ }
57
+
@@ -0,0 +1,49 @@
1
+ .#{$prefix}--#{$charts-prefix}--threshold {
2
+ line.threshold-line {
3
+ stroke: $red-50;
4
+ stroke-width: 1;
5
+ stroke-dasharray: 4;
6
+ cursor: pointer;
7
+ pointer-events: none;
8
+ }
9
+
10
+ &.active line.threshold-line {
11
+ stroke-width: 2;
12
+ }
13
+
14
+ rect.threshold-hoverable-area {
15
+ height: 20px;
16
+ transform: translate(0, -10px);
17
+ cursor: pointer;
18
+ fill: transparent;
19
+
20
+ &.rotate {
21
+ transform: rotate(90deg) translate(0, -10px);
22
+ }
23
+ }
24
+ }
25
+
26
+ .#{$prefix}--#{$charts-prefix}--threshold--label {
27
+ background-color: $red-50;
28
+ pointer-events: none;
29
+ transition: opacity .1s;
30
+ @include carbon--motion(standard, expressive);
31
+ display: inline;
32
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
33
+ position: absolute;
34
+ word-wrap: break-word;
35
+ z-index: 1059;
36
+ font-family: carbon--font-family("sans-condensed");
37
+
38
+ color: $text-01;
39
+ line-height: 16px;
40
+ font-size: 12px;
41
+ padding: 4px;
42
+ min-width: 20px;
43
+
44
+ &.hidden {
45
+ opacity: 0;
46
+ transition: opacity .1s;
47
+ @include carbon--motion(standard, expressive);
48
+ }
49
+ }
@@ -2,8 +2,10 @@
2
2
  @import "./callouts";
3
3
  @import "./grid";
4
4
  @import "./ruler";
5
+ @import "./skeleton";
5
6
  @import "./zero-line";
6
7
  @import "./layout";
7
8
  @import "./legend";
8
9
  @import "./title";
9
10
  @import "./tooltip";
11
+ @import "./threshold";
@@ -12,6 +12,10 @@ g.#{$prefix}--#{$charts-prefix}--scatter {
12
12
  stroke-width: 1.5;
13
13
  }
14
14
 
15
+ circle.dot.threshold-anomaly {
16
+ stroke-width: 3;
17
+ }
18
+
15
19
  g.lines path.line {
16
20
  mix-blend-mode: multiply;
17
21
  }
package/styles-g10.css CHANGED
@@ -40,6 +40,36 @@
40
40
  text-anchor: middle;
41
41
  }
42
42
 
43
+ .bx--cc--skeleton rect.chart-skeleton-backdrop {
44
+ fill: #f3f3f3;
45
+ }
46
+ .bx--cc--skeleton .shimmer-effect-lines {
47
+ stroke-width: 1px;
48
+ stroke: url(#shimmer-lines);
49
+ }
50
+ .bx--cc--skeleton .empty-state-lines {
51
+ stroke-width: 1px;
52
+ stroke: #dcdcdc;
53
+ }
54
+ .bx--cc--skeleton #shimmer-lines .stop-bg-shimmer {
55
+ stop-color: #dcdcdc;
56
+ }
57
+ .bx--cc--skeleton #shimmer-lines .stop-shimmer {
58
+ stop-color: #ffffff;
59
+ }
60
+ .bx--cc--skeleton .shimmer-effect-areas {
61
+ fill: url(#shimmer-areas);
62
+ }
63
+ .bx--cc--skeleton .empty-state-areas {
64
+ fill: rgba(127, 127, 127, 0.1);
65
+ }
66
+ .bx--cc--skeleton #shimmer-areas .stop-bg-shimmer {
67
+ stop-color: rgba(127, 127, 127, 0.1);
68
+ }
69
+ .bx--cc--skeleton #shimmer-areas .stop-shimmer {
70
+ stop-color: rgba(255, 255, 255, 0.15);
71
+ }
72
+
43
73
  .bx--cc--zero-line line.domain {
44
74
  stroke: #8c8c8c;
45
75
  }
@@ -167,6 +197,49 @@ g.bx--cc--legend.clickable g.legend-item:hover {
167
197
  margin-left: 4px;
168
198
  }
169
199
 
200
+ .bx--cc--threshold line.threshold-line {
201
+ stroke: #fa4d56;
202
+ stroke-width: 1;
203
+ stroke-dasharray: 4;
204
+ cursor: pointer;
205
+ pointer-events: none;
206
+ }
207
+ .bx--cc--threshold.active line.threshold-line {
208
+ stroke-width: 2;
209
+ }
210
+ .bx--cc--threshold rect.threshold-hoverable-area {
211
+ height: 20px;
212
+ transform: translate(0, -10px);
213
+ cursor: pointer;
214
+ fill: transparent;
215
+ }
216
+ .bx--cc--threshold rect.threshold-hoverable-area.rotate {
217
+ transform: rotate(90deg) translate(0, -10px);
218
+ }
219
+
220
+ .bx--cc--threshold--label {
221
+ background-color: #fa4d56;
222
+ pointer-events: none;
223
+ transition: opacity 0.1s;
224
+ transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
225
+ display: inline;
226
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
227
+ position: absolute;
228
+ word-wrap: break-word;
229
+ z-index: 1059;
230
+ font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
231
+ color: #171717;
232
+ line-height: 16px;
233
+ font-size: 12px;
234
+ padding: 4px;
235
+ min-width: 20px;
236
+ }
237
+ .bx--cc--threshold--label.hidden {
238
+ opacity: 0;
239
+ transition: opacity 0.1s;
240
+ transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
241
+ }
242
+
170
243
  g.bx--cc--bubble circle.dot.hovered {
171
244
  fill-opacity: 1;
172
245
  transition: all 0.1s;
@@ -194,6 +267,9 @@ g.bx--cc--scatter circle.dot.unfilled {
194
267
  fill: #ffffff;
195
268
  stroke-width: 1.5;
196
269
  }
270
+ g.bx--cc--scatter circle.dot.threshold-anomaly {
271
+ stroke-width: 3;
272
+ }
197
273
  g.bx--cc--scatter g.lines path.line {
198
274
  mix-blend-mode: multiply;
199
275
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC;EACC,MCqCU;EDpCV;;AAGD;EACC;;AAGD;EACC,QCyBQ;;ACxCV;EACC,QD0CW;;;AE1CX;EAME,MF6Be;EE3BhB,QF8BQ;;AEzBR;AAAA;EACC;EACA;EACA,QFsBO;;AEnBR;AAAA;EACC;EACA,QF0CO;;;AG/DT;EAME,QCkRmB;ED/QpB;EACA;EACA;;AAGD;EACC,MC+WkB;ED9WlB;EACA;;;AElBF;EACC,QLuCS;;;AMxCV;EACC;;;ACDD;EACC;;AAGC;EACC;EACA;;AAEA;EACC,QPkCQ;EOjCR,MP0Bc;;AOvBf;EACC;;AAIF;EACC;EACA,QH2QiB;EG1QjB;;AAGD;EACC,MPWe;EOVf,QPUe;;AOPhB;EACC;EACA,MPYS;;AORX;EACC;;;AClCF;EACC,MRuCW;EQtCX;EACA;EACA;;;ACDD;EACC,kBTgCS;ES/BT;EACA;EC4CC;ED1CD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;ECiCA;;AD7BD;EACC,OTkBU;;AShBV;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAKH;EACC;;AACA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EAME;;AAOL;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;;AEhGF;EACC;EACA;ED+CA;;AC3CD;EACC,MX2BQ;;AWxBT;EACC;;;ACdF;EACC;EACA;EACA;;;ACAA;EACC;EACA;EH+CA;;AG3CD;EACC,Mb2BQ;Ea1BR;;AAGD;EACC;;;ACbD;EACC;;AAGD;AAAA;EAEC;EACA,Qd8BQ;;Ac3BT;EAME,QVuQmB;;;AWrRtB;EACC;;AAEA;EACC;EACA;EACA,MfiCU;;;AgB3CZ;EACC;EACA;EACA;EACA;EACA,kBhB+BiB;;;AiBjBlB;EACC","file":"styles-g10.css"}
1
+ {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_skeleton.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/components/_threshold.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC;EACC,MCqCU;EDpCV;;AAGD;EACC;;AAGD;EACC,QCyBQ;;ACxCV;EACC,QD0CW;;;AE1CX;EAME,MF6Be;EE3BhB,QF8BQ;;AEzBR;AAAA;EACC;EACA;EACA,QFsBO;;AEnBR;AAAA;EACC;EACA,QF0CO;;;AG/DT;EAME,QCkRmB;ED/QpB;EACA;EACA;;AAGD;EACC,MC+WkB;ED9WlB;EACA;;;AEXD;EAME,MLuBe;;AKnBjB;EACC;EACA;;AAGD;EACC;EACA,QLeQ;;AKXR;EACC,YLUO;;AKPR;EACC,YD8ViB;;ACzVnB;EACC;;AAGD;EACC,MAzCe;;AA6Cf;EACC,YA9Cc;;AAiDf;EACC,YAjDmB;;;ACHtB;EACC,QNuCS;;;AOxCV;EACC;;;ACDD;EACC;;AAGC;EACC;EACA;;AAEA;EACC,QRkCQ;EQjCR,MR0Bc;;AQvBf;EACC;;AAIF;EACC;EACA,QJ2QiB;EI1QjB;;AAGD;EACC,MRWe;EQVf,QRUe;;AQPhB;EACC;EACA,MRYS;;AQRX;EACC;;;AClCF;EACC,MTuCW;EStCX;EACA;EACA;;;ACDD;EACC,kBVgCS;EU/BT;EACA;EC4CC;ED1CD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;ECiCA;;AD7BD;EACC,OVkBU;;AUhBV;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAKH;EACC;;AACA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EAME;;AAOL;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;;AElGF;EACC,QR4cS;EQ3cT;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAKH;EACC,kBRobU;EQnbV;EACA;EDwBC;ECtBD;EACA;EACA;EACA;EACA;EACA;EAEA,OZKW;EYJX;EACA;EACA;EACA;;AAEA;EACC;EACA;EDOA;;;AEjDD;EACC;EACA;EF+CA;;AE3CD;EACC,Mb2BQ;;AaxBT;EACC;;;ACdF;EACC;EACA;EACA;;;ACAA;EACC;EACA;EJ+CA;;AI3CD;EACC,Mf2BQ;Ee1BR;;AAGD;EACC;;AAGD;EACC;;;ACjBD;EACC;;AAGD;AAAA;EAEC;EACA,QhB8BQ;;AgB3BT;EAME,QZuQmB;;;AarRtB;EACC;;AAEA;EACC;EACA;EACA,MjBiCU;;;AkB3CZ;EACC;EACA;EACA;EACA;EACA,kBlB+BiB;;;AmBjBlB;EACC","file":"styles-g10.css"}
@@ -1 +1 @@
1
- .bx--cc--axes g.axis g.tick text{fill:#565656;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--axes g.axis g.tick line{display:none}.bx--cc--axes g.axis path.domain{stroke:#8c8c8c}.bx--cc--chart-svg g.callouts{stroke:#565656}.bx--cc--grid rect.chart-grid-backdrop{fill:#f3f3f3;stroke:#dcdcdc}.bx--cc--grid g.x.grid g.tick line,.bx--cc--grid g.y.grid g.tick line{pointer-events:none;stroke-width:1px;stroke:#dcdcdc}.bx--cc--grid g.x.grid g.tick.active line,.bx--cc--grid g.y.grid g.tick.active line{stroke-dasharray:2px;stroke:#0062ff}.bx--cc--ruler line.ruler-line{stroke:#000;stroke-width:1px;stroke-dasharray:2;pointer-events:none}.bx--cc--ruler text.axis-tooltip-text{fill:#fff;dominant-baseline:middle;text-anchor:middle}.bx--cc--zero-line line.domain{stroke:#8c8c8c}.bx--cc--chart-svg svg.layout-child{overflow:visible}g.bx--cc--legend{user-select:none}g.bx--cc--legend g.legend-item rect.checkbox{stroke-width:1px;stroke-opacity:1}g.bx--cc--legend g.legend-item rect.checkbox:not(.active){stroke:#565656;fill:#f3f3f3}g.bx--cc--legend g.legend-item rect.checkbox:not(.active)~g.check{display:none}g.bx--cc--legend g.legend-item rect.hover-stroke{fill:none;stroke:#0f62fe;stroke-width:2}g.bx--cc--legend g.legend-item g.check>svg path{fill:#f3f3f3;stroke:#f3f3f3}g.bx--cc--legend g.legend-item text{font-size:12px;fill:#565656}g.bx--cc--legend.clickable g.legend-item:hover{cursor:pointer}.bx--cc--title text.title{fill:#171717;font-size:16px;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:600}.bx--cc--tooltip{background-color:#f3f3f3;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--tooltip.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--cc--tooltip .content-box{color:#171717}.bx--cc--tooltip .content-box .title-tooltip{line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--tooltip .content-box .datapoint-tooltip,.bx--cc--tooltip .content-box .total-val{display:flex;padding:4px;flex-flow:row nowrap;width:auto;min-width:20px;justify-content:flex-start;align-items:center}.bx--cc--tooltip .content-box .datapoint-tooltip p,.bx--cc--tooltip .content-box .total-val p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;font-size:12px;display:inline-block;margin:0;padding:0;border:0}.bx--cc--tooltip .content-box .datapoint-tooltip p.label,.bx--cc--tooltip .content-box .total-val p.label{flex:1;margin-right:8px}.bx--cc--tooltip .content-box .datapoint-tooltip p.value,.bx--cc--tooltip .content-box .total-val p.value{width:auto}.bx--cc--tooltip .content-box .total-val{font-weight:600}.bx--cc--tooltip .content-box .total-val .label{margin-left:4px}.bx--cc--tooltip .content-box ul.multi-tooltip{margin:0;padding:0}.bx--cc--tooltip .content-box ul.multi-tooltip li{list-style:none;position:relative}.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child){border-bottom:1px solid #dcdcdc}.bx--cc--tooltip .tooltip-color{position:absolute;left:0;top:0;width:4px;height:100%}.bx--cc--tooltip .tooltip-color+p.label{margin-left:4px}g.bx--cc--bubble circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.unfilled{fill:#fff}g.bx--cc--bubble g.lines path.line{mix-blend-mode:multiply}.bx--cc--line path.line{pointer-events:none;fill:none;stroke-width:1.5}g.bx--cc--scatter circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--scatter circle.dot.unfilled{fill:#fff;stroke-width:1.5}g.bx--cc--scatter g.lines path.line{mix-blend-mode:multiply}.bx--cc--radar .blobs path{stroke-width:1.5px}.bx--cc--radar .y-axes path,.bx--cc--radar .x-axes line{stroke-width:1px;stroke:#dcdcdc}.bx--cc--radar .x-axes line.hovered{stroke:#000}svg.bx--cc--chart-svg{font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}svg.bx--cc--chart-svg text{font-size:12px;font-weight:400;fill:#565656}.bx--chart-holder{position:relative;display:block;width:100%;height:100%;background-color:#f3f3f3}svg.bx--cc--chart-svg{overflow:visible}/*# sourceMappingURL=styles-g10.min.css.map */
1
+ .bx--cc--axes g.axis g.tick text{fill:#565656;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--axes g.axis g.tick line{display:none}.bx--cc--axes g.axis path.domain{stroke:#8c8c8c}.bx--cc--chart-svg g.callouts{stroke:#565656}.bx--cc--grid rect.chart-grid-backdrop{fill:#f3f3f3;stroke:#dcdcdc}.bx--cc--grid g.x.grid g.tick line,.bx--cc--grid g.y.grid g.tick line{pointer-events:none;stroke-width:1px;stroke:#dcdcdc}.bx--cc--grid g.x.grid g.tick.active line,.bx--cc--grid g.y.grid g.tick.active line{stroke-dasharray:2px;stroke:#0062ff}.bx--cc--ruler line.ruler-line{stroke:#000;stroke-width:1px;stroke-dasharray:2;pointer-events:none}.bx--cc--ruler text.axis-tooltip-text{fill:#fff;dominant-baseline:middle;text-anchor:middle}.bx--cc--skeleton rect.chart-skeleton-backdrop{fill:#f3f3f3}.bx--cc--skeleton .shimmer-effect-lines{stroke-width:1px;stroke:url(#shimmer-lines)}.bx--cc--skeleton .empty-state-lines{stroke-width:1px;stroke:#dcdcdc}.bx--cc--skeleton #shimmer-lines .stop-bg-shimmer{stop-color:#dcdcdc}.bx--cc--skeleton #shimmer-lines .stop-shimmer{stop-color:#fff}.bx--cc--skeleton .shimmer-effect-areas{fill:url(#shimmer-areas)}.bx--cc--skeleton .empty-state-areas{fill:rgba(127,127,127,.1)}.bx--cc--skeleton #shimmer-areas .stop-bg-shimmer{stop-color:rgba(127,127,127,.1)}.bx--cc--skeleton #shimmer-areas .stop-shimmer{stop-color:rgba(255,255,255,.15)}.bx--cc--zero-line line.domain{stroke:#8c8c8c}.bx--cc--chart-svg svg.layout-child{overflow:visible}g.bx--cc--legend{user-select:none}g.bx--cc--legend g.legend-item rect.checkbox{stroke-width:1px;stroke-opacity:1}g.bx--cc--legend g.legend-item rect.checkbox:not(.active){stroke:#565656;fill:#f3f3f3}g.bx--cc--legend g.legend-item rect.checkbox:not(.active)~g.check{display:none}g.bx--cc--legend g.legend-item rect.hover-stroke{fill:none;stroke:#0f62fe;stroke-width:2}g.bx--cc--legend g.legend-item g.check>svg path{fill:#f3f3f3;stroke:#f3f3f3}g.bx--cc--legend g.legend-item text{font-size:12px;fill:#565656}g.bx--cc--legend.clickable g.legend-item:hover{cursor:pointer}.bx--cc--title text.title{fill:#171717;font-size:16px;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:600}.bx--cc--tooltip{background-color:#f3f3f3;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--tooltip.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--cc--tooltip .content-box{color:#171717}.bx--cc--tooltip .content-box .title-tooltip{line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--tooltip .content-box .datapoint-tooltip,.bx--cc--tooltip .content-box .total-val{display:flex;padding:4px;flex-flow:row nowrap;width:auto;min-width:20px;justify-content:flex-start;align-items:center}.bx--cc--tooltip .content-box .datapoint-tooltip p,.bx--cc--tooltip .content-box .total-val p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;font-size:12px;display:inline-block;margin:0;padding:0;border:0}.bx--cc--tooltip .content-box .datapoint-tooltip p.label,.bx--cc--tooltip .content-box .total-val p.label{flex:1;margin-right:8px}.bx--cc--tooltip .content-box .datapoint-tooltip p.value,.bx--cc--tooltip .content-box .total-val p.value{width:auto}.bx--cc--tooltip .content-box .total-val{font-weight:600}.bx--cc--tooltip .content-box .total-val .label{margin-left:4px}.bx--cc--tooltip .content-box ul.multi-tooltip{margin:0;padding:0}.bx--cc--tooltip .content-box ul.multi-tooltip li{list-style:none;position:relative}.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child){border-bottom:1px solid #dcdcdc}.bx--cc--tooltip .tooltip-color{position:absolute;left:0;top:0;width:4px;height:100%}.bx--cc--tooltip .tooltip-color+p.label{margin-left:4px}.bx--cc--threshold line.threshold-line{stroke:#fa4d56;stroke-width:1;stroke-dasharray:4;cursor:pointer;pointer-events:none}.bx--cc--threshold.active line.threshold-line{stroke-width:2}.bx--cc--threshold rect.threshold-hoverable-area{height:20px;transform:translate(0, -10px);cursor:pointer;fill:transparent}.bx--cc--threshold rect.threshold-hoverable-area.rotate{transform:rotate(90deg) translate(0, -10px)}.bx--cc--threshold--label{background-color:#fa4d56;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;color:#171717;line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--threshold--label.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.unfilled{fill:#fff}g.bx--cc--bubble g.lines path.line{mix-blend-mode:multiply}.bx--cc--line path.line{pointer-events:none;fill:none;stroke-width:1.5}g.bx--cc--scatter circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--scatter circle.dot.unfilled{fill:#fff;stroke-width:1.5}g.bx--cc--scatter circle.dot.threshold-anomaly{stroke-width:3}g.bx--cc--scatter g.lines path.line{mix-blend-mode:multiply}.bx--cc--radar .blobs path{stroke-width:1.5px}.bx--cc--radar .y-axes path,.bx--cc--radar .x-axes line{stroke-width:1px;stroke:#dcdcdc}.bx--cc--radar .x-axes line.hovered{stroke:#000}svg.bx--cc--chart-svg{font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}svg.bx--cc--chart-svg text{font-size:12px;font-weight:400;fill:#565656}.bx--chart-holder{position:relative;display:block;width:100%;height:100%;background-color:#f3f3f3}svg.bx--cc--chart-svg{overflow:visible}/*# sourceMappingURL=styles-g10.min.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC,iCACC,KCqCU,QDpCV,2EAGD,iCACC,aAGD,iCACC,OCyBQ,QCxCV,8BACC,OD0CW,QE1CX,uCAME,KF6Be,QE3BhB,OF8BQ,QEzBR,sEACC,oBACA,iBACA,OFsBO,QEnBR,oFACC,qBACA,OF0CO,QG/DT,+BAME,OCkRmB,KD/QpB,iBACA,mBACA,oBAGD,sCACC,KC+WkB,KD9WlB,yBACA,mBElBF,+BACC,OLuCS,QMxCV,oCACC,iBCDD,iBACC,iBAGC,6CACC,iBACA,iBAEA,0DACC,OPkCQ,QOjCR,KP0Bc,QOvBf,kEACC,aAIF,iDACC,UACA,OH2QiB,QG1QjB,eAGD,gDACC,KPWe,QOVf,OPUe,QOPhB,oCACC,eACA,KPYS,QORX,+CACC,eClCF,0BACC,KRuCW,QQtCX,eACA,iEACA,gBCDD,iBACC,iBTgCS,QS/BT,oBACA,uBC4CC,2DD1CD,eACA,sCACA,kBACA,qBACA,aACA,2EAEA,wBACC,UACA,uBCiCA,2DD7BD,8BACC,MTkBU,QShBV,6CACC,iBACA,eACA,YACA,eAGD,0FACC,aACA,YACA,qBACA,WACA,eACA,2BACA,mBAEA,8FACC,mBACA,gBACA,uBACA,iBACA,eACA,qBACA,SACA,UACA,SAEA,0GACC,OACA,iBAGD,0GACC,WAKH,yCACC,gBACA,gDACC,gBAIF,+CACC,SACA,UAEA,kDACC,gBACA,kBAEA,mEAME,gCAOL,gCACC,kBACA,OACA,MACA,UACA,YACA,wCACC,gBEhGF,oCACC,eACA,mBD+CA,2DC3CD,qCACC,KX2BQ,KWxBT,mCACC,wBCdF,wBACC,oBACA,UACA,sDCCC,eACA,mBH+CA,2DG3CD,sCACC,Kb2BQ,Ka1BR,iBAGD,oCACC,wBCbD,2BACC,mBAGD,wDAEC,iBACA,Od8BQ,Qc3BT,oCAME,OVuQmB,KWrRtB,sBACC,2EAEA,2BACC,eACA,gBACA,KfiCU,QgB3CZ,kBACC,kBACA,cACA,WACA,YACA,iBhB+BiB,QiBjBlB,sBACC","file":"styles-g10.min.css"}
1
+ {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_skeleton.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/components/_threshold.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC,iCACC,KCqCU,QDpCV,2EAGD,iCACC,aAGD,iCACC,OCyBQ,QCxCV,8BACC,OD0CW,QE1CX,uCAME,KF6Be,QE3BhB,OF8BQ,QEzBR,sEACC,oBACA,iBACA,OFsBO,QEnBR,oFACC,qBACA,OF0CO,QG/DT,+BAME,OCkRmB,KD/QpB,iBACA,mBACA,oBAGD,sCACC,KC+WkB,KD9WlB,yBACA,mBEXD,+CAME,KLuBe,QKnBjB,wCACC,iBACA,2BAGD,qCACC,iBACA,OLeQ,QKXR,kDACC,WLUO,QKPR,+CACC,WD8ViB,KCzVnB,wCACC,yBAGD,qCACC,KAzCe,qBA6Cf,kDACC,WA9Cc,qBAiDf,+CACC,WAjDmB,sBCHtB,+BACC,ONuCS,QOxCV,oCACC,iBCDD,iBACC,iBAGC,6CACC,iBACA,iBAEA,0DACC,ORkCQ,QQjCR,KR0Bc,QQvBf,kEACC,aAIF,iDACC,UACA,OJ2QiB,QI1QjB,eAGD,gDACC,KRWe,QQVf,ORUe,QQPhB,oCACC,eACA,KRYS,QQRX,+CACC,eClCF,0BACC,KTuCW,QStCX,eACA,iEACA,gBCDD,iBACC,iBVgCS,QU/BT,oBACA,uBC4CC,2DD1CD,eACA,sCACA,kBACA,qBACA,aACA,2EAEA,wBACC,UACA,uBCiCA,2DD7BD,8BACC,MVkBU,QUhBV,6CACC,iBACA,eACA,YACA,eAGD,0FACC,aACA,YACA,qBACA,WACA,eACA,2BACA,mBAEA,8FACC,mBACA,gBACA,uBACA,iBACA,eACA,qBACA,SACA,UACA,SAEA,0GACC,OACA,iBAGD,0GACC,WAKH,yCACC,gBACA,gDACC,gBAIF,+CACC,SACA,UAEA,kDACC,gBACA,kBAEA,mEAME,gCAOL,gCACC,kBACA,OACA,MACA,UACA,YACA,wCACC,gBElGF,uCACC,OR4cS,QQ3cT,eACA,mBACA,eACA,oBAGD,8CACC,eAGD,iDACC,YACA,8BACA,eACA,iBAEA,wDACC,4CAKH,0BACC,iBRobU,QQnbV,oBACA,uBDwBC,2DCtBD,eACA,sCACA,kBACA,qBACA,aACA,2EAEA,MZKW,QYJX,iBACA,eACA,YACA,eAEA,iCACC,UACA,uBDOA,2DEjDD,oCACC,eACA,mBF+CA,2DE3CD,qCACC,Kb2BQ,KaxBT,mCACC,wBCdF,wBACC,oBACA,UACA,sDCCC,eACA,mBJ+CA,2DI3CD,sCACC,Kf2BQ,Ke1BR,iBAGD,+CACC,eAGD,oCACC,wBCjBD,2BACC,mBAGD,wDAEC,iBACA,OhB8BQ,QgB3BT,oCAME,OZuQmB,KarRtB,sBACC,2EAEA,2BACC,eACA,gBACA,KjBiCU,QkB3CZ,kBACC,kBACA,cACA,WACA,YACA,iBlB+BiB,QmBjBlB,sBACC","file":"styles-g10.min.css"}
package/styles-g100.css CHANGED
@@ -40,6 +40,36 @@
40
40
  text-anchor: middle;
41
41
  }
42
42
 
43
+ .bx--cc--skeleton rect.chart-skeleton-backdrop {
44
+ fill: #171717;
45
+ }
46
+ .bx--cc--skeleton .shimmer-effect-lines {
47
+ stroke-width: 1px;
48
+ stroke: url(#shimmer-lines);
49
+ }
50
+ .bx--cc--skeleton .empty-state-lines {
51
+ stroke-width: 1px;
52
+ stroke: #3d3d3d;
53
+ }
54
+ .bx--cc--skeleton #shimmer-lines .stop-bg-shimmer {
55
+ stop-color: #3d3d3d;
56
+ }
57
+ .bx--cc--skeleton #shimmer-lines .stop-shimmer {
58
+ stop-color: #ffffff;
59
+ }
60
+ .bx--cc--skeleton .shimmer-effect-areas {
61
+ fill: url(#shimmer-areas);
62
+ }
63
+ .bx--cc--skeleton .empty-state-areas {
64
+ fill: rgba(127, 127, 127, 0.1);
65
+ }
66
+ .bx--cc--skeleton #shimmer-areas .stop-bg-shimmer {
67
+ stop-color: rgba(127, 127, 127, 0.1);
68
+ }
69
+ .bx--cc--skeleton #shimmer-areas .stop-shimmer {
70
+ stop-color: rgba(255, 255, 255, 0.15);
71
+ }
72
+
43
73
  .bx--cc--zero-line line.domain {
44
74
  stroke: #6f6f6f;
45
75
  }
@@ -167,6 +197,49 @@ g.bx--cc--legend.clickable g.legend-item:hover {
167
197
  margin-left: 4px;
168
198
  }
169
199
 
200
+ .bx--cc--threshold line.threshold-line {
201
+ stroke: #fa4d56;
202
+ stroke-width: 1;
203
+ stroke-dasharray: 4;
204
+ cursor: pointer;
205
+ pointer-events: none;
206
+ }
207
+ .bx--cc--threshold.active line.threshold-line {
208
+ stroke-width: 2;
209
+ }
210
+ .bx--cc--threshold rect.threshold-hoverable-area {
211
+ height: 20px;
212
+ transform: translate(0, -10px);
213
+ cursor: pointer;
214
+ fill: transparent;
215
+ }
216
+ .bx--cc--threshold rect.threshold-hoverable-area.rotate {
217
+ transform: rotate(90deg) translate(0, -10px);
218
+ }
219
+
220
+ .bx--cc--threshold--label {
221
+ background-color: #fa4d56;
222
+ pointer-events: none;
223
+ transition: opacity 0.1s;
224
+ transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
225
+ display: inline;
226
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
227
+ position: absolute;
228
+ word-wrap: break-word;
229
+ z-index: 1059;
230
+ font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
231
+ color: #f3f3f3;
232
+ line-height: 16px;
233
+ font-size: 12px;
234
+ padding: 4px;
235
+ min-width: 20px;
236
+ }
237
+ .bx--cc--threshold--label.hidden {
238
+ opacity: 0;
239
+ transition: opacity 0.1s;
240
+ transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
241
+ }
242
+
170
243
  g.bx--cc--bubble circle.dot.hovered {
171
244
  fill-opacity: 1;
172
245
  transition: all 0.1s;
@@ -194,6 +267,9 @@ g.bx--cc--scatter circle.dot.unfilled {
194
267
  fill: #282828;
195
268
  stroke-width: 1.5;
196
269
  }
270
+ g.bx--cc--scatter circle.dot.threshold-anomaly {
271
+ stroke-width: 3;
272
+ }
197
273
  g.bx--cc--scatter g.lines path.line {
198
274
  mix-blend-mode: multiply;
199
275
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC;EACC,MCqCU;EDpCV;;AAGD;EACC;;AAGD;EACC,QCyBQ;;ACxCV;EACC,QD0CW;;;AE1CX;EAME,MF6Be;EE3BhB,QF8BQ;;AEzBR;AAAA;EACC;EACA;EACA,QFsBO;;AEnBR;AAAA;EACC;EACA,QF0CO;;;AG/DT;EAIE,QC0XiB;EDrXlB;EACA;EACA;;AAGD;EACC,MC+WkB;ED9WlB;EACA;;;AElBF;EACC,QLuCS;;;AMxCV;EACC;;;ACDD;EACC;;AAGC;EACC;EACA;;AAEA;EACC,QPkCQ;EOjCR,MP0Bc;;AOvBf;EACC;;AAIF;EACC;EACA,QH2QiB;EG1QjB;;AAGD;EACC,MPWe;EOVf,QPUe;;AOPhB;EACC;EACA,MPYS;;AORX;EACC;;;AClCF;EACC,MRuCW;EQtCX;EACA;EACA;;;ACDD;EACC,kBTgCS;ES/BT;EACA;EC4CC;ED1CD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;ECiCA;;AD7BD;EACC,OTkBU;;AShBV;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAKH;EACC;;AACA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EAME;;AAOL;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;;AEhGF;EACC;EACA;ED+CA;;AC3CD;EACC,MX2BQ;;AWxBT;EACC;;;ACdF;EACC;EACA;EACA;;;ACAA;EACC;EACA;EH+CA;;AG3CD;EACC,Mb2BQ;Ea1BR;;AAGD;EACC;;;ACbD;EACC;;AAGD;AAAA;EAEC;EACA,Qd8BQ;;Ac3BT;EAIE,QV+WiB;;;AW3XpB;EACC;;AAEA;EACC;EACA;EACA,MfiCU;;;AgB3CZ;EACC;EACA;EACA;EACA;EACA,kBhB+BiB;;;AiBjBlB;EACC","file":"styles-g100.css"}
1
+ {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_skeleton.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/components/_threshold.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC;EACC,MCqCU;EDpCV;;AAGD;EACC;;AAGD;EACC,QCyBQ;;ACxCV;EACC,QD0CW;;;AE1CX;EAME,MF6Be;EE3BhB,QF8BQ;;AEzBR;AAAA;EACC;EACA;EACA,QFsBO;;AEnBR;AAAA;EACC;EACA,QF0CO;;;AG/DT;EAIE,QC0XiB;EDrXlB;EACA;EACA;;AAGD;EACC,MC+WkB;ED9WlB;EACA;;;AEXD;EAME,MLuBe;;AKnBjB;EACC;EACA;;AAGD;EACC;EACA,QLeQ;;AKXR;EACC,YLUO;;AKPR;EACC,YD8ViB;;ACzVnB;EACC;;AAGD;EACC,MAzCe;;AA6Cf;EACC,YA9Cc;;AAiDf;EACC,YAjDmB;;;ACHtB;EACC,QNuCS;;;AOxCV;EACC;;;ACDD;EACC;;AAGC;EACC;EACA;;AAEA;EACC,QRkCQ;EQjCR,MR0Bc;;AQvBf;EACC;;AAIF;EACC;EACA,QJ2QiB;EI1QjB;;AAGD;EACC,MRWe;EQVf,QRUe;;AQPhB;EACC;EACA,MRYS;;AQRX;EACC;;;AClCF;EACC,MTuCW;EStCX;EACA;EACA;;;ACDD;EACC,kBVgCS;EU/BT;EACA;EC4CC;ED1CD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;ECiCA;;AD7BD;EACC,OVkBU;;AUhBV;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAKH;EACC;;AACA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EAME;;AAOL;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;;AElGF;EACC,QR4cS;EQ3cT;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAKH;EACC,kBRobU;EQnbV;EACA;EDwBC;ECtBD;EACA;EACA;EACA;EACA;EACA;EAEA,OZKW;EYJX;EACA;EACA;EACA;;AAEA;EACC;EACA;EDOA;;;AEjDD;EACC;EACA;EF+CA;;AE3CD;EACC,Mb2BQ;;AaxBT;EACC;;;ACdF;EACC;EACA;EACA;;;ACAA;EACC;EACA;EJ+CA;;AI3CD;EACC,Mf2BQ;Ee1BR;;AAGD;EACC;;AAGD;EACC;;;ACjBD;EACC;;AAGD;AAAA;EAEC;EACA,QhB8BQ;;AgB3BT;EAIE,QZ+WiB;;;Aa3XpB;EACC;;AAEA;EACC;EACA;EACA,MjBiCU;;;AkB3CZ;EACC;EACA;EACA;EACA;EACA,kBlB+BiB;;;AmBjBlB;EACC","file":"styles-g100.css"}
@@ -1 +1 @@
1
- .bx--cc--axes g.axis g.tick text{fill:#bebebe;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--axes g.axis g.tick line{display:none}.bx--cc--axes g.axis path.domain{stroke:#6f6f6f}.bx--cc--chart-svg g.callouts{stroke:#bebebe}.bx--cc--grid rect.chart-grid-backdrop{fill:#171717;stroke:#3d3d3d}.bx--cc--grid g.x.grid g.tick line,.bx--cc--grid g.y.grid g.tick line{pointer-events:none;stroke-width:1px;stroke:#3d3d3d}.bx--cc--grid g.x.grid g.tick.active line,.bx--cc--grid g.y.grid g.tick.active line{stroke-dasharray:2px;stroke:#fff}.bx--cc--ruler line.ruler-line{stroke:#fff;stroke-width:1px;stroke-dasharray:2;pointer-events:none}.bx--cc--ruler text.axis-tooltip-text{fill:#fff;dominant-baseline:middle;text-anchor:middle}.bx--cc--zero-line line.domain{stroke:#6f6f6f}.bx--cc--chart-svg svg.layout-child{overflow:visible}g.bx--cc--legend{user-select:none}g.bx--cc--legend g.legend-item rect.checkbox{stroke-width:1px;stroke-opacity:1}g.bx--cc--legend g.legend-item rect.checkbox:not(.active){stroke:#bebebe;fill:#171717}g.bx--cc--legend g.legend-item rect.checkbox:not(.active)~g.check{display:none}g.bx--cc--legend g.legend-item rect.hover-stroke{fill:none;stroke:#0f62fe;stroke-width:2}g.bx--cc--legend g.legend-item g.check>svg path{fill:#171717;stroke:#171717}g.bx--cc--legend g.legend-item text{font-size:12px;fill:#bebebe}g.bx--cc--legend.clickable g.legend-item:hover{cursor:pointer}.bx--cc--title text.title{fill:#f3f3f3;font-size:16px;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:600}.bx--cc--tooltip{background-color:#3d3d3d;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--tooltip.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--cc--tooltip .content-box{color:#f3f3f3}.bx--cc--tooltip .content-box .title-tooltip{line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--tooltip .content-box .datapoint-tooltip,.bx--cc--tooltip .content-box .total-val{display:flex;padding:4px;flex-flow:row nowrap;width:auto;min-width:20px;justify-content:flex-start;align-items:center}.bx--cc--tooltip .content-box .datapoint-tooltip p,.bx--cc--tooltip .content-box .total-val p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;font-size:12px;display:inline-block;margin:0;padding:0;border:0}.bx--cc--tooltip .content-box .datapoint-tooltip p.label,.bx--cc--tooltip .content-box .total-val p.label{flex:1;margin-right:8px}.bx--cc--tooltip .content-box .datapoint-tooltip p.value,.bx--cc--tooltip .content-box .total-val p.value{width:auto}.bx--cc--tooltip .content-box .total-val{font-weight:600}.bx--cc--tooltip .content-box .total-val .label{margin-left:4px}.bx--cc--tooltip .content-box ul.multi-tooltip{margin:0;padding:0}.bx--cc--tooltip .content-box ul.multi-tooltip li{list-style:none;position:relative}.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child){border-bottom:1px solid #3d3d3d}.bx--cc--tooltip .tooltip-color{position:absolute;left:0;top:0;width:4px;height:100%}.bx--cc--tooltip .tooltip-color+p.label{margin-left:4px}g.bx--cc--bubble circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.unfilled{fill:#282828}g.bx--cc--bubble g.lines path.line{mix-blend-mode:multiply}.bx--cc--line path.line{pointer-events:none;fill:none;stroke-width:1.5}g.bx--cc--scatter circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--scatter circle.dot.unfilled{fill:#282828;stroke-width:1.5}g.bx--cc--scatter g.lines path.line{mix-blend-mode:multiply}.bx--cc--radar .blobs path{stroke-width:1.5px}.bx--cc--radar .y-axes path,.bx--cc--radar .x-axes line{stroke-width:1px;stroke:#3d3d3d}.bx--cc--radar .x-axes line.hovered{stroke:#fff}svg.bx--cc--chart-svg{font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}svg.bx--cc--chart-svg text{font-size:12px;font-weight:400;fill:#bebebe}.bx--chart-holder{position:relative;display:block;width:100%;height:100%;background-color:#171717}svg.bx--cc--chart-svg{overflow:visible}/*# sourceMappingURL=styles-g100.min.css.map */
1
+ .bx--cc--axes g.axis g.tick text{fill:#bebebe;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--axes g.axis g.tick line{display:none}.bx--cc--axes g.axis path.domain{stroke:#6f6f6f}.bx--cc--chart-svg g.callouts{stroke:#bebebe}.bx--cc--grid rect.chart-grid-backdrop{fill:#171717;stroke:#3d3d3d}.bx--cc--grid g.x.grid g.tick line,.bx--cc--grid g.y.grid g.tick line{pointer-events:none;stroke-width:1px;stroke:#3d3d3d}.bx--cc--grid g.x.grid g.tick.active line,.bx--cc--grid g.y.grid g.tick.active line{stroke-dasharray:2px;stroke:#fff}.bx--cc--ruler line.ruler-line{stroke:#fff;stroke-width:1px;stroke-dasharray:2;pointer-events:none}.bx--cc--ruler text.axis-tooltip-text{fill:#fff;dominant-baseline:middle;text-anchor:middle}.bx--cc--skeleton rect.chart-skeleton-backdrop{fill:#171717}.bx--cc--skeleton .shimmer-effect-lines{stroke-width:1px;stroke:url(#shimmer-lines)}.bx--cc--skeleton .empty-state-lines{stroke-width:1px;stroke:#3d3d3d}.bx--cc--skeleton #shimmer-lines .stop-bg-shimmer{stop-color:#3d3d3d}.bx--cc--skeleton #shimmer-lines .stop-shimmer{stop-color:#fff}.bx--cc--skeleton .shimmer-effect-areas{fill:url(#shimmer-areas)}.bx--cc--skeleton .empty-state-areas{fill:rgba(127,127,127,.1)}.bx--cc--skeleton #shimmer-areas .stop-bg-shimmer{stop-color:rgba(127,127,127,.1)}.bx--cc--skeleton #shimmer-areas .stop-shimmer{stop-color:rgba(255,255,255,.15)}.bx--cc--zero-line line.domain{stroke:#6f6f6f}.bx--cc--chart-svg svg.layout-child{overflow:visible}g.bx--cc--legend{user-select:none}g.bx--cc--legend g.legend-item rect.checkbox{stroke-width:1px;stroke-opacity:1}g.bx--cc--legend g.legend-item rect.checkbox:not(.active){stroke:#bebebe;fill:#171717}g.bx--cc--legend g.legend-item rect.checkbox:not(.active)~g.check{display:none}g.bx--cc--legend g.legend-item rect.hover-stroke{fill:none;stroke:#0f62fe;stroke-width:2}g.bx--cc--legend g.legend-item g.check>svg path{fill:#171717;stroke:#171717}g.bx--cc--legend g.legend-item text{font-size:12px;fill:#bebebe}g.bx--cc--legend.clickable g.legend-item:hover{cursor:pointer}.bx--cc--title text.title{fill:#f3f3f3;font-size:16px;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:600}.bx--cc--tooltip{background-color:#3d3d3d;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--tooltip.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--cc--tooltip .content-box{color:#f3f3f3}.bx--cc--tooltip .content-box .title-tooltip{line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--tooltip .content-box .datapoint-tooltip,.bx--cc--tooltip .content-box .total-val{display:flex;padding:4px;flex-flow:row nowrap;width:auto;min-width:20px;justify-content:flex-start;align-items:center}.bx--cc--tooltip .content-box .datapoint-tooltip p,.bx--cc--tooltip .content-box .total-val p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;font-size:12px;display:inline-block;margin:0;padding:0;border:0}.bx--cc--tooltip .content-box .datapoint-tooltip p.label,.bx--cc--tooltip .content-box .total-val p.label{flex:1;margin-right:8px}.bx--cc--tooltip .content-box .datapoint-tooltip p.value,.bx--cc--tooltip .content-box .total-val p.value{width:auto}.bx--cc--tooltip .content-box .total-val{font-weight:600}.bx--cc--tooltip .content-box .total-val .label{margin-left:4px}.bx--cc--tooltip .content-box ul.multi-tooltip{margin:0;padding:0}.bx--cc--tooltip .content-box ul.multi-tooltip li{list-style:none;position:relative}.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child){border-bottom:1px solid #3d3d3d}.bx--cc--tooltip .tooltip-color{position:absolute;left:0;top:0;width:4px;height:100%}.bx--cc--tooltip .tooltip-color+p.label{margin-left:4px}.bx--cc--threshold line.threshold-line{stroke:#fa4d56;stroke-width:1;stroke-dasharray:4;cursor:pointer;pointer-events:none}.bx--cc--threshold.active line.threshold-line{stroke-width:2}.bx--cc--threshold rect.threshold-hoverable-area{height:20px;transform:translate(0, -10px);cursor:pointer;fill:transparent}.bx--cc--threshold rect.threshold-hoverable-area.rotate{transform:rotate(90deg) translate(0, -10px)}.bx--cc--threshold--label{background-color:#fa4d56;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;color:#f3f3f3;line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--threshold--label.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.unfilled{fill:#282828}g.bx--cc--bubble g.lines path.line{mix-blend-mode:multiply}.bx--cc--line path.line{pointer-events:none;fill:none;stroke-width:1.5}g.bx--cc--scatter circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--scatter circle.dot.unfilled{fill:#282828;stroke-width:1.5}g.bx--cc--scatter circle.dot.threshold-anomaly{stroke-width:3}g.bx--cc--scatter g.lines path.line{mix-blend-mode:multiply}.bx--cc--radar .blobs path{stroke-width:1.5px}.bx--cc--radar .y-axes path,.bx--cc--radar .x-axes line{stroke-width:1px;stroke:#3d3d3d}.bx--cc--radar .x-axes line.hovered{stroke:#fff}svg.bx--cc--chart-svg{font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}svg.bx--cc--chart-svg text{font-size:12px;font-weight:400;fill:#bebebe}.bx--chart-holder{position:relative;display:block;width:100%;height:100%;background-color:#171717}svg.bx--cc--chart-svg{overflow:visible}/*# sourceMappingURL=styles-g100.min.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC,iCACC,KCqCU,QDpCV,2EAGD,iCACC,aAGD,iCACC,OCyBQ,QCxCV,8BACC,OD0CW,QE1CX,uCAME,KF6Be,QE3BhB,OF8BQ,QEzBR,sEACC,oBACA,iBACA,OFsBO,QEnBR,oFACC,qBACA,OF0CO,KG/DT,+BAIE,OC0XiB,KDrXlB,iBACA,mBACA,oBAGD,sCACC,KC+WkB,KD9WlB,yBACA,mBElBF,+BACC,OLuCS,QMxCV,oCACC,iBCDD,iBACC,iBAGC,6CACC,iBACA,iBAEA,0DACC,OPkCQ,QOjCR,KP0Bc,QOvBf,kEACC,aAIF,iDACC,UACA,OH2QiB,QG1QjB,eAGD,gDACC,KPWe,QOVf,OPUe,QOPhB,oCACC,eACA,KPYS,QORX,+CACC,eClCF,0BACC,KRuCW,QQtCX,eACA,iEACA,gBCDD,iBACC,iBTgCS,QS/BT,oBACA,uBC4CC,2DD1CD,eACA,sCACA,kBACA,qBACA,aACA,2EAEA,wBACC,UACA,uBCiCA,2DD7BD,8BACC,MTkBU,QShBV,6CACC,iBACA,eACA,YACA,eAGD,0FACC,aACA,YACA,qBACA,WACA,eACA,2BACA,mBAEA,8FACC,mBACA,gBACA,uBACA,iBACA,eACA,qBACA,SACA,UACA,SAEA,0GACC,OACA,iBAGD,0GACC,WAKH,yCACC,gBACA,gDACC,gBAIF,+CACC,SACA,UAEA,kDACC,gBACA,kBAEA,mEAME,gCAOL,gCACC,kBACA,OACA,MACA,UACA,YACA,wCACC,gBEhGF,oCACC,eACA,mBD+CA,2DC3CD,qCACC,KX2BQ,QWxBT,mCACC,wBCdF,wBACC,oBACA,UACA,sDCCC,eACA,mBH+CA,2DG3CD,sCACC,Kb2BQ,Qa1BR,iBAGD,oCACC,wBCbD,2BACC,mBAGD,wDAEC,iBACA,Od8BQ,Qc3BT,oCAIE,OV+WiB,KW3XpB,sBACC,2EAEA,2BACC,eACA,gBACA,KfiCU,QgB3CZ,kBACC,kBACA,cACA,WACA,YACA,iBhB+BiB,QiBjBlB,sBACC","file":"styles-g100.min.css"}
1
+ {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_skeleton.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/components/_threshold.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC,iCACC,KCqCU,QDpCV,2EAGD,iCACC,aAGD,iCACC,OCyBQ,QCxCV,8BACC,OD0CW,QE1CX,uCAME,KF6Be,QE3BhB,OF8BQ,QEzBR,sEACC,oBACA,iBACA,OFsBO,QEnBR,oFACC,qBACA,OF0CO,KG/DT,+BAIE,OC0XiB,KDrXlB,iBACA,mBACA,oBAGD,sCACC,KC+WkB,KD9WlB,yBACA,mBEXD,+CAME,KLuBe,QKnBjB,wCACC,iBACA,2BAGD,qCACC,iBACA,OLeQ,QKXR,kDACC,WLUO,QKPR,+CACC,WD8ViB,KCzVnB,wCACC,yBAGD,qCACC,KAzCe,qBA6Cf,kDACC,WA9Cc,qBAiDf,+CACC,WAjDmB,sBCHtB,+BACC,ONuCS,QOxCV,oCACC,iBCDD,iBACC,iBAGC,6CACC,iBACA,iBAEA,0DACC,ORkCQ,QQjCR,KR0Bc,QQvBf,kEACC,aAIF,iDACC,UACA,OJ2QiB,QI1QjB,eAGD,gDACC,KRWe,QQVf,ORUe,QQPhB,oCACC,eACA,KRYS,QQRX,+CACC,eClCF,0BACC,KTuCW,QStCX,eACA,iEACA,gBCDD,iBACC,iBVgCS,QU/BT,oBACA,uBC4CC,2DD1CD,eACA,sCACA,kBACA,qBACA,aACA,2EAEA,wBACC,UACA,uBCiCA,2DD7BD,8BACC,MVkBU,QUhBV,6CACC,iBACA,eACA,YACA,eAGD,0FACC,aACA,YACA,qBACA,WACA,eACA,2BACA,mBAEA,8FACC,mBACA,gBACA,uBACA,iBACA,eACA,qBACA,SACA,UACA,SAEA,0GACC,OACA,iBAGD,0GACC,WAKH,yCACC,gBACA,gDACC,gBAIF,+CACC,SACA,UAEA,kDACC,gBACA,kBAEA,mEAME,gCAOL,gCACC,kBACA,OACA,MACA,UACA,YACA,wCACC,gBElGF,uCACC,OR4cS,QQ3cT,eACA,mBACA,eACA,oBAGD,8CACC,eAGD,iDACC,YACA,8BACA,eACA,iBAEA,wDACC,4CAKH,0BACC,iBRobU,QQnbV,oBACA,uBDwBC,2DCtBD,eACA,sCACA,kBACA,qBACA,aACA,2EAEA,MZKW,QYJX,iBACA,eACA,YACA,eAEA,iCACC,UACA,uBDOA,2DEjDD,oCACC,eACA,mBF+CA,2DE3CD,qCACC,Kb2BQ,QaxBT,mCACC,wBCdF,wBACC,oBACA,UACA,sDCCC,eACA,mBJ+CA,2DI3CD,sCACC,Kf2BQ,Qe1BR,iBAGD,+CACC,eAGD,oCACC,wBCjBD,2BACC,mBAGD,wDAEC,iBACA,OhB8BQ,QgB3BT,oCAIE,OZ+WiB,Ka3XpB,sBACC,2EAEA,2BACC,eACA,gBACA,KjBiCU,QkB3CZ,kBACC,kBACA,cACA,WACA,YACA,iBlB+BiB,QmBjBlB,sBACC","file":"styles-g100.min.css"}
package/styles-g90.css CHANGED
@@ -40,6 +40,36 @@
40
40
  text-anchor: middle;
41
41
  }
42
42
 
43
+ .bx--cc--skeleton rect.chart-skeleton-backdrop {
44
+ fill: #282828;
45
+ }
46
+ .bx--cc--skeleton .shimmer-effect-lines {
47
+ stroke-width: 1px;
48
+ stroke: url(#shimmer-lines);
49
+ }
50
+ .bx--cc--skeleton .empty-state-lines {
51
+ stroke-width: 1px;
52
+ stroke: #565656;
53
+ }
54
+ .bx--cc--skeleton #shimmer-lines .stop-bg-shimmer {
55
+ stop-color: #565656;
56
+ }
57
+ .bx--cc--skeleton #shimmer-lines .stop-shimmer {
58
+ stop-color: #ffffff;
59
+ }
60
+ .bx--cc--skeleton .shimmer-effect-areas {
61
+ fill: url(#shimmer-areas);
62
+ }
63
+ .bx--cc--skeleton .empty-state-areas {
64
+ fill: rgba(127, 127, 127, 0.1);
65
+ }
66
+ .bx--cc--skeleton #shimmer-areas .stop-bg-shimmer {
67
+ stop-color: rgba(127, 127, 127, 0.1);
68
+ }
69
+ .bx--cc--skeleton #shimmer-areas .stop-shimmer {
70
+ stop-color: rgba(255, 255, 255, 0.15);
71
+ }
72
+
43
73
  .bx--cc--zero-line line.domain {
44
74
  stroke: #8c8c8c;
45
75
  }
@@ -167,6 +197,49 @@ g.bx--cc--legend.clickable g.legend-item:hover {
167
197
  margin-left: 4px;
168
198
  }
169
199
 
200
+ .bx--cc--threshold line.threshold-line {
201
+ stroke: #fa4d56;
202
+ stroke-width: 1;
203
+ stroke-dasharray: 4;
204
+ cursor: pointer;
205
+ pointer-events: none;
206
+ }
207
+ .bx--cc--threshold.active line.threshold-line {
208
+ stroke-width: 2;
209
+ }
210
+ .bx--cc--threshold rect.threshold-hoverable-area {
211
+ height: 20px;
212
+ transform: translate(0, -10px);
213
+ cursor: pointer;
214
+ fill: transparent;
215
+ }
216
+ .bx--cc--threshold rect.threshold-hoverable-area.rotate {
217
+ transform: rotate(90deg) translate(0, -10px);
218
+ }
219
+
220
+ .bx--cc--threshold--label {
221
+ background-color: #fa4d56;
222
+ pointer-events: none;
223
+ transition: opacity 0.1s;
224
+ transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
225
+ display: inline;
226
+ box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
227
+ position: absolute;
228
+ word-wrap: break-word;
229
+ z-index: 1059;
230
+ font-family: 'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;
231
+ color: #f3f3f3;
232
+ line-height: 16px;
233
+ font-size: 12px;
234
+ padding: 4px;
235
+ min-width: 20px;
236
+ }
237
+ .bx--cc--threshold--label.hidden {
238
+ opacity: 0;
239
+ transition: opacity 0.1s;
240
+ transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);
241
+ }
242
+
170
243
  g.bx--cc--bubble circle.dot.hovered {
171
244
  fill-opacity: 1;
172
245
  transition: all 0.1s;
@@ -194,6 +267,9 @@ g.bx--cc--scatter circle.dot.unfilled {
194
267
  fill: #3d3d3d;
195
268
  stroke-width: 1.5;
196
269
  }
270
+ g.bx--cc--scatter circle.dot.threshold-anomaly {
271
+ stroke-width: 3;
272
+ }
197
273
  g.bx--cc--scatter g.lines path.line {
198
274
  mix-blend-mode: multiply;
199
275
  }
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC;EACC,MCqCU;EDpCV;;AAGD;EACC;;AAGD;EACC,QCyBQ;;ACxCV;EACC,QD0CW;;;AE1CX;EAME,MF6Be;EE3BhB,QF8BQ;;AEzBR;AAAA;EACC;EACA;EACA,QFsBO;;AEnBR;AAAA;EACC;EACA,QF0CO;;;AG/DT;EAEE,QC4XiB;EDrXlB;EACA;EACA;;AAGD;EACC,MC+WkB;ED9WlB;EACA;;;AElBF;EACC,QLuCS;;;AMxCV;EACC;;;ACDD;EACC;;AAGC;EACC;EACA;;AAEA;EACC,QPkCQ;EOjCR,MP0Bc;;AOvBf;EACC;;AAIF;EACC;EACA,QH2QiB;EG1QjB;;AAGD;EACC,MPWe;EOVf,QPUe;;AOPhB;EACC;EACA,MPYS;;AORX;EACC;;;AClCF;EACC,MRuCW;EQtCX;EACA;EACA;;;ACDD;EACC,kBTgCS;ES/BT;EACA;EC4CC;ED1CD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;ECiCA;;AD7BD;EACC,OTkBU;;AShBV;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAKH;EACC;;AACA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EAME;;AAOL;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;;AEhGF;EACC;EACA;ED+CA;;AC3CD;EACC,MX2BQ;;AWxBT;EACC;;;ACdF;EACC;EACA;EACA;;;ACAA;EACC;EACA;EH+CA;;AG3CD;EACC,Mb2BQ;Ea1BR;;AAGD;EACC;;;ACbD;EACC;;AAGD;AAAA;EAEC;EACA,Qd8BQ;;Ac3BT;EAEE,QViXiB;;;AW3XpB;EACC;;AAEA;EACC;EACA;EACA,MfiCU;;;AgB3CZ;EACC;EACA;EACA;EACA;EACA,kBhB+BiB;;;AiBjBlB;EACC","file":"styles-g90.css"}
1
+ {"version":3,"sourceRoot":"","sources":["styles/components/_axis.scss","styles/vendor/carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/themes/_mixins.scss","styles/components/_callouts.scss","styles/components/_grid.scss","styles/components/_ruler.scss","styles/vendor/@carbon/colors/scss/mixins.scss","styles/components/_skeleton.scss","styles/components/_zero-line.scss","styles/components/_layout.scss","styles/components/_legend.scss","styles/components/_title.scss","styles/components/_tooltip.scss","styles/vendor/@carbon/motion/scss/motion.scss","styles/components/_threshold.scss","styles/graphs/_bubble.scss","styles/graphs/_line.scss","styles/graphs/_scatter.scss","styles/graphs/_radar.scss","styles/_type.scss","styles/_chart-holder.scss","styles/styles.scss"],"names":[],"mappings":"AAKC;EACC,MCqCU;EDpCV;;AAGD;EACC;;AAGD;EACC,QCyBQ;;ACxCV;EACC,QD0CW;;;AE1CX;EAME,MF6Be;EE3BhB,QF8BQ;;AEzBR;AAAA;EACC;EACA;EACA,QFsBO;;AEnBR;AAAA;EACC;EACA,QF0CO;;;AG/DT;EAEE,QC4XiB;EDrXlB;EACA;EACA;;AAGD;EACC,MC+WkB;ED9WlB;EACA;;;AEXD;EAME,MLuBe;;AKnBjB;EACC;EACA;;AAGD;EACC;EACA,QLeQ;;AKXR;EACC,YLUO;;AKPR;EACC,YD8ViB;;ACzVnB;EACC;;AAGD;EACC,MAzCe;;AA6Cf;EACC,YA9Cc;;AAiDf;EACC,YAjDmB;;;ACHtB;EACC,QNuCS;;;AOxCV;EACC;;;ACDD;EACC;;AAGC;EACC;EACA;;AAEA;EACC,QRkCQ;EQjCR,MR0Bc;;AQvBf;EACC;;AAIF;EACC;EACA,QJ2QiB;EI1QjB;;AAGD;EACC,MRWe;EQVf,QRUe;;AQPhB;EACC;EACA,MRYS;;AQRX;EACC;;;AClCF;EACC,MTuCW;EStCX;EACA;EACA;;;ACDD;EACC,kBVgCS;EU/BT;EACA;EC4CC;ED1CD;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;ECiCA;;AD7BD;EACC,OVkBU;;AUhBV;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;AAKH;EACC;;AACA;EACC;;AAIF;EACC;EACA;;AAEA;EACC;EACA;;AAEA;EAME;;AAOL;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;;AElGF;EACC,QR4cS;EQ3cT;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAKH;EACC,kBRobU;EQnbV;EACA;EDwBC;ECtBD;EACA;EACA;EACA;EACA;EACA;EAEA,OZKW;EYJX;EACA;EACA;EACA;;AAEA;EACC;EACA;EDOA;;;AEjDD;EACC;EACA;EF+CA;;AE3CD;EACC,Mb2BQ;;AaxBT;EACC;;;ACdF;EACC;EACA;EACA;;;ACAA;EACC;EACA;EJ+CA;;AI3CD;EACC,Mf2BQ;Ee1BR;;AAGD;EACC;;AAGD;EACC;;;ACjBD;EACC;;AAGD;AAAA;EAEC;EACA,QhB8BQ;;AgB3BT;EAEE,QZiXiB;;;Aa3XpB;EACC;;AAEA;EACC;EACA;EACA,MjBiCU;;;AkB3CZ;EACC;EACA;EACA;EACA;EACA,kBlB+BiB;;;AmBjBlB;EACC","file":"styles-g90.css"}
@@ -1 +1 @@
1
- .bx--cc--axes g.axis g.tick text{fill:#bebebe;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--axes g.axis g.tick line{display:none}.bx--cc--axes g.axis path.domain{stroke:#8c8c8c}.bx--cc--chart-svg g.callouts{stroke:#bebebe}.bx--cc--grid rect.chart-grid-backdrop{fill:#282828;stroke:#565656}.bx--cc--grid g.x.grid g.tick line,.bx--cc--grid g.y.grid g.tick line{pointer-events:none;stroke-width:1px;stroke:#565656}.bx--cc--grid g.x.grid g.tick.active line,.bx--cc--grid g.y.grid g.tick.active line{stroke-dasharray:2px;stroke:#fff}.bx--cc--ruler line.ruler-line{stroke:#fff;stroke-width:1px;stroke-dasharray:2;pointer-events:none}.bx--cc--ruler text.axis-tooltip-text{fill:#fff;dominant-baseline:middle;text-anchor:middle}.bx--cc--zero-line line.domain{stroke:#8c8c8c}.bx--cc--chart-svg svg.layout-child{overflow:visible}g.bx--cc--legend{user-select:none}g.bx--cc--legend g.legend-item rect.checkbox{stroke-width:1px;stroke-opacity:1}g.bx--cc--legend g.legend-item rect.checkbox:not(.active){stroke:#bebebe;fill:#282828}g.bx--cc--legend g.legend-item rect.checkbox:not(.active)~g.check{display:none}g.bx--cc--legend g.legend-item rect.hover-stroke{fill:none;stroke:#0f62fe;stroke-width:2}g.bx--cc--legend g.legend-item g.check>svg path{fill:#282828;stroke:#282828}g.bx--cc--legend g.legend-item text{font-size:12px;fill:#bebebe}g.bx--cc--legend.clickable g.legend-item:hover{cursor:pointer}.bx--cc--title text.title{fill:#f3f3f3;font-size:16px;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:600}.bx--cc--tooltip{background-color:#565656;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--tooltip.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--cc--tooltip .content-box{color:#f3f3f3}.bx--cc--tooltip .content-box .title-tooltip{line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--tooltip .content-box .datapoint-tooltip,.bx--cc--tooltip .content-box .total-val{display:flex;padding:4px;flex-flow:row nowrap;width:auto;min-width:20px;justify-content:flex-start;align-items:center}.bx--cc--tooltip .content-box .datapoint-tooltip p,.bx--cc--tooltip .content-box .total-val p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;font-size:12px;display:inline-block;margin:0;padding:0;border:0}.bx--cc--tooltip .content-box .datapoint-tooltip p.label,.bx--cc--tooltip .content-box .total-val p.label{flex:1;margin-right:8px}.bx--cc--tooltip .content-box .datapoint-tooltip p.value,.bx--cc--tooltip .content-box .total-val p.value{width:auto}.bx--cc--tooltip .content-box .total-val{font-weight:600}.bx--cc--tooltip .content-box .total-val .label{margin-left:4px}.bx--cc--tooltip .content-box ul.multi-tooltip{margin:0;padding:0}.bx--cc--tooltip .content-box ul.multi-tooltip li{list-style:none;position:relative}.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child){border-bottom:1px solid #565656}.bx--cc--tooltip .tooltip-color{position:absolute;left:0;top:0;width:4px;height:100%}.bx--cc--tooltip .tooltip-color+p.label{margin-left:4px}g.bx--cc--bubble circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.unfilled{fill:#3d3d3d}g.bx--cc--bubble g.lines path.line{mix-blend-mode:multiply}.bx--cc--line path.line{pointer-events:none;fill:none;stroke-width:1.5}g.bx--cc--scatter circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--scatter circle.dot.unfilled{fill:#3d3d3d;stroke-width:1.5}g.bx--cc--scatter g.lines path.line{mix-blend-mode:multiply}.bx--cc--radar .blobs path{stroke-width:1.5px}.bx--cc--radar .y-axes path,.bx--cc--radar .x-axes line{stroke-width:1px;stroke:#565656}.bx--cc--radar .x-axes line.hovered{stroke:#fff}svg.bx--cc--chart-svg{font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}svg.bx--cc--chart-svg text{font-size:12px;font-weight:400;fill:#bebebe}.bx--chart-holder{position:relative;display:block;width:100%;height:100%;background-color:#282828}svg.bx--cc--chart-svg{overflow:visible}/*# sourceMappingURL=styles-g90.min.css.map */
1
+ .bx--cc--axes g.axis g.tick text{fill:#bebebe;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--axes g.axis g.tick line{display:none}.bx--cc--axes g.axis path.domain{stroke:#8c8c8c}.bx--cc--chart-svg g.callouts{stroke:#bebebe}.bx--cc--grid rect.chart-grid-backdrop{fill:#282828;stroke:#565656}.bx--cc--grid g.x.grid g.tick line,.bx--cc--grid g.y.grid g.tick line{pointer-events:none;stroke-width:1px;stroke:#565656}.bx--cc--grid g.x.grid g.tick.active line,.bx--cc--grid g.y.grid g.tick.active line{stroke-dasharray:2px;stroke:#fff}.bx--cc--ruler line.ruler-line{stroke:#fff;stroke-width:1px;stroke-dasharray:2;pointer-events:none}.bx--cc--ruler text.axis-tooltip-text{fill:#fff;dominant-baseline:middle;text-anchor:middle}.bx--cc--skeleton rect.chart-skeleton-backdrop{fill:#282828}.bx--cc--skeleton .shimmer-effect-lines{stroke-width:1px;stroke:url(#shimmer-lines)}.bx--cc--skeleton .empty-state-lines{stroke-width:1px;stroke:#565656}.bx--cc--skeleton #shimmer-lines .stop-bg-shimmer{stop-color:#565656}.bx--cc--skeleton #shimmer-lines .stop-shimmer{stop-color:#fff}.bx--cc--skeleton .shimmer-effect-areas{fill:url(#shimmer-areas)}.bx--cc--skeleton .empty-state-areas{fill:rgba(127,127,127,.1)}.bx--cc--skeleton #shimmer-areas .stop-bg-shimmer{stop-color:rgba(127,127,127,.1)}.bx--cc--skeleton #shimmer-areas .stop-shimmer{stop-color:rgba(255,255,255,.15)}.bx--cc--zero-line line.domain{stroke:#8c8c8c}.bx--cc--chart-svg svg.layout-child{overflow:visible}g.bx--cc--legend{user-select:none}g.bx--cc--legend g.legend-item rect.checkbox{stroke-width:1px;stroke-opacity:1}g.bx--cc--legend g.legend-item rect.checkbox:not(.active){stroke:#bebebe;fill:#282828}g.bx--cc--legend g.legend-item rect.checkbox:not(.active)~g.check{display:none}g.bx--cc--legend g.legend-item rect.hover-stroke{fill:none;stroke:#0f62fe;stroke-width:2}g.bx--cc--legend g.legend-item g.check>svg path{fill:#282828;stroke:#282828}g.bx--cc--legend g.legend-item text{font-size:12px;fill:#bebebe}g.bx--cc--legend.clickable g.legend-item:hover{cursor:pointer}.bx--cc--title text.title{fill:#f3f3f3;font-size:16px;font-family:'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;font-weight:600}.bx--cc--tooltip{background-color:#565656;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}.bx--cc--tooltip.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}.bx--cc--tooltip .content-box{color:#f3f3f3}.bx--cc--tooltip .content-box .title-tooltip{line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--tooltip .content-box .datapoint-tooltip,.bx--cc--tooltip .content-box .total-val{display:flex;padding:4px;flex-flow:row nowrap;width:auto;min-width:20px;justify-content:flex-start;align-items:center}.bx--cc--tooltip .content-box .datapoint-tooltip p,.bx--cc--tooltip .content-box .total-val p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:16px;font-size:12px;display:inline-block;margin:0;padding:0;border:0}.bx--cc--tooltip .content-box .datapoint-tooltip p.label,.bx--cc--tooltip .content-box .total-val p.label{flex:1;margin-right:8px}.bx--cc--tooltip .content-box .datapoint-tooltip p.value,.bx--cc--tooltip .content-box .total-val p.value{width:auto}.bx--cc--tooltip .content-box .total-val{font-weight:600}.bx--cc--tooltip .content-box .total-val .label{margin-left:4px}.bx--cc--tooltip .content-box ul.multi-tooltip{margin:0;padding:0}.bx--cc--tooltip .content-box ul.multi-tooltip li{list-style:none;position:relative}.bx--cc--tooltip .content-box ul.multi-tooltip li:not(:last-child){border-bottom:1px solid #565656}.bx--cc--tooltip .tooltip-color{position:absolute;left:0;top:0;width:4px;height:100%}.bx--cc--tooltip .tooltip-color+p.label{margin-left:4px}.bx--cc--threshold line.threshold-line{stroke:#fa4d56;stroke-width:1;stroke-dasharray:4;cursor:pointer;pointer-events:none}.bx--cc--threshold.active line.threshold-line{stroke-width:2}.bx--cc--threshold rect.threshold-hoverable-area{height:20px;transform:translate(0, -10px);cursor:pointer;fill:transparent}.bx--cc--threshold rect.threshold-hoverable-area.rotate{transform:rotate(90deg) translate(0, -10px)}.bx--cc--threshold--label{background-color:#fa4d56;pointer-events:none;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1);display:inline;box-shadow:0 1px 6px 0 rgba(0,0,0,.2);position:absolute;word-wrap:break-word;z-index:1059;font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif;color:#f3f3f3;line-height:16px;font-size:12px;padding:4px;min-width:20px}.bx--cc--threshold--label.hidden{opacity:0;transition:opacity .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--bubble circle.dot.unfilled{fill:#3d3d3d}g.bx--cc--bubble g.lines path.line{mix-blend-mode:multiply}.bx--cc--line path.line{pointer-events:none;fill:none;stroke-width:1.5}g.bx--cc--scatter circle.dot.hovered{fill-opacity:1;transition:all .1s;transition-timing-function:cubic-bezier(0.4, 0.14, 0.3, 1)}g.bx--cc--scatter circle.dot.unfilled{fill:#3d3d3d;stroke-width:1.5}g.bx--cc--scatter circle.dot.threshold-anomaly{stroke-width:3}g.bx--cc--scatter g.lines path.line{mix-blend-mode:multiply}.bx--cc--radar .blobs path{stroke-width:1.5px}.bx--cc--radar .y-axes path,.bx--cc--radar .x-axes line{stroke-width:1px;stroke:#565656}.bx--cc--radar .x-axes line.hovered{stroke:#fff}svg.bx--cc--chart-svg{font-family:'IBM Plex Sans Condensed', 'Helvetica Neue', Arial, sans-serif}svg.bx--cc--chart-svg text{font-size:12px;font-weight:400;fill:#bebebe}.bx--chart-holder{position:relative;display:block;width:100%;height:100%;background-color:#282828}svg.bx--cc--chart-svg{overflow:visible}/*# sourceMappingURL=styles-g90.min.css.map */