@atlaskit/react-select 2.7.6 → 3.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 (273) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/cjs/components/containers.compiled.css +26 -0
  3. package/dist/cjs/components/containers.js +80 -13
  4. package/dist/cjs/components/control.js +50 -9
  5. package/dist/cjs/components/group.js +60 -12
  6. package/dist/cjs/components/indicators.js +128 -15
  7. package/dist/cjs/components/input.js +50 -9
  8. package/dist/cjs/components/internal/a11y-text.js +14 -7
  9. package/dist/cjs/components/internal/dummy-input.js +21 -7
  10. package/dist/cjs/components/internal/required-input.js +24 -8
  11. package/dist/cjs/components/live-region.js +101 -7
  12. package/dist/cjs/components/menu.js +436 -27
  13. package/dist/cjs/components/multi-value.js +148 -22
  14. package/dist/cjs/components/option.js +41 -9
  15. package/dist/cjs/components/placeholder.js +29 -9
  16. package/dist/cjs/components/single-value.js +30 -9
  17. package/dist/cjs/select.js +1 -1
  18. package/dist/es2019/components/containers.compiled.css +26 -0
  19. package/dist/es2019/components/containers.js +93 -10
  20. package/dist/es2019/components/control.js +54 -8
  21. package/dist/es2019/components/group.js +67 -9
  22. package/dist/es2019/components/indicators.js +131 -11
  23. package/dist/es2019/components/input.js +53 -7
  24. package/dist/es2019/components/internal/a11y-text.js +12 -6
  25. package/dist/es2019/components/internal/dummy-input.js +19 -7
  26. package/dist/es2019/components/internal/required-input.js +22 -6
  27. package/dist/es2019/components/live-region.js +104 -6
  28. package/dist/es2019/components/menu.js +444 -19
  29. package/dist/es2019/components/multi-value.js +157 -15
  30. package/dist/es2019/components/option.js +45 -7
  31. package/dist/es2019/components/placeholder.js +33 -7
  32. package/dist/es2019/components/single-value.js +34 -7
  33. package/dist/es2019/select.js +1 -1
  34. package/dist/esm/components/containers.compiled.css +26 -0
  35. package/dist/esm/components/containers.js +78 -12
  36. package/dist/esm/components/control.js +51 -8
  37. package/dist/esm/components/group.js +60 -11
  38. package/dist/esm/components/indicators.js +127 -15
  39. package/dist/esm/components/input.js +50 -8
  40. package/dist/esm/components/internal/a11y-text.js +12 -6
  41. package/dist/esm/components/internal/dummy-input.js +20 -7
  42. package/dist/esm/components/internal/required-input.js +22 -7
  43. package/dist/esm/components/live-region.js +99 -6
  44. package/dist/esm/components/menu.js +437 -27
  45. package/dist/esm/components/multi-value.js +148 -21
  46. package/dist/esm/components/option.js +41 -8
  47. package/dist/esm/components/placeholder.js +29 -8
  48. package/dist/esm/components/single-value.js +30 -8
  49. package/dist/esm/select.js +1 -1
  50. package/dist/types/components/containers.d.ts +12 -8
  51. package/dist/types/components/control.d.ts +7 -3
  52. package/dist/types/components/group.d.ts +10 -6
  53. package/dist/types/components/index.d.ts +21 -21
  54. package/dist/types/components/indicators.d.ts +12 -8
  55. package/dist/types/components/input.d.ts +8 -4
  56. package/dist/types/components/internal/a11y-text.d.ts +2 -2
  57. package/dist/types/components/internal/dummy-input.d.ts +7 -3
  58. package/dist/types/components/internal/required-input.d.ts +4 -0
  59. package/dist/types/components/live-region.d.ts +0 -2
  60. package/dist/types/components/menu.d.ts +17 -13
  61. package/dist/types/components/multi-value.d.ts +13 -9
  62. package/dist/types/components/option.d.ts +8 -4
  63. package/dist/types/components/placeholder.d.ts +8 -4
  64. package/dist/types/components/single-value.d.ts +8 -4
  65. package/dist/types/select.d.ts +23 -25
  66. package/dist/types-ts4.5/components/containers.d.ts +12 -8
  67. package/dist/types-ts4.5/components/control.d.ts +7 -3
  68. package/dist/types-ts4.5/components/group.d.ts +10 -6
  69. package/dist/types-ts4.5/components/index.d.ts +21 -21
  70. package/dist/types-ts4.5/components/indicators.d.ts +12 -8
  71. package/dist/types-ts4.5/components/input.d.ts +8 -4
  72. package/dist/types-ts4.5/components/internal/a11y-text.d.ts +2 -2
  73. package/dist/types-ts4.5/components/internal/dummy-input.d.ts +7 -3
  74. package/dist/types-ts4.5/components/internal/required-input.d.ts +4 -0
  75. package/dist/types-ts4.5/components/live-region.d.ts +0 -2
  76. package/dist/types-ts4.5/components/menu.d.ts +17 -13
  77. package/dist/types-ts4.5/components/multi-value.d.ts +13 -9
  78. package/dist/types-ts4.5/components/option.d.ts +8 -4
  79. package/dist/types-ts4.5/components/placeholder.d.ts +8 -4
  80. package/dist/types-ts4.5/components/single-value.d.ts +8 -4
  81. package/dist/types-ts4.5/select.d.ts +23 -25
  82. package/package.json +3 -3
  83. package/dist/cjs/compiled/components/control.js +0 -65
  84. package/dist/cjs/compiled/components/group.js +0 -80
  85. package/dist/cjs/compiled/components/indicators.js +0 -158
  86. package/dist/cjs/compiled/components/input.js +0 -65
  87. package/dist/cjs/compiled/components/internal/a11y-text.js +0 -24
  88. package/dist/cjs/compiled/components/internal/dummy-input.js +0 -30
  89. package/dist/cjs/compiled/components/internal/required-input.js +0 -35
  90. package/dist/cjs/compiled/components/live-region.js +0 -117
  91. package/dist/cjs/compiled/components/menu.js +0 -489
  92. package/dist/cjs/compiled/components/multi-value.js +0 -173
  93. package/dist/cjs/compiled/components/option.js +0 -56
  94. package/dist/cjs/compiled/components/placeholder.js +0 -44
  95. package/dist/cjs/compiled/components/single-value.js +0 -45
  96. package/dist/cjs/emotion/components/containers.js +0 -117
  97. package/dist/cjs/emotion/components/control.js +0 -112
  98. package/dist/cjs/emotion/components/group.js +0 -72
  99. package/dist/cjs/emotion/components/indicators.js +0 -140
  100. package/dist/cjs/emotion/components/input.js +0 -94
  101. package/dist/cjs/emotion/components/internal/a11y-text.js +0 -37
  102. package/dist/cjs/emotion/components/internal/dummy-input.js +0 -45
  103. package/dist/cjs/emotion/components/internal/index.js +0 -34
  104. package/dist/cjs/emotion/components/internal/required-input.js +0 -45
  105. package/dist/cjs/emotion/components/internal/scroll-manager.js +0 -59
  106. package/dist/cjs/emotion/components/internal/use-scroll-capture.js +0 -132
  107. package/dist/cjs/emotion/components/internal/use-scroll-lock.js +0 -149
  108. package/dist/cjs/emotion/components/live-region.js +0 -120
  109. package/dist/cjs/emotion/components/menu.js +0 -456
  110. package/dist/cjs/emotion/components/multi-value.js +0 -199
  111. package/dist/cjs/emotion/components/option.js +0 -84
  112. package/dist/cjs/emotion/components/placeholder.js +0 -36
  113. package/dist/cjs/emotion/components/single-value.js +0 -42
  114. package/dist/es2019/compiled/components/control.js +0 -58
  115. package/dist/es2019/compiled/components/group.js +0 -72
  116. package/dist/es2019/compiled/components/indicators.js +0 -146
  117. package/dist/es2019/compiled/components/input.js +0 -56
  118. package/dist/es2019/compiled/components/internal/a11y-text.js +0 -13
  119. package/dist/es2019/compiled/components/internal/dummy-input.js +0 -20
  120. package/dist/es2019/compiled/components/internal/required-input.js +0 -25
  121. package/dist/es2019/compiled/components/live-region.js +0 -112
  122. package/dist/es2019/compiled/components/menu.js +0 -477
  123. package/dist/es2019/compiled/components/multi-value.js +0 -165
  124. package/dist/es2019/compiled/components/option.js +0 -48
  125. package/dist/es2019/compiled/components/placeholder.js +0 -36
  126. package/dist/es2019/compiled/components/single-value.js +0 -37
  127. package/dist/es2019/emotion/components/containers.js +0 -114
  128. package/dist/es2019/emotion/components/control.js +0 -108
  129. package/dist/es2019/emotion/components/group.js +0 -60
  130. package/dist/es2019/emotion/components/indicators.js +0 -131
  131. package/dist/es2019/emotion/components/input.js +0 -87
  132. package/dist/es2019/emotion/components/internal/a11y-text.js +0 -28
  133. package/dist/es2019/emotion/components/internal/dummy-input.js +0 -38
  134. package/dist/es2019/emotion/components/internal/index.js +0 -4
  135. package/dist/es2019/emotion/components/internal/required-input.js +0 -36
  136. package/dist/es2019/emotion/components/internal/scroll-manager.js +0 -51
  137. package/dist/es2019/emotion/components/internal/use-scroll-capture.js +0 -128
  138. package/dist/es2019/emotion/components/internal/use-scroll-lock.js +0 -143
  139. package/dist/es2019/emotion/components/live-region.js +0 -120
  140. package/dist/es2019/emotion/components/menu.js +0 -452
  141. package/dist/es2019/emotion/components/multi-value.js +0 -203
  142. package/dist/es2019/emotion/components/option.js +0 -79
  143. package/dist/es2019/emotion/components/placeholder.js +0 -29
  144. package/dist/es2019/emotion/components/single-value.js +0 -35
  145. package/dist/esm/compiled/components/control.js +0 -57
  146. package/dist/esm/compiled/components/group.js +0 -71
  147. package/dist/esm/compiled/components/indicators.js +0 -150
  148. package/dist/esm/compiled/components/input.js +0 -56
  149. package/dist/esm/compiled/components/internal/a11y-text.js +0 -15
  150. package/dist/esm/compiled/components/internal/dummy-input.js +0 -21
  151. package/dist/esm/compiled/components/internal/required-input.js +0 -26
  152. package/dist/esm/compiled/components/live-region.js +0 -109
  153. package/dist/esm/compiled/components/menu.js +0 -484
  154. package/dist/esm/compiled/components/multi-value.js +0 -162
  155. package/dist/esm/compiled/components/option.js +0 -47
  156. package/dist/esm/compiled/components/placeholder.js +0 -35
  157. package/dist/esm/compiled/components/single-value.js +0 -36
  158. package/dist/esm/emotion/components/containers.js +0 -110
  159. package/dist/esm/emotion/components/control.js +0 -104
  160. package/dist/esm/emotion/components/group.js +0 -66
  161. package/dist/esm/emotion/components/indicators.js +0 -135
  162. package/dist/esm/emotion/components/input.js +0 -90
  163. package/dist/esm/emotion/components/internal/a11y-text.js +0 -30
  164. package/dist/esm/emotion/components/internal/dummy-input.js +0 -39
  165. package/dist/esm/emotion/components/internal/index.js +0 -4
  166. package/dist/esm/emotion/components/internal/required-input.js +0 -37
  167. package/dist/esm/emotion/components/internal/scroll-manager.js +0 -51
  168. package/dist/esm/emotion/components/internal/use-scroll-capture.js +0 -126
  169. package/dist/esm/emotion/components/internal/use-scroll-lock.js +0 -143
  170. package/dist/esm/emotion/components/live-region.js +0 -117
  171. package/dist/esm/emotion/components/menu.js +0 -456
  172. package/dist/esm/emotion/components/multi-value.js +0 -193
  173. package/dist/esm/emotion/components/option.js +0 -76
  174. package/dist/esm/emotion/components/placeholder.js +0 -28
  175. package/dist/esm/emotion/components/single-value.js +0 -34
  176. package/dist/types/compiled/components/control.d.ts +0 -41
  177. package/dist/types/compiled/components/group.d.ts +0 -54
  178. package/dist/types/compiled/components/indicators.d.ts +0 -72
  179. package/dist/types/compiled/components/input.d.ts +0 -36
  180. package/dist/types/compiled/components/internal/a11y-text.d.ts +0 -3
  181. package/dist/types/compiled/components/internal/dummy-input.d.ts +0 -8
  182. package/dist/types/compiled/components/internal/required-input.d.ts +0 -10
  183. package/dist/types/compiled/components/live-region.d.ts +0 -17
  184. package/dist/types/compiled/components/menu.d.ts +0 -115
  185. package/dist/types/compiled/components/multi-value.d.ts +0 -57
  186. package/dist/types/compiled/components/option.d.ts +0 -48
  187. package/dist/types/compiled/components/placeholder.d.ts +0 -21
  188. package/dist/types/compiled/components/single-value.d.ts +0 -27
  189. package/dist/types/emotion/components/containers.d.ts +0 -54
  190. package/dist/types/emotion/components/control.d.ts +0 -42
  191. package/dist/types/emotion/components/group.d.ts +0 -52
  192. package/dist/types/emotion/components/indicators.d.ts +0 -73
  193. package/dist/types/emotion/components/input.d.ts +0 -37
  194. package/dist/types/emotion/components/internal/a11y-text.d.ts +0 -8
  195. package/dist/types/emotion/components/internal/dummy-input.d.ts +0 -9
  196. package/dist/types/emotion/components/internal/index.d.ts +0 -4
  197. package/dist/types/emotion/components/internal/required-input.d.ts +0 -10
  198. package/dist/types/emotion/components/internal/scroll-manager.d.ts +0 -17
  199. package/dist/types/emotion/components/internal/use-scroll-capture.d.ts +0 -12
  200. package/dist/types/emotion/components/internal/use-scroll-lock.d.ts +0 -9
  201. package/dist/types/emotion/components/live-region.d.ts +0 -23
  202. package/dist/types/emotion/components/menu.d.ts +0 -116
  203. package/dist/types/emotion/components/multi-value.d.ts +0 -47
  204. package/dist/types/emotion/components/option.d.ts +0 -49
  205. package/dist/types/emotion/components/placeholder.d.ts +0 -22
  206. package/dist/types/emotion/components/single-value.d.ts +0 -28
  207. package/dist/types-ts4.5/compiled/components/control.d.ts +0 -41
  208. package/dist/types-ts4.5/compiled/components/group.d.ts +0 -54
  209. package/dist/types-ts4.5/compiled/components/indicators.d.ts +0 -72
  210. package/dist/types-ts4.5/compiled/components/input.d.ts +0 -36
  211. package/dist/types-ts4.5/compiled/components/internal/a11y-text.d.ts +0 -3
  212. package/dist/types-ts4.5/compiled/components/internal/dummy-input.d.ts +0 -8
  213. package/dist/types-ts4.5/compiled/components/internal/required-input.d.ts +0 -10
  214. package/dist/types-ts4.5/compiled/components/live-region.d.ts +0 -17
  215. package/dist/types-ts4.5/compiled/components/menu.d.ts +0 -115
  216. package/dist/types-ts4.5/compiled/components/multi-value.d.ts +0 -57
  217. package/dist/types-ts4.5/compiled/components/option.d.ts +0 -48
  218. package/dist/types-ts4.5/compiled/components/placeholder.d.ts +0 -21
  219. package/dist/types-ts4.5/compiled/components/single-value.d.ts +0 -27
  220. package/dist/types-ts4.5/emotion/components/containers.d.ts +0 -54
  221. package/dist/types-ts4.5/emotion/components/control.d.ts +0 -42
  222. package/dist/types-ts4.5/emotion/components/group.d.ts +0 -52
  223. package/dist/types-ts4.5/emotion/components/indicators.d.ts +0 -73
  224. package/dist/types-ts4.5/emotion/components/input.d.ts +0 -37
  225. package/dist/types-ts4.5/emotion/components/internal/a11y-text.d.ts +0 -8
  226. package/dist/types-ts4.5/emotion/components/internal/dummy-input.d.ts +0 -9
  227. package/dist/types-ts4.5/emotion/components/internal/index.d.ts +0 -4
  228. package/dist/types-ts4.5/emotion/components/internal/required-input.d.ts +0 -10
  229. package/dist/types-ts4.5/emotion/components/internal/scroll-manager.d.ts +0 -17
  230. package/dist/types-ts4.5/emotion/components/internal/use-scroll-capture.d.ts +0 -12
  231. package/dist/types-ts4.5/emotion/components/internal/use-scroll-lock.d.ts +0 -9
  232. package/dist/types-ts4.5/emotion/components/live-region.d.ts +0 -23
  233. package/dist/types-ts4.5/emotion/components/menu.d.ts +0 -116
  234. package/dist/types-ts4.5/emotion/components/multi-value.d.ts +0 -47
  235. package/dist/types-ts4.5/emotion/components/option.d.ts +0 -49
  236. package/dist/types-ts4.5/emotion/components/placeholder.d.ts +0 -22
  237. package/dist/types-ts4.5/emotion/components/single-value.d.ts +0 -28
  238. /package/dist/cjs/{compiled/components → components}/control.compiled.css +0 -0
  239. /package/dist/cjs/{compiled/components → components}/group.compiled.css +0 -0
  240. /package/dist/cjs/{compiled/components → components}/indicators.compiled.css +0 -0
  241. /package/dist/cjs/{compiled/components → components}/input.compiled.css +0 -0
  242. /package/dist/cjs/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  243. /package/dist/cjs/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  244. /package/dist/cjs/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  245. /package/dist/cjs/{compiled/components → components}/menu.compiled.css +0 -0
  246. /package/dist/cjs/{compiled/components → components}/multi-value.compiled.css +0 -0
  247. /package/dist/cjs/{compiled/components → components}/option.compiled.css +0 -0
  248. /package/dist/cjs/{compiled/components → components}/placeholder.compiled.css +0 -0
  249. /package/dist/cjs/{compiled/components → components}/single-value.compiled.css +0 -0
  250. /package/dist/es2019/{compiled/components → components}/control.compiled.css +0 -0
  251. /package/dist/es2019/{compiled/components → components}/group.compiled.css +0 -0
  252. /package/dist/es2019/{compiled/components → components}/indicators.compiled.css +0 -0
  253. /package/dist/es2019/{compiled/components → components}/input.compiled.css +0 -0
  254. /package/dist/es2019/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  255. /package/dist/es2019/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  256. /package/dist/es2019/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  257. /package/dist/es2019/{compiled/components → components}/menu.compiled.css +0 -0
  258. /package/dist/es2019/{compiled/components → components}/multi-value.compiled.css +0 -0
  259. /package/dist/es2019/{compiled/components → components}/option.compiled.css +0 -0
  260. /package/dist/es2019/{compiled/components → components}/placeholder.compiled.css +0 -0
  261. /package/dist/es2019/{compiled/components → components}/single-value.compiled.css +0 -0
  262. /package/dist/esm/{compiled/components → components}/control.compiled.css +0 -0
  263. /package/dist/esm/{compiled/components → components}/group.compiled.css +0 -0
  264. /package/dist/esm/{compiled/components → components}/indicators.compiled.css +0 -0
  265. /package/dist/esm/{compiled/components → components}/input.compiled.css +0 -0
  266. /package/dist/esm/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  267. /package/dist/esm/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  268. /package/dist/esm/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  269. /package/dist/esm/{compiled/components → components}/menu.compiled.css +0 -0
  270. /package/dist/esm/{compiled/components → components}/multi-value.compiled.css +0 -0
  271. /package/dist/esm/{compiled/components → components}/option.compiled.css +0 -0
  272. /package/dist/esm/{compiled/components → components}/placeholder.compiled.css +0 -0
  273. /package/dist/esm/{compiled/components → components}/single-value.compiled.css +0 -0
