newskit 3.13.0 → 4.2.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 (498) hide show
  1. package/README.md +83 -13
  2. package/cjs/audio-player/audio-functions.d.ts.map +1 -1
  3. package/cjs/audio-player/audio-functions.js +10 -10
  4. package/cjs/audio-player/audio-functions.js.map +1 -1
  5. package/cjs/audio-player/audio-player.js +1 -1
  6. package/cjs/audio-player/audio-player.js.map +1 -1
  7. package/cjs/audio-player/controls/control-panel.d.ts.map +1 -1
  8. package/cjs/audio-player/controls/control-panel.js +2 -2
  9. package/cjs/audio-player/controls/control-panel.js.map +1 -1
  10. package/cjs/audio-player/controls/play-pause.d.ts +6 -1
  11. package/cjs/audio-player/controls/play-pause.d.ts.map +1 -1
  12. package/cjs/audio-player/controls/play-pause.js +8 -1
  13. package/cjs/audio-player/controls/play-pause.js.map +1 -1
  14. package/cjs/audio-player/controls/skip-track.d.ts +2 -1
  15. package/cjs/audio-player/controls/skip-track.d.ts.map +1 -1
  16. package/cjs/audio-player/controls/skip-track.js +3 -3
  17. package/cjs/audio-player/controls/skip-track.js.map +1 -1
  18. package/cjs/button/styled.js +1 -1
  19. package/cjs/button/styled.js.map +1 -1
  20. package/cjs/checkbox/checkbox.d.ts +4 -0
  21. package/cjs/checkbox/checkbox.d.ts.map +1 -0
  22. package/cjs/checkbox/checkbox.js +122 -0
  23. package/cjs/checkbox/checkbox.js.map +1 -0
  24. package/cjs/checkbox/index.d.ts +3 -0
  25. package/cjs/checkbox/index.d.ts.map +1 -0
  26. package/cjs/checkbox/index.js +6 -0
  27. package/cjs/checkbox/index.js.map +1 -0
  28. package/cjs/checkbox/styled.d.ts +34 -0
  29. package/cjs/checkbox/styled.d.ts.map +1 -0
  30. package/cjs/checkbox/styled.js +71 -0
  31. package/cjs/checkbox/styled.js.map +1 -0
  32. package/cjs/checkbox/types.d.ts +34 -0
  33. package/cjs/checkbox/types.d.ts.map +1 -0
  34. package/cjs/checkbox/types.js +3 -0
  35. package/cjs/checkbox/types.js.map +1 -0
  36. package/cjs/consent/consent-utils.d.ts +2 -0
  37. package/cjs/consent/consent-utils.d.ts.map +1 -1
  38. package/cjs/consent/consent-utils.js +1 -0
  39. package/cjs/consent/consent-utils.js.map +1 -1
  40. package/cjs/dialog/base-dialog-function.d.ts.map +1 -1
  41. package/cjs/dialog/base-dialog-function.js +15 -5
  42. package/cjs/dialog/base-dialog-function.js.map +1 -1
  43. package/cjs/dialog/base-dialog-tests.d.ts.map +1 -1
  44. package/cjs/dialog/base-dialog-tests.js +20 -0
  45. package/cjs/dialog/base-dialog-tests.js.map +1 -1
  46. package/cjs/dialog/base-dialog-view.d.ts.map +1 -1
  47. package/cjs/dialog/base-dialog-view.js +16 -10
  48. package/cjs/dialog/base-dialog-view.js.map +1 -1
  49. package/cjs/dialog/styled.d.ts +24 -8
  50. package/cjs/dialog/styled.d.ts.map +1 -1
  51. package/cjs/dialog/styled.js +20 -8
  52. package/cjs/dialog/styled.js.map +1 -1
  53. package/cjs/dialog/types.d.ts +9 -1
  54. package/cjs/dialog/types.d.ts.map +1 -1
  55. package/cjs/drawer/drawer.d.ts.map +1 -1
  56. package/cjs/drawer/drawer.js +6 -4
  57. package/cjs/drawer/drawer.js.map +1 -1
  58. package/cjs/drawer/index.d.ts +1 -0
  59. package/cjs/drawer/index.d.ts.map +1 -1
  60. package/cjs/drawer/index.js +1 -0
  61. package/cjs/drawer/index.js.map +1 -1
  62. package/cjs/drawer/inline-drawer.d.ts +3 -0
  63. package/cjs/drawer/inline-drawer.d.ts.map +1 -0
  64. package/cjs/drawer/inline-drawer.js +7 -0
  65. package/cjs/drawer/inline-drawer.js.map +1 -0
  66. package/cjs/drawer/styled.d.ts +2 -1
  67. package/cjs/drawer/styled.d.ts.map +1 -1
  68. package/cjs/drawer/styled.js +15 -22
  69. package/cjs/drawer/styled.js.map +1 -1
  70. package/cjs/form/form-entry.d.ts.map +1 -1
  71. package/cjs/form/form-entry.js.map +1 -1
  72. package/cjs/form/form-input.d.ts.map +1 -1
  73. package/cjs/form/form-input.js.map +1 -1
  74. package/cjs/form/form.d.ts.map +1 -1
  75. package/cjs/form/form.js +4 -1
  76. package/cjs/form/form.js.map +1 -1
  77. package/cjs/form/types.d.ts +3 -3
  78. package/cjs/form/types.d.ts.map +1 -1
  79. package/cjs/form/utils.d.ts +261 -0
  80. package/cjs/form/utils.d.ts.map +1 -1
  81. package/cjs/form/utils.js +17 -1
  82. package/cjs/form/utils.js.map +1 -1
  83. package/cjs/icons/filled/custom/index.d.ts +0 -2
  84. package/cjs/icons/filled/custom/index.d.ts.map +1 -1
  85. package/cjs/icons/filled/custom/index.js +0 -2
  86. package/cjs/icons/filled/custom/index.js.map +1 -1
  87. package/cjs/image/image.d.ts.map +1 -1
  88. package/cjs/image/image.js +10 -31
  89. package/cjs/image/image.js.map +1 -1
  90. package/cjs/image/styled.d.ts +3 -8
  91. package/cjs/image/styled.d.ts.map +1 -1
  92. package/cjs/image/styled.js +13 -17
  93. package/cjs/image/styled.js.map +1 -1
  94. package/cjs/image/types.d.ts +1 -5
  95. package/cjs/image/types.d.ts.map +1 -1
  96. package/cjs/image/utils.d.ts +0 -1
  97. package/cjs/image/utils.d.ts.map +1 -1
  98. package/cjs/image/utils.js +1 -9
  99. package/cjs/image/utils.js.map +1 -1
  100. package/cjs/link/link.d.ts.map +1 -1
  101. package/cjs/link/link.js +1 -1
  102. package/cjs/link/link.js.map +1 -1
  103. package/cjs/menu/styled.d.ts.map +1 -1
  104. package/cjs/menu/styled.js +1 -1
  105. package/cjs/menu/styled.js.map +1 -1
  106. package/cjs/menu/types.d.ts +4 -3
  107. package/cjs/menu/types.d.ts.map +1 -1
  108. package/cjs/menu/types.js.map +1 -1
  109. package/cjs/modal/modal.d.ts.map +1 -1
  110. package/cjs/modal/modal.js +4 -8
  111. package/cjs/modal/modal.js.map +1 -1
  112. package/cjs/modal/styled.d.ts.map +1 -1
  113. package/cjs/modal/styled.js +2 -4
  114. package/cjs/modal/styled.js.map +1 -1
  115. package/cjs/overlay/overlay.d.ts.map +1 -1
  116. package/cjs/overlay/overlay.js +8 -4
  117. package/cjs/overlay/overlay.js.map +1 -1
  118. package/cjs/screen-reader-only/screen-reader-only.d.ts.map +1 -1
  119. package/cjs/screen-reader-only/screen-reader-only.js +12 -4
  120. package/cjs/screen-reader-only/screen-reader-only.js.map +1 -1
  121. package/cjs/scroll/scroll.d.ts +1 -1
  122. package/cjs/scroll/scroll.d.ts.map +1 -1
  123. package/cjs/scroll/scroll.js +7 -4
  124. package/cjs/scroll/scroll.js.map +1 -1
  125. package/cjs/slider/styled.d.ts.map +1 -1
  126. package/cjs/slider/styled.js +1 -1
  127. package/cjs/slider/styled.js.map +1 -1
  128. package/cjs/tabs/styled.js +1 -1
  129. package/cjs/tabs/styled.js.map +1 -1
  130. package/cjs/tabs/tab-panel.d.ts.map +1 -1
  131. package/cjs/tabs/tab-panel.js +16 -1
  132. package/cjs/tabs/tab-panel.js.map +1 -1
  133. package/cjs/tabs/tabs.d.ts.map +1 -1
  134. package/cjs/tabs/tabs.js +15 -5
  135. package/cjs/tabs/tabs.js.map +1 -1
  136. package/cjs/tabs/types.d.ts +1 -0
  137. package/cjs/tabs/types.d.ts.map +1 -1
  138. package/cjs/tealium/tealium.d.ts.map +1 -1
  139. package/cjs/tealium/tealium.js +1 -1
  140. package/cjs/tealium/tealium.js.map +1 -1
  141. package/cjs/text-field/text-field.js.map +1 -1
  142. package/cjs/text-input/text-input.d.ts.map +1 -1
  143. package/cjs/text-input/text-input.js.map +1 -1
  144. package/cjs/theme/component-defaults.d.ts +188 -131
  145. package/cjs/theme/component-defaults.d.ts.map +1 -1
  146. package/cjs/theme/component-defaults.js +222 -164
  147. package/cjs/theme/component-defaults.js.map +1 -1
  148. package/cjs/theme/foundations/colors.d.ts +16 -42
  149. package/cjs/theme/foundations/colors.d.ts.map +1 -1
  150. package/cjs/theme/foundations/colors.js +79 -95
  151. package/cjs/theme/foundations/colors.js.map +1 -1
  152. package/cjs/theme/foundations/fonts.d.ts +0 -1
  153. package/cjs/theme/foundations/fonts.d.ts.map +1 -1
  154. package/cjs/theme/foundations/fonts.js +15 -13
  155. package/cjs/theme/foundations/fonts.js.map +1 -1
  156. package/cjs/theme/foundations/motions.d.ts +5 -3
  157. package/cjs/theme/foundations/motions.d.ts.map +1 -1
  158. package/cjs/theme/foundations/motions.js +5 -3
  159. package/cjs/theme/foundations/motions.js.map +1 -1
  160. package/cjs/theme/foundations/overlays.js +4 -4
  161. package/cjs/theme/foundations/shadows.d.ts.map +1 -1
  162. package/cjs/theme/foundations/shadows.js +6 -6
  163. package/cjs/theme/foundations/shadows.js.map +1 -1
  164. package/cjs/theme/presets/index.d.ts +1 -0
  165. package/cjs/theme/presets/index.d.ts.map +1 -1
  166. package/cjs/theme/presets/index.js +1 -0
  167. package/cjs/theme/presets/index.js.map +1 -1
  168. package/cjs/theme/presets/style-presets.js +316 -158
  169. package/cjs/theme/presets/style-presets.js.map +1 -1
  170. package/cjs/theme/presets/transition-presets.d.ts +3 -0
  171. package/cjs/theme/presets/transition-presets.d.ts.map +1 -0
  172. package/cjs/theme/presets/transition-presets.js +238 -0
  173. package/cjs/theme/presets/transition-presets.js.map +1 -0
  174. package/cjs/theme/presets/types.d.ts +43 -0
  175. package/cjs/theme/presets/types.d.ts.map +1 -1
  176. package/cjs/theme/presets/typography-presets.js +149 -106
  177. package/cjs/theme/presets/typography-presets.js.map +1 -1
  178. package/cjs/theme/types.d.ts +2 -1
  179. package/cjs/theme/types.d.ts.map +1 -1
  180. package/cjs/theme/types.js.map +1 -1
  181. package/cjs/toast/styled.d.ts.map +1 -1
  182. package/cjs/toast/styled.js +1 -1
  183. package/cjs/toast/styled.js.map +1 -1
  184. package/cjs/unordered-list/index.d.ts +2 -2
  185. package/cjs/unordered-list/index.d.ts.map +1 -1
  186. package/cjs/unordered-list/index.js +12 -3
  187. package/cjs/unordered-list/index.js.map +1 -1
  188. package/cjs/unordered-list/styled.d.ts +21 -0
  189. package/cjs/unordered-list/styled.d.ts.map +1 -0
  190. package/cjs/unordered-list/styled.js +28 -0
  191. package/cjs/unordered-list/styled.js.map +1 -0
  192. package/cjs/unordered-list/types.d.ts +1 -0
  193. package/cjs/unordered-list/types.d.ts.map +1 -1
  194. package/cjs/unordered-list/unordered-list.d.ts +0 -4
  195. package/cjs/unordered-list/unordered-list.d.ts.map +1 -1
  196. package/cjs/unordered-list/unordered-list.js +14 -19
  197. package/cjs/unordered-list/unordered-list.js.map +1 -1
  198. package/cjs/utils/get-transition-duration.d.ts +15 -0
  199. package/cjs/utils/get-transition-duration.d.ts.map +1 -0
  200. package/cjs/utils/get-transition-duration.js +76 -0
  201. package/cjs/utils/get-transition-duration.js.map +1 -0
  202. package/cjs/utils/has-own-property.d.ts +2 -0
  203. package/cjs/utils/has-own-property.d.ts.map +1 -0
  204. package/cjs/utils/has-own-property.js +11 -0
  205. package/cjs/utils/has-own-property.js.map +1 -0
  206. package/cjs/utils/hooks/index.d.ts +1 -0
  207. package/cjs/utils/hooks/index.d.ts.map +1 -1
  208. package/cjs/utils/hooks/index.js +1 -0
  209. package/cjs/utils/hooks/index.js.map +1 -1
  210. package/cjs/utils/hooks/use-controlled.d.ts +5 -0
  211. package/cjs/utils/hooks/use-controlled.d.ts.map +1 -0
  212. package/cjs/utils/hooks/use-controlled.js +21 -0
  213. package/cjs/utils/hooks/use-controlled.js.map +1 -0
  214. package/cjs/utils/index.d.ts +1 -0
  215. package/cjs/utils/index.d.ts.map +1 -1
  216. package/cjs/utils/index.js +1 -0
  217. package/cjs/utils/index.js.map +1 -1
  218. package/cjs/utils/overrides.d.ts +0 -1
  219. package/cjs/utils/overrides.d.ts.map +1 -1
  220. package/cjs/utils/overrides.js +3 -9
  221. package/cjs/utils/overrides.js.map +1 -1
  222. package/cjs/utils/responsive-helpers.d.ts.map +1 -1
  223. package/cjs/utils/responsive-helpers.js +2 -3
  224. package/cjs/utils/responsive-helpers.js.map +1 -1
  225. package/cjs/utils/style/getters.js +4 -4
  226. package/cjs/utils/style/getters.js.map +1 -1
  227. package/cjs/utils/style/style-preset.d.ts +2 -0
  228. package/cjs/utils/style/style-preset.d.ts.map +1 -1
  229. package/cjs/utils/style/style-preset.js +51 -22
  230. package/cjs/utils/style/style-preset.js.map +1 -1
  231. package/cjs/utils/style/transition-preset.d.ts +5 -0
  232. package/cjs/utils/style/transition-preset.d.ts.map +1 -0
  233. package/cjs/utils/style/transition-preset.js +96 -0
  234. package/cjs/utils/style/transition-preset.js.map +1 -0
  235. package/cjs/version-number.json +1 -1
  236. package/cjs/volume-control/volume-control.js +1 -1
  237. package/cjs/volume-control/volume-control.js.map +1 -1
  238. package/esm/audio-player/audio-functions.d.ts.map +1 -1
  239. package/esm/audio-player/audio-functions.js +10 -10
  240. package/esm/audio-player/audio-functions.js.map +1 -1
  241. package/esm/audio-player/audio-player.js +1 -1
  242. package/esm/audio-player/audio-player.js.map +1 -1
  243. package/esm/audio-player/controls/control-panel.d.ts.map +1 -1
  244. package/esm/audio-player/controls/control-panel.js +2 -2
  245. package/esm/audio-player/controls/control-panel.js.map +1 -1
  246. package/esm/audio-player/controls/play-pause.d.ts +6 -1
  247. package/esm/audio-player/controls/play-pause.d.ts.map +1 -1
  248. package/esm/audio-player/controls/play-pause.js +7 -0
  249. package/esm/audio-player/controls/play-pause.js.map +1 -1
  250. package/esm/audio-player/controls/skip-track.d.ts +2 -1
  251. package/esm/audio-player/controls/skip-track.d.ts.map +1 -1
  252. package/esm/audio-player/controls/skip-track.js +3 -3
  253. package/esm/audio-player/controls/skip-track.js.map +1 -1
  254. package/esm/button/styled.js +1 -1
  255. package/esm/button/styled.js.map +1 -1
  256. package/esm/checkbox/checkbox.d.ts +4 -0
  257. package/esm/checkbox/checkbox.d.ts.map +1 -0
  258. package/esm/checkbox/checkbox.js +97 -0
  259. package/esm/checkbox/checkbox.js.map +1 -0
  260. package/esm/checkbox/index.d.ts +3 -0
  261. package/esm/checkbox/index.d.ts.map +1 -0
  262. package/esm/checkbox/index.js +2 -0
  263. package/esm/checkbox/index.js.map +1 -0
  264. package/esm/checkbox/styled.d.ts +34 -0
  265. package/esm/checkbox/styled.d.ts.map +1 -0
  266. package/esm/checkbox/styled.js +68 -0
  267. package/esm/checkbox/styled.js.map +1 -0
  268. package/esm/checkbox/types.d.ts +34 -0
  269. package/esm/checkbox/types.d.ts.map +1 -0
  270. package/esm/checkbox/types.js +2 -0
  271. package/esm/checkbox/types.js.map +1 -0
  272. package/esm/consent/consent-utils.d.ts +2 -0
  273. package/esm/consent/consent-utils.d.ts.map +1 -1
  274. package/esm/consent/consent-utils.js +1 -0
  275. package/esm/consent/consent-utils.js.map +1 -1
  276. package/esm/dialog/base-dialog-function.d.ts.map +1 -1
  277. package/esm/dialog/base-dialog-function.js +16 -6
  278. package/esm/dialog/base-dialog-function.js.map +1 -1
  279. package/esm/dialog/base-dialog-tests.d.ts.map +1 -1
  280. package/esm/dialog/base-dialog-tests.js +20 -0
  281. package/esm/dialog/base-dialog-tests.js.map +1 -1
  282. package/esm/dialog/base-dialog-view.d.ts.map +1 -1
  283. package/esm/dialog/base-dialog-view.js +17 -11
  284. package/esm/dialog/base-dialog-view.js.map +1 -1
  285. package/esm/dialog/styled.d.ts +24 -8
  286. package/esm/dialog/styled.d.ts.map +1 -1
  287. package/esm/dialog/styled.js +19 -7
  288. package/esm/dialog/styled.js.map +1 -1
  289. package/esm/dialog/types.d.ts +9 -1
  290. package/esm/dialog/types.d.ts.map +1 -1
  291. package/esm/drawer/drawer.d.ts.map +1 -1
  292. package/esm/drawer/drawer.js +6 -4
  293. package/esm/drawer/drawer.js.map +1 -1
  294. package/esm/drawer/index.d.ts +1 -0
  295. package/esm/drawer/index.d.ts.map +1 -1
  296. package/esm/drawer/index.js +1 -0
  297. package/esm/drawer/index.js.map +1 -1
  298. package/esm/drawer/inline-drawer.d.ts +3 -0
  299. package/esm/drawer/inline-drawer.d.ts.map +1 -0
  300. package/esm/drawer/inline-drawer.js +4 -0
  301. package/esm/drawer/inline-drawer.js.map +1 -0
  302. package/esm/drawer/styled.d.ts +2 -1
  303. package/esm/drawer/styled.d.ts.map +1 -1
  304. package/esm/drawer/styled.js +16 -23
  305. package/esm/drawer/styled.js.map +1 -1
  306. package/esm/form/form-entry.d.ts.map +1 -1
  307. package/esm/form/form-entry.js.map +1 -1
  308. package/esm/form/form-input.d.ts.map +1 -1
  309. package/esm/form/form-input.js.map +1 -1
  310. package/esm/form/form.d.ts.map +1 -1
  311. package/esm/form/form.js +4 -1
  312. package/esm/form/form.js.map +1 -1
  313. package/esm/form/types.d.ts +3 -3
  314. package/esm/form/types.d.ts.map +1 -1
  315. package/esm/form/utils.d.ts +261 -0
  316. package/esm/form/utils.d.ts.map +1 -1
  317. package/esm/form/utils.js +15 -0
  318. package/esm/form/utils.js.map +1 -1
  319. package/esm/icons/filled/custom/index.d.ts +0 -2
  320. package/esm/icons/filled/custom/index.d.ts.map +1 -1
  321. package/esm/icons/filled/custom/index.js +0 -2
  322. package/esm/icons/filled/custom/index.js.map +1 -1
  323. package/esm/image/image.d.ts.map +1 -1
  324. package/esm/image/image.js +12 -33
  325. package/esm/image/image.js.map +1 -1
  326. package/esm/image/styled.d.ts +3 -8
  327. package/esm/image/styled.d.ts.map +1 -1
  328. package/esm/image/styled.js +12 -16
  329. package/esm/image/styled.js.map +1 -1
  330. package/esm/image/types.d.ts +1 -5
  331. package/esm/image/types.d.ts.map +1 -1
  332. package/esm/image/utils.d.ts +0 -1
  333. package/esm/image/utils.d.ts.map +1 -1
  334. package/esm/image/utils.js +0 -7
  335. package/esm/image/utils.js.map +1 -1
  336. package/esm/link/link.d.ts.map +1 -1
  337. package/esm/link/link.js +2 -2
  338. package/esm/link/link.js.map +1 -1
  339. package/esm/menu/styled.d.ts.map +1 -1
  340. package/esm/menu/styled.js +1 -1
  341. package/esm/menu/styled.js.map +1 -1
  342. package/esm/menu/types.d.ts +4 -3
  343. package/esm/menu/types.d.ts.map +1 -1
  344. package/esm/menu/types.js.map +1 -1
  345. package/esm/modal/modal.d.ts.map +1 -1
  346. package/esm/modal/modal.js +4 -8
  347. package/esm/modal/modal.js.map +1 -1
  348. package/esm/modal/styled.d.ts.map +1 -1
  349. package/esm/modal/styled.js +2 -4
  350. package/esm/modal/styled.js.map +1 -1
  351. package/esm/overlay/overlay.d.ts.map +1 -1
  352. package/esm/overlay/overlay.js +9 -5
  353. package/esm/overlay/overlay.js.map +1 -1
  354. package/esm/screen-reader-only/screen-reader-only.d.ts.map +1 -1
  355. package/esm/screen-reader-only/screen-reader-only.js +12 -4
  356. package/esm/screen-reader-only/screen-reader-only.js.map +1 -1
  357. package/esm/scroll/scroll.d.ts +1 -1
  358. package/esm/scroll/scroll.d.ts.map +1 -1
  359. package/esm/scroll/scroll.js +4 -3
  360. package/esm/scroll/scroll.js.map +1 -1
  361. package/esm/slider/styled.d.ts.map +1 -1
  362. package/esm/slider/styled.js +1 -1
  363. package/esm/slider/styled.js.map +1 -1
  364. package/esm/tabs/styled.js +1 -1
  365. package/esm/tabs/styled.js.map +1 -1
  366. package/esm/tabs/tab-panel.d.ts.map +1 -1
  367. package/esm/tabs/tab-panel.js +16 -1
  368. package/esm/tabs/tab-panel.js.map +1 -1
  369. package/esm/tabs/tabs.d.ts.map +1 -1
  370. package/esm/tabs/tabs.js +16 -6
  371. package/esm/tabs/tabs.js.map +1 -1
  372. package/esm/tabs/types.d.ts +1 -0
  373. package/esm/tabs/types.d.ts.map +1 -1
  374. package/esm/tealium/tealium.d.ts.map +1 -1
  375. package/esm/tealium/tealium.js +1 -1
  376. package/esm/tealium/tealium.js.map +1 -1
  377. package/esm/text-field/text-field.js.map +1 -1
  378. package/esm/text-input/text-input.d.ts.map +1 -1
  379. package/esm/text-input/text-input.js.map +1 -1
  380. package/esm/theme/component-defaults.d.ts +188 -131
  381. package/esm/theme/component-defaults.d.ts.map +1 -1
  382. package/esm/theme/component-defaults.js +222 -164
  383. package/esm/theme/component-defaults.js.map +1 -1
  384. package/esm/theme/foundations/colors.d.ts +16 -42
  385. package/esm/theme/foundations/colors.d.ts.map +1 -1
  386. package/esm/theme/foundations/colors.js +79 -95
  387. package/esm/theme/foundations/colors.js.map +1 -1
  388. package/esm/theme/foundations/fonts.d.ts +0 -1
  389. package/esm/theme/foundations/fonts.d.ts.map +1 -1
  390. package/esm/theme/foundations/fonts.js +15 -13
  391. package/esm/theme/foundations/fonts.js.map +1 -1
  392. package/esm/theme/foundations/motions.d.ts +5 -3
  393. package/esm/theme/foundations/motions.d.ts.map +1 -1
  394. package/esm/theme/foundations/motions.js +5 -3
  395. package/esm/theme/foundations/motions.js.map +1 -1
  396. package/esm/theme/foundations/overlays.js +4 -4
  397. package/esm/theme/foundations/shadows.d.ts.map +1 -1
  398. package/esm/theme/foundations/shadows.js +6 -6
  399. package/esm/theme/foundations/shadows.js.map +1 -1
  400. package/esm/theme/presets/index.d.ts +1 -0
  401. package/esm/theme/presets/index.d.ts.map +1 -1
  402. package/esm/theme/presets/index.js +1 -0
  403. package/esm/theme/presets/index.js.map +1 -1
  404. package/esm/theme/presets/style-presets.js +316 -158
  405. package/esm/theme/presets/style-presets.js.map +1 -1
  406. package/esm/theme/presets/transition-presets.d.ts +3 -0
  407. package/esm/theme/presets/transition-presets.d.ts.map +1 -0
  408. package/esm/theme/presets/transition-presets.js +235 -0
  409. package/esm/theme/presets/transition-presets.js.map +1 -0
  410. package/esm/theme/presets/types.d.ts +43 -0
  411. package/esm/theme/presets/types.d.ts.map +1 -1
  412. package/esm/theme/presets/typography-presets.js +149 -106
  413. package/esm/theme/presets/typography-presets.js.map +1 -1
  414. package/esm/theme/types.d.ts +2 -1
  415. package/esm/theme/types.d.ts.map +1 -1
  416. package/esm/theme/types.js.map +1 -1
  417. package/esm/toast/styled.d.ts.map +1 -1
  418. package/esm/toast/styled.js +1 -1
  419. package/esm/toast/styled.js.map +1 -1
  420. package/esm/unordered-list/index.d.ts +2 -2
  421. package/esm/unordered-list/index.d.ts.map +1 -1
  422. package/esm/unordered-list/index.js +2 -1
  423. package/esm/unordered-list/index.js.map +1 -1
  424. package/esm/unordered-list/styled.d.ts +21 -0
  425. package/esm/unordered-list/styled.d.ts.map +1 -0
  426. package/esm/unordered-list/styled.js +25 -0
  427. package/esm/unordered-list/styled.js.map +1 -0
  428. package/esm/unordered-list/types.d.ts +1 -0
  429. package/esm/unordered-list/types.d.ts.map +1 -1
  430. package/esm/unordered-list/unordered-list.d.ts +0 -4
  431. package/esm/unordered-list/unordered-list.d.ts.map +1 -1
  432. package/esm/unordered-list/unordered-list.js +11 -16
  433. package/esm/unordered-list/unordered-list.js.map +1 -1
  434. package/esm/utils/get-transition-duration.d.ts +15 -0
  435. package/esm/utils/get-transition-duration.d.ts.map +1 -0
  436. package/esm/utils/get-transition-duration.js +70 -0
  437. package/esm/utils/get-transition-duration.js.map +1 -0
  438. package/esm/utils/has-own-property.d.ts +2 -0
  439. package/esm/utils/has-own-property.d.ts.map +1 -0
  440. package/esm/utils/has-own-property.js +7 -0
  441. package/esm/utils/has-own-property.js.map +1 -0
  442. package/esm/utils/hooks/index.d.ts +1 -0
  443. package/esm/utils/hooks/index.d.ts.map +1 -1
  444. package/esm/utils/hooks/index.js +1 -0
  445. package/esm/utils/hooks/index.js.map +1 -1
  446. package/esm/utils/hooks/use-controlled.d.ts +5 -0
  447. package/esm/utils/hooks/use-controlled.d.ts.map +1 -0
  448. package/esm/utils/hooks/use-controlled.js +14 -0
  449. package/esm/utils/hooks/use-controlled.js.map +1 -0
  450. package/esm/utils/index.d.ts +1 -0
  451. package/esm/utils/index.d.ts.map +1 -1
  452. package/esm/utils/index.js +1 -0
  453. package/esm/utils/index.js.map +1 -1
  454. package/esm/utils/overrides.d.ts +0 -1
  455. package/esm/utils/overrides.d.ts.map +1 -1
  456. package/esm/utils/overrides.js +1 -6
  457. package/esm/utils/overrides.js.map +1 -1
  458. package/esm/utils/responsive-helpers.d.ts.map +1 -1
  459. package/esm/utils/responsive-helpers.js +2 -3
  460. package/esm/utils/responsive-helpers.js.map +1 -1
  461. package/esm/utils/style/getters.js +1 -1
  462. package/esm/utils/style/getters.js.map +1 -1
  463. package/esm/utils/style/style-preset.d.ts +2 -0
  464. package/esm/utils/style/style-preset.d.ts.map +1 -1
  465. package/esm/utils/style/style-preset.js +51 -22
  466. package/esm/utils/style/style-preset.js.map +1 -1
  467. package/esm/utils/style/transition-preset.d.ts +5 -0
  468. package/esm/utils/style/transition-preset.d.ts.map +1 -0
  469. package/esm/utils/style/transition-preset.js +92 -0
  470. package/esm/utils/style/transition-preset.js.map +1 -0
  471. package/esm/version-number.json +1 -1
  472. package/esm/volume-control/volume-control.js +1 -1
  473. package/esm/volume-control/volume-control.js.map +1 -1
  474. package/package.json +1 -9
  475. package/cjs/icons/filled/custom/icon-filled-circle.d.ts +0 -5
  476. package/cjs/icons/filled/custom/icon-filled-circle.d.ts.map +0 -1
  477. package/cjs/icons/filled/custom/icon-filled-circle.js +0 -23
  478. package/cjs/icons/filled/custom/icon-filled-circle.js.map +0 -1
  479. package/cjs/icons/filled/custom/icon-filled-placeholder.d.ts +0 -5
  480. package/cjs/icons/filled/custom/icon-filled-placeholder.d.ts.map +0 -1
  481. package/cjs/icons/filled/custom/icon-filled-placeholder.js +0 -23
  482. package/cjs/icons/filled/custom/icon-filled-placeholder.js.map +0 -1
  483. package/cjs/image/caption.d.ts +0 -8
  484. package/cjs/image/caption.d.ts.map +0 -1
  485. package/cjs/image/caption.js +0 -34
  486. package/cjs/image/caption.js.map +0 -1
  487. package/esm/icons/filled/custom/icon-filled-circle.d.ts +0 -5
  488. package/esm/icons/filled/custom/icon-filled-circle.d.ts.map +0 -1
  489. package/esm/icons/filled/custom/icon-filled-circle.js +0 -17
  490. package/esm/icons/filled/custom/icon-filled-circle.js.map +0 -1
  491. package/esm/icons/filled/custom/icon-filled-placeholder.d.ts +0 -5
  492. package/esm/icons/filled/custom/icon-filled-placeholder.d.ts.map +0 -1
  493. package/esm/icons/filled/custom/icon-filled-placeholder.js +0 -17
  494. package/esm/icons/filled/custom/icon-filled-placeholder.js.map +0 -1
  495. package/esm/image/caption.d.ts +0 -8
  496. package/esm/image/caption.d.ts.map +0 -1
  497. package/esm/image/caption.js +0 -27
  498. package/esm/image/caption.js.map +0 -1
