@dscout/particle 0.46.1 → 0.46.4

package/CHANGELOG.md

@@ -7,6 +7,30 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased]
 
+## [0.46.4]
+
+### Changed
+- Updated the path in `<IconDscout />` to reflect the new icon update.
+
+### Fixed
+ - `<IconExclude />`, `<IconMultiExclude />`, and `<IconReinclude />` now use the correct stroke line attributes
+ - Improve `<Modal />` close action
+
+## [0.46.3]
+
+### Added
+- `<IconExclude />`
+- `<IconMultiExclude />`
+- `<IconReinclude />`
+
+### Changed
+- `<Container />` now accepts `shadow` prop
+
+## [0.46.2]
+
+### Added
+- Added `<IconSpeakerOn />`
+
 ## [0.46.1]
 
 ### Changed
@@ -34,7 +58,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ### Changed
 
 - `<IconPayment />` now accepts the `filled` prop.
-- Updated the `<IconThumbsUp />` and `<IconThumbsDown />` to a newer design. 
+- Updated the `<IconThumbsUp />` and `<IconThumbsDown />` to a newer design.
 - Updated the `<IconFilter />`.
 
 ### Fixed
@@ -1337,7 +1361,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 - First usable version of particle
 
-[Unreleased]: https://github.com/dscout/particle/compare/v0.46.1...HEAD
+[Unreleased]: https://github.com/dscout/particle/compare/v0.46.4...HEAD
+[0.46.4]: https://github.com/dscout/particle3compare/v0.46.3...v0.46.4
+[0.46.3]: https://github.com/dscout/particle/compare/v0.46.2...v0.46.3
+[0.46.2]: https://github.com/dscout/particle/compare/v0.46.1...v0.46.2
 [0.46.1]: https://github.com/dscout/particle/compare/v0.46.0...v0.46.1
 [0.46.0]: https://github.com/dscout/particle/compare/v0.45.3...v0.46.0
 [0.45.3]: https://github.com/dscout/particle/compare/v0.45.2...v0.45.3

package/lib/components/container.js

