@atlaskit/select 15.6.0 → 15.6.1

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.
Files changed (11) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/Select.js +1 -1
  3. package/dist/cjs/styles.js +4 -13
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/Select.js +1 -1
  6. package/dist/es2019/styles.js +4 -13
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/Select.js +1 -1
  9. package/dist/esm/styles.js +4 -13
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 15.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d9f112c7b09`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9f112c7b09) - Reverts change to multiSelect's remove behaviour when using tokens, fixing issue with a pointer-events: none style
8
+
3
9
  ## 15.6.0
4
10
 
5
11
  ### Minor Changes
package/dist/cjs/Select.js CHANGED
@@ -14,7 +14,7 @@ var _analyticsNext = require("@atlaskit/analytics-next");
14
14
  var _createSelect = _interopRequireDefault(require("./createSelect"));
15
15
 
16
16
  var packageName = "@atlaskit/select";
17
- var packageVersion = "15.6.0";
17
+ var packageVersion = "15.6.1";
18
18
  var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
19
19
  exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
20
20
  var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
package/dist/cjs/styles.js CHANGED
@@ -248,16 +248,7 @@ function baseStyles(validationState, isCompact, appearance) {
248
248
  '@media screen and (-ms-high-contrast: active)': {
249
249
  border: isFocused ? '1px solid transparent' : 'none'
250
250
  },
251
- pointerEvents: 'none',
252
- color: isFocused ? "var(--ds-text-selected, hsl(0, 0%, 20%))" : "var(--ds-text, hsl(0, 0%, 20%))",
253
- ':hover': {
254
- backgroundColor: "var(--ds-background-danger-hovered, ".concat(_colors.N40, ")"),
255
- color: "var(--ds-text-danger, inherit)"
256
- },
257
- ':active': {
258
- backgroundColor: "var(--ds-background-danger-pressed, ".concat(_colors.N40, ")"),
259
- color: "var(--ds-text-danger, inherit)"
260
- }
251
+ color: isFocused ? "var(--ds-text-selected, hsl(0, 0%, 20%))" : "var(--ds-text, hsl(0, 0%, 20%))"
261
252
  });
262
253
  },
263
254
  multiValueLabel: function multiValueLabel(css, _ref8) {
@@ -271,18 +262,18 @@ function baseStyles(validationState, isCompact, appearance) {
271
262
  multiValueRemove: function multiValueRemove(css, _ref9) {
272
263
  var isFocused = _ref9.isFocused;
273
264
  return _objectSpread(_objectSpread({}, css), {}, {
274
- pointerEvents: 'auto',
275
265
  backgroundColor: isFocused && "var(--ds-UNSAFE_util-transparent, ".concat(_colors.R75, ")"),
276
266
  fill: isFocused ? "var(--ds-text-selected, #000)" : "var(--ds-text, #000)",
277
267
  paddingLeft: '2px',
278
268
  paddingRight: '2px',
279
269
  borderRadius: '0px 2px 2px 0px',
270
+ // DSP-6470 we should style like Tag once we have the :has selector
280
271
  ':hover': {
281
- backgroundColor: "var(--ds-UNSAFE_util-transparent, ".concat(_colors.R75, ")"),
272
+ backgroundColor: "var(--ds-background-danger-hovered, ".concat(_colors.R75, ")"),
282
273
  fill: "var(--ds-text-danger, #000)"
283
274
  },
284
275
  ':active': {
285
- backgroundColor: "var(--ds-UNSAFE_util-transparent, ".concat(_colors.R75, ")"),
276
+ backgroundColor: "var(--ds-background-danger-pressed, ".concat(_colors.R75, ")"),
286
277
  fill: "var(--ds-text-danger, #000)"
287
278
  }
288
279
  });
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "15.6.0",
3
+ "version": "15.6.1",
4
4
  "sideEffects": false
5
5
  }
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 = "15.6.0";
5
+ const packageVersion = "15.6.1";
6
6
  export const SelectWithoutAnalytics = createSelect(Select);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  export default withAnalyticsContext({
package/dist/es2019/styles.js CHANGED
@@ -217,16 +217,7 @@ export default function baseStyles(validationState, isCompact, appearance) {
217
217
  '@media screen and (-ms-high-contrast: active)': {
218
218
  border: isFocused ? '1px solid transparent' : 'none'
219
219
  },
220
- pointerEvents: 'none',
221
- color: isFocused ? "var(--ds-text-selected, hsl(0, 0%, 20%))" : "var(--ds-text, hsl(0, 0%, 20%))",
222
- ':hover': {
223
- backgroundColor: `var(--ds-background-danger-hovered, ${N40})`,
224
- color: "var(--ds-text-danger, inherit)"
225
- },
226
- ':active': {
227
- backgroundColor: `var(--ds-background-danger-pressed, ${N40})`,
228
- color: "var(--ds-text-danger, inherit)"
229
- }
220
+ color: isFocused ? "var(--ds-text-selected, hsl(0, 0%, 20%))" : "var(--ds-text, hsl(0, 0%, 20%))"
230
221
  }),
231
222
  multiValueLabel: (css, {
232
223
  isFocused
@@ -239,18 +230,18 @@ export default function baseStyles(validationState, isCompact, appearance) {
239
230
  // @ts-ignore: missing in @types/react-select
240
231
  isFocused
241
232
  }) => ({ ...css,
242
- pointerEvents: 'auto',
243
233
  backgroundColor: isFocused && `var(--ds-UNSAFE_util-transparent, ${R75})`,
244
234
  fill: isFocused ? "var(--ds-text-selected, #000)" : "var(--ds-text, #000)",
245
235
  paddingLeft: '2px',
246
236
  paddingRight: '2px',
247
237
  borderRadius: '0px 2px 2px 0px',
238
+ // DSP-6470 we should style like Tag once we have the :has selector
248
239
  ':hover': {
249
- backgroundColor: `var(--ds-UNSAFE_util-transparent, ${R75})`,
240
+ backgroundColor: `var(--ds-background-danger-hovered, ${R75})`,
250
241
  fill: "var(--ds-text-danger, #000)"
251
242
  },
252
243
  ':active': {
253
- backgroundColor: `var(--ds-UNSAFE_util-transparent, ${R75})`,
244
+ backgroundColor: `var(--ds-background-danger-pressed, ${R75})`,
254
245
  fill: "var(--ds-text-danger, #000)"
255
246
  }
256
247
  })
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "15.6.0",
3
+ "version": "15.6.1",
4
4
  "sideEffects": false
5
5
  }
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 = "15.6.0";
5
+ var packageVersion = "15.6.1";
6
6
  export var SelectWithoutAnalytics = createSelect(Select);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  export default withAnalyticsContext({
package/dist/esm/styles.js CHANGED
@@ -236,16 +236,7 @@ export default function baseStyles(validationState, isCompact, appearance) {
236
236
  '@media screen and (-ms-high-contrast: active)': {
237
237
  border: isFocused ? '1px solid transparent' : 'none'
238
238
  },
239
- pointerEvents: 'none',
240
- color: isFocused ? "var(--ds-text-selected, hsl(0, 0%, 20%))" : "var(--ds-text, hsl(0, 0%, 20%))",
241
- ':hover': {
242
- backgroundColor: "var(--ds-background-danger-hovered, ".concat(N40, ")"),
243
- color: "var(--ds-text-danger, inherit)"
244
- },
245
- ':active': {
246
- backgroundColor: "var(--ds-background-danger-pressed, ".concat(N40, ")"),
247
- color: "var(--ds-text-danger, inherit)"
248
- }
239
+ color: isFocused ? "var(--ds-text-selected, hsl(0, 0%, 20%))" : "var(--ds-text, hsl(0, 0%, 20%))"
249
240
  });
250
241
  },
251
242
  multiValueLabel: function multiValueLabel(css, _ref8) {
@@ -259,18 +250,18 @@ export default function baseStyles(validationState, isCompact, appearance) {
259
250
  multiValueRemove: function multiValueRemove(css, _ref9) {
260
251
  var isFocused = _ref9.isFocused;
261
252
  return _objectSpread(_objectSpread({}, css), {}, {
262
- pointerEvents: 'auto',
263
253
  backgroundColor: isFocused && "var(--ds-UNSAFE_util-transparent, ".concat(R75, ")"),
264
254
  fill: isFocused ? "var(--ds-text-selected, #000)" : "var(--ds-text, #000)",
265
255
  paddingLeft: '2px',
266
256
  paddingRight: '2px',
267
257
  borderRadius: '0px 2px 2px 0px',
258
+ // DSP-6470 we should style like Tag once we have the :has selector
268
259
  ':hover': {
269
- backgroundColor: "var(--ds-UNSAFE_util-transparent, ".concat(R75, ")"),
260
+ backgroundColor: "var(--ds-background-danger-hovered, ".concat(R75, ")"),
270
261
  fill: "var(--ds-text-danger, #000)"
271
262
  },
272
263
  ':active': {
273
- backgroundColor: "var(--ds-UNSAFE_util-transparent, ".concat(R75, ")"),
264
+ backgroundColor: "var(--ds-background-danger-pressed, ".concat(R75, ")"),
274
265
  fill: "var(--ds-text-danger, #000)"
275
266
  }
276
267
  });
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "15.6.0",
3
+ "version": "15.6.1",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "15.6.0",
3
+ "version": "15.6.1",
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/"