@@ -0,0 +1,34 @@
1
+ /// <reference types="react" />
2
+ import { CheckboxProps } from './types';
3
+ export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
4
+ theme?: import("@emotion/react").Theme | undefined;
5
+ as?: import("react").ElementType<any> | undefined;
6
+ } & Pick<CheckboxProps, "state">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
7
+ export declare const StyledCheckboxContainer: import("@emotion/styled").StyledComponent<{
8
+ theme?: import("@emotion/react").Theme | undefined;
9
+ as?: import("react").ElementType<any> | undefined;
10
+ } & Pick<CheckboxProps, "size" | "overrides" | "labelPosition" | "state">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
+ export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
12
+ theme?: import("@emotion/react").Theme | undefined;
13
+ as?: import("react").ElementType<any> | undefined;
14
+ } & Pick<CheckboxProps, "size" | "overrides" | "checked" | "state"> & {
15
+ isFocused: boolean;
16
+ isHover: boolean;
17
+ feedbackIsVisible: boolean;
18
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
+ export declare const StyledFeedback: import("@emotion/styled").StyledComponent<{
20
+ theme?: import("@emotion/react").Theme | undefined;
21
+ as?: import("react").ElementType<any> | undefined;
22
+ } & Pick<CheckboxProps, "size" | "overrides" | "state"> & {
23
+ isFocused: boolean;
24
+ isHover: boolean;
25
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
+ export declare const StyledInput: import("@emotion/styled").StyledComponent<{
27
+ theme?: import("@emotion/react").Theme | undefined;
28
+ as?: import("react").ElementType<any> | undefined;
29
+ } & CheckboxProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
30
+ export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
31
+ theme?: import("@emotion/react").Theme | undefined;
32
+ as?: import("react").ElementType<any> | undefined;
33
+ } & Pick<CheckboxProps, "size" | "overrides" | "state">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
34
+ //# sourceMappingURL=styled.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/checkbox/styled.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAOtC,eAAO,MAAM,eAAe;;;iJAI3B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;iLA2BnC,CAAC;AAUF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;aACT,OAAO;uBACG,OAAO;yGAkB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;aACT,OAAO;yGA2BnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;kIAKvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;iKAUvB,CAAC"}
@@ -0,0 +1,71 @@
1
+ "use strict";
2
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
+ return cooked;
5
+ };
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.StyledLabel = exports.StyledInput = exports.StyledFeedback = exports.StyledCheckbox = exports.StyledCheckboxContainer = exports.StyledContainer = void 0;
8
+ var utils_1 = require("../utils");
9
+ var STACKING_CONTEXT = {
10
+ feedback: '1',
11
+ input: '2',
12
+ };
13
+ exports.StyledContainer = utils_1.styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n ", ";\n"], ["\n display: flex;\n align-items: center;\n ", ";\n"])), function (_a) {
14
+ var state = _a.state;
15
+ return ({ cursor: state === 'disabled' ? 'not-allowed' : 'pointer' });
16
+ });
17
+ exports.StyledCheckboxContainer = utils_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n display: inline-block;\n align-self: start;\n flex-shrink: 0;\n\n * {\n box-sizing: border-box;\n }\n\n ", "\n\n ", "\n"], ["\n position: relative;\n display: inline-block;\n align-self: start;\n flex-shrink: 0;\n\n * {\n box-sizing: border-box;\n }\n\n ", "\n\n ", "\n"])), function (_a) {
18
+ var size = _a.size;
19
+ return utils_1.getResponsiveSize(function (rectSize) { return ({ width: rectSize, height: rectSize }); }, "checkbox." + size + ".input", 'input', 'size');
20
+ }, function (_a) {
21
+ var size = _a.size, labelPosition = _a.labelPosition;
22
+ return utils_1.getResponsiveSpace(labelPosition === 'end' ? 'marginRight' : 'marginLeft', "checkbox." + size + ".input", 'input', 'spaceInline');
23
+ });
24
+ var insetCSS = "\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n";
25
+ exports.StyledCheckbox = utils_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", "\n"], ["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", "\n"])), insetCSS, function (_a) {
26
+ var size = _a.size, checked = _a.checked, state = _a.state, isFocused = _a.isFocused, isHover = _a.isHover;
27
+ return utils_1.getStylePreset("checkbox." + size + ".input", 'input', {
28
+ isChecked: checked,
29
+ isDisabled: state === 'disabled',
30
+ isInvalid: state === 'invalid',
31
+ isValid: state === 'valid',
32
+ isFocused: isFocused,
33
+ isHover: isHover,
34
+ });
35
+ }, function (_a) {
36
+ var feedbackIsVisible = _a.feedbackIsVisible;
37
+ return feedbackIsVisible && "z-index: " + STACKING_CONTEXT.input;
38
+ });
39
+ exports.StyledFeedback = utils_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n left: 50%;\n ", ";\n\n ", "\n ", ";\n"], ["\n position: absolute;\n top: 50%;\n left: 50%;\n ", ";\n\n ", "\n ", ";\n"])), function (_a) {
40
+ var isHover = _a.isHover, isFocused = _a.isFocused;
41
+ return (isHover || isFocused) && "z-index: " + STACKING_CONTEXT.feedback;
42
+ }, function (_a) {
43
+ var size = _a.size, isHover = _a.isHover, isFocused = _a.isFocused;
44
+ return utils_1.getStylePreset("checkbox." + size + ".feedback", 'feedback', {
45
+ isHover: isHover,
46
+ isFocused: isFocused,
47
+ // when is not HOVER we need to remove the hover so it does not apply as class:hover
48
+ omitStates: isHover ? [] : ['hover'],
49
+ });
50
+ }, function (_a) {
51
+ var size = _a.size;
52
+ return utils_1.getResponsiveSize(function (rectSize) { return ({
53
+ width: rectSize,
54
+ height: rectSize,
55
+ transform: "translate3d(calc(" + rectSize + " / -2), calc(" + rectSize + " / -2), 0)",
56
+ }); }, "checkbox." + size + ".feedback", 'feedback', 'size');
57
+ });
58
+ exports.StyledInput = utils_1.styled.input(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n margin: 0;\n opacity: 0;\n cursor: inherit;\n"], ["\n ", "\n margin: 0;\n opacity: 0;\n cursor: inherit;\n"])), insetCSS);
59
+ exports.StyledLabel = utils_1.styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
60
+ var size = _a.size, state = _a.state;
61
+ return utils_1.getStylePreset("checkbox." + size + ".label", 'label', {
62
+ isDisabled: state === 'disabled',
63
+ isInvalid: state === 'invalid',
64
+ isValid: state === 'valid',
65
+ });
66
+ }, function (_a) {
67
+ var size = _a.size;
68
+ return utils_1.getTypographyPreset("checkbox." + size + ".label", 'label');
69
+ });
70
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
71
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/checkbox/styled.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,34 @@
1
+ import React from 'react';
2
+ import { NewsKitIconProps } from '..';
3
+ import { Override } from '../utils/overrides';
4
+ import { MQ } from '../utils/style/types';
5
+ export declare type CheckboxIconProps = NewsKitIconProps & Pick<CheckboxProps, 'checked' | 'state'>;
6
+ declare type CheckboxOverrides = {
7
+ input?: {
8
+ size?: MQ<string>;
9
+ stylePreset?: MQ<string>;
10
+ spaceInline?: MQ<string>;
11
+ };
12
+ feedback?: {
13
+ size?: MQ<string>;
14
+ stylePreset?: MQ<string>;
15
+ };
16
+ label?: {
17
+ stylePreset?: MQ<string>;
18
+ typographyPreset?: MQ<string>;
19
+ };
20
+ icon?: Override<CheckboxIconProps>;
21
+ };
22
+ export declare type CheckboxSize = 'small' | 'medium' | 'large';
23
+ export declare type CheckboxState = 'valid' | 'invalid' | 'disabled';
24
+ export declare type CheckboxLabelPosition = 'start' | 'end';
25
+ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled'> {
26
+ overrides?: CheckboxOverrides;
27
+ size?: CheckboxSize;
28
+ state?: CheckboxState;
29
+ label?: React.ReactNode;
30
+ labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;
31
+ labelPosition?: CheckboxLabelPosition;
32
+ }
33
+ export {};
34
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,IAAI,CAAC;AACpC,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,iBAAiB,GAAG,gBAAgB,GAC9C,IAAI,CAAC,aAAa,EAAE,SAAS,GAAG,OAAO,CAAC,CAAC;AAE3C,aAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE;QACN,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAClB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC/B,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAAC;CACpC,CAAC;AAEF,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7D,oBAAY,qBAAqB,GAAG,OAAO,GAAG,KAAK,CAAC;AACpD,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,qBAAqB,CAAC;CACvC"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/checkbox/types.ts"],"names":[],"mappings":""}
@@ -2,8 +2,10 @@ import { SourcePointConfigTCFV2, ConsentProps, ConsentPropsTCFV2, SourcePointCon
2
2
  export declare const getV2Scripts: (config: SourcePointConfigTCFV2) => ({
3
3
  content: string;
4
4
  src?: undefined;
5
+ async?: undefined;
5
6
  } | {
6
7
  src: string;
8
+ async: boolean;
7
9
  content?: undefined;
8
10
  })[];
9
11
  export declare const getNonTCFScripts: (config: SourcePointConfigNonTCFV1) => ({
@@ -1 +1 @@
1
- {"version":3,"file":"consent-utils.d.ts","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,YAAY,WAAY,sBAAsB;;;;;;IAwB1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,yBAAyB;;;;;;;;IAwBjE,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,YAAY,+BACiB,CAAC;AAE/D,eAAO,MAAM,eAAe,UACnB,YAAY,kCAE+C,CAAC"}
1
+ {"version":3,"file":"consent-utils.d.ts","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,YAAY,EACZ,iBAAiB,EACjB,yBAAyB,EACzB,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAUjB,eAAO,MAAM,YAAY,WAAY,sBAAsB;;;;;;;;IAyB1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,WAAY,yBAAyB;;;;;;;;IAwBjE,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,YAAY,+BACiB,CAAC;AAE/D,eAAO,MAAM,eAAe,UACnB,YAAY,kCAE+C,CAAC"}
@@ -33,6 +33,7 @@ var getV2Scripts = function (config) {
33
33
  },
34
34
  {
35
35
  src: baseEndpoint + "/wrapperMessagingWithoutDetection.js",
36
+ async: true,
36
37
  },
37
38
  ];
38
39
  };
@@ -1 +1 @@
1
- {"version":3,"file":"consent-utils.js","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,QAAQ,CAAC,GAAW,EAAE,KAAiC;IAC9D,IAAM,cAAc,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvE,IAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,OAAO,OAAO,KAAK,KAAK,UAAU;QAChC,CAAC,CAAC,cAAW,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,cAAU;QAChD,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAEM,IAAM,YAAY,GAAG,UAAC,MAA8B;IACzD,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,OAAO;QACL;YACE,OAAO,EAAE,s1CAA0zC;SACp0C;QACD;YACE,OAAO,EAAE,mBAAiB,IAAI,CAAC,SAAS,CACtC;gBACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;aACF,EACD,QAAQ,CACP;SACJ;QACD;YACE,GAAG,EAAK,YAAY,yCAAsC;SAC3D;KACF,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,YAAY,gBAwBvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,MAAiC;IAChE,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,IAAM,QAAQ,GAAG,mBAAiB,IAAI,CAAC,SAAS,CAC9C;QACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;KACF,EACD,QAAQ,CACP,CAAC;IAEJ,OAAO;QACL;YACE,OAAO,EAAE,QAAQ;SAClB;QACD;YACE,GAAG,EAAK,YAAY,0BAAuB;YAC3C,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B;AAEK,IAAM,SAAS,GAAG,UAAC,KAAmB;IAC3C,OAAA,OAAO,CAAE,KAA2B,CAAC,sBAAsB,CAAC;AAA5D,CAA4D,CAAC;AADlD,QAAA,SAAS,aACyC;AAExD,IAAM,eAAe,GAAG,UAC7B,KAAmB;IAEnB,OAAA,OAAO,CAAE,KAA8B,CAAC,yBAAyB,CAAC;AAAlE,CAAkE,CAAC;AAHxD,QAAA,eAAe,mBAGyC"}
1
+ {"version":3,"file":"consent-utils.js","sourceRoot":"","sources":["../../../src/consent/consent-utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAQA,SAAS,QAAQ,CAAC,GAAW,EAAE,KAAiC;IAC9D,IAAM,cAAc,GAAG,CAAC,uBAAuB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvE,IAAM,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,OAAO,OAAO,KAAK,KAAK,UAAU;QAChC,CAAC,CAAC,cAAW,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,cAAU;QAChD,CAAC,CAAC,KAAK,CAAC;AACZ,CAAC;AAEM,IAAM,YAAY,GAAG,UAAC,MAA8B;IACzD,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,OAAO;QACL;YACE,OAAO,EAAE,s1CAA0zC;SACp0C;QACD;YACE,OAAO,EAAE,mBAAiB,IAAI,CAAC,SAAS,CACtC;gBACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;aACF,EACD,QAAQ,CACP;SACJ;QACD;YACE,GAAG,EAAK,YAAY,yCAAsC;YAC1D,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,YAAY,gBAyBvB;AAEK,IAAM,gBAAgB,GAAG,UAAC,MAAiC;IAChE,IAAM,YAAY,GAChB,CAAC,MAAM,CAAC,YAAY,IAAI,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC/D,8BAA8B,CAAC;IAEjC,IAAM,QAAQ,GAAG,mBAAiB,IAAI,CAAC,SAAS,CAC9C;QACE,MAAM,wBACD,MAAM,KACT,YAAY,cAAA,GACb;KACF,EACD,QAAQ,CACP,CAAC;IAEJ,OAAO;QACL;YACE,OAAO,EAAE,QAAQ;SAClB;QACD;YACE,GAAG,EAAK,YAAY,0BAAuB;YAC3C,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,gBAAgB,oBAwB3B;AAEK,IAAM,SAAS,GAAG,UAAC,KAAmB;IAC3C,OAAA,OAAO,CAAE,KAA2B,CAAC,sBAAsB,CAAC;AAA5D,CAA4D,CAAC;AADlD,QAAA,SAAS,aACyC;AAExD,IAAM,eAAe,GAAG,UAC7B,KAAmB;IAEnB,OAAA,OAAO,CAAE,KAA8B,CAAC,yBAAyB,CAAC;AAAlE,CAAkE,CAAC;AAHxD,QAAA,eAAe,mBAGyC"}
@@ -1 +1 @@
1
- {"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAyDhE,CAAC"}
1
+ {"version":3,"file":"base-dialog-function.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsEhE,CAAC"}
@@ -28,7 +28,7 @@ var react_focus_lock_1 = __importDefault(require("react-focus-lock"));
28
28
  var hooks_1 = require("../utils/hooks");
29
29
  var get_1 = require("../utils/get");
30
30
  var BaseDialogFunction = function (_a) {
31
- var children = _a.children, open = _a.open, onDismiss = _a.onDismiss, _b = _a.restoreFocusTo, restoreFocusTo = _b === void 0 ? undefined : _b, renderOverlay = _a.renderOverlay;
31
+ var children = _a.children, open = _a.open, onDismiss = _a.onDismiss, _b = _a.restoreFocusTo, restoreFocusTo = _b === void 0 ? undefined : _b, renderOverlay = _a.renderOverlay, hideOverlay = _a.hideOverlay, disableFocusTrap = _a.disableFocusTrap;
32
32
  var triggerClose = function () { return open && onDismiss && onDismiss(); };
33
33
  var handleEscape = function () {
34
34
  triggerClose();
@@ -45,7 +45,7 @@ var BaseDialogFunction = function (_a) {
45
45
  var handleOnLockActivation = function () {
46
46
  originalFocusedElementRef.current = document.activeElement;
47
47
  };
48
- var handleOnLockDeactivation = function () {
48
+ var handleOnLockDeactivation = react_1.useCallback(function () {
49
49
  var originalFocusedElement = get_1.get(originalFocusedElementRef, 'current');
50
50
  /* istanbul ignore else */
51
51
  if (restoreFocusTo || originalFocusedElement) {
@@ -55,10 +55,20 @@ var BaseDialogFunction = function (_a) {
55
55
  return typeof elementToFocus_1.focus === 'function' && elementToFocus_1.focus();
56
56
  }, 0);
57
57
  }
58
- };
58
+ }, [restoreFocusTo]);
59
+ react_1.useEffect(function () {
60
+ if (disableFocusTrap && open) {
61
+ handleOnLockActivation();
62
+ }
63
+ return function () {
64
+ if (disableFocusTrap && open) {
65
+ handleOnLockDeactivation();
66
+ }
67
+ };
68
+ }, [disableFocusTrap, handleOnLockDeactivation, open]);
59
69
  return (react_1.default.createElement(react_1.default.Fragment, null,
60
- renderOverlay(handleOverlayClick),
61
- react_1.default.createElement(react_focus_lock_1.default, { disabled: !open, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
70
+ !hideOverlay && renderOverlay(handleOverlayClick),
71
+ react_1.default.createElement(react_focus_lock_1.default, { disabled: !open || disableFocusTrap, onActivation: handleOnLockActivation, onDeactivation: handleOnLockDeactivation }, children && children(handleCloseButtonClick))));
62
72
  };
63
73
  exports.BaseDialogFunction = BaseDialogFunction;
64
74
  //# sourceMappingURL=base-dialog-function.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoC;AACpC,sEAAyC;AACzC,wCAA2C;AAC3C,oCAAiC;AAG1B,IAAM,kBAAkB,GAAsC,UAAC,EAMrE;QALC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAA0B,EAA1B,cAAc,mBAAG,SAAS,KAAA,EAC1B,aAAa,mBAAA;IAEb,IAAM,YAAY,GAAG,cAAM,OAAA,IAAI,IAAI,SAAS,IAAI,SAAS,EAAE,EAAhC,CAAgC,CAAC;IAE5D,IAAM,YAAY,GAAG;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACzB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,mBAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAErD,mEAAmE;IACnE,IAAM,yBAAyB,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAE/D,IAAM,sBAAsB,GAAG;QAC7B,yBAAyB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG;QAC/B,IAAM,sBAAsB,GAAG,SAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;QAEzE,0BAA0B;QAC1B,IAAI,cAAc,IAAI,sBAAsB,EAAE;YAC5C,IAAM,gBAAc,GAAG,cAAc,IAAI,sBAAsB,CAAC;YAChE,mEAAmE;YACnE,MAAM,CAAC,UAAU,CACf;gBACE,OAAA,OAAO,gBAAc,CAAC,KAAK,KAAK,UAAU,IAAI,gBAAc,CAAC,KAAK,EAAE;YAApE,CAAoE,EACtE,CAAC,CACF,CAAC;SACH;IACH,CAAC,CAAC;IAEF,OAAO,CACL;QACG,aAAa,CAAC,kBAAkB,CAAC;QAClC,8BAAC,0BAAS,IACR,QAAQ,EAAE,CAAC,IAAI,EACf,YAAY,EAAE,sBAAsB,EACpC,cAAc,EAAE,wBAAwB,IAEvC,QAAQ,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CACnC,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAzDW,QAAA,kBAAkB,sBAyD7B"}
1
+ {"version":3,"file":"base-dialog-function.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-function.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,sEAAyC;AACzC,wCAA2C;AAC3C,oCAAiC;AAG1B,IAAM,kBAAkB,GAAsC,UAAC,EAQrE;QAPC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,sBAA0B,EAA1B,cAAc,mBAAG,SAAS,KAAA,EAC1B,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,gBAAgB,sBAAA;IAEhB,IAAM,YAAY,GAAG,cAAM,OAAA,IAAI,IAAI,SAAS,IAAI,SAAS,EAAE,EAAhC,CAAgC,CAAC;IAE5D,IAAM,YAAY,GAAG;QACnB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG;QACzB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG;QAC7B,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF,mBAAW,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IAErD,mEAAmE;IACnE,IAAM,yBAAyB,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IAE/D,IAAM,sBAAsB,GAAG;QAC7B,yBAAyB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC7D,CAAC,CAAC;IAEF,IAAM,wBAAwB,GAAG,mBAAW,CAAC;QAC3C,IAAM,sBAAsB,GAAG,SAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,CAAC;QAEzE,0BAA0B;QAC1B,IAAI,cAAc,IAAI,sBAAsB,EAAE;YAC5C,IAAM,gBAAc,GAAG,cAAc,IAAI,sBAAsB,CAAC;YAChE,mEAAmE;YACnE,MAAM,CAAC,UAAU,CACf;gBACE,OAAA,OAAO,gBAAc,CAAC,KAAK,KAAK,UAAU,IAAI,gBAAc,CAAC,KAAK,EAAE;YAApE,CAAoE,EACtE,CAAC,CACF,CAAC;SACH;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,iBAAS,CAAC;QACR,IAAI,gBAAgB,IAAI,IAAI,EAAE;YAC5B,sBAAsB,EAAE,CAAC;SAC1B;QACD,OAAO;YACL,IAAI,gBAAgB,IAAI,IAAI,EAAE;gBAC5B,wBAAwB,EAAE,CAAC;aAC5B;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,CAAC,CAAC,CAAC;IAEvD,OAAO,CACL;QACG,CAAC,WAAW,IAAI,aAAa,CAAC,kBAAkB,CAAC;QAClD,8BAAC,0BAAS,IACR,QAAQ,EAAE,CAAC,IAAI,IAAI,gBAAgB,EACnC,YAAY,EAAE,sBAAsB,EACpC,cAAc,EAAE,wBAAwB,IAEvC,QAAQ,IAAI,QAAQ,CAAC,sBAAsB,CAAC,CACnC,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAtEW,QAAA,kBAAkB,sBAsE7B"}
@@ -1 +1 @@
1
- {"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SAwFlB,CAAC"}
1
+ {"version":3,"file":"base-dialog-tests.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,iBAAiB,WACpB,MAAM,EAAE,CAAC,eAAe,CAAC,UACzB,WAAW,QACb,WAAW,SA2GlB,CAAC"}
@@ -49,6 +49,26 @@ var sharedDialogTests = function (Dialog, header, body) {
49
49
  });
50
50
  expect(fragment).toMatchSnapshot();
51
51
  });
52
+ test('renders without overlay', function () {
53
+ var fragment = test_utils_1.renderToFragmentWithTheme(Dialog, {
54
+ open: true,
55
+ header: header,
56
+ children: body,
57
+ onDismiss: function () { },
58
+ hideOverlay: true,
59
+ });
60
+ expect(fragment).toMatchSnapshot();
61
+ });
62
+ test('renders screen reader message when focus trapping disabled', function () {
63
+ var fragment = test_utils_1.renderToFragmentWithTheme(Dialog, {
64
+ open: true,
65
+ header: header,
66
+ children: body,
67
+ onDismiss: function () { },
68
+ disableFocusTrap: true,
69
+ });
70
+ expect(fragment).toMatchSnapshot();
71
+ });
52
72
  test('invokes onDismiss callback when Esc key pressed', function () {
53
73
  var mockCallBack = jest.fn();
54
74
  test_utils_1.renderWithTheme(Dialog, {
@@ -1 +1 @@
1
- {"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"base-dialog-tests.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-tests.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAwB5C,eAAO,MAAM,cAAc,4FAqF1B,CAAC"}
1
+ {"version":3,"file":"base-dialog-view.d.ts","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AA2B5C,eAAO,MAAM,cAAc,4FAyG1B,CAAC"}
@@ -52,24 +52,30 @@ var deep_merge_1 = require("../utils/deep-merge");
52
52
  var filter_object_1 = require("../utils/filter-object");
53
53
  var merge_breakpoint_object_1 = require("../utils/merge-breakpoint-object");
54
54
  var theme_1 = require("../theme");
55
+ var screen_reader_only_1 = require("../screen-reader-only");
56
+ var hooks_1 = require("../utils/hooks");
55
57
  /* istanbul ignore next */
56
58
  var centerCloseButton = function (top) { return ({
57
59
  top: top / 2,
58
60
  transform: top !== 0 ? "translateY(-50%)" : undefined,
59
61
  }); };
60
62
  exports.BaseDialogView = react_1.default.forwardRef(function (_a, panelRef) {
61
- var handleCloseButtonClick = _a.handleCloseButtonClick, className = _a.className, path = _a.path, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, closePosition = _a.closePosition, header = _a.header, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, children = _a.children, props = __rest(_a, ["handleCloseButtonClick", "className", "path", "overrides", "closePosition", "header", "ariaDescribedby", "ariaLabelledby", "children"]);
63
+ var handleCloseButtonClick = _a.handleCloseButtonClick, className = _a.className, path = _a.path, _b = _a.overrides, overrides = _b === void 0 ? {} : _b, closePosition = _a.closePosition, header = _a.header, ariaDescribedby = _a.ariaDescribedby, ariaLabelledby = _a.ariaLabelledby, children = _a.children, open = _a.open, disableFocusTrap = _a.disableFocusTrap, _c = _a.inline, inline = _c === void 0 ? false : _c, props = __rest(_a, ["handleCloseButtonClick", "className", "path", "overrides", "closePosition", "header", "ariaDescribedby", "ariaLabelledby", "children", "open", "disableFocusTrap", "inline"]);
62
64
  var headerRef = react_1.useRef(null);
63
- var _c = use_resize_observer_1.useResizeObserver(headerRef), headerHeight = _c[1];
65
+ var _d = use_resize_observer_1.useResizeObserver(headerRef), headerHeight = _d[1];
66
+ var listDialogItemNotification = hooks_1.useReactKeys(1)[0];
64
67
  var theme = theme_1.useTheme();
65
68
  var closeButtonOverrides = __assign({}, deep_merge_1.deepMerge(merge_breakpoint_object_1.mergeBreakpointObject(Object.keys(theme.breakpoints)), theme.componentDefaults.drawer.closeButton, filter_object_1.filterOutFalsyProperties(overrides.closeButton)));
66
- return (react_1.default.createElement(styled_1.StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": "true", "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path }, props),
67
- react_1.default.createElement(styled_1.StyledDialogHeader, { overrides: overrides, ref: headerRef, path: path },
68
- react_1.default.createElement(stack_1.Stack, { flow: "horizontal-center", flowReverse: closePosition === 'left' },
69
- header && (react_1.default.createElement(styled_1.StyledDialogHeaderContent, { path: path }, header)),
70
- react_1.default.createElement(styled_1.StyledFillSpaceCloseButton, { path: path, overrides: overrides, closePosition: closePosition }))),
71
- react_1.default.createElement(styled_1.StyledDialogContent, { "data-testid": "dialog-content", path: path, overrides: overrides }, children),
72
- react_1.default.createElement(styled_1.StyledCloseButton, { path: path, closePosition: closePosition, style: __assign({}, centerCloseButton(headerHeight)), "aria-label": "close", onClick: handleCloseButtonClick, overrides: closeButtonOverrides, size: button_1.ButtonSize.Medium },
73
- react_1.default.createElement(icons_1.IconFilledClose, null))));
69
+ var MoveFocusInsideWhenFocusTrapDisabled = disableFocusTrap && open ? styled_1.StyledMoveFocusInside : react_1.default.Fragment;
70
+ return (react_1.default.createElement(styled_1.StyledDialogPanel, __assign({ ref: panelRef, className: className, role: "dialog", "aria-modal": disableFocusTrap ? 'false' : 'true', "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, overrides: overrides, path: path, inline: inline, "$open": open }, props),
71
+ react_1.default.createElement(MoveFocusInsideWhenFocusTrapDisabled, null,
72
+ react_1.default.createElement(styled_1.StyledDialogHeader, { overrides: overrides, ref: headerRef, path: path },
73
+ react_1.default.createElement(stack_1.Stack, { flow: "horizontal-center", flowReverse: closePosition === 'left' },
74
+ header && (react_1.default.createElement(styled_1.StyledDialogHeaderContent, { path: path }, header)),
75
+ react_1.default.createElement(styled_1.StyledFillSpaceCloseButton, { path: path, overrides: overrides, closePosition: closePosition }))),
76
+ react_1.default.createElement(styled_1.StyledDialogContent, { "data-testid": "dialog-content", path: path, overrides: overrides }, children),
77
+ react_1.default.createElement(styled_1.StyledCloseButton, { path: path, closePosition: closePosition, style: __assign({}, centerCloseButton(headerHeight)), "aria-label": "close", "aria-describedby": disableFocusTrap ? listDialogItemNotification : undefined, onClick: handleCloseButtonClick, overrides: closeButtonOverrides, size: button_1.ButtonSize.Medium },
78
+ react_1.default.createElement(icons_1.IconFilledClose, null)),
79
+ disableFocusTrap && (react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: listDialogItemNotification }, "With the next tab you will be leaving the dialog window.")))));
74
80
  });
75
81
  //# sourceMappingURL=base-dialog-view.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoC;AAEpC,mCAOkB;AAClB,kCAA+B;AAC/B,kCAAyC;AACzC,oCAAqC;AACrC,0EAAqE;AACrE,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,kCAAkD;AAElD,0BAA0B;AAC1B,IAAM,iBAAiB,GAAG,UAAC,GAAW,IAAK,OAAA,CAAC;IAC1C,GAAG,EAAE,GAAG,GAAG,CAAC;IACZ,SAAS,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS;CACtD,CAAC,EAHyC,CAGzC,CAAC;AAEU,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAI5C,UACE,EAWC,EACD,QAAQ;IAXN,IAAA,sBAAsB,4BAAA,EACtB,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,QAAQ,cAAA,EACL,KAAK,cAVV,wIAWC,CADS;IAIV,IAAM,SAAS,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,KAAmB,uCAAiB,CAAC,SAAS,CAAC,EAA5C,YAAY,QAAgC,CAAC;IAEtD,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IACzB,IAAM,oBAAoB,gBACrB,sBAAS,CACV,+CAAqB,CACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CACnD,EACD,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,WAAW,EAC1C,wCAAwB,CAAC,SAAS,CAAC,WAAW,CAAC,CAChD,CACF,CAAC;IAEF,OAAO,CACL,8BAAC,0BAAiB,aAChB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBACF,MAAM,sBACC,eAAe,qBAChB,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,IACN,KAAK;QAET,8BAAC,2BAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI;YAClE,8BAAC,aAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,WAAW,EAAE,aAAa,KAAK,MAAM;gBAEpC,MAAM,IAAI,CACT,8BAAC,kCAAyB,IAAC,IAAI,EAAE,IAAI,IAClC,MAAM,CACmB,CAC7B;gBACD,8BAAC,mCAA0B,IACzB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC5B,CACI,CACW;QACrB,8BAAC,4BAAmB,mBACN,gBAAgB,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACW;QACtB,8BAAC,0BAAiB,IAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,KAAK,eACA,iBAAiB,CAAC,YAAY,CAAC,iBAEzB,OAAO,EAClB,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,mBAAU,CAAC,MAAM;YAEvB,8BAAC,uBAAe,OAAG,CACD,CACF,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"base-dialog-view.js","sourceRoot":"","sources":["../../../src/dialog/base-dialog-view.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoC;AAEpC,mCAQkB;AAClB,kCAA+B;AAC/B,kCAAyC;AACzC,oCAAqC;AACrC,0EAAqE;AACrE,kDAA8C;AAC9C,wDAAgE;AAChE,4EAAuE;AACvE,kCAAkD;AAClD,4DAAuD;AACvD,wCAA4C;AAE5C,0BAA0B;AAC1B,IAAM,iBAAiB,GAAG,UAAC,GAAW,IAAK,OAAA,CAAC;IAC1C,GAAG,EAAE,GAAG,GAAG,CAAC;IACZ,SAAS,EAAE,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS;CACtD,CAAC,EAHyC,CAGzC,CAAC;AAEU,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAI5C,UACE,EAcC,EACD,QAAQ;IAdN,IAAA,sBAAsB,4BAAA,EACtB,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACX,KAAK,cAbV,8KAcC,CADS;IAIV,IAAM,SAAS,GAAG,cAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,KAAmB,uCAAiB,CAAC,SAAS,CAAC,EAA5C,YAAY,QAAgC,CAAC;IAE/C,IAAA,0BAA0B,GAAI,oBAAY,CAAC,CAAC,CAAC,GAAnB,CAAoB;IAErD,IAAM,KAAK,GAAG,gBAAQ,EAAE,CAAC;IACzB,IAAM,oBAAoB,gBACrB,sBAAS,CACV,+CAAqB,CACnB,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CACnD,EACD,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,WAAW,EAC1C,wCAAwB,CAAC,SAAS,CAAC,WAAW,CAAC,CAChD,CACF,CAAC;IAEF,IAAM,oCAAoC,GACxC,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,8BAAqB,CAAC,CAAC,CAAC,eAAK,CAAC,QAAQ,CAAC;IAEpE,OAAO,CACL,8BAAC,0BAAiB,aAChB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,QAAQ,gBACD,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,sBAC7B,eAAe,qBAChB,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,WACP,IAAI,IACP,KAAK;QAET,8BAAC,oCAAoC;YACnC,8BAAC,2BAAkB,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI;gBAClE,8BAAC,aAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,WAAW,EAAE,aAAa,KAAK,MAAM;oBAEpC,MAAM,IAAI,CACT,8BAAC,kCAAyB,IAAC,IAAI,EAAE,IAAI,IAClC,MAAM,CACmB,CAC7B;oBACD,8BAAC,mCAA0B,IACzB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,GAC5B,CACI,CACW;YACrB,8BAAC,4BAAmB,mBACN,gBAAgB,EAC5B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACW;YACtB,8BAAC,0BAAiB,IAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,KAAK,eACA,iBAAiB,CAAC,YAAY,CAAC,iBAEzB,OAAO,sBAEhB,gBAAgB,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,SAAS,EAE3D,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,mBAAU,CAAC,MAAM;gBAEvB,8BAAC,uBAAe,OAAG,CACD;YACnB,gBAAgB,IAAI,CACnB,8BAAC,qCAAgB,IAAC,EAAE,EAAE,0BAA0B,+DAE7B,CACpB,CACoC,CACrB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}
@@ -1,28 +1,44 @@
1
1
  /// <reference types="react" />
2
+ import { MoveFocusInside } from 'react-focus-lock';
2
3
  import { BaseDialogViewProps } from './types';
3
- declare type BaseDialogViewOverridesAndPathProps = Pick<BaseDialogViewProps, 'path' | 'overrides'>;
4
4
  export declare const StyledDialogPanel: import("@emotion/styled").StyledComponent<{
5
5
  theme?: import("@emotion/react").Theme | undefined;
6
6
  as?: import("react").ElementType<any> | undefined;
7
- } & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
+ } & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
8
+ $open?: boolean | undefined;
9
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
+ export declare const StyledMoveFocusInside: import("@emotion/styled").StyledComponent<import("react-focus-lock/interfaces").AutoFocusProps & {
11
+ theme?: import("@emotion/react").Theme | undefined;
12
+ }, {}, {
13
+ ref?: import("react").Ref<MoveFocusInside> | undefined;
14
+ }>;
8
15
  export declare const StyledDialogHeader: import("@emotion/styled").StyledComponent<{
9
16
  theme?: import("@emotion/react").Theme | undefined;
10
17
  as?: import("react").ElementType<any> | undefined;
11
- } & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
+ } & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
19
+ $open?: boolean | undefined;
20
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
21
  export declare const StyledDialogHeaderContent: import("@emotion/styled").StyledComponent<{
13
22
  theme?: import("@emotion/react").Theme | undefined;
14
23
  as?: import("react").ElementType<any> | undefined;
15
- } & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
24
+ } & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
25
+ $open?: boolean | undefined;
26
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
16
27
  export declare const StyledDialogContent: import("@emotion/styled").StyledComponent<{
17
28
  theme?: import("@emotion/react").Theme | undefined;
18
29
  as?: import("react").ElementType<any> | undefined;
19
- } & BaseDialogViewOverridesAndPathProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
30
+ } & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
31
+ $open?: boolean | undefined;
32
+ }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
20
33
  export declare const StyledFillSpaceCloseButton: import("@emotion/styled").StyledComponent<{
21
34
  theme?: import("@emotion/react").Theme | undefined;
22
35
  as?: import("react").ElementType<any> | undefined;
23
- } & BaseDialogViewOverridesAndPathProps & Pick<BaseDialogViewProps, "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
36
+ } & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
37
+ $open?: boolean | undefined;
38
+ } & Pick<BaseDialogViewProps, "closePosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
24
39
  export declare const StyledCloseButton: import("@emotion/styled").StyledComponent<(import("react").PropsWithChildren<import("..").IconButtonProps> & {
25
40
  theme?: import("@emotion/react").Theme | undefined;
26
- }) & BaseDialogViewOverridesAndPathProps & Pick<BaseDialogViewProps, "closePosition">, {}, {}>;
27
- export {};
41
+ }) & Pick<BaseDialogViewProps, "path" | "inline" | "overrides"> & {
42
+ $open?: boolean | undefined;
43
+ } & Pick<BaseDialogViewProps, "closePosition">, {}, {}>;
28
44
  //# sourceMappingURL=styled.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAE5C,aAAK,mCAAmC,GAAG,IAAI,CAC7C,mBAAmB,EACnB,MAAM,GAAG,WAAW,CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;+IAQ7B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;+IAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;+IAMrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;+IAM/B,CAAC;AAGF,eAAO,MAAM,0BAA0B;;;4LAiBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8FAe7B,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,eAAe,EAAC,MAAM,kBAAkB,CAAC;AASjD,OAAO,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AAO5C,eAAO,MAAM,iBAAiB;;;;;yGAa7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;EAKjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;yGAK9B,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;yGAMrC,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAM/B,CAAC;AAGF,eAAO,MAAM,0BAA0B;;;;;sJAiBtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;uDAe7B,CAAC"}
