@wordpress/global-styles-ui 1.17.0 → 1.18.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 (126) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/build/block-preview-panel.cjs +36 -3
  3. package/build/block-preview-panel.cjs.map +3 -3
  4. package/build/font-library/font-collection.cjs +0 -1
  5. package/build/font-library/font-collection.cjs.map +2 -2
  6. package/build/font-sizes/rename-font-size-dialog.cjs +0 -1
  7. package/build/font-sizes/rename-font-size-dialog.cjs.map +2 -2
  8. package/build/preview-wrapper.cjs +11 -0
  9. package/build/preview-wrapper.cjs.map +2 -2
  10. package/build/screen-block.cjs +35 -23
  11. package/build/screen-block.cjs.map +2 -2
  12. package/build/screen-color-palette.cjs +8 -10
  13. package/build/screen-color-palette.cjs.map +3 -3
  14. package/build/screen-typography-element.cjs +0 -1
  15. package/build/screen-typography-element.cjs.map +2 -2
  16. package/build/shadows-edit-panel.cjs +0 -3
  17. package/build/shadows-edit-panel.cjs.map +2 -2
  18. package/build/size-control/index.cjs +0 -2
  19. package/build/size-control/index.cjs.map +2 -2
  20. package/build/utils.cjs +7 -2
  21. package/build/utils.cjs.map +3 -3
  22. package/build-module/block-preview-panel.mjs +40 -4
  23. package/build-module/block-preview-panel.mjs.map +2 -2
  24. package/build-module/font-library/font-collection.mjs +0 -1
  25. package/build-module/font-library/font-collection.mjs.map +2 -2
  26. package/build-module/font-sizes/rename-font-size-dialog.mjs +0 -1
  27. package/build-module/font-sizes/rename-font-size-dialog.mjs.map +2 -2
  28. package/build-module/preview-wrapper.mjs +11 -0
  29. package/build-module/preview-wrapper.mjs.map +2 -2
  30. package/build-module/screen-block.mjs +35 -23
  31. package/build-module/screen-block.mjs.map +2 -2
  32. package/build-module/screen-color-palette.mjs +8 -10
  33. package/build-module/screen-color-palette.mjs.map +2 -2
  34. package/build-module/screen-typography-element.mjs +0 -1
  35. package/build-module/screen-typography-element.mjs.map +2 -2
  36. package/build-module/shadows-edit-panel.mjs +0 -3
  37. package/build-module/shadows-edit-panel.mjs.map +2 -2
  38. package/build-module/size-control/index.mjs +0 -2
  39. package/build-module/size-control/index.mjs.map +2 -2
  40. package/build-module/utils.mjs +11 -3
  41. package/build-module/utils.mjs.map +2 -2
  42. package/build-style/style-rtl.css +21 -7
  43. package/build-style/style.css +21 -7
  44. package/build-types/background-panel.d.ts +0 -3
  45. package/build-types/background-panel.d.ts.map +1 -1
  46. package/build-types/block-preview-panel.d.ts +5 -4
  47. package/build-types/block-preview-panel.d.ts.map +1 -1
  48. package/build-types/confirm-reset-shadow-dialog.d.ts +1 -1
  49. package/build-types/confirm-reset-shadow-dialog.d.ts.map +1 -1
  50. package/build-types/dimensions-panel.d.ts +0 -3
  51. package/build-types/dimensions-panel.d.ts.map +1 -1
  52. package/build-types/font-library/collection-font-variant.d.ts +1 -1
  53. package/build-types/font-library/collection-font-variant.d.ts.map +1 -1
  54. package/build-types/font-library/font-card.d.ts +1 -1
  55. package/build-types/font-library/font-card.d.ts.map +1 -1
  56. package/build-types/font-library/font-collection.d.ts.map +1 -1
  57. package/build-types/font-library/font-library.d.ts +1 -1
  58. package/build-types/font-library/font-library.d.ts.map +1 -1
  59. package/build-types/font-library/library-font-variant.d.ts +1 -1
  60. package/build-types/font-library/library-font-variant.d.ts.map +1 -1
  61. package/build-types/font-library/modal.d.ts +1 -1
  62. package/build-types/font-library/modal.d.ts.map +1 -1
  63. package/build-types/font-sizes/confirm-delete-font-size-dialog.d.ts +1 -1
  64. package/build-types/font-sizes/confirm-delete-font-size-dialog.d.ts.map +1 -1
  65. package/build-types/font-sizes/confirm-reset-font-sizes-dialog.d.ts +1 -1
  66. package/build-types/font-sizes/confirm-reset-font-sizes-dialog.d.ts.map +1 -1
  67. package/build-types/font-sizes/font-size-preview.d.ts +0 -3
  68. package/build-types/font-sizes/font-size-preview.d.ts.map +1 -1
  69. package/build-types/font-sizes/rename-font-size-dialog.d.ts +1 -1
  70. package/build-types/font-sizes/rename-font-size-dialog.d.ts.map +1 -1
  71. package/build-types/global-styles-ui.d.ts +1 -1
  72. package/build-types/global-styles-ui.d.ts.map +1 -1
  73. package/build-types/gradients-palette-panel.d.ts +1 -1
  74. package/build-types/gradients-palette-panel.d.ts.map +1 -1
  75. package/build-types/highlighted-colors.d.ts +1 -1
  76. package/build-types/highlighted-colors.d.ts.map +1 -1
  77. package/build-types/pagination/index.d.ts +1 -1
  78. package/build-types/pagination/index.d.ts.map +1 -1
  79. package/build-types/preview-styles.d.ts +1 -1
  80. package/build-types/preview-styles.d.ts.map +1 -1
  81. package/build-types/preview-wrapper.d.ts +1 -1
  82. package/build-types/preview-wrapper.d.ts.map +1 -1
  83. package/build-types/provider.d.ts +1 -1
  84. package/build-types/provider.d.ts.map +1 -1
  85. package/build-types/screen-block.d.ts.map +1 -1
  86. package/build-types/screen-color-palette.d.ts.map +1 -1
  87. package/build-types/screen-header.d.ts +1 -1
  88. package/build-types/screen-header.d.ts.map +1 -1
  89. package/build-types/screen-revisions/revisions-buttons.d.ts +1 -1
  90. package/build-types/screen-revisions/revisions-buttons.d.ts.map +1 -1
  91. package/build-types/screen-revisions/use-global-styles-revisions.d.ts +1 -1
  92. package/build-types/screen-revisions/use-global-styles-revisions.d.ts.map +1 -1
  93. package/build-types/screen-typography-element.d.ts.map +1 -1
  94. package/build-types/shadows-edit-panel.d.ts.map +1 -1
  95. package/build-types/size-control/index.d.ts.map +1 -1
  96. package/build-types/style-variations-container.d.ts +1 -1
  97. package/build-types/style-variations-container.d.ts.map +1 -1
  98. package/build-types/typography-example.d.ts +1 -1
  99. package/build-types/typography-example.d.ts.map +1 -1
  100. package/build-types/typography-panel.d.ts +1 -4
  101. package/build-types/typography-panel.d.ts.map +1 -1
  102. package/build-types/typography-preview.d.ts +1 -1
  103. package/build-types/typography-preview.d.ts.map +1 -1
  104. package/build-types/utils.d.ts +3 -2
  105. package/build-types/utils.d.ts.map +1 -1
  106. package/build-types/variations/variation.d.ts +1 -1
  107. package/build-types/variations/variation.d.ts.map +1 -1
  108. package/build-types/variations/variations-color.d.ts +1 -1
  109. package/build-types/variations/variations-color.d.ts.map +1 -1
  110. package/build-types/variations/variations-typography.d.ts +1 -1
  111. package/build-types/variations/variations-typography.d.ts.map +1 -1
  112. package/package.json +22 -22
  113. package/src/block-preview-panel.tsx +56 -4
  114. package/src/font-library/font-collection.tsx +0 -1
  115. package/src/font-library/style.scss +4 -4
  116. package/src/font-sizes/rename-font-size-dialog.tsx +0 -1
  117. package/src/preview-wrapper.tsx +10 -0
  118. package/src/screen-block.tsx +40 -25
  119. package/src/screen-color-palette.tsx +15 -19
  120. package/src/screen-revisions/style.scss +1 -1
  121. package/src/screen-typography-element.tsx +0 -1
  122. package/src/shadows-edit-panel.tsx +0 -3
  123. package/src/size-control/index.tsx +0 -2
  124. package/src/stories/index.story.jsx +1 -1
  125. package/src/style.scss +10 -2
  126. package/src/utils.ts +26 -4
