@atlaskit/select 16.5.3 → 16.5.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.
Files changed (13) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/Select.js +1 -1
  3. package/dist/cjs/styles.js +6 -6
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/Select.js +1 -1
  6. package/dist/es2019/styles.js +6 -6
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/Select.js +1 -1
  9. package/dist/esm/styles.js +6 -6
  10. package/dist/esm/version.json +1 -1
  11. package/package.json +4 -4
  12. package/report.api.md +352 -38
  13. package/tmp/api-report-tmp.d.ts +697 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 16.5.4
4
+
5
+ ### Patch Changes
6
+
7
+ - [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
8
+
3
9
  ## 16.5.3
4
10
 
5
11
  ### Patch Changes
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 = "16.5.3";
12
+ var packageVersion = "16.5.4";
13
13
  var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
14
14
  exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
15
15
  var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
package/dist/cjs/styles.js CHANGED
@@ -36,7 +36,7 @@ function baseStyles(validationState) {
36
36
  control: function control(css, _ref2) {
37
37
  var isFocused = _ref2.isFocused,
38
38
  isDisabled = _ref2.isDisabled;
39
- var borderColor = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N20, ")");
39
+ var borderColor = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N20, ")");
40
40
  var backgroundColor = isFocused ? "var(--ds-background-input-pressed, ".concat(_colors.N0, ")") : "var(--ds-background-input, ".concat(_colors.N20, ")");
41
41
  var backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(_colors.N0, ")") : "var(--ds-background-input-hovered, ".concat(_colors.N30, ")");
42
42
  if (isDisabled) {
@@ -49,7 +49,7 @@ function baseStyles(validationState) {
49
49
  if (validationState === 'success') {
50
50
  borderColor = "var(--ds-border-success, ".concat(_colors.G400, ")");
51
51
  }
52
- var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? _colors.N100 : _colors.N30, ")");
52
+ var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(_colors.B100, ")") : "var(--ds-border-input, ".concat((0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? _colors.N100 : _colors.N30, ")");
53
53
  if (validationState === 'error') {
54
54
  borderColorHover = "var(--ds-border-danger, ".concat(_colors.R400, ")");
55
55
  }
@@ -74,10 +74,10 @@ function baseStyles(validationState) {
74
74
  backgroundColor: backgroundColor,
75
75
  borderColor: borderColor,
76
76
  borderStyle: 'solid',
77
- borderRadius: "var(--ds-radius-100, 3px)",
78
- borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') ? "var(--ds-width-050, 1px)" : "var(--ds-width-100, 2px)",
77
+ borderRadius: "var(--ds-border-radius-100, 3px)",
78
+ borderWidth: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width-050, 1px)" : "var(--ds-border-width-100, 2px)",
79
79
  boxShadow: 'none'
80
- }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.update-border-input_ff9l1') && {
80
+ }, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.border-checkbox_nyoiu') && {
81
81
  '&:focus-within': {
82
82
  boxShadow: "inset 0 0 0 1px ".concat(borderColor)
83
83
  }
@@ -239,7 +239,7 @@ function baseStyles(validationState) {
239
239
  color = "var(--ds-text, hsl(0, 0%, 20%))";
240
240
  }
241
241
  return _objectSpread(_objectSpread({}, css), {}, {
242
- borderRadius: "var(--ds-radius-050, 2px)",
242
+ borderRadius: "var(--ds-border-radius-050, 2px)",
243
243
  backgroundColor: backgroundColor,
244
244
  boxShadow: isFocused ? "0 0 0 2px ".concat("var(--ds-surface, transparent)", ", 0 0 0 4px ", "var(--ds-border-focused, transparent)") : 'none',
245
245
  maxWidth: '100%',
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "16.5.3",
3
+ "version": "16.5.4",
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 = "16.5.3";
5
+ const packageVersion = "16.5.4";
6
6
  export const SelectWithoutAnalytics = createSelect(Select);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  export default withAnalyticsContext({
package/dist/es2019/styles.js CHANGED
@@ -25,7 +25,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
25
25
  isFocused,
26
26
  isDisabled
27
27
  }) => {
28
- let borderColor = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N20})`;
28
+ let borderColor = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N20})`;
29
29
  let backgroundColor = isFocused ? `var(--ds-background-input-pressed, ${N0})` : `var(--ds-background-input, ${N20})`;
30
30
  let backgroundColorHover = isFocused ? `var(--ds-background-input-pressed, ${N0})` : `var(--ds-background-input-hovered, ${N30})`;
31
31
  if (isDisabled) {
@@ -38,7 +38,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
38
38
  if (validationState === 'success') {
39
39
  borderColor = `var(--ds-border-success, ${G400})`;
40
40
  }
41
- let borderColorHover = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N30})`;
41
+ let borderColorHover = isFocused ? `var(--ds-border-focused, ${B100})` : `var(--ds-border-input, ${getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30})`;
42
42
  if (validationState === 'error') {
43
43
  borderColorHover = `var(--ds-border-danger, ${R400})`;
44
44
  }
@@ -64,10 +64,10 @@ export default function baseStyles(validationState, isCompact = false, appearanc
64
64
  backgroundColor,
65
65
  borderColor,
66
66
  borderStyle: 'solid',
67
- borderRadius: "var(--ds-radius-100, 3px)",
68
- borderWidth: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "var(--ds-width-050, 1px)" : "var(--ds-width-100, 2px)",
67
+ borderRadius: "var(--ds-border-radius-100, 3px)",
68
+ borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width-050, 1px)" : "var(--ds-border-width-100, 2px)",
69
69
  boxShadow: 'none',
70
- ...(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') && {
70
+ ...(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && {
71
71
  '&:focus-within': {
72
72
  boxShadow: `inset 0 0 0 1px ${borderColor}`
73
73
  }
@@ -230,7 +230,7 @@ export default function baseStyles(validationState, isCompact = false, appearanc
230
230
  }
231
231
  return {
232
232
  ...css,
233
- borderRadius: "var(--ds-radius-050, 2px)",
233
+ borderRadius: "var(--ds-border-radius-050, 2px)",
234
234
  backgroundColor,
235
235
  boxShadow: isFocused ? `0 0 0 2px ${"var(--ds-surface, transparent)"}, 0 0 0 4px ${"var(--ds-border-focused, transparent)"}` : 'none',
236
236
  maxWidth: '100%',
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "16.5.3",
3
+ "version": "16.5.4",
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 = "16.5.3";
5
+ var packageVersion = "16.5.4";
6
6
  export var SelectWithoutAnalytics = createSelect(Select);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  export default withAnalyticsContext({
package/dist/esm/styles.js CHANGED
@@ -30,7 +30,7 @@ export default function baseStyles(validationState) {
30
30
  control: function control(css, _ref2) {
31
31
  var isFocused = _ref2.isFocused,
32
32
  isDisabled = _ref2.isDisabled;
33
- var borderColor = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N20, ")");
33
+ var borderColor = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N20, ")");
34
34
  var backgroundColor = isFocused ? "var(--ds-background-input-pressed, ".concat(N0, ")") : "var(--ds-background-input, ".concat(N20, ")");
35
35
  var backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, ".concat(N0, ")") : "var(--ds-background-input-hovered, ".concat(N30, ")");
36
36
  if (isDisabled) {
@@ -43,7 +43,7 @@ export default function baseStyles(validationState) {
43
43
  if (validationState === 'success') {
44
44
  borderColor = "var(--ds-border-success, ".concat(G400, ")");
45
45
  }
46
- var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? N100 : N30, ")");
46
+ var borderColorHover = isFocused ? "var(--ds-border-focused, ".concat(B100, ")") : "var(--ds-border-input, ".concat(getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? N100 : N30, ")");
47
47
  if (validationState === 'error') {
48
48
  borderColorHover = "var(--ds-border-danger, ".concat(R400, ")");
49
49
  }
@@ -68,10 +68,10 @@ export default function baseStyles(validationState) {
68
68
  backgroundColor: backgroundColor,
69
69
  borderColor: borderColor,
70
70
  borderStyle: 'solid',
71
- borderRadius: "var(--ds-radius-100, 3px)",
72
- borderWidth: getBooleanFF('platform.design-system-team.update-border-input_ff9l1') ? "var(--ds-width-050, 1px)" : "var(--ds-width-100, 2px)",
71
+ borderRadius: "var(--ds-border-radius-100, 3px)",
72
+ borderWidth: getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') ? "var(--ds-border-width-050, 1px)" : "var(--ds-border-width-100, 2px)",
73
73
  boxShadow: 'none'
74
- }, getBooleanFF('platform.design-system-team.update-border-input_ff9l1') && {
74
+ }, getBooleanFF('platform.design-system-team.border-checkbox_nyoiu') && {
75
75
  '&:focus-within': {
76
76
  boxShadow: "inset 0 0 0 1px ".concat(borderColor)
77
77
  }
@@ -233,7 +233,7 @@ export default function baseStyles(validationState) {
233
233
  color = "var(--ds-text, hsl(0, 0%, 20%))";
234
234
  }
235
235
  return _objectSpread(_objectSpread({}, css), {}, {
236
- borderRadius: "var(--ds-radius-050, 2px)",
236
+ borderRadius: "var(--ds-border-radius-050, 2px)",
237
237
  backgroundColor: backgroundColor,
238
238
  boxShadow: isFocused ? "0 0 0 2px ".concat("var(--ds-surface, transparent)", ", 0 0 0 4px ", "var(--ds-border-focused, transparent)") : 'none',
239
239
  maxWidth: '100%',
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "16.5.3",
3
+ "version": "16.5.4",
4
4
  "sideEffects": false
5
5
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "16.5.3",
3
+ "version": "16.5.4",
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/"
@@ -24,7 +24,7 @@
24
24
  "atlaskit:src": "src/index.tsx",
25
25
  "atlassian": {
26
26
  "team": "Design System Team",
27
- "releaseModel": "scheduled",
27
+ "releaseModel": "continuous",
28
28
  "website": {
29
29
  "name": "Select",
30
30
  "category": "Components"
@@ -43,7 +43,7 @@
43
43
  "@atlaskit/platform-feature-flags": "^0.2.0",
44
44
  "@atlaskit/spinner": "^15.5.0",
45
45
  "@atlaskit/theme": "^12.5.0",
46
- "@atlaskit/tokens": "^1.5.0",
46
+ "@atlaskit/tokens": "^1.8.0",
47
47
  "@atlaskit/visually-hidden": "^1.2.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1",
@@ -101,7 +101,7 @@
101
101
  }
102
102
  },
103
103
  "platform-feature-flags": {
104
- "platform.design-system-team.update-border-input_ff9l1": {
104
+ "platform.design-system-team.border-checkbox_nyoiu": {
105
105
  "type": "boolean"
106
106
  },
107
107
  "platform.design-system-team.popup-select-render-perf_i0s6m": {