css-calipers 0.14.0 → 1.0.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 (291) hide show
  1. package/README.md +15 -29
  2. package/dist/cjs/factory.js +0 -3
  3. package/dist/esm/factory.d.ts +0 -2
  4. package/dist/esm/factory.d.ts.map +1 -1
  5. package/dist/esm/factory.js +0 -3
  6. package/package.json +4 -17
  7. package/RELEASING.md +0 -62
  8. package/dist/cjs/comparisons/index.js +0 -25
  9. package/dist/cjs/containerQueries/containerQueries.js +0 -115
  10. package/dist/cjs/containerQueries/factory.js +0 -123
  11. package/dist/cjs/containerQueries/helpers.js +0 -95
  12. package/dist/cjs/containerQueries/index.js +0 -16
  13. package/dist/cjs/containerQueries/linting/aspectRatio.js +0 -24
  14. package/dist/cjs/containerQueries/linting/block.js +0 -23
  15. package/dist/cjs/containerQueries/linting/core.js +0 -25
  16. package/dist/cjs/containerQueries/linting/custom.js +0 -11
  17. package/dist/cjs/containerQueries/linting/inline.js +0 -23
  18. package/dist/cjs/containerQueries/linting/resolution.js +0 -12
  19. package/dist/cjs/containerQueries/linting/style.js +0 -28
  20. package/dist/cjs/containerQueries/linting.js +0 -24
  21. package/dist/cjs/containerQueries/moduleRegistry.js +0 -5
  22. package/dist/cjs/containerQueries/modules/aspectRatio.js +0 -51
  23. package/dist/cjs/containerQueries/modules/block.js +0 -53
  24. package/dist/cjs/containerQueries/modules/custom.js +0 -43
  25. package/dist/cjs/containerQueries/modules/index.js +0 -21
  26. package/dist/cjs/containerQueries/modules/inline.js +0 -53
  27. package/dist/cjs/containerQueries/modules/size.js +0 -2
  28. package/dist/cjs/containerQueries/modules/style.js +0 -36
  29. package/dist/cjs/containerQueries/types.js +0 -2
  30. package/dist/cjs/containerQueries/validation.js +0 -191
  31. package/dist/cjs/fraction.js +0 -139
  32. package/dist/cjs/internal/createComponentQueriesApi.js +0 -56
  33. package/dist/cjs/internal/createMediaQueriesApi.js +0 -73
  34. package/dist/cjs/internal/normalizeToArray.js +0 -9
  35. package/dist/cjs/libraryHelpers/vanilla-extract.js +0 -11
  36. package/dist/cjs/logicalOperators/index.js +0 -18
  37. package/dist/cjs/mediaQueries/factory.js +0 -187
  38. package/dist/cjs/mediaQueries/helpers.js +0 -97
  39. package/dist/cjs/mediaQueries/index.js +0 -23
  40. package/dist/cjs/mediaQueries/libraryHelpers/vanilla-extract.js +0 -77
  41. package/dist/cjs/mediaQueries/linting/core.js +0 -19
  42. package/dist/cjs/mediaQueries/linting/resolution.js +0 -11
  43. package/dist/cjs/mediaQueries/linting.js +0 -24
  44. package/dist/cjs/mediaQueries/mediaQueries.js +0 -53
  45. package/dist/cjs/mediaQueries/mediaQueryFactory.js +0 -120
  46. package/dist/cjs/mediaQueries/moduleRegistry.js +0 -5
  47. package/dist/cjs/mediaQueries/modules/custom.js +0 -26
  48. package/dist/cjs/mediaQueries/modules/dimensions.js +0 -61
  49. package/dist/cjs/mediaQueries/modules/display.js +0 -20
  50. package/dist/cjs/mediaQueries/modules/environment.js +0 -20
  51. package/dist/cjs/mediaQueries/modules/index.js +0 -23
  52. package/dist/cjs/mediaQueries/modules/interaction.js +0 -26
  53. package/dist/cjs/mediaQueries/modules/preferences.js +0 -26
  54. package/dist/cjs/mediaQueries/modules/resolution.js +0 -31
  55. package/dist/cjs/mediaQueries/types.js +0 -2
  56. package/dist/cjs/mediaQueries/validation.js +0 -134
  57. package/dist/cjs/sciNotation.js +0 -74
  58. package/dist/cjs/types.js +0 -2
  59. package/dist/cjs/validation.js +0 -20
  60. package/dist/esm/comparisons/index.d.ts +0 -23
  61. package/dist/esm/comparisons/index.d.ts.map +0 -1
  62. package/dist/esm/comparisons/index.js +0 -22
  63. package/dist/esm/containerQueries/containerQueries.d.ts +0 -36
  64. package/dist/esm/containerQueries/containerQueries.d.ts.map +0 -1
  65. package/dist/esm/containerQueries/containerQueries.js +0 -109
  66. package/dist/esm/containerQueries/factory.d.ts +0 -20
  67. package/dist/esm/containerQueries/factory.d.ts.map +0 -1
  68. package/dist/esm/containerQueries/factory.js +0 -119
  69. package/dist/esm/containerQueries/helpers.d.ts +0 -53
  70. package/dist/esm/containerQueries/helpers.d.ts.map +0 -1
  71. package/dist/esm/containerQueries/helpers.js +0 -82
  72. package/dist/esm/containerQueries/index.d.ts +0 -10
  73. package/dist/esm/containerQueries/index.d.ts.map +0 -1
  74. package/dist/esm/containerQueries/index.js +0 -4
  75. package/dist/esm/containerQueries/linting/aspectRatio.d.ts +0 -4
  76. package/dist/esm/containerQueries/linting/aspectRatio.d.ts.map +0 -1
  77. package/dist/esm/containerQueries/linting/aspectRatio.js +0 -19
  78. package/dist/esm/containerQueries/linting/block.d.ts +0 -4
  79. package/dist/esm/containerQueries/linting/block.d.ts.map +0 -1
  80. package/dist/esm/containerQueries/linting/block.js +0 -18
  81. package/dist/esm/containerQueries/linting/core.d.ts +0 -4
  82. package/dist/esm/containerQueries/linting/core.d.ts.map +0 -1
  83. package/dist/esm/containerQueries/linting/core.js +0 -20
  84. package/dist/esm/containerQueries/linting/custom.d.ts +0 -3
  85. package/dist/esm/containerQueries/linting/custom.d.ts.map +0 -1
  86. package/dist/esm/containerQueries/linting/custom.js +0 -7
  87. package/dist/esm/containerQueries/linting/inline.d.ts +0 -4
  88. package/dist/esm/containerQueries/linting/inline.d.ts.map +0 -1
  89. package/dist/esm/containerQueries/linting/inline.js +0 -18
  90. package/dist/esm/containerQueries/linting/resolution.d.ts +0 -1
  91. package/dist/esm/containerQueries/linting/resolution.d.ts.map +0 -1
  92. package/dist/esm/containerQueries/linting/resolution.js +0 -12
  93. package/dist/esm/containerQueries/linting/style.d.ts +0 -3
  94. package/dist/esm/containerQueries/linting/style.d.ts.map +0 -1
  95. package/dist/esm/containerQueries/linting/style.js +0 -24
  96. package/dist/esm/containerQueries/linting.d.ts +0 -4
  97. package/dist/esm/containerQueries/linting.d.ts.map +0 -1
  98. package/dist/esm/containerQueries/linting.js +0 -20
  99. package/dist/esm/containerQueries/moduleRegistry.d.ts +0 -25
  100. package/dist/esm/containerQueries/moduleRegistry.d.ts.map +0 -1
  101. package/dist/esm/containerQueries/moduleRegistry.js +0 -1
  102. package/dist/esm/containerQueries/modules/aspectRatio.d.ts +0 -17
  103. package/dist/esm/containerQueries/modules/aspectRatio.d.ts.map +0 -1
  104. package/dist/esm/containerQueries/modules/aspectRatio.js +0 -47
  105. package/dist/esm/containerQueries/modules/block.d.ts +0 -20
  106. package/dist/esm/containerQueries/modules/block.d.ts.map +0 -1
  107. package/dist/esm/containerQueries/modules/block.js +0 -49
  108. package/dist/esm/containerQueries/modules/custom.d.ts +0 -13
  109. package/dist/esm/containerQueries/modules/custom.d.ts.map +0 -1
  110. package/dist/esm/containerQueries/modules/custom.js +0 -39
  111. package/dist/esm/containerQueries/modules/index.d.ts +0 -6
  112. package/dist/esm/containerQueries/modules/index.d.ts.map +0 -1
  113. package/dist/esm/containerQueries/modules/index.js +0 -5
  114. package/dist/esm/containerQueries/modules/inline.d.ts +0 -20
  115. package/dist/esm/containerQueries/modules/inline.d.ts.map +0 -1
  116. package/dist/esm/containerQueries/modules/inline.js +0 -49
  117. package/dist/esm/containerQueries/modules/size.d.ts +0 -41
  118. package/dist/esm/containerQueries/modules/size.d.ts.map +0 -1
  119. package/dist/esm/containerQueries/modules/size.js +0 -1
  120. package/dist/esm/containerQueries/modules/style.d.ts +0 -11
  121. package/dist/esm/containerQueries/modules/style.d.ts.map +0 -1
  122. package/dist/esm/containerQueries/modules/style.js +0 -32
  123. package/dist/esm/containerQueries/types.d.ts +0 -81
  124. package/dist/esm/containerQueries/types.d.ts.map +0 -1
  125. package/dist/esm/containerQueries/types.js +0 -1
  126. package/dist/esm/containerQueries/validation.d.ts +0 -41
  127. package/dist/esm/containerQueries/validation.d.ts.map +0 -1
  128. package/dist/esm/containerQueries/validation.js +0 -187
  129. package/dist/esm/fraction.d.ts +0 -23
  130. package/dist/esm/fraction.d.ts.map +0 -1
  131. package/dist/esm/fraction.js +0 -129
  132. package/dist/esm/internal/createComponentQueriesApi.d.ts +0 -34
  133. package/dist/esm/internal/createComponentQueriesApi.d.ts.map +0 -1
  134. package/dist/esm/internal/createComponentQueriesApi.js +0 -52
  135. package/dist/esm/internal/createMediaQueriesApi.d.ts +0 -35
  136. package/dist/esm/internal/createMediaQueriesApi.d.ts.map +0 -1
  137. package/dist/esm/internal/createMediaQueriesApi.js +0 -69
  138. package/dist/esm/internal/normalizeToArray.d.ts +0 -2
  139. package/dist/esm/internal/normalizeToArray.d.ts.map +0 -1
  140. package/dist/esm/internal/normalizeToArray.js +0 -5
  141. package/dist/esm/libraryHelpers/vanilla-extract.d.ts +0 -4
  142. package/dist/esm/libraryHelpers/vanilla-extract.d.ts.map +0 -1
  143. package/dist/esm/libraryHelpers/vanilla-extract.js +0 -6
  144. package/dist/esm/logicalOperators/index.d.ts +0 -2
  145. package/dist/esm/logicalOperators/index.d.ts.map +0 -1
  146. package/dist/esm/logicalOperators/index.js +0 -17
  147. package/dist/esm/mediaQueries/factory.d.ts +0 -45
  148. package/dist/esm/mediaQueries/factory.d.ts.map +0 -1
  149. package/dist/esm/mediaQueries/factory.js +0 -183
  150. package/dist/esm/mediaQueries/helpers.d.ts +0 -40
  151. package/dist/esm/mediaQueries/helpers.d.ts.map +0 -1
  152. package/dist/esm/mediaQueries/helpers.js +0 -87
  153. package/dist/esm/mediaQueries/index.d.ts +0 -8
  154. package/dist/esm/mediaQueries/index.d.ts.map +0 -1
  155. package/dist/esm/mediaQueries/index.js +0 -7
  156. package/dist/esm/mediaQueries/libraryHelpers/vanilla-extract.d.ts +0 -5
  157. package/dist/esm/mediaQueries/libraryHelpers/vanilla-extract.d.ts.map +0 -1
  158. package/dist/esm/mediaQueries/libraryHelpers/vanilla-extract.js +0 -71
  159. package/dist/esm/mediaQueries/linting/core.d.ts +0 -5
  160. package/dist/esm/mediaQueries/linting/core.d.ts.map +0 -1
  161. package/dist/esm/mediaQueries/linting/core.js +0 -14
  162. package/dist/esm/mediaQueries/linting/resolution.d.ts +0 -3
  163. package/dist/esm/mediaQueries/linting/resolution.d.ts.map +0 -1
  164. package/dist/esm/mediaQueries/linting/resolution.js +0 -7
  165. package/dist/esm/mediaQueries/linting.d.ts +0 -4
  166. package/dist/esm/mediaQueries/linting.d.ts.map +0 -1
  167. package/dist/esm/mediaQueries/linting.js +0 -20
  168. package/dist/esm/mediaQueries/mediaQueries.d.ts +0 -23
  169. package/dist/esm/mediaQueries/mediaQueries.d.ts.map +0 -1
  170. package/dist/esm/mediaQueries/mediaQueries.js +0 -48
  171. package/dist/esm/mediaQueries/moduleRegistry.d.ts +0 -27
  172. package/dist/esm/mediaQueries/moduleRegistry.d.ts.map +0 -1
  173. package/dist/esm/mediaQueries/moduleRegistry.js +0 -1
  174. package/dist/esm/mediaQueries/modules/custom.d.ts +0 -10
  175. package/dist/esm/mediaQueries/modules/custom.d.ts.map +0 -1
  176. package/dist/esm/mediaQueries/modules/custom.js +0 -22
  177. package/dist/esm/mediaQueries/modules/dimensions.d.ts +0 -19
  178. package/dist/esm/mediaQueries/modules/dimensions.d.ts.map +0 -1
  179. package/dist/esm/mediaQueries/modules/dimensions.js +0 -57
  180. package/dist/esm/mediaQueries/modules/display.d.ts +0 -9
  181. package/dist/esm/mediaQueries/modules/display.d.ts.map +0 -1
  182. package/dist/esm/mediaQueries/modules/display.js +0 -16
  183. package/dist/esm/mediaQueries/modules/environment.d.ts +0 -9
  184. package/dist/esm/mediaQueries/modules/environment.d.ts.map +0 -1
  185. package/dist/esm/mediaQueries/modules/environment.js +0 -16
  186. package/dist/esm/mediaQueries/modules/index.d.ts +0 -8
  187. package/dist/esm/mediaQueries/modules/index.d.ts.map +0 -1
  188. package/dist/esm/mediaQueries/modules/index.js +0 -7
  189. package/dist/esm/mediaQueries/modules/interaction.d.ts +0 -11
  190. package/dist/esm/mediaQueries/modules/interaction.d.ts.map +0 -1
  191. package/dist/esm/mediaQueries/modules/interaction.js +0 -22
  192. package/dist/esm/mediaQueries/modules/preferences.d.ts +0 -11
  193. package/dist/esm/mediaQueries/modules/preferences.d.ts.map +0 -1
  194. package/dist/esm/mediaQueries/modules/preferences.js +0 -22
  195. package/dist/esm/mediaQueries/modules/resolution.d.ts +0 -12
  196. package/dist/esm/mediaQueries/modules/resolution.d.ts.map +0 -1
  197. package/dist/esm/mediaQueries/modules/resolution.js +0 -27
  198. package/dist/esm/mediaQueries/types.d.ts +0 -117
  199. package/dist/esm/mediaQueries/types.d.ts.map +0 -1
  200. package/dist/esm/mediaQueries/types.js +0 -1
  201. package/dist/esm/mediaQueries/validation.d.ts +0 -33
  202. package/dist/esm/mediaQueries/validation.d.ts.map +0 -1
  203. package/dist/esm/mediaQueries/validation.js +0 -130
  204. package/dist/esm/sciNotation.d.ts +0 -14
  205. package/dist/esm/sciNotation.d.ts.map +0 -1
  206. package/dist/esm/sciNotation.js +0 -69
  207. package/dist/esm/types.d.ts +0 -35
  208. package/dist/esm/types.d.ts.map +0 -1
  209. package/dist/esm/types.js +0 -1
  210. package/dist/esm/validation.d.ts +0 -10
  211. package/dist/esm/validation.d.ts.map +0 -1
  212. package/dist/esm/validation.js +0 -15
  213. package/dist/examples/containerQueries.example.js +0 -54
  214. package/dist/examples/examples/containerQueries.example.js +0 -54
  215. package/dist/examples/examples/factory-wrapper.example.js +0 -33
  216. package/dist/examples/examples/lineHeight-normalizer.example.js +0 -81
  217. package/dist/examples/examples/mediaQueries-multipleInstances.example.js +0 -127
  218. package/dist/examples/examples/mixedQueries.example.js +0 -55
  219. package/dist/examples/examples/validation-and-runtime-checks.example.js +0 -85
  220. package/dist/examples/examples/validation-unit-tests.example.js +0 -35
  221. package/dist/examples/factory-wrapper.example.js +0 -33
  222. package/dist/examples/lineHeight-normalizer.example.js +0 -81
  223. package/dist/examples/mediaQueries-multipleInstances.example.js +0 -127
  224. package/dist/examples/mixedQueries.example.js +0 -60
  225. package/dist/examples/src/comparisons/index.js +0 -25
  226. package/dist/examples/src/containerQueries/containerQueries.js +0 -96
  227. package/dist/examples/src/containerQueries/factory.js +0 -123
  228. package/dist/examples/src/containerQueries/helpers.js +0 -94
  229. package/dist/examples/src/containerQueries/index.js +0 -16
  230. package/dist/examples/src/containerQueries/linting/aspectRatio.js +0 -20
  231. package/dist/examples/src/containerQueries/linting/block.js +0 -20
  232. package/dist/examples/src/containerQueries/linting/core.js +0 -19
  233. package/dist/examples/src/containerQueries/linting/custom.js +0 -11
  234. package/dist/examples/src/containerQueries/linting/inline.js +0 -20
  235. package/dist/examples/src/containerQueries/linting/style.js +0 -28
  236. package/dist/examples/src/containerQueries/linting.js +0 -24
  237. package/dist/examples/src/containerQueries/moduleRegistry.js +0 -5
  238. package/dist/examples/src/containerQueries/modules/aspectRatio.js +0 -33
  239. package/dist/examples/src/containerQueries/modules/block.js +0 -44
  240. package/dist/examples/src/containerQueries/modules/custom.js +0 -31
  241. package/dist/examples/src/containerQueries/modules/index.js +0 -21
  242. package/dist/examples/src/containerQueries/modules/inline.js +0 -44
  243. package/dist/examples/src/containerQueries/modules/style.js +0 -36
  244. package/dist/examples/src/containerQueries/types.js +0 -2
  245. package/dist/examples/src/containerQueries/validation.js +0 -177
  246. package/dist/examples/src/core.js +0 -16
  247. package/dist/examples/src/factory.js +0 -21
  248. package/dist/examples/src/index.js +0 -30
  249. package/dist/examples/src/internal/buildMeasurementCreationError.js +0 -16
  250. package/dist/examples/src/internal/createCoreApi.js +0 -336
  251. package/dist/examples/src/internal/createMediaQueriesApi.js +0 -74
  252. package/dist/examples/src/internal/createUnitsApi.js +0 -18
  253. package/dist/examples/src/internal/errors.js +0 -130
  254. package/dist/examples/src/libraryHelpers/vanilla-extract.js +0 -11
  255. package/dist/examples/src/mediaQueries/factory.js +0 -163
  256. package/dist/examples/src/mediaQueries/helpers.js +0 -88
  257. package/dist/examples/src/mediaQueries/index.js +0 -23
  258. package/dist/examples/src/mediaQueries/linting/core.js +0 -19
  259. package/dist/examples/src/mediaQueries/linting/resolution.js +0 -11
  260. package/dist/examples/src/mediaQueries/linting.js +0 -24
  261. package/dist/examples/src/mediaQueries/mediaQueries.js +0 -53
  262. package/dist/examples/src/mediaQueries/moduleRegistry.js +0 -5
  263. package/dist/examples/src/mediaQueries/modules/custom.js +0 -26
  264. package/dist/examples/src/mediaQueries/modules/dimensions.js +0 -61
  265. package/dist/examples/src/mediaQueries/modules/display.js +0 -20
  266. package/dist/examples/src/mediaQueries/modules/environment.js +0 -20
  267. package/dist/examples/src/mediaQueries/modules/index.js +0 -23
  268. package/dist/examples/src/mediaQueries/modules/interaction.js +0 -26
  269. package/dist/examples/src/mediaQueries/modules/preferences.js +0 -26
  270. package/dist/examples/src/mediaQueries/modules/resolution.js +0 -31
  271. package/dist/examples/src/mediaQueries/types.js +0 -2
  272. package/dist/examples/src/mediaQueries/validation.js +0 -128
  273. package/dist/examples/src/ratio.js +0 -141
  274. package/dist/examples/src/types.js +0 -2
  275. package/dist/examples/src/unitDefinitions.js +0 -67
  276. package/dist/examples/src/units/absolute.js +0 -11
  277. package/dist/examples/src/units/angle.js +0 -8
  278. package/dist/examples/src/units/container.js +0 -10
  279. package/dist/examples/src/units/font-relative.js +0 -16
  280. package/dist/examples/src/units/frequency.js +0 -6
  281. package/dist/examples/src/units/grid.js +0 -5
  282. package/dist/examples/src/units/percent.js +0 -7
  283. package/dist/examples/src/units/resolution.js +0 -7
  284. package/dist/examples/src/units/time.js +0 -6
  285. package/dist/examples/src/units/viewport-dynamic.js +0 -10
  286. package/dist/examples/src/units/viewport-large.js +0 -10
  287. package/dist/examples/src/units/viewport-small.js +0 -10
  288. package/dist/examples/src/units/viewport.js +0 -10
  289. package/dist/examples/src/validation.js +0 -20
  290. package/dist/examples/validation-and-runtime-checks.example.js +0 -85
  291. package/dist/examples/validation-unit-tests.example.js +0 -35
