@atlaskit/react-select 3.16.2 → 4.0.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 (142) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/accessibility/package.json +1 -8
  3. package/async/package.json +1 -8
  4. package/async-creatable/package.json +1 -8
  5. package/base/package.json +1 -8
  6. package/clear-indicator/package.json +1 -8
  7. package/components/package.json +1 -8
  8. package/control/package.json +1 -8
  9. package/creatable/package.json +1 -8
  10. package/dist/cjs/components/control.compiled.css +3 -3
  11. package/dist/cjs/components/control.js +1 -1
  12. package/dist/cjs/components/multi-value.js +4 -2
  13. package/dist/es2019/components/control.compiled.css +3 -3
  14. package/dist/es2019/components/control.js +1 -1
  15. package/dist/es2019/components/multi-value.js +4 -2
  16. package/dist/esm/components/control.compiled.css +3 -3
  17. package/dist/esm/components/control.js +1 -1
  18. package/dist/esm/components/multi-value.js +4 -2
  19. package/dropdown-indicator/package.json +1 -8
  20. package/filters/package.json +1 -8
  21. package/group/package.json +1 -8
  22. package/group-heading/package.json +1 -8
  23. package/indicators-container/package.json +1 -8
  24. package/input/package.json +1 -8
  25. package/loading-indicator/package.json +1 -8
  26. package/menu/package.json +1 -8
  27. package/menu-list/package.json +1 -8
  28. package/menu-portal/package.json +1 -8
  29. package/multi-value/package.json +1 -8
  30. package/multi-value-remove/package.json +1 -8
  31. package/option/package.json +1 -8
  32. package/package.json +12 -20
  33. package/placeholder/package.json +1 -8
  34. package/select-container/package.json +1 -8
  35. package/single-value/package.json +1 -8
  36. package/state-manager/package.json +1 -8
  37. package/styles/package.json +1 -8
  38. package/types/package.json +1 -8
  39. package/use-async/package.json +1 -8
  40. package/use-creatable/package.json +1 -8
  41. package/use-state-manager/package.json +1 -8
  42. package/value-container/package.json +1 -8
  43. package/dist/types-ts4.5/accessibility/index.d.ts +0 -123
  44. package/dist/types-ts4.5/async-creatable.d.ts +0 -10
  45. package/dist/types-ts4.5/async.d.ts +0 -8
  46. package/dist/types-ts4.5/builtins.d.ts +0 -4
  47. package/dist/types-ts4.5/colors.d.ts +0 -19
  48. package/dist/types-ts4.5/compiled/components/indicators-container.d.ts +0 -18
  49. package/dist/types-ts4.5/compiled/components/select-container.d.ts +0 -22
  50. package/dist/types-ts4.5/compiled/components/value-container.d.ts +0 -22
  51. package/dist/types-ts4.5/components/containers/indicators-container.d.ts +0 -18
  52. package/dist/types-ts4.5/components/containers/multi-value-container.d.ts +0 -6
  53. package/dist/types-ts4.5/components/containers/select-container.d.ts +0 -22
  54. package/dist/types-ts4.5/components/containers/value-container.d.ts +0 -22
  55. package/dist/types-ts4.5/components/control.d.ts +0 -40
  56. package/dist/types-ts4.5/components/dummy-input.d.ts +0 -8
  57. package/dist/types-ts4.5/components/group-heading.d.ts +0 -19
  58. package/dist/types-ts4.5/components/group.d.ts +0 -36
  59. package/dist/types-ts4.5/components/index.d.ts +0 -80
  60. package/dist/types-ts4.5/components/indicators/clear-indicator.d.ts +0 -29
  61. package/dist/types-ts4.5/components/indicators/dropdown-indicator.d.ts +0 -26
  62. package/dist/types-ts4.5/components/indicators/loading-indicator.d.ts +0 -25
  63. package/dist/types-ts4.5/components/input.d.ts +0 -35
  64. package/dist/types-ts4.5/components/live-region.d.ts +0 -17
  65. package/dist/types-ts4.5/components/menu-list.d.ts +0 -29
  66. package/dist/types-ts4.5/components/menu-loading-message.d.ts +0 -2
  67. package/dist/types-ts4.5/components/menu-no-options-message.d.ts +0 -2
  68. package/dist/types-ts4.5/components/menu-placer.d.ts +0 -49
  69. package/dist/types-ts4.5/components/menu-portal.d.ts +0 -23
  70. package/dist/types-ts4.5/components/menu.d.ts +0 -22
  71. package/dist/types-ts4.5/components/multi-value-label.d.ts +0 -6
  72. package/dist/types-ts4.5/components/multi-value-remove.d.ts +0 -20
  73. package/dist/types-ts4.5/components/multi-value.d.ts +0 -25
  74. package/dist/types-ts4.5/components/option.d.ts +0 -47
  75. package/dist/types-ts4.5/components/placeholder.d.ts +0 -20
  76. package/dist/types-ts4.5/components/single-value.d.ts +0 -26
  77. package/dist/types-ts4.5/creatable.d.ts +0 -9
  78. package/dist/types-ts4.5/diacritics.d.ts +0 -1
  79. package/dist/types-ts4.5/entry-points/accessibility.d.ts +0 -2
  80. package/dist/types-ts4.5/entry-points/async-creatable.d.ts +0 -2
  81. package/dist/types-ts4.5/entry-points/async.d.ts +0 -3
  82. package/dist/types-ts4.5/entry-points/base.d.ts +0 -3
  83. package/dist/types-ts4.5/entry-points/clear-indicator.d.ts +0 -2
  84. package/dist/types-ts4.5/entry-points/components.d.ts +0 -2
  85. package/dist/types-ts4.5/entry-points/control.d.ts +0 -2
  86. package/dist/types-ts4.5/entry-points/creatable.d.ts +0 -3
  87. package/dist/types-ts4.5/entry-points/dropdown-indicator.d.ts +0 -2
  88. package/dist/types-ts4.5/entry-points/filters.d.ts +0 -2
  89. package/dist/types-ts4.5/entry-points/group-heading.d.ts +0 -2
  90. package/dist/types-ts4.5/entry-points/group.d.ts +0 -2
  91. package/dist/types-ts4.5/entry-points/indicators-container.d.ts +0 -2
  92. package/dist/types-ts4.5/entry-points/input.d.ts +0 -2
  93. package/dist/types-ts4.5/entry-points/loading-indicator.d.ts +0 -2
  94. package/dist/types-ts4.5/entry-points/menu-list.d.ts +0 -2
  95. package/dist/types-ts4.5/entry-points/menu-portal.d.ts +0 -2
  96. package/dist/types-ts4.5/entry-points/menu.d.ts +0 -2
  97. package/dist/types-ts4.5/entry-points/multi-value-remove.d.ts +0 -2
  98. package/dist/types-ts4.5/entry-points/multi-value.d.ts +0 -2
  99. package/dist/types-ts4.5/entry-points/option.d.ts +0 -2
  100. package/dist/types-ts4.5/entry-points/placeholder.d.ts +0 -2
  101. package/dist/types-ts4.5/entry-points/select-container.d.ts +0 -2
  102. package/dist/types-ts4.5/entry-points/single-value.d.ts +0 -2
  103. package/dist/types-ts4.5/entry-points/state-manager.d.ts +0 -1
  104. package/dist/types-ts4.5/entry-points/styles.d.ts +0 -2
  105. package/dist/types-ts4.5/entry-points/types.d.ts +0 -1
  106. package/dist/types-ts4.5/entry-points/use-async.d.ts +0 -2
  107. package/dist/types-ts4.5/entry-points/use-creatable.d.ts +0 -2
  108. package/dist/types-ts4.5/entry-points/use-state-manager.d.ts +0 -2
  109. package/dist/types-ts4.5/entry-points/value-container.d.ts +0 -2
  110. package/dist/types-ts4.5/filters.d.ts +0 -14
  111. package/dist/types-ts4.5/format-group-label.d.ts +0 -2
  112. package/dist/types-ts4.5/get-option-label.d.ts +0 -1
  113. package/dist/types-ts4.5/get-option-value.d.ts +0 -1
  114. package/dist/types-ts4.5/get-style-props.d.ts +0 -6
  115. package/dist/types-ts4.5/index.d.ts +0 -34
  116. package/dist/types-ts4.5/internal/a11y-text.d.ts +0 -2
  117. package/dist/types-ts4.5/internal/classnames.d.ts +0 -2
  118. package/dist/types-ts4.5/internal/clean-common-props.d.ts +0 -2
  119. package/dist/types-ts4.5/internal/clean-value.d.ts +0 -2
  120. package/dist/types-ts4.5/internal/is-document-el.d.ts +0 -1
  121. package/dist/types-ts4.5/internal/multi-value-as-value.d.ts +0 -2
  122. package/dist/types-ts4.5/internal/notify-open-layer-observer.d.ts +0 -11
  123. package/dist/types-ts4.5/internal/passive-event-detector.d.ts +0 -1
  124. package/dist/types-ts4.5/internal/portal-placement-context.d.ts +0 -14
  125. package/dist/types-ts4.5/internal/required-input.d.ts +0 -10
  126. package/dist/types-ts4.5/internal/scroll-manager.d.ts +0 -12
  127. package/dist/types-ts4.5/internal/scroll-to.d.ts +0 -1
  128. package/dist/types-ts4.5/internal/select-get-styles-context.d.ts +0 -12
  129. package/dist/types-ts4.5/internal/single-value-as-value.d.ts +0 -2
  130. package/dist/types-ts4.5/internal/use-scroll-capture.d.ts +0 -12
  131. package/dist/types-ts4.5/internal/use-scroll-lock.d.ts +0 -9
  132. package/dist/types-ts4.5/internal/use-select-get-styles.d.ts +0 -1
  133. package/dist/types-ts4.5/internal/value-ternary.d.ts +0 -2
  134. package/dist/types-ts4.5/is-option-disabled.d.ts +0 -1
  135. package/dist/types-ts4.5/select.d.ts +0 -597
  136. package/dist/types-ts4.5/state-manager.d.ts +0 -16
  137. package/dist/types-ts4.5/styles.d.ts +0 -50
  138. package/dist/types-ts4.5/theme.d.ts +0 -6
  139. package/dist/types-ts4.5/types.d.ts +0 -154
  140. package/dist/types-ts4.5/use-async.d.ts +0 -31
  141. package/dist/types-ts4.5/use-creatable.d.ts +0 -46
  142. package/dist/types-ts4.5/use-state-manager.d.ts +0 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,47 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 4.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [`0f8f79a02f3d5`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0f8f79a02f3d5) -