@@ -1 +1 @@
1
- {"version":3,"file":"confirm-delete-font-size-dialog.d.ts","sourceRoot":"","sources":["../../src/font-sizes/confirm-delete-font-size-dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,UAAU,gCAAgC;IACzC,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,EAAE,CAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,CAAC;CACrD;AAED,iBAAS,2BAA2B,CAAE,EACrC,QAAQ,EACR,MAAM,EACN,UAAU,EACV,oBAAoB,EACpB,EAAE,gCAAgC,+BA6BlC;eAEc,2BAA2B"}
1
+ {"version":3,"file":"confirm-delete-font-size-dialog.d.ts","sourceRoot":"","sources":["../../src/font-sizes/confirm-delete-font-size-dialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,UAAU,gCAAgC;IACzC,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,EAAE,CAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,CAAC;CACrD;AAED,iBAAS,2BAA2B,CAAE,EACrC,QAAQ,EACR,MAAM,EACN,UAAU,EACV,oBAAoB,GACpB,EAAE,gCAAgC,+BA6BlC;eAEc,2BAA2B"}
@@ -5,6 +5,6 @@ interface ConfirmResetFontSizesDialogProps {
5
5
  toggleOpen: () => void;
6
6
  onConfirm: () => void;
7
7
  }
8
- declare function ConfirmResetFontSizesDialog({ text, confirmButtonText, isOpen, toggleOpen, onConfirm }: ConfirmResetFontSizesDialogProps): import("react").JSX.Element;
8
+ declare function ConfirmResetFontSizesDialog({ text, confirmButtonText, isOpen, toggleOpen, onConfirm, }: ConfirmResetFontSizesDialogProps): import("react").JSX.Element;
9
9
  export default ConfirmResetFontSizesDialog;
10
10
  //# sourceMappingURL=confirm-reset-font-sizes-dialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"confirm-reset-font-sizes-dialog.d.ts","sourceRoot":"","sources":["../../src/font-sizes/confirm-reset-font-sizes-dialog.tsx"],"names":[],"mappings":"AAMA,UAAU,gCAAgC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,iBAAS,2BAA2B,CAAE,EACrC,IAAI,EACJ,iBAAiB,EACjB,MAAM,EACN,UAAU,EACV,SAAS,EACT,EAAE,gCAAgC,+BAsBlC;eAEc,2BAA2B"}
1
+ {"version":3,"file":"confirm-reset-font-sizes-dialog.d.ts","sourceRoot":"","sources":["../../src/font-sizes/confirm-reset-font-sizes-dialog.tsx"],"names":[],"mappings":"AAMA,UAAU,gCAAgC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,iBAAS,2BAA2B,CAAE,EACrC,IAAI,EACJ,iBAAiB,EACjB,MAAM,EACN,UAAU,EACV,SAAS,GACT,EAAE,gCAAgC,+BAsBlC;eAEc,2BAA2B"}
@@ -1,6 +1,3 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
1
  import type { FontSize } from '@wordpress/global-styles-engine';
5
2
  interface FontSizePreviewProps {
6
3
  fontSize: FontSize;
@@ -1 +1 @@
1
- {"version":3,"file":"font-size-preview.d.ts","sourceRoot":"","sources":["../../src/font-sizes/font-size-preview.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAOhE,UAAU,oBAAoB;IAC7B,QAAQ,EAAE,QAAQ,CAAC;CACnB;AAED,iBAAS,eAAe,CAAE,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BA2B3D;eAEc,eAAe"}
1
+ {"version":3,"file":"font-size-preview.d.ts","sourceRoot":"","sources":["../../src/font-sizes/font-size-preview.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAOhE,UAAU,oBAAoB;IAC7B,QAAQ,EAAE,QAAQ,CAAC;CACnB;AAED,iBAAS,eAAe,CAAE,EAAE,QAAQ,EAAE,EAAE,oBAAoB,+BA2B3D;eAEc,eAAe"}
@@ -4,6 +4,6 @@ interface RenameFontSizeDialogProps {
4
4
  toggleOpen: () => void;
5
5
  handleRename: (newName: string) => void;
6
6
  }
7
- declare function RenameFontSizeDialog({ fontSize, toggleOpen, handleRename }: RenameFontSizeDialogProps): import("react").JSX.Element;
7
+ declare function RenameFontSizeDialog({ fontSize, toggleOpen, handleRename, }: RenameFontSizeDialogProps): import("react").JSX.Element;
8
8
  export default RenameFontSizeDialog;
9
9
  //# sourceMappingURL=rename-font-size-dialog.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"rename-font-size-dialog.d.ts","sourceRoot":"","sources":["../../src/font-sizes/rename-font-size-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,UAAU,yBAAyB;IAClC,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;CAC1C;AAED,iBAAS,oBAAoB,CAAE,EAC9B,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,EAAE,yBAAyB,+BAwD3B;eAEc,oBAAoB"}
1
+ {"version":3,"file":"rename-font-size-dialog.d.ts","sourceRoot":"","sources":["../../src/font-sizes/rename-font-size-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAEhE,UAAU,yBAAyB;IAClC,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAE,OAAO,EAAE,MAAM,KAAM,IAAI,CAAC;CAC1C;AAED,iBAAS,oBAAoB,CAAE,EAC9B,QAAQ,EACR,UAAU,EACV,YAAY,GACZ,EAAE,yBAAyB,+BAuD3B;eAEc,oBAAoB"}
@@ -21,6 +21,6 @@ interface GlobalStylesUIProps {
21
21
  __unstableResolvedAssets: Record<string, unknown>;
22
22
  };
23
23
  }
24
- export declare function GlobalStylesUI({ value, baseValue, onChange, path, onPathChange, fontLibraryEnabled, serverCSS, serverSettings }: GlobalStylesUIProps): import("react").JSX.Element;
24
+ export declare function GlobalStylesUI({ value, baseValue, onChange, path, onPathChange, fontLibraryEnabled, serverCSS, serverSettings, }: GlobalStylesUIProps): import("react").JSX.Element;
25
25
  export {};
26
26
  //# sourceMappingURL=global-styles-ui.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"global-styles-ui.d.ts","sourceRoot":"","sources":["../src/global-styles-ui.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAiF1E,UAAU,mBAAmB;IAC5B,mDAAmD;IACnD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,gDAAgD;IAChD,SAAS,EAAE,kBAAkB,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,CAAE,QAAQ,EAAE,kBAAkB,KAAM,IAAI,CAAC;IACnD,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IACxC,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,SAAS,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAC3C,yDAAyD;IACzD,cAAc,CAAC,EAAE;QAAE,wBAAwB,EAAE,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAA;KAAE,CAAC;CACzE;AAED,wBAAgB,cAAc,CAAE,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,kBAA0B,EAC1B,SAAS,EACT,cAAc,EACd,EAAE,mBAAmB,+BA8HrB"}
1
+ {"version":3,"file":"global-styles-ui.d.ts","sourceRoot":"","sources":["../src/global-styles-ui.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAiF1E,UAAU,mBAAmB;IAC5B,mDAAmD;IACnD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,gDAAgD;IAChD,SAAS,EAAE,kBAAkB,CAAC;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,CAAE,QAAQ,EAAE,kBAAkB,KAAM,IAAI,CAAC;IACnD,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IACxC,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,2DAA2D;IAC3D,SAAS,CAAC,EAAE;QAAE,cAAc,CAAC,EAAE,OAAO,CAAA;KAAE,EAAE,CAAC;IAC3C,yDAAyD;IACzD,cAAc,CAAC,EAAE;QAAE,wBAAwB,EAAE,MAAM,CAAE,MAAM,EAAE,OAAO,CAAE,CAAA;KAAE,CAAC;CACzE;AAED,wBAAgB,cAAc,CAAE,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,kBAA0B,EAC1B,SAAS,EACT,cAAc,GACd,EAAE,mBAAmB,+BA8HrB"}
@@ -1,6 +1,6 @@
1
1
  interface GradientPalettePanelProps {
2
2
  name?: string;
3
3
  }
4
- export default function GradientPalettePanel({ name }: GradientPalettePanelProps): import("react").JSX.Element;
4
+ export default function GradientPalettePanel({ name, }: GradientPalettePanelProps): import("react").JSX.Element;
5
5
  export {};
6
6
  //# sourceMappingURL=gradients-palette-panel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"gradients-palette-panel.d.ts","sourceRoot":"","sources":["../src/gradients-palette-panel.tsx"],"names":[],"mappings":"AAuBA,UAAU,yBAAyB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAE,EAC7C,IAAI,EACJ,EAAE,yBAAyB,+BAgG3B"}
1
+ {"version":3,"file":"gradients-palette-panel.d.ts","sourceRoot":"","sources":["../src/gradients-palette-panel.tsx"],"names":[],"mappings":"AAuBA,UAAU,yBAAyB;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAE,EAC7C,IAAI,GACJ,EAAE,yBAAyB,+BAgG3B"}
@@ -2,6 +2,6 @@ interface HighlightedColorsProps {
2
2
  normalizedColorSwatchSize: number;
3
3
  ratio: number;
4
4
  }
5
- export default function HighlightedColors({ normalizedColorSwatchSize, ratio }: HighlightedColorsProps): import("react").JSX.Element[];
5
+ export default function HighlightedColors({ normalizedColorSwatchSize, ratio, }: HighlightedColorsProps): import("react").JSX.Element[];
6
6
  export {};
7
7
  //# sourceMappingURL=highlighted-colors.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"highlighted-colors.d.ts","sourceRoot":"","sources":["../src/highlighted-colors.tsx"],"names":[],"mappings":"AAUA,UAAU,sBAAsB;IAC/B,yBAAyB,EAAE,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,EAC1C,yBAAyB,EACzB,KAAK,EACL,EAAE,sBAAsB,iCAyBxB"}
1
+ {"version":3,"file":"highlighted-colors.d.ts","sourceRoot":"","sources":["../src/highlighted-colors.tsx"],"names":[],"mappings":"AAUA,UAAU,sBAAsB;IAC/B,yBAAyB,EAAE,MAAM,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,EAC1C,yBAAyB,EACzB,KAAK,GACL,EAAE,sBAAsB,iCAyBxB"}
@@ -8,6 +8,6 @@ interface PaginationProps {
8
8
  buttonVariant?: 'primary' | 'secondary' | 'tertiary';
9
9
  label?: string;
10
10
  }
11
- export default function Pagination({ currentPage, numPages, changePage, totalItems, className, disabled, buttonVariant, label }: PaginationProps): import("react").JSX.Element;
11
+ export default function Pagination({ currentPage, numPages, changePage, totalItems, className, disabled, buttonVariant, label, }: PaginationProps): import("react").JSX.Element;
12
12
  export {};
13
13
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pagination/index.tsx"],"names":[],"mappings":"AAgBA,UAAU,eAAe;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAE,EACnC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,aAA0B,EAC1B,KAA0B,EAC1B,EAAE,eAAe,+BAsEjB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pagination/index.tsx"],"names":[],"mappings":"AAgBA,UAAU,eAAe;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,CAAE,IAAI,EAAE,MAAM,KAAM,IAAI,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAE,EACnC,WAAW,EACX,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,aAA0B,EAC1B,KAA0B,GAC1B,EAAE,eAAe,+BAsEjB"}
@@ -4,6 +4,6 @@ interface PreviewStylesProps {
4
4
  withHoverView?: boolean;
5
5
  variation?: any;
6
6
  }
7
- declare function PreviewStyles({ label, isFocused, withHoverView, variation }: PreviewStylesProps): import("react").JSX.Element;
7
+ declare function PreviewStyles({ label, isFocused, withHoverView, variation, }: PreviewStylesProps): import("react").JSX.Element;
8
8
  export default PreviewStyles;
9
9
  //# sourceMappingURL=preview-styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"preview-styles.d.ts","sourceRoot":"","sources":["../src/preview-styles.tsx"],"names":[],"mappings":"AAiDA,UAAU,kBAAkB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,iBAAS,aAAa,CAAE,EACvB,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,EACT,EAAE,kBAAkB,+BAoIpB;eAEc,aAAa"}
1
+ {"version":3,"file":"preview-styles.d.ts","sourceRoot":"","sources":["../src/preview-styles.tsx"],"names":[],"mappings":"AAiDA,UAAU,kBAAkB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,iBAAS,aAAa,CAAE,EACvB,KAAK,EACL,SAAS,EACT,aAAa,EACb,SAAS,GACT,EAAE,kBAAkB,+BAoIpB;eAEc,aAAa"}
@@ -10,6 +10,6 @@ interface PreviewWrapperProps {
10
10
  isFocused?: boolean;
11
11
  withHoverView?: boolean;
12
12
  }
13
- declare function PreviewWrapper({ children, label, isFocused, withHoverView }: PreviewWrapperProps): import("react").JSX.Element;
13
+ declare function PreviewWrapper({ children, label, isFocused, withHoverView, }: PreviewWrapperProps): import("react").JSX.Element;
14
14
  export default PreviewWrapper;
15
15
  //# sourceMappingURL=preview-wrapper.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"preview-wrapper.d.ts","sourceRoot":"","sources":["../src/preview-wrapper.tsx"],"names":[],"mappings":"AA+BA,UAAU,mBAAmB;IAC5B,QAAQ,EACL,CAAE,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAM,KAAK,CAAC,SAAS,CAAE,GAC/D,CAAE,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAM,KAAK,CAAC,SAAS,CAAE,EAAE,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,iBAAS,cAAc,CAAE,EACxB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,EACb,EAAE,mBAAmB,+BA+FrB;eAEc,cAAc"}
1
+ {"version":3,"file":"preview-wrapper.d.ts","sourceRoot":"","sources":["../src/preview-wrapper.tsx"],"names":[],"mappings":"AAgCA,UAAU,mBAAmB;IAC5B,QAAQ,EACL,CAAE,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAM,KAAK,CAAC,SAAS,CAAE,GAC/D,CAAE,CAAE,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAM,KAAK,CAAC,SAAS,CAAE,EAAE,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,iBAAS,cAAc,CAAE,EACxB,QAAQ,EACR,KAAK,EACL,SAAS,EACT,aAAa,GACb,EAAE,mBAAmB,+BAwGrB;eAEc,cAAc"}
@@ -10,6 +10,6 @@ interface GlobalStylesProviderProps {
10
10
  onChange: (newValue: GlobalStylesConfig) => void;
11
11
  fontLibraryEnabled?: boolean;
12
12
  }
13
- export declare function GlobalStylesProvider({ children, value, baseValue, onChange, fontLibraryEnabled }: GlobalStylesProviderProps): import("react").JSX.Element;
13
+ export declare function GlobalStylesProvider({ children, value, baseValue, onChange, fontLibraryEnabled, }: GlobalStylesProviderProps): import("react").JSX.Element;
14
14
  export {};
15
15
  //# sourceMappingURL=provider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAQ1E,UAAU,yBAAyB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,CAAE,QAAQ,EAAE,kBAAkB,KAAM,IAAI,CAAC;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAE,EACrC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,EAAE,yBAAyB,+BAsB3B"}
1
+ {"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAQ1E,UAAU,yBAAyB;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,kBAAkB,CAAC;IAC1B,SAAS,EAAE,kBAAkB,CAAC;IAC9B,QAAQ,EAAE,CAAE,QAAQ,EAAE,kBAAkB,KAAM,IAAI,CAAC;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAE,EACrC,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,kBAAkB,GAClB,EAAE,yBAAyB,+BAsB3B"}
@@ -1 +1 @@
1
- {"version":3,"file":"screen-block.d.ts","sourceRoot":"","sources":["../src/screen-block.tsx"],"names":[],"mappings":"AAgGA,UAAU,gBAAgB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,iBAAS,WAAW,CAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA0V1D;eAEc,WAAW"}
1
+ {"version":3,"file":"screen-block.d.ts","sourceRoot":"","sources":["../src/screen-block.tsx"],"names":[],"mappings":"AAgGA,UAAU,gBAAgB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,iBAAS,WAAW,CAAE,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAyW1D;eAEc,WAAW"}
@@ -1 +1 @@
1
- {"version":3,"file":"screen-color-palette.d.ts","sourceRoot":"","sources":["../src/screen-color-palette.tsx"],"names":[],"mappings":"AAqBA,iBAAS,kBAAkB,CAAE,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BAuBvD;eAEc,kBAAkB"}
1
+ {"version":3,"file":"screen-color-palette.d.ts","sourceRoot":"","sources":["../src/screen-color-palette.tsx"],"names":[],"mappings":"AAaA,iBAAS,kBAAkB,CAAE,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,+BA2BvD;eAEc,kBAAkB"}
@@ -13,6 +13,6 @@ interface ScreenHeaderProps {
13
13
  onChangeViewport?: (value: string) => void;
14
14
  onChangePseudoState?: (value: string) => void;
15
15
  }
16
- export declare function ScreenHeader({ title, description, onBack, viewportStates, pseudoStates, selectedViewport, selectedPseudoState, onChangeViewport, onChangePseudoState }: ScreenHeaderProps): import("react").JSX.Element;
16
+ export declare function ScreenHeader({ title, description, onBack, viewportStates, pseudoStates, selectedViewport, selectedPseudoState, onChangeViewport, onChangePseudoState, }: ScreenHeaderProps): import("react").JSX.Element;
17
17
  export {};
18
18
  //# sourceMappingURL=screen-header.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"screen-header.d.ts","sourceRoot":"","sources":["../src/screen-header.tsx"],"names":[],"mappings":"AAiBA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,UAAU,iBAAiB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;CAChD;AAED,wBAAgB,YAAY,CAAE,EAC7B,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,YAAY,EACZ,gBAA4B,EAC5B,mBAA+B,EAC/B,gBAAgB,EAChB,mBAAmB,EACnB,EAAE,iBAAiB,+BA2DnB"}
1
+ {"version":3,"file":"screen-header.d.ts","sourceRoot":"","sources":["../src/screen-header.tsx"],"names":[],"mappings":"AAiBA;;GAEG;AACH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,UAAU,iBAAiB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,CAAC,EAAE,eAAe,EAAE,CAAC;IACnC,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;CAChD;AAED,wBAAgB,YAAY,CAAE,EAC7B,KAAK,EACL,WAAW,EACX,MAAM,EACN,cAAc,EACd,YAAY,EACZ,gBAA4B,EAC5B,mBAA+B,EAC/B,gBAAgB,EAChB,mBAAmB,GACnB,EAAE,iBAAiB,+BA2DnB"}
@@ -18,6 +18,6 @@ interface RevisionButtonsProps {
18
18
  * @param root0.canApplyRevision
19
19
  * @param root0.onApplyRevision
20
20
  */
21
- declare function RevisionsButtons({ userRevisions, selectedRevisionId, onChange, canApplyRevision, onApplyRevision }: RevisionButtonsProps): import("react").JSX.Element;
21
+ declare function RevisionsButtons({ userRevisions, selectedRevisionId, onChange, canApplyRevision, onApplyRevision, }: RevisionButtonsProps): import("react").JSX.Element;
22
22
  export default RevisionsButtons;
23
23
  //# sourceMappingURL=revisions-buttons.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"revisions-buttons.d.ts","sourceRoot":"","sources":["../../src/screen-revisions/revisions-buttons.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+ExC,UAAU,oBAAoB;IAC7B,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrC,QAAQ,EAAE,CAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAE,EAC1B,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,EAAE,oBAAoB,+BAgJtB;eAEc,gBAAgB"}
1
+ {"version":3,"file":"revisions-buttons.d.ts","sourceRoot":"","sources":["../../src/screen-revisions/revisions-buttons.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AA+ExC,UAAU,oBAAoB;IAC7B,aAAa,EAAE,QAAQ,EAAE,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrC,QAAQ,EAAE,CAAE,QAAQ,EAAE,QAAQ,KAAM,IAAI,CAAC;IACzC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAE,EAC1B,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,eAAe,GACf,EAAE,oBAAoB,+BAgJtB;eAEc,gBAAgB"}
@@ -12,6 +12,6 @@ interface UseGlobalStylesRevisionsReturn {
12
12
  isLoading: boolean;
13
13
  revisionsCount: number;
14
14
  }
15
- export default function useGlobalStylesRevisions({ query }?: UseGlobalStylesRevisionsParams): UseGlobalStylesRevisionsReturn;
15
+ export default function useGlobalStylesRevisions({ query, }?: UseGlobalStylesRevisionsParams): UseGlobalStylesRevisionsReturn;
16
16
  export {};
17
17
  //# sourceMappingURL=use-global-styles-revisions.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"use-global-styles-revisions.d.ts","sourceRoot":"","sources":["../../src/screen-revisions/use-global-styles-revisions.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAM9C,UAAU,KAAK;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,8BAA8B;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,UAAU,8BAA8B;IACvC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACvB;AAWD,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAE,EACjD,KAAK,EACL,GAAE,8BAAmC,GAAI,8BAA8B,CA2JvE"}
1
+ {"version":3,"file":"use-global-styles-revisions.d.ts","sourceRoot":"","sources":["../../src/screen-revisions/use-global-styles-revisions.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,QAAQ,EAAQ,MAAM,SAAS,CAAC;AAM9C,UAAU,KAAK;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,UAAU,8BAA8B;IACvC,KAAK,CAAC,EAAE,KAAK,CAAC;CACd;AAED,UAAU,8BAA8B;IACvC,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;CACvB;AAWD,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAE,EACjD,KAAK,GACL,GAAE,8BAAmC,GAAI,8BAA8B,CA2JvE"}
@@ -1 +1 @@
1
- {"version":3,"file":"screen-typography-element.d.ts","sourceRoot":"","sources":["../src/screen-typography-element.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,QAAQ;IACb,IAAI;QACH,WAAW;QACX,KAAK;;IAEN,IAAI;QACH,WAAW;QACX,KAAK;;IAEN,OAAO;QACN,WAAW;QACX,KAAK;;IAEN,OAAO;QACN,WAAW;QACX,KAAK;;IAEN,MAAM;QACL,WAAW;QACX,KAAK;;CAEN,CAAC;AAEF,UAAU,4BAA4B;IACrC,OAAO,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC/B;AAED,iBAAS,uBAAuB,CAAE,EAAE,OAAO,EAAE,EAAE,4BAA4B,+BA8E1E;eAEc,uBAAuB"}
1
+ {"version":3,"file":"screen-typography-element.d.ts","sourceRoot":"","sources":["../src/screen-typography-element.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,QAAQ;IACb,IAAI;QACH,WAAW;QACX,KAAK;;IAEN,IAAI;QACH,WAAW;QACX,KAAK;;IAEN,OAAO;QACN,WAAW;QACX,KAAK;;IAEN,OAAO;QACN,WAAW;QACX,KAAK;;IAEN,MAAM;QACL,WAAW;QACX,KAAK;;CAEN,CAAC;AAEF,UAAU,4BAA4B;IACrC,OAAO,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC/B;AAED,iBAAS,uBAAuB,CAAE,EAAE,OAAO,EAAE,EAAE,4BAA4B,+BA6E1E;eAEc,uBAAuB"}
@@ -1 +1 @@
1
- {"version":3,"file":"shadows-edit-panel.d.ts","sourceRoot":"","sources":["../src/shadows-edit-panel.tsx"],"names":[],"mappings":"AAyEA,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCAmNvC"}
1
+ {"version":3,"file":"shadows-edit-panel.d.ts","sourceRoot":"","sources":["../src/shadows-edit-panel.tsx"],"names":[],"mappings":"AAyEA,MAAM,CAAC,OAAO,UAAU,gBAAgB,uCAkNvC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/size-control/index.tsx"],"names":[],"mappings":"AAiBA,UAAU,gBAAgB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAE,KAAK,EAAE,gBAAgB,+BA+D5C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/size-control/index.tsx"],"names":[],"mappings":"AAiBA,UAAU,gBAAgB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,MAAM,GAAG,SAAS,KAAM,IAAI,CAAC;IACjD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAE,KAAK,EAAE,gBAAgB,+BA6D5C;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
@@ -1,6 +1,6 @@
1
1
  interface StyleVariationsContainerProps {
2
2
  gap?: number;
3
3
  }
4
- declare function StyleVariationsContainer({ gap }: StyleVariationsContainerProps): import("react").JSX.Element | null;
4
+ declare function StyleVariationsContainer({ gap, }: StyleVariationsContainerProps): import("react").JSX.Element | null;
5
5
  export default StyleVariationsContainer;
6
6
  //# sourceMappingURL=style-variations-container.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"style-variations-container.d.ts","sourceRoot":"","sources":["../src/style-variations-container.tsx"],"names":[],"mappings":"AAqBA,UAAU,6BAA6B;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAED,iBAAS,wBAAwB,CAAE,EAClC,GAAO,EACP,EAAE,6BAA6B,sCA2H/B;eAEc,wBAAwB"}
1
+ {"version":3,"file":"style-variations-container.d.ts","sourceRoot":"","sources":["../src/style-variations-container.tsx"],"names":[],"mappings":"AAqBA,UAAU,6BAA6B;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAED,iBAAS,wBAAwB,CAAE,EAClC,GAAO,GACP,EAAE,6BAA6B,sCA2H/B;eAEc,wBAAwB"}
@@ -2,6 +2,6 @@ interface TypographyExampleProps {
2
2
  fontSize?: number;
3
3
  variation?: any;
4
4
  }
5
- export default function PreviewTypography({ fontSize, variation }: TypographyExampleProps): import("react").JSX.Element;
5
+ export default function PreviewTypography({ fontSize, variation, }: TypographyExampleProps): import("react").JSX.Element;
6
6
  export {};
7
7
  //# sourceMappingURL=typography-example.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"typography-example.d.ts","sourceRoot":"","sources":["../src/typography-example.tsx"],"names":[],"mappings":"AAeA,UAAU,sBAAsB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,EAC1C,QAAQ,EACR,SAAS,EACT,EAAE,sBAAsB,+BAsDxB"}
1
+ {"version":3,"file":"typography-example.d.ts","sourceRoot":"","sources":["../src/typography-example.tsx"],"names":[],"mappings":"AAeA,UAAU,sBAAsB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,EAC1C,QAAQ,EACR,SAAS,GACT,EAAE,sBAAsB,+BAsDxB"}
@@ -1,10 +1,7 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
1
  interface TypographyPanelProps {
5
2
  element: string;
6
3
  headingLevel: string;
7
4
  }
8
- export default function TypographyPanel({ element, headingLevel }: TypographyPanelProps): import("react").JSX.Element;
5
+ export default function TypographyPanel({ element, headingLevel, }: TypographyPanelProps): import("react").JSX.Element;
9
6
  export {};
10
7
  //# sourceMappingURL=typography-panel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"typography-panel.d.ts","sourceRoot":"","sources":["../src/typography-panel.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAaH,UAAU,oBAAoB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,OAAO,EACP,YAAY,EACZ,EAAE,oBAAoB,+BAgCtB"}
1
+ {"version":3,"file":"typography-panel.d.ts","sourceRoot":"","sources":["../src/typography-panel.tsx"],"names":[],"mappings":"AAeA,UAAU,oBAAoB;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,OAAO,EACP,YAAY,GACZ,EAAE,oBAAoB,+BAgCtB"}
@@ -3,6 +3,6 @@ interface TypographyPreviewProps {
3
3
  element: string;
4
4
  headingLevel: string;
5
5
  }
6
- export default function TypographyPreview({ name, element, headingLevel }: TypographyPreviewProps): import("react").JSX.Element;
6
+ export default function TypographyPreview({ name, element, headingLevel, }: TypographyPreviewProps): import("react").JSX.Element;
7
7
  export {};
8
8
  //# sourceMappingURL=typography-preview.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"typography-preview.d.ts","sourceRoot":"","sources":["../src/typography-preview.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,EAC1C,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,EAAE,sBAAsB,+BA6CxB"}
1
+ {"version":3,"file":"typography-preview.d.ts","sourceRoot":"","sources":["../src/typography-preview.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,EAC1C,IAAI,EACJ,OAAO,EACP,YAAY,GACZ,EAAE,sBAAsB,+BA6CxB"}
@@ -1,4 +1,4 @@
1
- import type { GlobalStylesConfig } from '@wordpress/global-styles-engine';
1
+ import type { GlobalStylesConfig, GlobalStylesSettings } from '@wordpress/global-styles-engine';
2
2
  /**
3
3
  * State definition with value and label.
4
4
  */
@@ -31,9 +31,10 @@ export declare function getValidPseudoStates(name: string): StateDefinition[];
31
31
  /**
32
32
  * Get the valid viewport state definitions.
33
33
  *
34
+ * @param viewportSettings
34
35
  * @return Array of valid viewport state definitions.
35
36
  */
36
- export declare function getValidViewportStates(): StateDefinition[];
37
+ export declare function getValidViewportStates(viewportSettings?: GlobalStylesSettings['viewport']): StateDefinition[];
37
38
  /**
38
39
  * Removes all instances of properties from an object.
39
40
  *
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAE,MAAM,EAAE,eAAe,EAAE,CAmBnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAE,MAAM,EAAE,eAAe,EAAE,CAOjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAAe,EAG9C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAE,IAAI,EAAE,MAAM,GAAI,eAAe,EAAE,CAYtE;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,IAAI,eAAe,EAAE,CAE1D;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACzC,MAAM,EAAE,GAAG,EACX,UAAU,EAAE,MAAM,EAAE,GAClB,GAAG,CAqBL;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,WAC5B,GAAG,cACC,MAAM,EAAE,KAClB,GAoBF,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACxC,SAAS,EAAE,kBAAkB,EAC7B,UAAU,EAAE,MAAM,EAAE,GAClB,OAAO,CAOT;AAeD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAE,SAAS,EAAE,GAAG,GAAI,CAAE,GAAG,EAAE,GAAG,CAAE,CAkC9D;AA4CD,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,MAAM,GAAI,MAAM,CAwBxD;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAE,MAAM,EAAE,GAAG,GAAI,KAAK,CAAC,aAAa,CAkCxE;AAED;;;;;;;;;GASG;AACH;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAE,SAAS,EAAE,MAAM,GAAI,MAAM,CAKjE;AAED,wBAAgB,sBAAsB,CACrC,OAAO,EAAE,GAAG,EAAE,EACd,UAAU,EAAE,MAAM,GAChB,MAAM,CAeR"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACX,kBAAkB,EAClB,oBAAoB,EACpB,MAAM,iCAAiC,CAAC;AAUzC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAE,MAAM,EAAE,eAAe,EAAE,CAmBnE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAE,MAAM,EAAE,eAAe,EAAE,CAOjE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAAe,EAG9C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAE,IAAI,EAAE,MAAM,GAAI,eAAe,EAAE,CAYtE;AAED;;;;;GAKG;AACH,wBAAgB,sBAAsB,CACrC,gBAAgB,CAAC,EAAE,oBAAoB,CAAE,UAAU,CAAE,GACnD,eAAe,EAAE,CAQnB;AAED;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACzC,MAAM,EAAE,GAAG,EACX,UAAU,EAAE,MAAM,EAAE,GAClB,GAAG,CAqBL;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,WAC5B,GAAG,cACC,MAAM,EAAE,KAClB,GAoBF,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,yBAAyB,CACxC,SAAS,EAAE,kBAAkB,EAC7B,UAAU,EAAE,MAAM,EAAE,GAClB,OAAO,CAOT;AAeD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAE,SAAS,EAAE,GAAG,GAAI,CAAE,GAAG,EAAE,GAAG,CAAE,CAkC9D;AA4CD,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,MAAM,GAAI,MAAM,CAwBxD;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAE,MAAM,EAAE,GAAG,GAAI,KAAK,CAAC,aAAa,CAkCxE;AAED;;;;;;;;;GASG;AACH;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAE,SAAS,EAAE,MAAM,GAAI,MAAM,CAKjE;AAED,wBAAgB,sBAAsB,CACrC,OAAO,EAAE,GAAG,EAAE,EACd,UAAU,EAAE,MAAM,GAChB,MAAM,CAeR"}
@@ -5,6 +5,6 @@ interface VariationProps {
5
5
  properties?: string[];
6
6
  showTooltip?: boolean;
7
7
  }
8
- export default function Variation({ variation, children, isPill, properties, showTooltip }: VariationProps): import("react").JSX.Element;
8
+ export default function Variation({ variation, children, isPill, properties, showTooltip, }: VariationProps): import("react").JSX.Element;
9
9
  export {};
10
10
  //# sourceMappingURL=variation.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"variation.d.ts","sourceRoot":"","sources":["../../src/variations/variation.tsx"],"names":[],"mappings":"AAqBA,UAAU,cAAc;IACvB,SAAS,EAAE,GAAG,CAAC;IACf,QAAQ,EAAE,CAAE,SAAS,EAAE,OAAO,KAAM,KAAK,CAAC,SAAS,CAAC;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAClC,SAAS,EACT,QAAQ,EACR,MAAc,EACd,UAAU,EACV,WAAmB,EACnB,EAAE,cAAc,+BAiFhB"}
1
+ {"version":3,"file":"variation.d.ts","sourceRoot":"","sources":["../../src/variations/variation.tsx"],"names":[],"mappings":"AAqBA,UAAU,cAAc;IACvB,SAAS,EAAE,GAAG,CAAC;IACf,QAAQ,EAAE,CAAE,SAAS,EAAE,OAAO,KAAM,KAAK,CAAC,SAAS,CAAC;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,EAClC,SAAS,EACT,QAAQ,EACR,MAAc,EACd,UAAU,EACV,WAAmB,GACnB,EAAE,cAAc,+BAiFhB"}
@@ -2,6 +2,6 @@ interface ColorVariationsProps {
2
2
  title?: string;
3
3
  gap?: number;
4
4
  }
5
- export default function ColorVariations({ title, gap }: ColorVariationsProps): import("react").JSX.Element | null;
5
+ export default function ColorVariations({ title, gap, }: ColorVariationsProps): import("react").JSX.Element | null;
6
6
  export {};
7
7
  //# sourceMappingURL=variations-color.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"variations-color.d.ts","sourceRoot":"","sources":["../../src/variations/variations-color.tsx"],"names":[],"mappings":"AAgBA,UAAU,oBAAoB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAID,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,KAAK,EACL,GAAO,EACP,EAAE,oBAAoB,sCA2BtB"}
1
+ {"version":3,"file":"variations-color.d.ts","sourceRoot":"","sources":["../../src/variations/variations-color.tsx"],"names":[],"mappings":"AAgBA,UAAU,oBAAoB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAID,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,KAAK,EACL,GAAO,GACP,EAAE,oBAAoB,sCA2BtB"}
@@ -2,6 +2,6 @@ interface TypographyVariationsProps {
2
2
  title?: string;
3
3
  gap?: number;
4
4
  }
5
- export default function TypographyVariations({ title, gap }: TypographyVariationsProps): import("react").JSX.Element | null;
5
+ export default function TypographyVariations({ title, gap, }: TypographyVariationsProps): import("react").JSX.Element | null;
6
6
  export {};
7
7
  //# sourceMappingURL=variations-typography.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"variations-typography.d.ts","sourceRoot":"","sources":["../../src/variations/variations-typography.tsx"],"names":[],"mappings":"AAgBA,UAAU,yBAAyB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAID,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAE,EAC7C,KAAK,EACL,GAAO,EACP,EAAE,yBAAyB,sCAsC3B"}
1
+ {"version":3,"file":"variations-typography.d.ts","sourceRoot":"","sources":["../../src/variations/variations-typography.tsx"],"names":[],"mappings":"AAgBA,UAAU,yBAAyB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACb;AAID,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAE,EAC7C,KAAK,EACL,GAAO,GACP,EAAE,yBAAyB,sCAsC3B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/global-styles-ui",
3
- "version": "1.17.0",
3
+ "version": "1.18.0",
4
4
  "description": "Global Styles UI components for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -43,23 +43,23 @@
43
43
  "./build-style/": "./build-style/"
44
44
  },
45
45
  "dependencies": {
46
- "@wordpress/a11y": "^4.50.0",
47
- "@wordpress/api-fetch": "^7.50.0",
48
- "@wordpress/base-styles": "^10.2.0",
49
- "@wordpress/block-editor": "^15.23.0",
50
- "@wordpress/blocks": "^15.23.0",
51
- "@wordpress/components": "^36.1.0",
52
- "@wordpress/compose": "^8.3.0",
53
- "@wordpress/core-data": "^7.50.0",
54
- "@wordpress/data": "^10.50.0",
55
- "@wordpress/date": "^5.50.0",
56
- "@wordpress/element": "^8.2.0",
57
- "@wordpress/global-styles-engine": "^1.17.0",
58
- "@wordpress/i18n": "^6.23.0",
59
- "@wordpress/icons": "^15.1.0",
60
- "@wordpress/keycodes": "^4.50.0",
61
- "@wordpress/private-apis": "^1.50.0",
62
- "@wordpress/ui": "^0.17.0",
46
+ "@wordpress/a11y": "^4.51.0",
47
+ "@wordpress/api-fetch": "^7.51.0",
48
+ "@wordpress/base-styles": "^11.0.0",
49
+ "@wordpress/block-editor": "^16.0.0",
50
+ "@wordpress/blocks": "^15.24.0",
51
+ "@wordpress/components": "^37.0.0",
52
+ "@wordpress/compose": "^8.4.0",
53
+ "@wordpress/core-data": "^7.51.0",
54
+ "@wordpress/data": "^10.51.0",
55
+ "@wordpress/date": "^5.51.0",
56
+ "@wordpress/element": "^8.3.0",
57
+ "@wordpress/global-styles-engine": "^1.18.0",
58
+ "@wordpress/i18n": "^6.24.0",
59
+ "@wordpress/icons": "^15.2.0",
60
+ "@wordpress/keycodes": "^4.51.0",
61
+ "@wordpress/private-apis": "^1.51.0",
62
+ "@wordpress/ui": "^0.18.0",
63
63
  "change-case": "^4.1.2",
64
64
  "clsx": "^2.1.1",
65
65
  "colord": "^2.9.3"
@@ -69,9 +69,9 @@
69
69
  "@testing-library/react": "^16.3.2"
70
70
  },
71
71
  "peerDependencies": {
72
- "@types/react": "^18.3.27",
73
- "react": "^18.0.0",
74
- "react-dom": "^18.0.0"
72
+ "@types/react": "^18 || ^19",
73
+ "react": "^18 || ^19",
74
+ "react-dom": "^18 || ^19"
75
75
  },
76
76
  "peerDependenciesMeta": {
77
77
  "@types/react": {
@@ -81,5 +81,5 @@
81
81
  "publishConfig": {
82
82
  "access": "public"
83
83
  },
84
- "gitHead": "fee6e24e8e63d36f6bbcf487c193461e9bd79753"
84
+ "gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
85
85
  }
@@ -6,12 +6,20 @@ import { BlockPreview } from '@wordpress/block-editor';
6
6
  import { getBlockType, getBlockFromExample } from '@wordpress/blocks';
7
7
  import { __experimentalSpacer as Spacer } from '@wordpress/components';
8
8
  import { useMemo } from '@wordpress/element';
9
- import { __unstableGeneratePreviewStateStyles as generatePreviewStateStyles } from '@wordpress/global-styles-engine';
9
+ import {
10
+ privateApis as globalStylesEnginePrivateApis,
11
+ __unstableGeneratePreviewStateStyles as generatePreviewStateStyles,
12
+ } from '@wordpress/global-styles-engine';
10
13
 
11
14
  /**
12
15
  * Internal dependencies
13
16
  */
14
17
  import { getVariationClassName } from './utils';
18
+ import { unlock } from './lock-unlock';
19
+
20
+ const { getViewportBreakpoints, getViewportBreakpointValueInPixels } = unlock(
21
+ globalStylesEnginePrivateApis
22
+ );
15
23
 
16
24
  interface BlockPreviewPanelProps {
17
25
  name: string;
@@ -19,21 +27,65 @@ interface BlockPreviewPanelProps {
19
27
  selectedViewport?: string;
20
28
  selectedState?: string;
21
29
  stateStyles?: any;
30
+ viewportSettings?: {
31
+ mobile?: string;
32
+ tablet?: string;
33
+ };
22
34
  }
23
35
 
24
- // Keep in sync with responsive breakpoint media queries in the global styles engine.
25
- const PREVIEW_WIDTH_BY_VIEWPORT: Record< string, number > = {
36
+ const DEFAULT_PREVIEW_WIDTH_BY_VIEWPORT: Record< string, number > = {
26
37
  default: 783,
27
38
  '@tablet': 600,
28
39
  '@mobile': 480,
29
40
  };
30
41
 
42
+ function getPreviewWidthByViewport(
43
+ selectedViewport: string,
44
+ viewportSettings: BlockPreviewPanelProps[ 'viewportSettings' ]
45
+ ) {
46
+ const breakpoints = getViewportBreakpoints( viewportSettings );
47
+ const mobileWidth = getViewportBreakpointValueInPixels(
48
+ breakpoints.mobile
49
+ );
50
+
51
+ if ( selectedViewport === '@mobile' && mobileWidth ) {
52
+ return mobileWidth;
53
+ }
54
+
55
+ const tabletWidth = getViewportBreakpointValueInPixels(
56
+ breakpoints.tablet
57
+ );
58
+
59
+ if ( selectedViewport === '@tablet' && tabletWidth ) {
60
+ if ( ! mobileWidth ) {
61
+ return tabletWidth;
62
+ }
63
+ if (
64
+ breakpoints.mobile === '480px' &&
65
+ breakpoints.tablet === '782px'
66
+ ) {
67
+ return DEFAULT_PREVIEW_WIDTH_BY_VIEWPORT[ '@tablet' ];
68
+ }
69
+ return Math.round( ( mobileWidth + tabletWidth ) / 2 );
70
+ }
71
+
72
+ if ( selectedViewport === 'default' ) {
73
+ const desktopBreakpoint = tabletWidth ?? mobileWidth;
74
+ if ( desktopBreakpoint ) {
75
+ return desktopBreakpoint + 1;
76
+ }
77
+ }
78
+
79
+ return DEFAULT_PREVIEW_WIDTH_BY_VIEWPORT[ selectedViewport ];
80
+ }
81
+
31
82
  const BlockPreviewPanel = ( {
32
83
  name,
33
84
  variation = '',
34
85
  selectedViewport = 'default',
35
86
  selectedState = 'default',
36
87
  stateStyles,
88
+ viewportSettings,
37
89
  }: BlockPreviewPanelProps ) => {
38
90
  const blockExample = getBlockType( name )?.example;
39
91
  const blocks = useMemo( () => {
@@ -69,7 +121,7 @@ const BlockPreviewPanel = ( {
69
121
  }
70
122
 
71
123
  const viewportWidth =
72
- PREVIEW_WIDTH_BY_VIEWPORT[ selectedViewport ] ??
124
+ getPreviewWidthByViewport( selectedViewport, viewportSettings ) ??
73
125
  blockExample.viewportWidth ??
74
126
  500;
75
127
  const normalizedViewportWidth = blockExample.viewportWidth ?? 500;
@@ -314,7 +314,6 @@ function FontCollection( { slug }: { slug: string } ) {
314
314
  hideLabelFromVision={ false }
315
315
  />
316
316
  <SelectControl
317
- __next40pxDefaultSize
318
317
  label={ __( 'Category' ) }
319
318
  value={ filters.category }
320
319
  onChange={ handleCategoryFilter }
@@ -25,7 +25,7 @@ $footer-height: 90px;
25
25
 
26
26
  .font-library__subtitle {
27
27
  text-transform: uppercase;
28
- font-weight: variables.$font-weight-medium;
28
+ font-weight: var(--wpds-typography-font-weight-emphasis);
29
29
  font-size: 11px;
30
30
  }
31
31
  }
@@ -81,13 +81,13 @@ $footer-height: 90px;
81
81
 
82
82
  .font-library__page-selection {
83
83
  font-size: 11px;
84
- font-weight: variables.$font-weight-medium;
84
+ font-weight: var(--wpds-typography-font-weight-emphasis);
85
85
  text-transform: uppercase;
86
86
 
87
87
  @include mixins.break-small() {
88
88
  .font-library__page-selection-trigger {
89
89
  font-size: 11px !important;
90
- font-weight: variables.$font-weight-medium;
90
+ font-weight: var(--wpds-typography-font-weight-emphasis);
91
91
  }
92
92
  }
93
93
  }
@@ -95,7 +95,7 @@ $footer-height: 90px;
95
95
  .font-library__fonts-title {
96
96
  text-transform: uppercase;
97
97
  font-size: 11px;
98
- font-weight: 600;
98
+ font-weight: var(--wpds-typography-font-weight-emphasis);
99
99
  margin-top: 0;
100
100
  margin-bottom: 0;
101
101
  }
@@ -51,7 +51,6 @@ function RenameFontSizeDialog( {
51
51
  >
52
52
  <VStack spacing="3">
53
53
  <InputControl
54
- __next40pxDefaultSize
55
54
  autoComplete="off"
56
55
  value={ newName }
57
56
  onChange={ setNewName }