newskit 5.2.0 → 5.3.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 (487) hide show
  1. package/cjs/audio-player-composable/audio-functions.d.ts +22 -0
  2. package/cjs/audio-player-composable/audio-functions.d.ts.map +1 -0
  3. package/cjs/audio-player-composable/audio-functions.js +271 -0
  4. package/cjs/audio-player-composable/audio-functions.js.map +1 -0
  5. package/cjs/audio-player-composable/audio-player-composable.d.ts +4 -0
  6. package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -0
  7. package/cjs/audio-player-composable/audio-player-composable.js +141 -0
  8. package/cjs/audio-player-composable/audio-player-composable.js.map +1 -0
  9. package/cjs/audio-player-composable/components/audio-element.d.ts +3 -0
  10. package/cjs/audio-player-composable/components/audio-element.d.ts.map +1 -0
  11. package/cjs/audio-player-composable/components/audio-element.js +16 -0
  12. package/cjs/audio-player-composable/components/audio-element.js.map +1 -0
  13. package/cjs/audio-player-composable/components/play-pause-button/index.d.ts +3 -0
  14. package/cjs/audio-player-composable/components/play-pause-button/index.d.ts.map +1 -0
  15. package/cjs/audio-player-composable/components/play-pause-button/index.js +15 -0
  16. package/cjs/audio-player-composable/components/play-pause-button/index.js.map +1 -0
  17. package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.d.ts +4 -0
  18. package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.d.ts.map +1 -0
  19. package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.js +40 -0
  20. package/cjs/audio-player-composable/components/play-pause-button/play-pause-button.js.map +1 -0
  21. package/cjs/audio-player-composable/components/play-pause-button/types.d.ts +7 -0
  22. package/cjs/audio-player-composable/components/play-pause-button/types.d.ts.map +1 -0
  23. package/cjs/audio-player-composable/components/play-pause-button/types.js +3 -0
  24. package/cjs/audio-player-composable/components/play-pause-button/types.js.map +1 -0
  25. package/cjs/audio-player-composable/components/seek-bar/defaults.d.ts +22 -0
  26. package/cjs/audio-player-composable/components/seek-bar/defaults.d.ts.map +1 -0
  27. package/cjs/audio-player-composable/components/seek-bar/defaults.js +23 -0
  28. package/cjs/audio-player-composable/components/seek-bar/defaults.js.map +1 -0
  29. package/cjs/audio-player-composable/components/seek-bar/index.d.ts +3 -0
  30. package/cjs/audio-player-composable/components/seek-bar/index.d.ts.map +1 -0
  31. package/cjs/audio-player-composable/components/seek-bar/index.js +15 -0
  32. package/cjs/audio-player-composable/components/seek-bar/index.js.map +1 -0
  33. package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts +4 -0
  34. package/cjs/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -0
  35. package/cjs/audio-player-composable/components/seek-bar/seek-bar.js +101 -0
  36. package/cjs/audio-player-composable/components/seek-bar/seek-bar.js.map +1 -0
  37. package/cjs/audio-player-composable/components/seek-bar/style-presets.d.ts +4 -0
  38. package/cjs/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -0
  39. package/cjs/audio-player-composable/components/seek-bar/style-presets.js +41 -0
  40. package/cjs/audio-player-composable/components/seek-bar/style-presets.js.map +1 -0
  41. package/cjs/audio-player-composable/components/seek-bar/types.d.ts +11 -0
  42. package/cjs/audio-player-composable/components/seek-bar/types.d.ts.map +1 -0
  43. package/cjs/audio-player-composable/components/seek-bar/types.js +3 -0
  44. package/cjs/audio-player-composable/components/seek-bar/types.js.map +1 -0
  45. package/cjs/audio-player-composable/components/seek-bar/utils.d.ts +6 -0
  46. package/cjs/audio-player-composable/components/seek-bar/utils.d.ts.map +1 -0
  47. package/cjs/audio-player-composable/components/seek-bar/utils.js +53 -0
  48. package/cjs/audio-player-composable/components/seek-bar/utils.js.map +1 -0
  49. package/cjs/audio-player-composable/components/time-display/defaults.d.ts +8 -0
  50. package/cjs/audio-player-composable/components/time-display/defaults.d.ts.map +1 -0
  51. package/cjs/audio-player-composable/components/time-display/defaults.js +9 -0
  52. package/cjs/audio-player-composable/components/time-display/defaults.js.map +1 -0
  53. package/cjs/audio-player-composable/components/time-display/index.d.ts +3 -0
  54. package/cjs/audio-player-composable/components/time-display/index.d.ts.map +1 -0
  55. package/cjs/audio-player-composable/components/time-display/index.js +15 -0
  56. package/cjs/audio-player-composable/components/time-display/index.js.map +1 -0
  57. package/cjs/audio-player-composable/components/time-display/style-presets.d.ts +4 -0
  58. package/cjs/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -0
  59. package/cjs/audio-player-composable/components/time-display/style-presets.js +10 -0
  60. package/cjs/audio-player-composable/components/time-display/style-presets.js.map +1 -0
  61. package/cjs/audio-player-composable/components/time-display/time-display.d.ts +5 -0
  62. package/cjs/audio-player-composable/components/time-display/time-display.d.ts.map +1 -0
  63. package/cjs/audio-player-composable/components/time-display/time-display.js +32 -0
  64. package/cjs/audio-player-composable/components/time-display/time-display.js.map +1 -0
  65. package/cjs/audio-player-composable/components/time-display/types.d.ts +13 -0
  66. package/cjs/audio-player-composable/components/time-display/types.d.ts.map +1 -0
  67. package/cjs/audio-player-composable/components/time-display/types.js +3 -0
  68. package/cjs/audio-player-composable/components/time-display/types.js.map +1 -0
  69. package/cjs/audio-player-composable/components/time-display/utils.d.ts +4 -0
  70. package/cjs/audio-player-composable/components/time-display/utils.d.ts.map +1 -0
  71. package/cjs/audio-player-composable/components/time-display/utils.js +25 -0
  72. package/cjs/audio-player-composable/components/time-display/utils.js.map +1 -0
  73. package/cjs/audio-player-composable/context.d.ts +48 -0
  74. package/cjs/audio-player-composable/context.d.ts.map +1 -0
  75. package/cjs/audio-player-composable/context.js +18 -0
  76. package/cjs/audio-player-composable/context.js.map +1 -0
  77. package/cjs/audio-player-composable/index.d.ts +9 -0
  78. package/cjs/audio-player-composable/index.d.ts.map +1 -0
  79. package/cjs/audio-player-composable/index.js +28 -0
  80. package/cjs/audio-player-composable/index.js.map +1 -0
  81. package/cjs/audio-player-composable/types.d.ts +47 -0
  82. package/cjs/audio-player-composable/types.d.ts.map +1 -0
  83. package/cjs/audio-player-composable/types.js +16 -0
  84. package/cjs/audio-player-composable/types.js.map +1 -0
  85. package/cjs/audio-player-composable/utils.d.ts +4 -0
  86. package/cjs/audio-player-composable/utils.d.ts.map +1 -0
  87. package/cjs/audio-player-composable/utils.js +32 -0
  88. package/cjs/audio-player-composable/utils.js.map +1 -0
  89. package/cjs/base-switch/base-switch.d.ts +4 -0
  90. package/cjs/base-switch/base-switch.d.ts.map +1 -0
  91. package/cjs/base-switch/base-switch.js +110 -0
  92. package/cjs/base-switch/base-switch.js.map +1 -0
  93. package/cjs/base-switch/index.d.ts +3 -0
  94. package/cjs/base-switch/index.d.ts.map +1 -0
  95. package/cjs/base-switch/index.js +6 -0
  96. package/cjs/base-switch/index.js.map +1 -0
  97. package/cjs/{checkbox → base-switch}/styled.d.ts +11 -11
  98. package/cjs/base-switch/styled.d.ts.map +1 -0
  99. package/cjs/base-switch/styled.js +79 -0
  100. package/cjs/base-switch/styled.js.map +1 -0
  101. package/cjs/base-switch/types.d.ts +41 -0
  102. package/cjs/base-switch/types.d.ts.map +1 -0
  103. package/cjs/base-switch/types.js +3 -0
  104. package/cjs/base-switch/types.js.map +1 -0
  105. package/cjs/block/block.d.ts +11 -1
  106. package/cjs/block/block.d.ts.map +1 -1
  107. package/cjs/block/block.js +3 -2
  108. package/cjs/block/block.js.map +1 -1
  109. package/cjs/button/styled.d.ts.map +1 -1
  110. package/cjs/button/styled.js +5 -1
  111. package/cjs/button/styled.js.map +1 -1
  112. package/cjs/checkbox/checkbox.d.ts.map +1 -1
  113. package/cjs/checkbox/checkbox.js +3 -101
  114. package/cjs/checkbox/checkbox.js.map +1 -1
  115. package/cjs/checkbox/defaults.d.ts +3 -0
  116. package/cjs/checkbox/defaults.d.ts.map +1 -1
  117. package/cjs/checkbox/defaults.js +3 -0
  118. package/cjs/checkbox/defaults.js.map +1 -1
  119. package/cjs/checkbox/style-presets.d.ts.map +1 -1
  120. package/cjs/checkbox/style-presets.js +42 -24
  121. package/cjs/checkbox/style-presets.js.map +1 -1
  122. package/cjs/checkbox/types.d.ts +5 -34
  123. package/cjs/checkbox/types.d.ts.map +1 -1
  124. package/cjs/flag/styled.d.ts.map +1 -1
  125. package/cjs/flag/styled.js +6 -2
  126. package/cjs/flag/styled.js.map +1 -1
  127. package/cjs/flag/types.d.ts +5 -1
  128. package/cjs/flag/types.d.ts.map +1 -1
  129. package/cjs/flag/types.js.map +1 -1
  130. package/cjs/form/form-input.d.ts +1 -0
  131. package/cjs/form/form-input.d.ts.map +1 -1
  132. package/cjs/form/form-input.js +11 -4
  133. package/cjs/form/form-input.js.map +1 -1
  134. package/cjs/form/types.d.ts +3 -2
  135. package/cjs/form/types.d.ts.map +1 -1
  136. package/cjs/form/utils.d.ts +0 -1
  137. package/cjs/form/utils.d.ts.map +1 -1
  138. package/cjs/form/utils.js +1 -13
  139. package/cjs/form/utils.js.map +1 -1
  140. package/cjs/grid-layout/grid-layout.d.ts +1 -1
  141. package/cjs/grid-layout/grid-layout.d.ts.map +1 -1
  142. package/cjs/grid-layout/styled.d.ts +21 -2
  143. package/cjs/grid-layout/styled.d.ts.map +1 -1
  144. package/cjs/grid-layout/types.d.ts +3 -3
  145. package/cjs/grid-layout/types.d.ts.map +1 -1
  146. package/cjs/icons/filled/material/icon-filled-circle.d.ts +2 -0
  147. package/cjs/icons/filled/material/icon-filled-circle.js +11 -0
  148. package/cjs/icons/filled/material/index.d.ts +1 -0
  149. package/cjs/icons/filled/material/index.js +25 -23
  150. package/cjs/icons/outlined/material/icon-outlined-circle.d.ts +2 -0
  151. package/cjs/icons/outlined/material/icon-outlined-circle.js +11 -0
  152. package/cjs/icons/outlined/material/index.d.ts +1 -0
  153. package/cjs/icons/outlined/material/index.js +25 -23
  154. package/cjs/icons/to-newskit-icon.d.ts.map +1 -1
  155. package/cjs/icons/to-newskit-icon.js +14 -9
  156. package/cjs/icons/to-newskit-icon.js.map +1 -1
  157. package/cjs/index.d.ts +2 -0
  158. package/cjs/index.d.ts.map +1 -1
  159. package/cjs/index.js +2 -0
  160. package/cjs/index.js.map +1 -1
  161. package/cjs/label/styled.d.ts +1 -6
  162. package/cjs/label/styled.d.ts.map +1 -1
  163. package/cjs/label/styled.js +5 -1
  164. package/cjs/label/styled.js.map +1 -1
  165. package/cjs/label/types.d.ts +14 -6
  166. package/cjs/label/types.d.ts.map +1 -1
  167. package/cjs/link/internal-link.d.ts.map +1 -1
  168. package/cjs/link/internal-link.js +2 -1
  169. package/cjs/link/internal-link.js.map +1 -1
  170. package/cjs/link/types.d.ts +12 -9
  171. package/cjs/link/types.d.ts.map +1 -1
  172. package/cjs/radio-button/defaults.d.ts +66 -0
  173. package/cjs/radio-button/defaults.d.ts.map +1 -0
  174. package/cjs/radio-button/defaults.js +79 -0
  175. package/cjs/radio-button/defaults.js.map +1 -0
  176. package/cjs/radio-button/index.d.ts +4 -0
  177. package/cjs/radio-button/index.d.ts.map +1 -0
  178. package/cjs/radio-button/index.js +8 -0
  179. package/cjs/radio-button/index.js.map +1 -0
  180. package/cjs/radio-button/radio-button.d.ts +4 -0
  181. package/cjs/radio-button/radio-button.d.ts.map +1 -0
  182. package/cjs/radio-button/radio-button.js +66 -0
  183. package/cjs/radio-button/radio-button.js.map +1 -0
  184. package/cjs/radio-button/radio-group.d.ts +11 -0
  185. package/cjs/radio-button/radio-group.d.ts.map +1 -0
  186. package/cjs/radio-button/radio-group.js +67 -0
  187. package/cjs/radio-button/radio-group.js.map +1 -0
  188. package/cjs/radio-button/style-presets.d.ts +4 -0
  189. package/cjs/radio-button/style-presets.d.ts.map +1 -0
  190. package/cjs/radio-button/style-presets.js +151 -0
  191. package/cjs/radio-button/style-presets.js.map +1 -0
  192. package/cjs/radio-button/types.d.ts +17 -0
  193. package/cjs/radio-button/types.d.ts.map +1 -0
  194. package/cjs/radio-button/types.js +3 -0
  195. package/cjs/radio-button/types.js.map +1 -0
  196. package/cjs/select/styled.d.ts.map +1 -1
  197. package/cjs/select/styled.js +5 -1
  198. package/cjs/select/styled.js.map +1 -1
  199. package/cjs/select/types.d.ts +14 -1
  200. package/cjs/select/types.d.ts.map +1 -1
  201. package/cjs/stack/styled.d.ts.map +1 -1
  202. package/cjs/stack/styled.js +3 -2
  203. package/cjs/stack/styled.js.map +1 -1
  204. package/cjs/stack/types.d.ts +2 -1
  205. package/cjs/stack/types.d.ts.map +1 -1
  206. package/cjs/stack/types.js.map +1 -1
  207. package/cjs/text-block/text-block.d.ts.map +1 -1
  208. package/cjs/text-block/text-block.js +3 -2
  209. package/cjs/text-block/text-block.js.map +1 -1
  210. package/cjs/text-block/types.d.ts +2 -1
  211. package/cjs/text-block/types.d.ts.map +1 -1
  212. package/cjs/theme/presets/style-presets.js +8 -0
  213. package/cjs/theme/presets/style-presets.js.map +1 -1
  214. package/cjs/theme-checker/scenarios.d.ts +15 -4
  215. package/cjs/theme-checker/scenarios.d.ts.map +1 -1
  216. package/cjs/theme-checker/scenarios.js +23 -3
  217. package/cjs/theme-checker/scenarios.js.map +1 -1
  218. package/cjs/utils/compose-event-handlers.d.ts +2 -0
  219. package/cjs/utils/compose-event-handlers.d.ts.map +1 -0
  220. package/cjs/utils/compose-event-handlers.js +16 -0
  221. package/cjs/utils/compose-event-handlers.js.map +1 -0
  222. package/cjs/utils/hooks/use-controlled.d.ts +5 -4
  223. package/cjs/utils/hooks/use-controlled.d.ts.map +1 -1
  224. package/cjs/utils/hooks/use-controlled.js +1 -1
  225. package/cjs/utils/hooks/use-controlled.js.map +1 -1
  226. package/cjs/utils/logical-properties.d.ts +24 -0
  227. package/cjs/utils/logical-properties.d.ts.map +1 -0
  228. package/cjs/utils/logical-properties.js +54 -0
  229. package/cjs/utils/logical-properties.js.map +1 -0
  230. package/cjs/utils/style/style-preset.d.ts +1 -1
  231. package/cjs/utils/style/style-preset.d.ts.map +1 -1
  232. package/cjs/utils/style/style-preset.js +3 -3
  233. package/cjs/utils/style/style-preset.js.map +1 -1
  234. package/cjs/utils/style/transition-preset.d.ts.map +1 -1
  235. package/cjs/utils/style/transition-preset.js +3 -0
  236. package/cjs/utils/style/transition-preset.js.map +1 -1
  237. package/cjs/version-number.json +1 -1
  238. package/cjs/with-enhancers/styled.d.ts.map +1 -1
  239. package/cjs/with-enhancers/styled.js +6 -2
  240. package/cjs/with-enhancers/styled.js.map +1 -1
  241. package/esm/audio-player-composable/audio-functions.d.ts +22 -0
  242. package/esm/audio-player-composable/audio-functions.d.ts.map +1 -0
  243. package/esm/audio-player-composable/audio-functions.js +264 -0
  244. package/esm/audio-player-composable/audio-functions.js.map +1 -0
  245. package/esm/audio-player-composable/audio-player-composable.d.ts +4 -0
  246. package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -0
  247. package/esm/audio-player-composable/audio-player-composable.js +118 -0
  248. package/esm/audio-player-composable/audio-player-composable.js.map +1 -0
  249. package/esm/audio-player-composable/components/audio-element.d.ts +3 -0
  250. package/esm/audio-player-composable/components/audio-element.d.ts.map +1 -0
  251. package/esm/audio-player-composable/components/audio-element.js +9 -0
  252. package/esm/audio-player-composable/components/audio-element.js.map +1 -0
  253. package/esm/audio-player-composable/components/play-pause-button/index.d.ts +3 -0
  254. package/esm/audio-player-composable/components/play-pause-button/index.d.ts.map +1 -0
  255. package/esm/audio-player-composable/components/play-pause-button/index.js +3 -0
  256. package/esm/audio-player-composable/components/play-pause-button/index.js.map +1 -0
  257. package/esm/audio-player-composable/components/play-pause-button/play-pause-button.d.ts +4 -0
  258. package/esm/audio-player-composable/components/play-pause-button/play-pause-button.d.ts.map +1 -0
  259. package/esm/audio-player-composable/components/play-pause-button/play-pause-button.js +34 -0
  260. package/esm/audio-player-composable/components/play-pause-button/play-pause-button.js.map +1 -0
  261. package/esm/audio-player-composable/components/play-pause-button/types.d.ts +7 -0
  262. package/esm/audio-player-composable/components/play-pause-button/types.d.ts.map +1 -0
  263. package/esm/audio-player-composable/components/play-pause-button/types.js +2 -0
  264. package/esm/audio-player-composable/components/play-pause-button/types.js.map +1 -0
  265. package/esm/audio-player-composable/components/seek-bar/defaults.d.ts +22 -0
  266. package/esm/audio-player-composable/components/seek-bar/defaults.d.ts.map +1 -0
  267. package/esm/audio-player-composable/components/seek-bar/defaults.js +21 -0
  268. package/esm/audio-player-composable/components/seek-bar/defaults.js.map +1 -0
  269. package/esm/audio-player-composable/components/seek-bar/index.d.ts +3 -0
  270. package/esm/audio-player-composable/components/seek-bar/index.d.ts.map +1 -0
  271. package/esm/audio-player-composable/components/seek-bar/index.js +3 -0
  272. package/esm/audio-player-composable/components/seek-bar/index.js.map +1 -0
  273. package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts +4 -0
  274. package/esm/audio-player-composable/components/seek-bar/seek-bar.d.ts.map +1 -0
  275. package/esm/audio-player-composable/components/seek-bar/seek-bar.js +76 -0
  276. package/esm/audio-player-composable/components/seek-bar/seek-bar.js.map +1 -0
  277. package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts +4 -0
  278. package/esm/audio-player-composable/components/seek-bar/style-presets.d.ts.map +1 -0
  279. package/esm/audio-player-composable/components/seek-bar/style-presets.js +39 -0
  280. package/esm/audio-player-composable/components/seek-bar/style-presets.js.map +1 -0
  281. package/esm/audio-player-composable/components/seek-bar/types.d.ts +11 -0
  282. package/esm/audio-player-composable/components/seek-bar/types.d.ts.map +1 -0
  283. package/esm/audio-player-composable/components/seek-bar/types.js +2 -0
  284. package/esm/audio-player-composable/components/seek-bar/types.js.map +1 -0
  285. package/esm/audio-player-composable/components/seek-bar/utils.d.ts +6 -0
  286. package/esm/audio-player-composable/components/seek-bar/utils.d.ts.map +1 -0
  287. package/esm/audio-player-composable/components/seek-bar/utils.js +48 -0
  288. package/esm/audio-player-composable/components/seek-bar/utils.js.map +1 -0
  289. package/esm/audio-player-composable/components/time-display/defaults.d.ts +8 -0
  290. package/esm/audio-player-composable/components/time-display/defaults.d.ts.map +1 -0
  291. package/esm/audio-player-composable/components/time-display/defaults.js +7 -0
  292. package/esm/audio-player-composable/components/time-display/defaults.js.map +1 -0
  293. package/esm/audio-player-composable/components/time-display/index.d.ts +3 -0
  294. package/esm/audio-player-composable/components/time-display/index.d.ts.map +1 -0
  295. package/esm/audio-player-composable/components/time-display/index.js +3 -0
  296. package/esm/audio-player-composable/components/time-display/index.js.map +1 -0
  297. package/esm/audio-player-composable/components/time-display/style-presets.d.ts +4 -0
  298. package/esm/audio-player-composable/components/time-display/style-presets.d.ts.map +1 -0
  299. package/esm/audio-player-composable/components/time-display/style-presets.js +8 -0
  300. package/esm/audio-player-composable/components/time-display/style-presets.js.map +1 -0
  301. package/esm/audio-player-composable/components/time-display/time-display.d.ts +5 -0
  302. package/esm/audio-player-composable/components/time-display/time-display.d.ts.map +1 -0
  303. package/esm/audio-player-composable/components/time-display/time-display.js +25 -0
  304. package/esm/audio-player-composable/components/time-display/time-display.js.map +1 -0
  305. package/esm/audio-player-composable/components/time-display/types.d.ts +13 -0
  306. package/esm/audio-player-composable/components/time-display/types.d.ts.map +1 -0
  307. package/esm/audio-player-composable/components/time-display/types.js +2 -0
  308. package/esm/audio-player-composable/components/time-display/types.js.map +1 -0
  309. package/esm/audio-player-composable/components/time-display/utils.d.ts +4 -0
  310. package/esm/audio-player-composable/components/time-display/utils.d.ts.map +1 -0
  311. package/esm/audio-player-composable/components/time-display/utils.js +20 -0
  312. package/esm/audio-player-composable/components/time-display/utils.js.map +1 -0
  313. package/esm/audio-player-composable/context.d.ts +48 -0
  314. package/esm/audio-player-composable/context.d.ts.map +1 -0
  315. package/esm/audio-player-composable/context.js +14 -0
  316. package/esm/audio-player-composable/context.js.map +1 -0
  317. package/esm/audio-player-composable/index.d.ts +9 -0
  318. package/esm/audio-player-composable/index.d.ts.map +1 -0
  319. package/esm/audio-player-composable/index.js +10 -0
  320. package/esm/audio-player-composable/index.js.map +1 -0
  321. package/esm/audio-player-composable/types.d.ts +47 -0
  322. package/esm/audio-player-composable/types.d.ts.map +1 -0
  323. package/esm/audio-player-composable/types.js +13 -0
  324. package/esm/audio-player-composable/types.js.map +1 -0
  325. package/esm/audio-player-composable/utils.d.ts +4 -0
  326. package/esm/audio-player-composable/utils.d.ts.map +1 -0
  327. package/esm/audio-player-composable/utils.js +26 -0
  328. package/esm/audio-player-composable/utils.js.map +1 -0
  329. package/esm/base-switch/base-switch.d.ts +4 -0
  330. package/esm/base-switch/base-switch.d.ts.map +1 -0
  331. package/esm/base-switch/base-switch.js +85 -0
  332. package/esm/base-switch/base-switch.js.map +1 -0
  333. package/esm/base-switch/index.d.ts +3 -0
  334. package/esm/base-switch/index.d.ts.map +1 -0
  335. package/esm/base-switch/index.js +2 -0
  336. package/esm/base-switch/index.js.map +1 -0
  337. package/esm/{checkbox → base-switch}/styled.d.ts +11 -11
  338. package/esm/base-switch/styled.d.ts.map +1 -0
  339. package/esm/base-switch/styled.js +76 -0
  340. package/esm/base-switch/styled.js.map +1 -0
  341. package/esm/base-switch/types.d.ts +41 -0
  342. package/esm/base-switch/types.d.ts.map +1 -0
  343. package/esm/base-switch/types.js +2 -0
  344. package/esm/base-switch/types.js.map +1 -0
  345. package/esm/block/block.d.ts +11 -1
  346. package/esm/block/block.d.ts.map +1 -1
  347. package/esm/block/block.js +3 -2
  348. package/esm/block/block.js.map +1 -1
  349. package/esm/button/styled.d.ts.map +1 -1
  350. package/esm/button/styled.js +5 -1
  351. package/esm/button/styled.js.map +1 -1
  352. package/esm/checkbox/checkbox.d.ts.map +1 -1
  353. package/esm/checkbox/checkbox.js +3 -82
  354. package/esm/checkbox/checkbox.js.map +1 -1
  355. package/esm/checkbox/defaults.d.ts +3 -0
  356. package/esm/checkbox/defaults.d.ts.map +1 -1
  357. package/esm/checkbox/defaults.js +3 -0
  358. package/esm/checkbox/defaults.js.map +1 -1
  359. package/esm/checkbox/style-presets.d.ts.map +1 -1
  360. package/esm/checkbox/style-presets.js +42 -24
  361. package/esm/checkbox/style-presets.js.map +1 -1
  362. package/esm/checkbox/types.d.ts +5 -34
  363. package/esm/checkbox/types.d.ts.map +1 -1
  364. package/esm/flag/styled.d.ts.map +1 -1
  365. package/esm/flag/styled.js +6 -2
  366. package/esm/flag/styled.js.map +1 -1
  367. package/esm/flag/types.d.ts +5 -1
  368. package/esm/flag/types.d.ts.map +1 -1
  369. package/esm/flag/types.js.map +1 -1
  370. package/esm/form/form-input.d.ts +1 -0
  371. package/esm/form/form-input.d.ts.map +1 -1
  372. package/esm/form/form-input.js +8 -1
  373. package/esm/form/form-input.js.map +1 -1
  374. package/esm/form/types.d.ts +3 -2
  375. package/esm/form/types.d.ts.map +1 -1
  376. package/esm/form/utils.d.ts +0 -1
  377. package/esm/form/utils.d.ts.map +1 -1
  378. package/esm/form/utils.js +0 -11
  379. package/esm/form/utils.js.map +1 -1
  380. package/esm/grid-layout/grid-layout.d.ts +1 -1
  381. package/esm/grid-layout/grid-layout.d.ts.map +1 -1
  382. package/esm/grid-layout/styled.d.ts +21 -2
  383. package/esm/grid-layout/styled.d.ts.map +1 -1
  384. package/esm/grid-layout/types.d.ts +3 -3
  385. package/esm/grid-layout/types.d.ts.map +1 -1
  386. package/esm/icons/filled/material/icon-filled-circle.d.ts +2 -0
  387. package/esm/icons/filled/material/icon-filled-circle.js +8 -0
  388. package/esm/icons/filled/material/index.d.ts +1 -0
  389. package/esm/icons/filled/material/index.js +1 -0
  390. package/esm/icons/outlined/material/icon-outlined-circle.d.ts +2 -0
  391. package/esm/icons/outlined/material/icon-outlined-circle.js +8 -0
  392. package/esm/icons/outlined/material/index.d.ts +1 -0
  393. package/esm/icons/outlined/material/index.js +1 -0
  394. package/esm/icons/to-newskit-icon.d.ts.map +1 -1
  395. package/esm/icons/to-newskit-icon.js +14 -9
  396. package/esm/icons/to-newskit-icon.js.map +1 -1
  397. package/esm/index.d.ts +2 -0
  398. package/esm/index.d.ts.map +1 -1
  399. package/esm/index.js +2 -0
  400. package/esm/index.js.map +1 -1
  401. package/esm/label/styled.d.ts +1 -6
  402. package/esm/label/styled.d.ts.map +1 -1
  403. package/esm/label/styled.js +5 -1
  404. package/esm/label/styled.js.map +1 -1
  405. package/esm/label/types.d.ts +14 -6
  406. package/esm/label/types.d.ts.map +1 -1
  407. package/esm/link/internal-link.d.ts.map +1 -1
  408. package/esm/link/internal-link.js +2 -1
  409. package/esm/link/internal-link.js.map +1 -1
  410. package/esm/link/types.d.ts +12 -9
  411. package/esm/link/types.d.ts.map +1 -1
  412. package/esm/radio-button/defaults.d.ts +66 -0
  413. package/esm/radio-button/defaults.d.ts.map +1 -0
  414. package/esm/radio-button/defaults.js +77 -0
  415. package/esm/radio-button/defaults.js.map +1 -0
  416. package/esm/radio-button/index.d.ts +4 -0
  417. package/esm/radio-button/index.d.ts.map +1 -0
  418. package/esm/radio-button/index.js +3 -0
  419. package/esm/radio-button/index.js.map +1 -0
  420. package/esm/radio-button/radio-button.d.ts +4 -0
  421. package/esm/radio-button/radio-button.d.ts.map +1 -0
  422. package/esm/radio-button/radio-button.js +60 -0
  423. package/esm/radio-button/radio-button.js.map +1 -0
  424. package/esm/radio-button/radio-group.d.ts +11 -0
  425. package/esm/radio-button/radio-group.d.ts.map +1 -0
  426. package/esm/radio-button/radio-group.js +44 -0
  427. package/esm/radio-button/radio-group.js.map +1 -0
  428. package/esm/radio-button/style-presets.d.ts +4 -0
  429. package/esm/radio-button/style-presets.d.ts.map +1 -0
  430. package/esm/radio-button/style-presets.js +149 -0
  431. package/esm/radio-button/style-presets.js.map +1 -0
  432. package/esm/radio-button/types.d.ts +17 -0
  433. package/esm/radio-button/types.d.ts.map +1 -0
  434. package/esm/radio-button/types.js +2 -0
  435. package/esm/radio-button/types.js.map +1 -0
  436. package/esm/select/styled.d.ts.map +1 -1
  437. package/esm/select/styled.js +5 -1
  438. package/esm/select/styled.js.map +1 -1
  439. package/esm/select/types.d.ts +14 -1
  440. package/esm/select/types.d.ts.map +1 -1
  441. package/esm/stack/styled.d.ts.map +1 -1
  442. package/esm/stack/styled.js +3 -2
  443. package/esm/stack/styled.js.map +1 -1
  444. package/esm/stack/types.d.ts +2 -1
  445. package/esm/stack/types.d.ts.map +1 -1
  446. package/esm/stack/types.js.map +1 -1
  447. package/esm/text-block/text-block.d.ts.map +1 -1
  448. package/esm/text-block/text-block.js +3 -2
  449. package/esm/text-block/text-block.js.map +1 -1
  450. package/esm/text-block/types.d.ts +2 -1
  451. package/esm/text-block/types.d.ts.map +1 -1
  452. package/esm/theme/presets/style-presets.js +8 -0
  453. package/esm/theme/presets/style-presets.js.map +1 -1
  454. package/esm/theme-checker/scenarios.d.ts +15 -4
  455. package/esm/theme-checker/scenarios.d.ts.map +1 -1
  456. package/esm/theme-checker/scenarios.js +22 -2
  457. package/esm/theme-checker/scenarios.js.map +1 -1
  458. package/esm/utils/compose-event-handlers.d.ts +2 -0
  459. package/esm/utils/compose-event-handlers.d.ts.map +1 -0
  460. package/esm/utils/compose-event-handlers.js +12 -0
  461. package/esm/utils/compose-event-handlers.js.map +1 -0
  462. package/esm/utils/hooks/use-controlled.d.ts +5 -4
  463. package/esm/utils/hooks/use-controlled.d.ts.map +1 -1
  464. package/esm/utils/hooks/use-controlled.js +1 -1
  465. package/esm/utils/hooks/use-controlled.js.map +1 -1
  466. package/esm/utils/logical-properties.d.ts +24 -0
  467. package/esm/utils/logical-properties.d.ts.map +1 -0
  468. package/esm/utils/logical-properties.js +49 -0
  469. package/esm/utils/logical-properties.js.map +1 -0
  470. package/esm/utils/style/style-preset.d.ts +1 -1
  471. package/esm/utils/style/style-preset.d.ts.map +1 -1
  472. package/esm/utils/style/style-preset.js +3 -3
  473. package/esm/utils/style/style-preset.js.map +1 -1
  474. package/esm/utils/style/transition-preset.d.ts.map +1 -1
  475. package/esm/utils/style/transition-preset.js +3 -0
  476. package/esm/utils/style/transition-preset.js.map +1 -1
  477. package/esm/version-number.json +1 -1
  478. package/esm/with-enhancers/styled.d.ts.map +1 -1
  479. package/esm/with-enhancers/styled.js +6 -2
  480. package/esm/with-enhancers/styled.js.map +1 -1
  481. package/package.json +1 -1
  482. package/cjs/checkbox/styled.d.ts.map +0 -1
  483. package/cjs/checkbox/styled.js +0 -74
  484. package/cjs/checkbox/styled.js.map +0 -1
  485. package/esm/checkbox/styled.d.ts.map +0 -1
  486. package/esm/checkbox/styled.js +0 -71
  487. package/esm/checkbox/styled.js.map +0 -1
