baseui 0.0.0-next-2aecb6f → 0.0.0-next-aad2baf

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 (496) hide show
  1. package/a11y/a11y.js.flow +12 -15
  2. package/a11y/index.js.flow +1 -1
  3. package/a11y/types.js.flow +2 -2
  4. package/accordion/accordion.js.flow +14 -29
  5. package/accordion/index.js.flow +6 -6
  6. package/accordion/panel.js.flow +22 -40
  7. package/accordion/stateful-panel-container.js.flow +7 -12
  8. package/accordion/stateful-panel.js.flow +2 -2
  9. package/accordion/stateless-accordion.js.flow +5 -5
  10. package/accordion/styled-components.js.flow +10 -10
  11. package/accordion/types.js.flow +9 -11
  12. package/app-nav-bar/app-nav-bar.js.flow +18 -34
  13. package/app-nav-bar/index.js.flow +3 -3
  14. package/app-nav-bar/mobile-menu.js.flow +26 -55
  15. package/app-nav-bar/styled-components.js.flow +37 -41
  16. package/app-nav-bar/types.js.flow +2 -2
  17. package/app-nav-bar/user-menu.js.flow +27 -51
  18. package/app-nav-bar/user-profile-tile.js.flow +18 -24
  19. package/app-nav-bar/utils.js.flow +6 -9
  20. package/aspect-ratio-box/aspect-ratio-box-body.js.flow +1 -1
  21. package/aspect-ratio-box/aspect-ratio-box.js.flow +8 -11
  22. package/aspect-ratio-box/index.js.flow +2 -2
  23. package/aspect-ratio-box/types.js.flow +1 -1
  24. package/avatar/avatar.js.flow +5 -16
  25. package/avatar/index.js.flow +1 -1
  26. package/avatar/styled-components.js.flow +4 -8
  27. package/avatar/types.js.flow +1 -1
  28. package/block/block.js.flow +7 -10
  29. package/block/index.js.flow +1 -1
  30. package/block/styled-components.js.flow +23 -23
  31. package/block/types.js.flow +2 -2
  32. package/breadcrumbs/breadcrumbs.js.flow +14 -33
  33. package/breadcrumbs/index.js.flow +1 -1
  34. package/breadcrumbs/styled-components.js.flow +5 -5
  35. package/breadcrumbs/types.js.flow +2 -2
  36. package/button/button-internals.js.flow +7 -10
  37. package/button/button.js.flow +26 -36
  38. package/button/default-props.js.flow +1 -1
  39. package/button/index.js.flow +2 -2
  40. package/button/styled-components.js.flow +49 -75
  41. package/button/types.js.flow +3 -3
  42. package/button/utils.js.flow +1 -1
  43. package/button-group/button-group.js.flow +10 -12
  44. package/button-group/index.js.flow +6 -6
  45. package/button-group/stateful-button-group.js.flow +3 -3
  46. package/button-group/stateful-container.js.flow +13 -25
  47. package/button-group/styled-components.js.flow +5 -5
  48. package/button-group/types.js.flow +8 -11
  49. package/card/card.js.flow +11 -29
  50. package/card/index.js.flow +1 -1
  51. package/card/styled-components.js.flow +8 -8
  52. package/card/types.js.flow +3 -3
  53. package/checkbox/checkbox.js.flow +21 -35
  54. package/checkbox/index.js.flow +4 -4
  55. package/checkbox/stateful-checkbox-container.js.flow +11 -14
  56. package/checkbox/stateful-checkbox.js.flow +3 -6
  57. package/checkbox/styled-components.js.flow +21 -44
  58. package/checkbox/types.js.flow +4 -4
  59. package/combobox/combobox.js.flow +18 -26
  60. package/combobox/index.js.flow +2 -2
  61. package/combobox/styled-components.js.flow +20 -24
  62. package/combobox/types.js.flow +4 -4
  63. package/data-table/column-anchor.js.flow +5 -5
  64. package/data-table/column-boolean.js.flow +8 -13
  65. package/data-table/column-categorical.js.flow +18 -23
  66. package/data-table/column-custom.js.flow +4 -9
  67. package/data-table/column-datetime.js.flow +41 -89
  68. package/data-table/column-numerical.js.flow +29 -37
  69. package/data-table/column-row-index.js.flow +3 -3
  70. package/data-table/column-string.js.flow +4 -4
  71. package/data-table/column.js.flow +6 -8
  72. package/data-table/constants.js.flow +1 -1
  73. package/data-table/data-table.js.flow +42 -92
  74. package/data-table/filter-menu.js.flow +17 -28
  75. package/data-table/filter-shell.js.flow +5 -5
  76. package/data-table/header-cell.js.flow +109 -119
  77. package/data-table/index.js.flow +15 -20
  78. package/data-table/measure-column-widths.js.flow +8 -16
  79. package/data-table/stateful-container.js.flow +11 -19
  80. package/data-table/stateful-data-table.js.flow +16 -22
  81. package/data-table/text-search.js.flow +3 -3
  82. package/data-table/types.js.flow +10 -13
  83. package/datepicker/calendar-header.js.flow +91 -156
  84. package/datepicker/calendar.js.flow +87 -127
  85. package/datepicker/datepicker.js.flow +57 -133
  86. package/datepicker/day.js.flow +48 -82
  87. package/datepicker/index.js.flow +8 -10
  88. package/datepicker/month.js.flow +9 -13
  89. package/datepicker/stateful-calendar.js.flow +1 -1
  90. package/datepicker/stateful-container.js.flow +9 -12
  91. package/datepicker/stateful-datepicker.js.flow +1 -1
  92. package/datepicker/styled-components.js.flow +128 -173
  93. package/datepicker/types.js.flow +32 -32
  94. package/datepicker/utils/calendar-header-helpers.js.flow +1 -1
  95. package/datepicker/utils/date-fns-adapter.js.flow +1 -1
  96. package/datepicker/utils/date-helpers.js +1 -1
  97. package/datepicker/utils/date-helpers.js.flow +63 -103
  98. package/datepicker/utils/day-state.js.flow +1 -1
  99. package/datepicker/utils/index.js.flow +2 -3
  100. package/datepicker/utils/types.js.flow +2 -2
  101. package/datepicker/week.js.flow +8 -11
  102. package/dnd-list/index.js.flow +7 -6
  103. package/dnd-list/list.js.flow +17 -44
  104. package/dnd-list/stateful-list-container.js.flow +6 -9
  105. package/dnd-list/stateful-list.js.flow +2 -2
  106. package/dnd-list/styled-components.js.flow +36 -45
  107. package/dnd-list/types.js.flow +6 -6
  108. package/drawer/close-icon.js.flow +1 -1
  109. package/drawer/constants.js.flow +3 -3
  110. package/drawer/drawer.js.flow +24 -41
  111. package/drawer/index.js.flow +2 -2
  112. package/drawer/styled-components.js.flow +30 -43
  113. package/drawer/types.js.flow +4 -7
  114. package/es/datepicker/utils/date-helpers.js +1 -1
  115. package/es/map-marker/fixed-marker.js +2 -2
  116. package/es/pagination/index.js +1 -1
  117. package/es/popover/popover.js +3 -2
  118. package/es/select/styled-components.js +1 -2
  119. package/es/timezonepicker/tzdata.js +6 -1
  120. package/es/timezonepicker/update-tzdata.js +9 -4
  121. package/esm/datepicker/utils/date-helpers.js +1 -1
  122. package/esm/map-marker/fixed-marker.js +2 -2
  123. package/esm/pagination/index.js +1 -1
  124. package/esm/popover/popover.js +3 -2
  125. package/esm/select/styled-components.js +1 -2
  126. package/esm/timezonepicker/tzdata.js +6 -1
  127. package/esm/timezonepicker/update-tzdata.js +11 -13
  128. package/file-uploader/file-uploader.js.flow +28 -60
  129. package/file-uploader/index.js.flow +1 -1
  130. package/file-uploader/styled-components.js.flow +6 -8
  131. package/file-uploader/types.js.flow +4 -6
  132. package/flex-grid/flex-grid-item.js.flow +21 -33
  133. package/flex-grid/flex-grid.js.flow +11 -14
  134. package/flex-grid/index.js.flow +2 -2
  135. package/flex-grid/types.js.flow +1 -1
  136. package/form-control/form-control.js.flow +11 -27
  137. package/form-control/index.js.flow +1 -1
  138. package/form-control/styled-components.js.flow +15 -18
  139. package/form-control/types.js.flow +2 -2
  140. package/header-navigation/header-navigation.js.flow +5 -10
  141. package/header-navigation/index.js.flow +2 -2
  142. package/header-navigation/styled-components.js.flow +36 -39
  143. package/header-navigation/types.js.flow +1 -1
  144. package/heading/heading-level.js.flow +3 -7
  145. package/heading/heading.js.flow +7 -22
  146. package/heading/index.js.flow +2 -2
  147. package/heading/types.js.flow +1 -1
  148. package/helper/constants.js.flow +1 -1
  149. package/helper/helper-steps.js.flow +8 -21
  150. package/helper/helper.js.flow +8 -8
  151. package/helper/index.js.flow +4 -4
  152. package/helper/stateful-helper.js.flow +4 -4
  153. package/helper/styled-components.js.flow +10 -22
  154. package/helpers/base-provider.js.flow +5 -5
  155. package/helpers/i18n-interpolation.js.flow +2 -2
  156. package/helpers/overrides.js.flow +17 -35
  157. package/helpers/react-helpers.js.flow +4 -4
  158. package/helpers/responsive-helpers.js.flow +1 -1
  159. package/helpers/strings.js.flow +1 -2
  160. package/helpers/types.js.flow +2 -2
  161. package/icon/alert.js.flow +6 -6
  162. package/icon/arrow-down.js.flow +7 -14
  163. package/icon/arrow-left.js.flow +7 -14
  164. package/icon/arrow-right.js.flow +7 -14
  165. package/icon/arrow-up.js.flow +7 -8
  166. package/icon/blank.js.flow +6 -6
  167. package/icon/build-icons.js.flow +9 -18
  168. package/icon/check-indeterminate.js.flow +7 -15
  169. package/icon/check.js.flow +6 -6
  170. package/icon/chevron-down.js.flow +7 -8
  171. package/icon/chevron-left.js.flow +7 -8
  172. package/icon/chevron-right.js.flow +7 -10
  173. package/icon/chevron-up.js.flow +7 -8
  174. package/icon/delete-alt.js.flow +7 -14
  175. package/icon/delete.js.flow +6 -6
  176. package/icon/filter.js.flow +6 -6
  177. package/icon/grab.js.flow +6 -6
  178. package/icon/hide.js.flow +6 -6
  179. package/icon/icon-exports.js.flow +28 -28
  180. package/icon/icon.js.flow +4 -4
  181. package/icon/index.js.flow +2 -2
  182. package/icon/menu.js.flow +6 -6
  183. package/icon/omit-dollar-prefixed-keys.js.flow +1 -1
  184. package/icon/overflow.js.flow +7 -8
  185. package/icon/plus.js.flow +6 -6
  186. package/icon/search.js.flow +6 -6
  187. package/icon/show.js.flow +6 -6
  188. package/icon/spinner.js.flow +7 -8
  189. package/icon/styled-components.js.flow +3 -3
  190. package/icon/triangle-down.js.flow +7 -16
  191. package/icon/triangle-left.js.flow +7 -16
  192. package/icon/triangle-right.js.flow +7 -16
  193. package/icon/triangle-up.js.flow +7 -14
  194. package/icon/types.js.flow +1 -1
  195. package/icon/upload.js.flow +6 -6
  196. package/index.js.flow +5 -5
  197. package/input/base-input.js.flow +29 -56
  198. package/input/index.js.flow +6 -11
  199. package/input/input.js.flow +13 -27
  200. package/input/masked-input.js.flow +5 -5
  201. package/input/stateful-container.js.flow +6 -11
  202. package/input/stateful-input.js.flow +1 -1
  203. package/input/styled-components.js.flow +31 -60
  204. package/input/types.js.flow +5 -12
  205. package/input/utils.js.flow +4 -9
  206. package/layer/index.js.flow +4 -4
  207. package/layer/layer.js.flow +16 -27
  208. package/layer/layers-manager.js.flow +17 -26
  209. package/layer/tether.js.flow +12 -14
  210. package/layer/types.js.flow +2 -2
  211. package/layer/utils.js.flow +2 -8
  212. package/layout-grid/cell.js.flow +5 -8
  213. package/layout-grid/grid.js.flow +11 -26
  214. package/layout-grid/index.js.flow +2 -2
  215. package/layout-grid/styled-components.js.flow +17 -41
  216. package/layout-grid/types.js.flow +3 -6
  217. package/link/index.js.flow +6 -6
  218. package/link/styled-components.js.flow +5 -7
  219. package/list/index.js.flow +5 -5
  220. package/list/list-heading.js.flow +76 -91
  221. package/list/list-item-label.js.flow +8 -12
  222. package/list/list-item.js.flow +64 -69
  223. package/list/menu-adapter.js.flow +31 -35
  224. package/list/styled-components.js.flow +52 -60
  225. package/list/types.js.flow +4 -4
  226. package/list/utils.js.flow +3 -6
  227. package/locale/es_AR.js.flow +1 -2
  228. package/locale/index.js.flow +5 -10
  229. package/locale/types.js.flow +12 -12
  230. package/map-marker/badge-enhancer.js.flow +12 -27
  231. package/map-marker/constants.js.flow +3 -3
  232. package/map-marker/drag-shadow.js.flow +8 -23
  233. package/map-marker/fixed-marker.js +2 -2
  234. package/map-marker/fixed-marker.js.flow +15 -26
  235. package/map-marker/floating-marker.js.flow +12 -17
  236. package/map-marker/index.js.flow +2 -2
  237. package/map-marker/label-enhancer.js.flow +6 -9
  238. package/map-marker/needle.js.flow +6 -12
  239. package/map-marker/pin-head.js.flow +14 -37
  240. package/map-marker/styled-components.js.flow +45 -60
  241. package/map-marker/types.js.flow +9 -11
  242. package/menu/index.js.flow +7 -7
  243. package/menu/maybe-child-menu.js.flow +8 -11
  244. package/menu/menu.js.flow +14 -23
  245. package/menu/nested-menus.js.flow +16 -17
  246. package/menu/option-list.js.flow +10 -15
  247. package/menu/option-profile.js.flow +13 -29
  248. package/menu/stateful-container.js.flow +34 -56
  249. package/menu/stateful-menu.js.flow +3 -3
  250. package/menu/styled-components.js.flow +42 -59
  251. package/menu/types.js.flow +21 -26
  252. package/menu/utils.js.flow +1 -1
  253. package/modal/close-icon.js.flow +2 -6
  254. package/modal/focus-once.js.flow +1 -1
  255. package/modal/index.js.flow +4 -4
  256. package/modal/modal-button.js.flow +9 -16
  257. package/modal/modal.js.flow +21 -36
  258. package/modal/styled-components.js.flow +13 -17
  259. package/modal/types.js.flow +5 -11
  260. package/notification/index.js.flow +2 -2
  261. package/notification/notification.js.flow +2 -2
  262. package/package.json +6 -2
  263. package/pagination/index.js +8 -8
  264. package/pagination/index.js.flow +8 -11
  265. package/pagination/pagination.js.flow +37 -60
  266. package/pagination/stateful-container.js.flow +12 -20
  267. package/pagination/stateful-pagination.js.flow +2 -4
  268. package/pagination/styled-components.js.flow +10 -14
  269. package/pagination/types.js.flow +7 -7
  270. package/payment-card/icons/amex.js.flow +2 -5
  271. package/payment-card/icons/dinersclub.js.flow +1 -1
  272. package/payment-card/icons/discover.js.flow +1 -1
  273. package/payment-card/icons/elo.js.flow +1 -1
  274. package/payment-card/icons/generic.js.flow +1 -1
  275. package/payment-card/icons/jcb.js.flow +4 -13
  276. package/payment-card/icons/maestro.js.flow +1 -1
  277. package/payment-card/icons/mastercard.js.flow +1 -1
  278. package/payment-card/icons/unionpay.js.flow +1 -1
  279. package/payment-card/icons/visa.js.flow +1 -1
  280. package/payment-card/index.js.flow +6 -6
  281. package/payment-card/payment-card.js.flow +12 -18
  282. package/payment-card/stateful-payment-card.js.flow +1 -1
  283. package/payment-card/styled-components.js.flow +5 -6
  284. package/payment-card/types.js.flow +2 -6
  285. package/payment-card/utils.js.flow +6 -18
  286. package/phone-input/base-country-picker.js.flow +22 -37
  287. package/phone-input/constants.js.flow +227 -227
  288. package/phone-input/country-picker.js.flow +17 -28
  289. package/phone-input/country-select-dropdown.js.flow +26 -41
  290. package/phone-input/country-select.js.flow +10 -22
  291. package/phone-input/default-props.js.flow +2 -6
  292. package/phone-input/flag.js.flow +6 -6
  293. package/phone-input/flags/index.js.flow +241 -241
  294. package/phone-input/index.js.flow +10 -10
  295. package/phone-input/phone-input-lite.js.flow +6 -6
  296. package/phone-input/phone-input-next.js.flow +13 -15
  297. package/phone-input/phone-input.js.flow +2 -2
  298. package/phone-input/stateful-phone-input-container.js.flow +4 -4
  299. package/phone-input/stateful-phone-input-next.js.flow +3 -5
  300. package/phone-input/stateful-phone-input.js.flow +1 -1
  301. package/phone-input/styled-components.js.flow +52 -62
  302. package/phone-input/types.js.flow +7 -11
  303. package/phone-input/utils.js.flow +2 -4
  304. package/pin-code/default-props.js.flow +1 -1
  305. package/pin-code/index.js.flow +4 -4
  306. package/pin-code/pin-code.js.flow +13 -25
  307. package/pin-code/stateful-pin-code-container.js.flow +6 -10
  308. package/pin-code/stateful-pin-code.js.flow +1 -1
  309. package/pin-code/styled-components.js.flow +19 -22
  310. package/pin-code/types.js.flow +4 -4
  311. package/popover/default-props.js.flow +2 -2
  312. package/popover/index.js.flow +3 -3
  313. package/popover/popover.js +3 -2
  314. package/popover/popover.js.flow +41 -69
  315. package/popover/stateful-container.js.flow +4 -7
  316. package/popover/stateful-popover.js.flow +3 -8
  317. package/popover/styled-components.js.flow +13 -26
  318. package/popover/types.js.flow +11 -25
  319. package/popover/utils.js.flow +8 -15
  320. package/progress-bar/index.js.flow +3 -3
  321. package/progress-bar/progressbar-rounded.js.flow +5 -6
  322. package/progress-bar/progressbar.js.flow +18 -35
  323. package/progress-bar/styled-components.js.flow +84 -103
  324. package/progress-bar/types.js.flow +3 -7
  325. package/progress-steps/index.js.flow +3 -3
  326. package/progress-steps/numbered-step.js.flow +6 -15
  327. package/progress-steps/progress-steps.js.flow +7 -14
  328. package/progress-steps/step.js.flow +7 -20
  329. package/progress-steps/styled-components.js.flow +25 -29
  330. package/progress-steps/types.js.flow +2 -2
  331. package/radio/index.js.flow +5 -5
  332. package/radio/radio.js.flow +11 -14
  333. package/radio/radiogroup.js.flow +19 -31
  334. package/radio/stateful-radiogroup-container.js.flow +7 -10
  335. package/radio/stateful-radiogroup.js.flow +3 -5
  336. package/radio/styled-components.js.flow +20 -26
  337. package/radio/types.js.flow +4 -4
  338. package/rating/emoticon-rating.js.flow +23 -37
  339. package/rating/index.js.flow +2 -2
  340. package/rating/star-rating.js.flow +20 -31
  341. package/rating/styled-components.js.flow +8 -27
  342. package/rating/types.js.flow +4 -4
  343. package/select/autosize-input.js.flow +10 -17
  344. package/select/constants.js.flow +1 -1
  345. package/select/default-props.js.flow +1 -1
  346. package/select/dropdown.js.flow +17 -22
  347. package/select/index.js.flow +11 -11
  348. package/select/multi-select.js.flow +2 -4
  349. package/select/multi-value.js.flow +5 -8
  350. package/select/select-component.js.flow +79 -159
  351. package/select/select.js.flow +1 -6
  352. package/select/single-select.js.flow +1 -1
  353. package/select/stateful-select-container.js.flow +5 -13
  354. package/select/stateful-select.js.flow +1 -1
  355. package/select/styled-components.js.flow +207 -267
  356. package/select/types.js.flow +8 -12
  357. package/select/utils/default-filter-options.js.flow +4 -5
  358. package/select/utils/index.js.flow +3 -6
  359. package/select/value.js.flow +4 -7
  360. package/side-navigation/index.js.flow +2 -2
  361. package/side-navigation/nav-item.js.flow +8 -9
  362. package/side-navigation/nav.js.flow +14 -28
  363. package/side-navigation/stateful-container.js.flow +8 -17
  364. package/side-navigation/stateful-nav.js.flow +1 -1
  365. package/side-navigation/styled-components.js.flow +13 -17
  366. package/side-navigation/types.js.flow +6 -6
  367. package/skeleton/index.js.flow +1 -1
  368. package/skeleton/skeleton.js.flow +4 -4
  369. package/skeleton/styled-components.js.flow +14 -17
  370. package/skeleton/types.js.flow +1 -1
  371. package/slider/index.js.flow +3 -3
  372. package/slider/slider.js.flow +17 -41
  373. package/slider/stateful-slider-container.js.flow +9 -12
  374. package/slider/stateful-slider.js.flow +1 -1
  375. package/slider/styled-components.js.flow +13 -13
  376. package/slider/types.js.flow +7 -11
  377. package/snackbar/index.js.flow +3 -3
  378. package/snackbar/snackbar-context.js.flow +13 -20
  379. package/snackbar/snackbar-element.js.flow +18 -30
  380. package/snackbar/styled-components.js.flow +18 -24
  381. package/snackbar/types.js.flow +2 -2
  382. package/spinner/index.js.flow +3 -2
  383. package/spinner/spinner.js.flow +8 -18
  384. package/spinner/styled-components.js.flow +6 -6
  385. package/spinner/types.js.flow +3 -3
  386. package/styles/as-primary-export-hoc.js.flow +1 -1
  387. package/styles/index.js.flow +3 -3
  388. package/styles/styled.js.flow +24 -33
  389. package/styles/theme-provider.js.flow +6 -9
  390. package/styles/types.js.flow +2 -2
  391. package/styles/util.js.flow +2 -2
  392. package/table/filter.js.flow +12 -28
  393. package/table/index.js.flow +4 -7
  394. package/table/sortable-head-cell.js.flow +9 -12
  395. package/table/styled-components.js.flow +60 -72
  396. package/table/table.js.flow +2 -2
  397. package/table/types.js.flow +2 -2
  398. package/table-grid/index.js.flow +3 -7
  399. package/table-grid/sortable-head-cell.js.flow +2 -2
  400. package/table-grid/styled-components.js.flow +19 -21
  401. package/table-semantic/index.js.flow +4 -4
  402. package/table-semantic/styled-components.js.flow +88 -128
  403. package/table-semantic/table-builder-column.js.flow +2 -4
  404. package/table-semantic/table-builder.js.flow +32 -66
  405. package/table-semantic/table.js.flow +13 -28
  406. package/table-semantic/types.js.flow +2 -2
  407. package/tabs/index.js.flow +4 -4
  408. package/tabs/stateful-tabs.js.flow +8 -24
  409. package/tabs/styled-components.js.flow +7 -7
  410. package/tabs/tab.js.flow +13 -16
  411. package/tabs/tabs.js.flow +15 -36
  412. package/tabs/types.js.flow +5 -5
  413. package/tabs-motion/stateful-tabs.js.flow +10 -23
  414. package/tabs-motion/styled-components.js.flow +59 -71
  415. package/tabs-motion/tab.js.flow +1 -1
  416. package/tabs-motion/tabs.js.flow +27 -55
  417. package/tabs-motion/types.js.flow +5 -5
  418. package/tabs-motion/utils.js.flow +6 -10
  419. package/tag/index.js.flow +2 -2
  420. package/tag/styled-components.js.flow +27 -39
  421. package/tag/tag.js.flow +9 -13
  422. package/tag/types.js.flow +2 -2
  423. package/tag/utils.js.flow +2 -4
  424. package/textarea/constants.js.flow +1 -1
  425. package/textarea/index.js.flow +5 -5
  426. package/textarea/stateful-container.js.flow +1 -0
  427. package/textarea/stateful-textarea.js.flow +1 -1
  428. package/textarea/styled-components.js.flow +10 -10
  429. package/textarea/textarea.js.flow +10 -10
  430. package/textarea/types.js.flow +3 -3
  431. package/themes/dark-theme/borders.js.flow +1 -1
  432. package/themes/dark-theme/color-component-tokens.js.flow +2 -4
  433. package/themes/dark-theme/color-deprecated-semantic-tokens.js.flow +1 -1
  434. package/themes/dark-theme/color-semantic-tokens.js.flow +2 -2
  435. package/themes/dark-theme/color-tokens.js.flow +2 -2
  436. package/themes/dark-theme/create-dark-theme.js.flow +5 -7
  437. package/themes/dark-theme/dark-theme.js.flow +1 -1
  438. package/themes/dark-theme/primitives.js.flow +2 -2
  439. package/themes/index.js.flow +4 -4
  440. package/themes/light-theme/color-component-tokens.js.flow +2 -4
  441. package/themes/light-theme/color-deprecated-semantic-tokens.js.flow +2 -4
  442. package/themes/light-theme/color-semantic-tokens.js.flow +2 -2
  443. package/themes/light-theme/color-tokens.js.flow +2 -2
  444. package/themes/light-theme/create-light-theme.js.flow +5 -7
  445. package/themes/light-theme/light-theme.js.flow +1 -1
  446. package/themes/light-theme/primitives.js.flow +2 -2
  447. package/themes/move-theme/dark-theme-with-move.js.flow +3 -6
  448. package/themes/move-theme/light-theme-with-move.js.flow +3 -6
  449. package/themes/move-theme/typography.js.flow +28 -29
  450. package/themes/shared/animation.js.flow +1 -1
  451. package/themes/shared/borders.js.flow +1 -1
  452. package/themes/shared/breakpoints.js.flow +1 -1
  453. package/themes/shared/grid.js.flow +1 -1
  454. package/themes/shared/lighting.js.flow +1 -1
  455. package/themes/shared/media-query.js.flow +2 -2
  456. package/themes/shared/sizing.js.flow +1 -1
  457. package/themes/shared/typography.js.flow +20 -21
  458. package/themes/types.js.flow +3 -8
  459. package/timepicker/index.js.flow +1 -1
  460. package/timepicker/timepicker.js.flow +36 -67
  461. package/timepicker/types.js.flow +4 -4
  462. package/timezonepicker/index.js.flow +1 -1
  463. package/timezonepicker/timezone-picker.js.flow +20 -30
  464. package/timezonepicker/types.js.flow +4 -4
  465. package/timezonepicker/tzdata.js +6 -1
  466. package/timezonepicker/tzdata.js.flow +6 -1
  467. package/timezonepicker/update-tzdata.js +11 -13
  468. package/timezonepicker/update-tzdata.js.flow +11 -6
  469. package/toast/index.js.flow +3 -3
  470. package/toast/styled-components.js.flow +14 -24
  471. package/toast/toast.js.flow +23 -35
  472. package/toast/toaster.js.flow +30 -48
  473. package/toast/types.js.flow +4 -4
  474. package/tokens/colors.js.flow +1 -1
  475. package/tokens/index.js.flow +1 -1
  476. package/tooltip/default-props.js.flow +2 -2
  477. package/tooltip/index.js.flow +4 -9
  478. package/tooltip/stateful-tooltip-container.js.flow +2 -2
  479. package/tooltip/stateful-tooltip.js.flow +2 -2
  480. package/tooltip/styled-components.js.flow +4 -8
  481. package/tooltip/tooltip.js.flow +5 -10
  482. package/tree-view/index.js.flow +5 -5
  483. package/tree-view/stateful-container.js.flow +10 -16
  484. package/tree-view/stateful-tree-view.js.flow +1 -1
  485. package/tree-view/styled-components.js.flow +25 -35
  486. package/tree-view/tree-label-interactable.js.flow +6 -7
  487. package/tree-view/tree-label.js.flow +10 -26
  488. package/tree-view/tree-node.js.flow +7 -8
  489. package/tree-view/tree-view.js.flow +9 -24
  490. package/tree-view/types.js.flow +2 -2
  491. package/tree-view/utils.js.flow +22 -53
  492. package/typography/index.js.flow +388 -468
  493. package/utils/create-event.js.flow +1 -1
  494. package/utils/deep-merge.js.flow +2 -5
  495. package/utils/deprecated-component.js.flow +1 -1
  496. package/utils/focusVisible.js.flow +3 -3
