@atlaskit/react-select 3.15.5 → 3.16.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 (263) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/accessibility/package.json +17 -0
  3. package/async/package.json +5 -5
  4. package/async-creatable/package.json +5 -5
  5. package/base/package.json +5 -5
  6. package/clear-indicator/package.json +17 -0
  7. package/components/package.json +17 -0
  8. package/control/package.json +17 -0
  9. package/creatable/package.json +5 -5
  10. package/dist/cjs/async.js +1 -6
  11. package/dist/cjs/builtins.js +28 -15
  12. package/dist/cjs/colors.js +25 -0
  13. package/dist/cjs/compiled/components/indicators-container.compiled.css +5 -0
  14. package/dist/cjs/compiled/components/indicators-container.js +40 -0
  15. package/dist/cjs/compiled/components/select-container.compiled.css +6 -0
  16. package/dist/cjs/compiled/components/select-container.js +52 -0
  17. package/dist/cjs/compiled/components/value-container.compiled.css +20 -0
  18. package/dist/cjs/compiled/components/{containers.js → value-container.js} +7 -69
  19. package/dist/cjs/creatable.js +1 -6
  20. package/dist/cjs/entry-points/accessibility.js +12 -0
  21. package/dist/cjs/entry-points/async-creatable.js +13 -0
  22. package/dist/cjs/entry-points/async.js +20 -0
  23. package/dist/cjs/entry-points/base.js +20 -0
  24. package/dist/cjs/entry-points/clear-indicator.js +12 -0
  25. package/dist/cjs/entry-points/components.js +18 -0
  26. package/dist/cjs/entry-points/control.js +13 -0
  27. package/dist/cjs/entry-points/creatable.js +20 -0
  28. package/dist/cjs/entry-points/dropdown-indicator.js +12 -0
  29. package/dist/cjs/entry-points/filters.js +12 -0
  30. package/dist/cjs/entry-points/group-heading.js +12 -0
  31. package/dist/cjs/entry-points/group.js +13 -0
  32. package/dist/cjs/entry-points/indicators-container.js +12 -0
  33. package/dist/cjs/entry-points/input.js +13 -0
  34. package/dist/cjs/entry-points/loading-indicator.js +12 -0
  35. package/dist/cjs/entry-points/menu-list.js +12 -0
  36. package/dist/cjs/entry-points/menu-portal.js +12 -0
  37. package/dist/cjs/entry-points/menu.js +13 -0
  38. package/dist/cjs/entry-points/multi-value-remove.js +12 -0
  39. package/dist/cjs/entry-points/multi-value.js +13 -0
  40. package/dist/cjs/entry-points/option.js +13 -0
  41. package/dist/cjs/entry-points/placeholder.js +13 -0
  42. package/dist/cjs/entry-points/select-container.js +12 -0
  43. package/dist/cjs/entry-points/single-value.js +13 -0
  44. package/dist/cjs/entry-points/state-manager.js +13 -0
  45. package/dist/cjs/entry-points/styles.js +12 -0
  46. package/dist/cjs/entry-points/types.js +1 -0
  47. package/dist/cjs/entry-points/use-async.js +13 -0
  48. package/dist/cjs/entry-points/use-creatable.js +13 -0
  49. package/dist/cjs/entry-points/use-state-manager.js +13 -0
  50. package/dist/cjs/entry-points/value-container.js +12 -0
  51. package/dist/cjs/format-group-label.js +11 -0
  52. package/dist/cjs/get-option-label.js +11 -0
  53. package/dist/cjs/get-option-value.js +11 -0
  54. package/dist/cjs/is-option-disabled.js +11 -0
  55. package/dist/cjs/theme.js +8 -26
  56. package/dist/es2019/async.js +0 -1
  57. package/dist/es2019/builtins.js +4 -4
  58. package/dist/es2019/colors.js +19 -0
  59. package/dist/es2019/compiled/components/indicators-container.compiled.css +5 -0
  60. package/dist/es2019/compiled/components/indicators-container.js +35 -0
  61. package/dist/es2019/compiled/components/select-container.compiled.css +6 -0
  62. package/dist/es2019/compiled/components/select-container.js +47 -0
  63. package/dist/es2019/compiled/components/value-container.compiled.css +20 -0
  64. package/dist/es2019/compiled/components/{containers.js → value-container.js} +2 -70
  65. package/dist/es2019/creatable.js +1 -1
  66. package/dist/es2019/entry-points/accessibility.js +1 -0
  67. package/dist/es2019/entry-points/async-creatable.js +1 -0
  68. package/dist/es2019/entry-points/async.js +2 -0
  69. package/dist/es2019/entry-points/base.js +2 -0
  70. package/dist/es2019/entry-points/clear-indicator.js +1 -0
  71. package/dist/es2019/entry-points/components.js +1 -0
  72. package/dist/es2019/entry-points/control.js +1 -0
  73. package/dist/es2019/entry-points/creatable.js +2 -0
  74. package/dist/es2019/entry-points/dropdown-indicator.js +1 -0
  75. package/dist/es2019/entry-points/filters.js +1 -0
  76. package/dist/es2019/entry-points/group-heading.js +1 -0
  77. package/dist/es2019/entry-points/group.js +1 -0
  78. package/dist/es2019/entry-points/indicators-container.js +1 -0
  79. package/dist/es2019/entry-points/input.js +1 -0
  80. package/dist/es2019/entry-points/loading-indicator.js +1 -0
  81. package/dist/es2019/entry-points/menu-list.js +1 -0
  82. package/dist/es2019/entry-points/menu-portal.js +1 -0
  83. package/dist/es2019/entry-points/menu.js +1 -0
  84. package/dist/es2019/entry-points/multi-value-remove.js +1 -0
  85. package/dist/es2019/entry-points/multi-value.js +1 -0
  86. package/dist/es2019/entry-points/option.js +1 -0
  87. package/dist/es2019/entry-points/placeholder.js +1 -0
  88. package/dist/es2019/entry-points/select-container.js +1 -0
  89. package/dist/es2019/entry-points/single-value.js +1 -0
  90. package/dist/es2019/entry-points/state-manager.js +1 -0
  91. package/dist/es2019/entry-points/styles.js +1 -0
  92. package/dist/es2019/entry-points/types.js +0 -0
  93. package/dist/es2019/entry-points/use-async.js +1 -0
  94. package/dist/es2019/entry-points/use-creatable.js +1 -0
  95. package/dist/es2019/entry-points/use-state-manager.js +1 -0
  96. package/dist/es2019/entry-points/value-container.js +1 -0
  97. package/dist/es2019/format-group-label.js +3 -0
  98. package/dist/es2019/get-option-label.js +3 -0
  99. package/dist/es2019/get-option-value.js +3 -0
  100. package/dist/es2019/is-option-disabled.js +3 -0
  101. package/dist/es2019/theme.js +1 -25
  102. package/dist/esm/async.js +0 -1
  103. package/dist/esm/builtins.js +4 -12
  104. package/dist/esm/colors.js +19 -0
  105. package/dist/esm/compiled/components/indicators-container.compiled.css +5 -0
  106. package/dist/esm/compiled/components/indicators-container.js +32 -0
  107. package/dist/esm/compiled/components/select-container.compiled.css +6 -0
  108. package/dist/esm/compiled/components/select-container.js +44 -0
  109. package/dist/esm/compiled/components/value-container.compiled.css +20 -0
  110. package/dist/esm/compiled/components/value-container.js +50 -0
  111. package/dist/esm/creatable.js +1 -1
  112. package/dist/esm/entry-points/accessibility.js +1 -0
  113. package/dist/esm/entry-points/async-creatable.js +1 -0
  114. package/dist/esm/entry-points/async.js +2 -0
  115. package/dist/esm/entry-points/base.js +2 -0
  116. package/dist/esm/entry-points/clear-indicator.js +1 -0
  117. package/dist/esm/entry-points/components.js +1 -0
  118. package/dist/esm/entry-points/control.js +1 -0
  119. package/dist/esm/entry-points/creatable.js +2 -0
  120. package/dist/esm/entry-points/dropdown-indicator.js +1 -0
  121. package/dist/esm/entry-points/filters.js +1 -0
  122. package/dist/esm/entry-points/group-heading.js +1 -0
  123. package/dist/esm/entry-points/group.js +1 -0
  124. package/dist/esm/entry-points/indicators-container.js +1 -0
  125. package/dist/esm/entry-points/input.js +1 -0
  126. package/dist/esm/entry-points/loading-indicator.js +1 -0
  127. package/dist/esm/entry-points/menu-list.js +1 -0
  128. package/dist/esm/entry-points/menu-portal.js +1 -0
  129. package/dist/esm/entry-points/menu.js +1 -0
  130. package/dist/esm/entry-points/multi-value-remove.js +1 -0
  131. package/dist/esm/entry-points/multi-value.js +1 -0
  132. package/dist/esm/entry-points/option.js +1 -0
  133. package/dist/esm/entry-points/placeholder.js +1 -0
  134. package/dist/esm/entry-points/select-container.js +1 -0
  135. package/dist/esm/entry-points/single-value.js +1 -0
  136. package/dist/esm/entry-points/state-manager.js +1 -0
  137. package/dist/esm/entry-points/styles.js +1 -0
  138. package/dist/esm/entry-points/types.js +0 -0
  139. package/dist/esm/entry-points/use-async.js +1 -0
  140. package/dist/esm/entry-points/use-creatable.js +1 -0
  141. package/dist/esm/entry-points/use-state-manager.js +1 -0
  142. package/dist/esm/entry-points/value-container.js +1 -0
  143. package/dist/esm/format-group-label.js +5 -0
  144. package/dist/esm/get-option-label.js +5 -0
  145. package/dist/esm/get-option-value.js +5 -0
  146. package/dist/esm/is-option-disabled.js +5 -0
  147. package/dist/esm/theme.js +1 -25
  148. package/dist/types/async.d.ts +1 -2
  149. package/dist/types/builtins.d.ts +4 -5
  150. package/dist/types/colors.d.ts +19 -0
  151. package/dist/types/compiled/components/indicators-container.d.ts +18 -0
  152. package/dist/types/compiled/components/select-container.d.ts +22 -0
  153. package/dist/types/compiled/components/value-container.d.ts +22 -0
  154. package/dist/types/creatable.d.ts +1 -2
  155. package/dist/types/entry-points/accessibility.d.ts +2 -0
  156. package/dist/types/entry-points/async-creatable.d.ts +2 -0
  157. package/dist/types/entry-points/async.d.ts +3 -0
  158. package/dist/types/entry-points/base.d.ts +3 -0
  159. package/dist/types/entry-points/clear-indicator.d.ts +2 -0
  160. package/dist/types/entry-points/components.d.ts +2 -0
  161. package/dist/types/entry-points/control.d.ts +2 -0
  162. package/dist/types/entry-points/creatable.d.ts +3 -0
  163. package/dist/types/entry-points/dropdown-indicator.d.ts +2 -0
  164. package/dist/types/entry-points/filters.d.ts +2 -0
  165. package/dist/types/entry-points/group-heading.d.ts +2 -0
  166. package/dist/types/entry-points/group.d.ts +2 -0
  167. package/dist/types/entry-points/indicators-container.d.ts +2 -0
  168. package/dist/types/entry-points/input.d.ts +2 -0
  169. package/dist/types/entry-points/loading-indicator.d.ts +2 -0
  170. package/dist/types/entry-points/menu-list.d.ts +2 -0
  171. package/dist/types/entry-points/menu-portal.d.ts +2 -0
  172. package/dist/types/entry-points/menu.d.ts +2 -0
  173. package/dist/types/entry-points/multi-value-remove.d.ts +2 -0
  174. package/dist/types/entry-points/multi-value.d.ts +2 -0
  175. package/dist/types/entry-points/option.d.ts +2 -0
  176. package/dist/types/entry-points/placeholder.d.ts +2 -0
  177. package/dist/types/entry-points/select-container.d.ts +2 -0
  178. package/dist/types/entry-points/single-value.d.ts +2 -0
  179. package/dist/types/entry-points/state-manager.d.ts +1 -0
  180. package/dist/types/entry-points/styles.d.ts +2 -0
  181. package/dist/types/entry-points/types.d.ts +1 -0
  182. package/dist/types/entry-points/use-async.d.ts +2 -0
  183. package/dist/types/entry-points/use-creatable.d.ts +2 -0
  184. package/dist/types/entry-points/use-state-manager.d.ts +2 -0
  185. package/dist/types/entry-points/value-container.d.ts +2 -0
  186. package/dist/types/format-group-label.d.ts +2 -0
  187. package/dist/types/get-option-label.d.ts +1 -0
  188. package/dist/types/get-option-value.d.ts +1 -0
  189. package/dist/types/is-option-disabled.d.ts +1 -0
  190. package/dist/types/theme.d.ts +1 -21
  191. package/dist/types-ts4.5/async.d.ts +1 -2
  192. package/dist/types-ts4.5/builtins.d.ts +4 -5
  193. package/dist/types-ts4.5/colors.d.ts +19 -0
  194. package/dist/types-ts4.5/compiled/components/indicators-container.d.ts +18 -0
  195. package/dist/types-ts4.5/compiled/components/select-container.d.ts +22 -0
  196. package/dist/types-ts4.5/compiled/components/value-container.d.ts +22 -0
  197. package/dist/types-ts4.5/creatable.d.ts +1 -2
  198. package/dist/types-ts4.5/entry-points/accessibility.d.ts +2 -0
  199. package/dist/types-ts4.5/entry-points/async-creatable.d.ts +2 -0
  200. package/dist/types-ts4.5/entry-points/async.d.ts +3 -0
  201. package/dist/types-ts4.5/entry-points/base.d.ts +3 -0
  202. package/dist/types-ts4.5/entry-points/clear-indicator.d.ts +2 -0
  203. package/dist/types-ts4.5/entry-points/components.d.ts +2 -0
  204. package/dist/types-ts4.5/entry-points/control.d.ts +2 -0
  205. package/dist/types-ts4.5/entry-points/creatable.d.ts +3 -0
  206. package/dist/types-ts4.5/entry-points/dropdown-indicator.d.ts +2 -0
  207. package/dist/types-ts4.5/entry-points/filters.d.ts +2 -0
  208. package/dist/types-ts4.5/entry-points/group-heading.d.ts +2 -0
  209. package/dist/types-ts4.5/entry-points/group.d.ts +2 -0
  210. package/dist/types-ts4.5/entry-points/indicators-container.d.ts +2 -0
  211. package/dist/types-ts4.5/entry-points/input.d.ts +2 -0
  212. package/dist/types-ts4.5/entry-points/loading-indicator.d.ts +2 -0
  213. package/dist/types-ts4.5/entry-points/menu-list.d.ts +2 -0
  214. package/dist/types-ts4.5/entry-points/menu-portal.d.ts +2 -0
  215. package/dist/types-ts4.5/entry-points/menu.d.ts +2 -0
  216. package/dist/types-ts4.5/entry-points/multi-value-remove.d.ts +2 -0
  217. package/dist/types-ts4.5/entry-points/multi-value.d.ts +2 -0
  218. package/dist/types-ts4.5/entry-points/option.d.ts +2 -0
  219. package/dist/types-ts4.5/entry-points/placeholder.d.ts +2 -0
  220. package/dist/types-ts4.5/entry-points/select-container.d.ts +2 -0
  221. package/dist/types-ts4.5/entry-points/single-value.d.ts +2 -0
  222. package/dist/types-ts4.5/entry-points/state-manager.d.ts +1 -0
  223. package/dist/types-ts4.5/entry-points/styles.d.ts +2 -0
  224. package/dist/types-ts4.5/entry-points/types.d.ts +1 -0
  225. package/dist/types-ts4.5/entry-points/use-async.d.ts +2 -0
  226. package/dist/types-ts4.5/entry-points/use-creatable.d.ts +2 -0
  227. package/dist/types-ts4.5/entry-points/use-state-manager.d.ts +2 -0
  228. package/dist/types-ts4.5/entry-points/value-container.d.ts +2 -0
  229. package/dist/types-ts4.5/format-group-label.d.ts +2 -0
  230. package/dist/types-ts4.5/get-option-label.d.ts +1 -0
  231. package/dist/types-ts4.5/get-option-value.d.ts +1 -0
  232. package/dist/types-ts4.5/is-option-disabled.d.ts +1 -0
  233. package/dist/types-ts4.5/theme.d.ts +1 -21
  234. package/dropdown-indicator/package.json +17 -0
  235. package/filters/package.json +17 -0
  236. package/group/package.json +17 -0
  237. package/group-heading/package.json +17 -0
  238. package/indicators-container/package.json +17 -0
  239. package/input/package.json +17 -0
  240. package/loading-indicator/package.json +17 -0
  241. package/menu/package.json +17 -0
  242. package/menu-list/package.json +17 -0
  243. package/menu-portal/package.json +17 -0
  244. package/multi-value/package.json +17 -0
  245. package/multi-value-remove/package.json +17 -0
  246. package/option/package.json +17 -0
  247. package/package.json +5 -5
  248. package/placeholder/package.json +17 -0
  249. package/select-container/package.json +17 -0
  250. package/single-value/package.json +17 -0
  251. package/state-manager/package.json +17 -0
  252. package/styles/package.json +17 -0
  253. package/types/package.json +5 -5
  254. package/use-async/package.json +17 -0
  255. package/use-creatable/package.json +17 -0
  256. package/use-state-manager/package.json +17 -0
  257. package/value-container/package.json +17 -0
  258. package/dist/cjs/compiled/components/containers.compiled.css +0 -28
  259. package/dist/es2019/compiled/components/containers.compiled.css +0 -28
  260. package/dist/esm/compiled/components/containers.compiled.css +0 -28
  261. package/dist/esm/compiled/components/containers.js +0 -112
  262. package/dist/types/compiled/components/containers.d.ts +0 -50
  263. package/dist/types-ts4.5/compiled/components/containers.d.ts +0 -50
