@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,76 +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 optionCSS = function optionCSS(_ref) {
11
- var isDisabled = _ref.isDisabled,
12
- isFocused = _ref.isFocused,
13
- isSelected = _ref.isSelected;
14
- var color = "var(--ds-text, #172B4D)";
15
- if (isDisabled) {
16
- color = "var(--ds-text-disabled, #091E424F)";
17
- } else if (isSelected) {
18
- color = "var(--ds-text-selected, #0C66E4)";
19
- }
20
- var boxShadow;
21
- var backgroundColor;
22
- if (isDisabled) {
23
- backgroundColor = undefined;
24
- } else if (isSelected && isFocused) {
25
- backgroundColor = "var(--ds-background-selected-hovered, #CCE0FF)";
26
- } else if (isSelected) {
27
- backgroundColor = "var(--ds-background-selected, #E9F2FF)";
28
- } else if (isFocused) {
29
- backgroundColor = "var(--ds-background-neutral-subtle-hovered, #091E420F)";
30
- }
31
- if (!isDisabled && (isFocused || isSelected)) {
32
- boxShadow = "inset 2px 0px 0px ".concat("var(--ds-border-selected, #0C66E4)");
33
- }
34
- var cursor = isDisabled ? 'not-allowed' : 'default';
35
- return {
36
- label: 'option',
37
- display: 'block',
38
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
39
- fontSize: 'inherit',
40
- width: '100%',
41
- userSelect: 'none',
42
- WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)',
43
- padding: "var(--ds-space-075, 6px)".concat(" ", "var(--ds-space-150, 12px)"),
44
- backgroundColor: backgroundColor,
45
- color: color,
46
- cursor: cursor,
47
- boxShadow: boxShadow,
48
- ':active': {
49
- backgroundColor: !isDisabled ? isSelected ? "var(--ds-background-selected-pressed, #85B8FF)" : "var(--ds-background-neutral-subtle-pressed, #091E4224)" : undefined
50
- },
51
- '@media screen and (-ms-high-contrast: active)': {
52
- borderLeft: !isDisabled && (isFocused || isSelected) ? '2px solid transparent' : ''
53
- }
54
- };
55
- };
56
- var Option = function Option(props) {
57
- var children = props.children,
58
- isDisabled = props.isDisabled,
59
- isFocused = props.isFocused,
60
- isSelected = props.isSelected,
61
- innerRef = props.innerRef,
62
- innerProps = props.innerProps;
63
- return jsx("div", _extends({}, getStyleProps(props, 'option', {
64
- option: true,
65
- 'option--is-disabled': isDisabled,
66
- 'option--is-focused': isFocused,
67
- 'option--is-selected': isSelected
68
- }), {
69
- ref: innerRef
70
- }, innerProps, {
71
- tabIndex: -1
72
- }), children);
73
- };
74
-
75
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
76
- export default Option;
@@ -1,28 +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 placeholderCSS = function placeholderCSS(_ref) {
11
- var isDisabled = _ref.isDisabled;
12
- return {
13
- label: 'placeholder',
14
- gridArea: '1 / 1 / 2 / 3',
15
- margin: "0 ".concat("var(--ds-space-025, 2px)"),
16
- color: isDisabled ? "var(--ds-text-disabled, #091E424F)" : "var(--ds-text-subtlest, #626F86)"
17
- };
18
- };
19
- var Placeholder = function Placeholder(props) {
20
- var children = props.children,
21
- innerProps = props.innerProps;
22
- return jsx("div", _extends({}, getStyleProps(props, 'placeholder', {
23
- placeholder: true
24
- }), innerProps), children);
25
- };
26
-
27
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
28
- export default Placeholder;
@@ -1,34 +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
- return {
13
- label: 'singleValue',
14
- gridArea: '1 / 1 / 2 / 3',
15
- maxWidth: '100%',
16
- overflow: 'hidden',
17
- textOverflow: 'ellipsis',
18
- whiteSpace: 'nowrap',
19
- margin: "0 ".concat("var(--ds-space-025, 2px)"),
20
- color: isDisabled ? "var(--ds-text-disabled, #091E424F)" : "var(--ds-text, #172B4D)"
21
- };
22
- };
23
- var SingleValue = function SingleValue(props) {
24
- var children = props.children,
25
- isDisabled = props.isDisabled,
26
- innerProps = props.innerProps;
27
- return jsx("div", _extends({}, getStyleProps(props, 'singleValue', {
28
- 'single-value': true,
29
- 'single-value--is-disabled': isDisabled
30
- }), innerProps), children);
31
- };
32
-
33
- // eslint-disable-next-line @repo/internal/react/require-jsdoc
34
- export default SingleValue;
@@ -1,41 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode, type Ref } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- export interface ControlProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * Children to render.
10
- */
11
- children: ReactNode;
12
- innerRef: Ref<HTMLDivElement>;
13
- /**
14
- * The mouse down event and the innerRef to pass down to the controller element.
15
- */
16
- innerProps: {};
17
- /**
18
- * Whether the select is disabled.
19
- */
20
- isDisabled: boolean;
21
- /**
22
- * Whether the select is focused.
23
- */
24
- isFocused: boolean;
25
- /**
26
- * Whether the select is invalid.
27
- */
28
- isInvalid: boolean | undefined;
29
- /**
30
- * Whether the select is compact.
31
- */
32
- isCompact?: boolean;
33
- appearance?: 'default' | 'subtle' | 'none';
34
- /**
35
- * Whether the select is expanded.
36
- */
37
- menuIsOpen: boolean;
38
- }
39
- export declare const css: () => {};
40
- declare const Control: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ControlProps<Option, IsMulti, Group>) => JSX.Element;
41
- export default Control;
@@ -1,54 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ComponentType, type ReactNode } from 'react';
6
- import { type XCSSProp } from '@compiled/react';
7
- import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
8
- import { type SelectProps } from '../../select';
9
- import { type CommonProps, type CommonPropsAndClassName, type CX, type GetStyles, type GroupBase, type Options } from '../../types';
10
- interface ForwardedHeadingProps<Option, Group extends GroupBase<Option>> {
11
- id: string;
12
- data: Group;
13
- }
14
- export interface GroupProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
15
- /**
16
- * The children to be rendered.
17
- */
18
- children: ReactNode;
19
- /**
20
- * Component to wrap the label, receives headingProps.
21
- */
22
- Heading: ComponentType<GroupHeadingProps<Option, IsMulti, Group>>;
23
- /**
24
- * Props to pass to Heading.
25
- */
26
- headingProps: ForwardedHeadingProps<Option, Group>;
27
- /**
28
- * Props to be passed to the group element.
29
- */
30
- innerProps: JSX.IntrinsicElements['div'];
31
- /**
32
- * Label to be displayed in the heading component.
33
- */
34
- label: ReactNode;
35
- /**
36
- * The data of the group.
37
- */
38
- data: Group;
39
- options: Options<Option>;
40
- }
41
- export declare const groupCSS: () => {};
42
- declare const Group: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupProps<Option, IsMulti, Group>) => JSX.Element;
43
- interface GroupHeadingPropsDefinedProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends ForwardedHeadingProps<Option, Group> {
44
- className?: string | undefined;
45
- selectProps: SelectProps<Option, IsMulti, Group>;
46
- getStyles: GetStyles<Option, IsMulti, Group>;
47
- getClassNames: CommonProps<Option, IsMulti, Group>['getClassNames'];
48
- cx: CX;
49
- xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
50
- }
51
- export type GroupHeadingProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = GroupHeadingPropsDefinedProps<Option, IsMulti, Group> & JSX.IntrinsicElements['div'];
52
- export declare const groupHeadingCSS: () => {};
53
- export declare const GroupHeading: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: GroupHeadingProps<Option, IsMulti, Group>) => JSX.Element;
54
- export default Group;
@@ -1,72 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- export interface DropdownIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * The children to be rendered inside the indicator.
10
- */
11
- children?: ReactNode;
12
- /**
13
- * Props that will be passed on to the children.
14
- */
15
- innerProps: JSX.IntrinsicElements['div'];
16
- /**
17
- * The focused state of the select.
18
- */
19
- isFocused: boolean;
20
- isDisabled: boolean;
21
- /**
22
- * Whether the select is compact.
23
- */
24
- isCompact?: boolean;
25
- }
26
- export declare const dropdownIndicatorCSS: () => {};
27
- export declare const DropdownIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: DropdownIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
28
- export interface ClearIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
29
- /**
30
- * The children to be rendered inside the indicator.
31
- */
32
- children?: ReactNode;
33
- /**
34
- * Sets the `aria-label` for the clear icon button
35
- */
36
- clearControlLabel?: string;
37
- /**
38
- * Props that will be passed on to the children.
39
- */
40
- innerProps: JSX.IntrinsicElements['div'];
41
- /**
42
- * The focused state of the select.
43
- */
44
- isFocused: boolean;
45
- /**
46
- * Whether the select is compact.
47
- */
48
- isCompact?: boolean;
49
- }
50
- export declare const clearIndicatorCSS: () => {};
51
- export declare const ClearIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: ClearIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
52
- export declare const loadingIndicatorCSS: () => {};
53
- export interface LoadingIndicatorProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
54
- /**
55
- * Props that will be passed on to the children.
56
- */
57
- innerProps: JSX.IntrinsicElements['div'];
58
- /**
59
- * The focused state of the select.
60
- */
61
- isFocused: boolean;
62
- isDisabled: boolean;
63
- /**
64
- * Set size of the container.
65
- */
66
- size: number;
67
- /**
68
- * Whether the select is compact.
69
- */
70
- isCompact?: boolean;
71
- }
72
- export declare const LoadingIndicator: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ innerProps, isRtl, size, isCompact, xcss, ...restProps }: LoadingIndicatorProps<Option, IsMulti, Group>) => JSX.Element;
@@ -1,36 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type InputHTMLAttributes } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- interface InputSpecificProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends InputHTMLAttributes<HTMLInputElement>, CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * Reference to the internal element
10
- */
11
- innerRef?: (instance: HTMLInputElement | null) => void;
12
- /**
13
- * Set whether the input should be visible. Does not affect input size.
14
- */
15
- isHidden: boolean;
16
- /**
17
- * Whether the input is disabled
18
- */
19
- isDisabled?: boolean;
20
- /**
21
- * The ID of the form that the input belongs to
22
- */
23
- form?: string;
24
- /**
25
- * Set className for the input element
26
- */
27
- inputClassName?: string;
28
- /**
29
- * A testId prop is provided for specific elements. This is a unique string that appears as a data attribute data-testid in the rendered code and serves as a hook for automated tests.
30
- */
31
- testId?: string;
32
- }
33
- export type InputProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> = InputSpecificProps<Option, IsMulti, Group>;
34
- export declare const inputCSS: () => {};
35
- declare const Input: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: InputProps<Option, IsMulti, Group>) => JSX.Element;
36
- export default Input;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const A11yText: (props: JSX.IntrinsicElements['span']) => JSX.Element;
3
- export default A11yText;
@@ -1,8 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type Ref } from 'react';
6
- export default function DummyInput({ innerRef, ...props }: JSX.IntrinsicElements['input'] & {
7
- readonly innerRef: Ref<HTMLInputElement>;
8
- }): JSX.Element;
@@ -1,10 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type FocusEventHandler, type FunctionComponent } from 'react';
6
- declare const RequiredInput: FunctionComponent<{
7
- readonly name?: string;
8
- readonly onFocus: FocusEventHandler<HTMLInputElement>;
9
- }>;
10
- export default RequiredInput;
@@ -1,17 +0,0 @@
1
- import React, { type ReactNode } from 'react';
2
- import { type AriaSelection } from '../../accessibility';
3
- import { type CommonProps, type GroupBase, type Options } from '../../types';
4
- interface LiveRegionProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group> {
5
- children: ReactNode;
6
- innerProps: {
7
- className?: string;
8
- };
9
- ariaSelection: AriaSelection<Option, IsMulti>;
10
- selectValue: Options<Option>;
11
- focusableOptions: Options<Option>;
12
- isFocused: boolean;
13
- id: string;
14
- isAppleDevice: boolean;
15
- }
16
- declare const LiveRegion: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: LiveRegionProps<Option, IsMulti, Group>) => React.JSX.Element;
17
- export default LiveRegion;
@@ -1,115 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type LegacyRef, type ReactElement, type ReactNode, type Ref } from 'react';
6
- import { type CoercedMenuPlacement, type CommonProps, type CommonPropsAndClassName, type GroupBase, type MenuPlacement, type MenuPosition } from '../../types';
7
- interface MenuPlacementProps {
8
- /**
9
- * Set the minimum height of the menu.
10
- */
11
- minMenuHeight: number;
12
- /**
13
- * Set the maximum height of the menu.
14
- */
15
- maxMenuHeight: number;
16
- /**
17
- * Set whether the menu should be at the top, at the bottom. The auto options sets it to bottom.
18
- */
19
- menuPlacement: MenuPlacement;
20
- /**
21
- * The CSS position value of the menu, when "fixed" extra layout management is required
22
- */
23
- menuPosition: MenuPosition;
24
- /**
25
- * Set whether the page should scroll to show the menu.
26
- */
27
- menuShouldScrollIntoView: boolean;
28
- }
29
- export interface MenuProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group>, MenuPlacementProps {
30
- /**
31
- * Reference to the internal element, consumed by the MenuPlacer component
32
- */
33
- innerRef: Ref<HTMLDivElement>;
34
- innerProps: JSX.IntrinsicElements['div'];
35
- isLoading: boolean;
36
- placement: CoercedMenuPlacement;
37
- /**
38
- * The children to be rendered.
39
- */
40
- children: ReactNode;
41
- }
42
- interface PlacerProps {
43
- placement: CoercedMenuPlacement;
44
- maxHeight: number;
45
- }
46
- interface ChildrenProps {
47
- ref: Ref<HTMLDivElement>;
48
- placerProps: PlacerProps;
49
- }
50
- interface MenuPlacerProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonProps<Option, IsMulti, Group>, MenuPlacementProps {
51
- /**
52
- * The children to be rendered.
53
- */
54
- children: (childrenProps: ChildrenProps) => ReactElement;
55
- }
56
- export declare const menuCSS: () => {};
57
- export declare const MenuPlacer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPlacerProps<Option, IsMulti, Group>) => ReactElement<any, string | import("react").JSXElementConstructor<any>>;
58
- declare const Menu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuProps<Option, IsMulti, Group>) => JSX.Element;
59
- export default Menu;
60
- export interface MenuListProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
61
- /**
62
- * Set the max height of the Menu component
63
- */
64
- maxHeight: number;
65
- /**
66
- * The children to be rendered.
67
- */
68
- children: ReactNode;
69
- /**
70
- * Inner ref to DOM ReactNode
71
- */
72
- innerRef: LegacyRef<HTMLDivElement>;
73
- /**
74
- * The currently focused option
75
- */
76
- focusedOption: Option;
77
- /**
78
- * Props to be passed to the menu-list wrapper.
79
- */
80
- innerProps: JSX.IntrinsicElements['div'];
81
- }
82
- export declare const menuListCSS: () => {};
83
- export declare const MenuList: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuListProps<Option, IsMulti, Group>) => JSX.Element;
84
- export declare const noOptionsMessageCSS: () => {};
85
- export declare const loadingMessageCSS: () => {};
86
- export interface NoticeProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
87
- /**
88
- * The children to be rendered.
89
- */
90
- children: ReactNode;
91
- /**
92
- * Props to be passed on to the wrapper.
93
- */
94
- innerProps: JSX.IntrinsicElements['div'];
95
- }
96
- export declare const NoOptionsMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
97
- export declare const LoadingMessage: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, xcss, ...restProps }: NoticeProps<Option, IsMulti, Group>) => JSX.Element;
98
- export interface MenuPortalProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
99
- appendTo: HTMLElement | undefined;
100
- children: ReactNode;
101
- controlElement: HTMLDivElement | null;
102
- innerProps: JSX.IntrinsicElements['div'];
103
- menuPlacement: MenuPlacement;
104
- menuPosition: MenuPosition;
105
- }
106
- export interface PortalStyleArgs {
107
- offset: number;
108
- position: MenuPosition;
109
- rect: {
110
- left: number;
111
- width: number;
112
- };
113
- }
114
- export declare const menuPortalCSS: () => {};
115
- export declare const MenuPortal: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MenuPortalProps<Option, IsMulti, Group>) => JSX.Element | null;
@@ -1,57 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ComponentType, type CSSProperties, type ReactNode } from 'react';
6
- import { type XCSSProp } from '@compiled/react';
7
- import type { XCSSAllProperties, XCSSAllPseudos } from '@atlaskit/css';
8
- import { type SelectProps } from '../../select';
9
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
10
- interface MultiValueComponents<Option, IsMulti extends boolean, Group extends GroupBase<Option>> {
11
- Container: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
12
- Label: ComponentType<MultiValueGenericProps<Option, IsMulti, Group>>;
13
- Remove: ComponentType<MultiValueRemoveProps<Option, IsMulti, Group>>;
14
- }
15
- export interface MultiValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
16
- children: ReactNode;
17
- components: MultiValueComponents<Option, IsMulti, Group>;
18
- cropWithEllipsis?: boolean;
19
- data: Option;
20
- innerProps: JSX.IntrinsicElements['div'];
21
- isFocused: boolean;
22
- isDisabled: boolean;
23
- removeProps: JSX.IntrinsicElements['div'];
24
- index: number;
25
- }
26
- export declare const multiValueCSS: () => {};
27
- export declare const multiValueLabelCSS: () => {};
28
- export declare const multiValueRemoveCSS: () => {};
29
- export interface MultiValueGenericProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
30
- children: ReactNode;
31
- data: any;
32
- innerProps: {
33
- className?: string;
34
- style?: CSSProperties;
35
- };
36
- selectProps: SelectProps<Option, IsMulti, Group>;
37
- isFocused?: boolean;
38
- isDisabled?: boolean;
39
- hasEllipsis?: boolean;
40
- className?: string | undefined;
41
- xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
42
- }
43
- export declare const MultiValueContainer: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isFocused, isDisabled, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
44
- export declare const MultiValueLabel: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ children, innerProps, isDisabled, hasEllipsis, className, xcss, }: MultiValueGenericProps<Option, IsMulti, Group>) => JSX.Element;
45
- export interface MultiValueRemoveProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> {
46
- children?: ReactNode;
47
- data: Option;
48
- innerProps: JSX.IntrinsicElements['div'];
49
- selectProps: SelectProps<Option, IsMulti, Group>;
50
- isDisabled: boolean;
51
- isFocused?: boolean;
52
- className?: string | undefined;
53
- xcss?: XCSSProp<XCSSAllProperties, XCSSAllPseudos> | undefined;
54
- }
55
- export declare function MultiValueRemove<Option, IsMulti extends boolean, Group extends GroupBase<Option>>({ isDisabled, isFocused, innerProps, className, xcss, }: MultiValueRemoveProps<Option, IsMulti, Group>): JSX.Element;
56
- declare const MultiValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: MultiValueProps<Option, IsMulti, Group>) => JSX.Element;
57
- export default MultiValue;
@@ -1,48 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode, type RefCallback } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- export interface OptionProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * The children to be rendered.
10
- */
11
- children: ReactNode;
12
- /**
13
- * Inner ref to DOM Node
14
- */
15
- innerRef: RefCallback<HTMLDivElement>;
16
- /**
17
- * props passed to the wrapping element for the group.
18
- */
19
- innerProps: JSX.IntrinsicElements['div'];
20
- /**
21
- * Text to be displayed representing the option.
22
- */
23
- label: string;
24
- /**
25
- * Type is used by the menu to determine whether this is an option or a group.
26
- * In the case of option this is always `option`. *
27
- */
28
- type: 'option';
29
- /**
30
- * The data of the selected option.
31
- */
32
- data: Option;
33
- /**
34
- * Whether the option is disabled.
35
- */
36
- isDisabled: boolean;
37
- /**
38
- * Whether the option is focused.
39
- */
40
- isFocused: boolean;
41
- /**
42
- * Whether the option is selected.
43
- */
44
- isSelected: boolean;
45
- }
46
- export declare const optionCSS: () => {};
47
- declare const Option: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => JSX.Element;
48
- export default Option;
@@ -1,21 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- export interface PlaceholderProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * The children to be rendered.
10
- */
11
- children: ReactNode;
12
- /**
13
- * props passed to the wrapping element for the group.
14
- */
15
- innerProps: JSX.IntrinsicElements['div'];
16
- isDisabled: boolean;
17
- isFocused: boolean;
18
- }
19
- export declare const placeholderCSS: () => {};
20
- declare const Placeholder: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: PlaceholderProps<Option, IsMulti, Group>) => JSX.Element;
21
- export default Placeholder;
@@ -1,27 +0,0 @@
1
- /**
2
- * @jsxRuntime classic
3
- * @jsx jsx
4
- */
5
- import { type ReactNode } from 'react';
6
- import { type CommonPropsAndClassName, type GroupBase } from '../../types';
7
- export interface SingleValueProps<Option = unknown, IsMulti extends boolean = boolean, Group extends GroupBase<Option> = GroupBase<Option>> extends CommonPropsAndClassName<Option, IsMulti, Group> {
8
- /**
9
- * The children to be rendered.
10
- */
11
- children: ReactNode;
12
- /**
13
- * The data of the selected option rendered in the Single Value component.
14
- */
15
- data: Option;
16
- /**
17
- * Props passed to the wrapping element for the group.
18
- */
19
- innerProps: JSX.IntrinsicElements['div'];
20
- /**
21
- * Whether this is disabled.
22
- */
23
- isDisabled: boolean;
24
- }
25
- export declare const css: () => {};
26
- declare const SingleValue: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: SingleValueProps<Option, IsMulti, Group>) => JSX.Element;
27
- export default SingleValue;