newskit 5.0.0 → 5.1.0

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 (399) hide show
  1. package/README.md +3 -3
  2. package/cjs/date-time/date-time.d.ts.map +1 -1
  3. package/cjs/date-time/date-time.js +1 -1
  4. package/cjs/date-time/date-time.js.map +1 -1
  5. package/cjs/dialog/base-dialog-function.d.ts.map +1 -1
  6. package/cjs/dialog/base-dialog-function.js +12 -13
  7. package/cjs/dialog/base-dialog-function.js.map +1 -1
  8. package/cjs/dialog/base-dialog-tests.d.ts.map +1 -1
  9. package/cjs/dialog/base-dialog-tests.js +16 -0
  10. package/cjs/dialog/base-dialog-tests.js.map +1 -1
  11. package/cjs/dialog/base-dialog-view.d.ts.map +1 -1
  12. package/cjs/dialog/base-dialog-view.js +7 -2
  13. package/cjs/dialog/base-dialog-view.js.map +1 -1
  14. package/cjs/form/context.d.ts +1 -0
  15. package/cjs/form/context.d.ts.map +1 -1
  16. package/cjs/form/context.js.map +1 -1
  17. package/cjs/form/form-input.d.ts +2 -2
  18. package/cjs/form/form-input.d.ts.map +1 -1
  19. package/cjs/form/form-input.js +14 -12
  20. package/cjs/form/form-input.js.map +1 -1
  21. package/cjs/grid-layout/grid-layout.d.ts +15 -0
  22. package/cjs/grid-layout/grid-layout.d.ts.map +1 -0
  23. package/cjs/grid-layout/grid-layout.js +81 -0
  24. package/cjs/grid-layout/grid-layout.js.map +1 -0
  25. package/cjs/grid-layout/index.d.ts +2 -0
  26. package/cjs/grid-layout/index.d.ts.map +1 -0
  27. package/cjs/grid-layout/index.js +14 -0
  28. package/cjs/grid-layout/index.js.map +1 -0
  29. package/cjs/grid-layout/styled.d.ts +7 -0
  30. package/cjs/grid-layout/styled.d.ts.map +1 -0
  31. package/cjs/grid-layout/styled.js +80 -0
  32. package/cjs/grid-layout/styled.js.map +1 -0
  33. package/cjs/grid-layout/types.d.ts +36 -0
  34. package/cjs/grid-layout/types.d.ts.map +1 -0
  35. package/cjs/grid-layout/types.js +3 -0
  36. package/cjs/grid-layout/types.js.map +1 -0
  37. package/cjs/grid-layout/utils.d.ts +7 -0
  38. package/cjs/grid-layout/utils.d.ts.map +1 -0
  39. package/cjs/grid-layout/utils.js +51 -0
  40. package/cjs/grid-layout/utils.js.map +1 -0
  41. package/cjs/icons/custom-to-newskit-icon.d.ts +1 -4
  42. package/cjs/icons/custom-to-newskit-icon.d.ts.map +1 -1
  43. package/cjs/icons/custom-to-newskit-icon.js +6 -9
  44. package/cjs/icons/custom-to-newskit-icon.js.map +1 -1
  45. package/cjs/icons/filled/custom/icon-filled-facebook.d.ts +1 -4
  46. package/cjs/icons/filled/custom/icon-filled-facebook.d.ts.map +1 -1
  47. package/cjs/icons/filled/custom/icon-filled-figma.d.ts +1 -4
  48. package/cjs/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
  49. package/cjs/icons/filled/custom/icon-filled-github.d.ts +1 -4
  50. package/cjs/icons/filled/custom/icon-filled-github.d.ts.map +1 -1
  51. package/cjs/icons/filled/custom/icon-filled-instagram.d.ts +1 -4
  52. package/cjs/icons/filled/custom/icon-filled-instagram.d.ts.map +1 -1
  53. package/cjs/icons/filled/custom/icon-filled-reddit.d.ts +1 -4
  54. package/cjs/icons/filled/custom/icon-filled-reddit.d.ts.map +1 -1
  55. package/cjs/icons/filled/custom/icon-filled-twitter.d.ts +1 -4
  56. package/cjs/icons/filled/custom/icon-filled-twitter.d.ts.map +1 -1
  57. package/cjs/icons/filled/custom/icon-filled-whatsapp.d.ts +1 -4
  58. package/cjs/icons/filled/custom/icon-filled-whatsapp.d.ts.map +1 -1
  59. package/cjs/icons/filled/custom/icon-filled-youtube.d.ts +1 -4
  60. package/cjs/icons/filled/custom/icon-filled-youtube.d.ts.map +1 -1
  61. package/cjs/icons/outlined/custom/icon-outlined-figma.d.ts +1 -4
  62. package/cjs/icons/outlined/custom/icon-outlined-figma.d.ts.map +1 -1
  63. package/cjs/icons/to-newskit-icon.d.ts.map +1 -1
  64. package/cjs/icons/to-newskit-icon.js +3 -3
  65. package/cjs/icons/to-newskit-icon.js.map +1 -1
  66. package/cjs/index.d.ts +2 -0
  67. package/cjs/index.d.ts.map +1 -1
  68. package/cjs/index.js +2 -0
  69. package/cjs/index.js.map +1 -1
  70. package/cjs/label/styled.d.ts +1 -1
  71. package/cjs/label/types.d.ts +2 -2
  72. package/cjs/label/types.d.ts.map +1 -1
  73. package/cjs/menu/menu.d.ts.map +1 -1
  74. package/cjs/menu/menu.js.map +1 -1
  75. package/cjs/menu/styled.d.ts +2 -2
  76. package/cjs/menu/styled.d.ts.map +1 -1
  77. package/cjs/menu/types.d.ts +4 -2
  78. package/cjs/menu/types.d.ts.map +1 -1
  79. package/cjs/select/defaults.d.ts +15 -0
  80. package/cjs/select/defaults.d.ts.map +1 -1
  81. package/cjs/select/defaults.js +15 -0
  82. package/cjs/select/defaults.js.map +1 -1
  83. package/cjs/select/select-panel.d.ts +9 -1
  84. package/cjs/select/select-panel.d.ts.map +1 -1
  85. package/cjs/select/select-panel.js +42 -11
  86. package/cjs/select/select-panel.js.map +1 -1
  87. package/cjs/select/select.d.ts.map +1 -1
  88. package/cjs/select/select.js +23 -12
  89. package/cjs/select/select.js.map +1 -1
  90. package/cjs/select/styled.d.ts +6 -1
  91. package/cjs/select/styled.d.ts.map +1 -1
  92. package/cjs/select/styled.js +9 -6
  93. package/cjs/select/styled.js.map +1 -1
  94. package/cjs/select/types.d.ts +9 -4
  95. package/cjs/select/types.d.ts.map +1 -1
  96. package/cjs/select/utils.d.ts +10 -0
  97. package/cjs/select/utils.d.ts.map +1 -0
  98. package/cjs/select/utils.js +29 -0
  99. package/cjs/select/utils.js.map +1 -0
  100. package/cjs/slider/types.d.ts +3 -2
  101. package/cjs/slider/types.d.ts.map +1 -1
  102. package/cjs/tabs/styled.d.ts.map +1 -1
  103. package/cjs/tabs/styled.js +2 -2
  104. package/cjs/tabs/styled.js.map +1 -1
  105. package/cjs/tabs/types.d.ts +8 -4
  106. package/cjs/tabs/types.d.ts.map +1 -1
  107. package/cjs/text-field/styled.d.ts +2 -2
  108. package/cjs/text-field/styled.d.ts.map +1 -1
  109. package/cjs/text-field/text-field.d.ts.map +1 -1
  110. package/cjs/text-field/text-field.js.map +1 -1
  111. package/cjs/text-field/types.d.ts +4 -2
  112. package/cjs/text-field/types.d.ts.map +1 -1
  113. package/cjs/text-field/types.js.map +1 -1
  114. package/cjs/theme/foundations/overlays.js +4 -4
  115. package/cjs/theme/foundations/overlays.js.map +1 -1
  116. package/cjs/theme-checker/helper.d.ts +13 -0
  117. package/cjs/theme-checker/helper.d.ts.map +1 -0
  118. package/cjs/theme-checker/helper.js +141 -0
  119. package/cjs/theme-checker/helper.js.map +1 -0
  120. package/cjs/theme-checker/index.d.ts +2 -0
  121. package/cjs/theme-checker/index.d.ts.map +1 -0
  122. package/cjs/theme-checker/index.js +14 -0
  123. package/cjs/theme-checker/index.js.map +1 -0
  124. package/cjs/theme-checker/scenarios.d.ts +11 -0
  125. package/cjs/theme-checker/scenarios.d.ts.map +1 -0
  126. package/cjs/theme-checker/scenarios.js +779 -0
  127. package/cjs/theme-checker/scenarios.js.map +1 -0
  128. package/cjs/theme-checker/styled.d.ts +44 -0
  129. package/cjs/theme-checker/styled.d.ts.map +1 -0
  130. package/cjs/theme-checker/styled.js +30 -0
  131. package/cjs/theme-checker/styled.js.map +1 -0
  132. package/cjs/theme-checker/theme-checker.d.ts +3 -0
  133. package/cjs/theme-checker/theme-checker.d.ts.map +1 -0
  134. package/cjs/theme-checker/theme-checker.js +102 -0
  135. package/cjs/theme-checker/theme-checker.js.map +1 -0
  136. package/cjs/theme-checker/themes/sun-theme/borders.json +3 -0
  137. package/cjs/theme-checker/themes/sun-theme/colors.json +283 -0
  138. package/cjs/theme-checker/themes/sun-theme/fonts.json +43 -0
  139. package/cjs/theme-checker/themes/sun-theme/overlays.json +14 -0
  140. package/cjs/theme-checker/themes/sun-theme/shadows.json +8 -0
  141. package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts +733 -0
  142. package/cjs/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -0
  143. package/cjs/theme-checker/themes/sun-theme/sun-theme.js +28 -0
  144. package/cjs/theme-checker/themes/sun-theme/sun-theme.js.map +1 -0
  145. package/cjs/theme-checker/themes/sun-theme/typography-presets.json +378 -0
  146. package/cjs/theme-checker/themes/tnl-theme/borders.json +3 -0
  147. package/cjs/theme-checker/themes/tnl-theme/colors.json +162 -0
  148. package/cjs/theme-checker/themes/tnl-theme/fonts.json +59 -0
  149. package/cjs/theme-checker/themes/tnl-theme/overlays.json +14 -0
  150. package/cjs/theme-checker/themes/tnl-theme/shadows.json +8 -0
  151. package/cjs/theme-checker/themes/tnl-theme/tnl-theme.d.ts +620 -0
  152. package/cjs/theme-checker/themes/tnl-theme/tnl-theme.d.ts.map +1 -0
  153. package/cjs/theme-checker/themes/tnl-theme/tnl-theme.js +28 -0
  154. package/cjs/theme-checker/themes/tnl-theme/tnl-theme.js.map +1 -0
  155. package/cjs/theme-checker/themes/tnl-theme/typography-presets.json +370 -0
  156. package/cjs/theme-checker/themes/virgin-theme/borders.json +3 -0
  157. package/cjs/theme-checker/themes/virgin-theme/colors.json +180 -0
  158. package/cjs/theme-checker/themes/virgin-theme/fonts.json +38 -0
  159. package/cjs/theme-checker/themes/virgin-theme/overlays.json +25 -0
  160. package/cjs/theme-checker/themes/virgin-theme/shadows.json +9 -0
  161. package/cjs/theme-checker/themes/virgin-theme/typography-presets.json +338 -0
  162. package/cjs/theme-checker/themes/virgin-theme/virgin-theme.d.ts +597 -0
  163. package/cjs/theme-checker/themes/virgin-theme/virgin-theme.d.ts.map +1 -0
  164. package/cjs/theme-checker/themes/virgin-theme/virgin-theme.js +27 -0
  165. package/cjs/theme-checker/themes/virgin-theme/virgin-theme.js.map +1 -0
  166. package/cjs/title-bar/styled.d.ts +13 -0
  167. package/cjs/title-bar/styled.d.ts.map +1 -0
  168. package/cjs/title-bar/styled.js +14 -0
  169. package/cjs/title-bar/styled.js.map +1 -0
  170. package/cjs/title-bar/title-bar.d.ts.map +1 -1
  171. package/cjs/title-bar/title-bar.js +3 -11
  172. package/cjs/title-bar/title-bar.js.map +1 -1
  173. package/cjs/utils/hooks/use-media-query/context.d.ts +1 -0
  174. package/cjs/utils/hooks/use-media-query/context.d.ts.map +1 -1
  175. package/cjs/utils/hooks/use-media-query/context.js +8 -2
  176. package/cjs/utils/hooks/use-media-query/context.js.map +1 -1
  177. package/cjs/utils/hooks/use-media-query/utils.js +1 -1
  178. package/cjs/utils/hooks/use-media-query/utils.js.map +1 -1
  179. package/cjs/utils/hooks/use-resize-observer.d.ts.map +1 -1
  180. package/cjs/utils/hooks/use-resize-observer.js +3 -1
  181. package/cjs/utils/hooks/use-resize-observer.js.map +1 -1
  182. package/cjs/utils/overrides.d.ts +1 -1
  183. package/cjs/utils/overrides.d.ts.map +1 -1
  184. package/cjs/utils/style/index.d.ts +1 -0
  185. package/cjs/utils/style/index.d.ts.map +1 -1
  186. package/cjs/utils/style/index.js +1 -0
  187. package/cjs/utils/style/index.js.map +1 -1
  188. package/cjs/utils/to-kabab-case.d.ts +2 -0
  189. package/cjs/utils/to-kabab-case.d.ts.map +1 -0
  190. package/cjs/utils/to-kabab-case.js +16 -0
  191. package/cjs/utils/to-kabab-case.js.map +1 -0
  192. package/cjs/utils/uniq.d.ts +2 -0
  193. package/cjs/utils/uniq.d.ts.map +1 -0
  194. package/cjs/utils/uniq.js +6 -0
  195. package/cjs/utils/uniq.js.map +1 -0
  196. package/cjs/utils/with-default-props.d.ts.map +1 -1
  197. package/cjs/utils/with-default-props.js +2 -2
  198. package/cjs/utils/with-default-props.js.map +1 -1
  199. package/cjs/version-number.json +1 -1
  200. package/esm/date-time/date-time.d.ts.map +1 -1
  201. package/esm/date-time/date-time.js +1 -1
  202. package/esm/date-time/date-time.js.map +1 -1
  203. package/esm/dialog/base-dialog-function.d.ts.map +1 -1
  204. package/esm/dialog/base-dialog-function.js +13 -14
  205. package/esm/dialog/base-dialog-function.js.map +1 -1
  206. package/esm/dialog/base-dialog-tests.d.ts.map +1 -1
  207. package/esm/dialog/base-dialog-tests.js +16 -0
  208. package/esm/dialog/base-dialog-tests.js.map +1 -1
  209. package/esm/dialog/base-dialog-view.d.ts.map +1 -1
  210. package/esm/dialog/base-dialog-view.js +7 -2
  211. package/esm/dialog/base-dialog-view.js.map +1 -1
  212. package/esm/form/context.d.ts +1 -0
  213. package/esm/form/context.d.ts.map +1 -1
  214. package/esm/form/context.js.map +1 -1
  215. package/esm/form/form-input.d.ts +2 -2
  216. package/esm/form/form-input.d.ts.map +1 -1
  217. package/esm/form/form-input.js +12 -10
  218. package/esm/form/form-input.js.map +1 -1
  219. package/esm/grid-layout/grid-layout.d.ts +15 -0
  220. package/esm/grid-layout/grid-layout.d.ts.map +1 -0
  221. package/esm/grid-layout/grid-layout.js +74 -0
  222. package/esm/grid-layout/grid-layout.js.map +1 -0
  223. package/esm/grid-layout/index.d.ts +2 -0
  224. package/esm/grid-layout/index.d.ts.map +1 -0
  225. package/esm/grid-layout/index.js +2 -0
  226. package/esm/grid-layout/index.js.map +1 -0
  227. package/esm/grid-layout/styled.d.ts +7 -0
  228. package/esm/grid-layout/styled.d.ts.map +1 -0
  229. package/esm/grid-layout/styled.js +77 -0
  230. package/esm/grid-layout/styled.js.map +1 -0
  231. package/esm/grid-layout/types.d.ts +36 -0
  232. package/esm/grid-layout/types.d.ts.map +1 -0
  233. package/esm/grid-layout/types.js +2 -0
  234. package/esm/grid-layout/types.js.map +1 -0
  235. package/esm/grid-layout/utils.d.ts +7 -0
  236. package/esm/grid-layout/utils.d.ts.map +1 -0
  237. package/esm/grid-layout/utils.js +43 -0
  238. package/esm/grid-layout/utils.js.map +1 -0
  239. package/esm/icons/custom-to-newskit-icon.d.ts +1 -4
  240. package/esm/icons/custom-to-newskit-icon.d.ts.map +1 -1
  241. package/esm/icons/custom-to-newskit-icon.js +6 -6
  242. package/esm/icons/custom-to-newskit-icon.js.map +1 -1
  243. package/esm/icons/filled/custom/icon-filled-facebook.d.ts +1 -4
  244. package/esm/icons/filled/custom/icon-filled-facebook.d.ts.map +1 -1
  245. package/esm/icons/filled/custom/icon-filled-figma.d.ts +1 -4
  246. package/esm/icons/filled/custom/icon-filled-figma.d.ts.map +1 -1
  247. package/esm/icons/filled/custom/icon-filled-github.d.ts +1 -4
  248. package/esm/icons/filled/custom/icon-filled-github.d.ts.map +1 -1
  249. package/esm/icons/filled/custom/icon-filled-instagram.d.ts +1 -4
  250. package/esm/icons/filled/custom/icon-filled-instagram.d.ts.map +1 -1
  251. package/esm/icons/filled/custom/icon-filled-reddit.d.ts +1 -4
  252. package/esm/icons/filled/custom/icon-filled-reddit.d.ts.map +1 -1
  253. package/esm/icons/filled/custom/icon-filled-twitter.d.ts +1 -4
  254. package/esm/icons/filled/custom/icon-filled-twitter.d.ts.map +1 -1
  255. package/esm/icons/filled/custom/icon-filled-whatsapp.d.ts +1 -4
  256. package/esm/icons/filled/custom/icon-filled-whatsapp.d.ts.map +1 -1
  257. package/esm/icons/filled/custom/icon-filled-youtube.d.ts +1 -4
  258. package/esm/icons/filled/custom/icon-filled-youtube.d.ts.map +1 -1
  259. package/esm/icons/outlined/custom/icon-outlined-figma.d.ts +1 -4
  260. package/esm/icons/outlined/custom/icon-outlined-figma.d.ts.map +1 -1
  261. package/esm/icons/to-newskit-icon.d.ts.map +1 -1
  262. package/esm/icons/to-newskit-icon.js +3 -3
  263. package/esm/icons/to-newskit-icon.js.map +1 -1
  264. package/esm/index.d.ts +2 -0
  265. package/esm/index.d.ts.map +1 -1
  266. package/esm/index.js +2 -0
  267. package/esm/index.js.map +1 -1
  268. package/esm/label/styled.d.ts +1 -1
  269. package/esm/label/types.d.ts +2 -2
  270. package/esm/label/types.d.ts.map +1 -1
  271. package/esm/menu/menu.d.ts.map +1 -1
  272. package/esm/menu/menu.js +1 -1
  273. package/esm/menu/menu.js.map +1 -1
  274. package/esm/menu/styled.d.ts +2 -2
  275. package/esm/menu/styled.d.ts.map +1 -1
  276. package/esm/menu/types.d.ts +4 -2
  277. package/esm/menu/types.d.ts.map +1 -1
  278. package/esm/select/defaults.d.ts +15 -0
  279. package/esm/select/defaults.d.ts.map +1 -1
  280. package/esm/select/defaults.js +15 -0
  281. package/esm/select/defaults.js.map +1 -1
  282. package/esm/select/select-panel.d.ts +9 -1
  283. package/esm/select/select-panel.d.ts.map +1 -1
  284. package/esm/select/select-panel.js +43 -12
  285. package/esm/select/select-panel.js.map +1 -1
  286. package/esm/select/select.d.ts.map +1 -1
  287. package/esm/select/select.js +23 -12
  288. package/esm/select/select.js.map +1 -1
  289. package/esm/select/styled.d.ts +6 -1
  290. package/esm/select/styled.d.ts.map +1 -1
  291. package/esm/select/styled.js +8 -5
  292. package/esm/select/styled.js.map +1 -1
  293. package/esm/select/types.d.ts +9 -4
  294. package/esm/select/types.d.ts.map +1 -1
  295. package/esm/select/utils.d.ts +10 -0
  296. package/esm/select/utils.d.ts.map +1 -0
  297. package/esm/select/utils.js +24 -0
  298. package/esm/select/utils.js.map +1 -0
  299. package/esm/slider/types.d.ts +3 -2
  300. package/esm/slider/types.d.ts.map +1 -1
  301. package/esm/tabs/styled.d.ts.map +1 -1
  302. package/esm/tabs/styled.js +3 -3
  303. package/esm/tabs/styled.js.map +1 -1
  304. package/esm/tabs/types.d.ts +8 -4
  305. package/esm/tabs/types.d.ts.map +1 -1
  306. package/esm/text-field/styled.d.ts +2 -2
  307. package/esm/text-field/styled.d.ts.map +1 -1
  308. package/esm/text-field/text-field.d.ts.map +1 -1
  309. package/esm/text-field/text-field.js.map +1 -1
  310. package/esm/text-field/types.d.ts +4 -2
  311. package/esm/text-field/types.d.ts.map +1 -1
  312. package/esm/text-field/types.js.map +1 -1
  313. package/esm/theme/foundations/overlays.js +4 -4
  314. package/esm/theme/foundations/overlays.js.map +1 -1
  315. package/esm/theme-checker/helper.d.ts +13 -0
  316. package/esm/theme-checker/helper.d.ts.map +1 -0
  317. package/esm/theme-checker/helper.js +113 -0
  318. package/esm/theme-checker/helper.js.map +1 -0
  319. package/esm/theme-checker/index.d.ts +2 -0
  320. package/esm/theme-checker/index.d.ts.map +1 -0
  321. package/esm/theme-checker/index.js +2 -0
  322. package/esm/theme-checker/index.js.map +1 -0
  323. package/esm/theme-checker/scenarios.d.ts +11 -0
  324. package/esm/theme-checker/scenarios.d.ts.map +1 -0
  325. package/esm/theme-checker/scenarios.js +757 -0
  326. package/esm/theme-checker/scenarios.js.map +1 -0
  327. package/esm/theme-checker/styled.d.ts +44 -0
  328. package/esm/theme-checker/styled.d.ts.map +1 -0
  329. package/esm/theme-checker/styled.js +27 -0
  330. package/esm/theme-checker/styled.js.map +1 -0
  331. package/esm/theme-checker/theme-checker.d.ts +3 -0
  332. package/esm/theme-checker/theme-checker.d.ts.map +1 -0
  333. package/esm/theme-checker/theme-checker.js +79 -0
  334. package/esm/theme-checker/theme-checker.js.map +1 -0
  335. package/esm/theme-checker/themes/sun-theme/borders.json +3 -0
  336. package/esm/theme-checker/themes/sun-theme/colors.json +283 -0
  337. package/esm/theme-checker/themes/sun-theme/fonts.json +43 -0
  338. package/esm/theme-checker/themes/sun-theme/overlays.json +14 -0
  339. package/esm/theme-checker/themes/sun-theme/shadows.json +8 -0
  340. package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts +733 -0
  341. package/esm/theme-checker/themes/sun-theme/sun-theme.d.ts.map +1 -0
  342. package/esm/theme-checker/themes/sun-theme/sun-theme.js +22 -0
  343. package/esm/theme-checker/themes/sun-theme/sun-theme.js.map +1 -0
  344. package/esm/theme-checker/themes/sun-theme/typography-presets.json +378 -0
  345. package/esm/theme-checker/themes/tnl-theme/borders.json +3 -0
  346. package/esm/theme-checker/themes/tnl-theme/colors.json +162 -0
  347. package/esm/theme-checker/themes/tnl-theme/fonts.json +59 -0
  348. package/esm/theme-checker/themes/tnl-theme/overlays.json +14 -0
  349. package/esm/theme-checker/themes/tnl-theme/shadows.json +8 -0
  350. package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts +620 -0
  351. package/esm/theme-checker/themes/tnl-theme/tnl-theme.d.ts.map +1 -0
  352. package/esm/theme-checker/themes/tnl-theme/tnl-theme.js +22 -0
  353. package/esm/theme-checker/themes/tnl-theme/tnl-theme.js.map +1 -0
  354. package/esm/theme-checker/themes/tnl-theme/typography-presets.json +370 -0
  355. package/esm/theme-checker/themes/virgin-theme/borders.json +3 -0
  356. package/esm/theme-checker/themes/virgin-theme/colors.json +180 -0
  357. package/esm/theme-checker/themes/virgin-theme/fonts.json +38 -0
  358. package/esm/theme-checker/themes/virgin-theme/overlays.json +25 -0
  359. package/esm/theme-checker/themes/virgin-theme/shadows.json +9 -0
  360. package/esm/theme-checker/themes/virgin-theme/typography-presets.json +338 -0
  361. package/esm/theme-checker/themes/virgin-theme/virgin-theme.d.ts +597 -0
  362. package/esm/theme-checker/themes/virgin-theme/virgin-theme.d.ts.map +1 -0
  363. package/esm/theme-checker/themes/virgin-theme/virgin-theme.js +21 -0
  364. package/esm/theme-checker/themes/virgin-theme/virgin-theme.js.map +1 -0
  365. package/esm/title-bar/styled.d.ts +13 -0
  366. package/esm/title-bar/styled.d.ts.map +1 -0
  367. package/esm/title-bar/styled.js +11 -0
  368. package/esm/title-bar/styled.js.map +1 -0
  369. package/esm/title-bar/title-bar.d.ts.map +1 -1
  370. package/esm/title-bar/title-bar.js +3 -11
  371. package/esm/title-bar/title-bar.js.map +1 -1
  372. package/esm/utils/hooks/use-media-query/context.d.ts +1 -0
  373. package/esm/utils/hooks/use-media-query/context.d.ts.map +1 -1
  374. package/esm/utils/hooks/use-media-query/context.js +6 -1
  375. package/esm/utils/hooks/use-media-query/context.js.map +1 -1
  376. package/esm/utils/hooks/use-media-query/utils.js +1 -1
  377. package/esm/utils/hooks/use-media-query/utils.js.map +1 -1
  378. package/esm/utils/hooks/use-resize-observer.d.ts.map +1 -1
  379. package/esm/utils/hooks/use-resize-observer.js +3 -1
  380. package/esm/utils/hooks/use-resize-observer.js.map +1 -1
  381. package/esm/utils/overrides.d.ts +1 -1
  382. package/esm/utils/overrides.d.ts.map +1 -1
  383. package/esm/utils/style/index.d.ts +1 -0
  384. package/esm/utils/style/index.d.ts.map +1 -1
  385. package/esm/utils/style/index.js +1 -0
  386. package/esm/utils/style/index.js.map +1 -1
  387. package/esm/utils/to-kabab-case.d.ts +2 -0
  388. package/esm/utils/to-kabab-case.d.ts.map +1 -0
  389. package/esm/utils/to-kabab-case.js +12 -0
  390. package/esm/utils/to-kabab-case.js.map +1 -0
  391. package/esm/utils/uniq.d.ts +2 -0
  392. package/esm/utils/uniq.d.ts.map +1 -0
  393. package/esm/utils/uniq.js +2 -0
  394. package/esm/utils/uniq.js.map +1 -0
  395. package/esm/utils/with-default-props.d.ts.map +1 -1
  396. package/esm/utils/with-default-props.js +2 -2
  397. package/esm/utils/with-default-props.js.map +1 -1
  398. package/esm/version-number.json +1 -1
  399. package/package.json +2 -1