8
+ Fix `MultiValueContainer` component override being silently ignored when the
9
+ `platform-dst-lozenge-tag-badge-visual-uplifts` feature gate is enabled.
10
+
11
+ When the gate is on, `MultiValue` previously bypassed the `Container` (i.e. `MultiValueContainer`)
12
+ component entirely and rendered a `<Tag>` or tag-like `<div>` directly, causing consumers who use
13
+ `MultiValueContainer: () => null` to suppress selected tag display to see broken dropdown
14
+ positioning.
15
+
16
+ The fix detects when `Container` has been overridden and falls back to the default
17
+ `Container`-based render path, restoring the expected suppression behaviour.
18
+
19
+ ## 4.0.0
20
+
21
+ ### Major Changes
22
+
23
+ - [`f2dc9097319f0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f2dc9097319f0) - ###
24
+ Dropped support for _legacy_ Typescript 4 types. **Typescript 5 is now the new minimum**.
25
+
26
+ Removes the `typesVersions` property and `dist/types-ts4.5` directory from the dist.
27
+
28
+ Types are now exclusively via the `"types": "dist/types/index.d.ts"` property.
29
+
30
+ ```diff
31
+ - "typesVersions": {
32
+ - ">=4.5 <4.9": {
33
+ - "*": [
34
+ - "dist/types-ts4.5/*",
35
+ - "dist/types-ts4.5/index.d.ts"
36
+ - ]
37
+ - }
38
+ - },
39
+ ```
40
+
41
+ ### Patch Changes
42
+
43
+ - Updated dependencies
44
+
3
45
  ## 3.16.2
4
46
 
5
47
  ### Patch Changes
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/accessibility.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/accessibility.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/accessibility.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/async.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/async.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/async.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/async-creatable.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/async-creatable.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/async-creatable.d.ts"
17
10
  }
package/base/package.json CHANGED
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/base.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/base.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/base.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/clear-indicator.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/clear-indicator.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/clear-indicator.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/components.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/components.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/components.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/control.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/control.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/control.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/creatable.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/creatable.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/creatable.d.ts"
17
10
  }
@@ -4,10 +4,10 @@
4
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
6
  ._1dqonqa1{border-style:solid}
7
+ ._1h6d187o{border-color:var(--ds-background-disabled,#0515240f)}
7
8
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
8
9
  ._1h6d1j28{border-color:transparent}
9
10
  ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
10
- ._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
11
11
  ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}._123byq51:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}
12
12
  ._12ji1r31{outline-color:currentColor}
13
13
  ._12y3idpf{outline-width:0}
@@ -25,9 +25,9 @@
25
25
  ._4cvr1h6o{align-items:center}
26
26
  ._80om73ad{cursor:default}
27
27
  ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
28
+ ._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
28
29
  ._bfhk1j28{background-color:transparent}
29
30
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
30
- ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
31
31
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
32
32
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
33
33
  ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
@@ -35,8 +35,8 @@
35
35
  ._kqswh2mm{position:relative}
36
36
  ._lcxvglyw{pointer-events:none}
37
37
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
38
- ._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
39
38
  ._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
39
+ ._1u6lfrlt:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#0515240f)}
40
40
  ._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
41
41
  ._1u6luvb6:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8c8f97)}
42
42
  ._1u6lvyy1:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
@@ -22,7 +22,7 @@ var styles = {
22
22
  compact: "_1tkezwfg",
23
23
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
24
24
  focusedInvalid: "_16qsvyy1",
25
- disabled: "_1h6dby5v _lcxvglyw _bfhkby5v _1u6l1s3b",
25
+ disabled: "_1h6d187o _lcxvglyw _bfhk187o _1u6lfrlt",
26
26
  focused: "_1h6d1v1w _bfhkr01l _16qsvyy1 _1u6lvyy1 _4cvx1v1w _irr3r01l",
27
27
  subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
28
28
  subtleFocused: "_bfhkvuon",
@@ -17,6 +17,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
17
  var _tag = _interopRequireDefault(require("@atlaskit/tag"));
18
18
  var _getStyleProps4 = require("../get-style-props");
19
19
  var _useSelectGetStyles = require("../internal/use-select-get-styles");
20
+ var _multiValueContainer = require("./containers/multi-value-container");
20
21
  var _multiValueLabel = require("./multi-value-label");
21
22
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
22
23
  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; }
@@ -92,6 +93,7 @@ var MultiValue = function MultiValue(props) {
92
93
  removeCss = _getStyleProps3.css,
93
94
  removeClassName = _getStyleProps3.className;
94
95
  var hasCustomLabel = Label !== _multiValueLabel.MultiValueLabel;
96
+ var hasCustomContainer = Container !== _multiValueContainer.MultiValueContainer;
95
97
  var selectStyles = selectProps.styles;
96
98
  var hasCustomMultiValueStyles = Boolean((selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValue) || (selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValueLabel) || (selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValueRemove));
97
99
  var selectClassNames = selectProps.classNames;
@@ -103,7 +105,7 @@ var MultiValue = function MultiValue(props) {
103
105
  var selectGetStyles = (0, _useSelectGetStyles.useSelectGetStyles)();
104
106
  var hasOverriddenGetStyles = selectGetStyles !== undefined && props.getStyles !== selectGetStyles;
105
107
  var hasCustomContainerStyles = hasCustomMultiValueStyles || hasCustomMultiValueClassNames || hasOverriddenGetStyles;
106
- if (ffTagUplifts && isPlainLabel && !hasCustomLabel && !hasCustomContainerStyles) {
108
+ if (ffTagUplifts && isPlainLabel && !hasCustomLabel && !hasCustomContainer && !hasCustomContainerStyles) {
107
109
  var _ref = data !== null && data !== void 0 ? data : {},
108
110
  elemBefore = _ref.elemBefore,
109
111
  tagColor = _ref.color;
@@ -126,7 +128,7 @@ var MultiValue = function MultiValue(props) {
126
128
  }
127
129
 
128
130
  // FF on + custom content → tag-like path
129
- if (ffTagUplifts) {
131
+ if (ffTagUplifts && !hasCustomContainer) {
130
132
  var colorKey = data === null || data === void 0 ? void 0 : data.color;
131
133
  return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
132
134
  "data-multi-value-tag-like": "true"
@@ -4,10 +4,10 @@
4
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
6
  ._1dqonqa1{border-style:solid}
7
+ ._1h6d187o{border-color:var(--ds-background-disabled,#0515240f)}
7
8
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
8
9
  ._1h6d1j28{border-color:transparent}
9
10
  ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
10
- ._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
11
11
  ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}._123byq51:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}
12
12
  ._12ji1r31{outline-color:currentColor}
13
13
  ._12y3idpf{outline-width:0}
@@ -25,9 +25,9 @@
25
25
  ._4cvr1h6o{align-items:center}
26
26
  ._80om73ad{cursor:default}
27
27
  ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
28
+ ._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
28
29
  ._bfhk1j28{background-color:transparent}
29
30
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
30
- ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
31
31
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
32
32
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
33
33
  ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
@@ -35,8 +35,8 @@
35
35
  ._kqswh2mm{position:relative}
36
36
  ._lcxvglyw{pointer-events:none}
37
37
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
38
- ._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
39
38
  ._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
39
+ ._1u6lfrlt:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#0515240f)}
40
40
  ._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
41
41
  ._1u6luvb6:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8c8f97)}
42
42
  ._1u6lvyy1:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
@@ -14,7 +14,7 @@ const styles = {
14
14
  compact: "_1tkezwfg",
15
15
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
16
16
  focusedInvalid: "_16qsvyy1",
17
- disabled: "_1h6dby5v _lcxvglyw _bfhkby5v _1u6l1s3b",
17
+ disabled: "_1h6d187o _lcxvglyw _bfhk187o _1u6lfrlt",
18
18
  focused: "_1h6d1v1w _bfhkr01l _16qsvyy1 _1u6lvyy1 _4cvx1v1w _irr3r01l",
19
19
  subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
20
20
  subtleFocused: "_bfhkvuon",
@@ -8,6 +8,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
8
8
  import Tag from '@atlaskit/tag';
9
9
  import { getStyleProps } from '../get-style-props';
10
10
  import { useSelectGetStyles } from '../internal/use-select-get-styles';
11
+ import { MultiValueContainer as DefaultMultiValueContainer } from './containers/multi-value-container';
11
12
  import { MultiValueLabel } from './multi-value-label';
12
13
  const multiValueTagWrapperStyles = {
13
14
  root: "_16jlidpf _1o9zkb7n _i0dl1wug _1mouze3t _195gze3t _4cvr1h6o _1e0c1txw _1ul9ze3t _zdxokb7n _v5ynkb7n _13lsf1ug _3pxh1h6o _d0dz1txw _1ouwze3t"
@@ -87,6 +88,7 @@ const MultiValue = props => {
87
88
  'multi-value__remove': true
88
89
  });
89
90
  const hasCustomLabel = Label !== MultiValueLabel;
91
+ const hasCustomContainer = Container !== DefaultMultiValueContainer;
90
92
  const selectStyles = selectProps.styles;
91
93
  const hasCustomMultiValueStyles = Boolean((selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValue) || (selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValueLabel) || (selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValueRemove));
92
94
  const selectClassNames = selectProps.classNames;
@@ -98,7 +100,7 @@ const MultiValue = props => {
98
100
  const selectGetStyles = useSelectGetStyles();
99
101
  const hasOverriddenGetStyles = selectGetStyles !== undefined && props.getStyles !== selectGetStyles;
100
102
  const hasCustomContainerStyles = hasCustomMultiValueStyles || hasCustomMultiValueClassNames || hasOverriddenGetStyles;
101
- if (ffTagUplifts && isPlainLabel && !hasCustomLabel && !hasCustomContainerStyles) {
103
+ if (ffTagUplifts && isPlainLabel && !hasCustomLabel && !hasCustomContainer && !hasCustomContainerStyles) {
102
104
  const {
103
105
  elemBefore,
104
106
  color: tagColor
@@ -122,7 +124,7 @@ const MultiValue = props => {
122
124
  }
123
125
 
124
126
  // FF on + custom content → tag-like path
125
- if (ffTagUplifts) {
127
+ if (ffTagUplifts && !hasCustomContainer) {
126
128
  const colorKey = data === null || data === void 0 ? void 0 : data.color;
127
129
  return /*#__PURE__*/React.createElement("div", _extends({
128
130
  "data-multi-value-tag-like": "true"
@@ -4,10 +4,10 @@
4
4
  ._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
5
5
  ._189ee4h9{border-width:var(--ds-border-width,1px)}
6
6
  ._1dqonqa1{border-style:solid}
7
+ ._1h6d187o{border-color:var(--ds-background-disabled,#0515240f)}
7
8
  ._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
8
9
  ._1h6d1j28{border-color:transparent}
9
10
  ._1h6d1v1w{border-color:var(--ds-border-focused,#4688ec)}
10
- ._1h6dby5v{border-color:var(--ds-background-disabled,#17171708)}
11
11
  ._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}._123byq51:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}
12
12
  ._12ji1r31{outline-color:currentColor}
13
13
  ._12y3idpf{outline-width:0}
@@ -25,9 +25,9 @@
25
25
  ._4cvr1h6o{align-items:center}
26
26
  ._80om73ad{cursor:default}
27
27
  ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
28
+ ._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
28
29
  ._bfhk1j28{background-color:transparent}
29
30
  ._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
30
- ._bfhkby5v{background-color:var(--ds-background-disabled,#17171708)}
31
31
  ._bfhkr01l{background-color:var(--ds-background-input-pressed,#fff)}
32
32
  ._bfhkvuon{background-color:var(--ds-surface,#fff)}
33
33
  ._bozgze3t{padding-inline-start:var(--ds-space-0,0)}
@@ -35,8 +35,8 @@
35
35
  ._kqswh2mm{position:relative}
36
36
  ._lcxvglyw{pointer-events:none}
37
37
  ._y4tize3t{padding-inline-end:var(--ds-space-0,0)}
38
- ._1u6l1s3b:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#17171708)}
39
38
  ._1u6l3sij:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
39
+ ._1u6lfrlt:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-background-disabled,#0515240f)}
40
40
  ._1u6lizbr:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
41
41
  ._1u6luvb6:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-input,#8c8f97)}
42
42
  ._1u6lvyy1:focus-within{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
@@ -14,7 +14,7 @@ var styles = {
14
14
  compact: "_1tkezwfg",
15
15
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
16
16
  focusedInvalid: "_16qsvyy1",
17
- disabled: "_1h6dby5v _lcxvglyw _bfhkby5v _1u6l1s3b",
17
+ disabled: "_1h6d187o _lcxvglyw _bfhk187o _1u6lfrlt",
18
18
  focused: "_1h6d1v1w _bfhkr01l _16qsvyy1 _1u6lvyy1 _4cvx1v1w _irr3r01l",
19
19
  subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
20
20
  subtleFocused: "_bfhkvuon",
@@ -11,6 +11,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
11
11
  import Tag from '@atlaskit/tag';
12
12
  import { getStyleProps } from '../get-style-props';
13
13
  import { useSelectGetStyles } from '../internal/use-select-get-styles';
14
+ import { MultiValueContainer as DefaultMultiValueContainer } from './containers/multi-value-container';
14
15
  import { MultiValueLabel } from './multi-value-label';
15
16
  var multiValueTagWrapperStyles = {
16
17
  root: "_16jlidpf _1o9zkb7n _i0dl1wug _1mouze3t _195gze3t _4cvr1h6o _1e0c1txw _1ul9ze3t _zdxokb7n _v5ynkb7n _13lsf1ug _3pxh1h6o _d0dz1txw _1ouwze3t"
@@ -83,6 +84,7 @@ var MultiValue = function MultiValue(props) {
83
84
  removeCss = _getStyleProps3.css,
84
85
  removeClassName = _getStyleProps3.className;
85
86
  var hasCustomLabel = Label !== MultiValueLabel;
87
+ var hasCustomContainer = Container !== DefaultMultiValueContainer;
86
88
  var selectStyles = selectProps.styles;
87
89
  var hasCustomMultiValueStyles = Boolean((selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValue) || (selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValueLabel) || (selectStyles === null || selectStyles === void 0 ? void 0 : selectStyles.multiValueRemove));
88
90
  var selectClassNames = selectProps.classNames;
@@ -94,7 +96,7 @@ var MultiValue = function MultiValue(props) {
94
96
  var selectGetStyles = useSelectGetStyles();
95
97
  var hasOverriddenGetStyles = selectGetStyles !== undefined && props.getStyles !== selectGetStyles;
96
98
  var hasCustomContainerStyles = hasCustomMultiValueStyles || hasCustomMultiValueClassNames || hasOverriddenGetStyles;
97
- if (ffTagUplifts && isPlainLabel && !hasCustomLabel && !hasCustomContainerStyles) {
99
+ if (ffTagUplifts && isPlainLabel && !hasCustomLabel && !hasCustomContainer && !hasCustomContainerStyles) {
98
100
  var _ref = data !== null && data !== void 0 ? data : {},
99
101
  elemBefore = _ref.elemBefore,
100
102
  tagColor = _ref.color;
@@ -117,7 +119,7 @@ var MultiValue = function MultiValue(props) {
117
119
  }
118
120
 
119
121
  // FF on + custom content → tag-like path
120
- if (ffTagUplifts) {
122
+ if (ffTagUplifts && !hasCustomContainer) {
121
123
  var colorKey = data === null || data === void 0 ? void 0 : data.color;
122
124
  return /*#__PURE__*/React.createElement("div", _extends({
123
125
  "data-multi-value-tag-like": "true"
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/dropdown-indicator.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/dropdown-indicator.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/dropdown-indicator.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/filters.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/filters.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/filters.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/group.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/group.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/group.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/group-heading.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/group-heading.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/group-heading.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/indicators-container.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/indicators-container.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/indicators-container.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/input.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/input.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/input.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/loading-indicator.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/loading-indicator.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/loading-indicator.d.ts"
17
10
  }
package/menu/package.json CHANGED
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/menu.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/menu.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/menu.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/menu-list.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/menu-list.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/menu-list.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/menu-portal.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/menu-portal.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/menu-portal.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/multi-value.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/multi-value.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/multi-value.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/multi-value-remove.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/multi-value-remove.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/multi-value-remove.d.ts"
17
10
  }
@@ -6,12 +6,5 @@
6
6
  "sideEffects": [
7
7
  "**/*.compiled.css"
8
8
  ],
9
- "types": "../dist/types/entry-points/option.d.ts",
10
- "typesVersions": {
11
- ">=4.5 <5.9": {
12
- "*": [
13
- "../dist/types-ts4.5/entry-points/option.d.ts"
14
- ]
15
- }
16
- }
9
+ "types": "../dist/types/entry-points/option.d.ts"
17
10
  }