@elliemae/ds-icons 2.0.0-rc.7 → 2.0.1-rc.0

package/cjs/ChevronSmallDown.js

@@ -1,12 +1,79 @@
 'use strict';
 
-var createIcon = require('./utils/createIcon.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var jsxRuntime = require('react/jsx-runtime');
 
-/* eslint-disable */
-var ChevronSmallDown = createIcon({
-  paths: ['M9.5 13a.503.503 0 0 1-.313-.109l-5-4a.5013.5013 0 0 1-.078-.703c.173-.214.488-.25.703-.078L9.5 11.86l4.688-3.75c.218-.172.531-.136.703.078.172.216.138.53-.078.703l-5 4A.501.501 0 0 1 9.5 13z'],
-  height: 20,
-  width: 20
-});
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-module.exports = ChevronSmallDown;
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
+
+  const fill = !color && !props.fill ? '#1e79c2' : props.fill;
+  const width = !size && !props.width ? 16 : props.width;
+  const height = !size && !props.height ? 16 : props.height;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx__default["default"]("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 20 20"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fillRule: "evenodd",
+      stroke: "none",
+      strokeWidth: "1"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
+      d: "M9.5 13a.503.503 0 0 1-.313-.109l-5-4a.5013.5013 0 0 1-.078-.703c.173-.214.488-.25.703-.078L9.5 11.86l4.688-3.75c.218-.172.531-.136.703.078.172.216.138.53-.078.703l-5 4A.501.501 0 0 1 9.5 13z"
+    })))))
+  }));
+}
+
+module.exports = SvgIcon;

package/cjs/CloseXsmall.js

@@ -1,12 +1,79 @@
 'use strict';
 
-var createIcon = require('./utils/createIcon.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var jsxRuntime = require('react/jsx-runtime');
 
-/* eslint-disable */
-var CloseXsmall = createIcon({
-  paths: ['M13.071 13.289l-2.828-2.828 2.828-2.828-.707-.707-2.828 2.828-2.828-2.828-.707.707 2.828 2.828-2.828 2.828.707.707 2.828-2.828 2.828 2.828z'],
-  height: 20,
-  width: 20
-});
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-module.exports = CloseXsmall;
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
+
+  const fill = !color && !props.fill ? '#000' : props.fill;
+  const width = !size && !props.width ? 16 : props.width;
+  const height = !size && !props.height ? 16 : props.height;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx__default["default"]("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 20 20"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fillRule: "evenodd",
+      stroke: "none",
+      strokeWidth: "1"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
+      d: "M13.071 13.289l-2.828-2.828 2.828-2.828-.707-.707-2.828 2.828-2.828-2.828-.707.707 2.828 2.828-2.828 2.828.707.707 2.828-2.828 2.828 2.828z"
+    })))))
+  }));
+}
+
+module.exports = SvgIcon;

package/cjs/InfoCircleSmall.js

@@ -1,12 +1,78 @@
 'use strict';
 
-var createIcon = require('./utils/createIcon.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var jsxRuntime = require('react/jsx-runtime');
 
-/* eslint-disable */
-var InfoCircleSmall = createIcon({
-  paths: ['M10.3 7.5h-2v1h1v4h-1v1h3v-1h-1zm-1-2h1v1h-1v-1zm.5-3a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 14c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5z'],
-  height: 20,
-  width: 20
-});
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-module.exports = InfoCircleSmall;
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
+
+  const fill = !color && !props.fill ? '#000' : props.fill;
+  const width = !size && !props.width ? 16 : props.width;
+  const height = !size && !props.height ? 16 : props.height;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx__default["default"]("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 20 20"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fill: fill
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
+      d: "M10.3 7.5h-2v1h1v4h-1v1h3v-1h-1zm-1-2h1v1h-1v-1zm.5-3a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 14c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5z"
+    })))))
+  }));
+}
+
+module.exports = SvgIcon;

package/cjs/MenuPickeSmall.js

@@ -0,0 +1,79 @@
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
+
+  const fill = color || props.fill || undefined;
+  const width = !size && !props.width ? 24 : props.width;
+  const height = !size && !props.height ? 24 : props.height;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx__default["default"]("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 24 24"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
+      d: "M7.2 8H4.8c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8z"
+    })))))
+  }));
+}
+
+module.exports = SvgIcon;

package/cjs/MenuPicker.js

@@ -1,12 +1,79 @@
 'use strict';
 
