@dscout/particle 0.46.3 → 0.46.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -1
- package/lib/components/modal.js +9 -6
- package/lib/icons/dscout.js +1 -1
- package/lib/icons/exclude.js +10 -10
- package/lib/icons/multi_exclude.js +14 -14
- package/lib/icons/reinclude.js +5 -5
- package/lib/stylesheets/particle.css +9 -7
- package/lib/stylesheets/particle.min.css +2 -2
- package/package.json +1 -1
- package/styles/components/_modal.scss +4 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [0.46.4]
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
- Updated the path in `<IconDscout />` to reflect the new icon update.
|
|
14
|
+
|
|
15
|
+
### Fixed
|
|
16
|
+
- `<IconExclude />`, `<IconMultiExclude />`, and `<IconReinclude />` now use the correct stroke line attributes
|
|
17
|
+
- Improve `<Modal />` close action
|
|
18
|
+
|
|
10
19
|
## [0.46.3]
|
|
11
20
|
|
|
12
21
|
### Added
|
|
@@ -1352,7 +1361,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
|
|
|
1352
1361
|
|
|
1353
1362
|
- First usable version of particle
|
|
1354
1363
|
|
|
1355
|
-
[Unreleased]: https://github.com/dscout/particle/compare/v0.46.
|
|
1364
|
+
[Unreleased]: https://github.com/dscout/particle/compare/v0.46.4...HEAD
|
|
1365
|
+
[0.46.4]: https://github.com/dscout/particle3compare/v0.46.3...v0.46.4
|
|
1356
1366
|
[0.46.3]: https://github.com/dscout/particle/compare/v0.46.2...v0.46.3
|
|
1357
1367
|
[0.46.2]: https://github.com/dscout/particle/compare/v0.46.1...v0.46.2
|
|
1358
1368
|
[0.46.1]: https://github.com/dscout/particle/compare/v0.46.0...v0.46.1
|
package/lib/components/modal.js
CHANGED
|
@@ -145,18 +145,21 @@ function (_Component) {
|
|
|
145
145
|
};
|
|
146
146
|
var innerClassName = (0, _class_names.default)('container--inner', paddingClass);
|
|
147
147
|
var modalClassName = (0, _class_names.default)('container modal anim', hiddenClass, paddingClass);
|
|
148
|
-
var wrapperClassName = (0, _class_names.default)('modal-wrapper', hiddenClass
|
|
148
|
+
var wrapperClassName = (0, _class_names.default)('modal-wrapper', hiddenClass);
|
|
149
|
+
var backdropClassName = (0, _class_names.default)('modal-backdrop position--a width--100-pct height--100-pct', _defineProperty({}, "backdrop--".concat(backdropColor), backdropColor));
|
|
149
150
|
return _react.default.createElement("div", {
|
|
150
151
|
className: wrapperClassName,
|
|
151
|
-
onClick: this.handleClickWrapper,
|
|
152
152
|
onKeyDown: this.handleKeyDown,
|
|
153
|
-
ref: function ref(_ref3) {
|
|
154
|
-
_this2.wrapper = _ref3;
|
|
155
|
-
},
|
|
156
153
|
style: {
|
|
157
154
|
zIndex: zIndex
|
|
158
155
|
}
|
|
159
|
-
}, _react.default.createElement(
|
|
156
|
+
}, _react.default.createElement("div", {
|
|
157
|
+
className: backdropClassName,
|
|
158
|
+
onClick: this.handleClickWrapper,
|
|
159
|
+
ref: function ref(_ref3) {
|
|
160
|
+
_this2.wrapper = _ref3;
|
|
161
|
+
}
|
|
162
|
+
}), _react.default.createElement(_focus_trap.default, {
|
|
160
163
|
"aria-label": ariaLabel,
|
|
161
164
|
"aria-labelledby": ariaLabelledby,
|
|
162
165
|
"aria-describedby": ariaDescribedby // The aria-modal attribute is valid, but the current version of
|
package/lib/icons/dscout.js
CHANGED
|
@@ -38,7 +38,7 @@ function Dscout(_ref) {
|
|
|
38
38
|
title: title,
|
|
39
39
|
_modifierClass: _modifierClass
|
|
40
40
|
}, _react.default.createElement("path", {
|
|
41
|
-
d: "M17.
|
|
41
|
+
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",
|
|
42
42
|
stroke: "none",
|
|
43
43
|
fill: "currentColor"
|
|
44
44
|
}));
|
package/lib/icons/exclude.js
CHANGED
|
@@ -41,32 +41,32 @@ function IconExclude(_ref) {
|
|
|
41
41
|
d: "M9 9.5H16",
|
|
42
42
|
stroke: "currentColor",
|
|
43
43
|
fill: "none",
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
strokeLinecap: "round",
|
|
45
|
+
strokeLinejoin: "round"
|
|
46
46
|
}), _react.default.createElement("path", {
|
|
47
47
|
d: "M9 11.5H14",
|
|
48
48
|
stroke: "currentColor",
|
|
49
49
|
fill: "none",
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
strokeLinecap: "round",
|
|
51
|
+
strokeLinejoin: "round"
|
|
52
52
|
}), _react.default.createElement("path", {
|
|
53
53
|
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",
|
|
54
54
|
stroke: "currentColor",
|
|
55
55
|
fill: "none",
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
strokeLinecap: "round",
|
|
57
|
+
strokeLinejoin: "round"
|
|
58
58
|
}), _react.default.createElement("path", {
|
|
59
59
|
d: "M18.3483 20.3484L14 16.0001",
|
|
60
60
|
stroke: "currentColor",
|
|
61
61
|
fill: "none",
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
strokeLinecap: "round",
|
|
63
|
+
strokeLinejoin: "round"
|
|
64
64
|
}), _react.default.createElement("path", {
|
|
65
65
|
d: "M14 20.3483L18.3483 16",
|
|
66
66
|
stroke: "currentColor",
|
|
67
67
|
fill: "none",
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
strokeLinecap: "round",
|
|
69
|
+
strokeLinejoin: "round"
|
|
70
70
|
}));
|
|
71
71
|
}
|
|
72
72
|
|
|
@@ -41,44 +41,44 @@ function IconMultiExclude(_ref) {
|
|
|
41
41
|
d: "M5.69995 11.0499L10.62 10.1799",
|
|
42
42
|
stroke: "currentColor",
|
|
43
43
|
fill: "none",
|
|
44
|
-
|
|
45
|
-
|
|
44
|
+
strokeLinecap: "round",
|
|
45
|
+
strokeLinejoin: "round"
|
|
46
46
|
}), _react.default.createElement("path", {
|
|
47
47
|
d: "M6.05005 13L9.05005 12.48",
|
|
48
48
|
stroke: "currentColor",
|
|
49
49
|
fill: "none",
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
strokeLinecap: "round",
|
|
51
|
+
strokeLinejoin: "round"
|
|
52
52
|
}), _react.default.createElement("path", {
|
|
53
53
|
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",
|
|
54
54
|
stroke: "currentColor",
|
|
55
55
|
fill: "none",
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
strokeLinecap: "round",
|
|
57
|
+
strokeLinejoin: "round"
|
|
58
58
|
}), _react.default.createElement("path", {
|
|
59
59
|
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",
|
|
60
60
|
stroke: "currentColor",
|
|
61
61
|
fill: "none",
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
strokeLinecap: "round",
|
|
63
|
+
strokeLinejoin: "round"
|
|
64
64
|
}), _react.default.createElement("path", {
|
|
65
65
|
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",
|
|
66
66
|
stroke: "currentColor",
|
|
67
67
|
fill: "none",
|
|
68
|
-
|
|
69
|
-
|
|
68
|
+
strokeLinecap: "round",
|
|
69
|
+
strokeLinejoin: "round"
|
|
70
70
|
}), _react.default.createElement("path", {
|
|
71
71
|
d: "M15.3483 20.3483L11 16",
|
|
72
72
|
stroke: "currentColor",
|
|
73
73
|
fill: "none",
|
|
74
|
-
|
|
75
|
-
|
|
74
|
+
strokeLinecap: "round",
|
|
75
|
+
strokeLinejoin: "round"
|
|
76
76
|
}), _react.default.createElement("path", {
|
|
77
77
|
d: "M11 20.3484L15.3483 16.0001",
|
|
78
78
|
stroke: "currentColor",
|
|
79
79
|
fill: "none",
|
|
80
|
-
|
|
81
|
-
|
|
80
|
+
strokeLinecap: "round",
|
|
81
|
+
strokeLinejoin: "round"
|
|
82
82
|
}));
|
|
83
83
|
}
|
|
84
84
|
|
package/lib/icons/reinclude.js
CHANGED
|
@@ -41,31 +41,31 @@ function IconReinclude(_ref) {
|
|
|
41
41
|
d: "M9 9.5H16",
|
|
42
42
|
stroke: "currentColor",
|
|
43
43
|
fill: "none",
|
|
44
|
-
|
|
44
|
+
strokeLinecap: "round",
|
|
45
45
|
strokeLinejoin: "round"
|
|
46
46
|
}), _react.default.createElement("path", {
|
|
47
47
|
d: "M9 11.5H14",
|
|
48
48
|
stroke: "currentColor",
|
|
49
49
|
fill: "none",
|
|
50
|
-
|
|
50
|
+
strokeLinecap: "round",
|
|
51
51
|
strokeLinejoin: "round"
|
|
52
52
|
}), _react.default.createElement("path", {
|
|
53
53
|
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",
|
|
54
54
|
stroke: "currentColor",
|
|
55
55
|
fill: "none",
|
|
56
|
-
|
|
56
|
+
strokeLinecap: "round",
|
|
57
57
|
strokeLinejoin: "round"
|
|
58
58
|
}), _react.default.createElement("path", {
|
|
59
59
|
d: "M17 21L17 15",
|
|
60
60
|
stroke: "currentColor",
|
|
61
61
|
fill: "none",
|
|
62
|
-
|
|
62
|
+
strokeLinecap: "round",
|
|
63
63
|
strokeLinejoin: "round"
|
|
64
64
|
}), _react.default.createElement("path", {
|
|
65
65
|
d: "M14 18L20 18",
|
|
66
66
|
stroke: "currentColor",
|
|
67
67
|
fill: "none",
|
|
68
|
-
|
|
68
|
+
strokeLinecap: "round",
|
|
69
69
|
strokeLinejoin: "round"
|
|
70
70
|
}));
|
|
71
71
|
}
|