victory-cursor-container 37.1.2 → 37.2.0

package/dist/victory-cursor-container.js

@@ -3763,31 +3763,34 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "VictoryPortal": function() { return /* binding */ VictoryPortal; }
 /* harmony export */ });
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/defaults.js");
-/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _victory_util_log__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../victory-util/log */ "../../victory-core/es/victory-util/log.js");
-/* harmony import */ var _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var _portal_context__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/uniqueId */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/uniqueId.js");
+/* harmony import */ var lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash/defaults */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/defaults.js");
+/* harmony import */ var lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_defaults__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _victory_util_log__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../victory-util/log */ "../../victory-core/es/victory-util/log.js");
+/* harmony import */ var _victory_util_helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../victory-util/helpers */ "../../victory-core/es/victory-util/helpers.js");
+/* harmony import */ var _portal_context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./portal-context */ "../../victory-core/es/victory-portal/portal-context.js");
+
 
 
 
 
 
 const defaultProps = {
-  groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("g", null)
+  groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("g", null)
 };
 const VictoryPortal = initialProps => {
   const props = {
     ...defaultProps,
     ...initialProps
   };
-  const id = react__WEBPACK_IMPORTED_MODULE_1___default().useId();
-  const portalContext = (0,_portal_context__WEBPACK_IMPORTED_MODULE_2__.usePortalContext)();
+  const id = lodash_uniqueId__WEBPACK_IMPORTED_MODULE_0___default()();
+  const portalContext = (0,_portal_context__WEBPACK_IMPORTED_MODULE_3__.usePortalContext)();
   if (!portalContext) {
     const msg = "`renderInPortal` is not supported outside of `VictoryContainer`. " + "Component will be rendered in place";
-    _victory_util_log__WEBPACK_IMPORTED_MODULE_3__.warn(msg);
+    _victory_util_log__WEBPACK_IMPORTED_MODULE_4__.warn(msg);
   }
   const children = Array.isArray(props.children) ? props.children[0] : props.children;
   const {
@@ -3798,15 +3801,15 @@ const VictoryPortal = initialProps => {
     groupComponent,
     standalone: false
   } : {};
-  const newProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()(standardProps, childProps, _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.omit(props, ["children", "groupComponent"]), {
+  const newProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_1___default()(standardProps, childProps, _victory_util_helpers__WEBPACK_IMPORTED_MODULE_5__.omit(props, ["children", "groupComponent"]), {
     key: childProps.key ?? id
   });
-  const child = children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().cloneElement(children, newProps);
-  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+  const child = children && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().cloneElement(children, newProps);
+  react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(() => {
     portalContext?.addChild(id, child);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.children]);
-  react__WEBPACK_IMPORTED_MODULE_1___default().useEffect(() => {
+  react__WEBPACK_IMPORTED_MODULE_2___default().useEffect(() => {
     return () => portalContext?.removeChild(id);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
@@ -4050,6 +4053,1131 @@ const TSpan = props => {
 
 /***/ }),
 
+/***/ "../../victory-core/es/victory-theme/clean.js":
+/*!****************************************************!*\
+  !*** ../../victory-core/es/victory-theme/clean.js ***!
+  \****************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "clean": function() { return /* binding */ clean; }
+/* harmony export */ });
+// *
+// * Colors
+// *
+
+const gray = {
+  white: "#FFFFFF",
+  "50": "#FAFAFA",
+  "100": "#F2F2F2",
+  "200": "#E8E8E8",
+  "300": "#E0E0E0",
+  "400": "#D1D1D1",
+  "500": "#757575",
+  "600": "#5C5C5C",
+  "700": "#424242",
+  "800": "#333333",
+  "900": "#292929",
+  black: "#0F0F0F"
+};
+const yellow = {
+  "100": "#FFEAB6",
+  "300": "#FFD66E",
+  "500": "#FCB400",
+  "900": "#B87503"
+};
+const orange = {
+  "100": "#FEE2D5",
+  "300": "#FFA981",
+  "500": "#FF6F2C",
+  "900": "#D74D26"
+};
+const red = {
+  "100": "#FFDCE5",
+  "300": "#FF9EB7",
+  "500": "#F82B60",
+  "900": "#BA1E45"
+};
+const pink = {
+  "100": "#FFDAF6",
+  "300": "#F99DE2",
+  "500": "#FF08C2",
+  "900": "#B2158B"
+};
+const purple = {
+  "100": "#EDE3FE",
+  "300": "#CDB0FF",
+  "500": "#8B46FF",
+  "900": "#6B1CB0"
+};
+const blue = {
+  "100": "#CFDFFF",
+  "300": "#9CC7FF",
+  "500": "#2D7FF9",
+  "900": "#2750AE"
+};
+const cyan = {
+  "100": "#D0F0FD",
+  "300": "#77D1F3",
+  "500": "#18BFFF",
+  "900": "#0B76B7"
+};
+const teal = {
+  "100": "#C2F5E9",
+  "300": "#72DDC3",
+  "500": "#20D9D2",
+  "900": "#06A09B"
+};
+const green = {
+  "100": "#D1F7C4",
+  "300": "#93E088",
+  "500": "#20C933",
+  "900": "#338A17"
+};
+const colors = {
+  blue: blue["500"],
+  pink: pink["500"],
+  teal: teal["500"],
+  purple: purple["500"],
+  green: green["500"],
+  orange: orange["500"],
+  cyan: cyan["500"],
+  red: red["500"],
+  yellow: yellow["500"]
+};
+const colorScale = Object.values(colors);
+const grayscale = [gray["200"], gray["400"], gray["600"], gray["900"]];
+const warm = [yellow["500"], orange["500"], red["500"], pink["500"]];
+const cool = [cyan["500"], teal["500"], blue["500"], purple["500"]];
+const heatmap = [green["500"], yellow["500"], red["500"]];
+const redPalette = [red["500"], red["300"], red["100"]];
+const greenPalette = [green["500"], green["300"], green["100"]];
+const bluePalette = [blue["500"], blue["300"], blue["100"]];
+
+// *
+// * Typography
+// *
+const sansSerif = "'Inter', 'Helvetica Neue', 'Seravek', 'Helvetica', sans-serif";
+const letterSpacing = "normal";
+const fontSize = 12;
+// *
+// * Layout
+// *
+const padding = 8;
+const baseProps = {
+  width: 450,
+  height: 300,
+  padding: 50,
+  colorScale
+};
+// *
+// * Labels
+// *
+const baseLabelStyles = {
+  fontFamily: sansSerif,
+  fontSize,
+  fontWeight: 300,
+  letterSpacing,
+  padding,
+  fill: gray["900"],
+  stroke: "transparent"
+};
+const centeredLabelStyles = Object.assign({
+  textAnchor: "middle"
+}, baseLabelStyles);
+
+// *
+// * Strokes
+// *
+const strokeDasharray = "10, 5";
+const strokeLinecap = "round";
+const strokeLinejoin = "round";
+const borderRadius = 1;
+// *
+// * Theme
+// *
+const clean = {
+  palette: {
+    colors,
+    grayscale,
+    qualitative: colorScale,
+    heatmap,
+    warm,
+    cool,
+    red: redPalette,
+    green: greenPalette,
+    blue: bluePalette
+  },
+  area: Object.assign({
+    style: {
+      data: {
+        fill: blue["500"],
+        strokeWidth: 2,
+        fillOpacity: 0.5
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  axis: Object.assign({
+    style: {
+      axis: {
+        fill: "transparent",
+        stroke: gray["500"],
+        strokeWidth: 1,
+        strokeLinecap,
+        strokeLinejoin
+      },
+      axisLabel: Object.assign({}, centeredLabelStyles, {
+        padding,
+        stroke: "transparent"
+      }),
+      grid: {
+        fill: "none",
+        stroke: "none",
+        painterEvents: "painted"
+      },
+      ticks: {
+        fill: "transparent",
+        size: 5,
+        stroke: "transparent"
+      },
+      tickLabels: baseLabelStyles
+    }
+  }, baseProps),
+  polarAxis: Object.assign({
+    style: {
+      axis: {
+        stroke: gray["500"]
+      },
+      grid: {
+        stroke: gray["400"],
+        strokeDasharray,
+        strokeLinecap,
+        strokeLinejoin,
+        pointerEvents: "painted"
+      },
+      ticks: {
+        fill: "transparent",
+        size: 5,
+        stroke: gray["400"],
+        strokeWidth: 1,
+        strokeLinecap,
+        strokeLinejoin
+      },
+      tickLabels: baseLabelStyles
+    }
+  }),
+  polarDependentAxis: Object.assign({
+    style: {
+      axis: {
+        stroke: gray["500"]
+      },
+      grid: {
+        stroke: gray["400"],
+        strokeDasharray,
+        strokeLinecap,
+        strokeLinejoin,
+        pointerEvents: "painted"
+      },
+      ticks: {
+        fill: "transparent",
+        size: 5,
+        stroke: gray["300"],
+        strokeWidth: 1,
+        strokeLinecap,
+        strokeLinejoin
+      },
+      tickLabels: baseLabelStyles
+    }
+  }),
+  bar: Object.assign({
+    style: {
+      data: {
+        fill: blue["500"],
+        padding,
+        strokeWidth: 1,
+        fillOpacity: 0.5
+      },
+      labels: baseLabelStyles
+    },
+    cornerRadius: {
+      top: borderRadius
+    }
+  }, baseProps),
+  boxplot: Object.assign({
+    style: {
+      max: {
+        padding,
+        stroke: gray["400"],
+        strokeWidth: 2
+      },
+      maxLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      median: {
+        padding,
+        stroke: gray.white,
+        strokeWidth: 2
+      },
+      medianLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      min: {
+        padding,
+        stroke: gray["400"],
+        strokeWidth: 2
+      },
+      minLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      q1: {
+        padding,
+        fill: teal["500"],
+        rx: borderRadius,
+        strokeWidth: 2
+      },
+      q1Labels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      q3: {
+        padding,
+        fill: cyan["500"],
+        rx: borderRadius
+      },
+      q3Labels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      })
+    },
+    boxWidth: 20
+  }, baseProps),
+  candlestick: Object.assign({
+    style: {
+      data: {
+        stroke: gray["300"],
+        strokeWidth: 0,
+        rx: borderRadius
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 5
+      })
+    },
+    candleColors: {
+      positive: teal["500"],
+      negative: orange["500"]
+    },
+    wickStrokeWidth: 2
+  }, baseProps),
+  chart: baseProps,
+  errorbar: Object.assign({
+    borderWidth: 8,
+    style: {
+      data: {
+        fill: "transparent",
+        opacity: 1,
+        stroke: gray["700"],
+        strokeWidth: 2,
+        strokeLinecap
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  group: Object.assign({
+    colorScale
+  }, baseProps),
+  histogram: Object.assign({
+    style: {
+      data: {
+        fill: cyan["500"],
+        fillOpacity: 0.5
+      },
+      labels: baseLabelStyles
+    },
+    binSpacing: 4,
+    cornerRadius: {
+      top: borderRadius
+    }
+  }, baseProps),
+  label: baseLabelStyles,
+  legend: {
+    colorScale,
+    gutter: 24,
+    borderPadding: 10,
+    orientation: "horizontal",
+    titleOrientation: "top",
+    centerTitle: true,
+    style: {
+      data: {
+        type: "circle"
+      },
+      labels: {
+        ...baseLabelStyles,
+        fontSize: 12
+      },
+      title: Object.assign({}, baseLabelStyles, {
+        padding,
+        fontSize: 16
+      }),
+      border: {
+        stroke: gray["200"],
+        strokeWidth: 2,
+        padding: 16
+      }
+    }
+  },
+  line: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        opacity: 1,
+        stroke: blue["500"],
+        strokeWidth: 2,
+        strokeLinecap,
+        strokeLinejoin
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  pie: Object.assign({
+    style: {
+      parent: {
+        backgroundColor: gray.white
+      },
+      data: {
+        padding,
+        stroke: gray.white,
+        strokeWidth: 1
+      },
+      labels: {
+        ...baseLabelStyles,
+        padding: 20,
+        fill: gray["600"],
+        fontSize: 10
+      }
+    },
+    colorScale,
+    cornerRadius: borderRadius
+  }, baseProps),
+  scatter: Object.assign({
+    style: {
+      data: {
+        fill: purple["500"],
+        opacity: 1,
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: {
+        ...baseLabelStyles,
+        padding: 20
+      }
+    }
+  }, baseProps),
+  stack: Object.assign({
+    colorScale
+  }, baseProps),
+  tooltip: {
+    style: Object.assign({}, baseLabelStyles, {
+      padding: 0,
+      pointerEvents: "none"
+    }),
+    flyoutStyle: {
+      stroke: gray["300"],
+      strokeWidth: 2,
+      fill: gray.white,
+      pointerEvents: "none"
+    },
+    flyoutPadding: {
+      top: 8,
+      bottom: 8,
+      left: 16,
+      right: 16
+    },
+    cornerRadius: borderRadius,
+    pointerLength: 4
+  },
+  voronoi: Object.assign({
+    style: {
+      data: {
+        fill: blue["100"],
+        stroke: blue["500"],
+        strokeWidth: 2,
+        opacity: 0.4
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 5,
+        pointerEvents: "none"
+      }),
+      flyout: {
+        stroke: gray["900"],
+        strokeWidth: 1,
+        fill: gray["100"],
+        pointerEvents: "none"
+      },
+      padding: {
+        left: 2,
+        bottom: 2
+      }
+    }
+  }, baseProps)
+};
+
+/***/ }),
+
+/***/ "../../victory-core/es/victory-theme/grayscale.js":
+/*!********************************************************!*\
+  !*** ../../victory-core/es/victory-theme/grayscale.js ***!
+  \********************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "grayscale": function() { return /* binding */ grayscale; }
+/* harmony export */ });
+// *
+// * Colors
+// *
+const colors = {
+  blue: "#4F7DA1",
+  pink: "#E2A37F",
+  teal: "#00796B",
+  purple: "#DF948A",
+  green: "#8BC34A",
+  orange: "#F4511E",
+  cyan: "#006064",
+  red: "#DF5A49",
+  yellow: "#FFF59D"
+};
+const colorScale = ["#252525", "#525252", "#737373", "#969696", "#bdbdbd", "#d9d9d9", "#f0f0f0"];
+const charcoal = "#252525";
+const grey = "#969696";
+const qualitative = ["#334D5C", "#45B29D", "#EFC94C", "#E27A3F", "#DF5A49", "#4F7DA1", "#55DBC1", "#EFDA97", "#E2A37F", "#DF948A"];
+const heatmap = ["#428517", "#77D200", "#D6D305", "#EC8E19", "#C92B05"];
+const warm = ["#940031", "#C43343", "#DC5429", "#FF821D", "#FFAF55"];
+const cool = ["#2746B9", "#0B69D4", "#2794DB", "#31BB76", "#60E83B"];
+const red = ["#FCAE91", "#FB6A4A", "#DE2D26", "#A50F15", "#750B0E"];
+const green = ["#354722", "#466631", "#649146", "#8AB25C", "#A9C97E"];
+const blue = ["#002C61", "#004B8F", "#006BC9", "#3795E5", "#65B4F4"];
+
+// *
+// * Typography
+// *
+const sansSerif = "'Gill Sans', 'Seravek', 'Trebuchet MS', sans-serif";
+const letterSpacing = "normal";
+const fontSize = 14;
+// *
+// * Layout
+// *
+const baseProps = {
+  width: 450,
+  height: 300,
+  padding: 50,
+  colorScale
+};
+// *
+// * Labels
+// *
+const baseLabelStyles = {
+  fontFamily: sansSerif,
+  fontSize,
+  letterSpacing,
+  padding: 10,
+  fill: charcoal,
+  stroke: "transparent"
+};
+const centeredLabelStyles = Object.assign({
+  textAnchor: "middle"
+}, baseLabelStyles);
+// *
+// * Strokes
+// *
+const strokeLinecap = "round";
+const strokeLinejoin = "round";
+const grayscale = {
+  palette: {
+    colors,
+    grayscale: colorScale,
+    qualitative,
+    heatmap,
+    warm,
+    cool,
+    red,
+    green,
+    blue
+  },
+  area: Object.assign({
+    style: {
+      data: {
+        fill: charcoal
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  axis: Object.assign({
+    style: {
+      axis: {
+        fill: "transparent",
+        stroke: charcoal,
+        strokeWidth: 1,
+        strokeLinecap,
+        strokeLinejoin
+      },
+      axisLabel: Object.assign({}, centeredLabelStyles, {
+        padding: 25
+      }),
+      grid: {
+        fill: "none",
+        stroke: "none",
+        pointerEvents: "painted"
+      },
+      ticks: {
+        fill: "transparent",
+        size: 1,
+        stroke: "transparent"
+      },
+      tickLabels: baseLabelStyles
+    }
+  }, baseProps),
+  bar: Object.assign({
+    style: {
+      data: {
+        fill: charcoal,
+        padding: 8,
+        strokeWidth: 0
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  boxplot: Object.assign({
+    style: {
+      max: {
+        padding: 8,
+        stroke: charcoal,
+        strokeWidth: 1
+      },
+      maxLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      median: {
+        padding: 8,
+        stroke: charcoal,
+        strokeWidth: 1
+      },
+      medianLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      min: {
+        padding: 8,
+        stroke: charcoal,
+        strokeWidth: 1
+      },
+      minLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      q1: {
+        padding: 8,
+        fill: grey
+      },
+      q1Labels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      q3: {
+        padding: 8,
+        fill: grey
+      },
+      q3Labels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      })
+    },
+    boxWidth: 20
+  }, baseProps),
+  candlestick: Object.assign({
+    style: {
+      data: {
+        stroke: charcoal,
+        strokeWidth: 1
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 5
+      })
+    },
+    candleColors: {
+      positive: "#ffffff",
+      negative: charcoal
+    }
+  }, baseProps),
+  chart: baseProps,
+  errorbar: Object.assign({
+    borderWidth: 8,
+    style: {
+      data: {
+        fill: "transparent",
+        stroke: charcoal,
+        strokeWidth: 2
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  group: Object.assign({
+    colorScale
+  }, baseProps),
+  histogram: Object.assign({
+    style: {
+      data: {
+        fill: grey,
+        stroke: charcoal,
+        strokeWidth: 2
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  legend: {
+    colorScale,
+    gutter: 10,
+    orientation: "vertical",
+    titleOrientation: "top",
+    style: {
+      data: {
+        type: "circle"
+      },
+      labels: baseLabelStyles,
+      title: Object.assign({}, baseLabelStyles, {
+        padding: 5
+      })
+    }
+  },
+  line: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        stroke: charcoal,
+        strokeWidth: 2
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  pie: {
+    style: {
+      data: {
+        padding: 10,
+        stroke: "transparent",
+        strokeWidth: 1
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 20
+      })
+    },
+    colorScale,
+    width: 400,
+    height: 400,
+    padding: 50
+  },
+  scatter: Object.assign({
+    style: {
+      data: {
+        fill: charcoal,
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  stack: Object.assign({
+    colorScale
+  }, baseProps),
+  tooltip: {
+    style: Object.assign({}, baseLabelStyles, {
+      padding: 0,
+      pointerEvents: "none"
+    }),
+    flyoutStyle: {
+      stroke: charcoal,
+      strokeWidth: 1,
+      fill: "#f0f0f0",
+      pointerEvents: "none"
+    },
+    flyoutPadding: 5,
+    cornerRadius: 5,
+    pointerLength: 10
+  },
+  voronoi: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 5,
+        pointerEvents: "none"
+      }),
+      flyout: {
+        stroke: charcoal,
+        strokeWidth: 1,
+        fill: "#f0f0f0",
+        pointerEvents: "none"
+      }
+    }
+  }, baseProps)
+};
+
+/***/ }),
+
+/***/ "../../victory-core/es/victory-theme/material.js":
+/*!*******************************************************!*\
+  !*** ../../victory-core/es/victory-theme/material.js ***!
+  \*******************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "material": function() { return /* binding */ material; }
+/* harmony export */ });
+// *
+// * Colors
+// *
+const yellow200 = "#FFF59D";
+const deepOrange600 = "#F4511E";
+const lime300 = "#DCE775";
+const lightGreen500 = "#8BC34A";
+const teal700 = "#00796B";
+const cyan900 = "#006064";
+const colorScale = [deepOrange600, yellow200, lime300, lightGreen500, teal700, cyan900];
+const blueGrey50 = "#ECEFF1";
+const blueGrey300 = "#90A4AE";
+const blueGrey700 = "#455A64";
+const grey900 = "#212121";
+const colors = {
+  blue: "#4F7DA1",
+  pink: "#E2A37F",
+  teal: teal700,
+  purple: "#DF948A",
+  green: lightGreen500,
+  orange: deepOrange600,
+  cyan: cyan900,
+  red: "#DF5A49",
+  yellow: yellow200
+};
+const grayscale = [blueGrey50, blueGrey300, blueGrey700, grey900];
+const qualitative = ["#334D5C", "#45B29D", "#EFC94C", "#E27A3F", "#DF5A49", "#4F7DA1", "#55DBC1", "#EFDA97", "#E2A37F", "#DF948A"];
+const heatmap = ["#428517", "#77D200", "#D6D305", "#EC8E19", "#C92B05"];
+const warm = ["#940031", "#C43343", "#DC5429", "#FF821D", "#FFAF55"];
+const cool = ["#2746B9", "#0B69D4", "#2794DB", "#31BB76", "#60E83B"];
+const red = ["#FCAE91", "#FB6A4A", "#DE2D26", "#A50F15", "#750B0E"];
+const green = ["#354722", "#466631", "#649146", "#8AB25C", "#A9C97E"];
+const blue = ["#002C61", "#004B8F", "#006BC9", "#3795E5", "#65B4F4"];
+
+// *
+// * Typography
+// *
+const sansSerif = "'Helvetica Neue', 'Helvetica', sans-serif";
+const letterSpacing = "normal";
+const fontSize = 12;
+// *
+// * Layout
+// *
+const padding = 8;
+const baseProps = {
+  width: 350,
+  height: 350,
+  padding: 50
+};
+// *
+// * Labels
+// *
+const baseLabelStyles = {
+  fontFamily: sansSerif,
+  fontSize,
+  letterSpacing,
+  padding,
+  fill: blueGrey700,
+  stroke: "transparent",
+  strokeWidth: 0
+};
+const centeredLabelStyles = Object.assign({
+  textAnchor: "middle"
+}, baseLabelStyles);
+// *
+// * Strokes
+// *
+const strokeDasharray = "10, 5";
+const strokeLinecap = "round";
+const strokeLinejoin = "round";
+const material = {
+  palette: {
+    colors,
+    grayscale,
+    qualitative,
+    heatmap,
+    warm,
+    cool,
+    red,
+    green,
+    blue
+  },
+  area: Object.assign({
+    style: {
+      data: {
+        fill: grey900
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  axis: Object.assign({
+    style: {
+      axis: {
+        fill: "transparent",
+        stroke: blueGrey300,
+        strokeWidth: 2,
+        strokeLinecap,
+        strokeLinejoin
+      },
+      axisLabel: Object.assign({}, centeredLabelStyles, {
+        padding,
+        stroke: "transparent"
+      }),
+      grid: {
+        fill: "none",
+        stroke: blueGrey50,
+        strokeDasharray,
+        strokeLinecap,
+        strokeLinejoin,
+        pointerEvents: "painted"
+      },
+      ticks: {
+        fill: "transparent",
+        size: 5,
+        stroke: blueGrey300,
+        strokeWidth: 1,
+        strokeLinecap,
+        strokeLinejoin
+      },
+      tickLabels: Object.assign({}, baseLabelStyles, {
+        fill: blueGrey700
+      })
+    }
+  }, baseProps),
+  polarDependentAxis: Object.assign({
+    style: {
+      ticks: {
+        fill: "transparent",
+        size: 1,
+        stroke: "transparent"
+      }
+    }
+  }),
+  bar: Object.assign({
+    style: {
+      data: {
+        fill: blueGrey700,
+        padding,
+        strokeWidth: 0
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  boxplot: Object.assign({
+    style: {
+      max: {
+        padding,
+        stroke: blueGrey700,
+        strokeWidth: 1
+      },
+      maxLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      median: {
+        padding,
+        stroke: blueGrey700,
+        strokeWidth: 1
+      },
+      medianLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      min: {
+        padding,
+        stroke: blueGrey700,
+        strokeWidth: 1
+      },
+      minLabels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      q1: {
+        padding,
+        fill: blueGrey700
+      },
+      q1Labels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      }),
+      q3: {
+        padding,
+        fill: blueGrey700
+      },
+      q3Labels: Object.assign({}, baseLabelStyles, {
+        padding: 3
+      })
+    },
+    boxWidth: 20
+  }, baseProps),
+  candlestick: Object.assign({
+    style: {
+      data: {
+        stroke: blueGrey700
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 5
+      })
+    },
+    candleColors: {
+      positive: "#ffffff",
+      negative: blueGrey700
+    }
+  }, baseProps),
+  chart: baseProps,
+  errorbar: Object.assign({
+    borderWidth: 8,
+    style: {
+      data: {
+        fill: "transparent",
+        opacity: 1,
+        stroke: blueGrey700,
+        strokeWidth: 2
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  group: Object.assign({
+    colorScale
+  }, baseProps),
+  histogram: Object.assign({
+    style: {
+      data: {
+        fill: blueGrey700,
+        stroke: grey900,
+        strokeWidth: 2
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  legend: {
+    colorScale,
+    gutter: 10,
+    orientation: "vertical",
+    titleOrientation: "top",
+    style: {
+      data: {
+        type: "circle"
+      },
+      labels: baseLabelStyles,
+      title: Object.assign({}, baseLabelStyles, {
+        padding: 5
+      })
+    }
+  },
+  line: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        opacity: 1,
+        stroke: blueGrey700,
+        strokeWidth: 2
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  pie: Object.assign({
+    colorScale,
+    style: {
+      data: {
+        padding,
+        stroke: blueGrey50,
+        strokeWidth: 1
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 20
+      })
+    }
+  }, baseProps),
+  scatter: Object.assign({
+    style: {
+      data: {
+        fill: blueGrey700,
+        opacity: 1,
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: baseLabelStyles
+    }
+  }, baseProps),
+  stack: Object.assign({
+    colorScale
+  }, baseProps),
+  tooltip: {
+    style: Object.assign({}, baseLabelStyles, {
+      padding: 0,
+      pointerEvents: "none"
+    }),
+    flyoutStyle: {
+      stroke: grey900,
+      strokeWidth: 1,
+      fill: "#f0f0f0",
+      pointerEvents: "none"
+    },
+    flyoutPadding: 5,
+    cornerRadius: 5,
+    pointerLength: 10
+  },
+  voronoi: Object.assign({
+    style: {
+      data: {
+        fill: "transparent",
+        stroke: "transparent",
+        strokeWidth: 0
+      },
+      labels: Object.assign({}, baseLabelStyles, {
+        padding: 5,
+        pointerEvents: "none"
+      }),
+      flyout: {
+        stroke: grey900,
+        strokeWidth: 1,
+        fill: "#f0f0f0",
+        pointerEvents: "none"
+      }
+    }
+  }, baseProps)
+};
+
+/***/ }),
+
+/***/ "../../victory-core/es/victory-theme/victory-theme.js":
+/*!************************************************************!*\
+  !*** ../../victory-core/es/victory-theme/victory-theme.js ***!
+  \************************************************************/
+/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "VictoryTheme": function() { return /* binding */ VictoryTheme; }
+/* harmony export */ });
+/* harmony import */ var _grayscale__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./grayscale */ "../../victory-core/es/victory-theme/grayscale.js");
+/* harmony import */ var _material__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./material */ "../../victory-core/es/victory-theme/material.js");
+/* harmony import */ var _clean__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./clean */ "../../victory-core/es/victory-theme/clean.js");
+
+
+
+
+const VictoryTheme = {
+  grayscale: _grayscale__WEBPACK_IMPORTED_MODULE_0__.grayscale,
+  material: _material__WEBPACK_IMPORTED_MODULE_1__.material,
+  clean: _clean__WEBPACK_IMPORTED_MODULE_2__.clean
+};
+
+/***/ }),
+
 /***/ "../../victory-core/es/victory-util/collection.js":
 /*!********************************************************!*\
   !*** ../../victory-core/es/victory-util/collection.js ***!
@@ -5024,6 +6152,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "getColorScale": function() { return /* binding */ getColorScale; },
 /* harmony export */   "toTransformString": function() { return /* binding */ toTransformString; }
 /* harmony export */ });
+/* harmony import */ var _victory_theme_victory_theme__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../victory-theme/victory-theme */ "../../victory-core/es/victory-theme/victory-theme.js");
+
+
 /**
  * Given an object with CSS/SVG transform definitions, return the string value
  * for use with the `transform` CSS property or SVG attribute. Note that we
@@ -5060,20 +6191,37 @@ const toTransformString = function (obj) {
  * of 5 hex string values in that color scale. If no 'name' parameter
  * is given, it will return the Victory default grayscale.
  * @param {String} name The name of the color scale to return (optional).
+ * @param {Object} theme The theme object to retrieve the color scale from (optional).
  * @returns {Array} An array of 5 hex string values composing a color scale.
  */
-function getColorScale(name) {
+function getColorScale(name, theme) {
+  if (theme === void 0) {
+    theme = _victory_theme_victory_theme__WEBPACK_IMPORTED_MODULE_0__.VictoryTheme.material;
+  }
+  const {
+    palette: {
+      grayscale = ["#cccccc", "#969696", "#636363", "#252525"],
+      qualitative = [],
+      heatmap = [],
+      warm = [],
+      cool = [],
+      red = [],
+      blue = [],
+      green = []
+    } = {}
+  } = theme;
   const scales = {
-    grayscale: ["#cccccc", "#969696", "#636363", "#252525"],
-    qualitative: ["#334D5C", "#45B29D", "#EFC94C", "#E27A3F", "#DF5A49", "#4F7DA1", "#55DBC1", "#EFDA97", "#E2A37F", "#DF948A"],
-    heatmap: ["#428517", "#77D200", "#D6D305", "#EC8E19", "#C92B05"],
-    warm: ["#940031", "#C43343", "#DC5429", "#FF821D", "#FFAF55"],
-    cool: ["#2746B9", "#0B69D4", "#2794DB", "#31BB76", "#60E83B"],
-    red: ["#FCAE91", "#FB6A4A", "#DE2D26", "#A50F15", "#750B0E"],
-    blue: ["#002C61", "#004B8F", "#006BC9", "#3795E5", "#65B4F4"],
-    green: ["#354722", "#466631", "#649146", "#8AB25C", "#A9C97E"]
+    grayscale,
+    qualitative,
+    heatmap,
+    warm,
+    cool,
+    red,
+    blue,
+    green
   };
-  return name ? scales[name] : scales.grayscale;
+  const selectedScale = name && scales[name]?.length ? scales[name] : scales.grayscale;
+  return selectedScale;
 }
 
 /***/ }),