@@ -1,52 +1,12 @@
1
- /* containers.tsx generated by @compiled/babel-plugin v0.39.1 */
1
+ /* value-container.tsx generated by @compiled/babel-plugin v0.39.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
- import "./containers.compiled.css";
3
+ import "./value-container.compiled.css";
4
4
  import * as React from 'react';
5
5
  import { ax, ix } from "@compiled/react/runtime";
6
6
  import { cx } from '@compiled/react';
7
7
  import { fg } from '@atlaskit/platform-feature-flags';
8
8
  import { getStyleProps } from '../../get-style-props';
9
9
 
10
- // ==============================
11
- // Root Container
12
- // ==============================
13
-
14
- // iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
15
- // To prevent this zoom behaviour on mobile devices, the select container uses font.body.large (16px) by default,
16
- // then switches to the smaller font.body on screens wider than 30rem (desktop).
17
- // @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
18
-
19
- const containerStyles = {
20
- default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
21
- rtl: "_1eim1xrj",
22
- disabled: "_80om13gf"
23
- };
24
-
25
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
26
- export const SelectContainer = props => {
27
- const {
28
- children,
29
- innerProps,
30
- isDisabled,
31
- isRtl,
32
- xcss
33
- } = props;
34
- const {
35
- className,
36
- css
37
- } = getStyleProps(props, 'container', {
38
- '--is-disabled': isDisabled,
39
- '--is-rtl': isRtl
40
- });
41
- return /*#__PURE__*/React.createElement("div", _extends({
42
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
43
- className: ax([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, cx(className, xcss, '-container')])
44
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
45
- ,
46
- style: css
47
- }, innerProps), children);
48
- };
49
-
50
10
  // ==============================