@@ -4,39 +4,51 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  return cooked;
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledCloseButton = exports.StyledFillSpaceCloseButton = exports.StyledDialogContent = exports.StyledDialogHeaderContent = exports.StyledDialogHeader = exports.StyledDialogPanel = void 0;
7
+ exports.StyledCloseButton = exports.StyledFillSpaceCloseButton = exports.StyledDialogContent = exports.StyledDialogHeaderContent = exports.StyledDialogHeader = exports.StyledMoveFocusInside = exports.StyledDialogPanel = void 0;
8
+ var react_focus_lock_1 = require("react-focus-lock");
8
9
  var icon_button_1 = require("../icon-button");
9
10
  var style_1 = require("../utils/style");
10
- exports.StyledDialogPanel = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n position: fixed;\n ", "\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"], ["\n box-sizing: border-box;\n position: fixed;\n ", "\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])), function (_a) {
11
+ exports.StyledDialogPanel = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n ", "\n overflow: hidden;\n display: flex;\n flex-direction: column;\n"])), function (_a) {
12
+ var inline = _a.inline;
13
+ return ({
14
+ position: inline ? 'absolute' : 'fixed',
15
+ });
16
+ }, function (_a) {
17
+ var $open = _a.$open;
18
+ return ({
19
+ pointerEvents: $open ? undefined : 'none',
20
+ });
21
+ }, function (_a) {
11
22
  var path = _a.path;
12
23
  return style_1.getResponsiveSpace('zIndex', path + ".panel", 'panel', 'zIndex');
13
24
  });