package/esm/index.js CHANGED
@@ -18,6 +18,7 @@ export * from './fieldset';
18
18
  export * from './flag';
19
19
  export * from './form';
20
20
  export * from './grid';
21
+ export * from './grid-layout';
21
22
  export * from './headline';
22
23
  export * from './icon-button';
23
24
  export * from './icons';
@@ -45,6 +46,7 @@ export * from './text-block';
45
46
  export * from './text-input';
46
47
  export * from './text-field';
47
48
  export * from './theme';
49
+ export * from './theme-checker';
48
50
  export * from './title-bar';
49
51
  export * from './toast';
50
52
  export * from './typography';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
@@ -3,7 +3,7 @@ export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
3
3
  theme?: import("@emotion/react").Theme | undefined;
4
4
  as?: import("react").ElementType<any> | undefined;
5
5
  } & import("react").LabelHTMLAttributes<HTMLLabelElement> & {
6
- size?: import("..").TextFieldSize | undefined;
6
+ size?: import("..").TextFieldSizeType | undefined;
7
7
  state?: import("../form/types").FormInputState;
8
8
  children: import("react").ReactNode;
9
9
  overrides?: {
@@ -1,9 +1,9 @@
1
1
  /// <reference types="react" />
2
- import { TextFieldSize } from '../text-field';
2
+ import { TextFieldSizeType } from '../text-field';
3
3
  import { FormInputState } from '../form/types';
4
4
  import { MQ } from '../utils/style';
5
5
  export declare type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
6
- size?: TextFieldSize;
6
+ size?: TextFieldSizeType;
7
7
  state?: FormInputState;
8
8
  children: React.ReactNode;
9
9
  overrides?: {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/label/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/label/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG;IACrE,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAA8B,SAAS,EAAC,MAAM,SAAS,CAAC;AA6C/D,eAAO,MAAM,IAAI,wDAAwD,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGL,SAAS,EAEV,MAAM,SAAS,CAAC;AAgDjB,eAAO,MAAM,IAAI,wDAAwD,CAAC"}
package/esm/menu/menu.js CHANGED
@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  };
23
23
  import React from 'react';
24
24
  import { MenuContextProvider } from './context';
25
- import { MenuItemAlign, MenuItemSize } from './types';
25
+ import { MenuItemAlign, MenuItemSize, } from './types';
26
26
  import { StyledMenu } from './styled';
27
27
  import defaults from './defaults';
28
28
  import stylePresets from './style-presets';
@@ -1 +1 @@
1
- {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,aAAa,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,QAAQ,GAAG,UAAC,KAAgC,EAAE,QAAiB;IACnE,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC;KAC9D;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAA0B,EAA1B,IAAI,mBAAG,YAAY,CAAC,MAAM,KAAA,EACnB,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,EAAC,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC;QAC5D,oBAAC,UAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,IAAI;YAGR,4BAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/menu/menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,mBAAmB,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,YAAY,GAGb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAErD,IAAM,QAAQ,GAAG,UACf,KAAsC,EACtC,QAAiB;IAEjB,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC;KAC9D;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,UACE,EAOC,EACD,GAAG;IAPD,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,YAA0B,EAA1B,IAAI,mBAAG,YAAY,CAAC,MAAM,KAAA,EACnB,WAAW,WAAA,EACf,IAAI,cANT,sDAOC,CADQ;IAIT,IAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE9C,OAAO,CACL,oBAAC,mBAAmB,IAAC,KAAK,EAAE,EAAC,QAAQ,UAAA,EAAE,IAAI,MAAA,EAAE,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC;QAC5D,oBAAC,UAAU,aACT,IAAI,EAAC,YAAY,iBACL,gBAAgB,EAC5B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,IACJ,IAAI;YAGR,4BAAI,IAAI,EAAC,MAAM,IAAE,QAAQ,CAAM,CACpB,CACO,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,CAAC,aAAa,CAAC,CAAC,EAAC,QAAQ,UAAA,EAAE,YAAY,cAAA,EAAC,CAAC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { MenuItemAlign, MenuGroupProps, MenuProps } from './types';
2
+ import { MenuGroupProps, MenuProps, MenutItemAlignTypes } from './types';
3
3
  export declare const StyledMenu: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
5
  as?: import("react").ElementType<any> | undefined;
@@ -19,7 +19,7 @@ export declare const StyledMenuItem: import("@emotion/styled").StyledComponent<{
19
19
  export declare const StyledButton: import("@emotion/styled").StyledComponent<(import("react").PropsWithChildren<import("../button").ButtonOrButtonLinkProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
20
20
  theme?: import("@emotion/react").Theme | undefined;
21
21
  }) & {
22
- align?: MenuItemAlign | undefined;
22
+ align?: MenutItemAlignTypes | undefined;
23
23
  selected?: boolean | undefined;
24
24
  }, {}, {}>;
25
25
  export declare const StyledMenuDivider: import("@emotion/styled").StyledComponent<{
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAE,cAAc,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAEjE,eAAO,MAAM,UAAU;;;+GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;wJAwB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;wJAkBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;sKAY1B,CAAC;AAkBF,eAAO,MAAM,YAAY;;;;;UAaxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;sKAwB7B,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/menu/styled.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,cAAc,EAAE,SAAS,EAAE,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAEvE,eAAO,MAAM,UAAU;;;+GAsBtB,CAAC;AAEF,eAAO,MAAM,eAAe;;;wJAwB3B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;wJAkBhC,CAAC;AAEF,eAAO,MAAM,cAAc;;;sKAY1B,CAAC;AAkBF,eAAO,MAAM,YAAY;;;YACf,mBAAmB,GAAG,SAAS;;UAYxC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;sKAwB7B,CAAC"}
@@ -12,11 +12,13 @@ export declare enum MenuItemSize {
12
12
  Medium = "medium",
13
13
  Large = "large"
14
14
  }
15
+ export declare type MenutItemAlignTypes = MenuItemAlign | 'start' | 'end' | 'center';
16
+ declare type MenuSizeType = MenuItemSize | 'small' | 'medium' | 'large';
15
17
  export interface MenuProps extends React.AriaAttributes {
16
18
  children: Exclude<React.ReactNode, 'undefined'>;
17
19
  vertical?: boolean;
18
- size?: MenuItemSize;
19
- align?: MenuItemAlign;
20
+ size?: MenuSizeType;
21
+ align?: MenutItemAlignTypes;
20
22
  overrides?: {
21
23
  spaceInline?: MQ<string>;
22
24
  };
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAE5B,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc;IACrD,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc;IAC1D,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED,aAAK,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AACrE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,gBAAgB,GAAG;QAC7B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/menu/types.ts"],"names":[],"mappings":";AACA,OAAO,EAAC,gBAAgB,EAAC,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAC,iBAAiB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACzD,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAE5B,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;CAChB;AACD,oBAAY,mBAAmB,GAAG,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC7E,aAAK,YAAY,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc;IACrD,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc;IAC1D,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,KAAK,CAAC,EAAE;YACN,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YAC9B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;SACzB,CAAC;KACH,CAAC;CACH;AAED,aAAK,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;AACrE,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC,EACvD,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,gBAAgB,GAAG;QAC7B,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH"}
@@ -28,6 +28,11 @@ declare const _default: {
28
28
  maxHeight: string;
29
29
  spaceInset: string;
30
30
  };
31
+ modal: {
32
+ panel: {
33
+ width: string;
34
+ };
35
+ };
31
36
  };
32
37
  medium: {
33
38
  button: {
@@ -57,6 +62,11 @@ declare const _default: {
57
62
  maxHeight: string;
58
63
  spaceInset: string;
59
64
  };
65
+ modal: {
66
+ panel: {
67
+ width: string;
68
+ };
69
+ };
60
70
  };
61
71
  large: {
62
72
  button: {
@@ -86,6 +96,11 @@ declare const _default: {
86
96
  maxHeight: string;
87
97
  spaceInset: string;
88
98
  };
99
+ modal: {
100
+ panel: {
101
+ width: string;
102
+ };
103
+ };
89
104
  };
90
105
  };
91
106
  selectOption: {
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA6HE"}
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA4IE"}
@@ -28,6 +28,11 @@ export default {
28
28
  maxHeight: '184px',
29
29
  spaceInset: 'spaceInset020',
30
30
  },
31
+ modal: {
32
+ panel: {
33
+ width: '60vw',
34
+ },
35
+ },
31
36
  },
32
37
  medium: {
33
38
  button: {
@@ -57,6 +62,11 @@ export default {
57
62
  maxHeight: '272px',
58
63
  spaceInset: 'spaceInset020',
59
64
  },
65
+ modal: {
66
+ panel: {
67
+ width: '60vw',
68
+ },
69
+ },
60
70
  },
61
71
  large: {
62
72
  button: {
@@ -86,6 +96,11 @@ export default {
86
96
  maxHeight: '360px',
87
97
  spaceInset: 'spaceInset020',
88
98
  },
99
+ modal: {
100
+ panel: {
101
+ width: '60vw',
102
+ },
103
+ },
89
104
  },
90
105
  },
91
106
  selectOption: {
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/select/defaults.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,7 @@
1
1
  import React from 'react';
2
2
  import { ButtonSelectSize, SelectPanelOverrides, SelectOptionProps } from './types';
3
+ import { ModalProps } from '../modal';
4
+ import { Override } from '../utils/overrides';
3
5
  interface SelectPanelProps {
4
6
  isOpen: boolean;
5
7
  width: number;
@@ -10,8 +12,14 @@ interface SelectPanelProps {
10
12
  getItemProps: Function;
11
13
  selectedItem?: React.ReactElement<SelectOptionProps>;
12
14
  highlightedIndex?: number;
13
- overrides?: SelectPanelOverrides;
15
+ overrides?: {
16
+ panel?: SelectPanelOverrides;
17
+ modal?: Override<ModalProps>;
18
+ };
14
19
  children: React.ReactElement<SelectOptionProps>[];
20
+ renderInModal: boolean;
21
+ buttonRef: React.RefObject<HTMLButtonElement>;
22
+ closeMenu: Function;
15
23
  }
16
24
  export declare const SelectPanel: React.ForwardRefExoticComponent<SelectPanelProps & React.RefAttributes<HTMLDivElement>>;
17
25
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AASjB,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;CACnD;AAwCD,eAAO,MAAM,WAAW,yFA8DvB,CAAC"}
1
+ {"version":3,"file":"select-panel.d.ts","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAwB,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAGnE,UAAU,gBAAgB;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,gBAAgB,CAAC;IACvB,YAAY,EAAE,QAAQ,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,oBAAoB,CAAC;QAC7B,KAAK,CAAC,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAC;KAC9B,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAClD,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC9C,SAAS,EAAE,QAAQ,CAAC;CACrB;AA0CD,eAAO,MAAM,WAAW,yFAoHvB,CAAC"}
@@ -21,12 +21,16 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import React from 'react';
24
- import { StyledOption, StyledOptionIcon, StyledSelectPanel } from './styled';
24
+ import { StyledOption, StyledOptionIcon, StyledSelectPanel, StyledModalPanel, } from './styled';
25
25
  import { ScreenReaderOnly } from '../screen-reader-only';
26
26
  import { useReactKeys } from '../utils/hooks';
27
27
  import { useTheme } from '../theme';
28
28
  import { getToken } from '../utils/get-token';
29
29
  import { IconFilledCheck } from '../icons';
30
+ import { Modal } from '../modal';
31
+ import { getComponentOverrides } from '../utils/overrides';
32
+ import { getModalOverrides } from './utils';
33
+ var DefaultModal = Modal;
30
34
  var StyledOptionWithPrivateProps = React.forwardRef(function (props, inputRef) {
31
35
  var $size = props.$size, $selected = props.$selected, $focused = props.$focused, selectedIcon = props.selectedIcon, overrides = props.overrides;
32
36
  var theme = useTheme();
@@ -38,18 +42,45 @@ var StyledOptionWithPrivateProps = React.forwardRef(function (props, inputRef) {
38
42
  $selected && (React.createElement(StyledOptionIcon, { "$size": $size, "$selected": $selected, "$focused": $focused }, selectedIcon || React.createElement(IconFilledCheck, { overrides: { size: iconSize } })))));
39
43
  });
40
44
  export var SelectPanel = React.forwardRef(function (props, panelRef) {
41
- var isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, getItemProps = props.getItemProps, selectedItem = props.selectedItem, highlightedIndex = props.highlightedIndex, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "getItemProps", "selectedItem", "highlightedIndex"]);
45
+ var isOpen = props.isOpen, width = props.width, height = props.height, top = props.top, left = props.left, size = props.size, children = props.children, getItemProps = props.getItemProps, selectedItem = props.selectedItem, highlightedIndex = props.highlightedIndex, buttonRef = props.buttonRef, renderInModal = props.renderInModal, closeMenu = props.closeMenu, overrides = props.overrides, restProps = __rest(props, ["isOpen", "width", "height", "top", "left", "size", "children", "getItemProps", "selectedItem", "highlightedIndex", "buttonRef", "renderInModal", "closeMenu", "overrides"]);
42
46
  var listDescriptionId = useReactKeys(1)[0];
47
+ var theme = useTheme();
48
+ var modalOverrides = getModalOverrides({
49
+ theme: theme,
50
+ size: size,
51
+ overrides: overrides === null || overrides === void 0 ? void 0 : overrides.modal,
52
+ });
53
+ var optionsAsChildren = isOpen &&
54
+ React.Children.map(children, function (child, index) {
55
+ var downshiftOptionProps = getItemProps({
56
+ item: child,
57
+ index: index,
58
+ });
59
+ var combinedProps = __assign(__assign({}, downshiftOptionProps), child.props);
60
+ return (React.createElement(StyledOptionWithPrivateProps, __assign({ "$focused": highlightedIndex === index, "$selected": selectedItem === child, "$size": size }, combinedProps)));
61
+ });
62
+ var screenReaderOnlyMessage = isOpen && (React.createElement(ScreenReaderOnly, { id: listDescriptionId }, "Press down arrow key to navigate to the first item"));
63
+ if (renderInModal && !isOpen) {
64
+ // this is needed for downshift in order to work properly
65
+ return React.createElement("div", { ref: panelRef });
66
+ }
67
+ if (renderInModal && isOpen) {
68
+ var _a = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.modal, DefaultModal, {
69
+ overrides: modalOverrides,
70
+ open: isOpen,
71
+ restoreFocusTo: buttonRef.current,
72
+ onDismiss: closeMenu,
73
+ }), ModalComponent = _a[0], modalProps = _a[1];
74
+ return (React.createElement(ModalComponent, __assign({}, modalProps),
75
+ screenReaderOnlyMessage,
76
+ React.createElement(StyledModalPanel, __assign({ "data-testid": "select-panel", "aria-describedby": listDescriptionId, ref: panelRef }, restProps, { onBlur: function (e) {
77
+ // set tabIndex to 0 so that user can return to the element
78
+ // when before that moves to Close / Other focusable elements inside the modal
79
+ e.target.setAttribute('tabIndex', '0');
80
+ } }), optionsAsChildren)));
81
+ }
43
82
  return (React.createElement(React.Fragment, null,
44
- React.createElement(ScreenReaderOnly, { id: listDescriptionId }, "Press down arrow key to navigate to the first item"),
45
- React.createElement(StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": listDescriptionId, "$width": width, "$top": (top || 0) + (height || 0), "$left": left, "$size": size, ref: panelRef }, restProps), isOpen &&
46
- React.Children.map(children, function (child, index) {
47
- var downshiftOptionProps = getItemProps({
48
- item: child,
49
- index: index,
50
- });
51
- var combinedProps = __assign(__assign({}, downshiftOptionProps), child.props);
52
- return (React.createElement(StyledOptionWithPrivateProps, __assign({ "$focused": highlightedIndex === index, "$selected": selectedItem === child, "$size": size }, combinedProps)));
53
- }))));
83
+ screenReaderOnlyMessage,
84
+ React.createElement(StyledSelectPanel, __assign({ "$isOpen": isOpen, "data-testid": "select-panel", "aria-describedby": isOpen ? listDescriptionId : undefined, "$width": width, "$top": (top || 0) + (height || 0), "$left": left, "$size": size, ref: panelRef, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel }, restProps), optionsAsChildren)));
54
85
  });
55
86
  //# sourceMappingURL=select-panel.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select-panel.js","sourceRoot":"","sources":["../../../src/select/select-panel.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAiMpC,eAAO,MAAM,MAAM,+DAGjB,CAAC"}
1
+ {"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAuNpC,eAAO,MAAM,MAAM,+DAKlB,CAAC"}
@@ -28,12 +28,16 @@ import { SelectButton } from './select-button';
28
28
  import defaults from './defaults';
29
29
  import stylePresets from './style-presets';
30
30
  import { withOwnTheme } from '../utils/with-own-theme';
31
+ import { shouldRenderInModal } from './utils';
32
+ import { withMediaQueryProvider } from '../utils/hooks/use-media-query/context';
33
+ import { useBreakpointKey } from '../utils/hooks/use-media-query';
31
34
  var ThemelessSelect = React.forwardRef(function (props, inputRef) {
32
- var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children"]);
35
+ var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal"]);
33
36
  var selectRef = useRef(null);
34
37
  var localInputRef = useRef(null);
35
38
  var panelRef = useRef(null);
36
- var _c = React.useState(false), isFocused = _c[0], setIsFocused = _c[1];
39
+ var renderInModal = shouldRenderInModal(useModal, useBreakpointKey());
40
+ var _d = React.useState(false), isFocused = _d[0], setIsFocused = _d[1];
37
41
  var onSelectButtonFocus = React.useCallback(function (event) {
38
42
  setIsFocused(true);
39
43
  if (onFocus) {
@@ -71,7 +75,7 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
71
75
  });
72
76
  }
73
77
  }, [onChange]);
74
- var _d = React.useState(-1), highlightedIndex = _d[0], setHighlightedIndex = _d[1];
78
+ var _e = React.useState(-1), highlightedIndex = _e[0], setHighlightedIndex = _e[1];
75
79
  var onHighlightedIndexChange = function (indexChangeEvent) {
76
80
  // istanbul ignore else
77
81
  if (indexChangeEvent.type !== '__item_mouse_move__') {
@@ -82,27 +86,34 @@ var ThemelessSelect = React.forwardRef(function (props, inputRef) {
82
86
  // istanbul ignore next
83
87
  var itemToString = function (item) { var _a, _b; return ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a['aria-label']) || ((_b = item === null || item === void 0 ? void 0 : item.props) === null || _b === void 0 ? void 0 : _b.value); };
84
88
  /* eslint-enable @typescript-eslint/no-explicit-any */
85
- var _e = useSelect(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange }, (programmaticallySelectedItem
89
+ var _f = useSelect(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, stateReducer: function (_, actionAndChanges) {
90
+ var type = actionAndChanges.type, changes = actionAndChanges.changes;
91
+ // Does not close panel in the case we are rendering panel inside a modal
92
+ if (renderInModal && type === useSelect.stateChangeTypes.MenuBlur) {
93
+ return __assign(__assign({}, changes), { isOpen: true });
94
+ }
95
+ return changes;
96
+ } }, (programmaticallySelectedItem
86
97
  ? { selectedItem: programmaticallySelectedItem }
87
- : {}))), isOpen = _e.isOpen, selectedItem = _e.selectedItem, getToggleButtonProps = _e.getToggleButtonProps, getMenuProps = _e.getMenuProps, getItemProps = _e.getItemProps, openMenu = _e.openMenu;
88
- var _f = React.useState(true), allowBlur = _f[0], setAllowBlur = _f[1];
98
+ : {}))), isOpen = _f.isOpen, selectedItem = _f.selectedItem, getToggleButtonProps = _f.getToggleButtonProps, getMenuProps = _f.getMenuProps, getItemProps = _f.getItemProps, openMenu = _f.openMenu, closeMenu = _f.closeMenu;
99
+ var _g = React.useState(true), allowBlur = _g[0], setAllowBlur = _g[1];
89
100
  var onSelectButtonBlur = React.useCallback(function (event) {
90
101
  if (onBlur && allowBlur) {
91
102
  onBlur(event);
92
103
  }
93
104
  setIsFocused(false);
94
105
  }, [allowBlur, onBlur]);
95
- var _g = getToggleButtonProps(), downshiftButtonPropsRef = _g.ref, downshiftButtonPropsExceptRef = __rest(_g, ["ref"]);
106
+ var _h = getToggleButtonProps(), downshiftButtonPropsRef = _h.ref, downshiftButtonPropsExceptRef = __rest(_h, ["ref"]);
96
107
  delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
97
- var _h = getMenuProps(), downshiftMenuPropsRef = _h.ref, downshiftMenuPropsExceptRef = __rest(_h, ["ref"]);
98
- var _j = (selectRef && selectRef.current) || {}, _k = _j.clientWidth, width = _k === void 0 ? 0 : _k, _l = _j.offsetTop, top = _l === void 0 ? 0 : _l, _m = _j.clientHeight, height = _m === void 0 ? 0 : _m, _o = _j.offsetLeft, left = _o === void 0 ? 0 : _o;
108
+ var _j = getMenuProps(), downshiftMenuPropsRef = _j.ref, downshiftMenuPropsExceptRef = __rest(_j, ["ref"]);
109
+ var _k = (selectRef && selectRef.current) || {}, _l = _k.clientWidth, width = _l === void 0 ? 0 : _l, _m = _k.offsetTop, top = _m === void 0 ? 0 : _m, _o = _k.clientHeight, height = _o === void 0 ? 0 : _o, _p = _k.offsetLeft, left = _p === void 0 ? 0 : _p;
99
110
  return (React.createElement(React.Fragment, null,
100
111
  React.createElement(SelectButton, __assign({ size: size, placeholder: placeholder, isFocused: isFocused, loading: loading, state: state, selectedItem: selectedItem, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.button, startEnhancer: startEnhancer, endEnhancer: endEnhancer, validationIcon: validationIcon, setAllowBlur: setAllowBlur, onSelectButtonBlur: onSelectButtonBlur, onSelectButtonFocus: onSelectButtonFocus, openMenu: openMenu, itemToString: itemToString, ref: composeRefs(localInputRef, downshiftButtonPropsRef, inputRef), selectRef: selectRef }, downshiftButtonPropsExceptRef, restProps)),
101
- React.createElement(SelectPanel, __assign({ isOpen: isOpen, overrides: overrides === null || overrides === void 0 ? void 0 : overrides.panel, width: width, height: height, top: top, left: left, size: size, selectedItem: selectedItem, highlightedIndex: highlightedIndex, getItemProps: getItemProps }, downshiftMenuPropsExceptRef, { ref: composeRefs(panelRef, downshiftMenuPropsRef) }), children)));
112
+ React.createElement(SelectPanel, __assign({ isOpen: isOpen, overrides: overrides, width: width, height: height, top: top, left: left, size: size, selectedItem: selectedItem, highlightedIndex: highlightedIndex, getItemProps: getItemProps, buttonRef: localInputRef, renderInModal: renderInModal, closeMenu: closeMenu }, downshiftMenuPropsExceptRef, { ref: composeRefs(panelRef, downshiftMenuPropsRef) }), children)));
102
113
  });
