@atlaskit/react-select 3.0.0 → 3.0.2

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 (276) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/components/containers.compiled.css +26 -0
  3. package/dist/cjs/components/containers.js +80 -12
  4. package/dist/cjs/components/control.js +50 -7
  5. package/dist/cjs/components/group.js +60 -10
  6. package/dist/cjs/components/indicators.js +128 -13
  7. package/dist/cjs/components/input.js +50 -7
  8. package/dist/cjs/components/internal/a11y-text.js +14 -5
  9. package/dist/cjs/components/internal/dummy-input.js +21 -5
  10. package/dist/cjs/components/internal/required-input.js +24 -6
  11. package/dist/cjs/components/live-region.js +101 -5
  12. package/dist/cjs/components/menu.js +436 -25
  13. package/dist/cjs/components/multi-value.js +148 -17
  14. package/dist/cjs/components/option.js +41 -7
  15. package/dist/cjs/components/placeholder.js +29 -7
  16. package/dist/cjs/components/single-value.js +30 -7
  17. package/dist/es2019/components/containers.compiled.css +26 -0
  18. package/dist/es2019/components/containers.js +93 -9
  19. package/dist/es2019/components/control.js +54 -6
  20. package/dist/es2019/components/group.js +67 -7
  21. package/dist/es2019/components/indicators.js +131 -9
  22. package/dist/es2019/components/input.js +53 -5
  23. package/dist/es2019/components/internal/a11y-text.js +12 -4
  24. package/dist/es2019/components/internal/dummy-input.js +19 -5
  25. package/dist/es2019/components/internal/required-input.js +22 -4
  26. package/dist/es2019/components/live-region.js +104 -4
  27. package/dist/es2019/components/menu.js +444 -17
  28. package/dist/es2019/components/multi-value.js +158 -11
  29. package/dist/es2019/components/option.js +45 -5
  30. package/dist/es2019/components/placeholder.js +33 -5
  31. package/dist/es2019/components/single-value.js +34 -5
  32. package/dist/esm/components/containers.compiled.css +26 -0
  33. package/dist/esm/components/containers.js +78 -11
  34. package/dist/esm/components/control.js +51 -6
  35. package/dist/esm/components/group.js +60 -9
  36. package/dist/esm/components/indicators.js +127 -13
  37. package/dist/esm/components/input.js +50 -6
  38. package/dist/esm/components/internal/a11y-text.js +12 -4
  39. package/dist/esm/components/internal/dummy-input.js +20 -5
  40. package/dist/esm/components/internal/required-input.js +22 -5
  41. package/dist/esm/components/live-region.js +99 -4
  42. package/dist/esm/components/menu.js +437 -25
  43. package/dist/esm/components/multi-value.js +148 -16
  44. package/dist/esm/components/option.js +41 -6
  45. package/dist/esm/components/placeholder.js +29 -6
  46. package/dist/esm/components/single-value.js +30 -6
  47. package/dist/types/components/containers.d.ts +12 -8
  48. package/dist/types/components/control.d.ts +7 -3
  49. package/dist/types/components/group.d.ts +10 -6
  50. package/dist/types/components/index.d.ts +21 -21
  51. package/dist/types/components/indicators.d.ts +12 -8
  52. package/dist/types/components/input.d.ts +8 -4
  53. package/dist/types/components/internal/a11y-text.d.ts +2 -2
  54. package/dist/types/components/internal/dummy-input.d.ts +7 -3
  55. package/dist/types/components/internal/required-input.d.ts +4 -0
  56. package/dist/types/components/live-region.d.ts +0 -2
  57. package/dist/types/components/menu.d.ts +17 -13
  58. package/dist/types/components/multi-value.d.ts +13 -9
  59. package/dist/types/components/option.d.ts +8 -4
  60. package/dist/types/components/placeholder.d.ts +8 -4
  61. package/dist/types/components/single-value.d.ts +8 -4
  62. package/dist/types/select.d.ts +23 -23
  63. package/dist/types/styles.d.ts +21 -21
  64. package/dist/types/types.d.ts +1 -4
  65. package/dist/types/utils.d.ts +1 -1
  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 -23
  82. package/dist/types-ts4.5/styles.d.ts +21 -21
  83. package/dist/types-ts4.5/types.d.ts +1 -4
  84. package/dist/types-ts4.5/utils.d.ts +1 -1
  85. package/package.json +2 -4
  86. package/dist/cjs/compiled/components/control.js +0 -65
  87. package/dist/cjs/compiled/components/group.js +0 -80
  88. package/dist/cjs/compiled/components/indicators.js +0 -158
  89. package/dist/cjs/compiled/components/input.js +0 -65
  90. package/dist/cjs/compiled/components/internal/a11y-text.js +0 -24
  91. package/dist/cjs/compiled/components/internal/dummy-input.js +0 -30
  92. package/dist/cjs/compiled/components/internal/required-input.js +0 -35
  93. package/dist/cjs/compiled/components/live-region.js +0 -117
  94. package/dist/cjs/compiled/components/menu.js +0 -489
  95. package/dist/cjs/compiled/components/multi-value.js +0 -173
  96. package/dist/cjs/compiled/components/option.js +0 -56
  97. package/dist/cjs/compiled/components/placeholder.js +0 -44
  98. package/dist/cjs/compiled/components/single-value.js +0 -45
  99. package/dist/cjs/emotion/components/containers.js +0 -117
  100. package/dist/cjs/emotion/components/control.js +0 -112
  101. package/dist/cjs/emotion/components/group.js +0 -72
  102. package/dist/cjs/emotion/components/indicators.js +0 -140
  103. package/dist/cjs/emotion/components/input.js +0 -94
  104. package/dist/cjs/emotion/components/internal/a11y-text.js +0 -37
  105. package/dist/cjs/emotion/components/internal/dummy-input.js +0 -45
  106. package/dist/cjs/emotion/components/internal/index.js +0 -34
  107. package/dist/cjs/emotion/components/internal/required-input.js +0 -45
  108. package/dist/cjs/emotion/components/internal/scroll-manager.js +0 -59
  109. package/dist/cjs/emotion/components/internal/use-scroll-capture.js +0 -132
  110. package/dist/cjs/emotion/components/internal/use-scroll-lock.js +0 -149
  111. package/dist/cjs/emotion/components/live-region.js +0 -120
  112. package/dist/cjs/emotion/components/menu.js +0 -456
  113. package/dist/cjs/emotion/components/multi-value.js +0 -199
  114. package/dist/cjs/emotion/components/option.js +0 -84
  115. package/dist/cjs/emotion/components/placeholder.js +0 -36
  116. package/dist/cjs/emotion/components/single-value.js +0 -42
  117. package/dist/es2019/compiled/components/control.js +0 -58
  118. package/dist/es2019/compiled/components/group.js +0 -72
  119. package/dist/es2019/compiled/components/indicators.js +0 -146
  120. package/dist/es2019/compiled/components/input.js +0 -56
  121. package/dist/es2019/compiled/components/internal/a11y-text.js +0 -13
  122. package/dist/es2019/compiled/components/internal/dummy-input.js +0 -20
  123. package/dist/es2019/compiled/components/internal/required-input.js +0 -25
  124. package/dist/es2019/compiled/components/live-region.js +0 -112
  125. package/dist/es2019/compiled/components/menu.js +0 -477
  126. package/dist/es2019/compiled/components/multi-value.js +0 -165
  127. package/dist/es2019/compiled/components/option.js +0 -48
  128. package/dist/es2019/compiled/components/placeholder.js +0 -36
  129. package/dist/es2019/compiled/components/single-value.js +0 -37
  130. package/dist/es2019/emotion/components/containers.js +0 -114
  131. package/dist/es2019/emotion/components/control.js +0 -108
  132. package/dist/es2019/emotion/components/group.js +0 -60
  133. package/dist/es2019/emotion/components/indicators.js +0 -131
  134. package/dist/es2019/emotion/components/input.js +0 -87
  135. package/dist/es2019/emotion/components/internal/a11y-text.js +0 -28
  136. package/dist/es2019/emotion/components/internal/dummy-input.js +0 -38
  137. package/dist/es2019/emotion/components/internal/index.js +0 -4
  138. package/dist/es2019/emotion/components/internal/required-input.js +0 -36
  139. package/dist/es2019/emotion/components/internal/scroll-manager.js +0 -51
  140. package/dist/es2019/emotion/components/internal/use-scroll-capture.js +0 -128
  141. package/dist/es2019/emotion/components/internal/use-scroll-lock.js +0 -143
  142. package/dist/es2019/emotion/components/live-region.js +0 -120
  143. package/dist/es2019/emotion/components/menu.js +0 -452
  144. package/dist/es2019/emotion/components/multi-value.js +0 -203
  145. package/dist/es2019/emotion/components/option.js +0 -79
  146. package/dist/es2019/emotion/components/placeholder.js +0 -29
  147. package/dist/es2019/emotion/components/single-value.js +0 -35
  148. package/dist/esm/compiled/components/control.js +0 -57
  149. package/dist/esm/compiled/components/group.js +0 -71
  150. package/dist/esm/compiled/components/indicators.js +0 -150
  151. package/dist/esm/compiled/components/input.js +0 -56
  152. package/dist/esm/compiled/components/internal/a11y-text.js +0 -15
  153. package/dist/esm/compiled/components/internal/dummy-input.js +0 -21
  154. package/dist/esm/compiled/components/internal/required-input.js +0 -26
  155. package/dist/esm/compiled/components/live-region.js +0 -109
  156. package/dist/esm/compiled/components/menu.js +0 -484
  157. package/dist/esm/compiled/components/multi-value.js +0 -162
  158. package/dist/esm/compiled/components/option.js +0 -47
  159. package/dist/esm/compiled/components/placeholder.js +0 -35
  160. package/dist/esm/compiled/components/single-value.js +0 -36
  161. package/dist/esm/emotion/components/containers.js +0 -110
  162. package/dist/esm/emotion/components/control.js +0 -104
  163. package/dist/esm/emotion/components/group.js +0 -66
  164. package/dist/esm/emotion/components/indicators.js +0 -135
  165. package/dist/esm/emotion/components/input.js +0 -90
  166. package/dist/esm/emotion/components/internal/a11y-text.js +0 -30
  167. package/dist/esm/emotion/components/internal/dummy-input.js +0 -39
  168. package/dist/esm/emotion/components/internal/index.js +0 -4
  169. package/dist/esm/emotion/components/internal/required-input.js +0 -37
  170. package/dist/esm/emotion/components/internal/scroll-manager.js +0 -51
  171. package/dist/esm/emotion/components/internal/use-scroll-capture.js +0 -126
  172. package/dist/esm/emotion/components/internal/use-scroll-lock.js +0 -143
  173. package/dist/esm/emotion/components/live-region.js +0 -117
  174. package/dist/esm/emotion/components/menu.js +0 -456
  175. package/dist/esm/emotion/components/multi-value.js +0 -193
  176. package/dist/esm/emotion/components/option.js +0 -76
  177. package/dist/esm/emotion/components/placeholder.js +0 -28
  178. package/dist/esm/emotion/components/single-value.js +0 -34
  179. package/dist/types/compiled/components/control.d.ts +0 -41
  180. package/dist/types/compiled/components/group.d.ts +0 -54
  181. package/dist/types/compiled/components/indicators.d.ts +0 -72
  182. package/dist/types/compiled/components/input.d.ts +0 -36
  183. package/dist/types/compiled/components/internal/a11y-text.d.ts +0 -3
  184. package/dist/types/compiled/components/internal/dummy-input.d.ts +0 -8
  185. package/dist/types/compiled/components/internal/required-input.d.ts +0 -10
  186. package/dist/types/compiled/components/live-region.d.ts +0 -17
  187. package/dist/types/compiled/components/menu.d.ts +0 -115
  188. package/dist/types/compiled/components/multi-value.d.ts +0 -57
  189. package/dist/types/compiled/components/option.d.ts +0 -48
  190. package/dist/types/compiled/components/placeholder.d.ts +0 -21
  191. package/dist/types/compiled/components/single-value.d.ts +0 -27
  192. package/dist/types/emotion/components/containers.d.ts +0 -54
  193. package/dist/types/emotion/components/control.d.ts +0 -42
  194. package/dist/types/emotion/components/group.d.ts +0 -52
  195. package/dist/types/emotion/components/indicators.d.ts +0 -73
  196. package/dist/types/emotion/components/input.d.ts +0 -37
  197. package/dist/types/emotion/components/internal/a11y-text.d.ts +0 -8
  198. package/dist/types/emotion/components/internal/dummy-input.d.ts +0 -9
  199. package/dist/types/emotion/components/internal/index.d.ts +0 -4
  200. package/dist/types/emotion/components/internal/required-input.d.ts +0 -10
  201. package/dist/types/emotion/components/internal/scroll-manager.d.ts +0 -17
  202. package/dist/types/emotion/components/internal/use-scroll-capture.d.ts +0 -12
  203. package/dist/types/emotion/components/internal/use-scroll-lock.d.ts +0 -9
  204. package/dist/types/emotion/components/live-region.d.ts +0 -23
  205. package/dist/types/emotion/components/menu.d.ts +0 -116
  206. package/dist/types/emotion/components/multi-value.d.ts +0 -47
  207. package/dist/types/emotion/components/option.d.ts +0 -49
  208. package/dist/types/emotion/components/placeholder.d.ts +0 -22
  209. package/dist/types/emotion/components/single-value.d.ts +0 -28
  210. package/dist/types-ts4.5/compiled/components/control.d.ts +0 -41
  211. package/dist/types-ts4.5/compiled/components/group.d.ts +0 -54
  212. package/dist/types-ts4.5/compiled/components/indicators.d.ts +0 -72
  213. package/dist/types-ts4.5/compiled/components/input.d.ts +0 -36
  214. package/dist/types-ts4.5/compiled/components/internal/a11y-text.d.ts +0 -3
  215. package/dist/types-ts4.5/compiled/components/internal/dummy-input.d.ts +0 -8
  216. package/dist/types-ts4.5/compiled/components/internal/required-input.d.ts +0 -10
  217. package/dist/types-ts4.5/compiled/components/live-region.d.ts +0 -17
  218. package/dist/types-ts4.5/compiled/components/menu.d.ts +0 -115
  219. package/dist/types-ts4.5/compiled/components/multi-value.d.ts +0 -57
  220. package/dist/types-ts4.5/compiled/components/option.d.ts +0 -48
  221. package/dist/types-ts4.5/compiled/components/placeholder.d.ts +0 -21
  222. package/dist/types-ts4.5/compiled/components/single-value.d.ts +0 -27
  223. package/dist/types-ts4.5/emotion/components/containers.d.ts +0 -54
  224. package/dist/types-ts4.5/emotion/components/control.d.ts +0 -42
  225. package/dist/types-ts4.5/emotion/components/group.d.ts +0 -52
  226. package/dist/types-ts4.5/emotion/components/indicators.d.ts +0 -73
  227. package/dist/types-ts4.5/emotion/components/input.d.ts +0 -37
  228. package/dist/types-ts4.5/emotion/components/internal/a11y-text.d.ts +0 -8
  229. package/dist/types-ts4.5/emotion/components/internal/dummy-input.d.ts +0 -9
  230. package/dist/types-ts4.5/emotion/components/internal/index.d.ts +0 -4
  231. package/dist/types-ts4.5/emotion/components/internal/required-input.d.ts +0 -10
  232. package/dist/types-ts4.5/emotion/components/internal/scroll-manager.d.ts +0 -17
  233. package/dist/types-ts4.5/emotion/components/internal/use-scroll-capture.d.ts +0 -12
  234. package/dist/types-ts4.5/emotion/components/internal/use-scroll-lock.d.ts +0 -9
  235. package/dist/types-ts4.5/emotion/components/live-region.d.ts +0 -23
  236. package/dist/types-ts4.5/emotion/components/menu.d.ts +0 -116
  237. package/dist/types-ts4.5/emotion/components/multi-value.d.ts +0 -47
  238. package/dist/types-ts4.5/emotion/components/option.d.ts +0 -49
  239. package/dist/types-ts4.5/emotion/components/placeholder.d.ts +0 -22
  240. package/dist/types-ts4.5/emotion/components/single-value.d.ts +0 -28
  241. /package/dist/cjs/{compiled/components → components}/control.compiled.css +0 -0
  242. /package/dist/cjs/{compiled/components → components}/group.compiled.css +0 -0
  243. /package/dist/cjs/{compiled/components → components}/indicators.compiled.css +0 -0
  244. /package/dist/cjs/{compiled/components → components}/input.compiled.css +0 -0
  245. /package/dist/cjs/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  246. /package/dist/cjs/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  247. /package/dist/cjs/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  248. /package/dist/cjs/{compiled/components → components}/menu.compiled.css +0 -0
  249. /package/dist/cjs/{compiled/components → components}/multi-value.compiled.css +0 -0
  250. /package/dist/cjs/{compiled/components → components}/option.compiled.css +0 -0
  251. /package/dist/cjs/{compiled/components → components}/placeholder.compiled.css +0 -0
  252. /package/dist/cjs/{compiled/components → components}/single-value.compiled.css +0 -0
  253. /package/dist/es2019/{compiled/components → components}/control.compiled.css +0 -0
  254. /package/dist/es2019/{compiled/components → components}/group.compiled.css +0 -0
  255. /package/dist/es2019/{compiled/components → components}/indicators.compiled.css +0 -0
  256. /package/dist/es2019/{compiled/components → components}/input.compiled.css +0 -0
  257. /package/dist/es2019/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  258. /package/dist/es2019/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  259. /package/dist/es2019/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  260. /package/dist/es2019/{compiled/components → components}/menu.compiled.css +0 -0
  261. /package/dist/es2019/{compiled/components → components}/multi-value.compiled.css +0 -0
  262. /package/dist/es2019/{compiled/components → components}/option.compiled.css +0 -0
  263. /package/dist/es2019/{compiled/components → components}/placeholder.compiled.css +0 -0
  264. /package/dist/es2019/{compiled/components → components}/single-value.compiled.css +0 -0
  265. /package/dist/esm/{compiled/components → components}/control.compiled.css +0 -0
  266. /package/dist/esm/{compiled/components → components}/group.compiled.css +0 -0
  267. /package/dist/esm/{compiled/components → components}/indicators.compiled.css +0 -0
  268. /package/dist/esm/{compiled/components → components}/input.compiled.css +0 -0
  269. /package/dist/esm/{compiled/components → components}/internal/a11y-text.compiled.css +0 -0
  270. /package/dist/esm/{compiled/components → components}/internal/dummy-input.compiled.css +0 -0
  271. /package/dist/esm/{compiled/components → components}/internal/required-input.compiled.css +0 -0
  272. /package/dist/esm/{compiled/components → components}/menu.compiled.css +0 -0
  273. /package/dist/esm/{compiled/components → components}/multi-value.compiled.css +0 -0
  274. /package/dist/esm/{compiled/components → components}/option.compiled.css +0 -0
  275. /package/dist/esm/{compiled/components → components}/placeholder.compiled.css +0 -0
  276. /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;