14
- exports.StyledDialogHeader = style_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n flex-shrink: 0; //fix min-height issues\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n flex-shrink: 0; //fix min-height issues\n"])), function (_a) {
25
+ exports.StyledMoveFocusInside = style_1.styled(react_focus_lock_1.MoveFocusInside)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden auto;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden auto;\n"])));
26
+ exports.StyledDialogHeader = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", "\n flex-shrink: 0; //fix min-height issues\n"], ["\n box-sizing: border-box;\n ", "\n ", "\n flex-shrink: 0; //fix min-height issues\n"])), function (_a) {
15
27
  var path = _a.path;
16
28
  return style_1.getStylePreset(path + ".header", 'header');
17
29
  }, style_1.getSizingCssFromTheme('minHeight', 'sizing080'));
18
- exports.StyledDialogHeaderContent = style_1.styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n ", "\n"], ["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n ", "\n"])), function (_a) {
30
+ exports.StyledDialogHeaderContent = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n ", "\n"], ["\n box-sizing: border-box;\n display: flex;\n align-items: center;\n ", "\n"])), function (_a) {
19
31
  var path = _a.path;
20
32
  return style_1.getResponsiveSpace('padding', path + ".header", 'header', 'spaceInset');
21
33
  });
22
- exports.StyledDialogContent = style_1.styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n box-sizing: border-box;\n flex-grow: 1;\n overflow: hidden auto;\n ", "\n"], ["\n box-sizing: border-box;\n flex-grow: 1;\n overflow: hidden auto;\n ", "\n"])), function (_a) {
34
+ exports.StyledDialogContent = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n flex-grow: 1;\n overflow: hidden auto;\n ", "\n"], ["\n box-sizing: border-box;\n flex-grow: 1;\n overflow: hidden auto;\n ", "\n"])), function (_a) {
23
35
  var path = _a.path;
