@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.
- package/CHANGELOG.md +32 -0
- package/build/demo/data/bar.d.ts +174 -0
- package/build/demo/data/bubble.d.ts +41 -0
- package/build/demo/data/donut.d.ts +23 -0
- package/build/demo/data/line.d.ts +70 -0
- package/build/demo/data/pie.d.ts +13 -0
- package/build/demo/data/scatter.d.ts +31 -0
- package/build/demo/data/step.d.ts +4 -0
- package/build/demo/data/time-series-axis.d.ts +55 -3
- package/build/src/components/axes/grid.d.ts +3 -3
- package/build/src/components/axes/two-dimensional-axes.d.ts +3 -0
- package/build/src/components/essentials/threshold.d.ts +17 -0
- package/build/src/components/graphs/bar.d.ts +1 -1
- package/build/src/components/graphs/scatter.d.ts +1 -0
- package/build/src/components/graphs/skeleton.d.ts +22 -0
- package/build/src/components/index.d.ts +2 -0
- package/build/src/interfaces/axis-scales.d.ts +11 -0
- package/build/src/interfaces/charts.d.ts +4 -0
- package/build/src/interfaces/components.d.ts +21 -0
- package/build/src/interfaces/enums.d.ts +9 -0
- package/build/src/interfaces/events.d.ts +7 -0
- package/build/src/model.d.ts +1 -0
- package/build/src/services/scales-cartesian.d.ts +9 -1
- package/build/stories/tutorials/event-listeners.d.ts +1 -0
- package/build/stories/tutorials/getting-started/angular.d.ts +1 -0
- package/build/stories/tutorials/getting-started/react.d.ts +1 -0
- package/build/stories/tutorials/getting-started/vanilla.d.ts +1 -0
- package/build/stories/tutorials/getting-started/vue.d.ts +1 -0
- package/build/stories/tutorials/index.d.ts +6 -0
- package/build/stories/tutorials/tabular-data-format.d.ts +1 -0
- package/bundle.js +1 -1
- package/charts/bar-grouped.js +4 -2
- package/charts/bar-grouped.js.map +1 -1
- package/charts/bar-simple.js +4 -2
- package/charts/bar-simple.js.map +1 -1
- package/charts/bar-stacked.js +4 -2
- package/charts/bar-stacked.js.map +1 -1
- package/charts/bubble.js +4 -2
- package/charts/bubble.js.map +1 -1
- package/charts/donut.js +4 -2
- package/charts/donut.js.map +1 -1
- package/charts/line.js +4 -2
- package/charts/line.js.map +1 -1
- package/charts/pie.js +4 -2
- package/charts/pie.js.map +1 -1
- package/charts/scatter.js +4 -2
- package/charts/scatter.js.map +1 -1
- package/components/axes/axis.js +24 -13
- package/components/axes/axis.js.map +1 -1
- package/components/axes/grid.d.ts +3 -3
- package/components/axes/grid.js +27 -9
- package/components/axes/grid.js.map +1 -1
- package/components/axes/two-dimensional-axes.d.ts +3 -0
- package/components/axes/two-dimensional-axes.js +30 -0
- package/components/axes/two-dimensional-axes.js.map +1 -1
- package/components/axes/zero-line.js +15 -1
- package/components/axes/zero-line.js.map +1 -1
- package/components/essentials/threshold.d.ts +17 -0
- package/components/essentials/threshold.js +165 -0
- package/components/essentials/threshold.js.map +1 -0
- package/components/graphs/bar-grouped.js +3 -1
- package/components/graphs/bar-grouped.js.map +1 -1
- package/components/graphs/bar-simple.js +1 -1
- package/components/graphs/bar-simple.js.map +1 -1
- package/components/graphs/bar-stacked.js +1 -1
- package/components/graphs/bar-stacked.js.map +1 -1
- package/components/graphs/bar.d.ts +1 -1
- package/components/graphs/bar.js +1 -1
- package/components/graphs/bar.js.map +1 -1
- package/components/graphs/donut.js +6 -0
- package/components/graphs/donut.js.map +1 -1
- package/components/graphs/scatter.d.ts +1 -0
- package/components/graphs/scatter.js +28 -0
- package/components/graphs/scatter.js.map +1 -1
- package/components/graphs/skeleton.d.ts +22 -0
- package/components/graphs/skeleton.js +241 -0
- package/components/graphs/skeleton.js.map +1 -0
- package/components/index.d.ts +2 -0
- package/components/index.js +2 -0
- package/components/index.js.map +1 -1
- package/configuration.js +2 -1
- package/configuration.js.map +1 -1
- package/demo/data/bar.d.ts +174 -0
- package/demo/data/bar.js +188 -2
- package/demo/data/bar.js.map +1 -1
- package/demo/data/bubble.d.ts +41 -0
- package/demo/data/bubble.js +43 -0
- package/demo/data/bubble.js.map +1 -1
- package/demo/data/bundle.js +1 -1
- package/demo/data/donut.d.ts +23 -0
- package/demo/data/donut.js +25 -0
- package/demo/data/donut.js.map +1 -1
- package/demo/data/index.js +177 -0
- package/demo/data/index.js.map +1 -1
- package/demo/data/line.d.ts +70 -0
- package/demo/data/line.js +73 -0
- package/demo/data/line.js.map +1 -1
- package/demo/data/pie.d.ts +13 -0
- package/demo/data/pie.js +15 -0
- package/demo/data/pie.js.map +1 -1
- package/demo/data/scatter.d.ts +31 -0
- package/demo/data/scatter.js +33 -0
- package/demo/data/scatter.js.map +1 -1
- package/demo/data/step.d.ts +4 -0
- package/demo/data/step.js +15 -0
- package/demo/data/step.js.map +1 -1
- package/demo/data/time-series-axis.d.ts +55 -3
- package/demo/data/time-series-axis.js +61 -3
- package/demo/data/time-series-axis.js.map +1 -1
- package/demo/styles.css +292 -0
- package/demo/styles.css.map +1 -1
- package/demo/styles.min.css +1 -1
- package/demo/styles.min.css.map +1 -1
- package/demo/tsconfig.tsbuildinfo +248 -245
- package/interfaces/axis-scales.d.ts +11 -0
- package/interfaces/axis-scales.js.map +1 -1
- package/interfaces/charts.d.ts +4 -0
- package/interfaces/charts.js.map +1 -1
- package/interfaces/components.d.ts +21 -0
- package/interfaces/components.js.map +1 -1
- package/interfaces/enums.d.ts +9 -0
- package/interfaces/enums.js +10 -0
- package/interfaces/enums.js.map +1 -1
- package/interfaces/events.d.ts +7 -0
- package/interfaces/events.js +8 -0
- package/interfaces/events.js.map +1 -1
- package/model.d.ts +1 -0
- package/model.js +3 -0
- package/model.js.map +1 -1
- package/package.json +1 -1
- package/services/scales-cartesian.d.ts +9 -1
- package/services/scales-cartesian.js +33 -0
- package/services/scales-cartesian.js.map +1 -1
- package/services/time-series.js +8 -7
- package/services/time-series.js.map +1 -1
- package/styles/components/_skeleton.scss +57 -0
- package/styles/components/_threshold.scss +49 -0
- package/styles/components/index.scss +2 -0
- package/styles/graphs/_scatter.scss +4 -0
- package/styles-g10.css +76 -0
- package/styles-g10.css.map +1 -1
- package/styles-g10.min.css +1 -1
- package/styles-g10.min.css.map +1 -1
- package/styles-g100.css +76 -0
- package/styles-g100.css.map +1 -1
- package/styles-g100.min.css +1 -1
- package/styles-g100.min.css.map +1 -1
- package/styles-g90.css +76 -0
- package/styles-g90.css.map +1 -1
- package/styles-g90.min.css +1 -1
- package/styles-g90.min.css.map +1 -1
- package/styles.css +76 -0
- package/styles.css.map +1 -1
- package/styles.min.css +1 -1
- package/styles.min.css.map +1 -1
- package/tools.js +6 -0
- package/tools.js.map +1 -1
- package/tsconfig.tsbuildinfo +145 -82
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-series.js","sourceRoot":"","sources":["time-series.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,MAAM,CAAC,IAAM,cAAc,GAAG;IAC7B,CAAC,WAAW,EAAE,EAAE,GAAG,IAAI,CAAC;IACxB,CAAC,QAAQ,EAAE,EAAE,GAAG,IAAI,CAAC;IACrB,CAAC,WAAW,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC7B,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC1B,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC9B,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACrC,CAAC,WAAW,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IAC3C,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF,6DAA6D;AAC7D,MAAM,UAAU,aAAa,CAAC,IAAY,EAAE,CAAS,EAAE,QAAgB,EAAE,WAAoB;IAC5F,IAAM,WAAW,GAAG,CAAC,KAAK,CAAC,CAAC;IAC5B,IAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IACvE,IAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAEnE,QAAQ,QAAQ,EAAE;QACjB,KAAK,WAAW;YACf,OAAO,CAAC,WAAW,IAAI,mBAAmB,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAClG,KAAK,QAAQ;YACZ,OAAO,CAAC,WAAW,IAAI,mBAAmB,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAClG,KAAK,WAAW;YACf,OAAO,CAAC,WAAW,IAAI,mBAAmB,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAClG,KAAK,QAAQ;YACZ,OAAO,CAAC,WAAW,IAAI,mBAAmB,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAClG,KAAK,OAAO;YACX,IAAI,CAAC,WAAW,EAAE,EAAE,QAAQ;gBAC3B,OAAO,CAAC,WAAW,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;aACpE;iBAAM,EAAE,SAAS;gBACjB,OAAO,CAAC,WAAW,IAAI,kBAAkB,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;aAClE;QACF,KAAK,SAAS;YACb,OAAO,CAAC,WAAW,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7C,KAAK,WAAW;YACf,OAAO,CAAC,WAAW,IAAI,cAAc,CAAC,CAAC;QACxC,KAAK,QAAQ;YACZ,OAAO,KAAK,CAAC;QACd;YACC,MAAM,IAAI,KAAK,CAAI,QAAQ,mCAAgC,CAAC,CAAC;KAC9D;AACF,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,UAAU,CAAC,IAAY,EAAE,CAAS,EAAE,QAAgB,EAAE,gBAAkC;IACvG,IAAM,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC;IACjD,IAAM,wCAAwC,GAAG,QAAQ,KAAK,OAAO,IAAI,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC3G,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5B,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,CAAC,wCAAwC,CAAC,CAAC;IACrH,IAAM,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACtD,IAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC1D,IAAM,YAAY,GAAG,aAAa,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IACzF,IAAM,MAAM,GAAG,gBAAgB,CAAC,YAAY,CAAC;IAE7C,OAAO,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;AAC/C,CAAC;AAED,6DAA6D;AAC7D,+GAA+G;AAC/G,MAAM,UAAU,cAAc,CAAC,SAAiB;IAC/C,IAAM,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO;QACN,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,CAAC;QACtB,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE;QACjB,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE;QAClB,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE;QACpB,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,gBAAgB;KACrC,CAAC;AACH,CAAC;AAED,+DAA+D;AAC/D,SAAS,yBAAyB,CAAC,QAAkB;IACpD,IAAI,CAAC,QAAQ,EAAE;QACd,OAAO;KACP;IACD,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAlB,CAAkB,CAAC,CAAC;AAC/D,CAAC;AAED,wDAAwD;AACxD,SAAS,uBAAuB,CAAC,EAAU;IAC1C,IAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAA8B,EAAE,CAAC;YAAhC,WAAG,EAAE,aAAK;QACpD,IAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC;QACxC,IAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;QACzC,OAAO,YAAY,GAAG,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,OAAO,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAW,CAAC;AAC3C,CAAC;AAED,yDAAyD;AACzD,0FAA0F;AAC1F,MAAM,UAAU,uBAAuB,CAAC,KAAe;IACtD,sGAAsG;IACtG,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACvB,OAAO,WAAW,CAAC;KACnB;IACD,IAAM,WAAW,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;IACrD,IAAM,aAAa,GAAG,GAAG,CAAC,WAAW,CAAC,CAAC;IACvC,OAAO,uBAAuB,CAAC,aAAa,CAAC,CAAC;AAC/C,CAAC;AAED,6EAA6E;AAC7E,SAAS,mBAAmB,CAAC,SAAiB;IACvC,IAAA,8BAAuC,EAArC,QAAC,EAAE,QAAC,EAAE,QAA+B,CAAC;IAC9C,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC;AAED,kEAAkE;AAClE,SAAS,cAAc,CAAC,SAAiB;IAClC,IAAA,8BAA0C,EAAxC,QAAC,EAAE,QAAC,EAAE,QAAC,EAAE,QAA+B,CAAC;IACjD,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AACjD,CAAC;AAED,6DAA6D;AAC7D,SAAS,aAAa,CAAC,SAAiB;IACjC,IAAA,8BAA6C,EAA3C,QAAC,EAAE,QAAC,EAAE,QAAC,EAAE,QAAC,EAAE,QAA+B,CAAC;IACpD,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC5D,CAAC","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
|
+
}
|
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
|
}
|
package/styles-g10.css.map
CHANGED
|
@@ -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;;;
|
|
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"}
|
package/styles-g10.min.css
CHANGED
|
@@ -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 */
|
package/styles-g10.min.css.map
CHANGED
|
@@ -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,
|
|
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
|
}
|
package/styles-g100.css.map
CHANGED
|
@@ -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;;;
|
|
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"}
|
package/styles-g100.min.css
CHANGED
|
@@ -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 */
|
package/styles-g100.min.css.map
CHANGED
|
@@ -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,
|
|
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
|
}
|
package/styles-g90.css.map
CHANGED
|
@@ -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;;;
|
|
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"}
|
package/styles-g90.min.css
CHANGED
|
@@ -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 */
|