@@ -15,6 +15,11 @@ var _refs = require("../utils/refs");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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; }
+
+var ENUMS = {
+  shadow: ['s', 'm', 'l', 'xl']
+};
 var propTypes = {
   _modifierClass: _propTypes.default.string,
   'aria-label': _propTypes.default.string,
@@ -23,7 +28,8 @@ var propTypes = {
   children: _propTypes.default.node.isRequired,
   fullheight: _propTypes.default.bool,
   getRef: _refs.getRefPropType,
-  id: _propTypes.default.string
+  id: _propTypes.default.string,
+  shadow: _propTypes.default.oneOf(ENUMS.shadow)
 };
 
 function Container(_ref) {
@@ -34,10 +40,11 @@ function Container(_ref) {
       children = _ref.children,
       fullheight = _ref.fullheight,
       getRef = _ref.getRef,
-      id = _ref.id;
-  var className = (0, _class_names.default)('container', _modifierClass, {
+      id = _ref.id,
+      shadow = _ref.shadow;
+  var className = (0, _class_names.default)('container', _modifierClass, _defineProperty({
     'height--100-pct': fullheight
-  });
+  }, "shadow--".concat(shadow), shadow));
   return _react.default.createElement("div", {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledby,

package/lib/components/modal.js

@@ -145,18 +145,21 @@ function (_Component) {
       };
       var innerClassName = (0, _class_names.default)('container--inner', paddingClass);
       var modalClassName = (0, _class_names.default)('container modal anim', hiddenClass, paddingClass);
-      var wrapperClassName = (0, _class_names.default)('modal-wrapper', hiddenClass, _defineProperty({}, "backdrop--".concat(backdropColor), backdropColor));
+      var wrapperClassName = (0, _class_names.default)('modal-wrapper', hiddenClass);
+      var backdropClassName = (0, _class_names.default)('modal-backdrop position--a width--100-pct height--100-pct', _defineProperty({}, "backdrop--".concat(backdropColor), backdropColor));
       return _react.default.createElement("div", {
         className: wrapperClassName,
-        onClick: this.handleClickWrapper,
         onKeyDown: this.handleKeyDown,
-        ref: function ref(_ref3) {
-          _this2.wrapper = _ref3;
-        },
         style: {
           zIndex: zIndex
         }
-      }, _react.default.createElement(_focus_trap.default, {
+      }, _react.default.createElement("div", {
+        className: backdropClassName,
+        onClick: this.handleClickWrapper,
+        ref: function ref(_ref3) {
+          _this2.wrapper = _ref3;
+        }
+      }), _react.default.createElement(_focus_trap.default, {
         "aria-label": ariaLabel,
         "aria-labelledby": ariaLabelledby,
         "aria-describedby": ariaDescribedby // The aria-modal attribute is valid, but the current version of

package/lib/icons/dscout.js

@@ -38,7 +38,7 @@ function Dscout(_ref) {
     title: title,
     _modifierClass: _modifierClass
   }, _react.default.createElement("path", {
-    d: "M17.36,4H7.64A3.64,3.64,0,0,0,4,7.64v9.71A3.64,3.64,0,0,0,7.64,21h2.44l2.42,2.43L14.93,21h2.43A3.64,3.64,0,0,0,21,17.36V7.64A3.64,3.64,0,0,0,17.36,4ZM16,16H9V9h7Z",
+    d: "M17.4,3H7.6C5.6,3,4,4.6,4,6.6l0,0v9.9c0,2,1.6,3.6,3.6,3.6H10c0.1,0,0.1,0,0.2,0.1l2.3,2.5l2.3-2.5C14.8,20,14.9,20,15,20h2.5c2,0,3.5-1.6,3.5-3.6V6.6C21,4.6,19.4,3,17.4,3z M16.4,15.3c0,0.1-0.1,0.1-0.1,0.1H8.7c-0.1,0-0.1-0.1-0.1-0.1V7.7c0-0.1,0.1-0.1,0.1-0.1l0,0h7.6c0.1,0,0.1,0.1,0.1,0.1L16.4,15.3z",
     stroke: "none",
     fill: "currentColor"
   }));

package/lib/icons/exclude.js

@@ -0,0 +1,75 @@
+"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;
+var _default = IconExclude;
+exports.default = _default;

package/lib/icons/multi_exclude.js

@@ -0,0 +1,87 @@
+"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;
+var _default = IconMultiExclude;
+exports.default = _default;

package/lib/icons/reinclude.js

@@ -0,0 +1,75 @@
+"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;
+var _default = IconReinclude;
+exports.default = _default;

package/lib/icons/speaker_on.js

@@ -0,0 +1,62 @@
+"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 }; }
+
+function SpeakerOn(_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 20 25",
+    title: title,
+    _modifierClass: _modifierClass
+  }, _react.default.createElement("path", {
+    d: "M12.5 19.5L6.5 15.5H2.5V9.5H6.5L12.5 5.5V19.5Z",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M15.5 6.5C17.0913 6.5 18.6174 7.13214 19.7426 8.25736C20.8679 9.38258 21.5 10.9087 21.5 12.5C21.5 14.0913 20.8679 15.6174 19.7426 16.7426C18.6174 17.8679 17.0913 18.5 15.5 18.5",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), _react.default.createElement("path", {
+    d: "M15.5 9.5C16.2956 9.5 17.0587 9.81607 17.6213 10.3787C18.1839 10.9413 18.5 11.7044 18.5 12.5C18.5 13.2956 18.1839 14.0587 17.6213 14.6213C17.0587 15.1839 16.2956 15.5 15.5 15.5",
+    stroke: "currentColor",
+    fill: "none",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+}
+
+SpeakerOn.propTypes = _prop_types.default;
+var _default = SpeakerOn;
+exports.default = _default;

package/lib/index.js

@@ -645,6 +645,12 @@ Object.defineProperty(exports, "IconEmail", {
     return _email.default;
   }
 });
+Object.defineProperty(exports, "IconExclude", {
+  enumerable: true,
+  get: function get() {
+    return _exclude.default;
+  }
+});
 Object.defineProperty(exports, "IconExternalLink", {
   enumerable: true,
   get: function get() {
@@ -831,6 +837,12 @@ Object.defineProperty(exports, "IconMobile", {
     return _mobile.default;
   }
 });
+Object.defineProperty(exports, "IconMultiExclude", {
+  enumerable: true,
+  get: function get() {
+    return _multi_exclude.default;
+  }
+});
 Object.defineProperty(exports, "IconMore", {
   enumerable: true,
   get: function get() {
@@ -921,6 +933,12 @@ Object.defineProperty(exports, "IconRandomize", {
     return _randomize.default;
   }
 });
+Object.defineProperty(exports, "IconReinclude", {
+  enumerable: true,
+  get: function get() {
+    return _reinclude.default;
+  }
+});
 Object.defineProperty(exports, "IconRemote", {
   enumerable: true,
   get: function get() {
@@ -1035,6 +1053,12 @@ Object.defineProperty(exports, "IconSortDesc", {
     return _sort_desc.default;
   }
 });
+Object.defineProperty(exports, "IconSpeakerOn", {
+  enumerable: true,
+  get: function get() {
+    return _speaker_on.default;
+  }
+});
 Object.defineProperty(exports, "IconSpeechBubble", {
   enumerable: true,
   get: function get() {
@@ -1418,6 +1442,8 @@ var _edit = _interopRequireDefault(require("./icons/edit"));
 
 var _email = _interopRequireDefault(require("./icons/email"));
 
+var _exclude = _interopRequireDefault(require("./icons/exclude"));
+
 var _external_link = _interopRequireDefault(require("./icons/external_link"));
 
 var _export = _interopRequireDefault(require("./icons/export"));
@@ -1480,6 +1506,8 @@ var _mission_card = _interopRequireDefault(require("./icons/mission_card"));
 
 var _mobile = _interopRequireDefault(require("./icons/mobile"));
 
+var _multi_exclude = _interopRequireDefault(require("./icons/multi_exclude"));
+
 var _more = _interopRequireDefault(require("./icons/more"));
 
 var _note = _interopRequireDefault(require("./icons/note"));
@@ -1510,6 +1538,8 @@ var _quotation_mark = _interopRequireDefault(require("./icons/quotation_mark"));
 
 var _randomize = _interopRequireDefault(require("./icons/randomize"));
 
+var _reinclude = _interopRequireDefault(require("./icons/reinclude"));
+
 var _remote = _interopRequireDefault(require("./icons/remote"));
 
 var _responses = _interopRequireDefault(require("./icons/responses"));
@@ -1548,6 +1578,8 @@ var _sort_asc = _interopRequireDefault(require("./icons/sort_asc"));
 
 var _sort_desc = _interopRequireDefault(require("./icons/sort_desc"));
 
+var _speaker_on = _interopRequireDefault(require("./icons/speaker_on"));
+
 var _speech_bubble2 = _interopRequireDefault(require("./icons/speech_bubble"));
 
 var _spinner_progress = _interopRequireDefault(require("./icons/spinner_progress"));