103
114
  ThemelessSelect.displayName = 'Select';
104
- export var Select = withOwnTheme(ThemelessSelect)({
115
+ export var Select = withMediaQueryProvider(withOwnTheme(ThemelessSelect)({
105
116
  defaults: defaults,
106
117
  stylePresets: stylePresets,
107
- });
118
+ }));
108
119
  //# sourceMappingURL=select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { ButtonSelectSize } from './types';
2
+ import { ButtonSelectSize, SelectPanelOverrides } from './types';
3
3
  export declare const StyledButtonIcons: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
5
  as?: import("react").ElementType<any> | undefined;
@@ -40,6 +40,11 @@ export declare const StyledSelectPanel: import("@emotion/styled").StyledComponen
40
40
  $top?: number | undefined;
41
41
  $left?: number | undefined;
42
42
  $isOpen: boolean;
43
+ overrides?: SelectPanelOverrides | undefined;
44
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
45
+ export declare const StyledModalPanel: import("@emotion/styled").StyledComponent<{
46
+ theme?: import("@emotion/react").Theme | undefined;
47
+ as?: import("react").ElementType<any> | undefined;
43
48
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
44
49
  export declare const StyledOption: import("@emotion/styled").StyledComponent<{
45
50
  theme?: import("@emotion/react").Theme | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAazC,eAAO,MAAM,iBAAiB;;;;;kBAUZ,MAAM;;yGAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;qHA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB;;;;aAId,OAAO;yGA8BjB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAoCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAC,gBAAgB,EAAE,oBAAoB,EAAC,MAAM,SAAS,CAAC;AAa/D,eAAO,MAAM,iBAAiB;;;;;kBAWZ,MAAM;;yGAQvB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;WACtB,gBAAgB;;qHA2BxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;WACxB,gBAAgB;;YAEf,MAAM;yGASf,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAEzB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;qHAEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;WACrB,gBAAgB;;;;aAId,OAAO;;yGAgCjB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAI5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;yGAoCxB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;WACpB,gBAAgB;;;yGAYxB,CAAC"}
@@ -24,7 +24,9 @@ var generateCursor = function (disabled, $loading) {
24
24
  return 'pointer';
25
25
  };
26
26
  export var StyledButtonIcons = styled('div', {
27
- shouldForwardProp: function (prop) { return prop !== 'disabled'; },
27
+ shouldForwardProp: function (prop) {
28
+ return !['disabled', '$spaceInline', '$loading'].includes(prop);
29
+ },
28
30
  })(function (_a) {
29
31
  var disabled = _a.disabled, $spaceInline = _a.$spaceInline, $loading = _a.$loading, props = __rest(_a, ["disabled", "$spaceInline", "$loading"]);
30
32
  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n\n ", ";\n cursor: ", ";\n "], ["\n display: flex;\n\n ", ";\n cursor: ", ";\n "])), getSpacingCssFromTheme('columnGap', $spaceInline)(props), generateCursor(disabled, $loading));
@@ -54,7 +56,7 @@ export var StyledButtonContents = styled.div(templateObject_3 || (templateObject
54
56
  });
55
57
  export var StyledIconBox = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
56
58
  export var StyledDropdownIconButton = styled.button(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n all: unset;\n"], ["\n all: unset;\n"])));
57
- export var StyledSelectPanel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n height: auto;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n outline: none;\n\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n \n ", "\n\n ", ";\n\n ", ";\n"], ["\n position: absolute;\n height: auto;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n outline: none;\n\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n \n ", "\n\n ", ";\n\n ", ";\n"])), function (_a) {
59
+ export var StyledSelectPanel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n height: auto;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n outline: none;\n z-index: 1;\n\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n \n ", "\n\n ", ";\n\n ", ";\n"], ["\n position: absolute;\n height: auto;\n overflow-x: hidden;\n overflow-y: auto;\n box-sizing: border-box;\n outline: none;\n z-index: 1;\n\n ", "\n\n ", "\n\n ", "\n ", "\n ", "\n \n ", "\n\n ", ";\n\n ", ";\n"])), function (_a) {
58
60
  var $size = _a.$size;
59
61
  return getResponsiveSpace("marginTop", "select.".concat($size, ".panel"), '', 'spaceStack');
60
62
  }, function (_a) {
@@ -79,7 +81,8 @@ export var StyledSelectPanel = styled.div(templateObject_6 || (templateObject_6
79
81
  var $size = _a.$size;
80
82
  return getResponsiveSize('maxHeight', "select.".concat($size, ".panel"), '', 'maxHeight');
81
83
  });
82
- export var StyledOption = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n overflow: hidden;\n box-sizing: border-box;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n\n * {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: flex;\n width: 100%;\n overflow: hidden;\n box-sizing: border-box;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n\n * {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
84
+ export var StyledModalPanel = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n overflow-x: hidden;\n overflow-y: auto;\n max-height: 100%;\n"], ["\n overflow-x: hidden;\n overflow-y: auto;\n max-height: 100%;\n"])));
85
+ export var StyledOption = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n overflow: hidden;\n box-sizing: border-box;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n\n * {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n"], ["\n display: flex;\n width: 100%;\n overflow: hidden;\n box-sizing: border-box;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n\n * {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
83
86
  var $spaceInline = _a.$spaceInline;
84
87
  return $spaceInline ? getSpacingCssFromTheme('columnGap', $spaceInline) : null;
85
88
  }, function (_a) {
@@ -98,12 +101,12 @@ export var StyledOption = styled.div(templateObject_7 || (templateObject_7 = __m
98
101
  var $size = _a.$size;
99
102
  return getResponsiveSize('minHeight', "selectOption.".concat($size), '', 'minHeight');
100
103
  });
101
- export var StyledOptionIcon = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n flex-shrink: 0;\n\n ", ";\n"], ["\n display: flex;\n flex-shrink: 0;\n\n ", ";\n"])), function (_a) {
104
+ export var StyledOptionIcon = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n flex-shrink: 0;\n\n ", ";\n"], ["\n display: flex;\n flex-shrink: 0;\n\n ", ";\n"])), function (_a) {
102
105
  var $size = _a.$size, $focused = _a.$focused, $selected = _a.$selected;
103
106
  return getStylePreset("selectOption.".concat($size, ".icon"), '', {
104
107
  isFocused: $focused,
105
108
  isSelected: $selected,
106
109
  });
107
110
  });
108
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
111
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
109
112
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/select/styled.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,8 @@
1
1
  import React from 'react';
2
2
  import { EnhancerOverrides, CommonInputProps } from '../form/types';
3
3
  import { MQ } from '../utils/style';
4
+ import { Override } from '../utils/overrides';
5
+ import { ModalProps } from '../modal';
4
6
  export declare type ButtonSelectSize = 'small' | 'medium' | 'large';
5
7
  export interface SelectButtonOverrides extends EnhancerOverrides {
6
8
  width?: MQ<string>;
@@ -23,14 +25,17 @@ export interface SelectPanelOverrides {
23
25
  spaceInset?: MQ<string>;
24
26
  spaceStack?: MQ<string>;
25
27
  }
28
+ export declare type SelectPropsOverrides = {
29
+ button?: SelectButtonOverrides;
30
+ panel?: SelectPanelOverrides;
31
+ modal?: Override<ModalProps>;
32
+ };
26
33
  export interface SelectProps extends CommonInputProps {
27
34
  loading?: boolean;
28
35
  children: Array<React.ReactElement<SelectOptionProps>>;
29
36
  validationIcon?: React.ReactNode;
30
- overrides?: {
31
- button?: SelectButtonOverrides;
32
- panel?: SelectPanelOverrides;
33
- };
37
+ useModal?: MQ<boolean>;
38
+ overrides?: SelectPropsOverrides;
34
39
  }
35
40
  export interface SelectOptionProps {
36
41
  value: string;