@dscout/particle 1.0.0-alpha.3 → 1.0.0-alpha.4

package/lib/components/theme_provider.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _class_names = _interopRequireDefault(require("../utils/class_names"));
 
-var _excluded = ["as", "children", "className", "name", "setOnBody"];
+var _excluded = ["applyBackgroundColor", "applyColor", "as", "children", "className", "colorScheme", "theme", "global"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,61 +23,87 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 var propTypes = {
+  /**
+  Apply the color scheme's background color.
+  */
+  applyBackgroundColor: _propTypes.default.bool,
+
+  /**
+  Apply the color scheme's text color.
+  */
+  applyColor: _propTypes.default.bool,
+
   /**
   The root DOM element type to render.
   */
   as: _propTypes.default.string,
   children: _propTypes.default.node,
 
-  /** Class name to apply to root DOM element rendered by this component. */
+  /** Additional class name(s) to apply. */
   className: _propTypes.default.string,
 
+  /**
+  Name of the color scheme to apply.
+  */
+  colorScheme: _propTypes.default.oneOf(['light', 'dark', 'dark-close', 'dark-coachmark', 'dark-dscout', 'dark-success', 'dark-test']),
+
   /**
   Name of the theme to apply.
   */
-  name: _propTypes.default.string,
+  theme: _propTypes.default.oneOf(['researcher', 'bandit']),
 
   /**
   Set the theme class on the `<body>` instead of the DOM element rendered by
   this component. Use this on the top-level `<ThemeProvider />`.
   */
-  setOnBody: _propTypes.default.bool
-};
-var THEMES = {
-  RESEARCHER: 'researcher',
-  BANDIT: 'bandit'
+  global: _propTypes.default.bool
 };
 
-var ThemeContext = _react.default.createContext(THEMES.RESEARCHER);
+var ThemeContext = _react.default.createContext({
+  theme: 'researcher',
+  colorScheme: 'light'
+});
 /**
 Use the `<ThemeProvider />` to apply a theme to Particle. Particle is
 largely unstyled without a defined theme, so each app will need to render a
 `<ThemeProvider />` at the top level. The top-level provider should use the
-`setOnBody` prop to set the theme class on the body element.
+`global` prop to set the theme class on the body element. You'll likely
+want to also use the `applyBackgroundColor` prop on the top-level provider to
+apply the color scheme's base background color to the whole page.
 
-Themes can be nested to apply a different theme to only a subsection of an
-interface. Do not apply the `setOnBody` prop for nested themes.
+Themes can be nested to apply a different theme or color scheme to only a
+subsection of an interface. Do not apply the `global` prop for nested themes.
 
 The `<ThemeProvider />` also renders a React context provider, so descendants
-can use `ThemeContext` to customize their behavior based on the theme. For
-example:
+can use `ThemeContext` to customize their behavior based on the theme or
+color scheme. For example:
 
 ```jsx
 import React, { useContext } from 'react';
 import { ThemeContext } from '@dscout/particle';
 
 function Descendant() {
-  const theme = useContext(ThemeContext)
+  const { colorScheme, theme } = useContext(ThemeContext)
 
   return (
-    <p>I'm in the {theme} theme!</p>
+    <p>I'm in the {theme} theme with the {colorScheme} color scheme!</p>
   );
 }
 ```
@@ -86,62 +112,124 @@ function Descendant() {
 
 exports.ThemeContext = ThemeContext;
 
+function splitClassNames(string) {
+  return string.trim().split(' ').filter(function (className) {
+    return Boolean(className);
+  });
+}
+
 function ThemeProvider(_ref) {
-  var _ref$as = _ref.as,
+  var _ref$applyBackgroundC = _ref.applyBackgroundColor,
+      applyBackgroundColor = _ref$applyBackgroundC === void 0 ? false : _ref$applyBackgroundC,
+      _ref$applyColor = _ref.applyColor,
+      applyColor = _ref$applyColor === void 0 ? true : _ref$applyColor,
+      _ref$as = _ref.as,
       ElementToRenderAs = _ref$as === void 0 ? 'div' : _ref$as,
       children = _ref.children,
       className = _ref.className,
-      _ref$name = _ref.name,
-      name = _ref$name === void 0 ? THEMES.RESEARCHER : _ref$name,
-      _ref$setOnBody = _ref.setOnBody,
-      setOnBody = _ref$setOnBody === void 0 ? false : _ref$setOnBody,
+      specifiedColorScheme = _ref.colorScheme,
+      specifiedTheme = _ref.theme,
+      _ref$global = _ref.global,
+      global = _ref$global === void 0 ? false : _ref$global,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  var themeClass = name ? "theme--".concat(name) : '';
+  var _useContext = (0, _react.useContext)(ThemeContext),
+      inheritedTheme = _useContext.theme,
+      inheritedColorScheme = _useContext.colorScheme;
+
+  var theme = specifiedTheme || inheritedTheme;
+  var colorScheme = specifiedColorScheme || inheritedColorScheme;
+  var themeClass = theme ? "theme--".concat(theme) : '';
+  var colorSchemeClass = colorScheme ? "color-scheme--".concat(theme, "-").concat(colorScheme) : '';
   (0, _react.useLayoutEffect)(function () {
-    if (setOnBody) {
-      document.body.classList.add(themeClass);
+    if (global) {
+      var _document$body$classL;
+
+      var classes = [themeClass, colorSchemeClass];
+
+      if (applyBackgroundColor) {
+        classes.push('color-scheme--with-background-color');
+      }
+
+      if (applyColor) {
+        classes.push('color-scheme--with-color');
+      }
+
+      if (className) {
+        classes.push.apply(classes, _toConsumableArray(splitClassNames(className)));
+      }
+
+      (_document$body$classL = document.body.classList).add.apply(_document$body$classL, classes);
+
       return function () {
-        document.body.classList.remove(themeClass);
+        var _document$body$classL2;
+
+        (_document$body$classL2 = document.body.classList).remove.apply(_document$body$classL2, classes);
       };
     }
-  }, [themeClass, setOnBody]);
+  }, [applyBackgroundColor, applyColor, themeClass, colorSchemeClass, global, className]);
+
+  var providerAndChildren = _react.default.createElement(ThemeContext.Provider, {
+    value: {
+      theme: theme,
+      colorScheme: colorScheme
+    }
+  }, children);
+
+  if (global) return providerAndChildren;
   return _react.default.createElement(ElementToRenderAs, _extends({
-    className: (0, _class_names.default)(className, _defineProperty({}, themeClass, !setOnBody))
+    className: (0, _class_names.default)(className, themeClass, colorSchemeClass, {
+      'color-scheme--with-background-color': applyBackgroundColor,
+      'color-scheme--with-color': applyColor
+    })
   }, props), _react.default.createElement(ThemeContext.Provider, {
-    value: name
+    value: {
+      theme: theme,
+      colorScheme: colorScheme
+    }
   }, children));
 }
 
 ThemeProvider.propTypes = propTypes;
 ThemeProvider.__docgenInfo = {
-  "description": "Use the `<ThemeProvider />` to apply a theme to Particle. Particle is\nlargely unstyled without a defined theme, so each app will need to render a\n`<ThemeProvider />` at the top level. The top-level provider should use the\n`setOnBody` prop to set the theme class on the body element.\n\nThemes can be nested to apply a different theme to only a subsection of an\ninterface. Do not apply the `setOnBody` prop for nested themes.\n\nThe `<ThemeProvider />` also renders a React context provider, so descendants\ncan use `ThemeContext` to customize their behavior based on the theme. For\nexample:\n\n```jsx\nimport React, { useContext } from 'react';\nimport { ThemeContext } from '@dscout/particle';\n\nfunction Descendant() {\n  const theme = useContext(ThemeContext)\n\n  return (\n    <p>I'm in the {theme} theme!</p>\n  );\n}\n```",
+  "description": "",
   "methods": [],
   "displayName": "ThemeProvider",
   "props": {
-    "as": {
+    "applyBackgroundColor": {
       "defaultValue": {
-        "value": "'div'",
+        "value": "false",
         "computed": false
       },
       "type": {
-        "name": "string"
+        "name": "bool"
       },
       "required": false,
-      "description": "The root DOM element type to render."
+      "description": "Apply the color scheme's background color."
+    },
+    "applyColor": {
+      "defaultValue": {
+        "value": "true",
+        "computed": false
+      },
+      "type": {
+        "name": "bool"
+      },
+      "required": false,
+      "description": "Apply the color scheme's text color."
     },
-    "name": {
+    "as": {
       "defaultValue": {
-        "value": "'researcher'",
+        "value": "'div'",
         "computed": false
       },
       "type": {
         "name": "string"
       },
       "required": false,
-      "description": "Name of the theme to apply."
+      "description": "The root DOM element type to render."
     },
-    "setOnBody": {
+    "global": {
       "defaultValue": {
         "value": "false",
         "computed": false
@@ -164,7 +252,50 @@ ThemeProvider.__docgenInfo = {
         "name": "string"
       },
       "required": false,
-      "description": "Class name to apply to root DOM element rendered by this component."
+      "description": "Additional class name(s) to apply."
+    },
+    "colorScheme": {
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "'light'",
+          "computed": false
+        }, {
+          "value": "'dark'",
+          "computed": false
+        }, {
+          "value": "'dark-close'",
+          "computed": false
+        }, {
+          "value": "'dark-coachmark'",
+          "computed": false
+        }, {
+          "value": "'dark-dscout'",
+          "computed": false
+        }, {
+          "value": "'dark-success'",
+          "computed": false
+        }, {
+          "value": "'dark-test'",
+          "computed": false
+        }]
+      },
+      "required": false,
+      "description": "Name of the color scheme to apply."
+    },
+    "theme": {
+      "type": {
+        "name": "enum",
+        "value": [{
+          "value": "'researcher'",
+          "computed": false
+        }, {
+          "value": "'bandit'",
+          "computed": false
+        }]
+      },
+      "required": false,
+      "description": "Name of the theme to apply."
     }
   }
 };

package/lib/components/tooltip_container.js

@@ -130,7 +130,7 @@ function TooltipContainer(_ref) {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,
     "aria-describedby": ariaDescribedby,
-    className: (0, _class_names.default)('Tooltip__Container', _modifierClass),
+    className: (0, _class_names.default)('Tooltip-Container', _modifierClass),
     id: id,
     onMouseEnter: displayTooltip,
     onMouseLeave: hideTooltip,

package/lib/icons/circle_plus.js

@@ -20,6 +20,7 @@ function CirclePlus(_ref) {
       ariaLabel = _ref['aria-label'],
       ariaLabelledby = _ref['aria-labelledby'],
       color = _ref.color,
+      solid = _ref.solid,
       id = _ref.id,
       size = _ref.size,
       tight = _ref.tight,
@@ -41,13 +42,13 @@ function CirclePlus(_ref) {
     cy: "12.5",
     r: "8",
     stroke: "currentColor",
-    fill: "none"
+    fill: solid ? 'currentColor' : 'none'
   }), _react.default.createElement("line", {
     x1: "9.5",
     y1: "12.5",
     x2: "15.5",
     y2: "12.5",
-    stroke: "currentColor",
+    stroke: solid ? 'white' : 'currentColor',
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round"
@@ -56,7 +57,7 @@ function CirclePlus(_ref) {
     y1: "15.5",
     x2: "12.5",
     y2: "9.5",
-    stroke: "currentColor",
+    stroke: solid ? 'white' : 'currentColor',
     fill: "none",
     strokeLinecap: "round",
     strokeLinejoin: "round"

package/lib/icons/exclude.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _common_svg = _interopRequireDefault(require("./common_svg"));
+
+var _prop_types = _interopRequireDefault(require("./prop_types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint max-len: 'off' */
+function IconExclude(_ref) {
+  var _modifierClass = _ref._modifierClass,
+      ariaDescribedby = _ref['aria-describedby'],
+      ariaHidden = _ref['aria-hidden'],
+      ariaLabel = _ref['aria-label'],
+      ariaLabelledby = _ref['aria-labelledby'],
+      color = _ref.color,
+      id = _ref.id,
+      size = _ref.size,
+      tight = _ref.tight,
+      title = _ref.title;
+  return _react.default.createElement(_common_svg.default, {
+    "aria-describedby": ariaDescribedby,
+    "aria-hidden": ariaHidden,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    color: color,
+    id: id,
+    size: size,
+    tight: tight,
+    tightViewBox: "6 0 13 25",
+    title: title,
+    _modifierClass: _modifierClass
+  }, _react.default.createElement("path", {
+    d: "M9 9.5H16",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M9 11.5H14",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M18.5 12.5V6.5C18.5 5.39543 17.6046 4.5 16.5 4.5H8.5C7.39543 4.5 6.5 5.39543 6.5 6.5V18.5C6.5 19.6046 7.39543 20.5 8.5 20.5H10.5",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M18.3483 20.3484L14 16.0001",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M14 20.3483L18.3483 16",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }));
+}
+
+IconExclude.propTypes = _prop_types.default;
+IconExclude.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "IconExclude",
+  "composes": ["./prop_types"]
+};
+var _default = IconExclude;
+exports.default = _default;