@@ -0,0 +1,14 @@
1
+ import { createContext, useContext } from 'react';
2
+ export var AudioPlayerContext = createContext({});
3
+ export var AudioPlayerProvider = AudioPlayerContext.Provider;
4
+ export var useAudioPlayerContext = function () {
5
+ var context = useContext(AudioPlayerContext);
6
+ /* istanbul ignore if */
7
+ if (process.env.NODE_ENV !== 'production' &&
8
+ Object.keys(context).length === 0) {
9
+ // eslint-disable-next-line no-console
10
+ console.error('You are using a component which needs to be a child of <AudioPlayerComposable />');
11
+ }
12
+ return context;
13
+ };
14
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/audio-player-composable/context.tsx"],"names":[],"mappings":"AACA,OAAc,EAAC,aAAa,EAAkB,UAAU,EAAC,MAAM,OAAO,CAAC;AAiDvE,MAAM,CAAC,IAAM,kBAAkB,GAAG,aAAa,CAE7C,EAAE,CAAC,CAAC;AAEN,MAAM,CAAC,IAAM,mBAAmB,GAAG,kBAAkB,CAAC,QAAQ,CAAC;AAE/D,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,IAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IAE/C,wBAAwB;IACxB,IACE,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;QACrC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EACjC;QACA,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,kFAAkF,CACnF,CAAC;KACH;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
@@ -0,0 +1,9 @@
1
+ export { calculateTime } from './components/time-display/utils';
2
+ export { AudioPlayerTimeDisplay } from './components/time-display';
3
+ export { AudioPlayerSeekBar } from './components/seek-bar';
4
+ export { AudioPlayerPlayPauseButton } from './components/play-pause-button';
5
+ export { AudioPlayerComposable } from './audio-player-composable';
6
+ export * from './components/seek-bar/types';
7
+ export * from './components/time-display/types';
8
+ export * from './components/play-pause-button/types';
9
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC"}
@@ -0,0 +1,10 @@
1
+ /* istanbul ignore file */
2
+ export { calculateTime } from './components/time-display/utils';
3
+ export { AudioPlayerTimeDisplay } from './components/time-display';
4
+ export { AudioPlayerSeekBar } from './components/seek-bar';
5
+ export { AudioPlayerPlayPauseButton } from './components/play-pause-button';
6
+ export { AudioPlayerComposable } from './audio-player-composable';
7
+ export * from './components/seek-bar/types';
8
+ export * from './components/time-display/types';
9
+ export * from './components/play-pause-button/types';
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/audio-player-composable/index.ts"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,OAAO,EAAC,aAAa,EAAC,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAC,sBAAsB,EAAC,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAC,0BAA0B,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAChE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC"}
@@ -0,0 +1,47 @@
1
+ /// <reference types="react" />
2
+ export interface AudioFunctionDependencies {
3
+ onPreviousTrack: () => void;
4
+ onNextTrack: () => void;
5
+ autoPlay: boolean;
6
+ disablePreviousTrack: boolean;
7
+ src: string;
8
+ live: NonNullable<boolean>;
9
+ loading: boolean;
10
+ duration: number;
11
+ playing: boolean;
12
+ showLoaderTimeoutRef: React.MutableRefObject<number>;
13
+ currentTimeRef: React.MutableRefObject<number>;
14
+ audioRef: React.RefObject<HTMLAudioElement>;
15
+ setLoading: React.Dispatch<React.SetStateAction<boolean>>;
16
+ setCurrentTime: React.Dispatch<React.SetStateAction<number>>;
17
+ setPlayState: React.Dispatch<React.SetStateAction<boolean>>;
18
+ setDuration: React.Dispatch<React.SetStateAction<number>>;
19
+ setDisplayDuration: React.Dispatch<React.SetStateAction<number>>;
20
+ setBuffered: React.Dispatch<React.SetStateAction<TimeRanges | undefined>>;
21
+ setIsPrevTrackBtnDisabled: React.Dispatch<React.SetStateAction<boolean>>;
22
+ }
23
+ export interface TrackControlProps {
24
+ onNextTrack?: () => void;
25
+ disableNextTrack?: boolean;
26
+ onPreviousTrack?: () => void;
27
+ disablePreviousTrack?: boolean;
28
+ }
29
+ export interface AudioPlayerComposableProps {
30
+ children: React.ReactNode;
31
+ src: string;
32
+ autoPlay?: boolean;
33
+ live?: boolean;
34
+ ariaLandmark?: string;
35
+ }
36
+ export declare enum AudioEvents {
37
+ Play = "onPlay",
38
+ Pause = "onPause",
39
+ Waiting = "onWaiting",
40
+ CanPlay = "onCanPlay",
41
+ Ended = "onEnded",
42
+ VolumeChange = "onVolumeChange",
43
+ DurationChange = "onDurationChange",
44
+ TimeUpdate = "onTimeUpdate",
45
+ Progress = "onProgress"
46
+ }
47
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":";AAAA,MAAM,WAAW,yBAAyB;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAE3B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IAEjB,oBAAoB,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrD,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAE5C,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1D,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC7D,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5D,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC1D,kBAAkB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjE,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC,CAAC;IAC1E,yBAAyB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CAC1E;AACD,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,WAAW;IACrB,IAAI,WAAW;IACf,KAAK,YAAY;IACjB,OAAO,cAAc;IACrB,OAAO,cAAc;IACrB,KAAK,YAAY;IACjB,YAAY,mBAAmB;IAC/B,cAAc,qBAAqB;IACnC,UAAU,iBAAiB;IAC3B,QAAQ,eAAe;CACxB"}
@@ -0,0 +1,13 @@
1
+ export var AudioEvents;
2
+ (function (AudioEvents) {
3
+ AudioEvents["Play"] = "onPlay";
4
+ AudioEvents["Pause"] = "onPause";
5
+ AudioEvents["Waiting"] = "onWaiting";
6
+ AudioEvents["CanPlay"] = "onCanPlay";
7
+ AudioEvents["Ended"] = "onEnded";
8
+ AudioEvents["VolumeChange"] = "onVolumeChange";
9
+ AudioEvents["DurationChange"] = "onDurationChange";
10
+ AudioEvents["TimeUpdate"] = "onTimeUpdate";
11
+ AudioEvents["Progress"] = "onProgress";
12
+ })(AudioEvents || (AudioEvents = {}));
13
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/audio-player-composable/types.ts"],"names":[],"mappings":"AAwCA,MAAM,CAAN,IAAY,WAUX;AAVD,WAAY,WAAW;IACrB,8BAAe,CAAA;IACf,gCAAiB,CAAA;IACjB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,8CAA+B,CAAA;IAC/B,kDAAmC,CAAA;IACnC,0CAA2B,CAAA;IAC3B,sCAAuB,CAAA;AACzB,CAAC,EAVW,WAAW,KAAX,WAAW,QAUtB"}
@@ -0,0 +1,4 @@
1
+ export declare const formatTrackTime: (time: number, maxTime?: number) => string;
2
+ export declare const formatDuration: (time: number, maxTime?: number) => string;
3
+ export declare const getMediaSegment: (duration: number, currentPosition: number) => "0-25" | "26-50" | "51-75" | "76-100";
4
+ //# sourceMappingURL=utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/audio-player-composable/utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,SAAU,MAAM,YAAW,MAAM,WAG5D,CAAC;AAEF,eAAO,MAAM,cAAc,SAAU,MAAM,YAAW,MAAM,WAK3D,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,MAAM,mBAAmB,MAAM,0CAWxE,CAAC"}
@@ -0,0 +1,26 @@
1
+ var hhmmss = [11, 8];
2
+ var mmss = [14, 5];
3
+ export var formatTrackTime = function (time, maxTime) {
4
+ var _a;
5
+ if (maxTime === void 0) { maxTime = time; }
6
+ var args = Math.max(time, maxTime) >= 3600 ? hhmmss : mmss;
7
+ return (_a = new Date(time * 1000).toISOString()).substr.apply(_a, args);
8
+ };
9
+ export var formatDuration = function (time, maxTime) {
10
+ if (maxTime === void 0) { maxTime = time; }
11
+ if (time === 0) {
12
+ return '';
13
+ }
14
+ return formatTrackTime(time, maxTime);
15
+ };
16
+ export var getMediaSegment = function (duration, currentPosition) {
17
+ var currentPositionPercentage = (currentPosition / duration) * 100;
18
+ if (currentPositionPercentage > 0 && currentPositionPercentage <= 25)
19
+ return '0-25';
20
+ if (currentPositionPercentage > 25 && currentPositionPercentage <= 50)
21
+ return '26-50';
22
+ if (currentPositionPercentage > 50 && currentPositionPercentage <= 75)
23
+ return '51-75';
24
+ return '76-100';
25
+ };
26
+ //# sourceMappingURL=utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/audio-player-composable/utils.ts"],"names":[],"mappings":"AAAA,IAAM,MAAM,GAAqB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AACzC,IAAM,IAAI,GAAqB,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC;AAEvC,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,IAAY,EAAE,OAAsB;;IAAtB,wBAAA,EAAA,cAAsB;IAClE,IAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7D,OAAO,CAAA,KAAA,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,CAAA,CAAC,MAAM,WAAI,IAAI,EAAE;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,IAAY,EAAE,OAAsB;IAAtB,wBAAA,EAAA,cAAsB;IACjE,IAAI,IAAI,KAAK,CAAC,EAAE;QACd,OAAO,EAAE,CAAC;KACX;IACD,OAAO,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,QAAgB,EAAE,eAAuB;IACvE,IAAM,yBAAyB,GAAG,CAAC,eAAe,GAAG,QAAQ,CAAC,GAAG,GAAG,CAAC;IAErE,IAAI,yBAAyB,GAAG,CAAC,IAAI,yBAAyB,IAAI,EAAE;QAClE,OAAO,MAAM,CAAC;IAChB,IAAI,yBAAyB,GAAG,EAAE,IAAI,yBAAyB,IAAI,EAAE;QACnE,OAAO,OAAO,CAAC;IACjB,IAAI,yBAAyB,GAAG,EAAE,IAAI,yBAAyB,IAAI,EAAE;QACnE,OAAO,OAAO,CAAC;IAEjB,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { BaseSwitchProps } from './types';
3
+ export declare const BaseSwitch: React.ForwardRefExoticComponent<BaseSwitchProps & React.RefAttributes<HTMLInputElement>>;
4
+ //# sourceMappingURL=base-switch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base-switch.d.ts","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAWjD,OAAO,EAAC,eAAe,EAAsB,MAAM,SAAS,CAAC;AAM7D,eAAO,MAAM,UAAU,0FAwJtB,CAAC"}
@@ -0,0 +1,85 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import React, { useCallback, useRef } from 'react';
24
+ import composeRefs from '@seznam/compose-react-refs';
25
+ import { composeEventHandlers } from '../utils/compose-event-handlers';
26
+ import { StyledSwitch, StyledInput, StyledSwitchContainer, StyledFeedback, StyledContainer, StyledLabel, } from './styled';
27
+ import { getComponentOverrides } from '../utils/overrides';
28
+ import { useControlled } from '../utils/hooks';
29
+ import { useTheme } from '../theme';
30
+ import { getToken } from '../utils/get-token';
31
+ export var BaseSwitch = React.forwardRef(function (_a, inputRef) {
32
+ var _b = _a.size, size = _b === void 0 ? 'medium' : _b, checkedProp = _a.checked, defaultChecked = _a.defaultChecked, state = _a.state, overrides = _a.overrides, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, label = _a.label, _c = _a.labelPosition, labelPosition = _c === void 0 ? 'end' : _c, _d = _a.labelAttributes, labelAttributes = _d === void 0 ? {} : _d, path = _a.path, defaultSwitchComponent = _a.defaultSwitchSelectorComponent, type = _a.type, restProps = __rest(_a, ["size", "checked", "defaultChecked", "state", "overrides", "onFocus", "onBlur", "onChange", "label", "labelPosition", "labelAttributes", "path", "defaultSwitchSelectorComponent", "type"]);
33
+ var ref = useRef(null);
34
+ var _e = React.useState(false), isInputFocused = _e[0], setIsInputFocused = _e[1];
35
+ var _f = React.useState(false), isLabelHovered = _f[0], setIsLabelHovered = _f[1];
36
+ var _g = useControlled({
37
+ controlledValue: checkedProp,
38
+ defaultValue: Boolean(defaultChecked),
39
+ }), checked = _g[0], setCheckedState = _g[1];
40
+ var onFeedbackClick = useCallback(function () {
41
+ // When label is passed, everything ( input and feedback components) is wrap inside the label
42
+ // so there is no need for clicking on the input
43
+ /* istanbul ignore else */
44
+ if (!label && ref && ref.current) {
45
+ ref.current.click();
46
+ }
47
+ }, [ref, label]);
48
+ var onInputChange = useCallback(function (event) {
49
+ setCheckedState(event.target.checked);
50
+ }, [setCheckedState]);
51
+ var onInputFocus = useCallback(function () {
52
+ setIsInputFocused(true);
53
+ }, [setIsInputFocused]);
54
+ var onInputBlur = useCallback(function () {
55
+ setIsInputFocused(false);
56
+ }, [setIsInputFocused]);
57
+ var onLabelMouseOver = useCallback(function () {
58
+ if (state !== 'disabled') {
59
+ setIsLabelHovered(true);
60
+ }
61
+ }, [setIsLabelHovered, state]);
62
+ var onLabelMouseLeave = useCallback(function () {
63
+ if (state !== 'disabled') {
64
+ setIsLabelHovered(false);
65
+ }
66
+ }, [setIsLabelHovered, state]);
67
+ var theme = useTheme();
68
+ var iconSize = getToken({ theme: theme, overrides: overrides }, "".concat(path, ".").concat(size, ".icon"), 'icon', 'size');
69
+ var _h = getComponentOverrides(overrides === null || overrides === void 0 ? void 0 : overrides.icon, defaultSwitchComponent, {
70
+ state: state,
71
+ checked: checked,
72
+ size: size,
73
+ iconSize: iconSize,
74
+ }), CheckIcon = _h[0], checkIconProps = _h[1];
75
+ var labelElement = label && (React.createElement(StyledLabel, { path: path, size: size, overrides: overrides, state: state }, label));
76
+ return (React.createElement(StyledContainer, __assign({ as: label ? 'label' : 'div', state: state, size: size, overrides: overrides }, (label ? labelAttributes : {}), { onMouseOver: onLabelMouseOver, onMouseLeave: onLabelMouseLeave, path: path }),
77
+ labelPosition === 'start' && labelElement,
78
+ React.createElement(StyledSwitchContainer, { size: size, overrides: overrides, state: state, labelPosition: labelPosition, role: "presentation", path: path },
79
+ React.createElement(StyledFeedback, { size: size, overrides: overrides, state: state, onClick: onFeedbackClick, "data-testid": "".concat(type, "-feedback"), isFocused: isInputFocused, isHovered: isLabelHovered || isInputFocused, path: path }),
80
+ React.createElement(StyledSwitch, { checked: checked, state: state, overrides: overrides, size: size, isFocused: isInputFocused, isHovered: isLabelHovered, feedbackIsVisible: isLabelHovered || isInputFocused, path: path },
81
+ React.createElement(CheckIcon, __assign({}, checkIconProps)),
82
+ React.createElement(StyledInput, __assign({ ref: composeRefs(inputRef, ref), overrides: overrides, checked: checked, disabled: state === 'disabled' }, restProps, { state: state, onFocus: composeEventHandlers([onInputFocus, onFocus]), onBlur: composeEventHandlers([onInputBlur, onBlur]), onChange: composeEventHandlers([onInputChange, onChange]), path: path, type: type, "data-testid": "".concat(type, "-input") })))),
83
+ labelPosition === 'end' && labelElement));
84
+ });
85
+ //# sourceMappingURL=base-switch.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base-switch.js","sourceRoot":"","sources":["../../../src/base-switch/base-switch.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { BaseSwitch } from './base-switch';
2
+ export type { BaseSwitchProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,YAAY,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { BaseSwitch } from './base-switch';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/base-switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC"}
@@ -1,34 +1,34 @@
1
1
  /// <reference types="react" />
2
- import { CheckboxProps } from './types';
2
+ import { BaseSwitchProps } from './types';
3
3
  export declare const StyledContainer: import("@emotion/styled").StyledComponent<{
4
4
  theme?: import("@emotion/react").Theme | undefined;
5
5
  as?: import("react").ElementType<any> | undefined;
6
- } & Pick<CheckboxProps, "state" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
7
- export declare const StyledCheckboxContainer: import("@emotion/styled").StyledComponent<{
6
+ } & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
7
+ export declare const StyledSwitchContainer: import("@emotion/styled").StyledComponent<{
8
8
  theme?: import("@emotion/react").Theme | undefined;
9
9
  as?: import("react").ElementType<any> | undefined;
10
- } & Pick<CheckboxProps, "state" | "size" | "overrides" | "labelPosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
- export declare const StyledCheckbox: import("@emotion/styled").StyledComponent<{
10
+ } & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides" | "labelPosition">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
+ export declare const StyledSwitch: import("@emotion/styled").StyledComponent<{
12
12
  theme?: import("@emotion/react").Theme | undefined;
13
13
  as?: import("react").ElementType<any> | undefined;
14
- } & Pick<CheckboxProps, "state" | "size" | "checked" | "overrides"> & {
14
+ } & Pick<BaseSwitchProps, "state" | "path" | "size" | "checked" | "overrides"> & {
15
15
  isFocused: boolean;
16
- isHover: boolean;
16
+ isHovered: boolean;
17
17
  feedbackIsVisible: boolean;
18
18
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
19
19
  export declare const StyledFeedback: import("@emotion/styled").StyledComponent<{
20
20
  theme?: import("@emotion/react").Theme | undefined;
21
21
  as?: import("react").ElementType<any> | undefined;
22
- } & Pick<CheckboxProps, "state" | "size" | "overrides"> & {
22
+ } & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides"> & {
23
23
  isFocused: boolean;
24
- isHover: boolean;
24
+ isHovered: boolean;
25
25
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
26
26
  export declare const StyledInput: import("@emotion/styled").StyledComponent<{
27
27
  theme?: import("@emotion/react").Theme | undefined;
28
28
  as?: import("react").ElementType<any> | undefined;
29
- } & CheckboxProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
29
+ } & Omit<BaseSwitchProps, "defaultSwitchSelectorComponent">, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
30
30
  export declare const StyledLabel: import("@emotion/styled").StyledComponent<{
31
31
  theme?: import("@emotion/react").Theme | undefined;
32
32
  as?: import("react").ElementType<any> | undefined;
33
- } & Pick<CheckboxProps, "state" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
33
+ } & Pick<BaseSwitchProps, "state" | "path" | "size" | "overrides">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
34
34
  //# sourceMappingURL=styled.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAOxC,eAAO,MAAM,eAAe;;;mLAU3B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;4LA8BjC,CAAC;AAUF,eAAO,MAAM,YAAY;;;;eAEV,OAAO;eACP,OAAO;uBACC,OAAO;yGAoB7B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;eAEZ,OAAO;eACP,OAAO;yGA8BrB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4KAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4KAUvB,CAAC"}