-var createIcon = require('./utils/createIcon.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var jsxRuntime = require('react/jsx-runtime');
 
-/* eslint-disable */
-var MenuPicker = createIcon({
-  paths: ['M6 8H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm8-1V4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0V4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zM7 14v-3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zM7 21v-3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z'],
-  height: 24,
-  width: 24
-});
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-module.exports = MenuPicker;
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
+
+  const fill = color || props.fill || undefined;
+  const width = !size && !props.width ? 24 : props.width;
+  const height = !size && !props.height ? 24 : props.height;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx__default["default"]("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 24 24"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
+      d: "M5.8 7H2.2C1.54 7 1 6.46 1 5.8V2.2C1 1.54 1.54 1 2.2 1h3.6C6.46 1 7 1.54 7 2.2v3.6C7 6.46 6.46 7 5.8 7zm8 0h-3.6C9.54 7 9 6.46 9 5.8V2.2c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2V2.2c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm-16 8H2.2c-.66 0-1.2-.54-1.2-1.2v-3.6C1 9.54 1.54 9 2.2 9h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm-16 8H2.2c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2z"
+    })))))
+  }));
+}
+
+module.exports = SvgIcon;

package/cjs/TechSupports.js

@@ -0,0 +1,79 @@
+'use strict';
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
+
+  const fill = color || props.fill || undefined;
+  const width = !size && !props.width ? 24 : props.width;
+  const height = !size && !props.height ? 24 : props.height;
+  const {
+    cssClassName
+  } = dsClassnames.convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx__default["default"]("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 24 24"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
+      d: "M7.98 3.166c2.756 0 5 2.242 5 5 0 .704-.149 1.391-.44 2.042l-.283.629.488.487 7.927 7.927a1.123 1.123 0 0 1-.793 1.914c-.3 0-.581-.116-.793-.328l-7.92-7.92-.49-.49-.631.287c-.658.3-1.353.452-2.066.452-2.757 0-5-2.243-5-5 0-.47.068-.938.2-1.387l3.093 3.094.293.293h3.414V6.75l-.293-.293-3.094-3.094c.45-.13.917-.198 1.387-.198m0-1c-1.144 0-2.209.325-3.118.88l4.118 4.12v2h-2l-4.118-4.12a5.962 5.962 0 0 0-.882 3.12 6 6 0 0 0 6 6c.886 0 1.723-.197 2.48-.542l7.92 7.92c.414.414.957.621 1.5.621s1.085-.207 1.5-.62a2.121 2.121 0 0 0 0-3l-7.927-7.928a5.97 5.97 0 0 0 .527-2.451 6 6 0 0 0-6-6z"
+    })))))
+  }));
+}
+
+module.exports = SvgIcon;

package/cjs/index.js

@@ -171,6 +171,7 @@ var Menu = require('./Menu.js');
 var MenuCollapse = require('./MenuCollapse.js');
 var MenuExpand = require('./MenuExpand.js');
 var MenuPicker = require('./MenuPicker.js');
+var MenuPickeSmall = require('./MenuPickeSmall.js');
 var Messages = require('./Messages.js');
 var MessageSolid = require('./MessageSolid.js');
 var MessagesUnread = require('./MessagesUnread.js');
@@ -252,6 +253,7 @@ var StatusCheck = require('./StatusCheck.js');
 var Subtract = require('./Subtract.js');
 var Summary = require('./Summary.js');
 var Tasks = require('./Tasks.js');
+var TechSupports = require('./TechSupports.js');
 var TextFormat = require('./TextFormat.js');
 var TextFormatAlt = require('./TextFormatAlt.js');
 var TextStyleBold = require('./TextStyleBold.js');
@@ -554,6 +556,7 @@ exports.Menu = Menu;
 exports.MenuCollapse = MenuCollapse;
 exports.MenuExpand = MenuExpand;
 exports.MenuPicker = MenuPicker;
+exports.MenuPickerSmall = MenuPickeSmall;
 exports.Messages = Messages;
 exports.MessageSolid = MessageSolid;
 exports.MessagesUnread = MessagesUnread;
@@ -635,6 +638,7 @@ exports.StatusCheck = StatusCheck;
 exports.Subtract = Subtract;
 exports.Summary = Summary;
 exports.Tasks = Tasks;
+exports.TechSupports = TechSupports;
 exports.TextFormat = TextFormat;
 exports.TextFormatAlt = TextFormatAlt;
 exports.TextStyleBold = TextStyleBold;