24
36
  return style_1.getResponsiveSpace('padding', path + ".content", 'content', 'spaceInset');
25
37
  });
26
38
  // This elements is needed to fill the space behind close button which is positioned absolute
27
- exports.StyledFillSpaceCloseButton = style_1.styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", " \n ", "\n ", "\n flex-shrink: 0;\n"], ["\n box-sizing: border-box;\n ", "\n ", " \n ", "\n ", "\n flex-shrink: 0;\n"])), function (_a) {
39
+ exports.StyledFillSpaceCloseButton = style_1.styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n ", "\n ", " \n ", "\n ", "\n flex-shrink: 0;\n"], ["\n box-sizing: border-box;\n ", "\n ", " \n ", "\n ", "\n flex-shrink: 0;\n"])), function (_a) {
28
40
  var path = _a.path;
29
41
  return style_1.getResponsiveSpace('margin', path + ".closeButton", 'closeButton', 'spaceInset');
30
42
  }, style_1.getResponsiveSize('width', 'iconButton.medium', '', 'width'), style_1.getResponsiveSize('height', 'iconButton.medium', '', 'height'), function (_a) {
31
43
  var closePosition = _a.closePosition;
32
44
  return closePosition === 'left' ? "margin-right: auto;" : "margin-left: auto;";
33
45
  });