51
11
  // Value Container
52
12
  // ==============================
@@ -92,32 +52,4 @@ export const ValueContainer = props => {
92
52
  ,
93
53
  style: css
94
54
  }, innerProps), children);
95
- };
96
-
97
- // ==============================
98
- // Indicator Container
99
- // ==============================
100
-
101
- const indicatorContainerStyles = null;
102
-
103
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
104
- export const IndicatorsContainer = props => {
105
- const {
106
- children,
107
- innerProps,
108
- xcss
109
- } = props;
110
- const {
111
- css,
112
- className
113
- } = getStyleProps(props, 'indicatorsContainer', {
114
- indicators: true
115
- });
116
- return /*#__PURE__*/React.createElement("div", _extends({
117
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
118
- style: css
119
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
120
- ,
121
- className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", cx(className, xcss, '-IndicatorsContainer')])
122
- }, innerProps), children);
123
55
  };
@@ -10,6 +10,6 @@ const CreatableSelect = /*#__PURE__*/forwardRef((props, ref) => {
10
10
  ref: ref
11
11
  }, selectProps));
12
12
  });
13
- export { useCreatable };
13
+
14
14
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
15
15
  export default CreatableSelect;
@@ -0,0 +1 @@
1
+ export { defaultAriaLiveMessages } from '../accessibility/index';
@@ -0,0 +1 @@
1
+ export { default } from '../async-creatable';
@@ -0,0 +1,2 @@
1
+ export { default as useAsync } from '../use-async';
2
+ export { default } from '../async';
@@ -0,0 +1,2 @@
1
+ export { defaultProps } from '../select';
2
+ export { default } from '../select';
@@ -0,0 +1 @@
1
+ export { ClearIndicator } from '../components/indicators/clear-indicator';
@@ -0,0 +1 @@
1
+ export { components, defaultComponents } from '../components/index';
@@ -0,0 +1 @@
1
+ export { default } from '../components/control';
@@ -0,0 +1,2 @@
1
+ export { default as useCreatable } from '../use-creatable';
2
+ export { default } from '../creatable';
@@ -0,0 +1 @@
1
+ export { DropdownIndicator } from '../components/indicators/dropdown-indicator';
@@ -0,0 +1 @@
1
+ export { createFilter } from '../filters';
@@ -0,0 +1 @@
1
+ export { GroupHeading } from '../components/group-heading';
@@ -0,0 +1 @@
1
+ export { default } from '../components/group';
@@ -0,0 +1 @@
1
+ export { IndicatorsContainer } from '../components/containers/indicators-container';
@@ -0,0 +1 @@
1
+ export { default } from '../components/input';
@@ -0,0 +1 @@
1
+ export { LoadingIndicator } from '../components/indicators/loading-indicator';
@@ -0,0 +1 @@
1
+ export { MenuList } from '../components/menu-list';
@@ -0,0 +1 @@
1
+ export { MenuPortal } from '../components/menu-portal';
@@ -0,0 +1 @@
1
+ export { default } from '../components/menu';
@@ -0,0 +1 @@
1
+ export { MultiValueRemove } from '../components/multi-value-remove';
@@ -0,0 +1 @@
1
+ export { default } from '../components/multi-value';
@@ -0,0 +1 @@
1
+ export { default } from '../components/option';
@@ -0,0 +1 @@
1
+ export { default } from '../components/placeholder';
@@ -0,0 +1 @@
1
+ export { SelectContainer } from '../components/containers/select-container';
@@ -0,0 +1 @@
1
+ export { default } from '../components/single-value';
@@ -0,0 +1 @@
1
+ export { default } from '../state-manager';
@@ -0,0 +1 @@
1
+ export { mergeStyles } from '../styles';
File without changes
@@ -0,0 +1 @@
1
+ export { default } from '../use-async';
@@ -0,0 +1 @@
1
+ export { default } from '../use-creatable';
@@ -0,0 +1 @@
1
+ export { default } from '../use-state-manager';
@@ -0,0 +1 @@
1
+ export { ValueContainer } from '../components/containers/value-container';
@@ -0,0 +1,3 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export const formatGroupLabel = group => group.label;
@@ -0,0 +1,3 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export const getOptionLabel = option => option.label;
@@ -0,0 +1,3 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export const getOptionValue = option => option.value;
@@ -0,0 +1,3 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export const isOptionDisabled = option => !!option.isDisabled;
@@ -1,23 +1,3 @@
1
- export const colors = {
2
- primary: '#2684FF',
3
- primary75: '#4C9AFF',
4
- primary50: '#B2D4FF',
5
- primary25: '#DEEBFF',
6
- danger: '#DE350B',
7
- dangerLight: '#FFBDAD',
8
- neutral0: 'hsl(0, 0%, 100%)',
9
- neutral5: 'hsl(0, 0%, 95%)',
10
- neutral10: 'hsl(0, 0%, 90%)',
11
- neutral20: 'hsl(0, 0%, 80%)',
12
- neutral30: 'hsl(0, 0%, 70%)',
13
- neutral40: 'hsl(0, 0%, 60%)',
14
- neutral50: 'hsl(0, 0%, 50%)',
15
- neutral60: 'hsl(0, 0%, 40%)',
16
- neutral70: 'hsl(0, 0%, 30%)',
17
- neutral80: 'hsl(0, 0%, 20%)',
18
- neutral90: 'hsl(0, 0%, 10%)'
19
- };
20
- const borderRadius = 4;
21
1
  // Used to calculate consistent margin/padding on elements
