@atlaskit/select 17.2.0 → 17.3.0
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 +10 -0
- package/dist/cjs/CheckboxSelect.js +2 -2
- package/dist/cjs/PopupSelect/PopupSelect.js +5 -3
- package/dist/cjs/PopupSelect/components.js +1 -0
- package/dist/cjs/RadioSelect.js +2 -2
- package/dist/cjs/Select.js +1 -1
- package/dist/cjs/components/input-options.js +2 -3
- package/dist/cjs/createSelect.js +3 -3
- package/dist/cjs/entry-points/select.js +2 -2
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/styles.js +4 -7
- package/dist/es2019/CheckboxSelect.js +0 -1
- package/dist/es2019/PopupSelect/PopupSelect.js +2 -0
- package/dist/es2019/PopupSelect/components.js +1 -0
- package/dist/es2019/Select.js +1 -1
- package/dist/es2019/components/input-options.js +1 -2
- package/dist/es2019/styles.js +4 -7
- package/dist/esm/CheckboxSelect.js +0 -1
- package/dist/esm/PopupSelect/PopupSelect.js +3 -1
- package/dist/esm/PopupSelect/components.js +1 -0
- package/dist/esm/Select.js +1 -1
- package/dist/esm/components/input-options.js +2 -3
- package/dist/esm/createSelect.js +1 -1
- package/dist/esm/styles.js +4 -7
- package/package.json +2 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @atlaskit/select
|
|
2
2
|
|
|
3
|
+
## 17.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#80805](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80805) [`427c2dd9e0d6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/427c2dd9e0d6) - [ux] Update input border width from 2px to 1px with darker color to meet 3:1 color contrast
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies
|
|
12
|
+
|
|
3
13
|
## 17.2.0
|
|
4
14
|
|
|
5
15
|
### Minor Changes
|
|
@@ -13,8 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
14
14
|
var _inputOptions = require("./components/input-options");
|
|
15
15
|
var _excluded = ["components"];
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
19
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
20
|
var CheckboxSelectInternal = function CheckboxSelectInternal(_ref) {
|
|
@@ -29,12 +29,12 @@ var _components = require("./components");
|
|
|
29
29
|
var _styles = _interopRequireDefault(require("../styles"));
|
|
30
30
|
var _bindEventListener = require("bind-event-listener");
|
|
31
31
|
var _excluded = ["footer", "label", "maxMenuWidth", "minMenuWidth", "placeholder", "target", "testId"];
|
|
32
|
-
function _getRequireWildcardCache(
|
|
33
|
-
function _interopRequireWildcard(
|
|
32
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
33
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
34
34
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
35
35
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
36
36
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
37
|
-
function _isNativeReflectConstruct() {
|
|
37
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
38
38
|
/** Are we rendering on the client or server? */
|
|
39
39
|
var canUseDOM = function canUseDOM() {
|
|
40
40
|
return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
|
|
@@ -43,9 +43,11 @@ var canUseDOM = function canUseDOM() {
|
|
|
43
43
|
// ==============================
|
|
44
44
|
// Types
|
|
45
45
|
// ==============================
|
|
46
|
+
|
|
46
47
|
// ==============================
|
|
47
48
|
// Class
|
|
48
49
|
// ==============================
|
|
50
|
+
|
|
49
51
|
var modifiers = [{
|
|
50
52
|
name: 'offset',
|
|
51
53
|
options: {
|
|
@@ -18,6 +18,7 @@ var _excluded = ["innerRef", "innerProps"];
|
|
|
18
18
|
// ==============================
|
|
19
19
|
// Styled Components
|
|
20
20
|
// ==============================
|
|
21
|
+
|
|
21
22
|
var menuDialogStyles = (0, _react.css)({
|
|
22
23
|
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
23
24
|
borderRadius: "var(--ds-border-radius-100, 4px)",
|
package/dist/cjs/RadioSelect.js
CHANGED
|
@@ -13,8 +13,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
13
13
|
var _Select = _interopRequireDefault(require("./Select"));
|
|
14
14
|
var _inputOptions = require("./components/input-options");
|
|
15
15
|
var _excluded = ["components"];
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
19
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
20
|
var RadioSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
|
package/dist/cjs/Select.js
CHANGED
|
@@ -9,7 +9,7 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
|
|
|
9
9
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
10
10
|
var _createSelect = _interopRequireDefault(require("./createSelect"));
|
|
11
11
|
var packageName = "@atlaskit/select";
|
|
12
|
-
var packageVersion = "17.
|
|
12
|
+
var packageVersion = "17.3.0";
|
|
13
13
|
var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
|
|
14
14
|
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
|
|
15
15
|
var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
|
|
@@ -17,13 +17,12 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
|
|
|
17
17
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
18
|
var _react = require("@emotion/react");
|
|
19
19
|
var _react2 = require("react");
|
|
20
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
21
20
|
var _radio = _interopRequireDefault(require("@atlaskit/icon/glyph/radio"));
|
|
22
21
|
var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
|
|
23
22
|
var _colors = require("@atlaskit/theme/colors");
|
|
24
23
|
var _excluded = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
|
|
25
24
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
26
|
-
function _isNativeReflectConstruct() {
|
|
25
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
27
26
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
27
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
29
28
|
var getPrimitiveStyles = function getPrimitiveStyles(props) {
|
|
@@ -137,7 +136,7 @@ var baseIconStyles = (0, _react.css)({
|
|
|
137
136
|
// into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
|
|
138
137
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
139
138
|
'& svg rect, & svg circle:first-of-type': {
|
|
140
|
-
strokeWidth:
|
|
139
|
+
strokeWidth: "var(--ds-border-width, 1px)",
|
|
141
140
|
strokeLinejoin: 'round'
|
|
142
141
|
}
|
|
143
142
|
});
|
package/dist/cjs/createSelect.js
CHANGED
|
@@ -24,12 +24,12 @@ var _components = require("./components");
|
|
|
24
24
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
25
25
|
var _groupedOptionsAnnouncement = require("./utils/grouped-options-announcement");
|
|
26
26
|
var _excluded = ["styles", "validationState", "isInvalid", "spacing", "isMulti", "appearance", "ariaLiveMessages"];
|
|
27
|
-
function _getRequireWildcardCache(
|
|
28
|
-
function _interopRequireWildcard(
|
|
27
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
28
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
29
29
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
30
30
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
31
31
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
32
|
-
function _isNativeReflectConstruct() {
|
|
32
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
33
33
|
function createSelect(WrappedComponent) {
|
|
34
34
|
var _class;
|
|
35
35
|
return _class = /*#__PURE__*/function (_Component) {
|
|
@@ -17,5 +17,5 @@ Object.defineProperty(exports, "default", {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
var _Select = _interopRequireWildcard(require("../Select"));
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
package/dist/cjs/index.js
CHANGED
|
@@ -120,5 +120,5 @@ var _CheckboxSelect = _interopRequireDefault(require("./CheckboxSelect"));
|
|
|
120
120
|
var _CountrySelect = _interopRequireDefault(require("./CountrySelect"));
|
|
121
121
|
var _RadioSelect = _interopRequireDefault(require("./RadioSelect"));
|
|
122
122
|
var _PopupSelect = _interopRequireDefault(require("./PopupSelect"));
|
|
123
|
-
function _getRequireWildcardCache(
|
|
124
|
-
function _interopRequireWildcard(
|
|
123
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
124
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
package/dist/cjs/styles.js
CHANGED
|
@@ -68,20 +68,18 @@ function baseStyles(validationState) {
|
|
|
68
68
|
backgroundColorHover = 'transparent';
|
|
69
69
|
borderColorHover = 'transparent';
|
|
70
70
|
}
|
|
71
|
-
return _objectSpread(_objectSpread(
|
|
71
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
72
72
|
// Turn pointer events off when disabled - this makes it so hover etc don't work.
|
|
73
73
|
pointerEvents: isDisabled ? 'none' : undefined,
|
|
74
74
|
backgroundColor: backgroundColor,
|
|
75
75
|
borderColor: borderColor,
|
|
76
76
|
borderStyle: 'solid',
|
|
77
77
|
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
78
|
-
borderWidth:
|
|
79
|
-
boxShadow: 'none'
|
|
80
|
-
}, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-input-border-wdith_5abwv') && {
|
|
78
|
+
borderWidth: "var(--ds-border-width, 1px)",
|
|
79
|
+
boxShadow: 'none',
|
|
81
80
|
'&:focus-within': {
|
|
82
81
|
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor)
|
|
83
|
-
}
|
|
84
|
-
}), {}, {
|
|
82
|
+
},
|
|
85
83
|
minHeight: isCompact ? (0, _constants.gridSize)() * 4 : (0, _constants.gridSize)() * 5,
|
|
86
84
|
padding: 0,
|
|
87
85
|
transition: "background-color ".concat(transitionDuration, " ease-in-out,\n border-color ").concat(transitionDuration, " ease-in-out"),
|
|
@@ -206,7 +204,6 @@ function baseStyles(validationState) {
|
|
|
206
204
|
lineHeight: "var(--ds-font-lineHeight-100, 16px)" // 16px
|
|
207
205
|
});
|
|
208
206
|
},
|
|
209
|
-
|
|
210
207
|
menu: function menu(css) {
|
|
211
208
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
212
209
|
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
@@ -22,5 +22,4 @@ const CheckboxSelect = /*#__PURE__*/React.memo(CheckboxSelectInternal
|
|
|
22
22
|
// Type casting as `React.memo` does not forward generic types
|
|
23
23
|
// Reference: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-656596623
|
|
24
24
|
);
|
|
25
|
-
|
|
26
25
|
export default CheckboxSelect;
|
|
@@ -19,9 +19,11 @@ const canUseDOM = () => Boolean(typeof window !== 'undefined' && window.document
|
|
|
19
19
|
// ==============================
|
|
20
20
|
// Types
|
|
21
21
|
// ==============================
|
|
22
|
+
|
|
22
23
|
// ==============================
|
|
23
24
|
// Class
|
|
24
25
|
// ==============================
|
|
26
|
+
|
|
25
27
|
const modifiers = [{
|
|
26
28
|
name: 'offset',
|
|
27
29
|
options: {
|
|
@@ -11,6 +11,7 @@ import { N40A } from '@atlaskit/theme/colors';
|
|
|
11
11
|
// ==============================
|
|
12
12
|
// Styled Components
|
|
13
13
|
// ==============================
|
|
14
|
+
|
|
14
15
|
const menuDialogStyles = css({
|
|
15
16
|
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
16
17
|
borderRadius: "var(--ds-border-radius-100, 4px)",
|
package/dist/es2019/Select.js
CHANGED
|
@@ -2,7 +2,7 @@ import Select from 'react-select';
|
|
|
2
2
|
import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
|
|
3
3
|
import createSelect from './createSelect';
|
|
4
4
|
const packageName = "@atlaskit/select";
|
|
5
|
-
const packageVersion = "17.
|
|
5
|
+
const packageVersion = "17.3.0";
|
|
6
6
|
export const SelectWithoutAnalytics = createSelect(Select);
|
|
7
7
|
const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
8
8
|
export default withAnalyticsContext({
|
|
@@ -3,7 +3,6 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
|
3
3
|
/** @jsx jsx */
|
|
4
4
|
import { css, jsx } from '@emotion/react';
|
|
5
5
|
import { Component } from 'react';
|
|
6
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import RadioIcon from '@atlaskit/icon/glyph/radio';
|
|
8
7
|
import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
|
|
9
8
|
import { B300, B400, B75, N20A, N0, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
|
|
@@ -126,7 +125,7 @@ const baseIconStyles = css({
|
|
|
126
125
|
// into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
|
|
127
126
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
128
127
|
'& svg rect, & svg circle:first-of-type': {
|
|
129
|
-
strokeWidth:
|
|
128
|
+
strokeWidth: "var(--ds-border-width, 1px)",
|
|
130
129
|
strokeLinejoin: 'round'
|
|
131
130
|
}
|
|
132
131
|
});
|
package/dist/es2019/styles.js
CHANGED
|
@@ -65,13 +65,11 @@ export default function baseStyles(validationState, isCompact = false, appearanc
|
|
|
65
65
|
borderColor,
|
|
66
66
|
borderStyle: 'solid',
|
|
67
67
|
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
68
|
-
borderWidth:
|
|
68
|
+
borderWidth: "var(--ds-border-width, 1px)",
|
|
69
69
|
boxShadow: 'none',
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
}
|
|
74
|
-
}),
|
|
70
|
+
'&:focus-within': {
|
|
71
|
+
boxShadow: `inset 0 0 0 ${"var(--ds-border-width, 1px)"} ${borderColor}`
|
|
72
|
+
},
|
|
75
73
|
minHeight: isCompact ? gridSize() * 4 : gridSize() * 5,
|
|
76
74
|
padding: 0,
|
|
77
75
|
transition: `background-color ${transitionDuration} ease-in-out,
|
|
@@ -197,7 +195,6 @@ export default function baseStyles(validationState, isCompact = false, appearanc
|
|
|
197
195
|
color: isDisabled ? `var(--ds-text-disabled, ${N70})` : `var(--ds-text, ${N800})`,
|
|
198
196
|
lineHeight: "var(--ds-font-lineHeight-100, 16px)" // 16px
|
|
199
197
|
}),
|
|
200
|
-
|
|
201
198
|
menu: css => ({
|
|
202
199
|
...css,
|
|
203
200
|
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
@@ -27,5 +27,4 @@ var CheckboxSelect = /*#__PURE__*/React.memo(CheckboxSelectInternal
|
|
|
27
27
|
// Type casting as `React.memo` does not forward generic types
|
|
28
28
|
// Reference: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/37087#issuecomment-656596623
|
|
29
29
|
);
|
|
30
|
-
|
|
31
30
|
export default CheckboxSelect;
|
|
@@ -11,7 +11,7 @@ var _excluded = ["footer", "label", "maxMenuWidth", "minMenuWidth", "placeholder
|
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
13
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
14
|
-
function _isNativeReflectConstruct() {
|
|
14
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15
15
|
import React, { PureComponent } from 'react';
|
|
16
16
|
import { createPortal } from 'react-dom';
|
|
17
17
|
import FocusLock from 'react-focus-lock';
|
|
@@ -33,9 +33,11 @@ var canUseDOM = function canUseDOM() {
|
|
|
33
33
|
// ==============================
|
|
34
34
|
// Types
|
|
35
35
|
// ==============================
|
|
36
|
+
|
|
36
37
|
// ==============================
|
|
37
38
|
// Class
|
|
38
39
|
// ==============================
|
|
40
|
+
|
|
39
41
|
var modifiers = [{
|
|
40
42
|
name: 'offset',
|
|
41
43
|
options: {
|
|
@@ -13,6 +13,7 @@ import { N40A } from '@atlaskit/theme/colors';
|
|
|
13
13
|
// ==============================
|
|
14
14
|
// Styled Components
|
|
15
15
|
// ==============================
|
|
16
|
+
|
|
16
17
|
var menuDialogStyles = css({
|
|
17
18
|
backgroundColor: "var(--ds-surface-overlay, white)",
|
|
18
19
|
borderRadius: "var(--ds-border-radius-100, 4px)",
|
package/dist/esm/Select.js
CHANGED
|
@@ -2,7 +2,7 @@ import Select from 'react-select';
|
|
|
2
2
|
import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
|
|
3
3
|
import createSelect from './createSelect';
|
|
4
4
|
var packageName = "@atlaskit/select";
|
|
5
|
-
var packageVersion = "17.
|
|
5
|
+
var packageVersion = "17.3.0";
|
|
6
6
|
export var SelectWithoutAnalytics = createSelect(Select);
|
|
7
7
|
var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
8
8
|
export default withAnalyticsContext({
|
|
@@ -10,13 +10,12 @@ import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
|
10
10
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
11
11
|
var _excluded = ["getStyles", "Icon", "children", "innerProps", "innerRef"];
|
|
12
12
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
13
|
-
function _isNativeReflectConstruct() {
|
|
13
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
14
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
15
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
16
|
/** @jsx jsx */
|
|
17
17
|
import { css, jsx } from '@emotion/react';
|
|
18
18
|
import { Component } from 'react';
|
|
19
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
20
19
|
import RadioIcon from '@atlaskit/icon/glyph/radio';
|
|
21
20
|
import CheckboxIcon from '@atlaskit/icon/glyph/checkbox';
|
|
22
21
|
import { B300, B400, B75, N20A, N0, N100, N20, N30, N70 } from '@atlaskit/theme/colors';
|
|
@@ -131,7 +130,7 @@ var baseIconStyles = css({
|
|
|
131
130
|
// into the `@atlaskit/icon` package's Checkbox and Radio SVGs later
|
|
132
131
|
// eslint-disable-next-line @atlaskit/design-system/no-nested-styles
|
|
133
132
|
'& svg rect, & svg circle:first-of-type': {
|
|
134
|
-
strokeWidth:
|
|
133
|
+
strokeWidth: "var(--ds-border-width, 1px)",
|
|
135
134
|
strokeLinejoin: 'round'
|
|
136
135
|
}
|
|
137
136
|
});
|
package/dist/esm/createSelect.js
CHANGED
|
@@ -11,7 +11,7 @@ var _excluded = ["styles", "validationState", "isInvalid", "spacing", "isMulti",
|
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
12
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
13
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
14
|
-
function _isNativeReflectConstruct() {
|
|
14
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
15
15
|
import React, { Component } from 'react';
|
|
16
16
|
import { mergeStyles } from 'react-select';
|
|
17
17
|
import memoizeOne from 'memoize-one';
|
package/dist/esm/styles.js
CHANGED
|
@@ -62,20 +62,18 @@ export default function baseStyles(validationState) {
|
|
|
62
62
|
backgroundColorHover = 'transparent';
|
|
63
63
|
borderColorHover = 'transparent';
|
|
64
64
|
}
|
|
65
|
-
return _objectSpread(_objectSpread(
|
|
65
|
+
return _objectSpread(_objectSpread({}, css), {}, {
|
|
66
66
|
// Turn pointer events off when disabled - this makes it so hover etc don't work.
|
|
67
67
|
pointerEvents: isDisabled ? 'none' : undefined,
|
|
68
68
|
backgroundColor: backgroundColor,
|
|
69
69
|
borderColor: borderColor,
|
|
70
70
|
borderStyle: 'solid',
|
|
71
71
|
borderRadius: "var(--ds-border-radius-100, 3px)",
|
|
72
|
-
borderWidth:
|
|
73
|
-
boxShadow: 'none'
|
|
74
|
-
}, getBooleanFF('platform.design-system-team.update-input-border-wdith_5abwv') && {
|
|
72
|
+
borderWidth: "var(--ds-border-width, 1px)",
|
|
73
|
+
boxShadow: 'none',
|
|
75
74
|
'&:focus-within': {
|
|
76
75
|
boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor)
|
|
77
|
-
}
|
|
78
|
-
}), {}, {
|
|
76
|
+
},
|
|
79
77
|
minHeight: isCompact ? gridSize() * 4 : gridSize() * 5,
|
|
80
78
|
padding: 0,
|
|
81
79
|
transition: "background-color ".concat(transitionDuration, " ease-in-out,\n border-color ").concat(transitionDuration, " ease-in-out"),
|
|
@@ -200,7 +198,6 @@ export default function baseStyles(validationState) {
|
|
|
200
198
|
lineHeight: "var(--ds-font-lineHeight-100, 16px)" // 16px
|
|
201
199
|
});
|
|
202
200
|
},
|
|
203
|
-
|
|
204
201
|
menu: function menu(css) {
|
|
205
202
|
return _objectSpread(_objectSpread({}, css), {}, {
|
|
206
203
|
backgroundColor: "var(--ds-surface-overlay, white)",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/select",
|
|
3
|
-
"version": "17.
|
|
3
|
+
"version": "17.3.0",
|
|
4
4
|
"description": "Select allows users to make a single selection or multiple selections from a list of options.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
47
47
|
"@atlaskit/spinner": "^16.0.0",
|
|
48
48
|
"@atlaskit/theme": "^12.6.0",
|
|
49
|
-
"@atlaskit/tokens": "^1.
|
|
49
|
+
"@atlaskit/tokens": "^1.41.0",
|
|
50
50
|
"@atlaskit/visually-hidden": "^1.2.0",
|
|
51
51
|
"@babel/runtime": "^7.0.0",
|
|
52
52
|
"@emotion/react": "^11.7.1",
|
|
@@ -101,9 +101,6 @@
|
|
|
101
101
|
"platform.design-system-team.border-checkbox_nyoiu": {
|
|
102
102
|
"type": "boolean"
|
|
103
103
|
},
|
|
104
|
-
"platform.design-system-team.update-input-border-wdith_5abwv": {
|
|
105
|
-
"type": "boolean"
|
|
106
|
-
},
|
|
107
104
|
"platform.design-system-team.popup-select-close_8h15h": {
|
|
108
105
|
"type": "boolean"
|
|
109
106
|
}
|