34
- exports.StyledCloseButton = style_1.styled(icon_button_1.IconButton)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n box-sizing: border-box;\n position: absolute;\n top: 0;\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n position: absolute;\n top: 0;\n ", "\n ", "\n"])), function (_a) {
46
+ exports.StyledCloseButton = style_1.styled(icon_button_1.IconButton)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n box-sizing: border-box;\n position: absolute;\n top: 0;\n ", "\n ", "\n"], ["\n box-sizing: border-box;\n position: absolute;\n top: 0;\n ", "\n ", "\n"])), function (_a) {
35
47
  var closePosition = _a.closePosition;
36
48
  return (closePosition === 'left' ? "left: 0;" : "right: 0;");
37
49
  }, function (_a) {
38
50
  var path = _a.path;
39
51
  return style_1.getResponsiveSpace(function (margin) { return ({ margin: "0 " + margin }); }, path + ".closeButton", '', 'spaceInset');
40
52
  });
41
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
53
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
42
54
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,8CAA0C;AAC1C,wCAMwB;AAQX,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,gMAAqC,qDAG5E,EACgE,sEAInE,KALG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,QAAQ,EAAK,IAAI,WAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAhE,CAAgE,EAIlE;AAEW,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,6JAAqC,iCAE7E,EAAsD,MACtD,EAA+C,+CAElD,KAHG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,sBAAc,CAAI,IAAI,YAAS,EAAE,QAAQ,CAAC;AAA1C,CAA0C,EACtD,6BAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,EAEjD;AAEW,QAAA,yBAAyB,GAAG,cAAM,CAAC,GAAG,oJAAqC,2EAIpF,EACuE,IAC1E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,YAAS,EAAE,QAAQ,EAAE,YAAY,CAAC;AAAvE,CAAuE,EACzE;AAEW,QAAA,mBAAmB,GAAG,cAAM,CAAC,GAAG,qJAAqC,4EAI9E,EACyE,IAC5E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,aAAU,EAAE,SAAS,EAAE,YAAY,CAAC;AAAzE,CAAyE,EAC3E;AAEF,6FAA6F;AAChF,QAAA,0BAA0B,GAAG,cAAM,CAAC,GAAG,uJAGnD,iCAEG,EAMC,MACD,EAA4D,QAC5D,EAA8D,MAC9D,EACuE,uBAE1E,KAZG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,QAAQ,EACL,IAAI,iBAAc,EACrB,aAAa,EACb,YAAY,CACb;AALD,CAKC,EACD,yBAAiB,CAAC,OAAO,EAAE,mBAAmB,EAAE,EAAE,EAAE,OAAO,CAAC,EAC5D,yBAAiB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,EAAE,EAAE,QAAQ,CAAC,EAC9D,UAAC,EAAe;QAAd,aAAa,mBAAA;IACf,OAAA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB;AAAvE,CAAuE,EAEzE;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,wBAAU,CAAC,oJAGlD,mEAIG,EAA0E,MAC1E,EAMC,IACJ,KARG,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;AAArD,CAAqD,EAC1E,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,UAAA,MAAM,IAAI,OAAA,CAAC,EAAC,MAAM,EAAE,OAAK,MAAQ,EAAC,CAAC,EAAzB,CAAyB,EAChC,IAAI,iBAAc,EACrB,EAAE,EACF,YAAY,CACb;AALD,CAKC,EACH"}
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/dialog/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,qDAAiD;AACjD,8CAA0C;AAC1C,wCAMwB;AAQX,QAAA,iBAAiB,GAAG,cAAM,CAAC,GAAG,4LAAqC,iCAE5E,EAEA,MACA,EAEA,MACA,EACgE,sEAInE,KAXG,UAAC,EAAQ;QAAP,MAAM,YAAA;IAAM,OAAA,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;KACxC,CAAC;AAFc,CAEd,EACA,UAAC,EAAO;QAAN,KAAK,WAAA;IAAM,OAAA,CAAC;QACd,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;KAC1C,CAAC;AAFa,CAEb,EACA,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,QAAQ,EAAK,IAAI,WAAQ,EAAE,OAAO,EAAE,QAAQ,CAAC;AAAhE,CAAgE,EAIlE;AAEW,QAAA,qBAAqB,GAAG,cAAM,CAAC,kCAAe,CAAC,+JAAA,4FAK3D,KAAC;AAEW,QAAA,kBAAkB,GAAG,cAAM,CAAC,GAAG,6JAAqC,iCAE7E,EAAsD,MACtD,EAA+C,+CAElD,KAHG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,sBAAc,CAAI,IAAI,YAAS,EAAE,QAAQ,CAAC;AAA1C,CAA0C,EACtD,6BAAqB,CAAC,WAAW,EAAE,WAAW,CAAC,EAEjD;AAEW,QAAA,yBAAyB,GAAG,cAAM,CAAC,GAAG,oJAAqC,2EAIpF,EACuE,IAC1E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,YAAS,EAAE,QAAQ,EAAE,YAAY,CAAC;AAAvE,CAAuE,EACzE;AAEW,QAAA,mBAAmB,GAAG,cAAM,CAAC,GAAG,qJAAqC,4EAI9E,EACyE,IAC5E,KAFG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAAC,SAAS,EAAK,IAAI,aAAU,EAAE,SAAS,EAAE,YAAY,CAAC;AAAzE,CAAyE,EAC3E;AAEF,6FAA6F;AAChF,QAAA,0BAA0B,GAAG,cAAM,CAAC,GAAG,uJAGnD,iCAEG,EAMC,MACD,EAA4D,QAC5D,EAA8D,MAC9D,EACuE,uBAE1E,KAZG,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,QAAQ,EACL,IAAI,iBAAc,EACrB,aAAa,EACb,YAAY,CACb;AALD,CAKC,EACD,yBAAiB,CAAC,OAAO,EAAE,mBAAmB,EAAE,EAAE,EAAE,OAAO,CAAC,EAC5D,yBAAiB,CAAC,QAAQ,EAAE,mBAAmB,EAAE,EAAE,EAAE,QAAQ,CAAC,EAC9D,UAAC,EAAe;QAAd,aAAa,mBAAA;IACf,OAAA,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,oBAAoB;AAAvE,CAAuE,EAEzE;AAEW,QAAA,iBAAiB,GAAG,cAAM,CAAC,wBAAU,CAAC,oJAGlD,mEAIG,EAA0E,MAC1E,EAMC,IACJ,KARG,UAAC,EAAe;QAAd,aAAa,mBAAA;IAAM,OAAA,CAAC,aAAa,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;AAArD,CAAqD,EAC1E,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,0BAAkB,CAChB,UAAA,MAAM,IAAI,OAAA,CAAC,EAAC,MAAM,EAAE,OAAK,MAAQ,EAAC,CAAC,EAAzB,CAAyB,EAChC,IAAI,iBAAc,EACrB,EAAE,EACF,YAAY,CACb;AALD,CAKC,EACH"}
@@ -4,10 +4,12 @@ export interface BaseDialogOverridesProps {
4
4
  overlay?: {
5
5
  zIndex?: number;
6
6
  stylePreset?: MQ<string>;
7
+ transitionPreset?: string | string[];
7
8
  };
8
9
  panel?: {
9
10
  zIndex?: number;
10
11
  stylePreset?: MQ<string>;
12
+ transitionPreset?: string | string[];
11
13
  };
12
14
  header?: {
13
15
  stylePreset?: MQ<string>;
@@ -30,6 +32,9 @@ export interface BaseDialogViewProps extends HTMLAttributes<HTMLDivElement> {
30
32
  ariaDescribedby?: string;
31
33
  ariaLabelledby?: string;
32
34
  overrides?: BaseDialogOverridesProps;
35
+ disableFocusTrap?: boolean;
36
+ open?: boolean;
37
+ inline?: boolean;
33
38
  }
34
39
  export interface BaseDialogFunctionProps {
35
40
  children: (handleCloseButtonClick: () => void) => React.ReactNode;
@@ -37,7 +42,10 @@ export interface BaseDialogFunctionProps {
37
42
  open: boolean;
38
43
  onDismiss: () => void;
39
44
  restoreFocusTo?: HTMLElement;
45
+ disableFocusTrap?: boolean;
46
+ hideOverlay?: boolean;
47
+ inline?: boolean;
40
48
  }
41
- export interface BaseDialogProps extends Omit<BaseDialogViewProps, 'className' | 'path' | 'handleCloseButtonClick'>, Omit<BaseDialogFunctionProps, 'children' | 'renderOverlay'>, React.AriaAttributes {
49
+ export interface BaseDialogProps extends Omit<BaseDialogViewProps, 'className' | 'path' | 'handleCloseButtonClick' | 'open'>, Omit<BaseDialogFunctionProps, 'children' | 'renderOverlay'>, React.AriaAttributes {
42
50
  }
43
51
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAEnC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAClE,aAAa,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;CAC9B;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,mBAAmB,EACnB,WAAW,GAAG,MAAM,GAAG,wBAAwB,CAChD,EACD,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,eAAe,CAAC,EAC3D,KAAK,CAAC,cAAc;CAAG"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,wBAAwB;IACvC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KACtC,CAAC;IACF,KAAK,CAAC,EAAE;QACN,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KACtC,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACzB,CAAC;CACH;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,EAAE,MAAM,CAAC;IACb,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAEnC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,wBAAwB,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,CAAC,sBAAsB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAClE,aAAa,EAAE,CAAC,kBAAkB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,mBAAmB,EACnB,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,MAAM,CACzD,EACD,IAAI,CAAC,uBAAuB,EAAE,UAAU,GAAG,eAAe,CAAC,EAC3D,KAAK,CAAC,cAAc;CAAG"}
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAUpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2DxC,CAAC"}
1
+ {"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAWpC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2ExC,CAAC"}