22
2
  const baseUnit = 4;
23
3
  // The minimum height of the control
@@ -29,8 +9,4 @@ export const spacing = {
29
9
  controlHeight,
30
10
  menuGutter
31
11
  };
32
- export const defaultTheme = {
33
- borderRadius,
34
- colors,
35
- spacing
36
- };
12
+ export { colors } from './colors';
package/dist/esm/async.js CHANGED
@@ -14,7 +14,6 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (props, ref) {
14
14
  ref: ref
15
15
  }, selectProps));
16
16
  });
17
- export { useAsync };
18
17
 
19
18
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
20
19
  export default AsyncSelect;
@@ -1,14 +1,6 @@
1
1
  /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
2
 
3
- export var formatGroupLabel = function formatGroupLabel(group) {
4
- return group.label;
5
- };
6
- export var getOptionLabel = function getOptionLabel(option) {
7
- return option.label;
8
- };
9
- export var getOptionValue = function getOptionValue(option) {
10
- return option.value;
11
- };
12
- export var isOptionDisabled = function isOptionDisabled(option) {
13
- return !!option.isDisabled;
14
- };
3
+ export { formatGroupLabel } from './format-group-label';
4
+ export { getOptionLabel } from './get-option-label';
5
+ export { getOptionValue } from './get-option-value';
6
+ export { isOptionDisabled } from './is-option-disabled';
@@ -0,0 +1,19 @@
1
+ export var colors = {
2
+ primary: '#2684FF',
3
+ primary75: '#4C9AFF',
4
+ primary50: '#B2D4FF',
5
+ primary25: '#DEEBFF',
6
+ danger: '#DE350B',
7
+ dangerLight: '#FFBDAD',
8
+ neutral0: 'hsl(0, 0%, 100%)',
9
+ neutral5: 'hsl(0, 0%, 95%)',
10
+ neutral10: 'hsl(0, 0%, 90%)',
11
+ neutral20: 'hsl(0, 0%, 80%)',
12
+ neutral30: 'hsl(0, 0%, 70%)',
13
+ neutral40: 'hsl(0, 0%, 60%)',
14
+ neutral50: 'hsl(0, 0%, 50%)',
15
+ neutral60: 'hsl(0, 0%, 40%)',
16
+ neutral70: 'hsl(0, 0%, 30%)',
17
+ neutral80: 'hsl(0, 0%, 20%)',
18
+ neutral90: 'hsl(0, 0%, 10%)'
19
+ };
@@ -0,0 +1,5 @@
1
+ ._1e0c1txw{display:flex}
2
+ ._1o9zidpf{flex-shrink:0}
3
+ ._1wpz1fhb{align-self:stretch}
4
+ ._4cvr1h6o{align-items:center}
5
+ ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
@@ -0,0 +1,32 @@
1
+ /* indicators-container.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import "./indicators-container.compiled.css";
4
+ import * as React from 'react';
5
+ import { ax, ix } from "@compiled/react/runtime";
6
+ import { cx } from '@compiled/react';
7
+ import { getStyleProps } from '../../get-style-props';
8
+
9
+ // ==============================
10
+ // Indicator Container
11
+ // ==============================
12
+
13
+ var indicatorContainerStyles = null;
14
+
15
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
16
+ export var IndicatorsContainer = function IndicatorsContainer(props) {
17
+ var children = props.children,
18
+ innerProps = props.innerProps,
19
+ xcss = props.xcss;
20
+ var _getStyleProps = getStyleProps(props, 'indicatorsContainer', {
21
+ indicators: true
22
+ }),
23
+ css = _getStyleProps.css,
24
+ className = _getStyleProps.className;
25
+ return /*#__PURE__*/React.createElement("div", _extends({
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
27
+ style: css
28
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
29
+ ,
30
+ className: ax(["_1e0c1txw _4cvr1h6o _1o9zidpf _1wpz1fhb _y4ti1b66", cx(className, xcss, '-IndicatorsContainer')])
31
+ }, innerProps), children);
32
+ };
@@ -0,0 +1,6 @@
1
+ ._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
2
+ ._1eim1xrj{direction:rtl}
3
+ ._80om13gf{cursor:not-allowed}
4
+ ._kqswh2mm{position:relative}
5
+ ._lcxv1rj4{pointer-events:all}
6
+ @media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}}
@@ -0,0 +1,44 @@
1
+ /* select-container.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import "./select-container.compiled.css";
4
+ import * as React from 'react';
5
+ import { ax, ix } from "@compiled/react/runtime";
6
+ import { cx } from '@compiled/react';
7
+ import { getStyleProps } from '../../get-style-props';
8
+
9
+ // ==============================
10
+ // Root Container
11
+ // ==============================
12
+
13
+ // iOS Safari automatically zooms into form inputs on focus when the font size is less than 16px.
14
+ // To prevent this zoom behaviour on mobile devices, the select container uses font.body.large (16px) by default,
15
+ // then switches to the smaller font.body on screens wider than 30rem (desktop).
16
+ // @see: https://medium.com/@rares.popescu/2-ways-to-avoid-the-automatic-zoom-in-on-input-fields-8a71479e542e
17
+
18
+ var containerStyles = {
19
+ default: "_11c81d4k _kqswh2mm _lcxv1rj4 _1tn2fhey",
20
+ rtl: "_1eim1xrj",
21
+ disabled: "_80om13gf"
22
+ };
23
+
24
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
25
+ export var SelectContainer = function SelectContainer(props) {
26
+ var children = props.children,
27
+ innerProps = props.innerProps,
28
+ isDisabled = props.isDisabled,
29
+ isRtl = props.isRtl,
30
+ xcss = props.xcss;
31
+ var _getStyleProps = getStyleProps(props, 'container', {
32
+ '--is-disabled': isDisabled,
33
+ '--is-rtl': isRtl
34
+ }),
35
+ className = _getStyleProps.className,
36
+ css = _getStyleProps.css;
37
+ return /*#__PURE__*/React.createElement("div", _extends({
38
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
39
+ className: ax([containerStyles.default, isRtl && containerStyles.rtl, isDisabled && containerStyles.disabled, cx(className, xcss, '-container')])
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
41
+ ,
42
+ style: css
43
+ }, innerProps), children);
44
+ };
@@ -0,0 +1,20 @@
1
+
2
+ ._zulp1b66{gap:var(--ds-space-050,4px)}._16jlkb7n{flex-grow:1}
3
+ ._18m915vq{overflow-y:hidden}
4
+ ._1e0c11p5{display:grid}
5
+ ._1e0c1txw{display:flex}
6
+ ._1n261g80{flex-wrap:wrap}
7
+ ._1o9zkb7n{flex-shrink:1}
8
+ ._1q511b66{padding-block-start:var(--ds-space-050,4px)}
9
+ ._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
10
+ ._1q51ze3t{padding-block-start:var(--ds-space-0,0)}
11
+ ._1reo15vq{overflow-x:hidden}
12
+ ._4cvr1h6o{align-items:center}
13
+ ._85i51b66{padding-block-end:var(--ds-space-050,4px)}
14
+ ._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
15
+ ._85i5ze3t{padding-block-end:var(--ds-space-0,0)}
16
+ ._8am5i4x0{-webkit-overflow-scrolling:touch}
17
+ ._bozg12x7{padding-inline-start:var(--ds-space-075,6px)}
18
+ ._i0dlf1ug{flex-basis:0%}
19
+ ._kqswh2mm{position:relative}
20
+ ._y4ti12x7{padding-inline-end:var(--ds-space-075,6px)}
@@ -0,0 +1,50 @@
1
+ /* value-container.tsx generated by @compiled/babel-plugin v0.39.1 */
2
+ import _extends from "@babel/runtime/helpers/extends";
3
+ import "./value-container.compiled.css";
4
+ import * as React from 'react';
5
+ import { ax, ix } from "@compiled/react/runtime";
6
+ import { cx } from '@compiled/react';
7
+ import { fg } from '@atlaskit/platform-feature-flags';
8
+ import { getStyleProps } from '../../get-style-props';
9
+
10
+ // ==============================
11
+ // Value Container
12
+ // ==============================
13
+
14
+ var valueContainerStyles = {
15
+ default: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo15vq _18m915vq _4cvr1h6o _1e0c11p5 _1n261g80 _8am5i4x0 _kqswh2mm _y4ti12x7 _bozg12x7",
16
+ verticalPaddingStandard: "_1q51v77o _85i5v77o",
17
+ verticalPaddingTagUpliftMulti: "_1q511b66 _85i51b66",
18
+ verticalPaddingTagUpliftCompactMulti: "_1q51v77o _85i5v77o",
19
+ verticalPaddingCompactNonUplift: "_1q51ze3t _85i5ze3t",
20
+ flex: "_1e0c1txw",
21
+ flexWithGap: "_zulp1b66 _1e0c1txw _1n261g80"
22
+ };
23
+
24
+ // eslint-disable-next-line @repo/internal/react/require-jsdoc
25
+ export var ValueContainer = function ValueContainer(props) {
26
+ var children = props.children,
27
+ innerProps = props.innerProps,
28
+ isMulti = props.isMulti,
29
+ hasValue = props.hasValue,
30
+ isCompact = props.isCompact,
31
+ xcss = props.xcss,
32
+ controlShouldRenderValue = props.selectProps.controlShouldRenderValue;
33
+ var _getStyleProps = getStyleProps(props, 'valueContainer', {
34
+ 'value-container': true,
35
+ 'value-container--is-multi': isMulti,
36
+ 'value-container--has-value': hasValue
37
+ }),
38
+ css = _getStyleProps.css,
39
+ className = _getStyleProps.className;
40
+ var ffTagUplifts = fg('platform-dst-lozenge-tag-badge-visual-uplifts');
41
+ var tagUpliftMultiVertical = ffTagUplifts && isMulti;
42
+ var tagUpliftChipRow = ffTagUplifts && isMulti && hasValue && controlShouldRenderValue;
43
+ return /*#__PURE__*/React.createElement("div", _extends({
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
45
+ className: ax([valueContainerStyles.default, tagUpliftMultiVertical && isCompact && valueContainerStyles.verticalPaddingTagUpliftCompactMulti, tagUpliftMultiVertical && !isCompact && valueContainerStyles.verticalPaddingTagUpliftMulti, !tagUpliftMultiVertical && !isCompact && valueContainerStyles.verticalPaddingStandard, !tagUpliftMultiVertical && isCompact && valueContainerStyles.verticalPaddingCompactNonUplift, isMulti && hasValue && controlShouldRenderValue && valueContainerStyles.flex, tagUpliftChipRow && valueContainerStyles.flexWithGap, cx(className, xcss, '-ValueContainer')])
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
47
+ ,
48
+ style: css
49
+ }, innerProps), children);
50
+ };
@@ -10,6 +10,6 @@ var CreatableSelect = /*#__PURE__*/forwardRef(function (props, ref) {
10
10
  ref: ref
11
11
  }, selectProps));