package/lib/icons/multi_exclude.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _common_svg = _interopRequireDefault(require("./common_svg"));
+
+var _prop_types = _interopRequireDefault(require("./prop_types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint max-len: 'off' */
+function IconMultiExclude(_ref) {
+  var _modifierClass = _ref._modifierClass,
+      ariaDescribedby = _ref['aria-describedby'],
+      ariaHidden = _ref['aria-hidden'],
+      ariaLabel = _ref['aria-label'],
+      ariaLabelledby = _ref['aria-labelledby'],
+      color = _ref.color,
+      id = _ref.id,
+      size = _ref.size,
+      tight = _ref.tight,
+      title = _ref.title;
+  return _react.default.createElement(_common_svg.default, {
+    "aria-describedby": ariaDescribedby,
+    "aria-hidden": ariaHidden,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    color: color,
+    id: id,
+    size: size,
+    tight: tight,
+    tightViewBox: "2 0 21 25",
+    title: title,
+    _modifierClass: _modifierClass
+  }, _react.default.createElement("path", {
+    d: "M5.69995 11.0499L10.62 10.1799",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M6.05005 13L9.05005 12.48",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M19 19.9C19.3911 19.8182 19.7487 19.6211 20.0268 19.3341C20.3048 19.0472 20.4906 18.6835 20.56 18.29L22.29 8.44C22.3801 7.91902 22.2603 7.38354 21.9567 6.95066C21.6532 6.51778 21.1905 6.22272 20.67 6.13L20 6",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M17.1726 18.5937C17.3857 18.2687 17.4995 17.8886 17.5001 17.5V7.5C17.5001 6.96957 17.2894 6.46086 16.9143 6.08579C16.5393 5.71071 16.0306 5.5 15.5001 5.5H14.8701",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M8.24533 19.7452L6.76812 20.0057C5.68033 20.1975 4.64302 19.4712 4.45121 18.3834L2.71473 8.53529C2.52292 7.4475 3.24926 6.41018 4.33705 6.21838L10.2459 5.17649C11.3337 4.98468 12.371 5.71102 12.5628 6.79881L13.431 11.7228L13.6481 12.9539",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M15.3483 20.3483L11 16",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M11 20.3484L15.3483 16.0001",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLineJoin: "round"
+  }));
+}
+
+IconMultiExclude.propTypes = _prop_types.default;
+IconMultiExclude.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "IconMultiExclude",
+  "composes": ["./prop_types"]
+};
+var _default = IconMultiExclude;
+exports.default = _default;

package/lib/icons/prop_types.js

@@ -43,6 +43,7 @@ var _default = {
   id: _propTypes.default.string,
   direction: _propTypes.default.oneOf(DIRECTIONS),
   size: _propTypes.default.oneOf(SIZES),
+  solid: _propTypes.default.bool,
   tight: _propTypes.default.bool,
   title: _propTypes.default.string
 };

package/lib/icons/reinclude.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _common_svg = _interopRequireDefault(require("./common_svg"));
+
+var _prop_types = _interopRequireDefault(require("./prop_types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint max-len: 'off' */
+function IconReinclude(_ref) {
+  var _modifierClass = _ref._modifierClass,
+      ariaDescribedby = _ref['aria-describedby'],
+      ariaHidden = _ref['aria-hidden'],
+      ariaLabel = _ref['aria-label'],
+      ariaLabelledby = _ref['aria-labelledby'],
+      color = _ref.color,
+      id = _ref.id,
+      size = _ref.size,
+      tight = _ref.tight,
+      title = _ref.title;
+  return _react.default.createElement(_common_svg.default, {
+    "aria-describedby": ariaDescribedby,
+    "aria-hidden": ariaHidden,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    color: color,
+    id: id,
+    size: size,
+    tight: tight,
+    tightViewBox: "6 0 14 25",
+    title: title,
+    _modifierClass: _modifierClass
+  }, _react.default.createElement("path", {
+    d: "M9 9.5H16",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLinejoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M9 11.5H14",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLinejoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M18.5 12.5V6.5C18.5 5.39543 17.6046 4.5 16.5 4.5H8.5C7.39543 4.5 6.5 5.39543 6.5 6.5V18.5C6.5 19.6046 7.39543 20.5 8.5 20.5H10.5",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLinejoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M17 21L17 15",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLinejoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M14 18L20 18",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLineCap: "round",
+    strokeLinejoin: "round"
+  }));
+}
+
+IconReinclude.propTypes = _prop_types.default;
+IconReinclude.__docgenInfo = {
+  "description": "",
+  "methods": [],
+  "displayName": "IconReinclude",
+  "composes": ["./prop_types"]
+};
+var _default = IconReinclude;
+exports.default = _default;