@atlaskit/primitives 0.12.6 → 0.13.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 (43) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/constellation/responsive/usage.mdx +53 -0
  3. package/dist/cjs/helpers/responsive/build-media-query-css.js +3 -48
  4. package/dist/cjs/helpers/responsive/constants.js +11 -25
  5. package/dist/cjs/helpers/responsive/index.js +6 -6
  6. package/dist/cjs/helpers/responsive/media-helper.js +35 -38
  7. package/dist/cjs/helpers/responsive/use-media-query.js +6 -8
  8. package/dist/cjs/version.json +1 -1
  9. package/dist/cjs/xcss/style-maps.partial.js +2 -2
  10. package/dist/cjs/xcss/xcss.js +5 -2
  11. package/dist/es2019/helpers/responsive/build-media-query-css.js +3 -52
  12. package/dist/es2019/helpers/responsive/constants.js +11 -25
  13. package/dist/es2019/helpers/responsive/index.js +2 -2
  14. package/dist/es2019/helpers/responsive/media-helper.js +33 -37
  15. package/dist/es2019/helpers/responsive/use-media-query.js +13 -15
  16. package/dist/es2019/version.json +1 -1
  17. package/dist/es2019/xcss/style-maps.partial.js +2 -2
  18. package/dist/es2019/xcss/xcss.js +6 -2
  19. package/dist/esm/helpers/responsive/build-media-query-css.js +3 -47
  20. package/dist/esm/helpers/responsive/constants.js +11 -25
  21. package/dist/esm/helpers/responsive/index.js +2 -2
  22. package/dist/esm/helpers/responsive/media-helper.js +33 -37
  23. package/dist/esm/helpers/responsive/use-media-query.js +13 -15
  24. package/dist/esm/version.json +1 -1
  25. package/dist/esm/xcss/style-maps.partial.js +2 -2
  26. package/dist/esm/xcss/xcss.js +6 -3
  27. package/dist/types/helpers/responsive/build-media-query-css.d.ts +0 -30
  28. package/dist/types/helpers/responsive/constants.d.ts +42 -7
  29. package/dist/types/helpers/responsive/index.d.ts +2 -2
  30. package/dist/types/helpers/responsive/media-helper.d.ts +61 -31
  31. package/dist/types/helpers/responsive/types.d.ts +10 -10
  32. package/dist/types/helpers/responsive/use-media-query.d.ts +2 -2
  33. package/dist/types/xcss/style-maps.partial.d.ts +2 -2
  34. package/dist/types-ts4.5/helpers/responsive/build-media-query-css.d.ts +0 -30
  35. package/dist/types-ts4.5/helpers/responsive/constants.d.ts +42 -8
  36. package/dist/types-ts4.5/helpers/responsive/index.d.ts +2 -2
  37. package/dist/types-ts4.5/helpers/responsive/media-helper.d.ts +61 -31
  38. package/dist/types-ts4.5/helpers/responsive/types.d.ts +10 -10
  39. package/dist/types-ts4.5/helpers/responsive/use-media-query.d.ts +2 -2
  40. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +2 -2
  41. package/package.json +12 -3
  42. package/report.api.md +15 -26
  43. package/tmp/api-report-tmp.d.ts +15 -24
package/tmp/api-report-tmp.d.ts CHANGED
@@ -286,7 +286,7 @@ type BoxXCSS = {
286
286
  };
287
287
 
288
288
  // @public
289
- type Breakpoint = 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxl' | 'xxs';
289
+ type Breakpoint = 'lg' | 'md' | 'sm' | 'xl' | 'xs' | 'xxs';
290
290
 
291
291
  // @public (undocumented)
292
292
  type CSSMediaQueries = {
@@ -466,8 +466,20 @@ type MaxInlineSize = Dimension;
466
466
  // @public (undocumented)
467
467
  type MaxWidth = Dimension;
468
468
 
469
- // @public (undocumented)
470
- type MediaQuery = (typeof UNSAFE_media.above)[Breakpoint] | (typeof UNSAFE_media.below)[Exclude<Breakpoint, 'xxs'>];
469
+ // @public
470
+ const media: {
471
+ readonly above: {
472
+ readonly xxs: "@media all";
473
+ readonly xs: "@media (min-width: 30rem)";
474
+ readonly sm: "@media (min-width: 48rem)";
475
+ readonly md: "@media (min-width: 64rem)";
476
+ readonly lg: "@media (min-width: 90rem)";
477
+ readonly xl: "@media (min-width: 110rem)";
478
+ };
479
+ };
480
+
481
+ // @public
482
+ type MediaQuery = (typeof media.above)[Breakpoint];
471
483
 
472
484
  // @public (undocumented)
473
485
  type MinBlockSize = Dimension;
@@ -696,27 +708,6 @@ type Top = Dimension;
696
708
  // @public (undocumented)
697
709
  const uniqueSymbol: unique symbol;
698
710
 
699
- // @public
700
- const UNSAFE_media: {
701
- readonly above: {
702
- readonly xxs: `@media (min-width: ${number}rem)`;
703
- readonly xs: `@media (min-width: ${number}rem)`;
704
- readonly sm: `@media (min-width: ${number}rem)`;
705
- readonly md: `@media (min-width: ${number}rem)`;
706
- readonly lg: `@media (min-width: ${number}rem)`;
707
- readonly xl: `@media (min-width: ${number}rem)`;
708
- readonly xxl: `@media (min-width: ${number}rem)`;
709
- };
710
- readonly below: {
711
- readonly xs: `@media (max-width: ${number}rem)`;
712
- readonly sm: `@media (max-width: ${number}rem)`;
713
- readonly md: `@media (max-width: ${number}rem)`;
714
- readonly lg: `@media (max-width: ${number}rem)`;
715
- readonly xl: `@media (max-width: ${number}rem)`;
716
- readonly xxl: `@media (max-width: ${number}rem)`;
717
- };
718
- };
719
-
720
711
  // @public (undocumented)
721
712
  type Width = Dimension;
722
713