@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.
- package/CHANGELOG.md +7 -0
- package/build/block-preview-panel.cjs +36 -3
- package/build/block-preview-panel.cjs.map +3 -3
- package/build/font-library/font-collection.cjs +0 -1
- package/build/font-library/font-collection.cjs.map +2 -2
- package/build/font-sizes/rename-font-size-dialog.cjs +0 -1
- package/build/font-sizes/rename-font-size-dialog.cjs.map +2 -2
- package/build/preview-wrapper.cjs +11 -0
- package/build/preview-wrapper.cjs.map +2 -2
- package/build/screen-block.cjs +35 -23
- package/build/screen-block.cjs.map +2 -2
- package/build/screen-color-palette.cjs +8 -10
- package/build/screen-color-palette.cjs.map +3 -3
- package/build/screen-typography-element.cjs +0 -1
- package/build/screen-typography-element.cjs.map +2 -2
- package/build/shadows-edit-panel.cjs +0 -3
- package/build/shadows-edit-panel.cjs.map +2 -2
- package/build/size-control/index.cjs +0 -2
- package/build/size-control/index.cjs.map +2 -2
- package/build/utils.cjs +7 -2
- package/build/utils.cjs.map +3 -3
- package/build-module/block-preview-panel.mjs +40 -4
- package/build-module/block-preview-panel.mjs.map +2 -2
- package/build-module/font-library/font-collection.mjs +0 -1
- package/build-module/font-library/font-collection.mjs.map +2 -2
- package/build-module/font-sizes/rename-font-size-dialog.mjs +0 -1
- package/build-module/font-sizes/rename-font-size-dialog.mjs.map +2 -2
- package/build-module/preview-wrapper.mjs +11 -0
- package/build-module/preview-wrapper.mjs.map +2 -2
- package/build-module/screen-block.mjs +35 -23
- package/build-module/screen-block.mjs.map +2 -2
- package/build-module/screen-color-palette.mjs +8 -10
- package/build-module/screen-color-palette.mjs.map +2 -2
- package/build-module/screen-typography-element.mjs +0 -1
- package/build-module/screen-typography-element.mjs.map +2 -2
- package/build-module/shadows-edit-panel.mjs +0 -3
- package/build-module/shadows-edit-panel.mjs.map +2 -2
- package/build-module/size-control/index.mjs +0 -2
- package/build-module/size-control/index.mjs.map +2 -2
- package/build-module/utils.mjs +11 -3
- package/build-module/utils.mjs.map +2 -2
- package/build-style/style-rtl.css +21 -7
- package/build-style/style.css +21 -7
- package/build-types/background-panel.d.ts +0 -3
- package/build-types/background-panel.d.ts.map +1 -1
- package/build-types/block-preview-panel.d.ts +5 -4
- package/build-types/block-preview-panel.d.ts.map +1 -1
- package/build-types/confirm-reset-shadow-dialog.d.ts +1 -1
- package/build-types/confirm-reset-shadow-dialog.d.ts.map +1 -1
- package/build-types/dimensions-panel.d.ts +0 -3
- package/build-types/dimensions-panel.d.ts.map +1 -1
- package/build-types/font-library/collection-font-variant.d.ts +1 -1
- package/build-types/font-library/collection-font-variant.d.ts.map +1 -1
- package/build-types/font-library/font-card.d.ts +1 -1
- package/build-types/font-library/font-card.d.ts.map +1 -1
- package/build-types/font-library/font-collection.d.ts.map +1 -1
- package/build-types/font-library/font-library.d.ts +1 -1
- package/build-types/font-library/font-library.d.ts.map +1 -1
- package/build-types/font-library/library-font-variant.d.ts +1 -1
- package/build-types/font-library/library-font-variant.d.ts.map +1 -1
- package/build-types/font-library/modal.d.ts +1 -1
- package/build-types/font-library/modal.d.ts.map +1 -1
- package/build-types/font-sizes/confirm-delete-font-size-dialog.d.ts +1 -1
- package/build-types/font-sizes/confirm-delete-font-size-dialog.d.ts.map +1 -1
- package/build-types/font-sizes/confirm-reset-font-sizes-dialog.d.ts +1 -1
- package/build-types/font-sizes/confirm-reset-font-sizes-dialog.d.ts.map +1 -1
- package/build-types/font-sizes/font-size-preview.d.ts +0 -3
- package/build-types/font-sizes/font-size-preview.d.ts.map +1 -1
- package/build-types/font-sizes/rename-font-size-dialog.d.ts +1 -1
- package/build-types/font-sizes/rename-font-size-dialog.d.ts.map +1 -1
- package/build-types/global-styles-ui.d.ts +1 -1
- package/build-types/global-styles-ui.d.ts.map +1 -1
- package/build-types/gradients-palette-panel.d.ts +1 -1
- package/build-types/gradients-palette-panel.d.ts.map +1 -1
- package/build-types/highlighted-colors.d.ts +1 -1
- package/build-types/highlighted-colors.d.ts.map +1 -1
- package/build-types/pagination/index.d.ts +1 -1
- package/build-types/pagination/index.d.ts.map +1 -1
- package/build-types/preview-styles.d.ts +1 -1
- package/build-types/preview-styles.d.ts.map +1 -1
- package/build-types/preview-wrapper.d.ts +1 -1
- package/build-types/preview-wrapper.d.ts.map +1 -1
- package/build-types/provider.d.ts +1 -1
- package/build-types/provider.d.ts.map +1 -1
- package/build-types/screen-block.d.ts.map +1 -1
- package/build-types/screen-color-palette.d.ts.map +1 -1
- package/build-types/screen-header.d.ts +1 -1
- package/build-types/screen-header.d.ts.map +1 -1
- package/build-types/screen-revisions/revisions-buttons.d.ts +1 -1
- package/build-types/screen-revisions/revisions-buttons.d.ts.map +1 -1
- package/build-types/screen-revisions/use-global-styles-revisions.d.ts +1 -1
- package/build-types/screen-revisions/use-global-styles-revisions.d.ts.map +1 -1
- package/build-types/screen-typography-element.d.ts.map +1 -1
- package/build-types/shadows-edit-panel.d.ts.map +1 -1
- package/build-types/size-control/index.d.ts.map +1 -1
- package/build-types/style-variations-container.d.ts +1 -1
- package/build-types/style-variations-container.d.ts.map +1 -1
- package/build-types/typography-example.d.ts +1 -1
- package/build-types/typography-example.d.ts.map +1 -1
- package/build-types/typography-panel.d.ts +1 -4
- package/build-types/typography-panel.d.ts.map +1 -1
- package/build-types/typography-preview.d.ts +1 -1
- package/build-types/typography-preview.d.ts.map +1 -1
- package/build-types/utils.d.ts +3 -2
- package/build-types/utils.d.ts.map +1 -1
- package/build-types/variations/variation.d.ts +1 -1
- package/build-types/variations/variation.d.ts.map +1 -1
- package/build-types/variations/variations-color.d.ts +1 -1
- package/build-types/variations/variations-color.d.ts.map +1 -1
- package/build-types/variations/variations-typography.d.ts +1 -1
- package/build-types/variations/variations-typography.d.ts.map +1 -1
- package/package.json +22 -22
- package/src/block-preview-panel.tsx +56 -4
- package/src/font-library/font-collection.tsx +0 -1
- package/src/font-library/style.scss +4 -4
- package/src/font-sizes/rename-font-size-dialog.tsx +0 -1
- package/src/preview-wrapper.tsx +10 -0
- package/src/screen-block.tsx +40 -25
- package/src/screen-color-palette.tsx +15 -19
- package/src/screen-revisions/style.scss +1 -1
- package/src/screen-typography-element.tsx +0 -1
- package/src/shadows-edit-panel.tsx +0 -3
- package/src/size-control/index.tsx +0 -2
- package/src/stories/index.story.jsx +1 -1
- package/src/style.scss +10 -2
- 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,
|
|
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,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"font-size-preview.d.ts","sourceRoot":"","sources":["../../src/font-sizes/font-size-preview.tsx"],"names":[],"mappings":"
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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":"
|
|
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,
|
|
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,+
|
|
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":"
|
|
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,
|
|
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,
|
|
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,
|
|
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,+
|
|
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,
|
|
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,+
|
|
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,
|
|
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,
|
|
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":"
|
|
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,
|
|
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"}
|
package/build-types/utils.d.ts
CHANGED
|
@@ -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":"
|
|
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,
|
|
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,
|
|
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,
|
|
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.
|
|
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.
|
|
47
|
-
"@wordpress/api-fetch": "^7.
|
|
48
|
-
"@wordpress/base-styles": "^
|
|
49
|
-
"@wordpress/block-editor": "^
|
|
50
|
-
"@wordpress/blocks": "^15.
|
|
51
|
-
"@wordpress/components": "^
|
|
52
|
-
"@wordpress/compose": "^8.
|
|
53
|
-
"@wordpress/core-data": "^7.
|
|
54
|
-
"@wordpress/data": "^10.
|
|
55
|
-
"@wordpress/date": "^5.
|
|
56
|
-
"@wordpress/element": "^8.
|
|
57
|
-
"@wordpress/global-styles-engine": "^1.
|
|
58
|
-
"@wordpress/i18n": "^6.
|
|
59
|
-
"@wordpress/icons": "^15.
|
|
60
|
-
"@wordpress/keycodes": "^4.
|
|
61
|
-
"@wordpress/private-apis": "^1.
|
|
62
|
-
"@wordpress/ui": "^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
|
|
73
|
-
"react": "^18
|
|
74
|
-
"react-dom": "^18
|
|
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": "
|
|
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 {
|
|
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
|
-
|
|
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
|
-
|
|
124
|
+
getPreviewWidthByViewport( selectedViewport, viewportSettings ) ??
|
|
73
125
|
blockExample.viewportWidth ??
|
|
74
126
|
500;
|
|
75
127
|
const normalizedViewportWidth = blockExample.viewportWidth ?? 500;
|
|
@@ -25,7 +25,7 @@ $footer-height: 90px;
|
|
|
25
25
|
|
|
26
26
|
.font-library__subtitle {
|
|
27
27
|
text-transform: uppercase;
|
|
28
|
-
font-weight:
|
|
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:
|
|
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:
|
|
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:
|
|
98
|
+
font-weight: var(--wpds-typography-font-weight-emphasis);
|
|
99
99
|
margin-top: 0;
|
|
100
100
|
margin-bottom: 0;
|
|
101
101
|
}
|