12
12
  });
13
- export { useCreatable };
13
+
14
14
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
15
15
  export default CreatableSelect;
@@ -0,0 +1 @@
1
+ export { defaultAriaLiveMessages } from '../accessibility/index';
@@ -0,0 +1 @@
1
+ export { default } from '../async-creatable';
@@ -0,0 +1,2 @@
1
+ export { default as useAsync } from '../use-async';
2
+ export { default } from '../async';
@@ -0,0 +1,2 @@
1
+ export { defaultProps } from '../select';
2
+ export { default } from '../select';
@@ -0,0 +1 @@
1
+ export { ClearIndicator } from '../components/indicators/clear-indicator';
@@ -0,0 +1 @@
1
+ export { components, defaultComponents } from '../components/index';
@@ -0,0 +1 @@
1
+ export { default } from '../components/control';
@@ -0,0 +1,2 @@
1
+ export { default as useCreatable } from '../use-creatable';
2
+ export { default } from '../creatable';
@@ -0,0 +1 @@
1
+ export { DropdownIndicator } from '../components/indicators/dropdown-indicator';
@@ -0,0 +1 @@
1
+ export { createFilter } from '../filters';
@@ -0,0 +1 @@
1
+ export { GroupHeading } from '../components/group-heading';
@@ -0,0 +1 @@
1
+ export { default } from '../components/group';
@@ -0,0 +1 @@
1
+ export { IndicatorsContainer } from '../components/containers/indicators-container';
@@ -0,0 +1 @@
1
+ export { default } from '../components/input';
@@ -0,0 +1 @@
1
+ export { LoadingIndicator } from '../components/indicators/loading-indicator';
@@ -0,0 +1 @@
1
+ export { MenuList } from '../components/menu-list';
@@ -0,0 +1 @@
1
+ export { MenuPortal } from '../components/menu-portal';
@@ -0,0 +1 @@
1
+ export { default } from '../components/menu';
@@ -0,0 +1 @@
1
+ export { MultiValueRemove } from '../components/multi-value-remove';
@@ -0,0 +1 @@
1
+ export { default } from '../components/multi-value';
@@ -0,0 +1 @@
1
+ export { default } from '../components/option';
@@ -0,0 +1 @@
1
+ export { default } from '../components/placeholder';
@@ -0,0 +1 @@
1
+ export { SelectContainer } from '../components/containers/select-container';
@@ -0,0 +1 @@
1
+ export { default } from '../components/single-value';
@@ -0,0 +1 @@
1
+ export { default } from '../state-manager';
@@ -0,0 +1 @@
1
+ export { mergeStyles } from '../styles';
File without changes
@@ -0,0 +1 @@
1
+ export { default } from '../use-async';
@@ -0,0 +1 @@
1
+ export { default } from '../use-creatable';
@@ -0,0 +1 @@
1
+ export { default } from '../use-state-manager';
@@ -0,0 +1 @@
1
+ export { ValueContainer } from '../components/containers/value-container';
@@ -0,0 +1,5 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export var formatGroupLabel = function formatGroupLabel(group) {
4
+ return group.label;
5
+ };
@@ -0,0 +1,5 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export var getOptionLabel = function getOptionLabel(option) {
4
+ return option.label;
5
+ };
@@ -0,0 +1,5 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export var getOptionValue = function getOptionValue(option) {
4
+ return option.value;
5
+ };
@@ -0,0 +1,5 @@
1
+ /* eslint-disable @repo/internal/fs/filename-pattern-match */
2
+
3
+ export var isOptionDisabled = function isOptionDisabled(option) {
4
+ return !!option.isDisabled;
5
+ };