@@ -0,0 +1,76 @@
1
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
+ return cooked;
4
+ };
5
+ import { getResponsiveSize, getResponsiveSpace, getStylePreset, getTransitionPreset, getTypographyPreset, styled, } from '../utils';
6
+ var STACKING_CONTEXT = {
7
+ feedback: '1',
8
+ input: '2',
9
+ };
10
+ export var StyledContainer = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n\n ", ";\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n\n ", ";\n\n ", "\n"])), function (_a) {
11
+ var state = _a.state;
12
+ return ({ cursor: state === 'disabled' ? 'not-allowed' : 'pointer' });
13
+ }, function (_a) {
14
+ var size = _a.size, path = _a.path;
15
+ return getResponsiveSpace('marginBottom', "".concat(path, ".").concat(size), '', 'spaceStack');
16
+ });
17
+ export var StyledSwitchContainer = 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, path = _a.path;
19
+ return getResponsiveSize(function (rectSize) { return ({ width: rectSize, height: rectSize }); }, "".concat(path, ".").concat(size, ".input"), 'input', 'size');
20
+ }, function (_a) {
21
+ var size = _a.size, labelPosition = _a.labelPosition, path = _a.path;
22
+ return getResponsiveSpace(labelPosition === 'end' ? 'marginRight' : 'marginLeft', "".concat(path, ".").concat(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
+ export var StyledSwitch = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", ";\n\n ", ";\n"], ["\n ", "\n display: flex;\n justify-content: center;\n align-items: center;\n ", ";\n ", ";\n\n ", ";\n"])), insetCSS, function (_a) {
26
+ var size = _a.size, checked = _a.checked, state = _a.state, isFocused = _a.isFocused, isHovered = _a.isHovered, path = _a.path;
27
+ return getStylePreset("".concat(path, ".").concat(size, ".input"), 'input', {
28
+ isChecked: checked,
29
+ isDisabled: state === 'disabled',
30
+ isInvalid: state === 'invalid',
31
+ isValid: state === 'valid',
32
+ isFocused: isFocused,
33
+ isHovered: isHovered,
34
+ });
35
+ }, function (_a) {
36
+ var feedbackIsVisible = _a.feedbackIsVisible;
37
+ return feedbackIsVisible && "z-index: ".concat(STACKING_CONTEXT.input);
38
+ }, function (_a) {
39
+ var size = _a.size, path = _a.path;
40
+ return getTransitionPreset("".concat(path, ".").concat(size, ".input"), 'input');
41
+ });
42
+ export var StyledFeedback = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: absolute;\n top: 50%;\n left: 50%;\n opacity: 0.7;\n ", ";\n\n ", "\n ", ";\n"], ["\n position: absolute;\n top: 50%;\n left: 50%;\n opacity: 0.7;\n ", ";\n\n ", "\n ", ";\n"])), function (_a) {
43
+ var isHovered = _a.isHovered, isFocused = _a.isFocused;
44
+ return (isHovered || isFocused) && "z-index: ".concat(STACKING_CONTEXT.feedback);
45
+ }, function (_a) {
46
+ var size = _a.size, isHovered = _a.isHovered, isFocused = _a.isFocused, state = _a.state, path = _a.path;
47
+ return getStylePreset("".concat(path, ".").concat(size, ".feedback"), 'feedback', {
48
+ isHovered: isHovered,
49
+ isFocused: isFocused,
50
+ isInvalid: state === 'invalid',
51
+ isValid: state === 'valid',
52
+ // when is not HOVER we need to remove the hover so it does not apply as class:hover
53
+ omitStates: isHovered ? [] : ['hover'],
54
+ });
55
+ }, function (_a) {
56
+ var size = _a.size, path = _a.path;
57
+ return getResponsiveSize(function (rectSize) { return ({
58
+ width: rectSize,
59
+ height: rectSize,
60
+ transform: "translate3d(calc(".concat(rectSize, " / -2), calc(").concat(rectSize, " / -2), 0)"),
61
+ }); }, "".concat(path, ".").concat(size, ".feedback"), 'feedback', 'size');
62
+ });
63
+ export var StyledInput = 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);
64
+ export var StyledLabel = styled.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), function (_a) {
65
+ var size = _a.size, state = _a.state, path = _a.path;
66
+ return getStylePreset("".concat(path, ".").concat(size, ".label"), 'label', {
67
+ isDisabled: state === 'disabled',
68
+ isInvalid: state === 'invalid',
69
+ isValid: state === 'valid',
70
+ });
71
+ }, function (_a) {
72
+ var size = _a.size, path = _a.path;
73
+ return getTypographyPreset("".concat(path, ".").concat(size, ".label"), 'label');
74
+ });
75
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
76
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/base-switch/styled.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,41 @@
1
+ import React from 'react';
2
+ import { NewsKitIconProps } from '../icons';
3
+ import { TransitionToken } from '../theme/presets/types';
4
+ import { Override } from '../utils/overrides';
5
+ import { MQ } from '../utils/style/types';
6
+ export declare type BaseSwitchIconProps = NewsKitIconProps & Pick<BaseSwitchProps, 'checked' | 'state'> & {
7
+ iconSize?: string;
8
+ };
9
+ declare type BaseSwitchOverrides = {
10
+ spaceStack?: MQ<string>;
11
+ input?: {
12
+ size?: MQ<string>;
13
+ stylePreset?: MQ<string>;
14
+ spaceInline?: MQ<string>;
15
+ transitionPreset?: TransitionToken | TransitionToken[];
16
+ };
17
+ feedback?: {
18
+ size?: MQ<string>;
19
+ stylePreset?: MQ<string>;
20
+ };
21
+ label?: {
22
+ stylePreset?: MQ<string>;
23
+ typographyPreset?: MQ<string>;
24
+ };
25
+ icon?: Override<BaseSwitchIconProps>;
26
+ };
27
+ export declare type BaseSwitchSize = 'small' | 'medium' | 'large';
28
+ export declare type BaseSwitchState = 'valid' | 'invalid' | 'disabled';
29
+ export declare type BaseSwitchLabelPosition = 'start' | 'end';
30
+ export interface BaseSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled'> {
31
+ overrides?: BaseSwitchOverrides;
32
+ size?: BaseSwitchSize;
33
+ state?: BaseSwitchState;
34
+ label?: React.ReactNode;
35
+ labelAttributes?: React.LabelHTMLAttributes<HTMLLabelElement>;
36
+ labelPosition?: BaseSwitchLabelPosition;
37
+ path: string;
38
+ defaultSwitchSelectorComponent: React.ComponentType<BaseSwitchIconProps>;
39
+ }
40
+ export {};
41
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/base-switch/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,gBAAgB,EAAC,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAC,EAAE,EAAC,MAAM,sBAAsB,CAAC;AAExC,oBAAY,mBAAmB,GAAG,gBAAgB,GAChD,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAEnE,aAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,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;QACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;KACxD,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,mBAAmB,CAAC,CAAC;CACtC,CAAC;AAEF,oBAAY,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE1D,oBAAY,eAAe,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE/D,oBAAY,uBAAuB,GAAG,OAAO,GAAG,KAAK,CAAC;AAEtD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,CACpB;IACD,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IAC9D,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;CAC1E"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/base-switch/types.ts"],"names":[],"mappings":""}
@@ -1,12 +1,22 @@
1
1
  import React from 'react';