@@ -1,34 +0,0 @@
1
- import type { CoreApi } from "./createCoreApi";
2
- import type { ContainerQueryBuilderHelpers } from "../containerQueries/helpers";
3
- import type { StyleRule } from "../mediaQueries/types";
4
- import { type IContainerQueries, type IContainerQueryProps, type IContainerQueryStyles } from "../containerQueries/containerQueries";
5
- import { type IContainerQueryAspectRatio, type IContainerQueryBlock, type IContainerQueryCustomFeatures, type IContainerQueryInline, type IContainerQueryStyle } from "../containerQueries/modules";
6
- import { type ContainerQueryFactoryConfig } from "../containerQueries/factory";
7
- import type { ContainerQueryModulesList } from "../containerQueries/moduleRegistry";
8
- type ContainerQueriesCore = Pick<CoreApi, "assertCondition" | "assertMatchingUnits">;
9
- export declare const createContainerQueriesApi: (core: ContainerQueriesCore) => {
10
- readonly buildContainerQueryString: (config: IContainerQueryProps) => string;
11
- readonly makeContainerQueryStyle: <T extends IContainerQueries>(queries: T) => (stylesByQuery: IContainerQueryStyles<T>) => StyleRule;
12
- readonly containerQueryFactory: <TModules extends ContainerQueryModulesList | undefined, TQueries extends import("../containerQueries").CSSContainerQueries, TOutput = import("../mediaQueries/types").ComplexStyleRule>(options: {
13
- queries: TQueries;
14
- config: ContainerQueryFactoryConfig<TModules, TOutput>;
15
- }) => (stylesByQuery: Partial<Record<keyof TQueries, StyleRule>>) => TOutput;
16
- readonly emitCoreFeatures: (props: import("../containerQueries/containerQueries").IContainerQueryCore, helpers: ContainerQueryBuilderHelpers) => void;
17
- readonly emitAspectRatioFeatures: (props: IContainerQueryAspectRatio, helpers: ContainerQueryBuilderHelpers, validate?: import("../containerQueries/modules").ContainerQueryAspectRatioValidator) => void;
18
- readonly emitBlockSizeFeatures: (props: IContainerQueryBlock, helpers: ContainerQueryBuilderHelpers, validate?: import("../containerQueries/modules").ContainerQueryBlockValidator) => void;
19
- readonly emitInlineSizeFeatures: (props: IContainerQueryInline, helpers: ContainerQueryBuilderHelpers, validate?: import("../containerQueries/modules").ContainerQueryInlineValidator) => void;
20
- readonly emitStyleFeatures: (props: IContainerQueryStyle, helpers: ContainerQueryBuilderHelpers, validate?: import("../containerQueries/modules").ContainerQueryStyleValidator) => void;
21
- readonly emitCustomFeatures: (props: IContainerQueryCustomFeatures, helpers: ContainerQueryBuilderHelpers, options?: {
22
- allowQueryArrays?: boolean;
23
- }, validate?: import("../containerQueries/modules").ContainerQueryCustomFeaturesValidator) => void;
24
- readonly containerQueryOutputVanillaExtract: (container: import("../mediaQueries/types").ComplexStyleRule) => Record<string, unknown>;
25
- readonly createContainerQueryBuilder: <TConfig>(options: {
26
- emitBase: import("../containerQueries/helpers").ContainerQueryExtensionHandler<TConfig>;
27
- emitExtensions?: import("../containerQueries/helpers").ContainerQueryExtensionHandler<TConfig> | undefined;
28
- resolveType?: ((config: TConfig) => "all" | "print" | "screen" | undefined) | undefined;
29
- config?: import("../containerQueries/helpers").ContainerQueryBuilderConfig;
30
- }) => (config: TConfig) => string;
31
- };
32
- export type ContainerQueriesApi = ReturnType<typeof createContainerQueriesApi>;
33
- export type { IContainerQueries, IContainerQueryProps, IContainerQueryStyles, IContainerQueryCustomFeatures, IContainerQueryAspectRatio, IContainerQueryBlock, IContainerQueryInline, IContainerQueryStyle, ContainerQueryFactoryConfig, ContainerQueryModulesList, };
34
- //# sourceMappingURL=createComponentQueriesApi.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"createComponentQueriesApi.d.ts","sourceRoot":"","sources":["../../../src/internal/createComponentQueriesApi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAChF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC3B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAML,KAAK,0BAA0B,EAC/B,KAAK,oBAAoB,EACzB,KAAK,6BAA6B,EAClC,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,6BAA6B,CAAC;AAErC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAEpF,KAAK,oBAAoB,GAAG,IAAI,CAC9B,OAAO,EACP,iBAAiB,GAAG,qBAAqB,CAC1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,GAAI,MAAM,oBAAoB;;uCAyB/D,CAAC,SAAS,iBAAiB,WAAW,CAAC,MACvC,eAAe,qBAAqB,CAAC,CAAC,CAAC,KAAG,SAAS;;;;WA8CyiC,yDAA+C;;;;;;;wBAhFjnC,CAAC;;;;;;;;WAgFm5B,eAAe;CAfj8B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC/E,YAAY,EACV,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,6BAA6B,EAC7B,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,oBAAoB,EACpB,2BAA2B,EAC3B,yBAAyB,GAC1B,CAAC"}
@@ -1,52 +0,0 @@
1
- import { createContainerQueryBuilder } from "../containerQueries/helpers";
2
- import { createContainerQueryValidation } from "../containerQueries/validation";
3
- import { createEmitCoreFeatures, } from "../containerQueries/containerQueries";
4
- import { emitAspectRatioFeatures, emitBlockSizeFeatures, emitCustomFeatures, emitInlineSizeFeatures, emitStyleFeatures, } from "../containerQueries/modules";
5
- import { createContainerQueryFactory, } from "../containerQueries/factory";
6
- import { containerQueryOutputVanillaExtract } from "../libraryHelpers/vanilla-extract";
7
- export const createContainerQueriesApi = (core) => {
8
- const validation = createContainerQueryValidation({
9
- assertCondition: core.assertCondition,
10
- assertMatchingUnits: core.assertMatchingUnits,
11
- });
12
- const emitCoreFeatures = createEmitCoreFeatures(validation);
13
- const emitBaseFeatures = (props, helpers) => {
14
- emitCoreFeatures(props, helpers);
15
- emitAspectRatioFeatures(props, helpers);
16
- emitBlockSizeFeatures(props, helpers);
17
- emitInlineSizeFeatures(props, helpers);
18
- emitStyleFeatures(props, helpers);
19
- emitCustomFeatures(props, helpers);
20
- };
21
- const buildContainerQueryString = createContainerQueryBuilder({
22
- emitBase: emitBaseFeatures,
23
- });
24
- const makeContainerQueryStyle = (queries) => (stylesByQuery) => {
25
- const result = {};
26
- Object.keys(stylesByQuery).forEach((key) => {
27
- const styles = stylesByQuery[key];
28
- const props = queries[key];
29
- if (!styles || !props)
30
- return;
31
- result[buildContainerQueryString(props)] = styles;
32
- });
33
- const containerQuery = {
34
- "@container": result,
35
- };
36
- return containerQuery;
37
- };
38
- const containerQueryFactory = createContainerQueryFactory();
39
- return {
40
- buildContainerQueryString,
41
- makeContainerQueryStyle,
42
- containerQueryFactory,
43
- emitCoreFeatures,
44
- emitAspectRatioFeatures,
45
- emitBlockSizeFeatures,
46
- emitInlineSizeFeatures,
47
- emitStyleFeatures,
48
- emitCustomFeatures,
49
- containerQueryOutputVanillaExtract,
50
- createContainerQueryBuilder,
51
- };
52
- };
@@ -1,35 +0,0 @@
1
- import type { CoreApi } from './createCoreApi';
2
- import type { ComplexStyleRule, StyleRule } from '../mediaQueries/types';
3
- import { type IMediaQueries, type IMediaQueryProps, type IMediaQueryStyles } from '../mediaQueries/mediaQueries';
4
- import { type IMediaQueryCustomFeatures, type IMediaQueryDimensions, type IMediaQueryDisplay, type IMediaQueryEnvironment, type IMediaQueryInteraction, type IMediaQueryPreferences } from '../mediaQueries/modules';
5
- import { type IMediaQueryResolutionRange } from '../mediaQueries/modules/resolution';
6
- import { type MediaQueryFactoryConfig } from '../mediaQueries/factory';
7
- import type { MediaQueryBuilderHelpers } from '../mediaQueries/helpers';
8
- import type { MediaQueryModulesList } from '../mediaQueries/moduleRegistry';
9
- type MediaQueriesCore = Pick<CoreApi, 'assertCondition'>;
10
- export declare const createMediaQueriesApi: (core: MediaQueriesCore) => {
11
- readonly buildMediaQueryString: (config: IMediaQueryProps) => string;
12
- readonly makeMediaQueryStyle: <T extends IMediaQueries>(queries: T) => (stylesByQuery: IMediaQueryStyles<T>) => ComplexStyleRule;
13
- readonly mediaQueryFactory: <TModules extends MediaQueryModulesList | undefined, TQueries extends Record<string, TModules extends MediaQueryModulesList ? (import("../mediaQueries/moduleRegistry").MediaQueryModulePropsMap[TModules[number]] extends infer T ? T extends import("../mediaQueries/moduleRegistry").MediaQueryModulePropsMap[TModules[number]] ? T extends unknown ? (value: T) => void : never : never : never) extends (value: infer R) => void ? R : never : IMediaQueryProps>, TOutput = ComplexStyleRule>(options: {
14
- queries: TQueries;
15
- config: MediaQueryFactoryConfig<TModules, TOutput>;
16
- }) => (stylesByQuery: Partial<Record<keyof TQueries, StyleRule>>) => TOutput;
17
- readonly emitCoreFeatures: (props: import("../mediaQueries/mediaQueries").IMediaQueryCore, helpers: MediaQueryBuilderHelpers) => void;
18
- readonly emitDimensionsFeatures: (props: IMediaQueryDimensions, helpers: MediaQueryBuilderHelpers, validate?: import("../mediaQueries/modules").MediaQueryDimensionsValidator) => void;
19
- readonly emitResolutionFeatures: (props: IMediaQueryResolutionRange, helpers: MediaQueryBuilderHelpers, validate?: import("../mediaQueries/modules").MediaQueryResolutionValidator) => void;
20
- readonly emitInteractionFeatures: (props: IMediaQueryInteraction, helpers: MediaQueryBuilderHelpers, validate?: import("../mediaQueries/modules").MediaQueryInteractionValidator) => void;
21
- readonly emitPreferencesFeatures: (props: IMediaQueryPreferences, helpers: MediaQueryBuilderHelpers, validate?: import("../mediaQueries/modules").MediaQueryPreferencesValidator) => void;
22
- readonly emitDisplayFeatures: (props: IMediaQueryDisplay, helpers: MediaQueryBuilderHelpers, validate?: import("../mediaQueries/modules").MediaQueryDisplayValidator) => void;
23
- readonly emitEnvironmentFeatures: (props: IMediaQueryEnvironment, helpers: MediaQueryBuilderHelpers, validate?: import("../mediaQueries/modules").MediaQueryEnvironmentValidator) => void;
24
- readonly emitCustomFeatures: (props: IMediaQueryCustomFeatures, helpers: MediaQueryBuilderHelpers, validate?: import("../mediaQueries/modules").MediaQueryCustomFeaturesValidator) => void;
25
- readonly mediaQueryOutputVanillaExtract: <TSelectorMap extends Record<string, unknown> = import("../mediaQueries/types").SelectorMap>(media: StyleRule) => TSelectorMap;
26
- readonly createMediaQueryBuilder: <TConfig>(options: {
27
- emitBase: import("../mediaQueries/helpers").MediaQueryExtensionHandler<TConfig>;
28
- emitExtensions?: import("../mediaQueries/helpers").MediaQueryExtensionHandler<TConfig> | undefined;
29
- resolveType?: ((config: TConfig) => "all" | "print" | "screen" | undefined) | undefined;
30
- config?: import("../mediaQueries/helpers").MediaQueryBuilderConfig;
31
- }) => (config: TConfig) => string;
32
- };
33
- export type MediaQueriesApi = ReturnType<typeof createMediaQueriesApi>;
34
- export type { IMediaQueries, IMediaQueryProps, IMediaQueryStyles, IMediaQueryCustomFeatures, IMediaQueryDimensions, IMediaQueryResolutionRange, IMediaQueryInteraction, IMediaQueryPreferences, IMediaQueryDisplay, IMediaQueryEnvironment, MediaQueryFactoryConfig, MediaQueryModulesList, };
35
- //# sourceMappingURL=createMediaQueriesApi.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"createMediaQueriesApi.d.ts","sourceRoot":"","sources":["../../../src/internal/createMediaQueriesApi.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIzE,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EACvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAOL,KAAK,yBAAyB,EAC9B,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC5B,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,0BAA0B,EAChC,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAEL,KAAK,uBAAuB,EAE7B,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE5E,KAAK,gBAAgB,GAAG,IAAI,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;AAEzD,eAAO,MAAM,qBAAqB,GAAI,MAAM,gBAAgB;;mCAiCvD,CAAC,SAAS,aAAa,WAAW,CAAC,MACnC,eAAe,iBAAiB,CAAC,CAAC,CAAC,KAAG,gBAAgB;;;;WA+DuxG,yDAA2C;;;;;;;;;;;;;;;WAxD52G,eAAe;CAuC/B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACvE,YAAY,EACV,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,EACtB,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,GACtB,CAAC"}
@@ -1,69 +0,0 @@
1
- import { createMediaQueryBuilder } from '../mediaQueries/helpers';
2
- import { createMediaQueryValidation, } from '../mediaQueries/validation';
3
- import { createEmitCoreFeatures, } from '../mediaQueries/mediaQueries';
4
- import { createEmitDimensionsFeatures, emitDisplayFeatures, emitEnvironmentFeatures, emitInteractionFeatures, emitPreferencesFeatures, emitCustomFeatures, } from '../mediaQueries/modules';
5
- import { createEmitResolutionFeatures, } from '../mediaQueries/modules/resolution';
6
- import { createMediaQueryFactory, } from '../mediaQueries/factory';
7
- import { mediaQueryOutputVanillaExtract } from '../mediaQueries/libraryHelpers/vanilla-extract';
8
- export const createMediaQueriesApi = (core) => {
9
- const validation = createMediaQueryValidation({
10
- assertCondition: core.assertCondition,
11
- });
12
- const emitCoreFeatures = createEmitCoreFeatures(validation);
13
- const emitDimensionsFeatures = createEmitDimensionsFeatures(validation);
14
- const emitResolutionFeatures = createEmitResolutionFeatures(validation);
15
- const emitBaseFeatures = (props, helpers) => {
16
- emitCoreFeatures(props, helpers);
17
- emitDimensionsFeatures(props, helpers);
18
- emitResolutionFeatures(props, helpers);
19
- emitInteractionFeatures(props, helpers);
20
- emitPreferencesFeatures(props, helpers);
21
- emitDisplayFeatures(props, helpers);
22
- emitEnvironmentFeatures(props, helpers);
23
- emitCustomFeatures(props, helpers);
24
- };
25
- const buildMediaQueryString = createMediaQueryBuilder({
26
- emitBase: emitBaseFeatures,
27
- resolveType: (props) => props.type,
28
- });
29
- const makeMediaQueryStyle = (queries) => (stylesByQuery) => {
30
- const result = {};
31
- Object.keys(stylesByQuery).forEach((key) => {
32
- const styles = stylesByQuery[key];
33
- const props = queries[key];
34
- if (!styles || !props)
35
- return;
36
- result[buildMediaQueryString(props)] = styles;
37
- });
38
- const mediaQuery = {
39
- '@media': result,
40
- };
41
- return mediaQuery;
42
- };
43
- const moduleEmitters = {
44
- core: emitCoreFeatures,
45
- dimensions: emitDimensionsFeatures,
46
- resolution: emitResolutionFeatures,
47
- interaction: emitInteractionFeatures,
48
- preferences: emitPreferencesFeatures,
49
- display: emitDisplayFeatures,
50
- environment: emitEnvironmentFeatures,
51
- custom: emitCustomFeatures,
52
- };
53
- const mediaQueryFactory = createMediaQueryFactory(moduleEmitters);
54
- return {
55
- buildMediaQueryString,
56
- makeMediaQueryStyle,
57
- mediaQueryFactory,
58
- emitCoreFeatures,
59
- emitDimensionsFeatures,
60
- emitResolutionFeatures,
61
- emitInteractionFeatures,
62
- emitPreferencesFeatures,
63
- emitDisplayFeatures,
64
- emitEnvironmentFeatures,
65
- emitCustomFeatures,
66
- mediaQueryOutputVanillaExtract,
67
- createMediaQueryBuilder,
68
- };
69
- };
@@ -1,2 +0,0 @@
1
- export declare const normalizeToArray: <T>(value: T | T[] | null | undefined) => T[];
2
- //# sourceMappingURL=normalizeToArray.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"normalizeToArray.d.ts","sourceRoot":"","sources":["../../../src/internal/normalizeToArray.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAChC,OAAO,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,KAChC,CAAC,EAGH,CAAC"}
@@ -1,5 +0,0 @@
1
- export const normalizeToArray = (value) => {
2
- if (value === undefined || value === null)
3
- return [];
4
- return Array.isArray(value) ? value : [value];
5
- };
@@ -1,4 +0,0 @@
1
- import type { ComplexStyleRule } from "../mediaQueries/types";
2
- export declare const mediaQueryOutputVanillaExtract: (media: ComplexStyleRule) => Record<string, unknown>;
3
- export declare const containerQueryOutputVanillaExtract: (container: ComplexStyleRule) => Record<string, unknown>;
4
- //# sourceMappingURL=vanilla-extract.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"vanilla-extract.d.ts","sourceRoot":"","sources":["../../../src/libraryHelpers/vanilla-extract.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,eAAO,MAAM,8BAA8B,GACzC,OAAO,gBAAgB,KACtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAEvB,CAAC;AAEH,eAAO,MAAM,kCAAkC,GAC7C,WAAW,gBAAgB,KAC1B,MAAM,CAAC,MAAM,EAAE,OAAO,CAEvB,CAAC"}
@@ -1,6 +0,0 @@
1
- export const mediaQueryOutputVanillaExtract = (media) => ({
2
- "&": media,
3
- });
4
- export const containerQueryOutputVanillaExtract = (container) => ({
5
- "&": container,
6
- });
@@ -1,2 +0,0 @@
1
- export type IComparisonOperator = " and " | " or " | " not ";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/logicalOperators/index.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC"}
@@ -1,17 +0,0 @@
1
- export {};
2
- // export type ContentQueryVariable =
3
- // ContainerQueryModuleKeysMap[keyof ContainerQueryModuleKeysMap];
4
- // export type ContentQueryComparisonValue = IMeasurement | number | string;
5
- // export type Comparison<
6
- // Variable = ContentQueryVariable,
7
- // Value = ContentQueryComparisonValue
8
- // > = {
9
- // variable: Variable;
10
- // operator: IComparisonOperator;
11
- // value: Value;
12
- // };
13
- // export type ComparisonValue<Value = ContentQueryComparisonValue> = {
14
- // operator: IComparisonOperator;
15
- // value: Value;
16
- // readonly __comparisonBrand: unique symbol;
17
- // };
@@ -1,45 +0,0 @@
1
- import type { ComplexStyleRule, StyleRule } from './types';
2
- import type { MediaQueryBuilderConfig } from './helpers';
3
- import type { IMediaQueryProps } from './mediaQueries';
4
- import type { MediaQueryModulePropsMap, MediaQueryModulesList } from './moduleRegistry';
5
- type UnionToIntersection<T> = (T extends unknown ? (value: T) => void : never) extends (value: infer R) => void ? R : never;
6
- type ModulesToProps<TModules extends MediaQueryModulesList> = UnionToIntersection<MediaQueryModulePropsMap[TModules[number]]>;
7
- type FactoryQueryProps<TModules extends MediaQueryModulesList | undefined> = TModules extends MediaQueryModulesList ? ModulesToProps<TModules> : IMediaQueryProps;
8
- type MediaQueryStyleMap<TQueries> = Partial<Record<keyof TQueries, StyleRule>>;
9
- type CustomHookResult = boolean | string | null | undefined | {
10
- valid: boolean;
11
- message?: string;
12
- };
13
- type MediaQueryFactoryCustomHooks = {
14
- key: string;
15
- validator?: (props: IMediaQueryProps) => CustomHookResult;
16
- linter?: (props: IMediaQueryProps) => CustomHookResult;
17
- };
18
- declare const MODULE_EMITTERS: {
19
- core: (props: import("./mediaQueries").IMediaQueryCore, helpers: import("./helpers").MediaQueryBuilderHelpers) => void;
20
- dimensions: (props: import("./modules").IMediaQueryDimensions, helpers: import("./helpers").MediaQueryBuilderHelpers, validate?: import("./modules").MediaQueryDimensionsValidator) => void;
21
- resolution: (props: import("./modules").IMediaQueryResolutionRange, helpers: import("./helpers").MediaQueryBuilderHelpers, validate?: import("./modules").MediaQueryResolutionValidator) => void;
22
- interaction: (props: import("./modules").IMediaQueryInteraction, helpers: import("./helpers").MediaQueryBuilderHelpers, validate?: import("./modules").MediaQueryInteractionValidator) => void;
23
- preferences: (props: import("./modules").IMediaQueryPreferences, helpers: import("./helpers").MediaQueryBuilderHelpers, validate?: import("./modules").MediaQueryPreferencesValidator) => void;
24
- display: (props: import("./modules").IMediaQueryDisplay, helpers: import("./helpers").MediaQueryBuilderHelpers, validate?: import("./modules").MediaQueryDisplayValidator) => void;
25
- environment: (props: import("./modules").IMediaQueryEnvironment, helpers: import("./helpers").MediaQueryBuilderHelpers, validate?: import("./modules").MediaQueryEnvironmentValidator) => void;
26
- custom: (props: import("./modules").IMediaQueryCustomFeatures, helpers: import("./helpers").MediaQueryBuilderHelpers, validate?: import("./modules").MediaQueryCustomFeaturesValidator) => void;
27
- };
28
- export type MediaQueryModuleEmitters = typeof MODULE_EMITTERS;
29
- export type MediaQueryFactoryConfig<TModules extends MediaQueryModulesList | undefined = undefined, TOutput = ComplexStyleRule> = MediaQueryBuilderConfig & {
30
- label: string;
31
- modules?: TModules;
32
- preProcessor?: (media: StyleRule) => StyleRule;
33
- output?: (media: StyleRule) => TOutput;
34
- custom?: MediaQueryFactoryCustomHooks;
35
- };
36
- export declare const createMediaQueryFactory: (emitters: MediaQueryModuleEmitters) => <TModules extends MediaQueryModulesList | undefined, TQueries extends Record<string, FactoryQueryProps<TModules>>, TOutput = ComplexStyleRule>(options: {
37
- queries: TQueries;
38
- config: MediaQueryFactoryConfig<TModules, TOutput>;
39
- }) => (stylesByQuery: MediaQueryStyleMap<TQueries>) => TOutput;
40
- export declare const mediaQueryFactory: <TModules extends MediaQueryModulesList | undefined, TQueries extends Record<string, FactoryQueryProps<TModules>>, TOutput = ComplexStyleRule>(options: {
41
- queries: TQueries;
42
- config: MediaQueryFactoryConfig<TModules, TOutput>;
43
- }) => (stylesByQuery: MediaQueryStyleMap<TQueries>) => TOutput;
44
- export {};
45
- //# sourceMappingURL=factory.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/factory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEzD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAWvD,OAAO,KAAK,EAEV,wBAAwB,EACxB,qBAAqB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAC5B,CAAC,SAAS,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAC/C,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAC9B,CAAC,GACD,KAAK,CAAC;AAEV,KAAK,cAAc,CAAC,QAAQ,SAAS,qBAAqB,IACxD,mBAAmB,CAAC,wBAAwB,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAElE,KAAK,iBAAiB,CAAC,QAAQ,SAAS,qBAAqB,GAAG,SAAS,IACvE,QAAQ,SAAS,qBAAqB,GAClC,cAAc,CAAC,QAAQ,CAAC,GACxB,gBAAgB,CAAC;AAEvB,KAAK,kBAAkB,CAAC,QAAQ,IAAI,OAAO,CACzC,MAAM,CAAC,MAAM,QAAQ,EAAE,SAAS,CAAC,CAClC,CAAC;AAEF,KAAK,gBAAgB,GACjB,OAAO,GACP,MAAM,GACN,IAAI,GACJ,SAAS,GACT;IACE,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEN,KAAK,4BAA4B,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;IAC1D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,gBAAgB,CAAC;CACxD,CAAC;AAuCF,QAAA,MAAM,eAAe;;;;;;;;;CASpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,eAAe,CAAC;AA+C9D,MAAM,MAAM,uBAAuB,CACjC,QAAQ,SAAS,qBAAqB,GAAG,SAAS,GAAG,SAAS,EAC9D,OAAO,GAAG,gBAAgB,IACxB,uBAAuB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,SAAS,CAAC;IAC/C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,4BAA4B,CAAC;CACvC,CAAC;AA2DF,eAAO,MAAM,uBAAuB,GAClC,UAAU,wBAAwB,MAElC,QAAQ,SAAS,qBAAqB,GAAG,SAAS,EAClD,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAC5D,OAAO,GAAG,gBAAgB,EAC1B,SAAS;IACT,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;CACpD,MAuCS,eAAe,kBAAkB,CAAC,QAAQ,CAAC,KAAG,OAiCvD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAhF5B,QAAQ,SAAS,qBAAqB,GAAG,SAAS,EAClD,QAAQ,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,EAC5D,OAAO,8BACE;IACT,OAAO,EAAE,QAAQ,CAAC;IAClB,MAAM,EAAE,uBAAuB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;CACpD,MAuCS,eAAe,kBAAkB,CAAC,QAAQ,CAAC,KAAG,OAmCiB,CAAC"}
@@ -1,183 +0,0 @@
1
- import { createMediaQueryBuilder } from './helpers';
2
- import { emitCoreFeatures } from './mediaQueries';
3
- import { emitCustomFeatures, emitDimensionsFeatures, emitDisplayFeatures, emitEnvironmentFeatures, emitInteractionFeatures, emitPreferencesFeatures, emitResolutionFeatures, } from './modules';
4
- const ALL_MEDIA_QUERY_MODULES = [
5
- 'core',
6
- 'dimensions',
7
- 'resolution',
8
- 'interaction',
9
- 'preferences',
10
- 'display',
11
- 'environment',
12
- 'custom',
13
- ];
14
- const MODULE_KEYS = {
15
- core: ['type', 'minWidth', 'maxWidth'],
16
- dimensions: [
17
- 'width',
18
- 'height',
19
- 'minHeight',
20
- 'maxHeight',
21
- 'aspectRatio',
22
- 'minAspectRatio',
23
- 'maxAspectRatio',
24
- 'orientation',
25
- ],
26
- resolution: ['resolutionValue', 'minResolution', 'maxResolution'],
27
- interaction: ['hover', 'anyHover', 'pointer', 'anyPointer', 'update'],
28
- preferences: [
29
- 'colorScheme',
30
- 'reducedMotion',
31
- 'reducedData',
32
- 'contrast',
33
- 'forcedColors',
34
- ],
35
- display: ['colorGamut', 'dynamicRange', 'invertedColors'],
36
- environment: ['scripting', 'overflowBlock', 'overflowInline'],
37
- custom: ['customFeatures'],
38
- };
39
- const MODULE_EMITTERS = {
40
- core: emitCoreFeatures,
41
- dimensions: emitDimensionsFeatures,
42
- resolution: emitResolutionFeatures,
43
- interaction: emitInteractionFeatures,
44
- preferences: emitPreferencesFeatures,
45
- display: emitDisplayFeatures,
46
- environment: emitEnvironmentFeatures,
47
- custom: emitCustomFeatures,
48
- };
49
- const ALL_MODULE_KEYS = MODULE_KEYS;
50
- const KEY_TO_MODULE = Object.fromEntries(Object.keys(ALL_MODULE_KEYS).flatMap((moduleId) => ALL_MODULE_KEYS[moduleId].map((key) => [key, moduleId])));
51
- const guardUnsupportedProps = (props, modules, config, label) => {
52
- const allowed = new Set();
53
- modules.forEach((moduleId) => {
54
- ALL_MODULE_KEYS[moduleId].forEach((key) => {
55
- allowed.add(key);
56
- });
57
- });
58
- Object.keys(props).forEach((key) => {
59
- var _a, _b;
60
- if (props[key] === undefined)
61
- return;
62
- if (allowed.has(key))
63
- return;
64
- const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
65
- const moduleHint = KEY_TO_MODULE[key];
66
- const moduleSuffix = moduleHint
67
- ? ` Add "${moduleHint}" to modules.`
68
- : '';
69
- const message = `Media query factory "${label}" received unsupported feature "${key}".${moduleSuffix}`;
70
- if (mode === 'log') {
71
- console.warn(message);
72
- return;
73
- }
74
- if (mode === 'allow')
75
- return;
76
- throw new Error(message);
77
- });
78
- };
79
- const normalizeCustomResult = (result) => {
80
- if (result === undefined || result === null)
81
- return { valid: true };
82
- if (typeof result === 'boolean')
83
- return { valid: result };
84
- if (typeof result === 'string') {
85
- return result ? { valid: false, message: result } : { valid: true };
86
- }
87
- return result;
88
- };
89
- const runCustomValidator = (props, config) => {
90
- var _a, _b;
91
- const custom = config.custom;
92
- if (!(custom === null || custom === void 0 ? void 0 : custom.validator))
93
- return;
94
- const normalized = normalizeCustomResult(custom.validator(props));
95
- if (normalized.valid)
96
- return;
97
- const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
98
- const suffix = normalized.message ? `: ${normalized.message}` : '';
99
- const message = `Media query factory "${config.label}" custom validator "${custom.key}" failed${suffix}`;
100
- if (mode === 'log') {
101
- console.warn(message);
102
- return;
103
- }
104
- if (mode === 'allow')
105
- return;
106
- throw new Error(message);
107
- };
108
- const runCustomLinter = (props, config) => {
109
- var _a, _b;
110
- const custom = config.custom;
111
- if (!(custom === null || custom === void 0 ? void 0 : custom.linter))
112
- return;
113
- const normalized = normalizeCustomResult(custom.linter(props));
114
- if (normalized.valid)
115
- return;
116
- const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.lintingMode) !== null && _b !== void 0 ? _b : 'throw';
117
- const suffix = normalized.message ? `: ${normalized.message}` : '';
118
- const message = `Media query factory "${config.label}" custom linter "${custom.key}" flagged${suffix}`;
119
- if (mode === 'log') {
120
- console.warn(message);
121
- return;
122
- }
123
- if (mode === 'allow')
124
- return;
125
- throw new Error(message);
126
- };
127
- export const createMediaQueryFactory = (emitters) => (options) => {
128
- var _a;
129
- const modules = (_a = options.config.modules) !== null && _a !== void 0 ? _a : ALL_MEDIA_QUERY_MODULES;
130
- const buildMediaQuery = createMediaQueryBuilder({
131
- emitBase: (props, helpers) => {
132
- guardUnsupportedProps(props, modules, options.config, options.config.label);
133
- runCustomValidator(props, options.config);
134
- runCustomLinter(props, options.config);
135
- modules.forEach((moduleId) => {
136
- emitters[moduleId](props, helpers);
137
- });
138
- },
139
- resolveType: (props) => props.type,
140
- config: options.config,
141
- });
142
- const handleUnknownQueryKey = (key, config) => {
143
- var _a, _b;
144
- const mode = (_b = (_a = config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
145
- const message = `Media query factory "${config.label}" received unknown query key "${key}".`;
146
- if (mode === 'log') {
147
- console.warn(message);
148
- return;
149
- }
150
- if (mode === 'allow')
151
- return;
152
- throw new Error(message);
153
- };
154
- return (stylesByQuery) => {
155
- const result = {};
156
- Object.keys(stylesByQuery).forEach((key) => {
157
- const styles = stylesByQuery[key];
158
- if (!styles)
159
- return;
160
- if (Object.prototype.hasOwnProperty.call(options.queries, key)) {
161
- return;
162
- }
163
- handleUnknownQueryKey(String(key), options.config);
164
- });
165
- Object.keys(stylesByQuery).forEach((key) => {
166
- const styles = stylesByQuery[key];
167
- const props = options.queries[key];
168
- if (!styles || !props)
169
- return;
170
- result[buildMediaQuery(props)] = styles;
171
- });
172
- const mediaQuery = {
173
- '@media': result,
174
- };
175
- const processed = options.config.preProcessor
176
- ? options.config.preProcessor(mediaQuery)
177
- : mediaQuery;
178
- return options.config.output
179
- ? options.config.output(processed)
180
- : processed;
181
- };
182
- };
183
- export const mediaQueryFactory = createMediaQueryFactory(MODULE_EMITTERS);
@@ -1,40 +0,0 @@
1
- import type { IMeasurement, IRatio } from '../core';
2
- type MediaQueryFeatureValue = string | number | IMeasurement | IRatio;
3
- type MediaQueryFeatureEmitter = (name: string, value: MediaQueryFeatureValue) => void;
4
- export type MediaQueryInvalidValueMode = 'allow' | 'log' | 'throw';
5
- export type MediaQueryLintingMode = 'allow' | 'log' | 'throw';
6
- export type MediaQueryBuilderConfig = {
7
- errorHandling?: {
8
- invalidValueMode?: MediaQueryInvalidValueMode;
9
- lintingMode?: MediaQueryLintingMode;
10
- };
11
- };
12
- export interface MediaQueryBuilderHelpers {
13
- addFeature: MediaQueryFeatureEmitter;
14
- config: MediaQueryBuilderConfig;
15
- }
16
- export type MediaQueryValidationResult = boolean | string | null | undefined | {
17
- valid: boolean;
18
- message?: string;
19
- };
20
- export type MediaQueryValidator<TConfig> = (config: TConfig) => MediaQueryValidationResult;
21
- export type MediaQueryExtensionHandler<TConfig> = (config: TConfig, helpers: MediaQueryBuilderHelpers) => void;
22
- type MediaQueryBuilderOptions<TConfig> = {
23
- emitBase: MediaQueryExtensionHandler<TConfig>;
24
- emitExtensions?: MediaQueryExtensionHandler<TConfig>;
25
- resolveType?: (config: TConfig) => 'all' | 'print' | 'screen' | undefined;
26
- config?: MediaQueryBuilderConfig;
27
- };
28
- export declare const formatMediaQueryValue: (value: MediaQueryFeatureValue) => string;
29
- export declare const buildMediaQueryStringFromParts: (mediaType: "all" | "print" | "screen", parts: string[]) => string;
30
- export declare const createMediaQueryFeatureEmitter: (parts: string[]) => MediaQueryFeatureEmitter;
31
- type MediaQueryFeatureEmitterOptions = {
32
- emitted?: Set<string>;
33
- lintingMode?: MediaQueryLintingMode;
34
- };
35
- export declare const createMediaQueryFeatureEmitterWithTracking: (parts: string[], options?: MediaQueryFeatureEmitterOptions) => MediaQueryFeatureEmitter;
36
- export declare const createMediaQueryBuilder: <TConfig>(options: MediaQueryBuilderOptions<TConfig>) => (config: TConfig) => string;
37
- export declare const applyMediaQueryValidation: <TConfig>(config: TConfig, helpers: MediaQueryBuilderHelpers, validator?: MediaQueryValidator<TConfig>, context?: string) => boolean;
38
- export declare const buildMediaQueryFromFeatures: (features: Record<string, MediaQueryFeatureValue>, mediaType?: "all" | "print" | "screen") => string;
39
- export {};
40
- //# sourceMappingURL=helpers.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/mediaQueries/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAGpD,KAAK,sBAAsB,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;AAEtE,KAAK,wBAAwB,GAAG,CAC9B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,sBAAsB,KAC1B,IAAI,CAAC;AAEV,MAAM,MAAM,0BAA0B,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC;AACnE,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG;IACpC,aAAa,CAAC,EAAE;QACd,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;QAC9C,WAAW,CAAC,EAAE,qBAAqB,CAAC;KACrC,CAAC;CACH,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,UAAU,EAAE,wBAAwB,CAAC;IACrC,MAAM,EAAE,uBAAuB,CAAC;CACjC;AAED,MAAM,MAAM,0BAA0B,GAClC,OAAO,GACP,MAAM,GACN,IAAI,GACJ,SAAS,GACT;IACE,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEN,MAAM,MAAM,mBAAmB,CAAC,OAAO,IAAI,CACzC,MAAM,EAAE,OAAO,KACZ,0BAA0B,CAAC;AAEhC,MAAM,MAAM,0BAA0B,CAAC,OAAO,IAAI,CAChD,MAAM,EAAE,OAAO,EACf,OAAO,EAAE,wBAAwB,KAC9B,IAAI,CAAC;AAEV,KAAK,wBAAwB,CAAC,OAAO,IAAI;IACvC,QAAQ,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1E,MAAM,CAAC,EAAE,uBAAuB,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,OAAO,sBAAsB,KAC5B,MAA6D,CAAC;AAEjE,eAAO,MAAM,8BAA8B,GACzC,WAAW,KAAK,GAAG,OAAO,GAAG,QAAQ,EACrC,OAAO,MAAM,EAAE,KACd,MAAgF,CAAC;AAEpF,eAAO,MAAM,8BAA8B,GACzC,OAAO,MAAM,EAAE,KACd,wBAGA,CAAC;AAEJ,KAAK,+BAA+B,GAAG;IACrC,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,WAAW,CAAC,EAAE,qBAAqB,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,0CAA0C,GACrD,OAAO,MAAM,EAAE,EACf,UAAS,+BAAoC,KAC5C,wBAkBF,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,OAAO,EAC7C,SAAS,wBAAwB,CAAC,OAAO,CAAC,MAElC,QAAQ,OAAO,KAAG,MAiB3B,CAAC;AAaF,eAAO,MAAM,yBAAyB,GAAI,OAAO,EAC/C,QAAQ,OAAO,EACf,SAAS,wBAAwB,EACjC,YAAY,mBAAmB,CAAC,OAAO,CAAC,EACxC,UAAU,MAAM,KACf,OAqBF,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,UAAU,MAAM,CAAC,MAAM,EAAE,sBAAsB,CAAC,EAChD,YAAW,KAAK,GAAG,OAAO,GAAG,QAAmB,KAC/C,MAaF,CAAC"}
@@ -1,87 +0,0 @@
1
- import { hasCssMethod } from '../core';
2
- export const formatMediaQueryValue = (value) => (hasCssMethod(value) ? value.css() : String(value));
3
- export const buildMediaQueryStringFromParts = (mediaType, parts) => (parts.length ? `${mediaType} and ${parts.join(' and ')}` : mediaType);
4
- export const createMediaQueryFeatureEmitter = (parts) => (name, value) => {
5
- parts.push(`(${name}: ${formatMediaQueryValue(value)})`);
6
- };
7
- export const createMediaQueryFeatureEmitterWithTracking = (parts, options = {}) => {
8
- const { emitted, lintingMode = 'throw' } = options;
9
- return (name, value) => {
10
- if (emitted === null || emitted === void 0 ? void 0 : emitted.has(name)) {
11
- if (lintingMode === 'throw') {
12
- throw new Error(`Media query feature "${name}" was emitted more than once.`);
13
- }
14
- if (lintingMode === 'log') {
15
- console.warn(`Media query feature "${name}" was emitted more than once; using the latest value.`);
16
- }
17
- }
18
- emitted === null || emitted === void 0 ? void 0 : emitted.add(name);
19
- parts.push(`(${name}: ${formatMediaQueryValue(value)})`);
20
- };
21
- };
22
- export const createMediaQueryBuilder = (options) => {
23
- return (config) => {
24
- var _a, _b, _c, _d, _e, _f, _g;
25
- const parts = [];
26
- const emittedFeatures = new Set();
27
- const helpers = {
28
- addFeature: createMediaQueryFeatureEmitterWithTracking(parts, {
29
- emitted: emittedFeatures,
30
- lintingMode: (_c = (_b = (_a = options.config) === null || _a === void 0 ? void 0 : _a.errorHandling) === null || _b === void 0 ? void 0 : _b.lintingMode) !== null && _c !== void 0 ? _c : 'throw',
31
- }),
32
- config: (_d = options.config) !== null && _d !== void 0 ? _d : {},
33
- };
34
- options.emitBase(config, helpers);
35
- (_e = options.emitExtensions) === null || _e === void 0 ? void 0 : _e.call(options, config, helpers);
36
- const mediaType = (_g = (_f = options.resolveType) === null || _f === void 0 ? void 0 : _f.call(options, config)) !== null && _g !== void 0 ? _g : 'screen';
37
- return buildMediaQueryStringFromParts(mediaType, parts);
38
- };
39
- };
40
- const normalizeValidationResult = (result) => {
41
- if (result === undefined || result === null)
42
- return { valid: true };
43
- if (typeof result === 'boolean')
44
- return { valid: result };
45
- if (typeof result === 'string') {
46
- return result ? { valid: false, message: result } : { valid: true };
47
- }
48
- return result;
49
- };
50
- export const applyMediaQueryValidation = (config, helpers, validator, context) => {
51
- var _a, _b;
52
- if (!validator)
53
- return true;
54
- const normalized = normalizeValidationResult(validator(config));
55
- if (normalized.valid)
56
- return true;
57
- const mode = (_b = (_a = helpers.config.errorHandling) === null || _a === void 0 ? void 0 : _a.invalidValueMode) !== null && _b !== void 0 ? _b : 'throw';
58
- if (mode === 'log') {
59
- const suffix = normalized.message ? `: ${normalized.message}` : '';
60
- const prefix = context
61
- ? `Media query ${context} validation failed`
62
- : 'Media query validation failed';
63
- console.warn(`${prefix}${suffix}`);
64
- }
65
- if (mode === 'allow')
66
- return true;
67
- if (mode === 'log')
68
- return true;
69
- const suffix = normalized.message ? `: ${normalized.message}` : '';
70
- const prefix = context
71
- ? `Media query ${context} validation failed`
72
- : 'Media query validation failed';
73
- throw new Error(`${prefix}${suffix}`);
74
- };
75
- export const buildMediaQueryFromFeatures = (features, mediaType = 'screen') => {
76
- const parts = [];
77
- const addFeature = createMediaQueryFeatureEmitterWithTracking(parts, {
78
- emitted: new Set(),
79
- lintingMode: 'throw',
80
- });
81
- Object.entries(features).forEach(([name, value]) => {
82
- if (value === undefined || value === null)
83
- return;
84
- addFeature(name, value);
85
- });
86
- return buildMediaQueryStringFromParts(mediaType, parts);
87
- };