package/esm/ChevronSmallDown.js

@@ -1,10 +1,71 @@
-import createIcon from './utils/createIcon.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable */
-var ChevronSmallDown = createIcon({
-  paths: ['M9.5 13a.503.503 0 0 1-.313-.109l-5-4a.5013.5013 0 0 1-.078-.703c.173-.214.488-.25.703-.078L9.5 11.86l4.688-3.75c.218-.172.531-.136.703.078.172.216.138.53-.078.703l-5 4A.501.501 0 0 1 9.5 13z'],
-  height: 20,
-  width: 20
-});
+var _path;
 
-export { ChevronSmallDown as default };
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const fill = !color && !props.fill ? '#1e79c2' : props.fill;
+  const width = !size && !props.width ? 16 : props.width;
+  const height = !size && !props.height ? 16 : props.height;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 20 20"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fillRule: "evenodd",
+      stroke: "none",
+      strokeWidth: "1"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
+      d: "M9.5 13a.503.503 0 0 1-.313-.109l-5-4a.5013.5013 0 0 1-.078-.703c.173-.214.488-.25.703-.078L9.5 11.86l4.688-3.75c.218-.172.531-.136.703.078.172.216.138.53-.078.703l-5 4A.501.501 0 0 1 9.5 13z"
+    })))))
+  }));
+}
+
+export { SvgIcon as default };

package/esm/CloseXsmall.js

@@ -1,10 +1,71 @@
-import createIcon from './utils/createIcon.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable */
-var CloseXsmall = createIcon({
-  paths: ['M13.071 13.289l-2.828-2.828 2.828-2.828-.707-.707-2.828 2.828-2.828-2.828-.707.707 2.828 2.828-2.828 2.828.707.707 2.828-2.828 2.828 2.828z'],
-  height: 20,
-  width: 20
-});
+var _path;
 
-export { CloseXsmall as default };
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const fill = !color && !props.fill ? '#000' : props.fill;
+  const width = !size && !props.width ? 16 : props.width;
+  const height = !size && !props.height ? 16 : props.height;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 20 20"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fillRule: "evenodd",
+      stroke: "none",
+      strokeWidth: "1"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
+      d: "M13.071 13.289l-2.828-2.828 2.828-2.828-.707-.707-2.828 2.828-2.828-2.828-.707.707 2.828 2.828-2.828 2.828.707.707 2.828-2.828 2.828 2.828z"
+    })))))
+  }));
+}
+
+export { SvgIcon as default };

package/esm/InfoCircleSmall.js

@@ -1,10 +1,70 @@
-import createIcon from './utils/createIcon.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable */
-var InfoCircleSmall = createIcon({
-  paths: ['M10.3 7.5h-2v1h1v4h-1v1h3v-1h-1zm-1-2h1v1h-1v-1zm.5-3a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 14c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5z'],
-  height: 20,
-  width: 20
-});
+var _path;
 
-export { InfoCircleSmall as default };
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const fill = !color && !props.fill ? '#000' : props.fill;
+  const width = !size && !props.width ? 16 : props.width;
+  const height = !size && !props.height ? 16 : props.height;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 20 20"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fill: fill
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
+      d: "M10.3 7.5h-2v1h1v4h-1v1h3v-1h-1zm-1-2h1v1h-1v-1zm.5-3a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zm0 14c-3.584 0-6.5-2.916-6.5-6.5s2.916-6.5 6.5-6.5 6.5 2.916 6.5 6.5-2.916 6.5-6.5 6.5z"
+    })))))
+  }));
+}
+
+export { SvgIcon as default };

package/esm/MenuPickeSmall.js

@@ -0,0 +1,71 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const fill = color || props.fill || undefined;
+  const width = !size && !props.width ? 24 : props.width;
+  const height = !size && !props.height ? 24 : props.height;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 24 24"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
+      d: "M7.2 8H4.8c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8V4.8c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm-12 6H4.8c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8zm6 0h-2.4c-.44 0-.8-.36-.8-.8v-2.4c0-.44.36-.8.8-.8h2.4c.44 0 .8.36.8.8v2.4c0 .44-.36.8-.8.8z"
+    })))))
+  }));
+}
+
+export { SvgIcon as default };

package/esm/MenuPicker.js

@@ -1,10 +1,71 @@
-import createIcon from './utils/createIcon.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable */
-var MenuPicker = createIcon({
-  paths: ['M6 8H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm8-1V4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0V4c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zM7 14v-3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zM7 21v-3c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1zm7 0v-3c0-.55-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z'],
-  height: 24,
-  width: 24
-});
+var _path;
 
