diff --git a/package.json b/package.json
index b9b8c80abf..33fe5048d4 100644
--- a/package.json
+++ b/package.json
@@ -186,6 +186,7 @@
     "@storybook/addon-storyshots": "^5.3.17",
     "@storybook/addons": "^5.3.17",
     "@storybook/react": "^5.3.17",
+    "@svgr/rollup": "^5.4.0",
     "@testing-library/dom": "^7.22.2",
     "@testing-library/jest-dom": "^5.11.3",
     "@testing-library/react": "^10.4.8",
diff --git a/src/components/BarChartCard/barChartUtils.js b/src/components/BarChartCard/barChartUtils.js
index 85d862ba41..0138fb4757 100644
--- a/src/components/BarChartCard/barChartUtils.js
+++ b/src/components/BarChartCard/barChartUtils.js
@@ -242,7 +242,7 @@ export const formatColors = (series, datasetNames) => {
   const colors = { identifier: 'group', scale: {} };
 
   // if color is an array, order doesn't matter so just map as many as possible
-  if (Array.isArray(series[0].color)) {
+  if (series[0] && Array.isArray(series[0].color)) {
     series[0].color.forEach((color, index) => {
       colors.scale[datasetNames[index]] = color;
     });
diff --git a/src/components/CardEditor/CardEditForm/CardEditForm.jsx b/src/components/CardEditor/CardEditForm/CardEditForm.jsx
index ee38b3ca96..d21adbcbb1 100644
--- a/src/components/CardEditor/CardEditForm/CardEditForm.jsx
+++ b/src/components/CardEditor/CardEditForm/CardEditForm.jsx
@@ -2,19 +2,37 @@ import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Code16 } from '@carbon/icons-react';
 
-import {
-  CARD_SIZES,
-  CARD_DIMENSIONS,
-  ALLOWED_CARD_SIZES_PER_TYPE,
-} from '../../../constants/LayoutConstants';
+import { CARD_DIMENSIONS } from '../../../constants/LayoutConstants';
 import { settings } from '../../../constants/Settings';
-import { Tabs, Tab, Button, TextArea, TextInput, Dropdown } from '../../../index';
+import { Tabs, Tab, Button } from '../../../index';
 import CardCodeEditor from '../../CardCodeEditor/CardCodeEditor';
 
 import CardEditFormContent from './CardEditFormContent';
+import CardEditFormSettings from './CardEditFormSettings';
 
 const { iotPrefix } = settings;
 
+const propTypes = {
+  /** card data value */
+  cardJson: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  /** card data errors */
+  // errors: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  /** Callback function when form data changes */
+  onChange: PropTypes.func.isRequired,
+  i18n: PropTypes.shape({
+    openEditorButton: PropTypes.string,
+  }),
+  /** if provided, returns an array of strings which are the dataItems to be allowed
+   * on each card
+   * getValidDataItems(card, selectedTimeRange)
+   */
+  getValidDataItems: PropTypes.func,
+  /** an array of dataItem string names to be included on each card
+   * this prop will be ignored if getValidDataItems is defined
+   */
+  dataItems: PropTypes.arrayOf(PropTypes.string),
+};
+
 const defaultProps = {
   cardJson: {},
   i18n: {
@@ -36,18 +54,8 @@ const defaultProps = {
     barChartLayout_VERTICAL: 'Vertical',
     // additional card type names can be provided using the convention of `cardType_TYPE`
   },
-};
-
-const propTypes = {
-  /** card data value */
-  cardJson: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  /** card data errors */
-  // errors: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  /** Callback function when form data changes */
-  onChange: PropTypes.func.isRequired,
-  i18n: PropTypes.shape({
-    openEditorButton: PropTypes.string,
-  }),
+  getValidDataItems: null,
+  dataItems: [],
 };
 
 /**
@@ -96,59 +104,13 @@ export const handleSubmit = (val, setError, onChange, setShowEditor) => {
   return false;
 };
 
-const CardEditForm = ({ cardJson, /* errors, */ onChange, /* onAddImage, */ i18n }) => {
+const CardEditForm = ({ cardJson, onChange, i18n, dataItems, getValidDataItems }) => {
   const mergedI18n = { ...defaultProps.i18n, ...i18n };
   const [showEditor, setShowEditor] = useState(false);
   const [modalData, setModalData] = useState();
 
   const baseClassName = `${iotPrefix}--card-edit-form`;
 
-  const cardContentsTab = (
-    <>
-      <div className={`${baseClassName}--input`}>
-        <TextInput
-          id="title"
-          labelText="Card title"
-          light
-          onChange={evt => onChange({ ...cardJson, title: evt.target.value })}
-          value={cardJson.title}
-        />
-      </div>
-      <div className={`${baseClassName}--input`}>
-        <TextArea
-          id="description"
-          labelText="Description (Optional)"
-          light
-          onChange={evt => onChange({ ...cardJson, description: evt.target.value })}
-          value={cardJson.description}
-        />
-      </div>
-      <div className={`${baseClassName}--input`}>
-        <Dropdown
-          id="size"
-          label="Select a size"
-          direction="bottom"
-          itemToString={item => item.text}
-          items={(ALLOWED_CARD_SIZES_PER_TYPE[cardJson.type] ?? Object.keys(CARD_SIZES)).map(
-            size => {
-              return {
-                id: size,
-                text: getCardSizeText(size, mergedI18n),
-              };
-            }
-          )}
-          light
-          selectedItem={{ id: cardJson.size, text: getCardSizeText(cardJson.size, mergedI18n) }}
-          onChange={({ selectedItem }) => {
-            onChange({ ...cardJson, size: selectedItem.id });
-          }}
-          titleText="Size"
-        />
-      </div>
-    </>
-  );
-  const cardSettingsTab = <>SETTINGS</>;
-
   return (
     <>
       {showEditor ? (
@@ -169,11 +131,22 @@ const CardEditForm = ({ cardJson, /* errors, */ onChange, /* onAddImage, */ i18n
       <div className={baseClassName}>
         <Tabs>
           <Tab label="Content">
-            {/* <div className={`${baseClassName}--content`}>{cardContentsTab}</div> */}
-            <CardEditFormContent cardJson={cardJson} onChange={onChange} i18n={i18n} />
+            <CardEditFormContent
+              cardJson={cardJson}
+              onChange={onChange}
+              i18n={mergedI18n}
+              dataItems={dataItems}
+              getValidDataItems={getValidDataItems}
+            />
           </Tab>
           <Tab label="Settings">
-            <div className={`${baseClassName}--content`}>{cardSettingsTab}</div>
+            <CardEditFormSettings
+              cardJson={cardJson}
+              onChange={onChange}
+              i18n={mergedI18n}
+              dataItems={dataItems}
+              getValidDataItems={getValidDataItems}
+            />
           </Tab>
         </Tabs>
         <div className={`${baseClassName}--footer`}>
diff --git a/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx b/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx
index dba03677ee..407174db9a 100644
--- a/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx
+++ b/src/components/CardEditor/CardEditForm/CardEditFormContent.jsx
@@ -1,6 +1,5 @@
-import React, { useState } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
-import { Code16 } from '@carbon/icons-react';
 
 import {
   CARD_TYPES,
@@ -9,13 +8,39 @@ import {
   ALLOWED_CARD_SIZES_PER_TYPE,
 } from '../../../constants/LayoutConstants';
 import { settings } from '../../../constants/Settings';
-import { Tabs, Tab, Button, TextArea, TextInput, Dropdown } from '../../../index';
-import CardCodeEditor from '../../CardCodeEditor/CardCodeEditor';
+import { TextArea, TextInput, Dropdown } from '../../../index';
+import { timeRangeToJSON } from '../../DashboardEditor/editorUtils';
 
 import DataSeriesFormItem from './CardEditFormItems/DataSeriesFormItem';
 
 const { iotPrefix } = settings;
 
+const propTypes = {
+  /** card data value */
+  cardJson: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  /** card data errors */
+  // errors: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  /** Callback function when form data changes */
+  onChange: PropTypes.func.isRequired,
+  i18n: PropTypes.shape({
+    openEditorButton: PropTypes.string,
+  }),
+  /** if provided, returns an array of strings which are the timeRanges to be allowed
+   * on each card
+   * getValidTimeRanges(card, selectedDataItems)
+   */
+  getValidTimeRanges: PropTypes.func,
+  /** if provided, returns an array of strings which are the dataItems to be allowed
+   * on each card
+   * getValidDataItems(card, selectedTimeRange)
+   */
+  getValidDataItems: PropTypes.func,
+  /** an array of dataItem string names to be included on each card
+   * this prop will be ignored if getValidDataItems is defined
+   */
+  dataItems: PropTypes.arrayOf(PropTypes.string),
+};
+
 const defaultProps = {
   cardJson: {},
   i18n: {
@@ -35,20 +60,28 @@ const defaultProps = {
     barChartType_STACKED: 'Stacked',
     barChartLayout_HORIZONTAL: 'Horizontal',
     barChartLayout_VERTICAL: 'Vertical',
-    // additional card type names can be provided using the convention of `cardType_TYPE`
+    cardTitle: 'Card title',
+    description: 'Description (Optional)',
+    size: 'Size',
+    selectASize: 'Select a size',
+    timeRange: 'Time range',
+    selectATimeRange: 'Select a time range',
   },
+  getValidDataItems: null,
+  getValidTimeRanges: null,
+  dataItems: [],
 };
 
-const propTypes = {
-  /** card data value */
-  cardJson: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  /** card data errors */
-  // errors: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  /** Callback function when form data changes */
-  onChange: PropTypes.func.isRequired,
-  i18n: PropTypes.shape({
-    openEditorButton: PropTypes.string,
-  }),
+export const defaultTimeRangeOptions = {
+  last24Hours: 'Last 24 hrs',
+  last7Days: 'Last 7 days',
+  lastMonth: 'Last month',
+  lastQuarter: 'Last quarter',
+  lastYear: 'Last year',
+  thisWeek: 'This week',
+  thisMonth: 'This month',
+  thisQuarter: 'This quarter',
+  thisYear: 'This year',
 };
 
 /**
@@ -63,41 +96,14 @@ export const getCardSizeText = (size, i18n) => {
   return `${sizeName} ${sizeDimensions}`;
 };
 
-/**
- * Checks for JSON form errors
- * @param {Object} val card JSON text input
- * @param {Function} setError
- * @param {Function} onChange
- * @param {Function} setShowEditor
- */
-export const handleSubmit = (val, setError, onChange, setShowEditor) => {
-  try {
-    let error = false;
-    if (val === '') {
-      setError('JSON value must not be an empty string');
-      error = true;
-    } else {
-      const json = JSON.parse(val);
-      // Check for non-exception throwing cases (false, 1234, null)
-      if (json && typeof json === 'object') {
-        onChange(json);
-        setShowEditor(false);
-      }
-      setError(`${val.substring(0, 8)} is not valid JSON`);
-      error = true;
-    }
-    if (!error) {
-      setError(false);
-      return true;
-    }
-  } catch (e) {
-    setError(e.message);
-    return false;
-  }
-  return false;
-};
-
-const CardEditFormContent = ({ cardJson, onChange, i18n }) => {
+const CardEditFormContent = ({
+  cardJson,
+  onChange,
+  i18n,
+  dataItems,
+  getValidDataItems,
+  getValidTimeRanges,
+}) => {
   const { title, description, size, type } = cardJson;
   const mergedI18n = { ...defaultProps.i18n, ...i18n };
 
@@ -108,7 +114,7 @@ const CardEditFormContent = ({ cardJson, onChange, i18n }) => {
       <div className={`${baseClassName}--input`}>
         <TextInput
           id="title"
-          labelText="Card title"
+          labelText={mergedI18n.cardTitle}
           light
           onChange={evt => onChange({ ...cardJson, title: evt.target.value })}
           value={title}
@@ -117,7 +123,7 @@ const CardEditFormContent = ({ cardJson, onChange, i18n }) => {
       <div className={`${baseClassName}--input`}>
         <TextArea
           id="description"
-          labelText="Description (Optional)"
+          labelText={mergedI18n.description}
           light
           onChange={evt => onChange({ ...cardJson, description: evt.target.value })}
           value={description}
@@ -126,7 +132,7 @@ const CardEditFormContent = ({ cardJson, onChange, i18n }) => {
       <div className={`${baseClassName}--input`}>
         <Dropdown
           id="size"
-          label="Select a size"
+          label={mergedI18n.selectASize}
           direction="bottom"
           itemToString={item => item.text}
           items={(ALLOWED_CARD_SIZES_PER_TYPE[type] ?? Object.keys(CARD_SIZES)).map(cardSize => {
@@ -140,7 +146,7 @@ const CardEditFormContent = ({ cardJson, onChange, i18n }) => {
           onChange={({ selectedItem }) => {
             onChange({ ...cardJson, size: selectedItem.id });
           }}
-          titleText="Size"
+          titleText={mergedI18n.size}
         />
       </div>
       {type === CARD_TYPES.TIMESERIES && (
@@ -148,19 +154,32 @@ const CardEditFormContent = ({ cardJson, onChange, i18n }) => {
           <div className={`${baseClassName}--input`}>
             <Dropdown
               id="timeRange"
-              label="Select a time range"
+              label={mergedI18n.selectATimeRange}
               direction="bottom"
               itemToString={item => item.text}
-              items={[]}
+              items={
+                getValidTimeRanges ||
+                Object.keys(defaultTimeRangeOptions).map(range => ({
+                  id: range,
+                  text: defaultTimeRangeOptions[range],
+                }))
+              }
               light
               //   selectedItem={{}}
               onChange={({ selectedItem }) => {
-                // onChange({ ...cardJson, size: selectedItem.id });
+                const range = timeRangeToJSON[selectedItem.id];
+                onChange({ ...cardJson, dataSource: { ...cardJson.dataSource, range } });
               }}
-              titleText="Time range"
+              titleText={mergedI18n.timeRange}
             />
           </div>
-          <DataSeriesFormItem cardJson={[cardJson]} dataItems={[]} onChange={onChange} />
+          <DataSeriesFormItem
+            cardJson={cardJson}
+            onChange={onChange}
+            dataItems={dataItems}
+            getValidDataItems={getValidDataItems}
+            i18n={mergedI18n}
+          />
         </>
       )}
     </>
diff --git a/src/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItem.jsx b/src/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItem.jsx
index 57c234b7d1..adaa44a465 100644
--- a/src/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItem.jsx
+++ b/src/components/CardEditor/CardEditForm/CardEditFormItems/DataSeriesFormItem.jsx
@@ -1,126 +1,196 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { Edit16 } from '@carbon/icons-react';
+import {
+  purple70,
+  cyan50,
+  teal70,
+  magenta70,
+  red50,
+  red90,
+  green60,
+  blue80,
+  magenta50,
+  purple50,
+  teal50,
+  cyan90,
+} from '@carbon/colors';
+import classnames from 'classnames';
 
 import { settings } from '../../../../constants/Settings';
 import { ComposedModal, Button, List, TextInput, MultiSelect } from '../../../../index';
 
 const { iotPrefix } = settings;
 
-const defaultProps = {
-  value: [],
-  availableDataSourceIds: [],
-  i18n: {},
-};
-
 const propTypes = {
   /* value */
-  value: PropTypes.arrayOf(PropTypes.shape({})),
-  /* extensions supported for upload */
-  availableDataSourceIds: PropTypes.arrayOf(PropTypes.string),
+  cardJson: PropTypes.arrayOf(PropTypes.shape({})),
   /* callback when image input value changes (File object) */
   onChange: PropTypes.func.isRequired,
   i18n: PropTypes.shape({}),
+  /** if provided, returns an array of strings which are the dataItems to be allowed
+   * on each card
+   * getValidDataItems(card, selectedTimeRange)
+   */
+  getValidDataItems: PropTypes.func,
+  /** an array of dataItem string names to be included on each card
+   * this prop will be ignored if getValidDataItems is defined
+   */
+  dataItems: PropTypes.arrayOf(PropTypes.string),
+};
+
+const defaultProps = {
+  cardJson: [],
+  i18n: {
+    dataItemEditorTitle: 'Edit data series',
+    dataItemEditorDataItemTitle: 'Data item',
+    dataItemEditorDataItemLabel: 'Label',
+    dataItemEditorLegendColor: 'Legend color',
+    dataSeriesTitle: 'Data series',
+    selectDataItems: 'Select data items',
+    dataItem: 'Data item',
+    edit: 'Edit',
+  },
+  getValidDataItems: null,
+  dataItems: [],
 };
 
-const DataSeriesFormItem = ({ value = [], availableDataSourceIds, onChange }) => {
+const DATAITEM_COLORS_OPTIONS = [
+  purple70,
+  cyan50,
+  teal70,
+  magenta70,
+  red50,
+  red90,
+  green60,
+  blue80,
+  magenta50,
+  purple50,
+  teal50,
+  cyan90,
+];
+
+export const formatSeries = (selectedItems, cardJson) => {
+  const cardSeries = cardJson.content.series;
+  const series = selectedItems.map(({ id }, i) => {
+    const color =
+      cardSeries.find(dataItem => dataItem.label === id)?.color ??
+      DATAITEM_COLORS_OPTIONS[i % DATAITEM_COLORS_OPTIONS.length];
+    return {
+      dataSourceId: id.toLowerCase(),
+      label: id,
+      color,
+    };
+  });
+  return series;
+};
+
+const DataSeriesFormItem = ({ cardJson = {}, dataItems, getValidDataItems, onChange, i18n }) => {
+  const mergedI18n = { ...defaultProps.i18n, ...i18n };
+
   const [showEditor, setShowEditor] = useState(false);
-  const [editData, setEditData] = useState({});
+  const [editDataItem, setEditDataItem] = useState({});
 
   const baseClassName = `${iotPrefix}--card-edit-form`;
 
+  const validDataItems = getValidDataItems ? getValidDataItems(cardJson, 'timeRange') : dataItems;
+
   return (
     <>
       {showEditor ? (
         <ComposedModal
           header={{
-            title: 'Edit data series',
+            title: mergedI18n.dataItemEditorDataItemTitle,
           }}
+          size="xs"
           onSubmit={() => {
-            onChange(value.map(i => (i.dataSourceId === editData.dataSourceId ? editData : i)));
+            const updatedSeries = [...cardJson.content.series];
+            const editDataItemIndex = updatedSeries.findIndex(
+              dataItem => dataItem.dataSourceId === editDataItem.dataSourceId
+            );
+            updatedSeries[editDataItemIndex] = editDataItem;
+            onChange({ ...cardJson, content: { ...cardJson.content, series: updatedSeries } });
             setShowEditor(false);
-            setEditData(null);
+            setEditDataItem(null);
           }}
           onClose={() => {
             setShowEditor(false);
-            setEditData(null);
+            setEditDataItem(null);
           }}
         >
-          <div style={{ paddingBottom: '1rem' }}>{editData.dataSourceId}</div>
-          <div style={{ paddingBottom: '1rem' }}>
+          <span className="bx--label" style={{ fontSize: '0.75rem' }}>
+            {mergedI18n.dataItemEditorDataItemTitle}
+          </span>
+          <div className={`${baseClassName}--input`}>{editDataItem.label}</div>
+          <div className={`${baseClassName}--input`}>
             <TextInput
               id="seriesLabel"
-              labelText="Label"
+              labelText={mergedI18n.dataItemEditorDataItemLabel}
               light
               onChange={evt =>
-                setEditData({
-                  ...editData,
+                setEditDataItem({
+                  ...editDataItem,
                   label: evt.target.value,
                 })
               }
-              value={editData.label}
+              value={editDataItem.label}
             />
           </div>
-          <div style={{ paddingBottom: '1rem' }}>
-            <div>Legend color</div>
+          <div className={`${baseClassName}--input`}>
+            <span className={`bx--label ${baseClassName}--input--label`}>
+              {mergedI18n.dataItemEditorLegendColor}
+            </span>
             <div className="color-picker">
-              {['red', 'green', 'blue', 'yellow'].map(color => (
+              {DATAITEM_COLORS_OPTIONS.map(color => (
                 <button
                   type="button"
                   style={{ backgroundColor: color }}
-                  className={`color-picker-button ${
-                    color === editData.color ? 'color-picker-button__selected' : ''
-                  }`}
-                  onClick={() => setEditData({ ...editData, color })}
+                  className={classnames('color-picker-button', {
+                    'color-picker-button__selected': color === editDataItem.color,
+                  })}
+                  onClick={() => setEditDataItem({ ...editDataItem, color })}
                 />
               ))}
             </div>
           </div>
         </ComposedModal>
       ) : null}
-      <div className={`${baseClassName}--form-section`}>Data series</div>
+      <div className={`${baseClassName}--form-section`}>{mergedI18n.dataSeriesTitle}</div>
       <div className={`${baseClassName}--input`}>
         <MultiSelect
           id="dataSourceIds"
-          label="Select data items"
+          label={mergedI18n.selectDataItems}
           direction="bottom"
           itemToString={item => item.text}
-          items={[]}
+          items={validDataItems.map(dataItem => ({
+            id: dataItem,
+            text: dataItem,
+          }))}
           light
-          //   initialSelectedItems={value.map(i => ({ id: i.dataSourceId, text: i.dataSourceId }))}
           onChange={({ selectedItems }) => {
-            // construct new series array, duplicating existing configuration if the dataSourceId
-            // already existed
-            const newValue = selectedItems
-              .map(i => i.id)
-              .map(dataSourceId => ({
-                dataSourceId,
-                label: dataSourceId,
-                ...(value.find(i => i.dataSourceId === dataSourceId) ?? {}),
-              }));
-            onChange(newValue);
+            const series = formatSeries(selectedItems, cardJson);
+            onChange({ ...cardJson, content: { ...cardJson.content, series } });
           }}
-          titleText="Data item"
+          titleText={mergedI18n.dataItem}
         />
       </div>
       <List
-        items={value.map(series => ({
+        items={cardJson.content.series.map(series => ({
           id: series.dataSourceId,
           content: {
-            value: series.dataSourceId,
+            value: series.label,
             icon: <div style={{ width: '1rem', height: '1rem', backgroundColor: series.color }} />,
             rowActions: [
               <Button
-                style={{ color: 'black' }}
                 renderIcon={Edit16}
                 hasIconOnly
                 kind="ghost"
                 size="small"
                 onClick={() => {
-                  setEditData(series);
+                  setEditDataItem(series);
                   setShowEditor(true);
                 }}
-                iconDescription="Edit"
+                iconDescription={mergedI18n.edit}
               />,
             ],
           },
diff --git a/src/components/CardEditor/CardEditForm/CardEditFormSettings.jsx b/src/components/CardEditor/CardEditForm/CardEditFormSettings.jsx
new file mode 100644
index 0000000000..0ae5d807bb
--- /dev/null
+++ b/src/components/CardEditor/CardEditForm/CardEditFormSettings.jsx
@@ -0,0 +1,110 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { settings } from '../../../constants/Settings';
+import { TextInput } from '../../../index';
+
+const { iotPrefix } = settings;
+
+const propTypes = {
+  /** card data value */
+  cardJson: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  /** card data errors */
+  // errors: PropTypes.object, // eslint-disable-line react/forbid-prop-types
+  /** Callback function when form data changes */
+  onChange: PropTypes.func.isRequired,
+  i18n: PropTypes.shape({
+    xAxisLabel: PropTypes.string,
+    yAxisLabel: PropTypes.string,
+    unitLabel: PropTypes.string,
+    decimalPrecisionLabel: PropTypes.string,
+    showLegendLable: PropTypes.string,
+  }),
+};
+
+const defaultProps = {
+  cardJson: {},
+  i18n: {
+    xAxisLabel: 'X-axis label',
+    yAxisLabel: 'Y-axis label',
+    unitLabel: 'Unit',
+    decimalPrecisionLabel: 'Decimal precision',
+    showLegendLable: 'Show legend',
+  },
+};
+
+const CardEditFormSettings = ({ cardJson, onChange, i18n }) => {
+  const mergedI18n = { ...defaultProps.i18n, ...i18n };
+  const { content } = cardJson;
+
+  const baseClassName = `${iotPrefix}--card-edit-form`;
+
+  return (
+    <>
+      <div className={`${baseClassName}--input`}>
+        <TextInput
+          id="x-axis-label"
+          labelText={mergedI18n.xAxisLabel}
+          light
+          onChange={evt =>
+            onChange({ ...cardJson, content: { ...cardJson.content, xLabel: evt.target.value } })
+          }
+          value={content?.xLabel}
+        />
+      </div>
+      <div className={`${baseClassName}--input`}>
+        <TextInput
+          id="y-axis-label"
+          labelText={mergedI18n.yAxisLabel}
+          light
+          onChange={evt =>
+            onChange({ ...cardJson, content: { ...cardJson.content, yLabel: evt.target.value } })
+          }
+          value={content?.yLabel}
+        />
+      </div>
+      <div className={`${baseClassName}--input`}>
+        <TextInput
+          id="unit-selection"
+          labelText={mergedI18n.unitLabel}
+          light
+          onChange={evt =>
+            onChange({ ...cardJson, content: { ...cardJson.content, unit: evt.target.value } })
+          }
+          value={content?.unit}
+        />
+      </div>
+      {/* 
+
+      TODO: support "decimal precision" and legend toggling in future iteration
+
+      <div className={`${baseClassName}--input`}>
+        <TextInput
+          id="decimal-precision"
+          labelText={mergedI18n.decimalPrecisionLabel}
+          light
+          onChange={evt => onChange({ ...cardJson, description: evt.target.value })}
+          value={description}
+        />
+      </div>
+      <div className={`${baseClassName}--input`}>
+        <div className={`${baseClassName}--input--toggle-field`}>
+          <span>{mergedI18n.showLegend}</span>
+          <ToggleSmall
+            id="show-legend-toggle"
+            aria-label="show-legend"
+            defaultToggled
+            labelA=""
+            labelB=""
+            onToggle={showLegend => onChange({ ...cardJson, showLegend })}
+          />
+        </div>
+      </div> */}
+    </>
+  );
+};
+
+CardEditFormSettings.propTypes = propTypes;
+CardEditFormSettings.defaultProps = defaultProps;
+
+export default CardEditFormSettings;
diff --git a/src/components/CardEditor/CardEditForm/_card-edit-form.scss b/src/components/CardEditor/CardEditForm/_card-edit-form.scss
index 90e318b94a..d1b7eac8e8 100644
--- a/src/components/CardEditor/CardEditForm/_card-edit-form.scss
+++ b/src/components/CardEditor/CardEditForm/_card-edit-form.scss
@@ -16,10 +16,10 @@
     background-color: $ui-02;
   }
   .color-picker {
-    padding-top: $spacing-03;
     .color-picker-button {
-      width: $layout-03;
-      height: $layout-03;
+      // need to leave just enough room for the selected border
+      width: 1.95rem;
+      height: 1.95rem;
       border: solid $spacing-01 $ui-01;
     }
     .color-picker-button__selected {
@@ -41,6 +41,20 @@
   }
   &--input {
     padding-bottom: $spacing-05;
+    &--label {
+      font-size: 0.75;
+    }
+    &--toggle-field {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      .#{$prefix}--form-item {
+        flex: 0;
+      }
+      .#{$prefix}--toggle-input__label .#{$prefix}--toggle__switch {
+        margin-top: 0;
+      }
+    }
   }
   &--input-inline {
     padding: 0 $spacing-05 $spacing-05;
@@ -62,4 +76,7 @@
       width: 100%;
     }
   }
+  .#{$prefix}--modal-container--xs {
+    max-height: none;
+  }
 }
diff --git a/src/components/CardEditor/CardEditor.jsx b/src/components/CardEditor/CardEditor.jsx
index c81bbf3ee1..6a1d063816 100644
--- a/src/components/CardEditor/CardEditor.jsx
+++ b/src/components/CardEditor/CardEditor.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Apps16 } from '@carbon/icons-react';
+import isNil from 'lodash/isNil';
 
 import { Button } from '../../index';
 import { settings } from '../../constants/Settings';
@@ -24,6 +25,15 @@ const propTypes = {
   /** Callback function when an image file is uploaded */
   // onAddImage: PropTypes.func.isRequired,
   supportedTypes: PropTypes.arrayOf(PropTypes.string),
+  /** if provided, returns an array of strings which are the dataItems to be allowed
+   * on each card
+   * getValidDataItems(card, selectedTimeRange)
+   */
+  getValidDataItems: PropTypes.func,
+  /** an array of dataItem string names to be included on each card
+   * this prop will be ignored if getValidDataItems is defined
+   */
+  dataItems: PropTypes.arrayOf(PropTypes.string),
   i18n: PropTypes.shape({
     galleryHeader: PropTypes.string,
     addCardButton: PropTypes.string,
@@ -40,6 +50,8 @@ const defaultProps = {
     openJSONButton: 'Open JSON editor',
   },
   supportedTypes: ['BAR', 'TIMESERIES', 'VALUE', 'IMAGE', 'TABLE'],
+  getValidDataItems: null,
+  dataItems: [],
 };
 
 const CardEditor = ({
@@ -49,6 +61,8 @@ const CardEditor = ({
   onAddCard,
   // onAddImage,
   supportedTypes,
+  getValidDataItems,
+  dataItems,
   i18n,
 }) => {
   const mergedI18N = { ...defaultProps.i18n, ...i18n };
@@ -56,7 +70,7 @@ const CardEditor = ({
   const baseClassName = `${iotPrefix}--card-editor`;
 
   // show the gallery if no card is being edited
-  const showGallery = cardJson === null || cardJson === undefined;
+  const showGallery = isNil(cardJson);
 
   return (
     <div className={baseClassName}>
@@ -81,7 +95,13 @@ const CardEditor = ({
             i18n={mergedI18N}
           />
         ) : (
-          <CardEditForm cardJson={cardJson} onChange={onChange} /* onAddImage={onAddImage} */ />
+          <CardEditForm
+            cardJson={cardJson}
+            onChange={onChange}
+            dataItems={dataItems}
+            getValidDataItems={getValidDataItems}
+            i18n={mergedI18N}
+          />
         )}
       </div>
     </div>
diff --git a/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot b/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
index 101d9f6818..d6a64fdd26 100644
--- a/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
+++ b/src/components/CardEditor/__snapshots__/CardEditor.story.storyshot
@@ -24,282 +24,294 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
       <div
         className="iot--card-editor"
       >
-        <div
-          className="iot--card-editor--header"
-        >
-          <button
-            className="gallery-button iot--btn bx--btn bx--btn--sm bx--btn--ghost"
-            disabled={false}
-            onClick={[Function]}
-            tabIndex={0}
-            type="button"
-          >
-            Open gallery
-            <svg
-              aria-hidden={true}
-              className="bx--btn__icon"
-              fill="currentColor"
-              focusable="false"
-              height={16}
-              preserveAspectRatio="xMidYMid meet"
-              viewBox="0 0 16 16"
-              width={16}
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M4 2v2H2V2h2zm1-1H1v4h4V1zM9 2v2H7V2h2zm1-1H6v4h4V1zM14 2v2h-2V2h2zm1-1h-4v4h4V1zM4 7v2H2V7h2zm1-1H1v4h4V6zM9 7v2H7V7h2zm1-1H6v4h4V6zM14 7v2h-2V7h2zm1-1h-4v4h4V6zM4 12v2H2v-2h2zm1-1H1v4h4v-4zM9 12v2H7v-2h2zm1-1H6v4h4v-4zM14 12v2h-2v-2h2zm1-1h-4v4h4v-4z"
-              />
-            </svg>
-          </button>
-        </div>
         <div
           className="iot--card-editor--content"
         >
           <div
-            className="iot--card-edit-form"
+            className="iot--list iot--list__full-height"
           >
             <div
-              className="bx--tabs"
-              role="navigation"
-              selected={0}
+              className="iot--list-header-container"
             >
               <div
-                aria-label="listbox"
-                className="bx--tabs-trigger"
-                onClick={[Function]}
-                onKeyPress={[Function]}
-                role="listbox"
-                tabIndex={0}
+                className="iot--list-header"
               >
-                <a
-                  className="bx--tabs-trigger-text"
-                  href="#"
-                  onClick={[Function]}
-                  tabIndex={-1}
-                >
-                  Configuration
-                </a>
-                <svg
-                  aria-hidden={true}
-                  fill="currentColor"
-                  focusable="false"
-                  height={16}
-                  preserveAspectRatio="xMidYMid meet"
-                  viewBox="0 0 16 16"
-                  width={16}
-                  xmlns="http://www.w3.org/2000/svg"
+                <div
+                  className="iot--list-header--title"
                 >
-                  <path
-                    d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
-                  />
-                  <title>
-                    show menu options
-                  </title>
-                </svg>
+                  Gallery
+                </div>
+                <div
+                  className="iot--list-header--btn-container"
+                />
               </div>
-              <ul
-                className="bx--tabs__nav bx--tabs__nav--hidden"
-                role="tablist"
+              <div
+                className="iot--list-header--search"
               >
-                <li
-                  aria-controls="undefined__panel"
-                  aria-selected={true}
-                  className="bx--tabs__nav-item bx--tabs__nav-item--selected"
-                  onClick={[Function]}
-                  onKeyDown={[Function]}
-                  role="tab"
-                  tabIndex={-1}
+                <div
+                  aria-labelledby="iot--list-header--search-search"
+                  className="bx--search bx--search--sm"
+                  role="search"
                 >
-                  <a
-                    className="bx--tabs__nav-link"
-                    href="#"
-                    tabIndex={0}
+                  <svg
+                    aria-hidden={true}
+                    className="bx--search-magnifier"
+                    fill="currentColor"
+                    focusable="false"
+                    height={16}
+                    preserveAspectRatio="xMidYMid meet"
+                    viewBox="0 0 16 16"
+                    width={16}
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+                    />
+                  </svg>
+                  <label
+                    className="bx--label"
+                    htmlFor="iot--list-header--search"
+                    id="iot--list-header--search-search"
+                  >
+                    Enter a value
+                  </label>
+                  <input
+                    autoComplete="off"
+                    className="bx--search-input"
+                    id="iot--list-header--search"
+                    onChange={[Function]}
+                    placeholder="Enter a value"
+                    role="searchbox"
+                    type="text"
+                    value=""
+                  />
+                  <button
+                    aria-label="Clear search input"
+                    className="bx--search-close bx--search-close--hidden"
+                    onClick={[Function]}
+                    type="button"
                   >
-                    Configuration
-                  </a>
-                </li>
-              </ul>
+                    <svg
+                      aria-hidden={true}
+                      fill="currentColor"
+                      focusable="false"
+                      height={16}
+                      preserveAspectRatio="xMidYMid meet"
+                      viewBox="0 0 32 32"
+                      width={16}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
+                      />
+                    </svg>
+                  </button>
+                </div>
+              </div>
             </div>
             <div
-              aria-hidden={false}
-              className="bx--tab-content"
-              hidden={false}
-              role="tabpanel"
-              selected={true}
+              className="iot--list--content__full-height iot--list--content"
             >
               <div
-                className="iot--card-edit-form--content"
+                className="iot--list-item-parent"
+                data-floating-menu-container={true}
               >
                 <div
-                  className="iot--card-edit-form--input"
+                  className="iot--list-item iot--list-item__selectable"
+                  data_testid={null}
+                  onClick={[Function]}
+                  onKeyPress={[Function]}
+                  role="button"
+                  tabIndex={0}
                 >
                   <div
-                    className="bx--form-item bx--text-input-wrapper bx--text-input-wrapper--light"
+                    className="iot--list-item--content"
                   >
-                    <label
-                      className="bx--label"
-                      htmlFor="title"
+                    <div
+                      className="iot--list-item--content--icon iot--list-item--content--icon__left"
                     >
-                      Card title
-                    </label>
+                      <img
+                        alt="Simple bar"
+                        src="simple-bar-graph.svg"
+                      />
+                    </div>
                     <div
-                      className="bx--text-input__field-outer-wrapper"
+                      className="iot--list-item--content--values"
                     >
                       <div
-                        className="bx--text-input__field-wrapper"
-                        data-invalid={null}
-                        data-warn={null}
+                        className="iot--list-item--content--values--main"
                       >
-                        <input
-                          className="bx--text-input bx--text__input bx--text-input--light"
-                          disabled={false}
-                          id="title"
-                          onChange={[Function]}
-                          onClick={[Function]}
-                          type="text"
-                          value="Calculated"
-                        />
+                        <div
+                          className="iot--list-item--content--values--value"
+                          title="Simple bar"
+                        >
+                          Simple bar
+                        </div>
                       </div>
                     </div>
                   </div>
                 </div>
+              </div>
+              <div
+                className="iot--list-item-parent"
+                data-floating-menu-container={true}
+              >
                 <div
-                  className="iot--card-edit-form--input"
+                  className="iot--list-item iot--list-item__selectable"
+                  data_testid={null}
+                  onClick={[Function]}
+                  onKeyPress={[Function]}
+                  role="button"
+                  tabIndex={0}
                 >
                   <div
-                    className="bx--form-item"
+                    className="iot--list-item--content"
                   >
-                    <label
-                      className="bx--label"
-                      htmlFor="description"
-                    >
-                      Description (Optional)
-                    </label>
                     <div
-                      className="bx--text-area__wrapper"
-                      data-invalid={null}
+                      className="iot--list-item--content--icon iot--list-item--content--icon__left"
                     >
-                      <textarea
-                        aria-describedby={null}
-                        aria-invalid={null}
-                        className="bx--text-area bx--text-area--light"
-                        cols={50}
-                        disabled={false}
-                        id="description"
-                        onChange={[Function]}
-                        onClick={[Function]}
-                        placeholder=""
-                        rows={4}
+                      <img
+                        alt="Time series"
+                        src="line-graph.svg"
                       />
                     </div>
+                    <div
+                      className="iot--list-item--content--values"
+                    >
+                      <div
+                        className="iot--list-item--content--values--main"
+                      >
+                        <div
+                          className="iot--list-item--content--values--value"
+                          title="Time series line"
+                        >
+                          Time series line
+                        </div>
+                      </div>
+                    </div>
                   </div>
                 </div>
+              </div>
+              <div
+                className="iot--list-item-parent"
+                data-floating-menu-container={true}
+              >
                 <div
-                  className="iot--card-edit-form--input"
+                  className="iot--list-item iot--list-item__selectable"
+                  data_testid={null}
+                  onClick={[Function]}
+                  onKeyPress={[Function]}
+                  role="button"
+                  tabIndex={0}
                 >
                   <div
-                    className="bx--dropdown__wrapper bx--list-box__wrapper"
+                    className="iot--list-item--content"
                   >
-                    <label
-                      className="bx--label"
-                      htmlFor="downshift-0-toggle-button"
-                      id="downshift-0-label"
+                    <div
+                      className="iot--list-item--content--icon iot--list-item--content--icon__left"
                     >
-                      Size
-                    </label>
+                      <img
+                        alt="Value / KPI"
+                        src="value-kpi.svg"
+                      />
+                    </div>
                     <div
-                      className="bx--dropdown bx--dropdown--light bx--list-box bx--list-box--light"
-                      id="size"
-                      onClick={[Function]}
-                      onKeyDown={[Function]}
+                      className="iot--list-item--content--values"
                     >
-                      <button
-                        aria-disabled={false}
-                        aria-expanded={false}
-                        aria-haspopup="listbox"
-                        aria-labelledby="downshift-0-label downshift-0-toggle-button"
-                        className="bx--list-box__field"
-                        disabled={false}
-                        id="downshift-0-toggle-button"
-                        onClick={[Function]}
-                        onKeyDown={[Function]}
-                        type="button"
+                      <div
+                        className="iot--list-item--content--values--main"
                       >
-                        <span
-                          className="bx--list-box__label"
-                        >
-                          Medium thin (4x2)
-                        </span>
                         <div
-                          className="bx--list-box__menu-icon"
+                          className="iot--list-item--content--values--value"
+                          title="Value / KPI"
                         >
-                          <svg
-                            aria-label="Open menu"
-                            fill="currentColor"
-                            focusable="false"
-                            height={16}
-                            name="chevron--down"
-                            preserveAspectRatio="xMidYMid meet"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
-                            />
-                            <title>
-                              Open menu
-                            </title>
-                          </svg>
+                          Value / KPI
                         </div>
-                      </button>
-                      <div
-                        aria-labelledby="downshift-0-label"
-                        className="bx--list-box__menu"
-                        id="downshift-0-menu"
-                        onBlur={[Function]}
-                        onKeyDown={[Function]}
-                        onMouseLeave={[Function]}
-                        role="listbox"
-                        tabIndex={-1}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div
+                className="iot--list-item-parent"
+                data-floating-menu-container={true}
+              >
+                <div
+                  className="iot--list-item iot--list-item__selectable"
+                  data_testid={null}
+                  onClick={[Function]}
+                  onKeyPress={[Function]}
+                  role="button"
+                  tabIndex={0}
+                >
+                  <div
+                    className="iot--list-item--content"
+                  >
+                    <div
+                      className="iot--list-item--content--icon iot--list-item--content--icon__left"
+                    >
+                      <img
+                        alt="Image card"
+                        src="image.svg"
                       />
                     </div>
+                    <div
+                      className="iot--list-item--content--values"
+                    >
+                      <div
+                        className="iot--list-item--content--values--main"
+                      >
+                        <div
+                          className="iot--list-item--content--values--value"
+                          title="Image"
+                        >
+                          Image
+                        </div>
+                      </div>
+                    </div>
                   </div>
                 </div>
               </div>
-            </div>
-            <div
-              className="iot--card-edit-form--footer"
-            >
-              <button
-                className="iot--btn bx--btn bx--btn--sm bx--btn--tertiary"
-                disabled={false}
-                onClick={[Function]}
-                tabIndex={0}
-                type="button"
+              <div
+                className="iot--list-item-parent"
+                data-floating-menu-container={true}
               >
-                Open JSON editor
-                <svg
-                  aria-hidden={true}
-                  className="bx--btn__icon"
-                  fill="currentColor"
-                  focusable="false"
-                  height={16}
-                  preserveAspectRatio="xMidYMid meet"
-                  viewBox="0 0 32 32"
-                  width={16}
-                  xmlns="http://www.w3.org/2000/svg"
+                <div
+                  className="iot--list-item iot--list-item__selectable"
+                  data_testid={null}
+                  onClick={[Function]}
+                  onKeyPress={[Function]}
+                  role="button"
+                  tabIndex={0}
                 >
-                  <path
-                    d="M31 16L24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16zM1 16L8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"
-                  />
-                  <path
-                    d="M5.91 15H26.080000000000002V17H5.91z"
-                    transform="rotate(-75 15.996 16)"
-                  />
-                </svg>
-              </button>
+                  <div
+                    className="iot--list-item--content"
+                  >
+                    <div
+                      className="iot--list-item--content--icon iot--list-item--content--icon__left"
+                    >
+                      <img
+                        alt="Table"
+                        src="data-table.svg"
+                      />
+                    </div>
+                    <div
+                      className="iot--list-item--content--values"
+                    >
+                      <div
+                        className="iot--list-item--content--values--main"
+                      >
+                        <div
+                          className="iot--list-item--content--values--value"
+                          title="Data table"
+                        >
+                          Data table
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
             </div>
           </div>
         </div>
@@ -373,282 +385,294 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
         <div
           className="iot--card-editor"
         >
-          <div
-            className="iot--card-editor--header"
-          >
-            <button
-              className="gallery-button iot--btn bx--btn bx--btn--sm bx--btn--ghost"
-              disabled={false}
-              onClick={[Function]}
-              tabIndex={0}
-              type="button"
-            >
-              Open gallery
-              <svg
-                aria-hidden={true}
-                className="bx--btn__icon"
-                fill="currentColor"
-                focusable="false"
-                height={16}
-                preserveAspectRatio="xMidYMid meet"
-                viewBox="0 0 16 16"
-                width={16}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M4 2v2H2V2h2zm1-1H1v4h4V1zM9 2v2H7V2h2zm1-1H6v4h4V1zM14 2v2h-2V2h2zm1-1h-4v4h4V1zM4 7v2H2V7h2zm1-1H1v4h4V6zM9 7v2H7V7h2zm1-1H6v4h4V6zM14 7v2h-2V7h2zm1-1h-4v4h4V6zM4 12v2H2v-2h2zm1-1H1v4h4v-4zM9 12v2H7v-2h2zm1-1H6v4h4v-4zM14 12v2h-2v-2h2zm1-1h-4v4h4v-4z"
-                />
-              </svg>
-            </button>
-          </div>
           <div
             className="iot--card-editor--content"
           >
             <div
-              className="iot--card-edit-form"
+              className="iot--list iot--list__full-height"
             >
               <div
-                className="bx--tabs"
-                role="navigation"
-                selected={0}
+                className="iot--list-header-container"
               >
                 <div
-                  aria-label="listbox"
-                  className="bx--tabs-trigger"
-                  onClick={[Function]}
-                  onKeyPress={[Function]}
-                  role="listbox"
-                  tabIndex={0}
+                  className="iot--list-header"
                 >
-                  <a
-                    className="bx--tabs-trigger-text"
-                    href="#"
-                    onClick={[Function]}
-                    tabIndex={-1}
-                  >
-                    Configuration
-                  </a>
-                  <svg
-                    aria-hidden={true}
-                    fill="currentColor"
-                    focusable="false"
-                    height={16}
-                    preserveAspectRatio="xMidYMid meet"
-                    viewBox="0 0 16 16"
-                    width={16}
-                    xmlns="http://www.w3.org/2000/svg"
+                  <div
+                    className="iot--list-header--title"
                   >
-                    <path
-                      d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
-                    />
-                    <title>
-                      show menu options
-                    </title>
-                  </svg>
+                    Gallery
+                  </div>
+                  <div
+                    className="iot--list-header--btn-container"
+                  />
                 </div>
-                <ul
-                  className="bx--tabs__nav bx--tabs__nav--hidden"
-                  role="tablist"
+                <div
+                  className="iot--list-header--search"
                 >
-                  <li
-                    aria-controls="undefined__panel"
-                    aria-selected={true}
-                    className="bx--tabs__nav-item bx--tabs__nav-item--selected"
-                    onClick={[Function]}
-                    onKeyDown={[Function]}
-                    role="tab"
-                    tabIndex={-1}
+                  <div
+                    aria-labelledby="iot--list-header--search-search"
+                    className="bx--search bx--search--sm"
+                    role="search"
                   >
-                    <a
-                      className="bx--tabs__nav-link"
-                      href="#"
-                      tabIndex={0}
+                    <svg
+                      aria-hidden={true}
+                      className="bx--search-magnifier"
+                      fill="currentColor"
+                      focusable="false"
+                      height={16}
+                      preserveAspectRatio="xMidYMid meet"
+                      viewBox="0 0 16 16"
+                      width={16}
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M15,14.3L10.7,10c1.9-2.3,1.6-5.8-0.7-7.7S4.2,0.7,2.3,3S0.7,8.8,3,10.7c2,1.7,5,1.7,7,0l4.3,4.3L15,14.3z M2,6.5	C2,4,4,2,6.5,2S11,4,11,6.5S9,11,6.5,11S2,9,2,6.5z"
+                      />
+                    </svg>
+                    <label
+                      className="bx--label"
+                      htmlFor="iot--list-header--search"
+                      id="iot--list-header--search-search"
+                    >
+                      Enter a value
+                    </label>
+                    <input
+                      autoComplete="off"
+                      className="bx--search-input"
+                      id="iot--list-header--search"
+                      onChange={[Function]}
+                      placeholder="Enter a value"
+                      role="searchbox"
+                      type="text"
+                      value=""
+                    />
+                    <button
+                      aria-label="Clear search input"
+                      className="bx--search-close bx--search-close--hidden"
+                      onClick={[Function]}
+                      type="button"
                     >
-                      Configuration
-                    </a>
-                  </li>
-                </ul>
+                      <svg
+                        aria-hidden={true}
+                        fill="currentColor"
+                        focusable="false"
+                        height={16}
+                        preserveAspectRatio="xMidYMid meet"
+                        viewBox="0 0 32 32"
+                        width={16}
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M24 9.4L22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4z"
+                        />
+                      </svg>
+                    </button>
+                  </div>
+                </div>
               </div>
               <div
-                aria-hidden={false}
-                className="bx--tab-content"
-                hidden={false}
-                role="tabpanel"
-                selected={true}
+                className="iot--list--content__full-height iot--list--content"
               >
                 <div
-                  className="iot--card-edit-form--content"
+                  className="iot--list-item-parent"
+                  data-floating-menu-container={true}
                 >
                   <div
-                    className="iot--card-edit-form--input"
+                    className="iot--list-item iot--list-item__selectable"
+                    data_testid={null}
+                    onClick={[Function]}
+                    onKeyPress={[Function]}
+                    role="button"
+                    tabIndex={0}
                   >
                     <div
-                      className="bx--form-item bx--text-input-wrapper bx--text-input-wrapper--light"
+                      className="iot--list-item--content"
                     >
-                      <label
-                        className="bx--label"
-                        htmlFor="title"
+                      <div
+                        className="iot--list-item--content--icon iot--list-item--content--icon__left"
                       >
-                        Card title
-                      </label>
+                        <img
+                          alt="Simple bar"
+                          src="simple-bar-graph.svg"
+                        />
+                      </div>
                       <div
-                        className="bx--text-input__field-outer-wrapper"
+                        className="iot--list-item--content--values"
                       >
                         <div
-                          className="bx--text-input__field-wrapper"
-                          data-invalid={null}
-                          data-warn={null}
+                          className="iot--list-item--content--values--main"
                         >
-                          <input
-                            className="bx--text-input bx--text__input bx--text-input--light"
-                            disabled={false}
-                            id="title"
-                            onChange={[Function]}
-                            onClick={[Function]}
-                            type="text"
-                            value="New card"
-                          />
+                          <div
+                            className="iot--list-item--content--values--value"
+                            title="Simple bar"
+                          >
+                            Simple bar
+                          </div>
                         </div>
                       </div>
                     </div>
                   </div>
+                </div>
+                <div
+                  className="iot--list-item-parent"
+                  data-floating-menu-container={true}
+                >
                   <div
-                    className="iot--card-edit-form--input"
+                    className="iot--list-item iot--list-item__selectable"
+                    data_testid={null}
+                    onClick={[Function]}
+                    onKeyPress={[Function]}
+                    role="button"
+                    tabIndex={0}
                   >
                     <div
-                      className="bx--form-item"
+                      className="iot--list-item--content"
                     >
-                      <label
-                        className="bx--label"
-                        htmlFor="description"
-                      >
-                        Description (Optional)
-                      </label>
                       <div
-                        className="bx--text-area__wrapper"
-                        data-invalid={null}
+                        className="iot--list-item--content--icon iot--list-item--content--icon__left"
                       >
-                        <textarea
-                          aria-describedby={null}
-                          aria-invalid={null}
-                          className="bx--text-area bx--text-area--light"
-                          cols={50}
-                          disabled={false}
-                          id="description"
-                          onChange={[Function]}
-                          onClick={[Function]}
-                          placeholder=""
-                          rows={4}
+                        <img
+                          alt="Time series"
+                          src="line-graph.svg"
                         />
                       </div>
+                      <div
+                        className="iot--list-item--content--values"
+                      >
+                        <div
+                          className="iot--list-item--content--values--main"
+                        >
+                          <div
+                            className="iot--list-item--content--values--value"
+                            title="Time series line"
+                          >
+                            Time series line
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
+                </div>
+                <div
+                  className="iot--list-item-parent"
+                  data-floating-menu-container={true}
+                >
                   <div
-                    className="iot--card-edit-form--input"
+                    className="iot--list-item iot--list-item__selectable"
+                    data_testid={null}
+                    onClick={[Function]}
+                    onKeyPress={[Function]}
+                    role="button"
+                    tabIndex={0}
                   >
                     <div
-                      className="bx--dropdown__wrapper bx--list-box__wrapper"
+                      className="iot--list-item--content"
                     >
-                      <label
-                        className="bx--label"
-                        htmlFor="downshift-1-toggle-button"
-                        id="downshift-1-label"
+                      <div
+                        className="iot--list-item--content--icon iot--list-item--content--icon__left"
                       >
-                        Size
-                      </label>
+                        <img
+                          alt="Value / KPI"
+                          src="value-kpi.svg"
+                        />
+                      </div>
                       <div
-                        className="bx--dropdown bx--dropdown--light bx--list-box bx--list-box--light"
-                        id="size"
-                        onClick={[Function]}
-                        onKeyDown={[Function]}
+                        className="iot--list-item--content--values"
                       >
-                        <button
-                          aria-disabled={false}
-                          aria-expanded={false}
-                          aria-haspopup="listbox"
-                          aria-labelledby="downshift-1-label downshift-1-toggle-button"
-                          className="bx--list-box__field"
-                          disabled={false}
-                          id="downshift-1-toggle-button"
-                          onClick={[Function]}
-                          onKeyDown={[Function]}
-                          type="button"
+                        <div
+                          className="iot--list-item--content--values--main"
                         >
-                          <span
-                            className="bx--list-box__label"
-                          >
-                            Small (4x1)
-                          </span>
                           <div
-                            className="bx--list-box__menu-icon"
+                            className="iot--list-item--content--values--value"
+                            title="Value / KPI"
                           >
-                            <svg
-                              aria-label="Open menu"
-                              fill="currentColor"
-                              focusable="false"
-                              height={16}
-                              name="chevron--down"
-                              preserveAspectRatio="xMidYMid meet"
-                              role="img"
-                              viewBox="0 0 16 16"
-                              width={16}
-                              xmlns="http://www.w3.org/2000/svg"
-                            >
-                              <path
-                                d="M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z"
-                              />
-                              <title>
-                                Open menu
-                              </title>
-                            </svg>
+                            Value / KPI
                           </div>
-                        </button>
-                        <div
-                          aria-labelledby="downshift-1-label"
-                          className="bx--list-box__menu"
-                          id="downshift-1-menu"
-                          onBlur={[Function]}
-                          onKeyDown={[Function]}
-                          onMouseLeave={[Function]}
-                          role="listbox"
-                          tabIndex={-1}
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  className="iot--list-item-parent"
+                  data-floating-menu-container={true}
+                >
+                  <div
+                    className="iot--list-item iot--list-item__selectable"
+                    data_testid={null}
+                    onClick={[Function]}
+                    onKeyPress={[Function]}
+                    role="button"
+                    tabIndex={0}
+                  >
+                    <div
+                      className="iot--list-item--content"
+                    >
+                      <div
+                        className="iot--list-item--content--icon iot--list-item--content--icon__left"
+                      >
+                        <img
+                          alt="Image card"
+                          src="image.svg"
                         />
                       </div>
+                      <div
+                        className="iot--list-item--content--values"
+                      >
+                        <div
+                          className="iot--list-item--content--values--main"
+                        >
+                          <div
+                            className="iot--list-item--content--values--value"
+                            title="Image"
+                          >
+                            Image
+                          </div>
+                        </div>
+                      </div>
                     </div>
                   </div>
                 </div>
-              </div>
-              <div
-                className="iot--card-edit-form--footer"
-              >
-                <button
-                  className="iot--btn bx--btn bx--btn--sm bx--btn--tertiary"
-                  disabled={false}
-                  onClick={[Function]}
-                  tabIndex={0}
-                  type="button"
+                <div
+                  className="iot--list-item-parent"
+                  data-floating-menu-container={true}
                 >
-                  Open JSON editor
-                  <svg
-                    aria-hidden={true}
-                    className="bx--btn__icon"
-                    fill="currentColor"
-                    focusable="false"
-                    height={16}
-                    preserveAspectRatio="xMidYMid meet"
-                    viewBox="0 0 32 32"
-                    width={16}
-                    xmlns="http://www.w3.org/2000/svg"
+                  <div
+                    className="iot--list-item iot--list-item__selectable"
+                    data_testid={null}
+                    onClick={[Function]}
+                    onKeyPress={[Function]}
+                    role="button"
+                    tabIndex={0}
                   >
-                    <path
-                      d="M31 16L24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16zM1 16L8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"
-                    />
-                    <path
-                      d="M5.91 15H26.080000000000002V17H5.91z"
-                      transform="rotate(-75 15.996 16)"
-                    />
-                  </svg>
-                </button>
+                    <div
+                      className="iot--list-item--content"
+                    >
+                      <div
+                        className="iot--list-item--content--icon iot--list-item--content--icon__left"
+                      >
+                        <img
+                          alt="Table"
+                          src="data-table.svg"
+                        />
+                      </div>
+                      <div
+                        className="iot--list-item--content--values"
+                      >
+                        <div
+                          className="iot--list-item--content--values--main"
+                        >
+                          <div
+                            className="iot--list-item--content--values--value"
+                            title="Data table"
+                          >
+                            Data table
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
diff --git a/src/components/ComboBox/__snapshots__/ComboBox.story.storyshot b/src/components/ComboBox/__snapshots__/ComboBox.story.storyshot
index e078873b5f..47a35efbb9 100644
--- a/src/components/ComboBox/__snapshots__/ComboBox.story.storyshot
+++ b/src/components/ComboBox/__snapshots__/ComboBox.story.storyshot
@@ -29,7 +29,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
         <div
           aria-expanded={false}
           aria-haspopup="listbox"
-          aria-labelledby="downshift-2-label"
+          aria-labelledby="downshift-0-label"
           aria-owns={null}
           className="bx--list-box__wrapper"
           role="combobox"
@@ -37,7 +37,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
           <label
             className="bx--label"
             htmlFor="carbon-combobox-example"
-            id="downshift-2-label"
+            id="downshift-0-label"
           >
             Combobox title
           </label>
@@ -64,7 +64,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
                 aria-activedescendant={null}
                 aria-autocomplete="list"
                 aria-controls={null}
-                aria-labelledby="downshift-2-label"
+                aria-labelledby="downshift-0-label"
                 autoComplete="off"
                 className="bx--text-input bx--text-input--empty"
                 data-testid="combo-box"
@@ -169,7 +169,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
         <div
           aria-expanded={false}
           aria-haspopup="listbox"
-          aria-labelledby="downshift-6-label"
+          aria-labelledby="downshift-4-label"
           aria-owns={null}
           className="bx--list-box__wrapper"
           role="combobox"
@@ -177,7 +177,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
           <label
             className="bx--label"
             htmlFor="carbon-combobox-example"
-            id="downshift-6-label"
+            id="downshift-4-label"
           >
             Combobox title
           </label>
@@ -204,7 +204,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
                 aria-activedescendant={null}
                 aria-autocomplete="list"
                 aria-controls={null}
-                aria-labelledby="downshift-6-label"
+                aria-labelledby="downshift-4-label"
                 autoComplete="off"
                 className="bx--text-input bx--text-input--empty"
                 data-testid="combo-box"
@@ -309,7 +309,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
         <div
           aria-expanded={false}
           aria-haspopup="listbox"
-          aria-labelledby="downshift-5-label"
+          aria-labelledby="downshift-3-label"
           aria-owns={null}
           className="bx--list-box__wrapper"
           role="combobox"
@@ -317,7 +317,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
           <label
             className="bx--label"
             htmlFor="carbon-combobox-example"
-            id="downshift-5-label"
+            id="downshift-3-label"
           >
             Combobox title
           </label>
@@ -344,7 +344,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
                 aria-activedescendant={null}
                 aria-autocomplete="list"
                 aria-controls={null}
-                aria-labelledby="downshift-5-label"
+                aria-labelledby="downshift-3-label"
                 autoComplete="off"
                 className="bx--text-input bx--text-input--empty"
                 data-testid="combo-box"
@@ -453,7 +453,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
         <div
           aria-expanded={false}
           aria-haspopup="listbox"
-          aria-labelledby="downshift-3-label"
+          aria-labelledby="downshift-1-label"
           aria-owns={null}
           className="bx--list-box__wrapper"
           role="combobox"
@@ -461,7 +461,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
           <label
             className="bx--label"
             htmlFor="carbon-combobox-example"
-            id="downshift-3-label"
+            id="downshift-1-label"
           >
             Combobox title
           </label>
@@ -488,7 +488,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
                 aria-activedescendant={null}
                 aria-autocomplete="list"
                 aria-controls={null}
-                aria-labelledby="downshift-3-label"
+                aria-labelledby="downshift-1-label"
                 autoComplete="off"
                 className="bx--text-input bx--text-input--empty"
                 data-testid="combo-box"
@@ -585,7 +585,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
       <div
         aria-expanded={false}
         aria-haspopup="listbox"
-        aria-labelledby="downshift-4-label"
+        aria-labelledby="downshift-2-label"
         aria-owns={null}
         className="bx--list-box__wrapper"
         role="combobox"
@@ -593,7 +593,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
         <label
           className="bx--label"
           htmlFor="carbon-combobox-example"
-          id="downshift-4-label"
+          id="downshift-2-label"
         >
           Combobox title
         </label>
@@ -620,7 +620,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
               aria-activedescendant={null}
               aria-autocomplete="list"
               aria-controls={null}
-              aria-labelledby="downshift-4-label"
+              aria-labelledby="downshift-2-label"
               autoComplete="off"
               className="bx--text-input"
               data-testid="combo-box"
diff --git a/src/components/DashboardEditor/DashboardEditor.jsx b/src/components/DashboardEditor/DashboardEditor.jsx
index f1768c96b5..3c05b2b914 100644
--- a/src/components/DashboardEditor/DashboardEditor.jsx
+++ b/src/components/DashboardEditor/DashboardEditor.jsx
@@ -30,6 +30,15 @@ const propTypes = {
   notification: PropTypes.node,
   /** if provided, renders edit button next to title linked to this callback */
   onEditTitle: PropTypes.func,
+  /** if provided, returns an array of strings which are the dataItems to be allowed
+   * on each card
+   * getValidDataItems(card, selectedTimeRange)
+   */
+  getValidDataItems: PropTypes.func,
+  /** an array of dataItem string names to be included on each card
+   * this prop will be ignored if getValidDataItems is defined
+   */
+  dataItems: PropTypes.arrayOf(PropTypes.string),
   /** if provided, renders import button linked to this callback
    * onImport(data, setNotification?)
    */
@@ -67,6 +76,8 @@ const defaultProps = {
   notification: null,
   title: null,
   onEditTitle: null,
+  getValidDataItems: null,
+  dataItems: [],
   onDelete: null,
   onImport: null,
   onExport: null,
@@ -92,6 +103,8 @@ const DashboardEditor = ({
   supportedCardTypes,
   renderHeader,
   renderCardPreview,
+  getValidDataItems,
+  dataItems,
   headerBreadcrumbs,
   notification,
   // onAddImage,
@@ -134,6 +147,8 @@ const DashboardEditor = ({
       cards: dashboardJson.cards.filter(i => i.id !== id),
     });
 
+  const cardJson = dashboardJson.cards.find(i => i.id === selectedCardId);
+
   return (
     <div className={baseClassName}>
       <div className={`${baseClassName}--content`}>
@@ -188,7 +203,7 @@ const DashboardEditor = ({
       </div>
       <div className={`${baseClassName}--sidebar`}>
         <CardEditor
-          value={dashboardJson.cards.find(i => i.id === selectedCardId)}
+          cardJson={cardJson}
           onShowGallery={() => setSelectedCardId(null)}
           onChange={cardData =>
             setDashboardJson({
@@ -196,6 +211,8 @@ const DashboardEditor = ({
               cards: dashboardJson.cards.map(card => (card.id === cardData.id ? cardData : card)),
             })
           }
+          getValidDataItems={getValidDataItems}
+          dataItems={dataItems}
           onAddCard={addCard}
           supportedTypes={supportedCardTypes}
           // onAddImage={onAddImage}
diff --git a/src/components/DashboardEditor/DashboardEditor.story.jsx b/src/components/DashboardEditor/DashboardEditor.story.jsx
index 0afbbea731..82edcdd3f2 100644
--- a/src/components/DashboardEditor/DashboardEditor.story.jsx
+++ b/src/components/DashboardEditor/DashboardEditor.story.jsx
@@ -95,12 +95,15 @@ const sideNavLinks = [
   },
 ];
 
+const mockDataItems = ['Torque Max', 'Torque Min', 'Torque Mean'];
+
 storiesOf('Watson IoT Experimental/DashboardEditor', module)
   .addDecorator(withKnobs)
   .add('default', () => (
     <div style={{ height: 'calc(100vh - 6rem)' }}>
       <DashboardEditor
         title={text('title', 'My dashboard')}
+        dataItems={mockDataItems}
         onAddImage={action('onAddImage')}
         onEditTitle={action('onEditTitle')}
         onImport={action('onImport')}
@@ -155,6 +158,31 @@ storiesOf('Watson IoT Experimental/DashboardEditor', module)
                 ],
               },
             },
+            {
+              id: 'Timeseries',
+              title: 'Untitled',
+              size: 'MEDIUMWIDE',
+              type: 'TIMESERIES',
+              content: {
+                series: [
+                  {
+                    label: 'Temperature',
+                    dataSourceId: 'temperature',
+                  },
+                  {
+                    label: 'Pressure',
+                    dataSourceId: 'pressure',
+                  },
+                ],
+                xLabel: 'Time',
+                yLabel: 'Temperature (˚F)',
+                includeZeroOnXaxis: true,
+                includeZeroOnYaxis: true,
+                timeDataSourceId: 'timestamp',
+                addSpaceOnEdges: 1,
+              },
+              interval: 'day',
+            },
           ],
           layouts: {},
         })}
diff --git a/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot b/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
index ee1e5523c3..b4dcfc1a79 100644
--- a/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
+++ b/src/components/DashboardEditor/__snapshots__/DashboardEditor.story.storyshot
@@ -2488,6 +2488,108 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT Exper
                     </div>
                   </div>
                 </div>
+                <div
+                  className="iot--card react-grid-item react-draggable react-resizable-hide react-resizable iot--card--wrapper"
+                  data-testid="Card"
+                  id="Timeseries"
+                  onMouseDown={[Function]}
+                  onMouseUp={[Function]}
+                  onTouchEnd={[Function]}
+                  role="presentation"
+                  style={
+                    Object {
+                      "--card-default-height": "304px",
+                      "height": "304px",
+                      "left": "50.625%",
+                      "position": "absolute",
+                      "top": "0px",
+                      "width": "49.375%",
+                    }
+                  }
+                  type="TIMESERIES"
+                >
+                  <div
+                    className="iot--card--header"
+                  >
+                    <span
+                      className="iot--card--title"
+                      title="Untitled"
+                    >
+                      <div
+                        className="iot--card--title--text"
+                      >
+                        Untitled
+                      </div>
+                    </span>
+                    <div
+                      className="iot--card--toolbar"
+                    >
+                      <button
+                        aria-expanded={false}
+                        aria-haspopup={true}
+                        aria-label="Menu"
+                        className="bx--overflow-menu"
+                        onClick={[Function]}
+                        onClose={[Function]}
+                        onKeyDown={[Function]}
+                        open={false}
+                        tabIndex={0}
+                        title="Open and close list of options"
+                        type="button"
+                      >
+                        <svg
+                          aria-label="open and close list of options"
+                          className="bx--overflow-menu__icon"
+                          fill="currentColor"
+                          focusable="false"
+                          height={16}
+                          onClick={[Function]}
+                          onKeyDown={[Function]}
+                          preserveAspectRatio="xMidYMid meet"
+                          role="img"
+                          viewBox="0 0 32 32"
+                          width={16}
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <circle
+                            cx="16"
+                            cy="8"
+                            r="2"
+                          />
+                          <circle
+                            cx="16"
+                            cy="16"
+                            r="2"
+                          />
+                          <circle
+                            cx="16"
+                            cy="24"
+                            r="2"
+                          />
+                          <title>
+                            open and close list of options
+                          </title>
+                        </svg>
+                      </button>
+                    </div>
+                  </div>
+                  <div
+                    className="iot--card--content"
+                    style={
+                      Object {
+                        "--card-content-height": "256px",
+                      }
+                    }
+                  >
+                    <div
+                      className="iot--time-series-card--wrapper iot--time-series-card--wrapper__editable"
+                    >
+                      <div
+                        className="chart-holder"
+                      />
+                    </div>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
diff --git a/src/components/DashboardEditor/editorUtils.jsx b/src/components/DashboardEditor/editorUtils.jsx
index d61a4b98a1..ac233e5feb 100644
--- a/src/components/DashboardEditor/editorUtils.jsx
+++ b/src/components/DashboardEditor/editorUtils.jsx
@@ -73,16 +73,7 @@ export const getDefaultCard = type => {
       return {
         ...baseCardProps,
         content: {
-          series: [
-            {
-              label: 'Temperature',
-              dataSourceId: 'temperature',
-            },
-            {
-              label: 'Pressure',
-              dataSourceId: 'pressure',
-            },
-          ],
+          series: [],
           xLabel: 'Time',
           yLabel: 'Temperature (˚F)',
           includeZeroOnXaxis: true,
@@ -91,6 +82,7 @@ export const getDefaultCard = type => {
           addSpaceOnEdges: 1,
         },
         interval: 'day',
+        showLegend: true,
       };
     case CARD_TYPES.BAR:
       return {
@@ -175,6 +167,50 @@ export const getDefaultCard = type => {
   }
 };
 
+/**
+ * maps a selected time range to what is expected in the dashboardJSON
+ */
+export const timeRangeToJSON = {
+  lastHour: { interval: 'hour', count: -1, type: 'rolling' },
+  last2Hours: { interval: 'hour', count: -2, type: 'rolling' },
+  last4Hours: { interval: 'hour', count: -4, type: 'rolling' },
+  last8Hours: { interval: 'hour', count: -8, type: 'rolling' },
+  last24Hours: { interval: 'day', count: -1, type: 'rolling' },
+  last7Days: { interval: 'week', count: -1, type: 'rolling' },
+  lastMonth: { interval: 'month', count: -1, type: 'rolling' },
+  lastQuarter: {
+    interval: 'quarter',
+    count: -1,
+    type: 'rolling',
+  },
+  lastYear: {
+    interval: 'year',
+    count: -1,
+    type: 'rolling',
+  },
+  this24Hours: { interval: 'day', count: -1, type: 'periodToDate' },
+  thisWeek: {
+    interval: 'week',
+    count: -1,
+    type: 'periodToDate',
+  },
+  thisMonth: {
+    interval: 'month',
+    count: -1,
+    type: 'periodToDate',
+  },
+  thisQuarter: {
+    interval: 'quarter',
+    count: -1,
+    type: 'periodToDate',
+  },
+  thisYear: {
+    interval: 'year',
+    count: -1,
+    type: 'periodToDate',
+  },
+};
+
 /**
  * determines if a card JSON is valid depending on its card type
  * @param {Object} cardJson
@@ -247,6 +283,9 @@ const renderTimeSeriesCard = (cardJson, commonProps) => (
     size={cardJson.size}
     content={cardJson?.content}
     isEditable
+    values={[]}
+    showLegend
+    {...cardJson}
     {...commonProps}
   />
 );
diff --git a/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot b/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot
index 9a1440856c..bd49358625 100644
--- a/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot
+++ b/src/components/Table/TableViewDropdown/__snapshots__/TableViewDropdown.story.storyshot
@@ -38,10 +38,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
               aria-disabled={false}
               aria-expanded={false}
               aria-haspopup="listbox"
-              aria-labelledby="downshift-20-label downshift-20-toggle-button"
+              aria-labelledby="downshift-18-label downshift-18-toggle-button"
               className="bx--list-box__field"
               disabled={false}
-              id="downshift-20-toggle-button"
+              id="downshift-18-toggle-button"
               onClick={[Function]}
               onKeyDown={[Function]}
               type="button"
@@ -108,9 +108,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
               </div>
             </button>
             <div
-              aria-labelledby="downshift-20-label"
+              aria-labelledby="downshift-18-label"
               className="bx--list-box__menu"
-              id="downshift-20-menu"
+              id="downshift-18-menu"
               onBlur={[Function]}
               onKeyDown={[Function]}
               onMouseLeave={[Function]}
diff --git a/src/components/Table/__snapshots__/Table.story.storyshot b/src/components/Table/__snapshots__/Table.story.storyshot
index f197133ca7..8e971be7c1 100644
--- a/src/components/Table/__snapshots__/Table.story.storyshot
+++ b/src/components/Table/__snapshots__/Table.story.storyshot
@@ -3446,7 +3446,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     <div
                       aria-expanded={false}
                       aria-haspopup="listbox"
-                      aria-labelledby="downshift-19-label"
+                      aria-labelledby="downshift-17-label"
                       aria-owns={null}
                       className="bx--list-box__wrapper"
                       role="combobox"
@@ -3475,7 +3475,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             aria-autocomplete="list"
                             aria-controls={null}
                             aria-label="Filter"
-                            aria-labelledby="downshift-19-label"
+                            aria-labelledby="downshift-17-label"
                             autoComplete="off"
                             className="bx--text-input"
                             disabled={false}
@@ -66670,10 +66670,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     aria-disabled={false}
                     aria-expanded={false}
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-8-label downshift-8-toggle-button"
+                    aria-labelledby="downshift-6-label downshift-6-toggle-button"
                     className="bx--list-box__field"
                     disabled={false}
-                    id="downshift-8-toggle-button"
+                    id="downshift-6-toggle-button"
                     onClick={[Function]}
                     onKeyDown={[Function]}
                     type="button"
@@ -66740,9 +66740,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     </div>
                   </button>
                   <div
-                    aria-labelledby="downshift-8-label"
+                    aria-labelledby="downshift-6-label"
                     className="bx--list-box__menu"
-                    id="downshift-8-menu"
+                    id="downshift-6-menu"
                     onBlur={[Function]}
                     onKeyDown={[Function]}
                     onMouseLeave={[Function]}
@@ -67469,7 +67469,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                       <div
                         aria-expanded={false}
                         aria-haspopup="listbox"
-                        aria-labelledby="downshift-9-label"
+                        aria-labelledby="downshift-7-label"
                         aria-owns={null}
                         className="bx--list-box__wrapper"
                         role="combobox"
@@ -67498,7 +67498,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                               aria-autocomplete="list"
                               aria-controls={null}
                               aria-label="Filter"
-                              aria-labelledby="downshift-9-label"
+                              aria-labelledby="downshift-7-label"
                               autoComplete="off"
                               className="bx--text-input bx--text-input--empty"
                               disabled={false}
@@ -119944,7 +119944,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                       <div
                         aria-expanded={false}
                         aria-haspopup="listbox"
-                        aria-labelledby="downshift-7-label"
+                        aria-labelledby="downshift-5-label"
                         aria-owns={null}
                         className="bx--list-box__wrapper"
                         role="combobox"
@@ -119973,7 +119973,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                               aria-autocomplete="list"
                               aria-controls={null}
                               aria-label="Filter"
-                              aria-labelledby="downshift-7-label"
+                              aria-labelledby="downshift-5-label"
                               autoComplete="off"
                               className="bx--text-input"
                               disabled={false}
@@ -124291,10 +124291,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             aria-disabled={false}
                             aria-expanded={false}
                             aria-haspopup="listbox"
-                            aria-labelledby="downshift-13-label downshift-13-toggle-button"
+                            aria-labelledby="downshift-11-label downshift-11-toggle-button"
                             className="bx--list-box__field"
                             disabled={false}
-                            id="downshift-13-toggle-button"
+                            id="downshift-11-toggle-button"
                             onClick={[Function]}
                             onKeyDown={[Function]}
                             type="button"
@@ -124330,10 +124330,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             </div>
                           </button>
                           <div
-                            aria-labelledby="downshift-13-label"
+                            aria-labelledby="downshift-11-label"
                             aria-multiselectable="true"
                             className="bx--list-box__menu"
-                            id="downshift-13-menu"
+                            id="downshift-11-menu"
                             onBlur={[Function]}
                             onKeyDown={[Function]}
                             onMouseLeave={[Function]}
@@ -128681,10 +128681,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             aria-disabled={false}
                             aria-expanded={false}
                             aria-haspopup="listbox"
-                            aria-labelledby="downshift-12-label downshift-12-toggle-button"
+                            aria-labelledby="downshift-10-label downshift-10-toggle-button"
                             className="bx--list-box__field"
                             disabled={false}
-                            id="downshift-12-toggle-button"
+                            id="downshift-10-toggle-button"
                             onClick={[Function]}
                             onKeyDown={[Function]}
                             type="button"
@@ -128745,10 +128745,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             </div>
                           </button>
                           <div
-                            aria-labelledby="downshift-12-label"
+                            aria-labelledby="downshift-10-label"
                             aria-multiselectable="true"
                             className="bx--list-box__menu"
-                            id="downshift-12-menu"
+                            id="downshift-10-menu"
                             onBlur={[Function]}
                             onKeyDown={[Function]}
                             onMouseLeave={[Function]}
@@ -136659,7 +136659,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                       <div
                         aria-expanded={false}
                         aria-haspopup="listbox"
-                        aria-labelledby="downshift-14-label"
+                        aria-labelledby="downshift-12-label"
                         aria-owns={null}
                         className="bx--list-box__wrapper"
                         role="combobox"
@@ -136688,7 +136688,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                               aria-autocomplete="list"
                               aria-controls={null}
                               aria-label="Filter"
-                              aria-labelledby="downshift-14-label"
+                              aria-labelledby="downshift-12-label"
                               autoComplete="off"
                               className="bx--text-input"
                               disabled={false}
@@ -140847,10 +140847,10 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     aria-disabled={false}
                     aria-expanded={false}
                     aria-haspopup="listbox"
-                    aria-labelledby="downshift-10-label downshift-10-toggle-button"
+                    aria-labelledby="downshift-8-label downshift-8-toggle-button"
                     className="bx--list-box__field"
                     disabled={false}
-                    id="downshift-10-toggle-button"
+                    id="downshift-8-toggle-button"
                     onClick={[Function]}
                     onKeyDown={[Function]}
                     type="button"
@@ -140917,9 +140917,9 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     </div>
                   </button>
                   <div
-                    aria-labelledby="downshift-10-label"
+                    aria-labelledby="downshift-8-label"
                     className="bx--list-box__menu"
-                    id="downshift-10-menu"
+                    id="downshift-8-menu"
                     onBlur={[Function]}
                     onKeyDown={[Function]}
                     onMouseLeave={[Function]}
@@ -141646,7 +141646,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                       <div
                         aria-expanded={false}
                         aria-haspopup="listbox"
-                        aria-labelledby="downshift-11-label"
+                        aria-labelledby="downshift-9-label"
                         aria-owns={null}
                         className="bx--list-box__wrapper"
                         role="combobox"
@@ -141675,7 +141675,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                               aria-autocomplete="list"
                               aria-controls={null}
                               aria-label="Filter"
-                              aria-labelledby="downshift-11-label"
+                              aria-labelledby="downshift-9-label"
                               autoComplete="off"
                               className="bx--text-input bx--text-input--empty"
                               disabled={false}
@@ -163670,7 +163670,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                       <div
                         aria-expanded={false}
                         aria-haspopup="listbox"
-                        aria-labelledby="downshift-17-label"
+                        aria-labelledby="downshift-15-label"
                         aria-owns={null}
                         className="bx--list-box__wrapper"
                         role="combobox"
@@ -163699,7 +163699,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                               aria-autocomplete="list"
                               aria-controls={null}
                               aria-label="Filter"
-                              aria-labelledby="downshift-17-label"
+                              aria-labelledby="downshift-15-label"
                               autoComplete="off"
                               className="bx--text-input"
                               disabled={false}
@@ -166932,7 +166932,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     <div
                       aria-expanded={false}
                       aria-haspopup="listbox"
-                      aria-labelledby="downshift-18-label"
+                      aria-labelledby="downshift-16-label"
                       aria-owns={null}
                       className="bx--list-box__wrapper"
                       role="combobox"
@@ -166961,7 +166961,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             aria-autocomplete="list"
                             aria-controls={null}
                             aria-label="Filter"
-                            aria-labelledby="downshift-18-label"
+                            aria-labelledby="downshift-16-label"
                             autoComplete="off"
                             className="bx--text-input"
                             disabled={false}
@@ -194652,7 +194652,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     <div
                       aria-expanded={false}
                       aria-haspopup="listbox"
-                      aria-labelledby="downshift-15-label"
+                      aria-labelledby="downshift-13-label"
                       aria-owns={null}
                       className="bx--list-box__wrapper"
                       role="combobox"
@@ -194681,7 +194681,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             aria-autocomplete="list"
                             aria-controls={null}
                             aria-label="Filter"
-                            aria-labelledby="downshift-15-label"
+                            aria-labelledby="downshift-13-label"
                             autoComplete="off"
                             className="bx--text-input"
                             disabled={false}
@@ -229854,7 +229854,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                     <div
                       aria-expanded={false}
                       aria-haspopup="listbox"
-                      aria-labelledby="downshift-16-label"
+                      aria-labelledby="downshift-14-label"
                       aria-owns={null}
                       className="bx--list-box__wrapper"
                       role="combobox"
@@ -229883,7 +229883,7 @@ exports[`Storybook Snapshot tests and console checks Storyshots Watson IoT/Table
                             aria-autocomplete="list"
                             aria-controls={null}
                             aria-label="Filter"
-                            aria-labelledby="downshift-16-label"
+                            aria-labelledby="downshift-14-label"
                             autoComplete="off"
                             className="bx--text-input bx--text-input--empty"
                             disabled={false}
diff --git a/src/components/TimeSeriesCard/TimeSeriesCard.jsx b/src/components/TimeSeriesCard/TimeSeriesCard.jsx
index 766c82d935..41910dcfb5 100644
--- a/src/components/TimeSeriesCard/TimeSeriesCard.jsx
+++ b/src/components/TimeSeriesCard/TimeSeriesCard.jsx
@@ -102,6 +102,10 @@ const TimeSeriesCardPropTypes = {
   showTimeInGMT: PropTypes.bool,
   /** tooltip format pattern that follows the moment formatting patterns */
   tooltipDateFormatPattern: PropTypes.string,
+  /** whether or not to show a legend at the bottom of the card
+   * if not explicitly stated, the card will show based on the length of the series
+   */
+  showLegend: PropTypes.bool,
 };
 
 /**
@@ -234,6 +238,7 @@ const TimeSeriesCard = ({
   isLazyLoading,
   isLoading,
   domainRange,
+  showLegend,
   ...others
 }) => {
   const {
@@ -425,7 +430,6 @@ const TimeSeriesCard = ({
 
   // TODO: remove in next release
   const ChartComponent = chartType === TIME_SERIES_TYPES.BAR ? StackedBarChart : LineChart;
-
   return (
     <Card
       title={title}
@@ -482,7 +486,11 @@ const TimeSeriesCard = ({
                     scaleType: 'linear',
                   },
                 },
-                legend: { position: 'bottom', clickable: !isEditable, enabled: series.length > 1 },
+                legend: {
+                  position: 'bottom',
+                  clickable: !isEditable,
+                  enabled: showLegend ?? series.length > 1,
+                },
                 containerResizable: true,
                 tooltip: {
                   valueFormatter: tooltipValue =>
@@ -582,6 +590,7 @@ TimeSeriesCard.defaultProps = {
   showTimeInGMT: false,
   domainRange: null,
   tooltipDateFormatPattern: 'L HH:mm:ss',
+  showLegend: null,
 };
 
 export default TimeSeriesCard;
diff --git a/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap b/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
index 088247fa79..6c937afd99 100644
--- a/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
+++ b/src/utils/__tests__/__snapshots__/publicAPI.test.js.snap
@@ -7844,6 +7844,8 @@ Map {
   },
   "DashboardEditor" => Object {
     "defaultProps": Object {
+      "dataItems": Array [],
+      "getValidDataItems": null,
       "headerBreadcrumbs": null,
       "i18n": Object {
         "closeGalleryButton": "Back",
@@ -7879,6 +7881,17 @@ Map {
       "title": null,
     },
     "propTypes": Object {
+      "dataItems": Object {
+        "args": Array [
+          Object {
+            "type": "string",
+          },
+        ],
+        "type": "arrayOf",
+      },
+      "getValidDataItems": Object {
+        "type": "func",
+      },
       "headerBreadcrumbs": Object {
         "args": Array [
           Object {
@@ -7961,10 +7974,13 @@ Map {
   },
   "CardEditor" => Object {
     "defaultProps": Object {
+      "cardJson": null,
+      "dataItems": Array [],
+      "getValidDataItems": null,
       "i18n": Object {
+        "addCardButton": "Add card",
         "closeGalleryButton": "Back",
         "galleryHeader": "Gallery",
-        "openGalleryButton": "Open gallery",
         "openJSONButton": "Open JSON editor",
       },
       "supportedTypes": Array [
@@ -7974,16 +7990,29 @@ Map {
         "IMAGE",
         "TABLE",
       ],
-      "value": null,
     },
     "propTypes": Object {
+      "cardJson": Object {
+        "type": "object",
+      },
+      "dataItems": Object {
+        "args": Array [
+          Object {
+            "type": "string",
+          },
+        ],
+        "type": "arrayOf",
+      },
+      "getValidDataItems": Object {
+        "type": "func",
+      },
       "i18n": Object {
         "args": Array [
           Object {
-            "galleryHeader": Object {
+            "addCardButton": Object {
               "type": "string",
             },
-            "openGalleryButton": Object {
+            "galleryHeader": Object {
               "type": "string",
             },
           },
@@ -8010,9 +8039,6 @@ Map {
         ],
         "type": "arrayOf",
       },
-      "value": Object {
-        "type": "object",
-      },
     },
   },
   "Card" => Object {
@@ -10902,6 +10928,7 @@ Map {
         "noDataLabel": "No data is available for this time range.",
       },
       "locale": "en",
+      "showLegend": null,
       "showTimeInGMT": false,
       "size": "MEDIUM",
       "tooltipDateFormatPattern": "L HH:mm:ss",
@@ -11690,6 +11717,9 @@ Map {
         ],
         "type": "shape",
       },
+      "showLegend": Object {
+        "type": "bool",
+      },
       "showOverflow": [Function],
       "showTimeInGMT": Object {
         "type": "bool",
diff --git a/yarn.lock b/yarn.lock
index 5394c49352..39b4652c51 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -54,6 +54,11 @@
     invariant "^2.2.4"
     semver "^5.5.0"
 
+"@babel/compat-data@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.12.1.tgz#d7386a689aa0ddf06255005b4b991988021101a0"
+  integrity sha512-725AQupWJZ8ba0jbKceeFblZTY90McUBWMwHhkFQ9q1zKPJ95GUktljFcgcsIVwRnTnRKlcYzfiNImg5G9m6ZQ==
+
 "@babel/core@>=7.2.2":
   version "7.5.5"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.5.5.tgz#17b2686ef0d6bc58f963dddd68ab669755582c30"
@@ -156,6 +161,15 @@
     jsesc "^2.5.1"
     source-map "^0.5.0"
 
+"@babel/generator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.12.1.tgz#0d70be32bdaa03d7c51c8597dda76e0df1f15468"
+  integrity sha512-DB+6rafIdc9o72Yc3/Ph5h+6hUjeOp66pF0naQBgUFFuPqzQwIlPTm3xZR7YNvduIMtkDIj2t21LSQwnbCrXvg==
+  dependencies:
+    "@babel/types" "^7.12.1"
+    jsesc "^2.5.1"
+    source-map "^0.5.0"
+
 "@babel/generator@^7.4.0", "@babel/generator@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.4.4.tgz#174a215eb843fc392c7edcaabeaa873de6e8f041"
@@ -270,6 +284,15 @@
     "@babel/helper-module-imports" "^7.10.1"
     "@babel/types" "^7.10.1"
 
+"@babel/helper-builder-react-jsx-experimental@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx-experimental/-/helper-builder-react-jsx-experimental-7.12.1.tgz#1f1ad4c95f1d059856d2fdbc0763489d020cd02d"
+  integrity sha512-82to8lR7TofZWbTd3IEZT1xNHfeU/Ef4rDm/GLXddzqDh+yQ19QuGSzqww51aNxVH8rwfRIzL0EUQsvODVhtyw==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-module-imports" "^7.12.1"
+    "@babel/types" "^7.12.1"
+
 "@babel/helper-builder-react-jsx@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.10.1.tgz#a327f0cf983af5554701b1215de54a019f09b532"
@@ -278,6 +301,14 @@
     "@babel/helper-annotate-as-pure" "^7.10.1"
     "@babel/types" "^7.10.1"
 
+"@babel/helper-builder-react-jsx@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.10.4.tgz#8095cddbff858e6fa9c326daee54a2f2732c1d5d"
+  integrity sha512-5nPcIZ7+KKDxT1427oBivl9V9YTal7qk0diccnh7RrcgrT/pGFOjgGw1dgryyx1GvHEpXVfoDF6Ak3rTiWh8Rg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/types" "^7.10.4"
+
 "@babel/helper-builder-react-jsx@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.8.3.tgz#dee98d7d79cc1f003d80b76fe01c7f8945665ff6"
@@ -308,6 +339,16 @@
     levenary "^1.1.1"
     semver "^5.5.0"
 
+"@babel/helper-compilation-targets@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.12.1.tgz#310e352888fbdbdd8577be8dfdd2afb9e7adcf50"
+  integrity sha512-jtBEif7jsPwP27GPHs06v4WBV0KrE8a/P7n0N0sSvHn2hwUCYnolP/CLmz51IzAW4NlN+HuoBtb9QcwnRo9F/g==
+  dependencies:
+    "@babel/compat-data" "^7.12.1"
+    "@babel/helper-validator-option" "^7.12.1"
+    browserslist "^4.12.0"
+    semver "^5.5.0"
+
 "@babel/helper-create-class-features-plugin@^7.10.1":
   version "7.10.2"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.10.2.tgz#7474295770f217dbcf288bf7572eb213db46ee67"
@@ -332,6 +373,17 @@
     "@babel/helper-replace-supers" "^7.10.4"
     "@babel/helper-split-export-declaration" "^7.10.4"
 
+"@babel/helper-create-class-features-plugin@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.12.1.tgz#3c45998f431edd4a9214c5f1d3ad1448a6137f6e"
+  integrity sha512-hkL++rWeta/OVOBTRJc9a5Azh5mt5WgZUGAKMD8JM141YsE08K//bp1unBBieO6rUKkIPyUE0USQ30jAy3Sk1w==
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-member-expression-to-functions" "^7.12.1"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.12.1"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+
 "@babel/helper-create-class-features-plugin@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.8.3.tgz#5b94be88c255f140fd2c10dd151e7f98f4bff397"
@@ -362,6 +414,15 @@
     "@babel/helper-regex" "^7.10.4"
     regexpu-core "^4.7.0"
 
+"@babel/helper-create-regexp-features-plugin@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.12.1.tgz#18b1302d4677f9dc4740fe8c9ed96680e29d37e8"
+  integrity sha512-rsZ4LGvFTZnzdNZR5HZdmJVuXK8834R5QkF3WvcnBhrlVtF0HSIUC6zbreL9MgjTywhKokn8RIYRiq99+DLAxA==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-regex" "^7.10.4"
+    regexpu-core "^4.7.1"
+
 "@babel/helper-create-regexp-features-plugin@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.8.3.tgz#c774268c95ec07ee92476a3862b75cc2839beb79"
@@ -528,6 +589,13 @@
   dependencies:
     "@babel/types" "^7.10.5"
 
+"@babel/helper-member-expression-to-functions@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.12.1.tgz#fba0f2fcff3fba00e6ecb664bb5e6e26e2d6165c"
+  integrity sha512-k0CIe3tXUKTRSoEx1LQEPFU9vRQfqHtl+kf8eNnDqb4AUJEy5pz6aIiog+YWtVm2jpggjS1laH68bPsR+KWWPQ==
+  dependencies:
+    "@babel/types" "^7.12.1"
+
 "@babel/helper-member-expression-to-functions@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.8.3.tgz#659b710498ea6c1d9907e0c73f206eee7dadc24c"
@@ -555,6 +623,13 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
+"@babel/helper-module-imports@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.1.tgz#1644c01591a15a2f084dd6d092d9430eb1d1216c"
+  integrity sha512-ZeC1TlMSvikvJNy1v/wPIazCu3NdOwgYZLIkmIyAsGhqkNpiDoQQRmaCK8YP4Pq3GPTLPV9WXaPCJKvx06JxKA==
+  dependencies:
+    "@babel/types" "^7.12.1"
+
 "@babel/helper-module-transforms@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.10.1.tgz#24e2f08ee6832c60b157bb0936c86bef7210c622"
@@ -581,6 +656,21 @@
     "@babel/types" "^7.10.5"
     lodash "^4.17.19"
 
+"@babel/helper-module-transforms@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.12.1.tgz#7954fec71f5b32c48e4b303b437c34453fd7247c"
+  integrity sha512-QQzehgFAZ2bbISiCpmVGfiGux8YVFXQ0abBic2Envhej22DVXV9nCFaS5hIQbkyo1AdGb+gNME2TSh3hYJVV/w==
+  dependencies:
+    "@babel/helper-module-imports" "^7.12.1"
+    "@babel/helper-replace-supers" "^7.12.1"
+    "@babel/helper-simple-access" "^7.12.1"
+    "@babel/helper-split-export-declaration" "^7.11.0"
+    "@babel/helper-validator-identifier" "^7.10.4"
+    "@babel/template" "^7.10.4"
+    "@babel/traverse" "^7.12.1"
+    "@babel/types" "^7.12.1"
+    lodash "^4.17.19"
+
 "@babel/helper-optimise-call-expression@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.10.1.tgz#b4a1f2561870ce1247ceddb02a3860fa96d72543"
@@ -664,6 +754,15 @@
     "@babel/traverse" "^7.10.4"
     "@babel/types" "^7.10.4"
 
+"@babel/helper-remap-async-to-generator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.12.1.tgz#8c4dbbf916314f6047dc05e6a2217074238347fd"
+  integrity sha512-9d0KQCRM8clMPcDwo8SevNs+/9a8yWVVmaE80FGJcEP8N1qToREmWEGnBn8BUlJhYRFz6fqxeRL1sl5Ogsed7A==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-wrap-function" "^7.10.4"
+    "@babel/types" "^7.12.1"
+
 "@babel/helper-replace-supers@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.10.1.tgz#ec6859d20c5d8087f6a2dc4e014db7228975f13d"
@@ -684,6 +783,16 @@
     "@babel/traverse" "^7.10.4"
     "@babel/types" "^7.10.4"
 
+"@babel/helper-replace-supers@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.12.1.tgz#f15c9cc897439281891e11d5ce12562ac0cf3fa9"
+  integrity sha512-zJjTvtNJnCFsCXVi5rUInstLd/EIVNmIKA1Q9ynESmMBWPWd+7sdR+G4/wdu+Mppfep0XLyG2m7EBPvjCeFyrw==
+  dependencies:
+    "@babel/helper-member-expression-to-functions" "^7.12.1"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/traverse" "^7.12.1"
+    "@babel/types" "^7.12.1"
+
 "@babel/helper-replace-supers@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.8.3.tgz#91192d25f6abbcd41da8a989d4492574fb1530bc"
@@ -710,6 +819,20 @@
     "@babel/template" "^7.10.4"
     "@babel/types" "^7.10.4"
 
+"@babel/helper-simple-access@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.12.1.tgz#32427e5aa61547d38eb1e6eaf5fd1426fdad9136"
+  integrity sha512-OxBp7pMrjVewSSC8fXDFrHrBcJATOOFssZwv16F3/6Xtc138GHybBfPbm9kfiqQHKhYQrlamWILwlDCeyMFEaA==
+  dependencies:
+    "@babel/types" "^7.12.1"
+
+"@babel/helper-skip-transparent-expression-wrappers@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.12.1.tgz#462dc63a7e435ade8468385c63d2b84cce4b3cbf"
+  integrity sha512-Mf5AUuhG1/OCChOJ/HcADmvcHM42WJockombn8ATJG3OnyiSxBK/Mm5x78BQWvmtXZKHgbjdGL2kin/HOLlZGA==
+  dependencies:
+    "@babel/types" "^7.12.1"
+
 "@babel/helper-split-export-declaration@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.10.1.tgz#c6f4be1cbc15e3a868e4c64a17d5d31d754da35f"
@@ -724,6 +847,13 @@
   dependencies:
     "@babel/types" "^7.10.4"
 
+"@babel/helper-split-export-declaration@^7.11.0":
+  version "7.11.0"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.11.0.tgz#f8a491244acf6a676158ac42072911ba83ad099f"
+  integrity sha512-74Vejvp6mHkGE+m+k5vHY93FX2cAtrw1zXrZXRlG4l410Nm9PxfEiVTn1PjDPV5SnmieiueY4AFg2xqhNFuuZg==
+  dependencies:
+    "@babel/types" "^7.11.0"
+
 "@babel/helper-split-export-declaration@^7.4.4":
   version "7.4.4"
   resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.4.4.tgz#ff94894a340be78f53f06af038b205c49d993677"
@@ -760,6 +890,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.9.5.tgz#90977a8e6fbf6b431a7dc31752eee233bf052d80"
   integrity sha512-/8arLKUFq882w4tWGj9JYzRpAlZgiWUJ+dtteNTDqrRBz9Iguck9Rn3ykuBDoUwh2TO4tSAJlrxDUOXWklJe4g==
 
+"@babel/helper-validator-option@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.12.1.tgz#175567380c3e77d60ff98a54bb015fe78f2178d9"
+  integrity sha512-YpJabsXlJVWP0USHjnC/AQDTLlZERbON577YUVO/wLpqyj6HAtVYnWaQaN0iUN+1/tWn3c+uKKXjRut5115Y2A==
+
 "@babel/helper-wrap-function@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.10.1.tgz#956d1310d6696257a7afd47e4c42dfda5dfcedc9"
@@ -866,6 +1001,11 @@
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.10.5.tgz#e7c6bf5a7deff957cec9f04b551e2762909d826b"
   integrity sha512-wfryxy4bE1UivvQKSQDU4/X6dr+i8bctjUjj8Zyt3DQy7NtPizJXT8M52nqpNKL+nq2PW8lxk4ZqLj0fD4B4hQ==
 
+"@babel/parser@^7.12.1":
+  version "7.12.2"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.12.2.tgz#9d2fcf24cafe85333ab0aff9f26b81bba356004d"
+  integrity sha512-LMN+SqTiZEonUw4hQA0A3zG8DnN0E1F4K107LbDDUnC+0chML1rvWgsHloC9weB4RmZweE0uhFq0eGX7Nr/PBQ==
+
 "@babel/parser@^7.2.2":
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.2.3.tgz#32f5df65744b70888d17872ec106b02434ba1489"
@@ -913,6 +1053,15 @@
     "@babel/helper-remap-async-to-generator" "^7.10.4"
     "@babel/plugin-syntax-async-generators" "^7.8.0"
 
+"@babel/plugin-proposal-async-generator-functions@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.12.1.tgz#dc6c1170e27d8aca99ff65f4925bd06b1c90550e"
+  integrity sha512-d+/o30tJxFxrA1lhzJqiUcEJdI6jKlNregCv5bASeGf2Q4MXmnwH7viDo7nhx1/ohf09oaH8j1GVYG/e3Yqk6A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.12.1"
+    "@babel/plugin-syntax-async-generators" "^7.8.0"
+
 "@babel/plugin-proposal-class-properties@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.10.1.tgz#046bc7f6550bb08d9bd1d4f060f5f5a4f1087e01"
@@ -929,6 +1078,14 @@
     "@babel/helper-create-class-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-proposal-class-properties@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.12.1.tgz#a082ff541f2a29a4821065b8add9346c0c16e5de"
+  integrity sha512-cKp3dlQsFsEs5CWKnN7BnSHOd0EOW8EKpEjkoz1pO2E5KzIDNV9Ros1b0CnmbVgAGXJubOYVBOGCT1OmJwOI7w==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-proposal-class-properties@^7.7.0":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.8.3.tgz#5e06654af5cd04b608915aada9b2a6788004464e"
@@ -970,6 +1127,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-dynamic-import" "^7.8.0"
 
+"@babel/plugin-proposal-dynamic-import@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.12.1.tgz#43eb5c2a3487ecd98c5c8ea8b5fdb69a2749b2dc"
+  integrity sha512-a4rhUSZFuq5W8/OO8H7BL5zspjnc1FLd9hlOxIK/f7qG4a0qsqk8uvF/ywgBA8/OmjsapjpvaEOYItfGG1qIvQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+
 "@babel/plugin-proposal-export-default-from@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-default-from/-/plugin-proposal-export-default-from-7.10.1.tgz#59ea2a4f09dbb0358c73dab27def3d21a27bd370"
@@ -986,6 +1151,14 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
 
+"@babel/plugin-proposal-export-namespace-from@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.12.1.tgz#8b9b8f376b2d88f5dd774e4d24a5cc2e3679b6d4"
+  integrity sha512-6CThGf0irEkzujYS5LQcjBx8j/4aQGiVv7J9+2f7pGfxqyKh3WnmVJYW3hdrQjyksErMGBPQrCnHfOtna+WLbw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+
 "@babel/plugin-proposal-function-sent@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-function-sent/-/plugin-proposal-function-sent-7.10.1.tgz#e9ffe9df5348e2694d6679f8fd0897acf14326d7"
@@ -1011,6 +1184,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-json-strings" "^7.8.0"
 
+"@babel/plugin-proposal-json-strings@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.12.1.tgz#d45423b517714eedd5621a9dfdc03fa9f4eb241c"
+  integrity sha512-GoLDUi6U9ZLzlSda2Df++VSqDJg3CG+dR0+iWsv6XRw1rEq+zwt4DirM9yrxW6XWaTpmai1cWJLMfM8qQJf+yw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-json-strings" "^7.8.0"
+
 "@babel/plugin-proposal-logical-assignment-operators@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.10.1.tgz#4adb41f15793187f1cba7f2d1b760faba3d25bfb"
@@ -1019,6 +1200,14 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-logical-assignment-operators" "^7.10.1"
 
+"@babel/plugin-proposal-logical-assignment-operators@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.12.1.tgz#f2c490d36e1b3c9659241034a5d2cd50263a2751"
+  integrity sha512-k8ZmVv0JU+4gcUGeCDZOGd0lCIamU/sMtIiX3UWnUc5yzgq6YUGyEolNYD+MLYKfSzgECPcqetVcJP9Afe/aCA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+
 "@babel/plugin-proposal-nullish-coalescing-operator@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.10.1.tgz#02dca21673842ff2fe763ac253777f235e9bbf78"
@@ -1035,6 +1224,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
 
+"@babel/plugin-proposal-nullish-coalescing-operator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.12.1.tgz#3ed4fff31c015e7f3f1467f190dbe545cd7b046c"
+  integrity sha512-nZY0ESiaQDI1y96+jk6VxMOaL4LPo/QDHBqL+SF3/vl6dHkTwHlOI8L4ZwuRBHgakRBw5zsVylel7QPbbGuYgg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+
 "@babel/plugin-proposal-numeric-separator@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.10.1.tgz#a9a38bc34f78bdfd981e791c27c6fdcec478c123"
@@ -1051,6 +1248,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-numeric-separator" "^7.10.4"
 
+"@babel/plugin-proposal-numeric-separator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.12.1.tgz#0e2c6774c4ce48be412119b4d693ac777f7685a6"
+  integrity sha512-MR7Ok+Af3OhNTCxYVjJZHS0t97ydnJZt/DbR4WISO39iDnhiD8XHrY12xuSJ90FFEGjir0Fzyyn7g/zY6hxbxA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+
 "@babel/plugin-proposal-object-rest-spread@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.10.1.tgz#cba44908ac9f142650b4a65b8aa06bf3478d5fb6"
@@ -1069,6 +1274,15 @@
     "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
     "@babel/plugin-transform-parameters" "^7.10.4"
 
+"@babel/plugin-proposal-object-rest-spread@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.1.tgz#def9bd03cea0f9b72283dac0ec22d289c7691069"
+  integrity sha512-s6SowJIjzlhx8o7lsFx5zmY4At6CTtDvgNQDdPzkBQucle58A6b/TTeEBYtyDgmcXjUTM+vE8YOGHZzzbc/ioA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
+    "@babel/plugin-transform-parameters" "^7.12.1"
+
 "@babel/plugin-proposal-object-rest-spread@^7.6.2":
   version "7.6.2"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.6.2.tgz#8ffccc8f3a6545e9f78988b6bf4fe881b88e8096"
@@ -1093,6 +1307,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
 
+"@babel/plugin-proposal-optional-catch-binding@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.12.1.tgz#ccc2421af64d3aae50b558a71cede929a5ab2942"
+  integrity sha512-hFvIjgprh9mMw5v42sJWLI1lzU5L2sznP805zeT6rySVRA0Y18StRhDqhSxlap0oVgItRsB6WSROp4YnJTJz0g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+
 "@babel/plugin-proposal-optional-chaining@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.10.1.tgz#15f5d6d22708629451a91be28f8facc55b0e818c"
@@ -1109,6 +1331,15 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/plugin-syntax-optional-chaining" "^7.8.0"
 
+"@babel/plugin-proposal-optional-chaining@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.12.1.tgz#cce122203fc8a32794296fc377c6dedaf4363797"
+  integrity sha512-c2uRpY6WzaVDzynVY9liyykS+kVU+WRZPMPYpkelXH8KBt1oXoI89kPbZKKG/jDT5UK92FTW2fZkZaJhdiBabw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+
 "@babel/plugin-proposal-pipeline-operator@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-pipeline-operator/-/plugin-proposal-pipeline-operator-7.10.1.tgz#d7129bf1b170efef250759b82b64ce9a9b29d335"
@@ -1133,6 +1364,14 @@
     "@babel/helper-create-class-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-proposal-private-methods@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.12.1.tgz#86814f6e7a21374c980c10d38b4493e703f4a389"
+  integrity sha512-mwZ1phvH7/NHK6Kf8LP7MYDogGV+DKB1mryFOEwx5EBNQrosvIczzZFTUmWaeujd5xT6G1ELYWUz3CutMhjE1w==
+  dependencies:
+    "@babel/helper-create-class-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-proposal-throw-expressions@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-throw-expressions/-/plugin-proposal-throw-expressions-7.10.1.tgz#89bde971b6081bfecff832c811ad76c2337c6970"
@@ -1157,6 +1396,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-proposal-unicode-property-regex@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.12.1.tgz#2a183958d417765b9eae334f47758e5d6a82e072"
+  integrity sha512-MYq+l+PvHuw/rKUz1at/vb6nCnQ2gmJBNaM62z0OgH7B2W1D9pvkpYtlti9bGtizNIU1K3zm4bZF9F91efVY0w==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-proposal-unicode-property-regex@^7.4.4":
   version "7.8.8"
   resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.8.8.tgz#ee3a95e90cdc04fe8cd92ec3279fa017d68a0d1d"
@@ -1193,6 +1440,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-syntax-class-properties@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.1.tgz#bcb297c5366e79bebadef509549cd93b04f19978"
+  integrity sha512-U40A76x5gTwmESz+qiqssqmeEsKvcSyvtgktrm0uzcARAmM9I1jR221f6Oq+GmHrcD+LvZDag1UTOTe2fL3TeA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-class-properties@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.8.3.tgz#6cb933a8872c8d359bfde69bbeaae5162fd1e8f7"
@@ -1282,6 +1536,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
+"@babel/plugin-syntax-jsx@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz#9d9d357cc818aa7ae7935917c1257f67677a0926"
+  integrity sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-jsx@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.8.3.tgz#521b06c83c40480f1e58b4fd33b92eceb1d6ea94"
@@ -1296,6 +1557,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
+"@babel/plugin-syntax-logical-assignment-operators@^7.10.4":
+  version "7.10.4"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz#ca91ef46303530448b906652bac2e9fe9941f699"
+  integrity sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-syntax-logical-assignment-operators@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.8.3.tgz#3995d7d7ffff432f6ddc742b47e730c054599897"
@@ -1386,6 +1654,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-syntax-top-level-await@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.12.1.tgz#dd6c0b357ac1bb142d98537450a319625d13d2a0"
+  integrity sha512-i7ooMZFS+a/Om0crxZodrTzNEPJHZrlMVGMTEpFAj6rYY/bKCddB0Dk/YxfPuYXOopuhKk/e1jV6h+WUU9XN3A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-arrow-functions@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.10.1.tgz#cb5ee3a36f0863c06ead0b409b4cc43a889b295b"
@@ -1400,6 +1675,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-arrow-functions@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.12.1.tgz#8083ffc86ac8e777fbe24b5967c4b2521f3cb2b3"
+  integrity sha512-5QB50qyN44fzzz4/qxDPQMBCTHgxg3n0xRBLJUmBlLoU/sFvxVWGZF/ZUfMVDQuJUKXaBhbupxIzIfZ6Fwk/0A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-async-to-generator@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.10.1.tgz#e5153eb1a3e028f79194ed8a7a4bf55f862b2062"
@@ -1418,6 +1700,15 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-remap-async-to-generator" "^7.10.4"
 
+"@babel/plugin-transform-async-to-generator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.12.1.tgz#3849a49cc2a22e9743cbd6b52926d30337229af1"
+  integrity sha512-SDtqoEcarK1DFlRJ1hHRY5HvJUj5kX4qmtpMAm2QnhOlyuMC4TMdCRgW6WXpv93rZeYNeLP22y8Aq2dbcDRM1A==
+  dependencies:
+    "@babel/helper-module-imports" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-remap-async-to-generator" "^7.12.1"
+
 "@babel/plugin-transform-block-scoped-functions@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.10.1.tgz#146856e756d54b20fff14b819456b3e01820b85d"
@@ -1432,6 +1723,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-block-scoped-functions@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.12.1.tgz#f2a1a365bde2b7112e0a6ded9067fdd7c07905d9"
+  integrity sha512-5OpxfuYnSgPalRpo8EWGPzIYf0lHBWORCkj5M0oLBwHdlux9Ri36QqGW3/LR13RSVOAoUUMzoPI/jpE4ABcHoA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-block-scoping@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.10.1.tgz#47092d89ca345811451cd0dc5d91605982705d5e"
@@ -1447,6 +1745,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-block-scoping@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.12.1.tgz#f0ee727874b42a208a48a586b84c3d222c2bbef1"
+  integrity sha512-zJyAC9sZdE60r1nVQHblcfCj29Dh2Y0DOvlMkcqSo0ckqjiCwNiUezUKw+RjOCwGfpLRwnAeQ2XlLpsnGkvv9w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-classes@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.10.1.tgz#6e11dd6c4dfae70f540480a4702477ed766d733f"
@@ -1475,6 +1780,20 @@
     "@babel/helper-split-export-declaration" "^7.10.4"
     globals "^11.1.0"
 
+"@babel/plugin-transform-classes@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.12.1.tgz#65e650fcaddd3d88ddce67c0f834a3d436a32db6"
+  integrity sha512-/74xkA7bVdzQTBeSUhLLJgYIcxw/dpEpCdRDiHgPJ3Mv6uC11UhjpOhl72CgqbBCmt1qtssCyB2xnJm1+PFjog==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-define-map" "^7.10.4"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-optimise-call-expression" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.12.1"
+    "@babel/helper-split-export-declaration" "^7.10.4"
+    globals "^11.1.0"
+
 "@babel/plugin-transform-computed-properties@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.10.1.tgz#59aa399064429d64dce5cf76ef9b90b7245ebd07"
@@ -1489,6 +1808,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-computed-properties@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.12.1.tgz#d68cf6c9b7f838a8a4144badbe97541ea0904852"
+  integrity sha512-vVUOYpPWB7BkgUWPo4C44mUQHpTZXakEqFjbv8rQMg7TC6S6ZhGZ3otQcRH6u7+adSlE5i0sp63eMC/XGffrzg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-destructuring@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.10.1.tgz#abd58e51337815ca3a22a336b85f62b998e71907"
@@ -1503,6 +1829,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-destructuring@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.12.1.tgz#b9a570fe0d0a8d460116413cb4f97e8e08b2f847"
+  integrity sha512-fRMYFKuzi/rSiYb2uRLiUENJOKq4Gnl+6qOv5f8z0TZXg3llUwUhsNNwrwaT/6dUhJTzNpBr+CUvEWBtfNY1cw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-dotall-regex@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.10.1.tgz#920b9fec2d78bb57ebb64a644d5c2ba67cc104ee"
@@ -1519,6 +1852,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-dotall-regex@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.12.1.tgz#a1d16c14862817b6409c0a678d6f9373ca9cd975"
+  integrity sha512-B2pXeRKoLszfEW7J4Hg9LoFaWEbr/kzo3teWHmtFCszjRNa/b40f9mfeqZsIDLLt/FjwQ6pz/Gdlwy85xNckBA==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-dotall-regex@^7.4.4":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.8.3.tgz#c3c6ec5ee6125c6993c5cbca20dc8621a9ea7a6e"
@@ -1541,6 +1882,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-duplicate-keys@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.12.1.tgz#745661baba295ac06e686822797a69fbaa2ca228"
+  integrity sha512-iRght0T0HztAb/CazveUpUQrZY+aGKKaWXMJ4uf9YJtqxSUe09j3wteztCUDRHs+SRAL7yMuFqUsLoAKKzgXjw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-exponentiation-operator@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.10.1.tgz#279c3116756a60dd6e6f5e488ba7957db9c59eb3"
@@ -1557,6 +1905,14 @@
     "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-exponentiation-operator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.12.1.tgz#b0f2ed356ba1be1428ecaf128ff8a24f02830ae0"
+  integrity sha512-7tqwy2bv48q+c1EHbXK0Zx3KXd2RVQp6OC7PbwFNt/dPTAV3Lu5sWtWuAj8owr5wqtWnqHfl2/mJlUmqkChKug==
+  dependencies:
+    "@babel/helper-builder-binary-assignment-operator-visitor" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-flow-strip-types@^7.0.0":
   version "7.2.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.2.3.tgz#e3ac2a594948454e7431c7db33e1d02d51b5cd69"
@@ -1586,6 +1942,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-for-of@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.12.1.tgz#07640f28867ed16f9511c99c888291f560921cfa"
+  integrity sha512-Zaeq10naAsuHo7heQvyV0ptj4dlZJwZgNAtBYBnu5nNKJoW62m0zKcIEyVECrUKErkUkg6ajMy4ZfnVZciSBhg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-function-name@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.10.1.tgz#4ed46fd6e1d8fde2a2ec7b03c66d853d2c92427d"
@@ -1602,6 +1965,14 @@
     "@babel/helper-function-name" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-function-name@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.12.1.tgz#2ec76258c70fe08c6d7da154003a480620eba667"
+  integrity sha512-JF3UgJUILoFrFMEnOJLJkRHSk6LUSXLmEFsA23aR2O5CSLUxbeUX1IZ1YQ7Sn0aXb601Ncwjx73a+FVqgcljVw==
+  dependencies:
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-literals@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.10.1.tgz#5794f8da82846b22e4e6631ea1658bce708eb46a"
@@ -1616,6 +1987,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-literals@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.12.1.tgz#d73b803a26b37017ddf9d3bb8f4dc58bfb806f57"
+  integrity sha512-+PxVGA+2Ag6uGgL0A5f+9rklOnnMccwEBzwYFL3EUaKuiyVnUipyXncFcfjSkbimLrODoqki1U9XxZzTvfN7IQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-member-expression-literals@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.10.1.tgz#90347cba31bca6f394b3f7bd95d2bbfd9fce2f39"
@@ -1630,6 +2008,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-member-expression-literals@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.12.1.tgz#496038602daf1514a64d43d8e17cbb2755e0c3ad"
+  integrity sha512-1sxePl6z9ad0gFMB9KqmYofk34flq62aqMt9NqliS/7hPEpURUCMbyHXrMPlo282iY7nAvUB1aQd5mg79UD9Jg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-modules-amd@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.10.1.tgz#65950e8e05797ebd2fe532b96e19fc5482a1d52a"
@@ -1648,6 +2033,15 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-amd@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.12.1.tgz#3154300b026185666eebb0c0ed7f8415fefcf6f9"
+  integrity sha512-tDW8hMkzad5oDtzsB70HIQQRBiTKrhfgwC/KkJeGsaNFTdWhKNt/BiE8c5yj19XiGyrxpbkOfH87qkNg1YGlOQ==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
 "@babel/plugin-transform-modules-commonjs@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.10.1.tgz#d5ff4b4413ed97ffded99961056e1fb980fb9301"
@@ -1668,6 +2062,16 @@
     "@babel/helper-simple-access" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-commonjs@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.12.1.tgz#fa403124542636c786cf9b460a0ffbb48a86e648"
+  integrity sha512-dY789wq6l0uLY8py9c1B48V8mVL5gZh/+PQ5ZPrylPYsnAvnEMjqsUXkuoDVPeVK+0VyGar+D08107LzDQ6pag==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-simple-access" "^7.12.1"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
 "@babel/plugin-transform-modules-systemjs@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.10.1.tgz#9962e4b0ac6aaf2e20431ada3d8ec72082cbffb6"
@@ -1688,6 +2092,17 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     babel-plugin-dynamic-import-node "^2.3.3"
 
+"@babel/plugin-transform-modules-systemjs@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.12.1.tgz#663fea620d593c93f214a464cd399bf6dc683086"
+  integrity sha512-Hn7cVvOavVh8yvW6fLwveFqSnd7rbQN3zJvoPNyNaQSvgfKmDBO9U1YL9+PCXGRlZD9tNdWTy5ACKqMuzyn32Q==
+  dependencies:
+    "@babel/helper-hoist-variables" "^7.10.4"
+    "@babel/helper-module-transforms" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-validator-identifier" "^7.10.4"
+    babel-plugin-dynamic-import-node "^2.3.3"
+
 "@babel/plugin-transform-modules-umd@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.10.1.tgz#ea080911ffc6eb21840a5197a39ede4ee67b1595"
@@ -1704,6 +2119,14 @@
     "@babel/helper-module-transforms" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-modules-umd@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.12.1.tgz#eb5a218d6b1c68f3d6217b8fa2cc82fec6547902"
+  integrity sha512-aEIubCS0KHKM0zUos5fIoQm+AZUMt1ZvMpqz0/H5qAQ7vWylr9+PLYurT+Ic7ID/bKLd4q8hDovaG3Zch2uz5Q==
+  dependencies:
+    "@babel/helper-module-transforms" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-named-capturing-groups-regex@^7.10.4":
   version "7.10.4"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.10.4.tgz#78b4d978810b6f3bcf03f9e318f2fc0ed41aecb6"
@@ -1711,6 +2134,13 @@
   dependencies:
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
 
+"@babel/plugin-transform-named-capturing-groups-regex@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.12.1.tgz#b407f5c96be0d9f5f88467497fa82b30ac3e8753"
+  integrity sha512-tB43uQ62RHcoDp9v2Nsf+dSM8sbNodbEicbQNA53zHz8pWUhsgHSJCGpt7daXxRydjb0KnfmB+ChXOv3oADp1Q==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.12.1"
+
 "@babel/plugin-transform-named-capturing-groups-regex@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.8.3.tgz#a2a72bffa202ac0e2d0506afd0939c5ecbc48c6c"
@@ -1732,6 +2162,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-new-target@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.12.1.tgz#80073f02ee1bb2d365c3416490e085c95759dec0"
+  integrity sha512-+eW/VLcUL5L9IvJH7rT1sT0CzkdUTvPrXC2PXTn/7z7tXLBuKvezYbGdxD5WMRoyvyaujOq2fWoKl869heKjhw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-object-super@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.10.1.tgz#2e3016b0adbf262983bf0d5121d676a5ed9c4fde"
@@ -1748,6 +2185,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-replace-supers" "^7.10.4"
 
+"@babel/plugin-transform-object-super@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.12.1.tgz#4ea08696b8d2e65841d0c7706482b048bed1066e"
+  integrity sha512-AvypiGJH9hsquNUn+RXVcBdeE3KHPZexWRdimhuV59cSoOt5kFBmqlByorAeUlGG2CJWd0U+4ZtNKga/TB0cAw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-replace-supers" "^7.12.1"
+
 "@babel/plugin-transform-parameters@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.10.1.tgz#b25938a3c5fae0354144a720b07b32766f683ddd"
@@ -1764,6 +2209,13 @@
     "@babel/helper-get-function-arity" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-parameters@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.12.1.tgz#d2e963b038771650c922eff593799c96d853255d"
+  integrity sha512-xq9C5EQhdPK23ZeCdMxl8bbRnAgHFrw5EOC3KJUsSylZqdkCaFEXxGSBuTSObOpiiHHNyb82es8M1QYgfQGfNg==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-property-literals@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.10.1.tgz#cffc7315219230ed81dc53e4625bf86815b6050d"
@@ -1778,6 +2230,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-property-literals@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.12.1.tgz#41bc81200d730abb4456ab8b3fbd5537b59adecd"
+  integrity sha512-6MTCR/mZ1MQS+AwZLplX4cEySjCpnIF26ToWo942nqn8hXSm7McaHQNeGx/pt7suI1TWOWMfa/NgBhiqSnX0cQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-react-constant-elements@^7.0.0", "@babel/plugin-transform-react-constant-elements@^7.2.0", "@babel/plugin-transform-react-constant-elements@^7.6.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.8.3.tgz#784c25294bddaad2323eb4ff0c9f4a3f6c87d6bc"
@@ -1786,6 +2245,13 @@
     "@babel/helper-annotate-as-pure" "^7.8.3"
     "@babel/helper-plugin-utils" "^7.8.3"
 
+"@babel/plugin-transform-react-constant-elements@^7.7.4":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.12.1.tgz#4471f0851feec3231cc9aaa0dccde39947c1ac1e"
+  integrity sha512-KOHd0tIRLoER+J+8f9DblZDa1fLGPwaaN1DI1TVHuQFOpjHV22C3CUB3obeC4fexHY9nx+fH0hQNvLFFfA1mxA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-react-display-name@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.10.1.tgz#e6a33f6d48dfb213dda5e007d0c7ff82b6a3d8ef"
@@ -1793,6 +2259,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.1"
 
+"@babel/plugin-transform-react-display-name@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.12.1.tgz#1cbcd0c3b1d6648c55374a22fc9b6b7e5341c00d"
+  integrity sha512-cAzB+UzBIrekfYxyLlFqf/OagTvHLcVBb5vpouzkYkBclRPraiygVnafvAoipErZLI8ANv8Ecn6E/m5qPXD26w==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-react-display-name@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.8.3.tgz#70ded987c91609f78353dd76d2fb2a0bb991e8e5"
@@ -1809,6 +2282,15 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
 
+"@babel/plugin-transform-react-jsx-development@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.12.1.tgz#0b8f8cd531dcf7991f1e5f2c10a2a4f1cfc78e36"
+  integrity sha512-IilcGWdN1yNgEGOrB96jbTplRh+V2Pz1EoEwsKsHfX1a/L40cUYuD71Zepa7C+ujv7kJIxnDftWeZbKNEqZjCQ==
+  dependencies:
+    "@babel/helper-builder-react-jsx-experimental" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-jsx" "^7.12.1"
+
 "@babel/plugin-transform-react-jsx-self@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.10.1.tgz#22143e14388d72eb88649606bb9e46f421bc3821"
@@ -1817,6 +2299,13 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
 
+"@babel/plugin-transform-react-jsx-self@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.12.1.tgz#ef43cbca2a14f1bd17807dbe4376ff89d714cf28"
+  integrity sha512-FbpL0ieNWiiBB5tCldX17EtXgmzeEZjFrix72rQYeq9X6nUK38HCaxexzVQrZWXanxKJPKVVIU37gFjEQYkPkA==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-react-jsx-self@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.8.3.tgz#c4f178b2aa588ecfa8d077ea80d4194ee77ed702"
@@ -1833,6 +2322,13 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
 
+"@babel/plugin-transform-react-jsx-source@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.12.1.tgz#d07de6863f468da0809edcf79a1aa8ce2a82a26b"
+  integrity sha512-keQ5kBfjJNRc6zZN1/nVHCd6LLIHq4aUKcVnvE/2l+ZZROSbqoiGFRtT5t3Is89XJxBQaP7NLZX2jgGHdZvvFQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-react-jsx-source@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.8.3.tgz#951e75a8af47f9f120db731be095d2b2c34920e0"
@@ -1851,6 +2347,16 @@
     "@babel/helper-plugin-utils" "^7.10.1"
     "@babel/plugin-syntax-jsx" "^7.10.1"
 
+"@babel/plugin-transform-react-jsx@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.12.1.tgz#c2d96c77c2b0e4362cc4e77a43ce7c2539d478cb"
+  integrity sha512-RmKejwnT0T0QzQUzcbP5p1VWlpnP8QHtdhEtLG55ZDQnJNalbF3eeDyu3dnGKvGzFIQiBzFhBYTwvv435p9Xpw==
+  dependencies:
+    "@babel/helper-builder-react-jsx" "^7.10.4"
+    "@babel/helper-builder-react-jsx-experimental" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-syntax-jsx" "^7.12.1"
+
 "@babel/plugin-transform-react-jsx@^7.8.3":
   version "7.8.3"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.8.3.tgz#4220349c0390fdefa505365f68c103562ab2fc4a"
@@ -1868,6 +2374,14 @@
     "@babel/helper-annotate-as-pure" "^7.10.1"
     "@babel/helper-plugin-utils" "^7.10.1"
 
+"@babel/plugin-transform-react-pure-annotations@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.12.1.tgz#05d46f0ab4d1339ac59adf20a1462c91b37a1a42"
+  integrity sha512-RqeaHiwZtphSIUZ5I85PEH19LOSzxfuEazoY7/pWASCAIBuATQzpSVD+eT6MebeeZT2F4eSL0u4vw6n4Nm0Mjg==
+  dependencies:
+    "@babel/helper-annotate-as-pure" "^7.10.4"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-regenerator@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.10.1.tgz#10e175cbe7bdb63cc9b39f9b3f823c5c7c5c5490"
@@ -1882,6 +2396,13 @@
   dependencies:
     regenerator-transform "^0.14.2"
 
+"@babel/plugin-transform-regenerator@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.12.1.tgz#5f0a28d842f6462281f06a964e88ba8d7ab49753"
+  integrity sha512-gYrHqs5itw6i4PflFX3OdBPMQdPbF4bj2REIUxlMRUFk0/ZOAIpDFuViuxPjUL7YC8UPnf+XG7/utJvqXdPKng==
+  dependencies:
+    regenerator-transform "^0.14.2"
+
 "@babel/plugin-transform-reserved-words@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.10.1.tgz#0fc1027312b4d1c3276a57890c8ae3bcc0b64a86"
@@ -1896,6 +2417,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-reserved-words@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.12.1.tgz#6fdfc8cc7edcc42b36a7c12188c6787c873adcd8"
+  integrity sha512-pOnUfhyPKvZpVyBHhSBoX8vfA09b7r00Pmm1sH+29ae2hMTKVmSp4Ztsr8KBKjLjx17H0eJqaRC3bR2iThM54A==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-runtime@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.10.1.tgz#fd1887f749637fb2ed86dc278e79eb41df37f4b1"
@@ -1920,6 +2448,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-shorthand-properties@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.12.1.tgz#0bf9cac5550fce0cfdf043420f661d645fdc75e3"
+  integrity sha512-GFZS3c/MhX1OusqB1MZ1ct2xRzX5ppQh2JU1h2Pnfk88HtFTM+TWQqJNfwkmxtPQtb/s1tk87oENfXJlx7rSDw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-spread@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.10.1.tgz#0c6d618a0c4461a274418460a28c9ccf5239a7c8"
@@ -1934,6 +2469,14 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-spread@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.12.1.tgz#527f9f311be4ec7fdc2b79bb89f7bf884b3e1e1e"
+  integrity sha512-vuLp8CP0BE18zVYjsEBZ5xoCecMK6LBMMxYzJnh01rxQRvhNhH1csMMmBfNo5tGpGO+NhdSNW2mzIvBu3K1fng==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-skip-transparent-expression-wrappers" "^7.12.1"
+
 "@babel/plugin-transform-sticky-regex@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.10.1.tgz#90fc89b7526228bed9842cff3588270a7a393b00"
@@ -1950,6 +2493,14 @@
     "@babel/helper-plugin-utils" "^7.10.4"
     "@babel/helper-regex" "^7.10.4"
 
+"@babel/plugin-transform-sticky-regex@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.12.1.tgz#5c24cf50de396d30e99afc8d1c700e8bce0f5caf"
+  integrity sha512-CiUgKQ3AGVk7kveIaPEET1jNDhZZEl1RPMWdTBE1799bdz++SwqDHStmxfCtDfBhQgCl38YRiSnrMuUMZIWSUQ==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-regex" "^7.10.4"
+
 "@babel/plugin-transform-template-literals@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.10.1.tgz#914c7b7f4752c570ea00553b4284dad8070e8628"
@@ -1966,6 +2517,13 @@
     "@babel/helper-annotate-as-pure" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-template-literals@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.12.1.tgz#b43ece6ed9a79c0c71119f576d299ef09d942843"
+  integrity sha512-b4Zx3KHi+taXB1dVRBhVJtEPi9h1THCeKmae2qP0YdUHIFhVjtpqqNfxeVAa1xeHVhAy4SbHxEwx5cltAu5apw==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-typeof-symbol@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.10.1.tgz#60c0239b69965d166b80a84de7315c1bc7e0bb0e"
@@ -1980,6 +2538,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-typeof-symbol@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.12.1.tgz#9ca6be343d42512fbc2e68236a82ae64bc7af78a"
+  integrity sha512-EPGgpGy+O5Kg5pJFNDKuxt9RdmTgj5sgrus2XVeMp/ZIbOESadgILUbm50SNpghOh3/6yrbsH+NB5+WJTmsA7Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-unicode-escapes@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.10.1.tgz#add0f8483dab60570d9e03cecef6c023aa8c9940"
@@ -1994,6 +2559,13 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-unicode-escapes@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.12.1.tgz#5232b9f81ccb07070b7c3c36c67a1b78f1845709"
+  integrity sha512-I8gNHJLIc7GdApm7wkVnStWssPNbSRMPtgHdmH3sRM1zopz09UWPS4x5V4n1yz/MIWTVnJ9sp6IkuXdWM4w+2Q==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/plugin-transform-unicode-regex@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.10.1.tgz#6b58f2aea7b68df37ac5025d9c88752443a6b43f"
@@ -2010,6 +2582,14 @@
     "@babel/helper-create-regexp-features-plugin" "^7.10.4"
     "@babel/helper-plugin-utils" "^7.10.4"
 
+"@babel/plugin-transform-unicode-regex@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.12.1.tgz#cc9661f61390db5c65e3febaccefd5c6ac3faecb"
+  integrity sha512-SqH4ClNngh/zGwHZOOQMTD+e8FGWexILV+ePMyiDJttAWRh5dhDL8rcl5lSgU3Huiq6Zn6pWTMvdPAb21Dwdyg==
+  dependencies:
+    "@babel/helper-create-regexp-features-plugin" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+
 "@babel/polyfill@^7.10.1":
   version "7.10.1"
   resolved "https://registry.yarnpkg.com/@babel/polyfill/-/polyfill-7.10.1.tgz#d56d4c8be8dd6ec4dce2649474e9b707089f739f"
@@ -2158,6 +2738,78 @@
     levenary "^1.1.1"
     semver "^5.5.0"
 
+"@babel/preset-env@^7.9.5":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.12.1.tgz#9c7e5ca82a19efc865384bb4989148d2ee5d7ac2"
+  integrity sha512-H8kxXmtPaAGT7TyBvSSkoSTUK6RHh61So05SyEbpmr0MCZrsNYn7mGMzzeYoOUCdHzww61k8XBft2TaES+xPLg==
+  dependencies:
+    "@babel/compat-data" "^7.12.1"
+    "@babel/helper-compilation-targets" "^7.12.1"
+    "@babel/helper-module-imports" "^7.12.1"
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/helper-validator-option" "^7.12.1"
+    "@babel/plugin-proposal-async-generator-functions" "^7.12.1"
+    "@babel/plugin-proposal-class-properties" "^7.12.1"
+    "@babel/plugin-proposal-dynamic-import" "^7.12.1"
+    "@babel/plugin-proposal-export-namespace-from" "^7.12.1"
+    "@babel/plugin-proposal-json-strings" "^7.12.1"
+    "@babel/plugin-proposal-logical-assignment-operators" "^7.12.1"
+    "@babel/plugin-proposal-nullish-coalescing-operator" "^7.12.1"
+    "@babel/plugin-proposal-numeric-separator" "^7.12.1"
+    "@babel/plugin-proposal-object-rest-spread" "^7.12.1"
+    "@babel/plugin-proposal-optional-catch-binding" "^7.12.1"
+    "@babel/plugin-proposal-optional-chaining" "^7.12.1"
+    "@babel/plugin-proposal-private-methods" "^7.12.1"
+    "@babel/plugin-proposal-unicode-property-regex" "^7.12.1"
+    "@babel/plugin-syntax-async-generators" "^7.8.0"
+    "@babel/plugin-syntax-class-properties" "^7.12.1"
+    "@babel/plugin-syntax-dynamic-import" "^7.8.0"
+    "@babel/plugin-syntax-export-namespace-from" "^7.8.3"
+    "@babel/plugin-syntax-json-strings" "^7.8.0"
+    "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4"
+    "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.0"
+    "@babel/plugin-syntax-numeric-separator" "^7.10.4"
+    "@babel/plugin-syntax-object-rest-spread" "^7.8.0"
+    "@babel/plugin-syntax-optional-catch-binding" "^7.8.0"
+    "@babel/plugin-syntax-optional-chaining" "^7.8.0"
+    "@babel/plugin-syntax-top-level-await" "^7.12.1"
+    "@babel/plugin-transform-arrow-functions" "^7.12.1"
+    "@babel/plugin-transform-async-to-generator" "^7.12.1"
+    "@babel/plugin-transform-block-scoped-functions" "^7.12.1"
+    "@babel/plugin-transform-block-scoping" "^7.12.1"
+    "@babel/plugin-transform-classes" "^7.12.1"
+    "@babel/plugin-transform-computed-properties" "^7.12.1"
+    "@babel/plugin-transform-destructuring" "^7.12.1"
+    "@babel/plugin-transform-dotall-regex" "^7.12.1"
+    "@babel/plugin-transform-duplicate-keys" "^7.12.1"
+    "@babel/plugin-transform-exponentiation-operator" "^7.12.1"
+    "@babel/plugin-transform-for-of" "^7.12.1"
+    "@babel/plugin-transform-function-name" "^7.12.1"
+    "@babel/plugin-transform-literals" "^7.12.1"
+    "@babel/plugin-transform-member-expression-literals" "^7.12.1"
+    "@babel/plugin-transform-modules-amd" "^7.12.1"
+    "@babel/plugin-transform-modules-commonjs" "^7.12.1"
+    "@babel/plugin-transform-modules-systemjs" "^7.12.1"
+    "@babel/plugin-transform-modules-umd" "^7.12.1"
+    "@babel/plugin-transform-named-capturing-groups-regex" "^7.12.1"
+    "@babel/plugin-transform-new-target" "^7.12.1"
+    "@babel/plugin-transform-object-super" "^7.12.1"
+    "@babel/plugin-transform-parameters" "^7.12.1"
+    "@babel/plugin-transform-property-literals" "^7.12.1"
+    "@babel/plugin-transform-regenerator" "^7.12.1"
+    "@babel/plugin-transform-reserved-words" "^7.12.1"
+    "@babel/plugin-transform-shorthand-properties" "^7.12.1"
+    "@babel/plugin-transform-spread" "^7.12.1"
+    "@babel/plugin-transform-sticky-regex" "^7.12.1"
+    "@babel/plugin-transform-template-literals" "^7.12.1"
+    "@babel/plugin-transform-typeof-symbol" "^7.12.1"
+    "@babel/plugin-transform-unicode-escapes" "^7.12.1"
+    "@babel/plugin-transform-unicode-regex" "^7.12.1"
+    "@babel/preset-modules" "^0.1.3"
+    "@babel/types" "^7.12.1"
+    core-js-compat "^3.6.2"
+    semver "^5.5.0"
+
 "@babel/preset-flow@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/preset-flow/-/preset-flow-7.0.0.tgz#afd764835d9535ec63d8c7d4caf1c06457263da2"
@@ -2209,6 +2861,19 @@
     "@babel/plugin-transform-react-jsx-source" "^7.10.1"
     "@babel/plugin-transform-react-pure-annotations" "^7.10.1"
 
+"@babel/preset-react@^7.9.4":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.12.1.tgz#7f022b13f55b6dd82f00f16d1c599ae62985358c"
+  integrity sha512-euCExymHCi0qB9u5fKw7rvlw7AZSjw/NaB9h7EkdTt5+yHRrXdiRTh7fkG3uBPpJg82CqLfp1LHLqWGSCrab+g==
+  dependencies:
+    "@babel/helper-plugin-utils" "^7.10.4"
+    "@babel/plugin-transform-react-display-name" "^7.12.1"
+    "@babel/plugin-transform-react-jsx" "^7.12.1"
+    "@babel/plugin-transform-react-jsx-development" "^7.12.1"
+    "@babel/plugin-transform-react-jsx-self" "^7.12.1"
+    "@babel/plugin-transform-react-jsx-source" "^7.12.1"
+    "@babel/plugin-transform-react-pure-annotations" "^7.12.1"
+
 "@babel/runtime-corejs3@^7.10.2":
   version "7.11.2"
   resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.11.2.tgz#02c3029743150188edeb66541195f54600278419"
@@ -2386,6 +3051,21 @@
     globals "^11.1.0"
     lodash "^4.17.19"
 
+"@babel/traverse@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.1.tgz#941395e0c5cc86d5d3e75caa095d3924526f0c1e"
+  integrity sha512-MA3WPoRt1ZHo2ZmoGKNqi20YnPt0B1S0GTZEPhhd+hw2KGUzBlHuVunj6K4sNuK+reEvyiPwtp0cpaqLzJDmAw==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/generator" "^7.12.1"
+    "@babel/helper-function-name" "^7.10.4"
+    "@babel/helper-split-export-declaration" "^7.11.0"
+    "@babel/parser" "^7.12.1"
+    "@babel/types" "^7.12.1"
+    debug "^4.1.0"
+    globals "^11.1.0"
+    lodash "^4.17.19"
+
 "@babel/traverse@^7.4.3":
   version "7.4.5"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.4.5.tgz#4e92d1728fd2f1897dafdd321efbff92156c3216"
@@ -2472,6 +3152,15 @@
     lodash "^4.17.19"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.11.0", "@babel/types@^7.12.1":
+  version "7.12.1"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.12.1.tgz#e109d9ab99a8de735be287ee3d6a9947a190c4ae"
+  integrity sha512-BzSY3NJBKM4kyatSOWh3D/JJ2O3CVzBybHWxtgxnggaxEuaSTTDqeiSb/xk9lrkw2Tbqyivw5ZU4rT+EfznQsA==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.10.4"
+    lodash "^4.17.19"
+    to-fast-properties "^2.0.0"
+
 "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.8.6", "@babel/types@^7.9.5":
   version "7.9.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.9.5.tgz#89231f82915a8a566a703b3b20133f73da6b9444"
@@ -3854,41 +4543,81 @@
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz#dadcb6218503532d6884b210e7f3c502caaa44b1"
   integrity sha512-j7KnilGyZzYr/jhcrSYS3FGWMZVaqyCG0vzMCwzvei0coIkczuYMcniK07nI0aHJINciujjH11T72ICW5eL5Ig==
 
+"@svgr/babel-plugin-add-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906"
+  integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg==
+
 "@svgr/babel-plugin-remove-jsx-attribute@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-4.2.0.tgz#297550b9a8c0c7337bea12bdfc8a80bb66f85abc"
   integrity sha512-3XHLtJ+HbRCH4n28S7y/yZoEQnRpl0tvTZQsHqvaeNXPra+6vE5tbRliH3ox1yZYPCxrlqaJT/Mg+75GpDKlvQ==
 
+"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef"
+  integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg==
+
 "@svgr/babel-plugin-remove-jsx-empty-expression@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-4.2.0.tgz#c196302f3e68eab6a05e98af9ca8570bc13131c7"
   integrity sha512-yTr2iLdf6oEuUE9MsRdvt0NmdpMBAkgK8Bjhl6epb+eQWk6abBaX3d65UZ3E3FWaOwePyUgNyNCMVG61gGCQ7w==
 
+"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd"
+  integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA==
+
 "@svgr/babel-plugin-replace-jsx-attribute-value@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-4.2.0.tgz#310ec0775de808a6a2e4fd4268c245fd734c1165"
   integrity sha512-U9m870Kqm0ko8beHawRXLGLvSi/ZMrl89gJ5BNcT452fAjtF2p4uRzXkdzvGJJJYBgx7BmqlDjBN/eCp5AAX2w==
 
+"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1":
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897"
+  integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ==
+
 "@svgr/babel-plugin-svg-dynamic-title@^4.3.3":
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-4.3.3.tgz#2cdedd747e5b1b29ed4c241e46256aac8110dd93"
   integrity sha512-w3Be6xUNdwgParsvxkkeZb545VhXEwjGMwExMVBIdPQJeyMQHqm9Msnb2a1teHBqUYL66qtwfhNkbj1iarCG7w==
 
+"@svgr/babel-plugin-svg-dynamic-title@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7"
+  integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg==
+
 "@svgr/babel-plugin-svg-em-dimensions@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-4.2.0.tgz#9a94791c9a288108d20a9d2cc64cac820f141391"
   integrity sha512-C0Uy+BHolCHGOZ8Dnr1zXy/KgpBOkEUYY9kI/HseHVPeMbluaX3CijJr7D4C5uR8zrc1T64nnq/k63ydQuGt4w==
 
+"@svgr/babel-plugin-svg-em-dimensions@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0"
+  integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw==
+
 "@svgr/babel-plugin-transform-react-native-svg@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-4.2.0.tgz#151487322843359a1ca86b21a3815fd21a88b717"
   integrity sha512-7YvynOpZDpCOUoIVlaaOUU87J4Z6RdD6spYN4eUb5tfPoKGSF9OG2NuhgYnq4jSkAxcpMaXWPf1cePkzmqTPNw==
 
+"@svgr/babel-plugin-transform-react-native-svg@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80"
+  integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q==
+
 "@svgr/babel-plugin-transform-svg-component@^4.2.0":
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-4.2.0.tgz#5f1e2f886b2c85c67e76da42f0f6be1b1767b697"
   integrity sha512-hYfYuZhQPCBVotABsXKSCfel2slf/yvJY8heTVX1PCTaq/IgASq1IyxPPKJ0chWREEKewIU/JMSsIGBtK1KKxw==
 
+"@svgr/babel-plugin-transform-svg-component@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.4.0.tgz#a2212b4d018e6075a058bb7e220a66959ef7a03c"
+  integrity sha512-zLl4Fl3NvKxxjWNkqEcpdSOpQ3LGVH2BNFQ6vjaK6sFo2IrSznrhURIPI0HAphKiiIwNYjAfE0TNoQDSZv0U9A==
+
 "@svgr/babel-preset@^4.3.3":
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-4.3.3.tgz#a75d8c2f202ac0e5774e6bfc165d028b39a1316c"
@@ -3903,6 +4632,20 @@
     "@svgr/babel-plugin-transform-react-native-svg" "^4.2.0"
     "@svgr/babel-plugin-transform-svg-component" "^4.2.0"
 
+"@svgr/babel-preset@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.4.0.tgz#da21854643e1c4ad2279239baa7d5a8b128c1f15"
+  integrity sha512-Gyx7cCxua04DBtyILTYdQxeO/pwfTBev6+eXTbVbxe4HTGhOUW6yo7PSbG2p6eJMl44j6XSequ0ZDP7bl0nu9A==
+  dependencies:
+    "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0"
+    "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1"
+    "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1"
+    "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0"
+    "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0"
+    "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0"
+    "@svgr/babel-plugin-transform-svg-component" "^5.4.0"
+
 "@svgr/core@^4.3.3":
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/@svgr/core/-/core-4.3.3.tgz#b37b89d5b757dc66e8c74156d00c368338d24293"
@@ -3912,6 +4655,15 @@
     camelcase "^5.3.1"
     cosmiconfig "^5.2.1"
 
+"@svgr/core@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.4.0.tgz#655378ee43679eb94fee3d4e1976e38252dff8e7"
+  integrity sha512-hWGm1DCCvd4IEn7VgDUHYiC597lUYhFau2lwJBYpQWDirYLkX4OsXu9IslPgJ9UpP7wsw3n2Ffv9sW7SXJVfqQ==
+  dependencies:
+    "@svgr/plugin-jsx" "^5.4.0"
+    camelcase "^6.0.0"
+    cosmiconfig "^6.0.0"
+
 "@svgr/hast-util-to-babel-ast@^4.3.2":
   version "4.3.2"
   resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-4.3.2.tgz#1d5a082f7b929ef8f1f578950238f630e14532b8"
@@ -3919,6 +4671,13 @@
   dependencies:
     "@babel/types" "^7.4.4"
 
+"@svgr/hast-util-to-babel-ast@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.4.0.tgz#bb5d002e428f510aa5b53ec0a02377a95b367715"
+  integrity sha512-+U0TZZpPsP2V1WvVhqAOSTk+N+CjYHdZx+x9UBa1eeeZDXwH8pt0CrQf2+SvRl/h2CAPRFkm+Ey96+jKP8Bsgg==
+  dependencies:
+    "@babel/types" "^7.9.5"
+
 "@svgr/plugin-jsx@^4.3.3":
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-4.3.3.tgz#e2ba913dbdfbe85252a34db101abc7ebd50992fa"
@@ -3929,6 +4688,16 @@
     "@svgr/hast-util-to-babel-ast" "^4.3.2"
     svg-parser "^2.0.0"
 
+"@svgr/plugin-jsx@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.4.0.tgz#ab47504c55615833c6db70fca2d7e489f509787c"
+  integrity sha512-SGzO4JZQ2HvGRKDzRga9YFSqOqaNrgLlQVaGvpZ2Iht2gwRp/tq+18Pvv9kS9ZqOMYgyix2LLxZMY1LOe9NPqw==
+  dependencies:
+    "@babel/core" "^7.7.5"
+    "@svgr/babel-preset" "^5.4.0"
+    "@svgr/hast-util-to-babel-ast" "^5.4.0"
+    svg-parser "^2.0.2"
+
 "@svgr/plugin-svgo@^4.3.1":
   version "4.3.1"
   resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-4.3.1.tgz#daac0a3d872e3f55935c6588dd370336865e9e32"
@@ -3938,6 +4707,29 @@
     merge-deep "^3.0.2"
     svgo "^1.2.2"
 
+"@svgr/plugin-svgo@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.4.0.tgz#45d9800b7099a6f7b4d85ebac89ab9abe8592f64"
+  integrity sha512-3Cgv3aYi1l6SHyzArV9C36yo4kgwVdF3zPQUC6/aCDUeXAofDYwE5kk3e3oT5ZO2a0N3lB+lLGvipBG6lnG8EA==
+  dependencies:
+    cosmiconfig "^6.0.0"
+    merge-deep "^3.0.2"
+    svgo "^1.2.2"
+
+"@svgr/rollup@^5.4.0":
+  version "5.4.0"
+  resolved "https://registry.yarnpkg.com/@svgr/rollup/-/rollup-5.4.0.tgz#b1946c8d2c13870397af014a105d40945b7371e5"
+  integrity sha512-hwYjrTddW6mFU9vwqRr1TULNvxiIxGdIbqrD5J7vtoATSfWazq/2JSnT4BmiH+/4kFXLEtjKuSKoDUotkOIAkg==
+  dependencies:
+    "@babel/core" "^7.7.5"
+    "@babel/plugin-transform-react-constant-elements" "^7.7.4"
+    "@babel/preset-env" "^7.9.5"
+    "@babel/preset-react" "^7.9.4"
+    "@svgr/core" "^5.4.0"
+    "@svgr/plugin-jsx" "^5.4.0"
+    "@svgr/plugin-svgo" "^5.4.0"
+    rollup-pluginutils "^2.8.2"
+
 "@svgr/webpack@^4.0.3":
   version "4.3.3"
   resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-4.3.3.tgz#13cc2423bf3dff2d494f16b17eb7eacb86895017"
@@ -6321,6 +7113,11 @@ camelcase@^5.3.1:
   resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320"
   integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==
 
+camelcase@^6.0.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.1.0.tgz#27dc176173725fb0adf8a48b647f4d7871944d78"
+  integrity sha512-WCMml9ivU60+8rEJgELlFp1gxFcEGxwYleE3bziHEDeqsqAWGHdimB7beBFGjLzVNgPGyDsfgXLQEYMpmIFnVQ==
+
 can-use-dom@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/can-use-dom/-/can-use-dom-0.1.0.tgz#22cc4a34a0abc43950f42c6411024a3f6366b45a"
@@ -17412,6 +18209,18 @@ regexpu-core@^4.7.0:
     unicode-match-property-ecmascript "^1.0.4"
     unicode-match-property-value-ecmascript "^1.2.0"
 
+regexpu-core@^4.7.1:
+  version "4.7.1"
+  resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-4.7.1.tgz#2dea5a9a07233298fbf0db91fa9abc4c6e0f8ad6"
+  integrity sha512-ywH2VUraA44DZQuRKzARmw6S66mr48pQVva4LBeRhcOltJ6hExvWly5ZjFLYo67xbIxb6W1q4bAGtgfEl20zfQ==
+  dependencies:
+    regenerate "^1.4.0"
+    regenerate-unicode-properties "^8.2.0"
+    regjsgen "^0.5.1"
+    regjsparser "^0.6.4"
+    unicode-match-property-ecmascript "^1.0.4"
+    unicode-match-property-value-ecmascript "^1.2.0"
+
 registry-auth-token@^3.0.1:
   version "3.4.0"
   resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-3.4.0.tgz#d7446815433f5d5ed6431cd5dca21048f66b397e"
@@ -17945,7 +18754,7 @@ rollup-pluginutils@^2.0.1, rollup-pluginutils@^2.3.3:
     estree-walker "^0.5.2"
     micromatch "^2.3.11"
 
-rollup-pluginutils@^2.3.1, rollup-pluginutils@^2.5.0, rollup-pluginutils@^2.8.1:
+rollup-pluginutils@^2.3.1, rollup-pluginutils@^2.5.0, rollup-pluginutils@^2.8.1, rollup-pluginutils@^2.8.2:
   version "2.8.2"
   resolved "https://registry.yarnpkg.com/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz#72f2af0748b592364dbd3389e600e5a9444a351e"
   dependencies:
@@ -19393,6 +20202,11 @@ svg-parser@^2.0.0:
   resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.3.tgz#a38f2e4e5442986f7ecb554c11f1411cfcf8c2b9"
   integrity sha512-fnCWiifNhK8i2Z7b9R5tbNahpxrRdAaQbnoxKlT2KrSCj9Kq/yBSgulCRgBJRhy1dPnSY5slg5ehPUnzpEcHlg==
 
+svg-parser@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5"
+  integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==
+
 svg-tags@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764"