2
+ import { LogicalProps } from '../utils/logical-properties';
2
3
  import { TransitionToken } from '../theme/types';
3
4
  import { MQ } from '../utils/style';
4
- export interface BlockProps extends React.HTMLAttributes<HTMLDivElement> {
5
+ export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, LogicalProps {
5
6
  as?: keyof JSX.IntrinsicElements;
6
7
  stylePreset?: MQ<string>;
7
8
  transitionPreset?: TransitionToken | TransitionToken[];
9
+ /**
10
+ * @deprecated This property is deprecated and will be removed in the next major release. Use `paddingBlock` and `paddingInline` instead.
11
+ */
8
12
  spaceInset?: MQ<string>;
13
+ /**
14
+ * @deprecated This property is deprecated and will be removed in the next major release. Use `marginInline` instead.
15
+ */
9
16
  spaceInline?: MQ<string>;
17
+ /**
18
+ * @deprecated This property is deprecated and will be removed in the next major release. Use `marginBlock` instead.
19
+ */
10
20
  spaceStack?: MQ<string>;
11
21
  }
12
22
  export declare const Block: React.FC<BlockProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAEL,EAAE,EAIH,MAAM,gBAAgB,CAAC;AAGxB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IAEvD,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACzB;AAaD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAqC,CAAC"}
1
+ {"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,YAAY,EAAe,MAAM,6BAA6B,CAAC;AACvE,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAEL,EAAE,EAIH,MAAM,gBAAgB,CAAC;AAGxB,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY;IACd,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB,gBAAgB,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,CAAC;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;CACzB;AAcD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAqC,CAAC"}
@@ -14,9 +14,10 @@ var __assign = (this && this.__assign) || function () {
14
14
  return __assign.apply(this, arguments);
15
15
  };
16
16
  import React from 'react';
17
+ import { logicalProps } from '../utils/logical-properties';
17
18
  import { styled, getSpacingFromTheme, getSpacingInsetFromTheme, getStylePresetFromTheme, } from '../utils/style';
18
19
  import { getTransitionPresetFromTheme } from '../utils/style/transition-preset';
19
- var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", ";\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", ";\n"])), function (_a) {
20
+ var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", ";\n"])), function (_a) {
20
21
  var stylePreset = _a.stylePreset;
21
22
  return stylePreset && getStylePresetFromTheme(stylePreset);
22
23
  }, function (_a) {
@@ -28,7 +29,7 @@ var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplat
28
29
  }, function (_a) {
29
30
  var spaceStack = _a.spaceStack;
30
31
  return spaceStack && getSpacingFromTheme(spaceStack, undefined, 'marginBottom');
31
- }, function (_a) {
32
+ }, logicalProps(), function (_a) {
32
33
  var transitionPreset = _a.transitionPreset;
33
34
  return transitionPreset && getTransitionPresetFromTheme(transitionPreset);
34
35
  });