-export { MenuPicker as default };
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const fill = color || props.fill || undefined;
+  const width = !size && !props.width ? 24 : props.width;
+  const height = !size && !props.height ? 24 : props.height;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 24 24"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
+      d: "M5.8 7H2.2C1.54 7 1 6.46 1 5.8V2.2C1 1.54 1.54 1 2.2 1h3.6C6.46 1 7 1.54 7 2.2v3.6C7 6.46 6.46 7 5.8 7zm8 0h-3.6C9.54 7 9 6.46 9 5.8V2.2c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2V2.2c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm-16 8H2.2c-.66 0-1.2-.54-1.2-1.2v-3.6C1 9.54 1.54 9 2.2 9h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm-16 8H2.2c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2zm8 0h-3.6c-.66 0-1.2-.54-1.2-1.2v-3.6c0-.66.54-1.2 1.2-1.2h3.6c.66 0 1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2z"
+    })))))
+  }));
+}
+
+export { SvgIcon as default };

package/esm/TechSupports.js

@@ -0,0 +1,71 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
+
+var _path;
+
+const _excluded = ["containerProps", "size", "color", "className", "style", "innerRef"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function SvgIcon(props) {
+  const {
+    containerProps = {},
+    size,
+    color,
+    className = '',
+    style = {},
+    innerRef
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
+
+  const fill = color || props.fill || undefined;
+  const width = !size && !props.width ? 24 : props.width;
+  const height = !size && !props.height ? 24 : props.height;
+  const {
+    cssClassName
+  } = convertPropToCssClassName('icon', className, {
+    size,
+    color
+  });
+  return /*#__PURE__*/jsx("span", _objectSpread(_objectSpread(_objectSpread({
+    ref: innerRef,
+    className: cssClassName
+  }, rest), containerProps), {}, {
+    style: _objectSpread({
+      width,
+      height
+    }, style),
+    children: /*#__PURE__*/_jsx("svg", {
+      width: width && String(width),
+      height: height && String(height),
+      style: {
+        width,
+        height
+      },
+      fill: fill,
+      viewBox: "0 0 24 24"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      stroke: "none",
+      strokeWidth: "1",
+      fillRule: "evenodd"
+    }, void 0, /*#__PURE__*/_jsx("g", {
+      fill: fill,
+      fillRule: "nonzero"
+    }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
+      d: "M7.98 3.166c2.756 0 5 2.242 5 5 0 .704-.149 1.391-.44 2.042l-.283.629.488.487 7.927 7.927a1.123 1.123 0 0 1-.793 1.914c-.3 0-.581-.116-.793-.328l-7.92-7.92-.49-.49-.631.287c-.658.3-1.353.452-2.066.452-2.757 0-5-2.243-5-5 0-.47.068-.938.2-1.387l3.093 3.094.293.293h3.414V6.75l-.293-.293-3.094-3.094c.45-.13.917-.198 1.387-.198m0-1c-1.144 0-2.209.325-3.118.88l4.118 4.12v2h-2l-4.118-4.12a5.962 5.962 0 0 0-.882 3.12 6 6 0 0 0 6 6c.886 0 1.723-.197 2.48-.542l7.92 7.92c.414.414.957.621 1.5.621s1.085-.207 1.5-.62a2.121 2.121 0 0 0 0-3l-7.927-7.928a5.97 5.97 0 0 0 .527-2.451 6 6 0 0 0-6-6z"
+    })))))
+  }));
+}
+
+export { SvgIcon as default };

package/esm/index.js

@@ -167,6 +167,7 @@ export { default as Menu } from './Menu.js';
 export { default as MenuCollapse } from './MenuCollapse.js';
 export { default as MenuExpand } from './MenuExpand.js';
 export { default as MenuPicker } from './MenuPicker.js';
+export { default as MenuPickerSmall } from './MenuPickeSmall.js';
 export { default as Messages } from './Messages.js';
 export { default as MessageSolid } from './MessageSolid.js';
 export { default as MessagesUnread } from './MessagesUnread.js';
@@ -248,6 +249,7 @@ export { default as StatusCheck } from './StatusCheck.js';
 export { default as Subtract } from './Subtract.js';
 export { default as Summary } from './Summary.js';
 export { default as Tasks } from './Tasks.js';