@@ -5,20 +5,20 @@ This source code is licensed under the MIT license found in the
5
5
  LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  // @flow
8
- import {styled} from '../styles/index.js';
9
- import type {SharedStylePropsArgT} from './types.js';
8
+ import { styled } from '../styles/index.js';
9
+ import type { SharedStylePropsArgT } from './types.js';
10
10
 
11
11
  /**
12
12
  * Main component container element
13
13
  */
14
- export const Root = styled<SharedStylePropsArgT>('div', ({$theme}) => {
14
+ export const Root = styled<SharedStylePropsArgT>('div', ({ $theme }) => {
15
15
  return {
16
16
  width: '100%',
17
17
  };
18
18
  });
19
19
  Root.displayName = 'StyledRoot';
20
20
 
21
- export const List = styled<SharedStylePropsArgT>('ul', ({$isDragged}) => {
21
+ export const List = styled<SharedStylePropsArgT>('ul', ({ $isDragged }) => {
22
22
  return ({
23
23
  paddingLeft: 0,
24
24
  cursor: $isDragged ? 'grabbing' : null,
@@ -29,7 +29,7 @@ List.displayName = 'StyledList';
29
29
 
30
30
  export const Item = styled<SharedStylePropsArgT>(
31
31
  'li',
32
- ({$isDragged, $isSelected, $theme, $isFocusVisible}) => {
32
+ ({ $isDragged, $isSelected, $theme, $isFocusVisible }) => {
33
33
  return ({
34
34
  ':hover':
35
35
  !$isDragged && !$isSelected
@@ -75,22 +75,17 @@ export const Item = styled<SharedStylePropsArgT>(
75
75
  borderBottomStyle: 'solid',
76
76
  borderLeftStyle: 'solid',
77
77
  borderRightStyle: 'solid',
78
- borderTopColor:
79
- $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
80
- borderBottomColor:
81
- $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
82
- borderLeftColor:
83
- $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
84
- borderRightColor:
85
- $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
78
+ borderTopColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
79
+ borderBottomColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
80
+ borderLeftColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
81
+ borderRightColor: $isDragged || $isSelected ? $theme.colors.primary : 'transparent',
86
82
  }: {});
87
- },
83
+ }
88
84
  );
89
85
  List.displayName = 'StyledItem';
90
86
 
91
- export const DragHandle = styled<SharedStylePropsArgT>('div', ({$theme}) => {
92
- const marginDir: string =
93
- $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
87
+ export const DragHandle = styled<SharedStylePropsArgT>('div', ({ $theme }) => {
88
+ const marginDir: string = $theme.direction === 'rtl' ? 'marginLeft' : 'marginRight';
94
89
  return {
95
90
  [marginDir]: $theme.sizing.scale600,
96
91
  width: $theme.sizing.scale800,
@@ -101,36 +96,32 @@ export const DragHandle = styled<SharedStylePropsArgT>('div', ({$theme}) => {
101
96
  });
102
97
  DragHandle.displayName = 'StyledDragHandle';
103
98
 
104
- export const CloseHandle = styled<SharedStylePropsArgT>(
105
- 'button',
106
- ({$theme, $isFocusVisible}) => {
107
- const marginDir: string =
108
- $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
109
- return {
110
- borderLeftStyle: 'none',
111
- borderTopStyle: 'none',
112
- borderRightStyle: 'none',
113
- borderBottomStyle: 'none',
114
- paddingTop: 0,
115
- paddingBottom: 0,
116
- paddingLeft: 0,
117
- paddingRight: 0,
118
- overflow: 'visible',
119
- cursor: 'pointer',
120
- backgroundColor: 'transparent',
121
- [marginDir]: $theme.sizing.scale600,
122
- width: $theme.sizing.scale800,
123
- display: 'flex',
124
- alignItems: 'center',
125
- ':focus': {
126
- outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none',
127
- },
128
- };
129
- },
130
- );
99
+ export const CloseHandle = styled<SharedStylePropsArgT>('button', ({ $theme, $isFocusVisible }) => {
100
+ const marginDir: string = $theme.direction === 'rtl' ? 'marginRight' : 'marginLeft';
101
+ return {
102
+ borderLeftStyle: 'none',
103
+ borderTopStyle: 'none',
104
+ borderRightStyle: 'none',
105
+ borderBottomStyle: 'none',
106
+ paddingTop: 0,
107
+ paddingBottom: 0,
108
+ paddingLeft: 0,
109
+ paddingRight: 0,
110
+ overflow: 'visible',
111
+ cursor: 'pointer',
112
+ backgroundColor: 'transparent',
113
+ [marginDir]: $theme.sizing.scale600,
114
+ width: $theme.sizing.scale800,
115
+ display: 'flex',
116
+ alignItems: 'center',
117
+ ':focus': {
118
+ outline: $isFocusVisible ? `3px solid ${$theme.colors.accent}` : 'none',
119
+ },
120
+ };
121
+ });
131
122
  CloseHandle.displayName = 'StyledCloseHandle';
132
123
 
133
- export const Label = styled<SharedStylePropsArgT>('div', ({$theme}) => ({
124
+ export const Label = styled<SharedStylePropsArgT>('div', ({ $theme }) => ({
134
125
  flexGrow: 1,
135
126
  ...$theme.typography.font300,
136
127
  }));
@@ -7,8 +7,8 @@ LICENSE file in the root directory of this source tree.
7
7
  // @flow
8
8
  /* eslint-disable flowtype/generic-spacing */
9
9
  import * as React from 'react';
10
- import type {OverrideT} from '../helpers/overrides.js';
11
- import {STATE_CHANGE_TYPE} from './constants.js';
10
+ import type { OverrideT } from '../helpers/overrides.js';
11
+ import { STATE_CHANGE_TYPE } from './constants.js';
12
12
 
13
13
  export type StateT = {
14
14
  items: Array<React.Node>,
@@ -19,7 +19,7 @@ export type StateChangeTypeT = $Values<typeof STATE_CHANGE_TYPE>;
19
19
  export type StateReducerT = (
20
20
  stateChangeType: StateChangeTypeT,
21
21
  nextState: StateT,
22
- currentState: StateT,
22
+ currentState: StateT
23
23
  ) => StateT;
24
24
 
25
25
  export type OverridesT = {
@@ -42,7 +42,7 @@ export type ListPropsT = {|
42
42
  /** Items (labels) to be rendered */
43
43
  items: Array<React.Node>,
44
44
  /** Handler for when drag and drop is finished and order changed or item is deleted (newIndex would be -1 in that case) */
45
- onChange: ({oldIndex: number, newIndex: number}) => mixed,
45
+ onChange: ({ oldIndex: number, newIndex: number }) => mixed,
46
46
  overrides?: OverridesT,
47
47
  |};
48
48
 
@@ -69,10 +69,10 @@ export type StatefulListPropsT = {|
69
69
  // Props for stateful container
70
70
  export type StatefulComponentContainerPropsT = $Diff<
71
71
  StatefulListPropsT,
72
- {children: ChildrenT},
72
+ { children: ChildrenT }
73
73
  > & {
74
74
  initialState?: StateT,
75
- children: (props: $Diff<ListPropsT, {children: ChildrenT}>) => React.Node,
75
+ children: (props: $Diff<ListPropsT, { children: ChildrenT }>) => React.Node,
76
76
  };
77
77
 
78
78
  export type SharedStylePropsArgT = {
@@ -8,7 +8,7 @@ LICENSE file in the root directory of this source tree.
8
8
  import * as React from 'react';
9
9
  import Delete from '../icon/delete.js';
10
10
 
11
- export function CloseIcon(props: {title: string}) {
11
+ export function CloseIcon(props: { title: string }) {
12
12
  return <Delete size="inherit" color="inherit" title={props.title} />;
13
13
  }
14
14
 
@@ -5,9 +5,9 @@ This source code is licensed under the MIT license found in the
5
5
  LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  // @flow
8
- import type {AnchorT, AnchorPropT, SizeT, SizePropT} from './types.js';
8
+ import type { AnchorT, AnchorPropT, SizeT, SizePropT } from './types.js';
9
9
 
10
- export const SIZE: {[key: SizeT]: SizePropT} = {
10
+ export const SIZE: { [key: SizeT]: SizePropT } = {
11
11
  default: 'default',
12
12
  full: 'full',
13
13
  auto: 'auto',
@@ -25,7 +25,7 @@ export const CLOSE_SOURCE = {
25
25
  escape: 'escape',
26
26
  };
27
27
 
28
- export const ANCHOR: {[key: AnchorT]: AnchorPropT} = {
28
+ export const ANCHOR: { [key: AnchorT]: AnchorPropT } = {
29
29
  left: 'left',
30
30
  right: 'right',
31
31
  top: 'top',
@@ -10,10 +10,10 @@ LICENSE file in the root directory of this source tree.
10
10
  import * as React from 'react';
11
11
  import FocusLock from 'react-focus-lock';
12
12
 
13
- import {LocaleContext} from '../locale/index.js';
14
- import {getOverrides} from '../helpers/overrides.js';
15
- import {Layer} from '../layer/index.js';
16
- import {SIZE, CLOSE_SOURCE, ANCHOR} from './constants.js';
13
+ import { LocaleContext } from '../locale/index.js';
14
+ import { getOverrides } from '../helpers/overrides.js';
15
+ import { Layer } from '../layer/index.js';
16
+ import { SIZE, CLOSE_SOURCE, ANCHOR } from './constants.js';
17
17
  import {
18
18
  StyledRoot,
19
19
  StyledBackdrop,
@@ -22,7 +22,7 @@ import {
22
22
  StyledClose,
23
23
  Hidden,
24
24
  } from './styled-components.js';
25
- import {CloseIcon} from './close-icon.js';
25
+ import { CloseIcon } from './close-icon.js';
26
26
 
27
27
  import type {
28
28
  DrawerPropsT,
@@ -31,7 +31,7 @@ import type {
31
31
  CloseSourceT,
32
32
  ElementRefT,
33
33
  } from './types.js';
34
- import {isFocusVisible, forkFocus, forkBlur} from '../utils/focusVisible.js';
34
+ import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
35
35
 
36
36
  class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
37
37
  static defaultProps: $Shape<DrawerPropsT> = {
@@ -50,7 +50,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
50
50
  animateStartTimer: ?AnimationFrameID;
51
51
  lastFocus: ?HTMLElement = null;
52
52
  lastMountNodeOverflowStyle: ?string = null;
53
- _refs: {[string]: ElementRefT} = {};
53
+ _refs: { [string]: ElementRefT } = {};
54
54
 
55
55
  state = {
56
56
  isVisible: false,
@@ -59,7 +59,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
59
59
  };
60
60
 
61
61
  componentDidMount() {
62
- this.setState({mounted: true});
62
+ this.setState({ mounted: true });
63
63
  }
64
64
 
65
65
  componentWillUnmount() {
@@ -68,7 +68,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
68
68
  }
69
69
 
70
70
  componentDidUpdate(prevProps: DrawerPropsT, prevState: DrawerStateT) {
71
- const {isOpen} = this.props;
71
+ const { isOpen } = this.props;
72
72
  if (
73
73
  // If isOpen is changing *or* we just mounted and drawer should be open
74
74
  isOpen !== prevProps.isOpen ||
@@ -84,13 +84,13 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
84
84
 
85
85
  handleFocus = (event: SyntheticEvent<>) => {
86
86
  if (isFocusVisible(event)) {
87
- this.setState({isFocusVisible: true});
87
+ this.setState({ isFocusVisible: true });
88
88
  }
89
89
  };
90
90
 
91
91
  handleBlur = (event: SyntheticEvent<>) => {
92
92
  if (this.state.isFocusVisible !== false) {
93
- this.setState({isFocusVisible: false});
93
+ this.setState({ isFocusVisible: false });
94
94
  }
95
95
  };
96
96
 
@@ -114,7 +114,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
114
114
  }
115
115
 
116
116
  getMountNode(): HTMLElement {
117
- const {mountNode} = this.props;
117
+ const { mountNode } = this.props;
118
118
  if (mountNode) {
119
119
  return mountNode;
120
120
  }
@@ -171,7 +171,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
171
171
 
172
172
  // eslint-disable-next-line cup/no-undef
173
173
  this.animateStartTimer = requestAnimationFrame(() => {
174
- this.setState({isVisible: true});
174
+ this.setState({ isVisible: true });
175
175
  });
176
176
  }
177
177
 
@@ -195,8 +195,8 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
195
195
  });
196
196
  };
197
197
 
198
- getSharedProps(): $Diff<SharedStylePropsArgT, {children?: React.Node}> {
199
- const {animate, isOpen, size, closeable, anchor, showBackdrop} = this.props;
198
+ getSharedProps(): $Diff<SharedStylePropsArgT, { children?: React.Node }> {
199
+ const { animate, isOpen, size, closeable, anchor, showBackdrop } = this.props;
200
200
  return {
201
201
  $animating: animate,
202
202
  $isVisible: this.state.isVisible,
@@ -210,7 +210,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
210
210
  }
211
211
 
212
212
  getChildren() {
213
- const {children} = this.props;
213
+ const { children } = this.props;
214
214
  return typeof children === 'function' ? children() : children;
215
215
  }
216
216
 
@@ -222,7 +222,7 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
222
222
  }
223
223
 
224
224
  renderDrawer(renderedContent: React.Node) {
225
- const {overrides = {}, closeable, autoFocus} = this.props;
225
+ const { overrides = {}, closeable, autoFocus } = this.props;
226
226
 
227
227
  const {
228
228
  Root: RootOverride,
@@ -233,18 +233,12 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
233
233
  } = overrides;
234
234
 
235
235
  const [Root, rootProps] = getOverrides(RootOverride, StyledRoot);
236
- const [Backdrop, backdropProps] = getOverrides(
237
- BackdropOverride,
238
- StyledBackdrop,
239
- );
236
+ const [Backdrop, backdropProps] = getOverrides(BackdropOverride, StyledBackdrop);
240
237
  const [DrawerContainer, drawerContainerProps] = getOverrides(
241
238
  DrawerContainerOverride,
242
- StyledDrawerContainer,
243
- );
244
- const [DrawerBody, drawerBodyProps] = getOverrides(
245
- DrawerBodyOverride,
246
- StyledDrawerBody,
239
+ StyledDrawerContainer
247
240
  );
241
+ const [DrawerBody, drawerBodyProps] = getOverrides(DrawerBodyOverride, StyledDrawerBody);
248
242
  const [Close, closeProps] = getOverrides(CloseOverride, StyledClose);
249
243
 
250
244
  const sharedProps = this.getSharedProps();
@@ -260,17 +254,8 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
260
254
  autoFocus={autoFocus}
261
255
  noFocusGuards={true}
262
256
  >
263
- <Root
264
- data-baseweb="drawer"
265
- ref={this.getRef('Root')}
266
- {...sharedProps}
267
- {...rootProps}
268
- >
269
- <Backdrop
270
- onClick={this.onBackdropClick}
271
- {...sharedProps}
272
- {...backdropProps}
273
- />
257
+ <Root data-baseweb="drawer" ref={this.getRef('Root')} {...sharedProps} {...rootProps}>
258
+ <Backdrop onClick={this.onBackdropClick} {...sharedProps} {...backdropProps} />
274
259
  <DrawerContainer {...sharedProps} {...drawerContainerProps}>
275
260
  <DrawerBody {...sharedProps} {...drawerBodyProps}>
276
261
  {renderedContent}
@@ -297,11 +282,9 @@ class Drawer extends React.Component<DrawerPropsT, DrawerStateT> {
297
282
  }
298
283
 
299
284
  render() {
300
- const mountedAndOpen =
301
- this.state.mounted && (this.props.isOpen || this.state.isVisible);
285
+ const mountedAndOpen = this.state.mounted && (this.props.isOpen || this.state.isVisible);
302
286
 
303
- const renderedContent =
304
- mountedAndOpen || this.props.renderAll ? this.getChildren() : null;
287
+ const renderedContent = mountedAndOpen || this.props.renderAll ? this.getChildren() : null;
305
288
 
306
289
  if (renderedContent) {
307
290
  if (mountedAndOpen) {
@@ -5,8 +5,8 @@ This source code is licensed under the MIT license found in the
5
5
  LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  // @flow
8
- export {default as Drawer} from './drawer.js';
9
- export {SIZE, SIZE_DIMENSION, ANCHOR, CLOSE_SOURCE} from './constants.js';
8
+ export { default as Drawer } from './drawer.js';
9
+ export { SIZE, SIZE_DIMENSION, ANCHOR, CLOSE_SOURCE } from './constants.js';
10
10
  export * from './styled-components.js';
11
11
  export type * from './types.js';
12
12
 
@@ -5,9 +5,9 @@ This source code is licensed under the MIT license found in the
5
5
  LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  // @flow
8
- import {styled} from '../styles/index.js';
9
- import {SIZE, SIZE_DIMENSION, ANCHOR} from './constants.js';
10
- import type {SharedStylePropsArgT, SizePropT, AnchorPropT} from './types.js';
8
+ import { styled } from '../styles/index.js';
9
+ import { SIZE, SIZE_DIMENSION, ANCHOR } from './constants.js';
10
+ import type { SharedStylePropsArgT, SizePropT, AnchorPropT } from './types.js';
11
11
 
12
12
  function getSizeStyles($size: SizePropT, $anchor: AnchorPropT) {
13
13
  const styles = {
@@ -38,15 +38,13 @@ function getSizeStyles($size: SizePropT, $anchor: AnchorPropT) {
38
38
  }
39
39
 
40
40
  function getAnchorStyles(props: SharedStylePropsArgT) {
41
- const {$anchor, $isVisible, $size} = props;
41
+ const { $anchor, $isVisible, $size } = props;
42
42
  const sizeStyles = getSizeStyles($size, $anchor);
43
- const {left, right, top, bottom} = ANCHOR;
43
+ const { left, right, top, bottom } = ANCHOR;
44
44
  switch ($anchor) {
45
45
  case right: {
46
46
  return {
47
- transform: $isVisible
48
- ? 'translateX(0)'
49
- : `translateX(${sizeStyles.width})`,
47
+ transform: $isVisible ? 'translateX(0)' : `translateX(${sizeStyles.width})`,
50
48
  right: $isVisible ? 0 : `-${sizeStyles.width}`,
51
49
  top: 0,
52
50
  ...sizeStyles,
@@ -54,9 +52,7 @@ function getAnchorStyles(props: SharedStylePropsArgT) {
54
52
  }
55
53
  case left: {
56
54
  return {
57
- transform: $isVisible
58
- ? 'translateX(0)'
59
- : `translateX(-${sizeStyles.width})`,
55
+ transform: $isVisible ? 'translateX(0)' : `translateX(-${sizeStyles.width})`,
60
56
  left: $isVisible ? 0 : `-${sizeStyles.width}`,
61
57
  top: 0,
62
58
  ...sizeStyles,
@@ -64,9 +60,7 @@ function getAnchorStyles(props: SharedStylePropsArgT) {
64
60
  }
65
61
  case bottom: {
66
62
  return {
67
- transform: $isVisible
68
- ? 'translateY(0)'
69
- : `translateY(${sizeStyles.height})`,
63
+ transform: $isVisible ? 'translateY(0)' : `translateY(${sizeStyles.height})`,
70
64
  left: 0,
71
65
  bottom: $isVisible ? '0' : `-${sizeStyles.height}`,
72
66
  ...sizeStyles,
@@ -74,9 +68,7 @@ function getAnchorStyles(props: SharedStylePropsArgT) {
74
68
  }
75
69
  case top: {
76
70
  return {
77
- transform: $isVisible
78
- ? 'translateY(0)'
79
- : `translateY(-${sizeStyles.height})`,
71
+ transform: $isVisible ? 'translateY(0)' : `translateY(-${sizeStyles.height})`,
80
72
  left: 0,
81
73
  top: $isVisible ? '0' : `-${sizeStyles.height}`,
82
74
  ...sizeStyles,
@@ -100,7 +92,7 @@ export const StyledRoot = styled<SharedStylePropsArgT>('div', (props) => {
100
92
  });
101
93
 
102
94
  export const StyledBackdrop = styled<SharedStylePropsArgT>('div', (props) => {
103
- const {$animating, $isOpen, $isVisible, $showBackdrop, $theme} = props;
95
+ const { $animating, $isOpen, $isVisible, $showBackdrop, $theme } = props;
104
96
  return {
105
97
  position: 'fixed',
106
98
  right: 0,
@@ -123,33 +115,28 @@ export const StyledBackdrop = styled<SharedStylePropsArgT>('div', (props) => {
123
115
  };
124
116
  });
125
117
 
126
- export const StyledDrawerContainer = styled<SharedStylePropsArgT>(
127
- 'div',
128
- (props) => {
129
- const {$animating, $isOpen, $isVisible, $theme} = props;
130
- return {
131
- backgroundColor: $theme.colors.backgroundPrimary,
132
- borderTopLeftRadius: $theme.borders.surfaceBorderRadius,
133
- borderTopRightRadius: $theme.borders.surfaceBorderRadius,
134
- borderBottomRightRadius: $theme.borders.surfaceBorderRadius,
135
- borderBottomLeftRadius: $theme.borders.surfaceBorderRadius,
136
- ...getAnchorStyles(props),
118
+ export const StyledDrawerContainer = styled<SharedStylePropsArgT>('div', (props) => {
119
+ const { $animating, $isOpen, $isVisible, $theme } = props;
120
+ return {
121
+ backgroundColor: $theme.colors.backgroundPrimary,
122
+ borderTopLeftRadius: $theme.borders.surfaceBorderRadius,
123
+ borderTopRightRadius: $theme.borders.surfaceBorderRadius,
124
+ borderBottomRightRadius: $theme.borders.surfaceBorderRadius,
125
+ borderBottomLeftRadius: $theme.borders.surfaceBorderRadius,
126
+ ...getAnchorStyles(props),
137
127
 
138
- // Animation
139
- opacity: $isVisible && $isOpen ? 1 : 0,
140
- transitionProperty: $animating ? 'opacity, transform' : null,
141
- transitionDuration: $animating ? $theme.animation.timing400 : null,
142
- transitionTimingFunction: $animating
143
- ? $theme.animation.easeOutCurve
144
- : null,
145
- display: 'flex',
146
- position: 'fixed',
147
- };
148
- },
149
- );
128
+ // Animation
129
+ opacity: $isVisible && $isOpen ? 1 : 0,
130
+ transitionProperty: $animating ? 'opacity, transform' : null,
131
+ transitionDuration: $animating ? $theme.animation.timing400 : null,
132
+ transitionTimingFunction: $animating ? $theme.animation.easeOutCurve : null,
133
+ display: 'flex',
134
+ position: 'fixed',
135
+ };
136
+ });
150
137
 
151
138
  export const StyledDrawerBody = styled<SharedStylePropsArgT>('div', (props) => {
152
- const {$theme} = props;
139
+ const { $theme } = props;
153
140
  return {
154
141
  ...$theme.typography.font200,
155
142
  color: $theme.colors.contentPrimary,
@@ -163,7 +150,7 @@ export const StyledDrawerBody = styled<SharedStylePropsArgT>('div', (props) => {
163
150
  });
164
151
 
165
152
  export const StyledClose = styled<SharedStylePropsArgT>('button', (props) => {
166
- const {$theme, $isFocusVisible} = props;
153
+ const { $theme, $isFocusVisible } = props;
167
154
  const dir: string = $theme.direction === 'rtl' ? 'left' : 'right';
168
155
  return {
169
156
  // Reset button styles
@@ -7,8 +7,8 @@ LICENSE file in the root directory of this source tree.
7
7
  // @flow
8
8
  /* eslint-disable flowtype/generic-spacing */
9
9
  import * as React from 'react';
10
- import type {OverrideT} from '../helpers/overrides.js';
11
- import {SIZE, CLOSE_SOURCE, ANCHOR} from './constants.js';
10
+ import type { OverrideT } from '../helpers/overrides.js';
11
+ import { SIZE, CLOSE_SOURCE, ANCHOR } from './constants.js';
12
12
 
13
13
  export type SizeT = $Keys<typeof SIZE>;
14
14
  export type SizePropT = SizeT | string;
@@ -27,7 +27,7 @@ export type OverridesT = {
27
27
  };
28
28
 
29
29
  // flowlint-next-line unclear-type:off
30
- export type ElementRefT = {current: React.ElementRef<any> | null};
30
+ export type ElementRefT = { current: React.ElementRef<any> | null };
31
31
 
32
32
  // Props shared by all flavors of modal
33
33
  export type DrawerPropsT = {
@@ -66,10 +66,7 @@ export type DrawerPropsT = {
66
66
  onEscapeKeyDown?: (e: Event) => mixed,
67
67
  };
68
68
 
69
- export type DrawerPropsWithoutChildrenT = $Diff<
70
- DrawerPropsT,
71
- {children: ?React.Node},
72
- >;
69
+ export type DrawerPropsWithoutChildrenT = $Diff<DrawerPropsT, { children: ?React.Node }>;
73
70
 
74
71
  export type DrawerStateT = {
75
72
  isVisible: boolean,
@@ -74,7 +74,7 @@ class DateHelpers {
74
74
  const {
75
75
  getOptions = defaultGetOptions,
76
76
  formats
77
- } = adapterMap[className] || adapterMap['DateFnsUtils'];
77
+ } = adapterMap[className] || adapterMap.DateFnsUtils;
78
78
  const options = getOptions(adapter);
79
79
  return new UtilsClass(Object.assign({}, updateOptions(Object.assign({}, options, {
80
80
  formats: Object.assign({}, options.formats, formats)
@@ -70,11 +70,11 @@ const FixedMarker = ({
70
70
  const enhancers = {};
71
71
 
72
72
  if (startEnhancer) {
73
- enhancers['startEnhancer'] = startEnhancer;
73
+ enhancers.startEnhancer = startEnhancer;
74
74
  }
75
75
 
76
76
  if (endEnhancer) {
77
- enhancers['endEnhancer'] = endEnhancer;
77
+ enhancers.endEnhancer = endEnhancer;
78
78
  }
79
79
 
80
80
  return /*#__PURE__*/React.createElement(Root, _extends({
@@ -4,10 +4,10 @@ Copyright (c) Uber Technologies, Inc.
4
4
  This source code is licensed under the MIT license found in the
5
5
  LICENSE file in the root directory of this source tree.
6
6
  */
7
+ import { SIZE } from '../input/index.js';
7
8
  export { default as Pagination } from './pagination.js';
8
9
  export { default as StatefulPagination } from './stateful-pagination.js';
9
10
  export { default as StatefulContainer } from './stateful-container.js';
10
- import { SIZE } from '../input/index.js';
11
11
  export { SIZE };
12
12
  export { StyledRoot, StyledMaxLabel, StyledDropdownContainer } from './styled-components.js'; // Constants
13
13
 
@@ -475,10 +475,11 @@ _defineProperty(PopoverInner, "defaultProps", defaultProps);
475
475
  const Popover = props => {
476
476
  const {
477
477
  innerRef
478
- } = props; //$FlowExpectedError[cannot-spread-inexact]
478
+ } = props;
479
+ const gID = useUID(); //$FlowExpectedError[cannot-spread-inexact]
479
480
 
480
481
  return /*#__PURE__*/React.createElement(PopoverInner, _extends({
481
- id: props.id || useUID(),
482
+ id: props.id || gID,
482
483
  ref: innerRef
483
484
  }, props));
484
485
  };
@@ -5,9 +5,8 @@ This source code is licensed under the MIT license found in the
5
5
  LICENSE file in the root directory of this source tree.
6
6
  */
7
7
  import { styled } from '../styles/index.js';
8
- import { TYPE } from './constants.js';
8
+ import { TYPE, SIZE } from './constants.js';
9
9
  import { StyledList, StyledListItem } from '../menu/index.js';
10
- import { SIZE } from './constants.js';
11
10
  import { ellipsisText } from '../styles/util.js';
12
11
 
13
12
  function getFont(size = SIZE.default, typography) {
@@ -1,2 +1,7 @@
1
- /* eslint-disable header/header */
1
+ /*
2
+ Copyright (c) Uber Technologies, Inc.
3
+
4
+ This source code is licensed under the MIT license found in the
5
+ LICENSE file in the root directory of this source tree.
6
+ */
2
7
  export const zones = ['Europe/Andorra', 'Asia/Dubai', 'Asia/Kabul', 'Europe/Tirane', 'Asia/Yerevan', 'Antarctica/Casey', 'Antarctica/Davis', 'Antarctica/Mawson', 'Antarctica/Palmer', 'Antarctica/Rothera', 'Antarctica/Troll', 'Antarctica/Vostok', 'America/Argentina/Buenos_Aires', 'America/Argentina/Cordoba', 'America/Argentina/Salta', 'America/Argentina/Jujuy', 'America/Argentina/Tucuman', 'America/Argentina/Catamarca', 'America/Argentina/La_Rioja', 'America/Argentina/San_Juan', 'America/Argentina/Mendoza', 'America/Argentina/San_Luis', 'America/Argentina/Rio_Gallegos', 'America/Argentina/Ushuaia', 'Pacific/Pago_Pago', 'Europe/Vienna', 'Australia/Lord_Howe', 'Antarctica/Macquarie', 'Australia/Hobart', 'Australia/Melbourne', 'Australia/Sydney', 'Australia/Broken_Hill', 'Australia/Brisbane', 'Australia/Lindeman', 'Australia/Adelaide', 'Australia/Darwin', 'Australia/Perth', 'Australia/Eucla', 'Asia/Baku', 'America/Barbados', 'Asia/Dhaka', 'Europe/Brussels', 'Europe/Sofia', 'Atlantic/Bermuda', 'Asia/Brunei', 'America/La_Paz', 'America/Noronha', 'America/Belem', 'America/Fortaleza', 'America/Recife', 'America/Araguaina', 'America/Maceio', 'America/Bahia', 'America/Sao_Paulo', 'America/Campo_Grande', 'America/Cuiaba', 'America/Santarem', 'America/Porto_Velho', 'America/Boa_Vista', 'America/Manaus', 'America/Eirunepe', 'America/Rio_Branco', 'Asia/Thimphu', 'Europe/Minsk', 'America/Belize', 'America/St_Johns', 'America/Halifax', 'America/Glace_Bay', 'America/Moncton', 'America/Goose_Bay', 'America/Toronto', 'America/Nipigon', 'America/Thunder_Bay', 'America/Iqaluit', 'America/Pangnirtung', 'America/Winnipeg', 'America/Rainy_River', 'America/Resolute', 'America/Rankin_Inlet', 'America/Regina', 'America/Swift_Current', 'America/Edmonton', 'America/Cambridge_Bay', 'America/Yellowknife', 'America/Inuvik', 'America/Dawson_Creek', 'America/Fort_Nelson', 'America/Whitehorse', 'America/Dawson', 'America/Vancouver', 'Indian/Cocos', 'Europe/Zurich', 'Africa/Abidjan', 'Pacific/Rarotonga', 'America/Santiago', 'America/Punta_Arenas', 'Pacific/Easter', 'Asia/Shanghai', 'Asia/Urumqi', 'America/Bogota', 'America/Costa_Rica', 'America/Havana', 'Atlantic/Cape_Verde', 'Indian/Christmas', 'Asia/Nicosia', 'Asia/Famagusta', 'Europe/Prague', 'Europe/Berlin', 'Europe/Copenhagen', 'America/Santo_Domingo', 'Africa/Algiers', 'America/Guayaquil', 'Pacific/Galapagos', 'Europe/Tallinn', 'Africa/Cairo', 'Africa/El_Aaiun', 'Europe/Madrid', 'Africa/Ceuta', 'Atlantic/Canary', 'Europe/Helsinki', 'Pacific/Fiji', 'Atlantic/Stanley', 'Pacific/Chuuk', 'Pacific/Pohnpei', 'Pacific/Kosrae', 'Atlantic/Faroe', 'Europe/Paris', 'Europe/London', 'Asia/Tbilisi', 'America/Cayenne', 'Europe/Gibraltar', 'America/Nuuk', 'America/Danmarkshavn', 'America/Scoresbysund', 'America/Thule', 'Europe/Athens', 'Atlantic/South_Georgia', 'America/Guatemala', 'Pacific/Guam', 'Africa/Bissau', 'America/Guyana', 'Asia/Hong_Kong', 'America/Tegucigalpa', 'America/Port-au-Prince', 'Europe/Budapest', 'Asia/Jakarta', 'Asia/Pontianak', 'Asia/Makassar', 'Asia/Jayapura', 'Europe/Dublin', 'Asia/Jerusalem', 'Asia/Kolkata', 'Indian/Chagos', 'Asia/Baghdad', 'Asia/Tehran', 'Atlantic/Reykjavik', 'Europe/Rome', 'America/Jamaica', 'Asia/Amman', 'Asia/Tokyo', 'Africa/Nairobi', 'Asia/Bishkek', 'Pacific/Tarawa', 'Pacific/Kanton', 'Pacific/Kiritimati', 'Asia/Pyongyang', 'Asia/Seoul', 'Asia/Almaty', 'Asia/Qyzylorda', 'Asia/Qostanay', 'Asia/Aqtobe', 'Asia/Aqtau', 'Asia/Atyrau', 'Asia/Oral', 'Asia/Beirut', 'Asia/Colombo', 'Africa/Monrovia', 'Europe/Vilnius', 'Europe/Luxembourg', 'Europe/Riga', 'Africa/Tripoli', 'Africa/Casablanca', 'Europe/Monaco', 'Europe/Chisinau', 'Pacific/Majuro', 'Pacific/Kwajalein', 'Asia/Yangon', 'Asia/Ulaanbaatar', 'Asia/Hovd', 'Asia/Choibalsan', 'Asia/Macau', 'America/Martinique', 'Europe/Malta', 'Indian/Mauritius', 'Indian/Maldives', 'America/Mexico_City', 'America/Cancun', 'America/Merida', 'America/Monterrey', 'America/Matamoros', 'America/Mazatlan', 'America/Chihuahua', 'America/Ojinaga', 'America/Hermosillo', 'America/Tijuana', 'America/Bahia_Banderas', 'Asia/Kuala_Lumpur', 'Asia/Kuching', 'Africa/Maputo', 'Africa/Windhoek', 'Pacific/Noumea', 'Pacific/Norfolk', 'Africa/Lagos', 'America/Managua', 'Europe/Amsterdam', 'Europe/Oslo', 'Asia/Kathmandu', 'Pacific/Nauru', 'Pacific/Niue', 'Pacific/Auckland', 'Pacific/Chatham', 'America/Panama', 'America/Lima', 'Pacific/Tahiti', 'Pacific/Marquesas', 'Pacific/Gambier', 'Pacific/Port_Moresby', 'Pacific/Bougainville', 'Asia/Manila', 'Asia/Karachi', 'Europe/Warsaw', 'America/Miquelon', 'Pacific/Pitcairn', 'America/Puerto_Rico', 'Asia/Gaza', 'Asia/Hebron', 'Europe/Lisbon', 'Atlantic/Madeira', 'Atlantic/Azores', 'Pacific/Palau', 'America/Asuncion', 'Asia/Qatar', 'Indian/Reunion', 'Europe/Bucharest', 'Europe/Belgrade', 'Europe/Kaliningrad', 'Europe/Moscow', 'Europe/Simferopol', 'Europe/Kirov', 'Europe/Volgograd', 'Europe/Astrakhan', 'Europe/Saratov', 'Europe/Ulyanovsk', 'Europe/Samara', 'Asia/Yekaterinburg', 'Asia/Omsk', 'Asia/Novosibirsk', 'Asia/Barnaul', 'Asia/Tomsk', 'Asia/Novokuznetsk', 'Asia/Krasnoyarsk', 'Asia/Irkutsk', 'Asia/Chita', 'Asia/Yakutsk', 'Asia/Khandyga', 'Asia/Vladivostok', 'Asia/Ust-Nera', 'Asia/Magadan', 'Asia/Sakhalin', 'Asia/Srednekolymsk', 'Asia/Kamchatka', 'Asia/Anadyr', 'Asia/Riyadh', 'Pacific/Guadalcanal', 'Indian/Mahe', 'Africa/Khartoum', 'Europe/Stockholm', 'Asia/Singapore', 'America/Paramaribo', 'Africa/Juba', 'Africa/Sao_Tome', 'America/El_Salvador', 'Asia/Damascus', 'America/Grand_Turk', 'Africa/Ndjamena', 'Indian/Kerguelen', 'Asia/Bangkok', 'Asia/Dushanbe', 'Pacific/Fakaofo', 'Asia/Dili', 'Asia/Ashgabat', 'Africa/Tunis', 'Pacific/Tongatapu', 'Europe/Istanbul', 'Pacific/Funafuti', 'Asia/Taipei', 'Europe/Kiev', 'Europe/Uzhgorod', 'Europe/Zaporozhye', 'Pacific/Wake', 'America/New_York', 'America/Detroit', 'America/Kentucky/Louisville', 'America/Kentucky/Monticello', 'America/Indiana/Indianapolis', 'America/Indiana/Vincennes', 'America/Indiana/Winamac', 'America/Indiana/Marengo', 'America/Indiana/Petersburg', 'America/Indiana/Vevay', 'America/Chicago', 'America/Indiana/Tell_City', 'America/Indiana/Knox', 'America/Menominee', 'America/North_Dakota/Center', 'America/North_Dakota/New_Salem', 'America/North_Dakota/Beulah', 'America/Denver', 'America/Boise', 'America/Phoenix', 'America/Los_Angeles', 'America/Anchorage', 'America/Juneau', 'America/Sitka', 'America/Metlakatla', 'America/Yakutat', 'America/Nome', 'America/Adak', 'Pacific/Honolulu', 'America/Montevideo', 'Asia/Samarkand', 'Asia/Tashkent', 'America/Caracas', 'Asia/Ho_Chi_Minh', 'Pacific/Efate', 'Pacific/Wallis', 'Pacific/Apia', 'Africa/Johannesburg'];