newskit 5.6.0 → 5.7.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 (531) hide show
  1. package/cjs/accordion/style-presets.d.ts.map +1 -1
  2. package/cjs/accordion/style-presets.js +6 -1
  3. package/cjs/accordion/style-presets.js.map +1 -1
  4. package/cjs/audio-player/style-presets.d.ts.map +1 -1
  5. package/cjs/audio-player/style-presets.js +5 -0
  6. package/cjs/audio-player/style-presets.js.map +1 -1
  7. package/cjs/audio-player-composable/audio-functions.d.ts +2 -1
  8. package/cjs/audio-player-composable/audio-functions.d.ts.map +1 -1
  9. package/cjs/audio-player-composable/audio-functions.js +11 -1
  10. package/cjs/audio-player-composable/audio-functions.js.map +1 -1
  11. package/cjs/audio-player-composable/audio-player-composable.d.ts +1 -1
  12. package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
  13. package/cjs/audio-player-composable/audio-player-composable.js +34 -14
  14. package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
  15. package/cjs/audio-player-composable/components/playback-speed-control/defaults.d.ts +27 -0
  16. package/cjs/audio-player-composable/components/playback-speed-control/defaults.d.ts.map +1 -0
  17. package/cjs/audio-player-composable/components/playback-speed-control/defaults.js +28 -0
  18. package/cjs/audio-player-composable/components/playback-speed-control/defaults.js.map +1 -0
  19. package/cjs/audio-player-composable/components/playback-speed-control/index.d.ts +3 -0
  20. package/cjs/audio-player-composable/components/playback-speed-control/index.d.ts.map +1 -0
  21. package/cjs/audio-player-composable/components/playback-speed-control/index.js +15 -0
  22. package/cjs/audio-player-composable/components/playback-speed-control/index.js.map +1 -0
  23. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts +3 -0
  24. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts.map +1 -0
  25. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.js +59 -0
  26. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-control.js.map +1 -0
  27. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts +15 -0
  28. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts.map +1 -0
  29. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.js +23 -0
  30. package/cjs/audio-player-composable/components/playback-speed-control/playback-speed-list.js.map +1 -0
  31. package/cjs/audio-player-composable/components/playback-speed-control/types.d.ts +19 -0
  32. package/cjs/audio-player-composable/components/playback-speed-control/types.d.ts.map +1 -0
  33. package/cjs/audio-player-composable/components/playback-speed-control/types.js +3 -0
  34. package/cjs/audio-player-composable/components/playback-speed-control/types.js.map +1 -0
  35. package/cjs/audio-player-composable/components/playback-speed-control/utils.d.ts +8 -0
  36. package/cjs/audio-player-composable/components/playback-speed-control/utils.d.ts.map +1 -0
  37. package/cjs/audio-player-composable/components/playback-speed-control/utils.js +28 -0
  38. package/cjs/audio-player-composable/components/playback-speed-control/utils.js.map +1 -0
  39. package/cjs/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -1
  40. package/cjs/audio-player-composable/components/seek-bar/style-presets.js +13 -0
  41. package/cjs/audio-player-composable/components/seek-bar/style-presets.js.map +1 -1
  42. package/cjs/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -1
  43. package/cjs/audio-player-composable/components/time-display/style-presets.js +1 -0
  44. package/cjs/audio-player-composable/components/time-display/style-presets.js.map +1 -1
  45. package/cjs/audio-player-composable/components/time-display/time-display.d.ts.map +1 -1
  46. package/cjs/audio-player-composable/components/time-display/time-display.js +1 -1
  47. package/cjs/audio-player-composable/components/time-display/time-display.js.map +1 -1
  48. package/cjs/audio-player-composable/components/volume-control/defaults.d.ts +41 -11
  49. package/cjs/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
  50. package/cjs/audio-player-composable/components/volume-control/defaults.js +36 -18
  51. package/cjs/audio-player-composable/components/volume-control/defaults.js.map +1 -1
  52. package/cjs/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -1
  53. package/cjs/audio-player-composable/components/volume-control/mute-button.js +21 -1
  54. package/cjs/audio-player-composable/components/volume-control/mute-button.js.map +1 -1
  55. package/cjs/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -1
  56. package/cjs/audio-player-composable/components/volume-control/style-presets.js +24 -0
  57. package/cjs/audio-player-composable/components/volume-control/style-presets.js.map +1 -1
  58. package/cjs/audio-player-composable/components/volume-control/styled.d.ts +4 -21
  59. package/cjs/audio-player-composable/components/volume-control/styled.d.ts.map +1 -1
  60. package/cjs/audio-player-composable/components/volume-control/styled.js +14 -13
  61. package/cjs/audio-player-composable/components/volume-control/styled.js.map +1 -1
  62. package/cjs/audio-player-composable/components/volume-control/types.d.ts +15 -4
  63. package/cjs/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
  64. package/cjs/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
  65. package/cjs/audio-player-composable/components/volume-control/volume-control.js +11 -11
  66. package/cjs/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
  67. package/cjs/audio-player-composable/index.d.ts +1 -0
  68. package/cjs/audio-player-composable/index.d.ts.map +1 -1
  69. package/cjs/audio-player-composable/index.js +1 -0
  70. package/cjs/audio-player-composable/index.js.map +1 -1
  71. package/cjs/audio-player-composable/types.d.ts +12 -1
  72. package/cjs/audio-player-composable/types.d.ts.map +1 -1
  73. package/cjs/audio-player-composable/types.js.map +1 -1
  74. package/cjs/base-floating-element/base-floating-element.d.ts.map +1 -1
  75. package/cjs/base-floating-element/base-floating-element.js +48 -18
  76. package/cjs/base-floating-element/base-floating-element.js.map +1 -1
  77. package/cjs/base-floating-element/styled.d.ts +1 -0
  78. package/cjs/base-floating-element/styled.d.ts.map +1 -1
  79. package/cjs/base-floating-element/styled.js +6 -3
  80. package/cjs/base-floating-element/styled.js.map +1 -1
  81. package/cjs/base-floating-element/types.d.ts +6 -1
  82. package/cjs/base-floating-element/types.d.ts.map +1 -1
  83. package/cjs/base-switch/base-switch.d.ts.map +1 -1
  84. package/cjs/base-switch/base-switch.js +7 -3
  85. package/cjs/base-switch/base-switch.js.map +1 -1
  86. package/cjs/base-switch/styled.d.ts.map +1 -1
  87. package/cjs/base-switch/styled.js +7 -10
  88. package/cjs/base-switch/styled.js.map +1 -1
  89. package/cjs/button/style-presets.d.ts.map +1 -1
  90. package/cjs/button/style-presets.js +16 -0
  91. package/cjs/button/style-presets.js.map +1 -1
  92. package/cjs/checkbox/style-presets.d.ts.map +1 -1
  93. package/cjs/checkbox/style-presets.js +89 -86
  94. package/cjs/checkbox/style-presets.js.map +1 -1
  95. package/cjs/dialog/styled.d.ts +2 -0
  96. package/cjs/dialog/styled.d.ts.map +1 -1
  97. package/cjs/dialog/styled.js +4 -3
  98. package/cjs/dialog/styled.js.map +1 -1
  99. package/cjs/form/context.d.ts +1 -0
  100. package/cjs/form/context.d.ts.map +1 -1
  101. package/cjs/form/context.js.map +1 -1
  102. package/cjs/form/form-input.d.ts.map +1 -1
  103. package/cjs/form/form-input.js +15 -10
  104. package/cjs/form/form-input.js.map +1 -1
  105. package/cjs/icon-button/style-presets.d.ts.map +1 -1
  106. package/cjs/icon-button/style-presets.js +16 -0
  107. package/cjs/icon-button/style-presets.js.map +1 -1
  108. package/cjs/index.d.ts +1 -0
  109. package/cjs/index.d.ts.map +1 -1
  110. package/cjs/index.js +1 -0
  111. package/cjs/index.js.map +1 -1
  112. package/cjs/link/style-presets.d.ts.map +1 -1
  113. package/cjs/link/style-presets.js +5 -0
  114. package/cjs/link/style-presets.js.map +1 -1
  115. package/cjs/menu/style-presets.d.ts.map +1 -1
  116. package/cjs/menu/style-presets.js +4 -0
  117. package/cjs/menu/style-presets.js.map +1 -1
  118. package/cjs/popover/defaults.d.ts +17 -0
  119. package/cjs/popover/defaults.d.ts.map +1 -1
  120. package/cjs/popover/defaults.js +19 -2
  121. package/cjs/popover/defaults.js.map +1 -1
  122. package/cjs/popover/popover.d.ts.map +1 -1
  123. package/cjs/popover/popover.js +44 -12
  124. package/cjs/popover/popover.js.map +1 -1
  125. package/cjs/popover/style-presets.d.ts.map +1 -1
  126. package/cjs/popover/style-presets.js +14 -0
  127. package/cjs/popover/style-presets.js.map +1 -1
  128. package/cjs/popover/styled.d.ts +19 -0
  129. package/cjs/popover/styled.d.ts.map +1 -0
  130. package/cjs/popover/styled.js +22 -0
  131. package/cjs/popover/styled.js.map +1 -0
  132. package/cjs/popover/types.d.ts +25 -1
  133. package/cjs/popover/types.d.ts.map +1 -1
  134. package/cjs/radio-button/style-presets.d.ts.map +1 -1
  135. package/cjs/radio-button/style-presets.js +65 -58
  136. package/cjs/radio-button/style-presets.js.map +1 -1
  137. package/cjs/select/select.js +2 -2
  138. package/cjs/select/select.js.map +1 -1
  139. package/cjs/select/style-presets.d.ts.map +1 -1
  140. package/cjs/select/style-presets.js +0 -59
  141. package/cjs/select/style-presets.js.map +1 -1
  142. package/cjs/select/utils.d.ts +0 -2
  143. package/cjs/select/utils.d.ts.map +1 -1
  144. package/cjs/select/utils.js +1 -6
  145. package/cjs/select/utils.js.map +1 -1
  146. package/cjs/selection-list/defaults.d.ts +17 -0
  147. package/cjs/selection-list/defaults.d.ts.map +1 -0
  148. package/cjs/selection-list/defaults.js +18 -0
  149. package/cjs/selection-list/defaults.js.map +1 -0
  150. package/cjs/selection-list/index.d.ts +4 -0
  151. package/cjs/selection-list/index.d.ts.map +1 -0
  152. package/cjs/selection-list/index.js +19 -0
  153. package/cjs/selection-list/index.js.map +1 -0
  154. package/cjs/selection-list/selection-list-option.d.ts +4 -0
  155. package/cjs/selection-list/selection-list-option.d.ts.map +1 -0
  156. package/cjs/selection-list/selection-list-option.js +48 -0
  157. package/cjs/selection-list/selection-list-option.js.map +1 -0
  158. package/cjs/selection-list/selection-list.d.ts +4 -0
  159. package/cjs/selection-list/selection-list.d.ts.map +1 -0
  160. package/cjs/selection-list/selection-list.js +83 -0
  161. package/cjs/selection-list/selection-list.js.map +1 -0
  162. package/cjs/selection-list/styled.d.ts +11 -0
  163. package/cjs/selection-list/styled.d.ts.map +1 -0
  164. package/cjs/selection-list/styled.js +18 -0
  165. package/cjs/selection-list/styled.js.map +1 -0
  166. package/cjs/selection-list/types.d.ts +25 -0
  167. package/cjs/selection-list/types.d.ts.map +1 -0
  168. package/cjs/selection-list/types.js +3 -0
  169. package/cjs/selection-list/types.js.map +1 -0
  170. package/cjs/selection-list/utils.d.ts +5 -0
  171. package/cjs/selection-list/utils.d.ts.map +1 -0
  172. package/cjs/selection-list/utils.js +43 -0
  173. package/cjs/selection-list/utils.js.map +1 -0
  174. package/cjs/slider/style-presets.d.ts.map +1 -1
  175. package/cjs/slider/style-presets.js +13 -0
  176. package/cjs/slider/style-presets.js.map +1 -1
  177. package/cjs/slider/types.d.ts +6 -0
  178. package/cjs/slider/types.d.ts.map +1 -1
  179. package/cjs/slider/types.js.map +1 -1
  180. package/cjs/structured-list/structured-list-item.d.ts.map +1 -1
  181. package/cjs/structured-list/structured-list-item.js +4 -3
  182. package/cjs/structured-list/structured-list-item.js.map +1 -1
  183. package/cjs/structured-list/types.d.ts +1 -0
  184. package/cjs/structured-list/types.d.ts.map +1 -1
  185. package/cjs/switch/style-presets.d.ts +23 -0
  186. package/cjs/switch/style-presets.d.ts.map +1 -1
  187. package/cjs/switch/style-presets.js +19 -3
  188. package/cjs/switch/style-presets.js.map +1 -1
  189. package/cjs/tabs/defaults.d.ts +3 -0
  190. package/cjs/tabs/defaults.d.ts.map +1 -1
  191. package/cjs/tabs/defaults.js +3 -0
  192. package/cjs/tabs/defaults.js.map +1 -1
  193. package/cjs/tabs/style-presets.d.ts.map +1 -1
  194. package/cjs/tabs/style-presets.js +16 -0
  195. package/cjs/tabs/style-presets.js.map +1 -1
  196. package/cjs/tabs/styled.d.ts +1 -0
  197. package/cjs/tabs/styled.d.ts.map +1 -1
  198. package/cjs/tabs/styled.js +5 -2
  199. package/cjs/tabs/styled.js.map +1 -1
  200. package/cjs/tabs/tab-panel.d.ts.map +1 -1
  201. package/cjs/tabs/tab-panel.js +21 -4
  202. package/cjs/tabs/tab-panel.js.map +1 -1
  203. package/cjs/tag/style-presets.d.ts.map +1 -1
  204. package/cjs/tag/style-presets.js +3 -0
  205. package/cjs/tag/style-presets.js.map +1 -1
  206. package/cjs/theme/creator.d.ts +1 -2
  207. package/cjs/theme/creator.d.ts.map +1 -1
  208. package/cjs/theme/foundations/index.d.ts +1 -0
  209. package/cjs/theme/foundations/index.d.ts.map +1 -1
  210. package/cjs/theme/foundations/index.js +3 -1
  211. package/cjs/theme/foundations/index.js.map +1 -1
  212. package/cjs/theme/foundations/outlines.d.ts +9 -0
  213. package/cjs/theme/foundations/outlines.d.ts.map +1 -0
  214. package/cjs/theme/foundations/outlines.js +12 -0
  215. package/cjs/theme/foundations/outlines.js.map +1 -0
  216. package/cjs/theme/newskit-dark.d.ts +14 -0
  217. package/cjs/theme/newskit-dark.d.ts.map +1 -1
  218. package/cjs/theme/newskit-dark.js +14 -0
  219. package/cjs/theme/newskit-dark.js.map +1 -1
  220. package/cjs/theme/presets/style-presets.js +69 -3
  221. package/cjs/theme/presets/style-presets.js.map +1 -1
  222. package/cjs/theme/presets/types.d.ts +13 -0
  223. package/cjs/theme/presets/types.d.ts.map +1 -1
  224. package/cjs/theme/types.d.ts +1 -0
  225. package/cjs/theme/types.d.ts.map +1 -1
  226. package/cjs/theme/types.js.map +1 -1
  227. package/cjs/theme-checker/scenarios.d.ts.map +1 -1
  228. package/cjs/theme-checker/scenarios.js +20 -2
  229. package/cjs/theme-checker/scenarios.js.map +1 -1
  230. package/cjs/theme-checker/styled.d.ts.map +1 -1
  231. package/cjs/theme-checker/styled.js +1 -1
  232. package/cjs/theme-checker/styled.js.map +1 -1
  233. package/cjs/tooltip/defaults.d.ts +6 -0
  234. package/cjs/tooltip/defaults.d.ts.map +1 -1
  235. package/cjs/tooltip/defaults.js +6 -0
  236. package/cjs/tooltip/defaults.js.map +1 -1
  237. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  238. package/cjs/tooltip/tooltip.js +9 -0
  239. package/cjs/tooltip/tooltip.js.map +1 -1
  240. package/cjs/utils/check-breakpoint-prop.d.ts +4 -0
  241. package/cjs/utils/check-breakpoint-prop.d.ts.map +1 -0
  242. package/cjs/utils/check-breakpoint-prop.js +10 -0
  243. package/cjs/utils/check-breakpoint-prop.js.map +1 -0
  244. package/cjs/utils/default-focus-visible.d.ts +8 -0
  245. package/cjs/utils/default-focus-visible.d.ts.map +1 -0
  246. package/cjs/utils/default-focus-visible.js +11 -0
  247. package/cjs/utils/default-focus-visible.js.map +1 -0
  248. package/cjs/utils/style/getters.d.ts +1 -0
  249. package/cjs/utils/style/getters.d.ts.map +1 -1
  250. package/cjs/utils/style/getters.js +2 -1
  251. package/cjs/utils/style/getters.js.map +1 -1
  252. package/cjs/utils/style/style-preset.d.ts +1 -0
  253. package/cjs/utils/style/style-preset.d.ts.map +1 -1
  254. package/cjs/utils/style/style-preset.js +25 -5
  255. package/cjs/utils/style/style-preset.js.map +1 -1
  256. package/cjs/utils/style/utils.d.ts +1 -1
  257. package/cjs/utils/style/utils.d.ts.map +1 -1
  258. package/cjs/utils/style/utils.js +3 -0
  259. package/cjs/utils/style/utils.js.map +1 -1
  260. package/cjs/version-number.json +1 -1
  261. package/cjs/video-player/defaults.js +1 -1
  262. package/cjs/video-player/defaults.js.map +1 -1
  263. package/cjs/video-player/style-presets.d.ts.map +1 -1
  264. package/cjs/video-player/style-presets.js +7 -2
  265. package/cjs/video-player/style-presets.js.map +1 -1
  266. package/esm/accordion/style-presets.d.ts.map +1 -1
  267. package/esm/accordion/style-presets.js +6 -1
  268. package/esm/accordion/style-presets.js.map +1 -1
  269. package/esm/audio-player/style-presets.d.ts.map +1 -1
  270. package/esm/audio-player/style-presets.js +5 -0
  271. package/esm/audio-player/style-presets.js.map +1 -1
  272. package/esm/audio-player-composable/audio-functions.d.ts +2 -1
  273. package/esm/audio-player-composable/audio-functions.d.ts.map +1 -1
  274. package/esm/audio-player-composable/audio-functions.js +11 -1
  275. package/esm/audio-player-composable/audio-functions.js.map +1 -1
  276. package/esm/audio-player-composable/audio-player-composable.d.ts +1 -1
  277. package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
  278. package/esm/audio-player-composable/audio-player-composable.js +34 -14
  279. package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
  280. package/esm/audio-player-composable/components/playback-speed-control/defaults.d.ts +27 -0
  281. package/esm/audio-player-composable/components/playback-speed-control/defaults.d.ts.map +1 -0
  282. package/esm/audio-player-composable/components/playback-speed-control/defaults.js +26 -0
  283. package/esm/audio-player-composable/components/playback-speed-control/defaults.js.map +1 -0
  284. package/esm/audio-player-composable/components/playback-speed-control/index.d.ts +3 -0
  285. package/esm/audio-player-composable/components/playback-speed-control/index.d.ts.map +1 -0
  286. package/esm/audio-player-composable/components/playback-speed-control/index.js +3 -0
  287. package/esm/audio-player-composable/components/playback-speed-control/index.js.map +1 -0
  288. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts +3 -0
  289. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.d.ts.map +1 -0
  290. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.js +34 -0
  291. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-control.js.map +1 -0
  292. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts +15 -0
  293. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.d.ts.map +1 -0
  294. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.js +16 -0
  295. package/esm/audio-player-composable/components/playback-speed-control/playback-speed-list.js.map +1 -0
  296. package/esm/audio-player-composable/components/playback-speed-control/types.d.ts +19 -0
  297. package/esm/audio-player-composable/components/playback-speed-control/types.d.ts.map +1 -0
  298. package/esm/audio-player-composable/components/playback-speed-control/types.js +2 -0
  299. package/esm/audio-player-composable/components/playback-speed-control/types.js.map +1 -0
  300. package/esm/audio-player-composable/components/playback-speed-control/utils.d.ts +8 -0
  301. package/esm/audio-player-composable/components/playback-speed-control/utils.d.ts.map +1 -0
  302. package/esm/audio-player-composable/components/playback-speed-control/utils.js +20 -0
  303. package/esm/audio-player-composable/components/playback-speed-control/utils.js.map +1 -0
  304. package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -1
  305. package/esm/audio-player-composable/components/seek-bar/style-presets.js +13 -0
  306. package/esm/audio-player-composable/components/seek-bar/style-presets.js.map +1 -1
  307. package/esm/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -1
  308. package/esm/audio-player-composable/components/time-display/style-presets.js +1 -0
  309. package/esm/audio-player-composable/components/time-display/style-presets.js.map +1 -1
  310. package/esm/audio-player-composable/components/time-display/time-display.d.ts.map +1 -1
  311. package/esm/audio-player-composable/components/time-display/time-display.js +1 -1
  312. package/esm/audio-player-composable/components/time-display/time-display.js.map +1 -1
  313. package/esm/audio-player-composable/components/volume-control/defaults.d.ts +41 -11
  314. package/esm/audio-player-composable/components/volume-control/defaults.d.ts.map +1 -1
  315. package/esm/audio-player-composable/components/volume-control/defaults.js +36 -18
  316. package/esm/audio-player-composable/components/volume-control/defaults.js.map +1 -1
  317. package/esm/audio-player-composable/components/volume-control/mute-button.d.ts.map +1 -1
  318. package/esm/audio-player-composable/components/volume-control/mute-button.js +22 -2
  319. package/esm/audio-player-composable/components/volume-control/mute-button.js.map +1 -1
  320. package/esm/audio-player-composable/components/volume-control/style-presets.d.ts.map +1 -1
  321. package/esm/audio-player-composable/components/volume-control/style-presets.js +24 -0
  322. package/esm/audio-player-composable/components/volume-control/style-presets.js.map +1 -1
  323. package/esm/audio-player-composable/components/volume-control/styled.d.ts +4 -21
  324. package/esm/audio-player-composable/components/volume-control/styled.d.ts.map +1 -1
  325. package/esm/audio-player-composable/components/volume-control/styled.js +15 -14
  326. package/esm/audio-player-composable/components/volume-control/styled.js.map +1 -1
  327. package/esm/audio-player-composable/components/volume-control/types.d.ts +15 -4
  328. package/esm/audio-player-composable/components/volume-control/types.d.ts.map +1 -1
  329. package/esm/audio-player-composable/components/volume-control/volume-control.d.ts.map +1 -1
  330. package/esm/audio-player-composable/components/volume-control/volume-control.js +12 -12
  331. package/esm/audio-player-composable/components/volume-control/volume-control.js.map +1 -1
  332. package/esm/audio-player-composable/index.d.ts +1 -0
  333. package/esm/audio-player-composable/index.d.ts.map +1 -1
  334. package/esm/audio-player-composable/index.js +1 -0
  335. package/esm/audio-player-composable/index.js.map +1 -1
  336. package/esm/audio-player-composable/types.d.ts +12 -1
  337. package/esm/audio-player-composable/types.d.ts.map +1 -1
  338. package/esm/audio-player-composable/types.js.map +1 -1
  339. package/esm/base-floating-element/base-floating-element.d.ts.map +1 -1
  340. package/esm/base-floating-element/base-floating-element.js +48 -18
  341. package/esm/base-floating-element/base-floating-element.js.map +1 -1
  342. package/esm/base-floating-element/styled.d.ts +1 -0
  343. package/esm/base-floating-element/styled.d.ts.map +1 -1
  344. package/esm/base-floating-element/styled.js +7 -4
  345. package/esm/base-floating-element/styled.js.map +1 -1
  346. package/esm/base-floating-element/types.d.ts +6 -1
  347. package/esm/base-floating-element/types.d.ts.map +1 -1
  348. package/esm/base-switch/base-switch.d.ts.map +1 -1
  349. package/esm/base-switch/base-switch.js +7 -3
  350. package/esm/base-switch/base-switch.js.map +1 -1
  351. package/esm/base-switch/styled.d.ts.map +1 -1
  352. package/esm/base-switch/styled.js +7 -10
  353. package/esm/base-switch/styled.js.map +1 -1
  354. package/esm/button/style-presets.d.ts.map +1 -1
  355. package/esm/button/style-presets.js +16 -0
  356. package/esm/button/style-presets.js.map +1 -1
  357. package/esm/checkbox/style-presets.d.ts.map +1 -1
  358. package/esm/checkbox/style-presets.js +89 -86
  359. package/esm/checkbox/style-presets.js.map +1 -1
  360. package/esm/dialog/styled.d.ts +2 -0
  361. package/esm/dialog/styled.d.ts.map +1 -1
  362. package/esm/dialog/styled.js +1 -1
  363. package/esm/dialog/styled.js.map +1 -1
  364. package/esm/form/context.d.ts +1 -0
  365. package/esm/form/context.d.ts.map +1 -1
  366. package/esm/form/context.js.map +1 -1
  367. package/esm/form/form-input.d.ts.map +1 -1
  368. package/esm/form/form-input.js +16 -11
  369. package/esm/form/form-input.js.map +1 -1
  370. package/esm/icon-button/style-presets.d.ts.map +1 -1
  371. package/esm/icon-button/style-presets.js +16 -0
  372. package/esm/icon-button/style-presets.js.map +1 -1
  373. package/esm/index.d.ts +1 -0
  374. package/esm/index.d.ts.map +1 -1
  375. package/esm/index.js +1 -0
  376. package/esm/index.js.map +1 -1
  377. package/esm/link/style-presets.d.ts.map +1 -1
  378. package/esm/link/style-presets.js +5 -0
  379. package/esm/link/style-presets.js.map +1 -1
  380. package/esm/menu/style-presets.d.ts.map +1 -1
  381. package/esm/menu/style-presets.js +4 -0
  382. package/esm/menu/style-presets.js.map +1 -1
  383. package/esm/popover/defaults.d.ts +17 -0
  384. package/esm/popover/defaults.d.ts.map +1 -1
  385. package/esm/popover/defaults.js +19 -2
  386. package/esm/popover/defaults.js.map +1 -1
  387. package/esm/popover/popover.d.ts.map +1 -1
  388. package/esm/popover/popover.js +45 -13
  389. package/esm/popover/popover.js.map +1 -1
  390. package/esm/popover/style-presets.d.ts.map +1 -1
  391. package/esm/popover/style-presets.js +14 -0
  392. package/esm/popover/style-presets.js.map +1 -1
  393. package/esm/popover/styled.d.ts +19 -0
  394. package/esm/popover/styled.d.ts.map +1 -0
  395. package/esm/popover/styled.js +19 -0
  396. package/esm/popover/styled.js.map +1 -0
  397. package/esm/popover/types.d.ts +25 -1
  398. package/esm/popover/types.d.ts.map +1 -1
  399. package/esm/radio-button/style-presets.d.ts.map +1 -1
  400. package/esm/radio-button/style-presets.js +65 -58
  401. package/esm/radio-button/style-presets.js.map +1 -1
  402. package/esm/select/select.js +2 -2
  403. package/esm/select/select.js.map +1 -1
  404. package/esm/select/style-presets.d.ts.map +1 -1
  405. package/esm/select/style-presets.js +0 -59
  406. package/esm/select/style-presets.js.map +1 -1
  407. package/esm/select/utils.d.ts +0 -2
  408. package/esm/select/utils.d.ts.map +1 -1
  409. package/esm/select/utils.js +0 -4
  410. package/esm/select/utils.js.map +1 -1
  411. package/esm/selection-list/defaults.d.ts +17 -0
  412. package/esm/selection-list/defaults.d.ts.map +1 -0
  413. package/esm/selection-list/defaults.js +16 -0
  414. package/esm/selection-list/defaults.js.map +1 -0
  415. package/esm/selection-list/index.d.ts +4 -0
  416. package/esm/selection-list/index.d.ts.map +1 -0
  417. package/esm/selection-list/index.js +4 -0
  418. package/esm/selection-list/index.js.map +1 -0
  419. package/esm/selection-list/selection-list-option.d.ts +4 -0
  420. package/esm/selection-list/selection-list-option.d.ts.map +1 -0
  421. package/esm/selection-list/selection-list-option.js +42 -0
  422. package/esm/selection-list/selection-list-option.js.map +1 -0
  423. package/esm/selection-list/selection-list.d.ts +4 -0
  424. package/esm/selection-list/selection-list.d.ts.map +1 -0
  425. package/esm/selection-list/selection-list.js +58 -0
  426. package/esm/selection-list/selection-list.js.map +1 -0
  427. package/esm/selection-list/styled.d.ts +11 -0
  428. package/esm/selection-list/styled.d.ts.map +1 -0
  429. package/esm/selection-list/styled.js +15 -0
  430. package/esm/selection-list/styled.js.map +1 -0
  431. package/esm/selection-list/types.d.ts +25 -0
  432. package/esm/selection-list/types.d.ts.map +1 -0
  433. package/esm/selection-list/types.js +2 -0
  434. package/esm/selection-list/types.js.map +1 -0
  435. package/esm/selection-list/utils.d.ts +5 -0
  436. package/esm/selection-list/utils.d.ts.map +1 -0
  437. package/esm/selection-list/utils.js +36 -0
  438. package/esm/selection-list/utils.js.map +1 -0
  439. package/esm/slider/style-presets.d.ts.map +1 -1
  440. package/esm/slider/style-presets.js +13 -0
  441. package/esm/slider/style-presets.js.map +1 -1
  442. package/esm/slider/types.d.ts +6 -0
  443. package/esm/slider/types.d.ts.map +1 -1
  444. package/esm/slider/types.js.map +1 -1
  445. package/esm/structured-list/structured-list-item.d.ts.map +1 -1
  446. package/esm/structured-list/structured-list-item.js +4 -3
  447. package/esm/structured-list/structured-list-item.js.map +1 -1
  448. package/esm/structured-list/types.d.ts +1 -0
  449. package/esm/structured-list/types.d.ts.map +1 -1
  450. package/esm/switch/style-presets.d.ts +23 -0
  451. package/esm/switch/style-presets.d.ts.map +1 -1
  452. package/esm/switch/style-presets.js +19 -3
  453. package/esm/switch/style-presets.js.map +1 -1
  454. package/esm/tabs/defaults.d.ts +3 -0
  455. package/esm/tabs/defaults.d.ts.map +1 -1
  456. package/esm/tabs/defaults.js +3 -0
  457. package/esm/tabs/defaults.js.map +1 -1
  458. package/esm/tabs/style-presets.d.ts.map +1 -1
  459. package/esm/tabs/style-presets.js +16 -0
  460. package/esm/tabs/style-presets.js.map +1 -1
  461. package/esm/tabs/styled.d.ts +1 -0
  462. package/esm/tabs/styled.d.ts.map +1 -1
  463. package/esm/tabs/styled.js +5 -2
  464. package/esm/tabs/styled.js.map +1 -1
  465. package/esm/tabs/tab-panel.d.ts.map +1 -1
  466. package/esm/tabs/tab-panel.js +3 -2
  467. package/esm/tabs/tab-panel.js.map +1 -1
  468. package/esm/tag/style-presets.d.ts.map +1 -1
  469. package/esm/tag/style-presets.js +3 -0
  470. package/esm/tag/style-presets.js.map +1 -1
  471. package/esm/theme/creator.d.ts +1 -2
  472. package/esm/theme/creator.d.ts.map +1 -1
  473. package/esm/theme/foundations/index.d.ts +1 -0
  474. package/esm/theme/foundations/index.d.ts.map +1 -1
  475. package/esm/theme/foundations/index.js +1 -0
  476. package/esm/theme/foundations/index.js.map +1 -1
  477. package/esm/theme/foundations/outlines.d.ts +9 -0
  478. package/esm/theme/foundations/outlines.d.ts.map +1 -0
  479. package/esm/theme/foundations/outlines.js +9 -0
  480. package/esm/theme/foundations/outlines.js.map +1 -0
  481. package/esm/theme/newskit-dark.d.ts +14 -0
  482. package/esm/theme/newskit-dark.d.ts.map +1 -1
  483. package/esm/theme/newskit-dark.js +14 -0
  484. package/esm/theme/newskit-dark.js.map +1 -1
  485. package/esm/theme/presets/style-presets.js +69 -3
  486. package/esm/theme/presets/style-presets.js.map +1 -1
  487. package/esm/theme/presets/types.d.ts +13 -0
  488. package/esm/theme/presets/types.d.ts.map +1 -1
  489. package/esm/theme/types.d.ts +1 -0
  490. package/esm/theme/types.d.ts.map +1 -1
  491. package/esm/theme/types.js.map +1 -1
  492. package/esm/theme-checker/scenarios.d.ts.map +1 -1
  493. package/esm/theme-checker/scenarios.js +21 -3
  494. package/esm/theme-checker/scenarios.js.map +1 -1
  495. package/esm/theme-checker/styled.d.ts.map +1 -1
  496. package/esm/theme-checker/styled.js +1 -1
  497. package/esm/theme-checker/styled.js.map +1 -1
  498. package/esm/tooltip/defaults.d.ts +6 -0
  499. package/esm/tooltip/defaults.d.ts.map +1 -1
  500. package/esm/tooltip/defaults.js +6 -0
  501. package/esm/tooltip/defaults.js.map +1 -1
  502. package/esm/tooltip/tooltip.d.ts.map +1 -1
  503. package/esm/tooltip/tooltip.js +9 -0
  504. package/esm/tooltip/tooltip.js.map +1 -1
  505. package/esm/utils/check-breakpoint-prop.d.ts +4 -0
  506. package/esm/utils/check-breakpoint-prop.d.ts.map +1 -0
  507. package/esm/utils/check-breakpoint-prop.js +6 -0
  508. package/esm/utils/check-breakpoint-prop.js.map +1 -0
  509. package/esm/utils/default-focus-visible.d.ts +8 -0
  510. package/esm/utils/default-focus-visible.d.ts.map +1 -0
  511. package/esm/utils/default-focus-visible.js +8 -0
  512. package/esm/utils/default-focus-visible.js.map +1 -0
  513. package/esm/utils/style/getters.d.ts +1 -0
  514. package/esm/utils/style/getters.d.ts.map +1 -1
  515. package/esm/utils/style/getters.js +1 -0
  516. package/esm/utils/style/getters.js.map +1 -1
  517. package/esm/utils/style/style-preset.d.ts +1 -0
  518. package/esm/utils/style/style-preset.d.ts.map +1 -1
  519. package/esm/utils/style/style-preset.js +25 -5
  520. package/esm/utils/style/style-preset.js.map +1 -1
  521. package/esm/utils/style/utils.d.ts +1 -1
  522. package/esm/utils/style/utils.d.ts.map +1 -1
  523. package/esm/utils/style/utils.js +3 -0
  524. package/esm/utils/style/utils.js.map +1 -1
  525. package/esm/version-number.json +1 -1
  526. package/esm/video-player/defaults.js +1 -1
  527. package/esm/video-player/defaults.js.map +1 -1
  528. package/esm/video-player/style-presets.d.ts.map +1 -1
  529. package/esm/video-player/style-presets.js +7 -2
  530. package/esm/video-player/style-presets.js.map +1 -1
  531. package/package.json +1 -1
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.modalOverrides = exports.selectionListOptionOverrides = exports.selectionListOverrides = exports.popoverOverrides = exports.iconButtonOverrides = void 0;
15
+ var utils_1 = require("../../../utils");
16
+ var filter_object_1 = require("../../../utils/filter-object");
17
+ var merge_breakpoint_object_1 = require("../../../utils/merge-breakpoint-object");
18
+ var iconButtonOverrides = function (theme, overrides) { return (__assign({}, (0, utils_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerPlaybackSpeedControl.iconButton, (0, filter_object_1.filterOutFalsyProperties)(overrides.iconButton)))); };
19
+ exports.iconButtonOverrides = iconButtonOverrides;
20
+ var popoverOverrides = function (theme, overrides) { return (__assign({}, (0, utils_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerPlaybackSpeedControl.popover, (0, filter_object_1.filterOutFalsyProperties)(overrides.popover)))); };
21
+ exports.popoverOverrides = popoverOverrides;
22
+ var selectionListOverrides = function (theme, overrides) { return (__assign({}, (0, utils_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerPlaybackSpeedControl.selectionList, (0, filter_object_1.filterOutFalsyProperties)(overrides.selectionList)))); };
23
+ exports.selectionListOverrides = selectionListOverrides;
24
+ var selectionListOptionOverrides = function (theme, overrides) { return (__assign({}, (0, utils_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerPlaybackSpeedControl.selectionListOption, (0, filter_object_1.filterOutFalsyProperties)(overrides.selectionListOptions)))); };
25
+ exports.selectionListOptionOverrides = selectionListOptionOverrides;
26
+ var modalOverrides = function (theme, overrides) { return (__assign({}, (0, utils_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerPlaybackSpeedControl.modal, (0, filter_object_1.filterOutFalsyProperties)(overrides.modal)))); };
27
+ exports.modalOverrides = modalOverrides;
28
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/playback-speed-control/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AACA,wCAAyC;AACzC,8DAAsE;AACtE,kFAA6E;AAGtE,IAAM,mBAAmB,GAAG,UACjC,KAAY,EACZ,SAAwD,IACrD,OAAA,cACA,IAAA,iBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,UAAU,EAClE,IAAA,wCAAwB,EAAC,SAAS,CAAC,UAAU,CAAC,CAC/C,EACD,EANG,CAMH,CAAC;AATU,QAAA,mBAAmB,uBAS7B;AAEI,IAAM,gBAAgB,GAAG,UAC9B,KAAY,EACZ,SAAwD,IACrD,OAAA,cACA,IAAA,iBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,OAAO,EAC/D,IAAA,wCAAwB,EAAC,SAAS,CAAC,OAAO,CAAC,CAC5C,EACD,EANG,CAMH,CAAC;AATU,QAAA,gBAAgB,oBAS1B;AAEI,IAAM,sBAAsB,GAAG,UACpC,KAAY,EACZ,SAAwD,IACrD,OAAA,cACA,IAAA,iBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,aAAa,EACrE,IAAA,wCAAwB,EAAC,SAAS,CAAC,aAAa,CAAC,CAClD,EACD,EANG,CAMH,CAAC;AATU,QAAA,sBAAsB,0BAShC;AAEI,IAAM,4BAA4B,GAAG,UAC1C,KAAY,EACZ,SAAwD,IACrD,OAAA,cACA,IAAA,iBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,mBAAmB,EAC3E,IAAA,wCAAwB,EAAC,SAAS,CAAC,oBAAoB,CAAC,CACzD,EACD,EANG,CAMH,CAAC;AATU,QAAA,4BAA4B,gCAStC;AAEI,IAAM,cAAc,GAAG,UAC5B,KAAY,EACZ,SAAwD,IACrD,OAAA,cACA,IAAA,iBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,+BAA+B,CAAC,KAAK,EAC7D,IAAA,wCAAwB,EAAC,SAAS,CAAC,KAAK,CAAC,CAC1C,EACD,EANG,CAMH,CAAC;AATU,QAAA,cAAc,kBASxB"}
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAqCiC"}
1
+ {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAGjD,wBAyCiC"}
@@ -1,5 +1,17 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
+ var default_focus_visible_1 = require("../../../utils/default-focus-visible");
3
15
  exports.default = {
4
16
  seekBarTrack: {
5
17
  base: {
@@ -36,6 +48,7 @@ exports.default = {
36
48
  backgroundColor: '{{colors.interactivePrimary050}}',
37
49
  iconColor: '{{colors.inkSubtle}}',
38
50
  },
51
+ 'focus-visible': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), { safariOutlineOffset: '-7px' }),
39
52
  },
40
53
  };