@@ -1,47 +0,0 @@
1
- /* option.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import "./option.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 '../../utils';
8
- export var optionCSS = function optionCSS() {
9
- return {};
10
- };
11
- var optionStyles = {
12
- root: "_1rjc12x7 _18zrutpp _syaz1fxt _80om73ad _1e0c1ule _1wyb1kw7 _1bsb1osq _uiztglyw _18ql1j7p _1di61dty",
13
- disabled: "_syaz1lh4 _80om13gf _bfhk1j28 _16qsglyw _1di61j28 _1pknglyw",
14
- focused: "_bfhk166n _16qsu4to _1pkn1vrj",
15
- selected: "_syazaqb7 _bfhkfg4m _16qsu4to _1di619ru _1pkn1vrj",
16
- focusedSelected: "_bfhki1yw"
17
- };
18
- var Option = function Option(props) {
19
- var children = props.children,
20
- isDisabled = props.isDisabled,
21
- isFocused = props.isFocused,
22
- isSelected = props.isSelected,
23
- innerRef = props.innerRef,
24
- innerProps = props.innerProps,
25
- xcss = props.xcss;
26
- var _getStyleProps = getStyleProps(props, 'option', {
27
- option: true,
28
- 'option--is-disabled': isDisabled,
29
- 'option--is-focused': isFocused,
30
- 'option--is-selected': isSelected
31
- }),
32
- css = _getStyleProps.css,
33
- className = _getStyleProps.className;
34
- return /*#__PURE__*/React.createElement("div", _extends({
35
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
36
- style: css
37
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
38
- ,
39
- className: ax([optionStyles.root, isFocused && optionStyles.focused, isSelected && optionStyles.selected, isFocused && isSelected && optionStyles.focusedSelected, isDisabled && optionStyles.disabled, cx(className, xcss, '-option')]),
40
- ref: innerRef
41
- }, innerProps, {
42
- tabIndex: -1
43
- }), children);
44
- };
45
-
46
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
47
- export default Option;
@@ -1,35 +0,0 @@
1
- /* placeholder.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import "./placeholder.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 '../../utils';
8
- export var placeholderCSS = function placeholderCSS() {
9
- return {};
10
- };
11
- var placeholderStyles = {
12
- root: "_nd5l1sux _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syaz131l",
13
- disabled: "_syaz1lh4"
14
- };
15
- var Placeholder = function Placeholder(props) {
16
- var children = props.children,
17
- innerProps = props.innerProps,
18
- isDisabled = props.isDisabled,
19
- xcss = props.xcss;
20
- var _getStyleProps = getStyleProps(props, 'placeholder', {
21
- placeholder: 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([placeholderStyles.root, isDisabled && placeholderStyles.disabled, cx(className, xcss, '-placeholder')])
31
- }, innerProps), children);
32
- };
33
-
34
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
35
- export default Placeholder;
@@ -1,36 +0,0 @@
1
- /* single-value.tsx generated by @compiled/babel-plugin v0.36.1 */
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import "./single-value.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 '../../utils';
8
- export var css = function css() {
9
- return {};
10
- };
11
- var styles = {
12
- root: "_nd5l1sux _1reo15vq _18m915vq _p12f1osq _1bto1l2s _o5721q9c _19pkidpf _2hwxv77o _otyridpf _18u0v77o _syaz1fxt",
13
- disalbed: "_syaz1lh4"
14
- };
15
- var SingleValue = function SingleValue(props) {
16
- var children = props.children,
17
- isDisabled = props.isDisabled,
18
- innerProps = props.innerProps,
19
- xcss = props.xcss;
20
- var _getStyleProps = getStyleProps(props, 'singleValue', {
21
- 'single-value': true,
22
- 'single-value--is-disabled': isDisabled
23
- }),
24
- css = _getStyleProps.css,
25
- className = _getStyleProps.className;
26
- return /*#__PURE__*/React.createElement("div", _extends({
27
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
28
- style: css
29
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop, @atlaskit/ui-styling-standard/local-cx-xcss, @compiled/local-cx-xcss
30
- ,
31
- className: ax([styles.root, isDisabled && styles.disalbed, cx(className, xcss, '-singleValue')])
32
- }, innerProps), children);
33
- };
34
-
35
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
36
- export default SingleValue;
@@ -1,110 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
- /**
4
- * @jsxRuntime classic
5
- * @jsx jsx
6
- */
7
-
8
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
9
- import { jsx } from '@emotion/react';
10
- import { fg } from '@atlaskit/platform-feature-flags';
11
- import { media } from '@atlaskit/primitives';
12
- import { getStyleProps } from '../../utils';
13
-
14
- // ==============================
15
- // Root Container
16
- // ==============================
17
-
18
- export var containerCSS = function containerCSS(_ref) {
19
- var isDisabled = _ref.isDisabled,
20
- isRtl = _ref.isRtl;
21
- return _defineProperty({
22
- label: 'container',
23
- direction: isRtl ? 'rtl' : undefined,
24
- position: 'relative',
25
- font: fg('platform_design_system_team_safari_input_fix') ? "var(--ds-font-body-large, normal 400 16px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)" : "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
26
- pointerEvents: 'all',
27
- cursor: isDisabled ? 'not-allowed' : undefined
28
- }, "".concat(media.above.xs), {
29
- font: fg('platform_design_system_team_safari_input_fix') ? "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)" : undefined
30
- });
31
- };
32
-
33
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
34
- export var SelectContainer = function SelectContainer(props) {
35
- var children = props.children,
36
- innerProps = props.innerProps,
37
- isDisabled = props.isDisabled,
38
- isRtl = props.isRtl;
39
- var styles = getStyleProps(props, 'container', {
40
- '--is-disabled': isDisabled,
41
- '--is-rtl': isRtl
42
- });
43
- return jsx("div", _extends({}, styles, {
44
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
45
- className: styles.className || '-container'
46
- }, innerProps), children);
47
- };
48
-
49
- // ==============================
50
- // Value Container
51
- // ==============================
52
-
53
- export var valueContainerCSS = function valueContainerCSS(_ref3) {
54
- var isMulti = _ref3.isMulti,
55
- hasValue = _ref3.hasValue,
56
- isCompact = _ref3.isCompact,
57
- controlShouldRenderValue = _ref3.selectProps.controlShouldRenderValue;
58
- return {
59
- alignItems: 'center',
60
- display: isMulti && hasValue && controlShouldRenderValue ? 'flex' : 'grid',
61
- flex: 1,
62
- flexWrap: 'wrap',
63
- WebkitOverflowScrolling: 'touch',
64
- position: 'relative',
65
- overflow: 'hidden',
66
- padding: "".concat(isCompact ? 0 : "var(--ds-space-025, 2px)", " ", "var(--ds-space-075, 6px)")
67
- };
68
- };
69
-
70
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
71
- export var ValueContainer = function ValueContainer(props) {
72
- var children = props.children,
73
- innerProps = props.innerProps,
74
- isMulti = props.isMulti,
75
- hasValue = props.hasValue;
76
- var styles = getStyleProps(props, 'valueContainer', {
77
- 'value-container': true,
78
- 'value-container--is-multi': isMulti,
79
- 'value-container--has-value': hasValue
80
- });
81
- return jsx("div", _extends({
82
- css: styles.css
83
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
84
- ,
85
- className: styles.className || '-ValueContainer'
86
- }, innerProps), children);
87
- };
88
-
89
- // ==============================
90
- // Indicator Container
91
- // ==============================
92
-
93
- export var indicatorsContainerCSS = function indicatorsContainerCSS() {
94
- return {
95
- alignItems: 'center',
96
- alignSelf: 'stretch',
97
- display: 'flex',
98
- flexShrink: 0,
99
- paddingRight: "var(--ds-space-050, 4px)"
100
- };
101
- };
102
-
103
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
104
- export var IndicatorsContainer = function IndicatorsContainer(props) {
105
- var children = props.children,
106
- innerProps = props.innerProps;
107
- return jsx("div", _extends({}, getStyleProps(props, 'indicatorsContainer', {
108
- indicators: true
109
- }), innerProps), children);
110
- };
@@ -1,104 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- /**
3
- * @jsxRuntime classic
4
- * @jsx jsx
5
- */
6
-
7
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
8
- import { jsx } from '@emotion/react';
9
- import { getStyleProps } from '../../utils';
10
- export var css = function css(_ref) {
11
- var isDisabled = _ref.isDisabled,
12
- isFocused = _ref.isFocused,
13
- isInvalid = _ref.isInvalid,
14
- isCompact = _ref.isCompact,
15
- appearance = _ref.appearance;
16
- var borderColor = isFocused ? "var(--ds-border-focused, #388BFF)" : "var(--ds-border-input, #8590A2)";
17
- var backgroundColor = isFocused ? "var(--ds-background-input-pressed, #FFFFFF)" : "var(--ds-background-input, #FFFFFF)";
18
- var backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, #FFFFFF)" : "var(--ds-background-input-hovered, #F7F8F9)";
19
- var borderColorHover = isFocused ? "var(--ds-border-focused, #388BFF)" : "var(--ds-border-input, #8590A2)";
20
- if (isDisabled) {
21
- backgroundColor = "var(--ds-background-disabled, #091E4208)";
22
- borderColor = "var(--ds-background-disabled, #091E4208)";
23
- }
24
- if (isInvalid) {
25
- borderColor = "var(--ds-border-danger, #E2483D)";
26
- borderColorHover = "var(--ds-border-danger, #E2483D)";
27
- }
28
- var transitionDuration = '200ms';
29
- if (appearance === 'subtle') {
30
- borderColor = isFocused ? "var(--ds-border-focused, #388BFF)" : 'transparent';
31
- backgroundColor = isFocused ? "var(--ds-surface, #FFFFFF)" : 'transparent';
32
- backgroundColorHover = isFocused ? "var(--ds-background-input-pressed, #FFFFFF)" : "var(--ds-background-input-hovered, #F7F8F9)";
33
- }
34
- if (appearance === 'none') {
35
- borderColor = 'transparent';
36
- backgroundColor = 'transparent';
37
- backgroundColorHover = 'transparent';
38
- borderColorHover = 'transparent';
39
- }
40
- return {
41
- label: 'control',
42
- alignItems: 'center',
43
- cursor: 'default',
44
- display: 'flex',
45
- flexWrap: 'wrap',
46
- justifyContent: 'space-between',
47
- outline: '0 !important',
48
- position: 'relative',
49
- // Turn pointer events off when disabled - this makes it so hover etc don't work.
50
- pointerEvents: isDisabled ? 'none' : undefined,
51
- backgroundColor: backgroundColor,
52
- borderColor: borderColor,
53
- borderStyle: 'solid',
54
- borderRadius: "var(--ds-border-radius-100, 3px)",
55
- borderWidth: "var(--ds-border-width, 1px)",
56
- boxShadow: isInvalid ? "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor) : 'none',
57
- '&:focus-within': {
58
- boxShadow: "inset 0 0 0 ".concat("var(--ds-border-width, 1px)", " ", borderColor)
59
- },
60
- minHeight: isCompact ? 32 : 40,
61
- padding: 0,
62
- transition: "background-color ".concat(transitionDuration, " ease-in-out,\nborder-color ").concat(transitionDuration, " ease-in-out"),
63
- '::-webkit-scrollbar': {
64
- height: 8,
65
- width: 8
66
- },
67
- '::-webkit-scrollbar-corner': {
68
- display: 'none'
69
- },
70
- ':hover': {
71
- '::-webkit-scrollbar-thumb': {
72
- // scrollbars occur only if the user passes in a custom component with overflow: scroll
73
- backgroundColor: 'rgba(0,0,0,0.2)'
74
- },
75
- cursor: 'pointer',
76
- backgroundColor: backgroundColorHover,
77
- borderColor: borderColorHover
78
- },
79
- '::-webkit-scrollbar-thumb:hover': {
80
- backgroundColor: 'rgba(0,0,0,0.4)'
81
- }
82
- };
83
- };
84
- var Control = function Control(props) {
85
- var children = props.children,
86
- isDisabled = props.isDisabled,
87
- isFocused = props.isFocused,
88
- innerRef = props.innerRef,
89
- innerProps = props.innerProps,
90
- menuIsOpen = props.menuIsOpen;
91
- return jsx("div", _extends({
92
- ref: innerRef
93
- }, getStyleProps(props, 'control', {
94
- control: true,
95
- 'control--is-disabled': isDisabled,
96
- 'control--is-focused': isFocused,
97
- 'control--menu-is-open': menuIsOpen
98
- }), innerProps, {
99
- "aria-disabled": isDisabled || undefined
100
- }), children);
101
- };
102
-
103
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
104
- export default Control;
@@ -1,66 +0,0 @@
1
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
- import _extends from "@babel/runtime/helpers/extends";
3
- import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
4
- var _excluded = ["data"];
5
- /**
6
- * @jsxRuntime classic
7
- * @jsx jsx
8
- */
9
-
10
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
11
- import { jsx } from '@emotion/react';
12
- import { cleanCommonProps, getStyleProps } from '../../utils';
13
- export var groupCSS = function groupCSS(_ref) {
14
- _objectDestructuringEmpty(_ref);
15
- return {
16
- paddingBottom: "var(--ds-space-100, 8px)",
17
- paddingTop: "var(--ds-space-100, 8px)"
18
- };
19
- };
20
- var Group = function Group(props) {
21
- var children = props.children,
22
- cx = props.cx,
23
- getStyles = props.getStyles,
24
- getClassNames = props.getClassNames,
25
- Heading = props.Heading,
26
- headingProps = props.headingProps,
27
- innerProps = props.innerProps,
28
- label = props.label,
29
- selectProps = props.selectProps;
30
- return jsx("div", _extends({}, getStyleProps(props, 'group', {
31
- group: true
32
- }), innerProps), label && jsx(Heading, _extends({}, headingProps, {
33
- selectProps: selectProps,
34
- getStyles: getStyles,
35
- getClassNames: getClassNames,
36
- cx: cx
37
- }), label), jsx("div", null, children));
38
- };
39
- export var groupHeadingCSS = function groupHeadingCSS(_ref2) {
40
- _objectDestructuringEmpty(_ref2);
41
- return {
42
- label: 'group',
43
- cursor: 'default',
44
- display: 'block',
45
- marginBottom: '0.25em',
46
- paddingLeft: "var(--ds-space-150, 12px)",
47
- paddingRight: "var(--ds-space-150, 12px)",
48
- font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
49
- color: "var(--ds-text-subtle, #44546F)",
50
- fontWeight: "var(--ds-font-weight-bold, 700)",
51
- textTransform: 'none'
52
- };
53
- };
54
-
55
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
56
- export var GroupHeading = function GroupHeading(props) {
57
- var _cleanCommonProps = cleanCommonProps(props),
58
- data = _cleanCommonProps.data,
59
- innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded);
60
- return jsx("div", _extends({}, getStyleProps(props, 'groupHeading', {
61
- 'group-heading': true
62
- }), innerProps));
63
- };
64
-
65
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
66
- export default Group;
@@ -1,135 +0,0 @@
1
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- import _extends from "@babel/runtime/helpers/extends";
4
- var _excluded = ["innerProps", "isRtl", "size"];
5
- 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; }
6
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7
- /**
8
- * @jsxRuntime classic
9
- * @jsx jsx
10
- */
11
-
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
13
- import { jsx } from '@emotion/react';
14
- import DownIcon from '@atlaskit/icon/core/migration/chevron-down';
15
- import CrossIcon from '@atlaskit/icon/core/migration/cross-circle--select-clear';
16
- import { Inline, Pressable, xcss } from '@atlaskit/primitives';
17
- import Spinner from '@atlaskit/spinner';
18
- import { getStyleProps } from '../../utils';
19
-
20
- // ==============================
21
- // Dropdown & Clear Icons
22
- // ==============================
23
-
24
- var iconContainerStyles = xcss({
25
- all: 'unset',
26
- outline: 'revert',
27
- display: 'flex',
28
- alignItems: 'center',
29
- justifyContent: 'center',
30
- padding: 'space.025'
31
- });
32
- var dropdownWrapperStyles = xcss({
33
- padding: 'space.075'
34
- });
35
-
36
- // ==============================
37
- // Dropdown & Clear Buttons
38
- // ==============================
39
-
40
- export var dropdownIndicatorCSS = function dropdownIndicatorCSS(_ref) {
41
- var isCompact = _ref.isCompact,
42
- isDisabled = _ref.isDisabled;
43
- return {
44
- label: 'indicatorContainer',
45
- display: 'flex',
46
- transition: 'color 150ms',
47
- color: isDisabled ? "var(--ds-text-disabled, #091E424F)" : "var(--ds-text-subtle, #44546F)",
48
- padding: "".concat(isCompact ? 0 : "var(--ds-space-075, 6px)", " ", "var(--ds-space-025, 2px)"),
49
- ':hover': {
50
- color: "var(--ds-text-subtle, #44546F)"
51
- }
52
- };
53
- };
54
-
55
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
56
- export var DropdownIndicator = function DropdownIndicator(props) {
57
- var innerProps = props.innerProps,
58
- children = props.children;
59
- return jsx("div", _extends({}, getStyleProps(props, 'dropdownIndicator', {
60
- indicator: true,
61
- 'dropdown-indicator': true
62
- }), innerProps), children ? children : jsx(Inline, {
63
- as: "span",
64
- xcss: dropdownWrapperStyles
65
- }, jsx(DownIcon, {
66
- color: "currentColor",
67
- label: "open",
68
- LEGACY_margin: "var(--ds-space-negative-075, -0.375rem)",
69
- size: "small"
70
- })));
71
- };
72
- export var clearIndicatorCSS = function clearIndicatorCSS(_ref2) {
73
- var isCompact = _ref2.isCompact;
74
- return {
75
- label: 'indicatorContainer',
76
- display: 'flex',
77
- transition: 'color 150ms',
78
- color: "var(--ds-text-subtlest, #626F86)",
79
- padding: "".concat(isCompact ? 0 : "var(--ds-space-075, 6px)", " ", "var(--ds-space-025, 2px)"),
80
- ':hover': {
81
- color: "var(--ds-text-subtle, #44546F)"
82
- }
83
- };
84
- };
85
-
86
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
87
- export var ClearIndicator = function ClearIndicator(props) {
88
- var innerProps = props.innerProps,
89
- _props$clearControlLa = props.clearControlLabel,
90
- clearControlLabel = _props$clearControlLa === void 0 ? 'clear' : _props$clearControlLa;
91
- return jsx("div", _extends({}, getStyleProps(props, 'clearIndicator', {
92
- indicator: true,
93
- 'clear-indicator': true
94
- }), innerProps), jsx(Pressable, {
95
- xcss: iconContainerStyles,
96
- tabIndex: -1,
97
- "aria-label": clearControlLabel
98
- }, jsx(CrossIcon, {
99
- label: "",
100
- color: "currentColor",
101
- LEGACY_size: "small",
102
- LEGACY_margin: "var(--ds-space-negative-025, -0.125rem)",
103
- size: "small"
104
- })));
105
- };
106
-
107
- // ==============================
108
- // Loading
109
- // ==============================
110
-
111
- export var loadingIndicatorCSS = function loadingIndicatorCSS(_ref3) {
112
- var isCompact = _ref3.isCompact;
113
- return {
114
- label: 'loadingIndicator',
115
- padding: "".concat(isCompact ? 0 : "var(--ds-space-075, 6px)", " ", "var(--ds-space-100, 8px)")
116
- };
117
- };
118
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
119
- export var LoadingIndicator = function LoadingIndicator(_ref4) {
120
- var innerProps = _ref4.innerProps,
121
- isRtl = _ref4.isRtl,
122
- _ref4$size = _ref4.size,
123
- size = _ref4$size === void 0 ? 4 : _ref4$size,
124
- restProps = _objectWithoutProperties(_ref4, _excluded);
125
- return jsx("div", _extends({}, getStyleProps(_objectSpread(_objectSpread({}, restProps), {}, {
126
- innerProps: innerProps,
127
- isRtl: isRtl,
128
- size: size
129
- }), 'loadingIndicator', {
130
- indicator: true,
131
- 'loading-indicator': true
132
- }), innerProps), jsx(Spinner, {
133
- size: "small"
134
- }));
135
- };
@@ -1,90 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- import _defineProperty from "@babel/runtime/helpers/defineProperty";
4
- var _excluded = ["innerRef", "isDisabled", "isHidden", "inputClassName", "testId"];
5
- 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; }
6
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7
- /**
8
- * @jsxRuntime classic
9
- * @jsx jsx
10
- */
11
-
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
13
- import { jsx } from '@emotion/react';
14
- import { cleanCommonProps, getStyleProps } from '../../utils';
15
- export var inputCSS = function inputCSS(_ref) {
16
- var isDisabled = _ref.isDisabled,
17
- value = _ref.value;
18
- return _objectSpread(_objectSpread({
19
- visibility: isDisabled ? 'hidden' : 'visible',
20
- // force css to recompute when value change due to @emotion bug.
21
- // We can remove it whenever the bug is fixed.
22
- transform: value ? 'translateZ(0)' : ''
23
- }, containerStyle), {}, {
24
- margin: "var(--ds-space-025, 2px)",
25
- paddingBottom: "var(--ds-space-025, 2px)",
26
- paddingTop: "var(--ds-space-025, 2px)",
27
- color: "var(--ds-text, #172B4D)"
28
- });
29
- };
30
- var spacingStyle = {
31
- gridArea: '1 / 2',
32
- font: 'inherit',
33
- minWidth: '2px',
34
- border: 0,
35
- margin: 0,
36
- outline: 0,
37
- padding: 0
38
- };
39
- var containerStyle = {
40
- flex: '1 1 auto',
41
- display: 'inline-grid',
42
- gridArea: '1 / 1 / 2 / 3',
43
- gridTemplateColumns: '0 min-content',
44
- '&:after': _objectSpread({
45
- content: 'attr(data-value) " "',
46
- visibility: 'hidden',
47
- whiteSpace: 'pre'
48
- }, spacingStyle)
49
- };
50
- var inputStyle = function inputStyle(isHidden) {
51
- return _objectSpread({
52
- label: 'input',
53
- color: 'inherit',
54
- background: 0,
55
- opacity: isHidden ? 0 : 1,
56
- width: '100%'
57
- }, spacingStyle);
58
- };
59
- var Input = function Input(props) {
60
- var cx = props.cx,
61
- value = props.value;
62
- var _cleanCommonProps = cleanCommonProps(props),
63
- innerRef = _cleanCommonProps.innerRef,
64
- isDisabled = _cleanCommonProps.isDisabled,
65
- isHidden = _cleanCommonProps.isHidden,
66
- inputClassName = _cleanCommonProps.inputClassName,
67
- testId = _cleanCommonProps.testId,
68
- innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded);
69
- var dataId = testId ? "".concat(testId, "-select--input") : null;
70
- return jsx("div", _extends({}, getStyleProps(props, 'input', {
71
- 'input-container': true
72
- }), {
73
- "data-value": value || '',
74
- "data-testid": dataId && "".concat(dataId, "-container")
75
- }), jsx("input", _extends({
76
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
77
- className: cx({
78
- input: true
79
- }, inputClassName),
80
- ref: innerRef
81
- // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
82
- ,
83
- style: inputStyle(isHidden),
84
- disabled: isDisabled,
85
- "data-testid": dataId
86
- }, innerProps)));
87
- };
88
-
89
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
90
- export default Input;
@@ -1,30 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/extends";
2
- /**
3
- * @jsxRuntime classic
4
- * @jsx jsx
5
- */
6
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled
7
- import { css, jsx } from '@emotion/react';
8
-
9
- // Assistive text to describe visual elements. Hidden for sighted users.
10
- var styles = css({
11
- width: 1,
12
- height: 1,
13
- padding: 0,
14
- position: 'absolute',
15
- zIndex: 9999,
16
- border: 0,
17
- clip: 'rect(1px, 1px, 1px, 1px)',
18
- label: 'a11yText',
19
- overflow: 'hidden',
20
- userSelect: 'none',
21
- // while hidden text is sitting in the DOM, it should not be selectable
22
- whiteSpace: 'nowrap'
23
- });
24
- var A11yText = function A11yText(props) {
25
- return jsx("span", _extends({
26
- css: styles
27
- // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
28
- }, props));
29
- };
30
- export default A11yText;