+export { default as TechSupports } from './TechSupports.js';
 export { default as TextFormat } from './TextFormat.js';
 export { default as TextFormatAlt } from './TextFormatAlt.js';
 export { default as TextStyleBold } from './TextStyleBold.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-icons",
-  "version": "2.0.0-rc.7",
+  "version": "2.0.1-rc.0",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Icons",
   "module": "./esm/index.js",
@@ -159,6 +159,10 @@
       "import": "./esm/TextFormat.js",
       "require": "./cjs/TextFormat.js"
     },
+    "./TechSupports": {
+      "import": "./esm/TechSupports.js",
+      "require": "./cjs/TechSupports.js"
+    },
     "./Tasks": {
       "import": "./esm/Tasks.js",
       "require": "./cjs/Tasks.js"
@@ -527,6 +531,10 @@
       "import": "./esm/Messages.js",
       "require": "./cjs/Messages.js"
     },
+    "./MenuPickeSmall": {
+      "import": "./esm/MenuPickeSmall.js",
+      "require": "./cjs/MenuPickeSmall.js"
+    },
     "./MenuPicker": {
       "import": "./esm/MenuPicker.js",
       "require": "./cjs/MenuPicker.js"
@@ -1561,7 +1569,7 @@
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-rc.7",
+    "@elliemae/ds-classnames": "2.0.1-rc.0",
     "react-desc": "~4.1.3"
   },
   "peerDependencies": {

package/types/ChevronSmallDown.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const _default: (rest: any) => JSX.Element;
-export default _default;
+declare function SvgIcon(props: any): JSX.Element;
+export default SvgIcon;

package/types/CloseXsmall.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const _default: (rest: any) => JSX.Element;
-export default _default;
+declare function SvgIcon(props: any): JSX.Element;
+export default SvgIcon;

package/types/InfoCircleSmall.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const _default: (rest: any) => JSX.Element;
-export default _default;
+declare function SvgIcon(props: any): JSX.Element;
+export default SvgIcon;

package/types/MenuPickeSmall.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SvgIcon(props: any): JSX.Element;
+export default SvgIcon;

package/types/MenuPicker.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const _default: (rest: any) => JSX.Element;
-export default _default;
+declare function SvgIcon(props: any): JSX.Element;
+export default SvgIcon;

package/types/TechSupports.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SvgIcon(props: any): JSX.Element;
+export default SvgIcon;

package/types/index.d.ts

@@ -167,6 +167,7 @@ export { default as Menu } from './Menu';
 export { default as MenuCollapse } from './MenuCollapse';
 export { default as MenuExpand } from './MenuExpand';
 export { default as MenuPicker } from './MenuPicker';
+export { default as MenuPickerSmall } from './MenuPickeSmall';
 export { default as Messages } from './Messages';
 export { default as MessageSolid } from './MessageSolid';
 export { default as MessagesUnread } from './MessagesUnread';
@@ -248,6 +249,7 @@ export { default as StatusCheck } from './StatusCheck';
 export { default as Subtract } from './Subtract';
 export { default as Summary } from './Summary';
 export { default as Tasks } from './Tasks';
+export { default as TechSupports } from './TechSupports';
 export { default as TextFormat } from './TextFormat';
 export { default as TextFormatAlt } from './TextFormatAlt';
 export { default as TextStyleBold } from './TextStyleBold';

package/types/utils/SvgIcon.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 export declare type SvgIconSizeType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
 export declare type SvgIconColorType = ['neutral', '900'] | ['neutral', '500'] | ['neutral', '0'] | ['danger', '900'] | ['warning', '600'] | ['success', '900'] | ['brand-primary', '600'];
@@ -16,18 +17,72 @@ export declare type SvgIconType = React.ComponentType<SvgIconPropType>;
 declare function SvgIcon({ containerProps, size, color, className, component: Component, viewBox, paths, fill, innerRef, ...rest }: SvgIconPropType): JSX.Element;
 declare namespace SvgIcon {
     var propTypes: {
-        containerProps: any;
-        size: any;
-        color: any;
-        className: any;
-        component: any;
-        viewBox: any;
-        paths: any;
-        fill: any;
-        innerRef: any;
-        title: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        size: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        color: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        className: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        component: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        viewBox: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        paths: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        fill: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        innerRef: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        title: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const IconWithSchema: any;
+declare const IconWithSchema: {
+    (props?: SvgIconPropType | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { IconWithSchema };
 export default SvgIcon;