41
54
  //# sourceMappingURL=style-presets.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,gCAAgC;SAC9C;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;KACF;CAC6B,CAAC"}
1
+ {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/seek-bar/style-presets.ts"],"names":[],"mappings":";;;;;;;;;;;;;AACA,8EAAyE;AAEzE,kBAAe;IACb,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,YAAY,EAAE;QACZ,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,gCAAgC;SAC9C;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;SACpD;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;QACD,eAAe,wBACV,2CAAmB,KACtB,mBAAmB,EAAE,MAAM,GAC5B;KACF;CAC6B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAMiC"}
1
+ {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAOiC"}
@@ -4,6 +4,7 @@ exports.default = {
4
4
  timeDisplay: {
5
5
  base: {
6
6
  backgroundColor: '{{colors.transparent}}',
7
+ color: '{{colors.inkBase}}',
7
8
  },
8
9
  },
9
10
  };
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;CAC6B,CAAC"}
1
+ {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,WAAW,EAAE;QACX,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;YACzC,KAAK,EAAE,oBAAoB;SAC5B;KACF;CAC6B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"time-display.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,2BAA2B,EAAC,MAAM,SAAS,CAAC;AAwBpD,eAAO,MAAM,sBAAsB,6FAGjC,CAAC"}
1
+ {"version":3,"file":"time-display.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAC,2BAA2B,EAAC,MAAM,SAAS,CAAC;AA6BpD,eAAO,MAAM,sBAAsB,6FAGjC,CAAC"}
@@ -43,7 +43,7 @@ var ThemelessTimeDisplay = function (_a) {
43
43
  var getTimeDisplayProps = (0, context_1.useAudioPlayerContext)().getTimeDisplayProps;
44
44
  var _c = getTimeDisplayProps(), defaultFormat = _c.format, currentTime = _c.currentTime, duration = _c.duration;
45
45
  var formatFn = typeof format === 'function' ? format : defaultFormat;
46
- return (react_1.default.createElement(StyledTextBlock, __assign({ as: "span", overrides: overrides }, restProps), formatFn({ currentTime: currentTime, duration: duration })));
46
+ return (react_1.default.createElement(StyledTextBlock, __assign({ as: "span", overrides: overrides, "data-testid": "audio-player-time-display" }, restProps), formatFn({ currentTime: currentTime, duration: duration })));
47
47
  };
48
48
  exports.AudioPlayerTimeDisplay = (0, with_own_theme_1.withOwnTheme)(ThemelessTimeDisplay)({
49
49
  defaults: defaults_1.default,
@@ -1 +1 @@
1
- {"version":3,"file":"time-display.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAA2E;AAC3E,yCAAoD;AACpD,gEAA2D;AAC3D,wDAAkC;AAClC,kEAA2C;AAE3C,kDAA8C;AAE9C,IAAM,eAAe,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,2GAA6B,yBAElE,EAA4C,MAC5C,EAAiD,KACpD,KAFG,IAAA,sBAAc,EAAC,wBAAwB,EAAE,EAAE,CAAC,EAC5C,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,EAAE,CAAC,CACpD,CAAC;AAEF,IAAM,oBAAoB,GAAG,UAAC,EAIA;IAH5B,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACH,SAAS,cAHgB,uBAI7B,CADa;IAEL,IAAA,mBAAmB,GAAI,IAAA,+BAAqB,GAAE,oBAA3B,CAA4B;IAChD,IAAA,KAAiD,mBAAoB,EAAE,EAA9D,aAAa,YAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAA0B,CAAC;IAC9E,IAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IACvE,OAAO,CACL,8BAAC,eAAe,aAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAE,SAAS,IAAM,SAAS,GAC3D,QAAQ,CAAC,EAAC,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAClB,CACnB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,sBAAsB,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC;IACvE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}
1
+ {"version":3,"file":"time-display.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/time-display/time-display.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAA2E;AAC3E,yCAAoD;AACpD,gEAA2D;AAC3D,wDAAkC;AAClC,kEAA2C;AAE3C,kDAA8C;AAE9C,IAAM,eAAe,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,2GAA6B,yBAElE,EAA4C,MAC5C,EAAiD,KACpD,KAFG,IAAA,sBAAc,EAAC,wBAAwB,EAAE,EAAE,CAAC,EAC5C,IAAA,2BAAmB,EAAC,wBAAwB,EAAE,EAAE,CAAC,CACpD,CAAC;AAEF,IAAM,oBAAoB,GAAG,UAAC,EAIA;IAH5B,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,MAAM,YAAA,EACH,SAAS,cAHgB,uBAI7B,CADa;IAEL,IAAA,mBAAmB,GAAI,IAAA,+BAAqB,GAAE,oBAA3B,CAA4B;IAChD,IAAA,KAAiD,mBAAoB,EAAE,EAA9D,aAAa,YAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAA0B,CAAC;IAC9E,IAAM,QAAQ,GAAG,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC;IACvE,OAAO,CACL,8BAAC,eAAe,aACd,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,SAAS,iBACR,2BAA2B,IACnC,SAAS,GAEZ,QAAQ,CAAC,EAAC,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAC,CAAC,CAClB,CACnB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,sBAAsB,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC;IACvE,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}
@@ -1,22 +1,52 @@
1
1
  declare const _default: {
2
2
  audioPlayerVolumeControl: {
3
- slider: {
4
- track: {
5
- stylePreset: string;
6
- size: string;
7
- length: string;
3
+ horizontal: {
4
+ spaceBetween: string;
5
+ slider: {
6
+ track: {
7
+ stylePreset: string;
8
+ size: string;
9
+ length: string;
10
+ };
11
+ indicator: {
12
+ stylePreset: string;
13
+ };
14
+ thumb: {
15
+ stylePreset: string;
16
+ size: string;
17
+ };
18
+ feedback: {
19
+ size: string;
20
+ };
8
21
  };
9
- indicator: {
22
+ button: {
10
23
  stylePreset: string;
11
24
  };
12
- thumb: {
25
+ stylePreset: string;
26
+ };
27
+ vertical: {
28
+ spaceBetween: string;
29
+ slider: {
30
+ track: {
31
+ stylePreset: string;
32
+ size: string;
33
+ length: string;
34
+ };
35
+ indicator: {
36
+ stylePreset: string;
37
+ };
38
+ thumb: {
39
+ stylePreset: string;
40
+ size: string;
41
+ };
42
+ feedback: {
43
+ size: string;
44
+ };
45
+ };
46
+ button: {
13
47
  stylePreset: string;
14
- size: string;
15
48
  };
16
- };
17
- button: {
18
49
  stylePreset: string;
19
- iconSize: string;
20
50
  };
21
51
  };
22
52
  };
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,wBAqBE"}
1
+ {"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,wBAWE"}
@@ -1,25 +1,43 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = {
4
- audioPlayerVolumeControl: {
5
- slider: {
6
- track: {
7
- stylePreset: 'audioPlayerVolumeControlTrack',
8
- size: 'sizing010',
9
- length: '130px',
10
- },
11
- indicator: {
12
- stylePreset: 'audioPlayerVolumeControlIndicator',
13
- },
14
- thumb: {
15
- stylePreset: 'audioPlayerVolumeControlThumb',
16
- size: 'sizing040',
17
- },
14
+ var defaults = {
15
+ spaceBetween: 'space030',
16
+ slider: {
17
+ track: {
18
+ stylePreset: 'audioPlayerVolumeControlTrack',
19
+ size: 'sizing010',
20
+ length: '130px',
21
+ },
22
+ indicator: {
23
+ stylePreset: 'audioPlayerVolumeControlIndicator',
24
+ },
25
+ thumb: {
26
+ stylePreset: 'audioPlayerVolumeControlThumb',
27
+ size: 'sizing040',
18
28
  },
19
- button: {
20
- stylePreset: 'iconButtonMinimalPrimary',
21
- iconSize: 'iconSize020',
29
+ feedback: {
30
+ size: 'sizing060',
22
31
  },
23
32
  },
33
+ button: {
34
+ stylePreset: 'iconButtonMinimalPrimary',
35
+ },
36
+ };
37
+ exports.default = {
38
+ audioPlayerVolumeControl: {
39
+ horizontal: __assign({ stylePreset: 'audioPlayerVolumeControlHorizontalContainer' }, defaults),
40
+ vertical: __assign({ stylePreset: 'audioPlayerVolumeControlVerticalContainer' }, defaults),
41
+ },
24
42
  };
25
43
  //# sourceMappingURL=defaults.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,wBAAwB,EAAE;QACxB,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;gBACjB,MAAM,EAAE,OAAO;aAChB;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,mCAAmC;aACjD;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,+BAA+B;gBAC5C,IAAI,EAAE,WAAW;aAClB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,0BAA0B;YACvC,QAAQ,EAAE,aAAa;SACxB;KACF;CACF,CAAC"}
1
+ {"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,IAAM,QAAQ,GAAG;IACf,YAAY,EAAE,UAAU;IACxB,MAAM,EAAE;QACN,KAAK,EAAE;YACL,WAAW,EAAE,+BAA+B;YAC5C,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,OAAO;SAChB;QACD,SAAS,EAAE;YACT,WAAW,EAAE,mCAAmC;SACjD;QACD,KAAK,EAAE;YACL,WAAW,EAAE,+BAA+B;YAC5C,IAAI,EAAE,WAAW;SAClB;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,WAAW;SAClB;KACF;IACD,MAAM,EAAE;QACN,WAAW,EAAE,0BAA0B;KACxC;CACF,CAAC;AAEF,kBAAe;IACb,wBAAwB,EAAE;QACxB,UAAU,aACR,WAAW,EAAE,6CAA6C,IACvD,QAAQ,CACZ;QACD,QAAQ,aACN,WAAW,EAAE,2CAA2C,IACrD,QAAQ,CACZ;KACF;CACF,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"mute-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAQxC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6BhD,CAAC"}
1
+ {"version":3,"file":"mute-button.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAsB,eAAe,EAAC,MAAM,SAAS,CAAC;AAe7D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqChD,CAAC"}
@@ -1,4 +1,15 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
14
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
15
  };
@@ -7,8 +18,13 @@ exports.MuteButton = void 0;
7
18
  var react_1 = __importDefault(require("react"));
8
19
  var icon_button_1 = require("../../../icon-button");
9
20
  var icons_1 = require("../../../icons");
21
+ var overrides_1 = require("../../../utils/overrides");
10
22
  var utils_1 = require("../../utils");
11
23
  var toggleMute = function (volume, unMutedVolume, onChange) { return (volume === 0 ? onChange(unMutedVolume) : onChange(0)); };
24
+ var DefaultIcon = function (_a) {
25
+ var volume = _a.volume, overrides = _a.overrides;
26
+ return volume === 0 ? (react_1.default.createElement(icons_1.IconFilledVolumeOff, { overrides: overrides })) : (react_1.default.createElement(icons_1.IconFilledVolumeUp, { overrides: overrides }));
27
+ };
12
28
  var MuteButton = function (_a) {
13
29
  var volume = _a.volume, unMutedVolume = _a.unMutedVolume, onChange = _a.onChange, size = _a.size, muteKeyboardShortcuts = _a.muteKeyboardShortcuts, overrides = _a.overrides;
14
30
  (0, utils_1.useKeyboardShortcutsOnButton)({
@@ -20,7 +36,11 @@ var MuteButton = function (_a) {
20
36
  },
21
37
  defaults: 'm',
22
38
  });
23
- return (react_1.default.createElement(icon_button_1.IconButton, { "data-testid": "mute-button", "aria-label": volume === 0 ? 'Unmute' : 'Mute', onClick: function () { return toggleMute(volume, unMutedVolume, onChange); }, size: size, overrides: overrides }, volume === 0 ? react_1.default.createElement(icons_1.IconFilledVolumeOff, null) : react_1.default.createElement(icons_1.IconFilledVolumeDown, null)));
39
+ var _b = (0, overrides_1.getComponentOverrides)(overrides.muteButtonIcon, DefaultIcon, {
40
+ volume: volume,
41
+ }), MuteButtonIcon = _b[0], muteButtonIconProps = _b[1];
42
+ return (react_1.default.createElement(icon_button_1.IconButton, { "data-testid": "mute-button", "aria-label": volume === 0 ? 'Unmute' : 'Mute', onClick: function () { return toggleMute(volume, unMutedVolume, onChange); }, size: size, overrides: overrides },
43
+ react_1.default.createElement(MuteButtonIcon, __assign({}, muteButtonIconProps))));
24
44
  };
25
45
  exports.MuteButton = MuteButton;
26
46
  //# sourceMappingURL=mute-button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"mute-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,wCAAyE;AACzE,qCAAyD;AAGzD,IAAM,UAAU,GAAG,UACjB,MAAc,EACd,aAAqB,EACrB,QAAkC,IAC/B,OAAA,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAtD,CAAsD,CAAC;AAErD,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,SAAS,eAAA;IAET,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE;YACL,iBAAiB,EAAE,qBAAqB;YACxC,OAAO,EAAE;gBACP,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;YAC9C,CAAC;SACF;QACD,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,wBAAU,mBACG,aAAa,gBACb,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAA3C,CAA2C,EAC1D,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,IAEnB,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,8BAAC,2BAAmB,OAAG,CAAC,CAAC,CAAC,8BAAC,4BAAoB,OAAG,CACvD,CACd,CAAC;AACJ,CAAC,CAAC;AA7BW,QAAA,UAAU,cA6BrB"}
1
+ {"version":3,"file":"mute-button.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/mute-button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oDAAgD;AAChD,wCAAuE;AACvE,sDAA+D;AAC/D,qCAAyD;AAGzD,IAAM,UAAU,GAAG,UACjB,MAAc,EACd,aAAqB,EACrB,QAAkC,IAC/B,OAAA,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAtD,CAAsD,CAAC;AAE5D,IAAM,WAAW,GAAG,UAAC,EAAwC;QAAvC,MAAM,YAAA,EAAE,SAAS,eAAA;IACrC,OAAA,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACb,8BAAC,2BAAmB,IAAC,SAAS,EAAE,SAAS,GAAI,CAC9C,CAAC,CAAC,CAAC,CACF,8BAAC,0BAAkB,IAAC,SAAS,EAAE,SAAS,GAAI,CAC7C;AAJD,CAIC,CAAC;AAEG,IAAM,UAAU,GAA8B,UAAC,EAOrD;QANC,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,qBAAqB,2BAAA,EACrB,SAAS,eAAA;IAET,IAAA,oCAA4B,EAAC;QAC3B,KAAK,EAAE;YACL,iBAAiB,EAAE,qBAAqB;YACxC,OAAO,EAAE;gBACP,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,CAAC;YAC9C,CAAC;SACF;QACD,QAAQ,EAAE,GAAG;KACd,CAAC,CAAC;IAEG,IAAA,KAAwC,IAAA,iCAAqB,EACjE,SAAS,CAAC,cAAc,EACxB,WAAW,EACX;QACE,MAAM,QAAA;KACP,CACF,EANM,cAAc,QAAA,EAAE,mBAAmB,QAMzC,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,mBACG,aAAa,gBACb,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAC5C,OAAO,EAAE,cAAM,OAAA,UAAU,CAAC,MAAM,EAAE,aAAa,EAAE,QAAQ,CAAC,EAA3C,CAA2C,EAC1D,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS;QAEpB,8BAAC,cAAc,eAAM,mBAA2C,EAAI,CACzD,CACd,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,UAAU,cAqCrB"}
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAEjD,wBAgCiC"}
1
+ {"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,sBAAsB,CAAC;;AAGjD,wBA+CiC"}
@@ -1,5 +1,17 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
2
13
  Object.defineProperty(exports, "__esModule", { value: true });
14
+ var default_focus_visible_1 = require("../../../utils/default-focus-visible");
3
15
  exports.default = {
4
16
  audioPlayerVolumeControlIndicator: {
5
17
  base: {
@@ -25,6 +37,7 @@ exports.default = {
25
37
  backgroundColor: '{{colors.interactivePrimary050}}',
26
38
  iconColor: '{{colors.inkSubtle}}',
27
39
  },
40
+ 'focus-visible': __assign(__assign({}, default_focus_visible_1.defaultFocusVisible), { safariOutlineOffset: '-7px' }),
28
41
  },
29
42
  audioPlayerVolumeControlTrack: {
30
43
  base: {
@@ -32,5 +45,16 @@ exports.default = {
32
45
  borderRadius: '{{borders.borderRadiusPill}}',
33
46
  },
34
47
  },
48
+ audioPlayerVolumeControlHorizontalContainer: {
49
+ base: {
50
+ backgroundColor: '{{colors.transparent}}',
51
+ },
52
+ },
53
+ audioPlayerVolumeControlVerticalContainer: {
54
+ base: {
55
+ backgroundColor: '{{colors.interface010}}',
56
+ boxShadow: '{{shadows.shadow050}}',
57
+ },
58
+ },
35
59
  };
36
60
  //# sourceMappingURL=style-presets.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,iCAAiC,EAAE;QACjC,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,kCAAkC;YAC/C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;SACxC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,4BAA4B;SACxC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;CAC6B,CAAC"}
1
+ {"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/style-presets.ts"],"names":[],"mappings":";;;;;;;;;;;;;AACA,8EAAyE;AAEzE,kBAAe;IACb,iCAAiC,EAAE;QACjC,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,kCAAkC;YAC/C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;SACxC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,4BAA4B;SACxC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;QACD,eAAe,wBACV,2CAAmB,KACtB,mBAAmB,EAAE,MAAM,GAC5B;KACF;IACD,6BAA6B,EAAE;QAC7B,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,2CAA2C,EAAE;QAC3C,IAAI,EAAE;YACJ,eAAe,EAAE,wBAAwB;SAC1C;KACF;IACD,yCAAyC,EAAE;QACzC,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,SAAS,EAAE,uBAAuB;SACnC;KACF;CAC6B,CAAC"}
@@ -1,10 +1,9 @@
1
1
  /// <reference types="react" />
2
- export declare const VolumeSliderContainer: import("@emotion/styled").StyledComponent<{
2
+ import { AudioPlayerVolumeControlProps } from './types';
3
+ export declare const StyledVolumeSliderContainer: import("@emotion/styled").StyledComponent<{
3
4
  theme?: import("@emotion/react").Theme | undefined;
4
5
  as?: import("react").ElementType<any> | undefined;
5
- } & {
6
- vertical?: boolean | undefined;
7
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
+ } & Pick<AudioPlayerVolumeControlProps, "layout" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
8
7
  export declare const StyledGridLayout: import("@emotion/styled").StyledComponent<{
9
8
  rowGap?: import("../../../utils/style").MQ<string> | undefined;
10
9
  columnGap?: import("../../../utils/style").MQ<string> | undefined;
@@ -28,21 +27,5 @@ export declare const StyledGridLayout: import("@emotion/styled").StyledComponent
28
27
  } & import("../../../utils/logical-properties").LogicalProps) | undefined;
29
28
  } & import("react").HTMLAttributes<HTMLDivElement> & {
30
29
  theme?: import("@emotion/react").Theme | undefined;
31
- } & {
32
- vertical?: boolean | undefined;
33
- }, {}, {}>;
34
- export declare const StyledGridLayoutItem: import("@emotion/styled").StyledComponent<import("../../..").BlockProps & {
35
- children?: import("react").ReactNode;
36
- } & {
37
- theme?: import("@emotion/react").Theme | undefined;
38
- } & {
39
- area?: string | undefined;
40
- order?: import("../../../utils/style").MQ<number> | undefined;
41
- justifySelf?: import("../../../utils/style").MQ<string> | undefined;
42
- alignSelf?: import("../../../utils/style").MQ<string> | undefined;
43
- column?: import("../../../utils/style").MQ<string> | undefined;
44
- row?: import("../../../utils/style").MQ<string> | undefined;
45
- } & import("react").HTMLAttributes<HTMLElement> & {
46
- vertical?: boolean | undefined;
47
- }, {}, {}>;
30
+ } & Pick<AudioPlayerVolumeControlProps, "layout" | "overrides" | "collapsed">, {}, {}>;
48
31
  //# sourceMappingURL=styled.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,qBAAqB;;;;;yGAQjC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;UAM5B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;UAOhC,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";AAOA,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,2BAA2B;;;uKAUvC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;sFAiB5B,CAAC"}
@@ -4,22 +4,23 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  return cooked;
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledGridLayoutItem = exports.StyledGridLayout = exports.VolumeSliderContainer = void 0;
7
+ exports.StyledGridLayout = exports.StyledVolumeSliderContainer = void 0;
8
8
  var grid_layout_1 = require("../../../grid-layout");
9
9
  var style_1 = require("../../../utils/style");
10
- exports.VolumeSliderContainer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
11
- var vertical = _a.vertical;
12
- return (0, style_1.getResponsiveSize)(vertical ? 'height' : 'width', 'audioPlayerVolumeControl.slider.track', 'slider.track', 'length');
10
+ exports.StyledVolumeSliderContainer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
11
+ var layout = _a.layout;
12
+ return (0, style_1.getResponsiveSize)(layout === 'vertical' ? 'height' : 'width', "audioPlayerVolumeControl.".concat(layout, ".slider.track"), "slider.track", 'length');
13
13
  });
14
- exports.StyledGridLayout = (0, style_1.styled)(grid_layout_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
15
- var vertical = _a.vertical;
16
- return vertical &&
14
+ exports.StyledGridLayout = (0, style_1.styled)(grid_layout_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n ", ";\n ", ";\n"], ["\n ", ";\n ", ";\n ", ";\n"])), function (_a) {
15
+ var layout = _a.layout, collapsed = _a.collapsed;
16
+ return !collapsed && (0, style_1.getStylePreset)("audioPlayerVolumeControl.".concat(layout), '');
17
+ }, function (_a) {
18
+ var layout = _a.layout;
19
+ return layout === 'vertical' &&
17
20
  "\n position: relative;\n ";
21
+ }, function (_a) {
22
+ var layout = _a.layout;
23
+ return (0, style_1.getResponsiveSpace)(layout === 'vertical' ? 'rowGap' : 'columnGap', "audioPlayerVolumeControl.".concat(layout, ".spaceBetween"), '', 'spaceBetween');
18
24
  });
19
- exports.StyledGridLayoutItem = (0, style_1.styled)(grid_layout_1.GridLayoutItem)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (_a) {
20
- var vertical = _a.vertical;
21
- return vertical &&
22
- "position: absolute;\n bottom: 100%;";
23
- });
24
- var templateObject_1, templateObject_2, templateObject_3;
25
+ var templateObject_1, templateObject_2;
25
26
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oDAAgE;AAChE,8CAA+D;AAElD,QAAA,qBAAqB,GAAG,cAAM,CAAC,GAAG,+EAAsB,MACjE,EAMC,IACJ,KAPG,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,IAAA,yBAAiB,EACf,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC7B,uCAAuC,EACvC,cAAc,EACd,QAAQ,CACT;AALD,CAKC,EACH;AAEW,QAAA,gBAAgB,GAAG,IAAA,cAAM,EAAC,wBAAU,CAAC,gFAAsB,MACpE,EAID,KACF,KALG,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,QAAQ;QACR,+BAED;AAHC,CAGD,EACD;AAEW,QAAA,oBAAoB,GAAG,IAAA,cAAM,EAAC,4BAAc,CAAC,gFAExD,MACE,EAGe,KAClB,KAJG,UAAC,EAAU;QAAT,QAAQ,cAAA;IACV,OAAA,QAAQ;QACR,yCACe;AAFf,CAEe,EACjB"}
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,oDAAgD;AAChD,8CAK8B;AAGjB,QAAA,2BAA2B,GAAG,cAAM,CAAC,GAAG,+EAEpD,MACG,EAMC,IACJ,KAPG,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,IAAA,yBAAiB,EACf,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC1C,mCAA4B,MAAM,kBAAe,EACjD,cAAc,EACd,QAAQ,CACT;AALD,CAKC,EACH;AAEW,QAAA,gBAAgB,GAAG,IAAA,cAAM,EAAC,wBAAU,CAAC,kGAEjD,MACG,EACsE,OACtE,EAID,OACC,EAMC,KACJ,KAdG,UAAC,EAAmB;QAAlB,MAAM,YAAA,EAAE,SAAS,eAAA;IACnB,OAAA,CAAC,SAAS,IAAI,IAAA,sBAAc,EAAC,mCAA4B,MAAM,CAAE,EAAE,EAAE,CAAC;AAAtE,CAAsE,EACtE,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,MAAM,KAAK,UAAU;QACrB,+BAED;AAHC,CAGD,EACC,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,IAAA,0BAAkB,EAChB,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,EAC9C,mCAA4B,MAAM,kBAAe,EACjD,EAAE,EACF,cAAc,CACf;AALD,CAKC,EACH"}
@@ -1,15 +1,26 @@
1
1
  import { ButtonSize } from '../../../button';
2
+ import { NewsKitIconProps } from '../../../icons';
2
3
  import { SliderOverrideProps } from '../../../slider';
3
4
  import { MQ } from '../../../utils';
5
+ import { Override } from '../../../utils/overrides';
6
+ export declare type MuteButtonIconProps = NewsKitIconProps & Pick<MuteButtonProps, 'volume'>;
4
7
  export interface AudioPlayerVolumeControlOverridesProps {
5
- slider?: SliderOverrideProps;
8
+ stylePreset?: MQ<string>;
9
+ spaceBetween?: MQ<string>;
10
+ slider?: Omit<SliderOverrideProps, 'track'> & {
11
+ track?: {
12
+ stylePreset?: MQ<string>;
13
+ size?: string;
14
+ length?: string;
15
+ };
16
+ };
6
17
  button?: {
7
18
  stylePreset?: MQ<string>;
8
- iconSize?: string;
19
+ muteButtonIcon: Override<MuteButtonIconProps>;
9
20
  };
10
21
  }
11
22
  export interface AudioPlayerVolumeControlProps {
12
- vertical?: boolean;
23
+ layout?: 'horizontal' | 'vertical';
13
24
  collapsed?: boolean;
14
25
  overrides?: AudioPlayerVolumeControlOverridesProps;
15
26
  keyboardShortcuts?: {
@@ -25,7 +36,7 @@ export interface MuteButtonProps {
25
36
  muteKeyboardShortcuts?: string[] | string;
26
37
  overrides: {
27
38
  stylePreset: MQ<string>;
28
- iconSize: string;
39
+ muteButtonIcon: Override<MuteButtonIconProps>;
29
40
  };
30
41
  }
31
42
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,MAAM,WAAW,sCAAsC;IACrD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,sCAAsC,CAAC;IACnD,iBAAiB,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAC,CAAC;IACpD,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AACD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAC,gBAAgB,EAAC,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,0BAA0B,CAAC;AAElD,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAClC,MAAM,WAAW,sCAAsC;IACrD,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;QAC5C,KAAK,CAAC,EAAE;YACN,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;YACzB,IAAI,CAAC,EAAE,MAAM,CAAC;YACd,MAAM,CAAC,EAAE,MAAM,CAAC;SACjB,CAAC;KACH,CAAC;IACF,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B;IAC5C,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,sCAAsC,CAAC;IACnD,iBAAiB,CAAC,EAAE;QAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAC,CAAC;IACpD,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B;AACD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,EAAE,UAAU,CAAC;IACjB,qBAAqB,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1C,SAAS,EAAE;QACT,WAAW,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACxB,cAAc,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAAC;KAC/C,CAAC;CACH"}
@@ -1 +1 @@
1
- {"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AA+GtD,eAAO,MAAM,wBAAwB,+FAEV,CAAC"}
1
+ {"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAC,6BAA6B,EAAC,MAAM,SAAS,CAAC;AA6GtD,eAAO,MAAM,wBAAwB,+FAEV,CAAC"}
@@ -53,8 +53,8 @@ var filter_object_1 = require("../../../utils/filter-object");
53
53
  var types_1 = require("../../../button/types");
54
54
  var ThemelessAudioPlayerVolumeControl = function (props) {
55
55
  var getVolumeControlProps = (0, context_1.useAudioPlayerContext)().getVolumeControlProps;
56
- var _a = getVolumeControlProps(props), volume = _a.volume, onChange = _a.onChange, vertical = _a.vertical, _b = _a.collapsed, collapsed = _b === void 0 ? false : _b, keyboardShortcuts = _a.keyboardShortcuts, overrides = _a.overrides, initialVolume = _a.initialVolume, muteButtonSize = _a.muteButtonSize;
57
- var _c = (0, react_1.useState)(volume), unMutedVolume = _c[0], setUnMutedVolume = _c[1];
56
+ var _a = getVolumeControlProps(props), volume = _a.volume, onChange = _a.onChange, _b = _a.layout, layout = _b === void 0 ? 'horizontal' : _b, _c = _a.collapsed, collapsed = _c === void 0 ? false : _c, keyboardShortcuts = _a.keyboardShortcuts, overrides = _a.overrides, initialVolume = _a.initialVolume, muteButtonSize = _a.muteButtonSize;
57
+ var _d = (0, react_1.useState)(volume), unMutedVolume = _d[0], setUnMutedVolume = _d[1];
58
58
  (0, react_1.useEffect)(function () {
59
59
  // Saves the volume into a state,
60
60
  // for re-using it when clicking the mute unmute button.
@@ -63,8 +63,8 @@ var ThemelessAudioPlayerVolumeControl = function (props) {
63
63
  }
64
64
  }, [unMutedVolume, volume]);
65
65
  var theme = (0, theme_1.useTheme)();
66
- var buttonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl.button, (0, filter_object_1.filterOutFalsyProperties)(overrides.button)));
67
- var sliderOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl.slider, (0, filter_object_1.filterOutFalsyProperties)(overrides.slider)));
66
+ var buttonOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl[layout].button, (0, filter_object_1.filterOutFalsyProperties)(overrides.button)));
67
+ var sliderOverrides = __assign({}, (0, deep_merge_1.deepMerge)((0, merge_breakpoint_object_1.mergeBreakpointObject)(Object.keys(theme.breakpoints)), theme.componentDefaults.audioPlayerVolumeControl[layout].slider, (0, filter_object_1.filterOutFalsyProperties)(overrides.slider)));
68
68
  var onSliderChange = (0, react_1.useCallback)(function (_a) {
69
69
  var newVolume = _a[0];
70
70
  return onChange(newVolume);
@@ -74,15 +74,15 @@ var ThemelessAudioPlayerVolumeControl = function (props) {
74
74
  // useInitialVolume Sets the initial volume on page load
75
75
  (0, utils_1.useInitialVolume)({ onChange: onChange, initialVolume: initialVolume });
76
76
  var verticalAreas = "slider\n muteButton";
77
- var gridAreas = vertical ? verticalAreas : "muteButton slider";
78
- var gridColumns = vertical ? '1fr' : 'auto 1fr';
77
+ var gridAreas = layout === 'vertical' ? verticalAreas : "muteButton slider";
78
+ var gridColumns = layout === 'vertical' ? '1fr' : 'auto 1fr';
79
79
  var volumeSliderInstructionId = (0, hooks_1.useReactKeys)(1)[0];
80
- return (react_1.default.createElement(styled_1.StyledGridLayout, { columns: gridColumns, areas: gridAreas, justifyItems: vertical ? 'center' : 'start', alignItems: "center", vertical: vertical },
80
+ return (react_1.default.createElement(styled_1.StyledGridLayout, { columns: gridColumns, areas: gridAreas, justifyItems: layout === 'vertical' ? 'center' : 'start', alignItems: "center", layout: layout, collapsed: collapsed, overrides: overrides },
81
81
  react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "muteButton" },
82
- react_1.default.createElement(mute_button_1.MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, size: muteButtonSize || types_1.ButtonSize.Small, muteKeyboardShortcuts: keyboardShortcuts === null || keyboardShortcuts === void 0 ? void 0 : keyboardShortcuts.muteToggle, overrides: buttonOverrides })),
83
- !collapsed && (react_1.default.createElement(styled_1.StyledGridLayoutItem, { area: "slider", vertical: vertical },
84
- react_1.default.createElement(styled_1.VolumeSliderContainer, { vertical: vertical },
85
- react_1.default.createElement(slider_1.Slider, { vertical: vertical, min: 0, max: 1, step: 0.1, values: [volume], onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level ".concat([volume][0] * 10, " of 10"), dataTestId: "volume-control-slider", ariaDescribedBy: volumeSliderInstructionId, overrides: sliderOverrides }),
82
+ react_1.default.createElement(mute_button_1.MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, size: muteButtonSize || types_1.ButtonSize.Medium, muteKeyboardShortcuts: keyboardShortcuts === null || keyboardShortcuts === void 0 ? void 0 : keyboardShortcuts.muteToggle, overrides: buttonOverrides })),
83
+ !collapsed && (react_1.default.createElement(grid_layout_1.GridLayoutItem, { area: "slider" },
84
+ react_1.default.createElement(styled_1.StyledVolumeSliderContainer, { layout: layout, overrides: overrides },
85
+ react_1.default.createElement(slider_1.Slider, { vertical: layout === 'vertical', min: 0, max: 1, step: 0.1, values: [volume], onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level ".concat([volume][0] * 10, " of 10"), dataTestId: "volume-control-slider", ariaDescribedBy: volumeSliderInstructionId, overrides: sliderOverrides }),
86
86
  react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: volumeSliderInstructionId, "aria-hidden": "true" }, "Use the arrow keys to adjust volume"))))));
87
87
  };
88
88
  exports.AudioPlayerVolumeControl = (0, with_own_theme_1.withOwnTheme)(ThemelessAudioPlayerVolumeControl)({ defaults: defaults_1.default, stylePresets: style_presets_1.default });
@@ -1 +1 @@
1
- {"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8D;AAC9D,kEAA6D;AAC7D,0CAAuC;AACvC,gEAA2D;AAC3D,iCAAyC;AACzC,yCAAoD;AACpD,wDAAkC;AAClC,6CAAyC;AACzC,wCAAwD;AACxD,kEAA2C;AAE3C,oDAAoD;AACpD,mCAIkB;AAClB,8CAAkD;AAClD,wDAAoD;AACpD,kFAA6E;AAC7E,8DAAsE;AACtE,+CAAiD;AAEjD,IAAM,iCAAiC,GAA4C,UAAA,KAAK;IAC/E,IAAA,qBAAqB,GAAI,IAAA,+BAAqB,GAAE,sBAA3B,CAA4B;IAClD,IAAA,KASF,qBAAsB,CAAC,KAAK,CAAC,EAR/B,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,cAAc,oBACiB,CAAC;IAE5B,IAAA,KAAoC,IAAA,gBAAQ,EAAC,MAAM,CAAC,EAAnD,aAAa,QAAA,EAAE,gBAAgB,QAAoB,CAAC;IAE3D,IAAA,iBAAS,EAAC;QACR,iCAAiC;QACjC,wDAAwD;QACxD,IAAI,aAAa,KAAK,MAAM,IAAI,MAAM,GAAG,CAAC,EAAE;YAC1C,gBAAgB,CAAC,MAAM,CAAC,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5B,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,eAAe,gBAChB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,MAAM,EACvD,IAAA,wCAAwB,EAAC,SAAS,CAAC,MAAM,CAAC,CAC3C,CACF,CAAC;IAEF,IAAM,eAAe,gBAChB,IAAA,sBAAS,EACV,IAAA,+CAAqB,EAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAqB,CAAC,EACzE,KAAK,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,MAAM,EACvD,IAAA,wCAAwB,EAAC,SAAS,CAAC,MAAM,CAAC,CAC3C,CACF,CAAC;IAEF,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC,UAAC,EAAW;YAAV,SAAS,QAAA;QAAM,OAAA,QAAQ,CAAC,SAAS,CAAC;IAAnB,CAAmB,EAAE;QACvE,QAAQ;KACT,CAAC,CAAC;IAEH,wDAAwD;IACxD,IAAA,wBAAgB,EAAC,EAAC,QAAQ,UAAA,EAAE,aAAa,eAAA,EAAC,CAAC,CAAC;IAE5C,IAAM,aAAa,GAAG,6CACY,CAAC;IACnC,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC;IACjE,IAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;IAC3C,IAAA,yBAAyB,GAAI,IAAA,oBAAY,EAAC,CAAC,CAAC,GAAnB,CAAoB;IAEpD,OAAO,CACL,8BAAC,yBAAgB,IACf,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC3C,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAE,QAAQ;QAElB,8BAAC,4BAAc,IAAC,IAAI,EAAC,YAAY;YAC/B,8BAAC,wBAAU,IACT,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,cAAc,IAAI,kBAAU,CAAC,KAAK,EACxC,qBAAqB,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,UAAU,EACpD,SAAS,EAAE,eAAe,GAC1B,CACa;QAChB,CAAC,SAAS,IAAI,CACb,8BAAC,6BAAoB,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ;YACpD,8BAAC,8BAAqB,IAAC,QAAQ,EAAE,QAAQ;gBACvC,8BAAC,eAAM,IACL,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,GAAG,EACT,MAAM,EAAE,CAAC,MAAM,CAAC,EAChB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,gBAAgB,EAC1B,aAAa,EAAE,uBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,WAAQ,EACvD,UAAU,EAAC,uBAAuB,EAClC,eAAe,EAAE,yBAAyB,EAC1C,SAAS,EAAE,eAAe,GAC1B;gBACF,8BAAC,qCAAgB,IAAC,EAAE,EAAE,yBAAyB,iBAAc,MAAM,0CAEhD,CACG,CACH,CACxB,CACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,wBAAwB,GAAG,IAAA,6BAAY,EAClD,iCAAiC,CAClC,CAAC,EAAC,QAAQ,oBAAA,EAAE,YAAY,yBAAA,EAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../../../src/audio-player-composable/components/volume-control/volume-control.tsx"],"names":[],"mappings":"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"}
@@ -9,4 +9,5 @@ export * from './components/replay-button';
9
9
  export * from './components/skip-next-button';
10
10
  export * from './components/skip-previous-button';
11
11
  export * from './components/volume-control';
12
+ export * from './components/playback-speed-control';
12
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAAC,MAAM,WAAW,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC"}