@@ -1 +1 @@
1
- {"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,MAAM,EAEN,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAC;AAY9E,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,gHAAY,MACpC,EAAsE,MACtE,EAAoE,MACpE,EACyE,MACzE,EACwE,MACxE,EACkE,KACrE,KARG,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,WAAW,IAAI,uBAAuB,CAAC,WAAW,CAAC;AAAnD,CAAmD,EACtE,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAM,OAAA,UAAU,IAAI,wBAAwB,CAAC,UAAU,CAAC;AAAlD,CAAkD,EACpE,UAAC,EAAa;QAAZ,WAAW,iBAAA;IACb,OAAA,WAAW,IAAI,mBAAmB,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAAzE,CAAyE,EACzE,UAAC,EAAY;QAAX,UAAU,gBAAA;IACZ,OAAA,UAAU,IAAI,mBAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC;AAAxE,CAAwE,EACxE,UAAC,EAAkB;QAAjB,gBAAgB,sBAAA;IAClB,OAAA,gBAAgB,IAAI,4BAA4B,CAAC,gBAAgB,CAAC;AAAlE,CAAkE,CACrE,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAA,KAAK,IAAI,OAAA,oBAAC,SAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC"}
1
+ {"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/block/block.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEvE,OAAO,EACL,MAAM,EAEN,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAC,4BAA4B,EAAC,MAAM,kCAAkC,CAAC;AAsB9E,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,wHAAY,MACpC,EAAsE,MACtE,EAAoE,MACpE,EACyE,MACzE,EACwE,MACxE,EAAc,MACd,EACkE,KACrE,KATG,UAAC,EAAa;QAAZ,WAAW,iBAAA;IAAM,OAAA,WAAW,IAAI,uBAAuB,CAAC,WAAW,CAAC;AAAnD,CAAmD,EACtE,UAAC,EAAY;QAAX,UAAU,gBAAA;IAAM,OAAA,UAAU,IAAI,wBAAwB,CAAC,UAAU,CAAC;AAAlD,CAAkD,EACpE,UAAC,EAAa;QAAZ,WAAW,iBAAA;IACb,OAAA,WAAW,IAAI,mBAAmB,CAAC,WAAW,EAAE,SAAS,EAAE,aAAa,CAAC;AAAzE,CAAyE,EACzE,UAAC,EAAY;QAAX,UAAU,gBAAA;IACZ,OAAA,UAAU,IAAI,mBAAmB,CAAC,UAAU,EAAE,SAAS,EAAE,cAAc,CAAC;AAAxE,CAAwE,EACxE,YAAY,EAAE,EACd,UAAC,EAAkB;QAAjB,gBAAgB,sBAAA;IAClB,OAAA,gBAAgB,IAAI,4BAA4B,CAAC,gBAAgB,CAAC;AAAlE,CAAkE,CACrE,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAyB,UAAA,KAAK,IAAI,OAAA,oBAAC,SAAS,eAAK,KAAK,EAAI,EAAxB,CAAwB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";AAGA,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;kDAWtB,CAAC"}
1
+ {"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";AAIA,OAAO,EAAC,uBAAuB,EAAC,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,UAAU;;;;kDAgBtB,CAAC"}
@@ -3,9 +3,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  return cooked;
4
4
  };
5
5
  import { Flag } from '../flag';
6
+ import { logicalProps } from '../utils/logical-properties';
6
7
  import { styled } from '../utils/style';
7
8
  import { getTransitionPreset } from '../utils/style/transition-preset';
8
- export var StyledFlag = styled(Flag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0; //reset for safari\n\n ", ";\n ", "\n"], ["\n margin: 0; //reset for safari\n\n ", ";\n ", "\n"])), function (_a) {
9
+ export var StyledFlag = styled(Flag)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0; //reset for safari\n\n ", ";\n ", "\n ", "; // needs to be used in here as well, even though Flag uses it itself\n // that is because of the margin: 0; override higher up.\n"], ["\n margin: 0; //reset for safari\n\n ", ";\n ", "\n ", "; // needs to be used in here as well, even though Flag uses it itself\n // that is because of the margin: 0; override higher up.\n"])), function (_a) {
9
10
  var size = _a.size;
10
11
  return getTransitionPreset("button.".concat(size), '');
11
12
  }, function (_a) {
@@ -15,6 +16,9 @@ export var StyledFlag = styled(Flag)(templateObject_1 || (templateObject_1 = __m
15
16
  }
16
17
  var cursor = loading ? 'progress' : 'pointer';
17
18
  return { cursor: cursor };
19
+ }, function (_a) {
20
+ var size = _a.size;
21
+ return logicalProps("button.".concat(size));
18
22
  });
19
23
  var templateObject_1;
20
24
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAGrE,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,2HAAuC,yCAGzE,EAAqD,OACrD,EAMD,IACF,KARG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,mBAAmB,CAAC,iBAAU,IAAI,CAAE,EAAE,EAAE,CAAC;AAAzC,CAAyC,EACrD,UAAC,EAAmB;QAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACnB,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,OAAO,EAAC,MAAM,QAAA,EAAC,CAAC;AAClB,CAAC,CACF,CAAC"}
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/button/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAC,MAAM,EAAC,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAGrE,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,qQAAuC,yCAGzE,EAAqD,OACrD,EAMD,MACC,EAGC,sIAEJ,KAbG,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,mBAAmB,CAAC,iBAAU,IAAI,CAAE,EAAE,EAAE,CAAC;AAAzC,CAAyC,EACrD,UAAC,EAAmB;QAAlB,OAAO,aAAA,EAAE,QAAQ,cAAA;IACnB,IAAI,QAAQ,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IACD,IAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,OAAO,EAAC,MAAM,QAAA,EAAC,CAAC;AAClB,CAAC,EACC,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,YAAY,CACV,iBAAU,IAAI,CAAE,CACjB;AAFD,CAEC,CAEJ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAYjD,OAAO,EAAC,aAAa,EAAoB,MAAM,SAAS,CAAC;AA2KzD,eAAO,MAAM,QAAQ,iEAGnB,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,aAAa,EAAoB,MAAM,SAAS,CAAC;AA4BzD,eAAO,MAAM,QAAQ,iEAGnB,CAAC"}