@wordpress/edit-site 6.33.3-next.36001005c.0 → 6.34.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 +2 -0
- package/build/components/block-editor/use-site-editor-settings.js +14 -2
- package/build/components/block-editor/use-site-editor-settings.js.map +3 -3
- package/build/components/canvas-loader/index.js +5 -8
- package/build/components/canvas-loader/index.js.map +3 -3
- package/build/components/dataviews-actions/index.js +8 -6
- package/build/components/dataviews-actions/index.js.map +2 -2
- package/build/components/editor/index.js +2 -40
- package/build/components/editor/index.js.map +3 -3
- package/build/components/layout/index.js +5 -7
- package/build/components/layout/index.js.map +3 -3
- package/build/components/page-patterns/fields.js +4 -3
- package/build/components/page-patterns/fields.js.map +3 -3
- package/build/components/page-templates/fields.js +21 -28
- package/build/components/page-templates/fields.js.map +3 -3
- package/build/components/page-templates/index.js +41 -31
- package/build/components/page-templates/index.js.map +2 -2
- package/build/components/{sidebar-global-styles-wrapper → sidebar-global-styles}/index.js +22 -46
- package/build/components/sidebar-global-styles/index.js.map +7 -0
- package/build/components/sidebar-navigation-screen-global-styles/content.js +38 -16
- package/build/components/sidebar-navigation-screen-global-styles/content.js.map +3 -3
- package/build/components/sidebar-navigation-screen-global-styles/index.js +6 -7
- package/build/components/sidebar-navigation-screen-global-styles/index.js.map +3 -3
- package/build/components/sidebar-navigation-screen-main/index.js +0 -9
- package/build/components/sidebar-navigation-screen-main/index.js.map +3 -3
- package/build/components/sidebar-navigation-screen-templates-browse/content.js +8 -9
- package/build/components/sidebar-navigation-screen-templates-browse/content.js.map +2 -2
- package/build/components/site-editor-routes/stylebook.js +5 -3
- package/build/components/site-editor-routes/stylebook.js.map +3 -3
- package/build/components/site-editor-routes/styles.js +33 -11
- package/build/components/site-editor-routes/styles.js.map +3 -3
- package/build/components/welcome-guide/index.js +0 -2
- package/build/components/welcome-guide/index.js.map +3 -3
- package/build/hooks/commands/use-common-commands.js +10 -12
- package/build/hooks/commands/use-common-commands.js.map +3 -3
- package/build/hooks/commands/use-set-command-context.js +0 -5
- package/build/hooks/commands/use-set-command-context.js.map +2 -2
- package/build/index.js +0 -1
- package/build/index.js.map +2 -2
- package/build/posts.js +0 -1
- package/build/posts.js.map +2 -2
- package/build/store/private-actions.js +0 -8
- package/build/store/private-actions.js.map +2 -2
- package/build/store/private-selectors.js +0 -5
- package/build/store/private-selectors.js.map +2 -2
- package/build/store/reducer.js +0 -8
- package/build/store/reducer.js.map +2 -2
- package/build-module/components/block-editor/use-site-editor-settings.js +14 -2
- package/build-module/components/block-editor/use-site-editor-settings.js.map +2 -2
- package/build-module/components/canvas-loader/index.js +5 -8
- package/build-module/components/canvas-loader/index.js.map +2 -2
- package/build-module/components/dataviews-actions/index.js +8 -6
- package/build-module/components/dataviews-actions/index.js.map +2 -2
- package/build-module/components/editor/index.js +4 -46
- package/build-module/components/editor/index.js.map +2 -2
- package/build-module/components/layout/index.js +5 -7
- package/build-module/components/layout/index.js.map +2 -2
- package/build-module/components/page-patterns/fields.js +5 -7
- package/build-module/components/page-patterns/fields.js.map +2 -2
- package/build-module/components/page-templates/fields.js +25 -32
- package/build-module/components/page-templates/fields.js.map +2 -2
- package/build-module/components/page-templates/index.js +41 -31
- package/build-module/components/page-templates/index.js.map +2 -2
- package/build-module/components/{sidebar-global-styles-wrapper → sidebar-global-styles}/index.js +21 -41
- package/build-module/components/sidebar-global-styles/index.js.map +7 -0
- package/build-module/components/sidebar-navigation-screen-global-styles/content.js +42 -6
- package/build-module/components/sidebar-navigation-screen-global-styles/content.js.map +2 -2
- package/build-module/components/sidebar-navigation-screen-global-styles/index.js +5 -6
- package/build-module/components/sidebar-navigation-screen-global-styles/index.js.map +2 -2
- package/build-module/components/sidebar-navigation-screen-main/index.js +1 -10
- package/build-module/components/sidebar-navigation-screen-main/index.js.map +2 -2
- package/build-module/components/sidebar-navigation-screen-templates-browse/content.js +9 -10
- package/build-module/components/sidebar-navigation-screen-templates-browse/content.js.map +2 -2
- package/build-module/components/site-editor-routes/stylebook.js +3 -1
- package/build-module/components/site-editor-routes/stylebook.js.map +2 -2
- package/build-module/components/site-editor-routes/styles.js +31 -9
- package/build-module/components/site-editor-routes/styles.js.map +2 -2
- package/build-module/components/welcome-guide/index.js +0 -2
- package/build-module/components/welcome-guide/index.js.map +2 -2
- package/build-module/hooks/commands/use-common-commands.js +13 -12
- package/build-module/hooks/commands/use-common-commands.js.map +2 -2
- package/build-module/hooks/commands/use-set-command-context.js +0 -5
- package/build-module/hooks/commands/use-set-command-context.js.map +2 -2
- package/build-module/index.js +0 -1
- package/build-module/index.js.map +2 -2
- package/build-module/posts.js +0 -1
- package/build-module/posts.js.map +2 -2
- package/build-module/store/private-actions.js +0 -7
- package/build-module/store/private-actions.js.map +2 -2
- package/build-module/store/private-selectors.js +0 -4
- package/build-module/store/private-selectors.js.map +2 -2
- package/build-module/store/reducer.js +0 -8
- package/build-module/store/reducer.js.map +2 -2
- package/build-style/posts-rtl.css +0 -37
- package/build-style/posts.css +0 -37
- package/build-style/style-rtl.css +702 -706
- package/build-style/style.css +702 -706
- package/package.json +49 -45
- package/src/components/block-editor/use-site-editor-settings.js +21 -2
- package/src/components/canvas-loader/index.js +5 -9
- package/src/components/dataviews-actions/index.js +12 -10
- package/src/components/editor/index.js +2 -50
- package/src/components/layout/index.js +6 -10
- package/src/components/page-patterns/fields.js +5 -7
- package/src/components/page-templates/fields.js +29 -35
- package/src/components/page-templates/index.js +51 -38
- package/src/components/{sidebar-global-styles-wrapper → sidebar-global-styles}/index.js +16 -48
- package/src/components/{sidebar-global-styles-wrapper → sidebar-global-styles}/style.scss +3 -3
- package/src/components/sidebar-navigation-screen/style.scss +5 -12
- package/src/components/sidebar-navigation-screen-global-styles/content.js +34 -6
- package/src/components/sidebar-navigation-screen-global-styles/index.js +6 -9
- package/src/components/sidebar-navigation-screen-main/index.js +1 -12
- package/src/components/sidebar-navigation-screen-templates-browse/content.js +9 -10
- package/src/components/site-editor-routes/stylebook.js +4 -1
- package/src/components/site-editor-routes/styles.js +35 -9
- package/src/components/welcome-guide/index.js +0 -2
- package/src/components/welcome-guide/style.scss +1 -2
- package/src/hooks/commands/use-common-commands.js +19 -12
- package/src/hooks/commands/use-set-command-context.js +0 -11
- package/src/index.js +0 -1
- package/src/posts.js +0 -1
- package/src/posts.scss +0 -1
- package/src/store/private-actions.js +0 -14
- package/src/store/private-selectors.js +0 -11
- package/src/store/reducer.js +0 -18
- package/src/style.scss +2 -9
- package/tsconfig.json +2 -11
- package/build/components/editor-canvas-container/index.js +0 -139
- package/build/components/editor-canvas-container/index.js.map +0 -7
- package/build/components/global-styles/background-panel.js +0 -62
- package/build/components/global-styles/background-panel.js.map +0 -7
- package/build/components/global-styles/block-preview-panel.js +0 -87
- package/build/components/global-styles/block-preview-panel.js.map +0 -7
- package/build/components/global-styles/color-indicator-wrapper.js +0 -50
- package/build/components/global-styles/color-indicator-wrapper.js.map +0 -7
- package/build/components/global-styles/color-palette-panel.js +0 -133
- package/build/components/global-styles/color-palette-panel.js.map +0 -7
- package/build/components/global-styles/confirm-reset-shadow-dialog.js +0 -55
- package/build/components/global-styles/confirm-reset-shadow-dialog.js.map +0 -7
- package/build/components/global-styles/dimensions-panel.js +0 -92
- package/build/components/global-styles/dimensions-panel.js.map +0 -7
- package/build/components/global-styles/font-families.js +0 -114
- package/build/components/global-styles/font-families.js.map +0 -7
- package/build/components/global-styles/font-family-item.js +0 -48
- package/build/components/global-styles/font-family-item.js.map +0 -7
- package/build/components/global-styles/font-library-modal/collection-font-variant.js +0 -75
- package/build/components/global-styles/font-library-modal/collection-font-variant.js.map +0 -7
- package/build/components/global-styles/font-library-modal/context.js +0 -386
- package/build/components/global-styles/font-library-modal/context.js.map +0 -7
- package/build/components/global-styles/font-library-modal/font-card.js +0 -76
- package/build/components/global-styles/font-library-modal/font-card.js.map +0 -7
- package/build/components/global-styles/font-library-modal/font-collection.js +0 -504
- package/build/components/global-styles/font-library-modal/font-collection.js.map +0 -7
- package/build/components/global-styles/font-library-modal/font-demo.js +0 -108
- package/build/components/global-styles/font-library-modal/font-demo.js.map +0 -7
- package/build/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js +0 -58
- package/build/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js.map +0 -7
- package/build/components/global-styles/font-library-modal/index.js +0 -110
- package/build/components/global-styles/font-library-modal/index.js.map +0 -7
- package/build/components/global-styles/font-library-modal/installed-fonts.js +0 -455
- package/build/components/global-styles/font-library-modal/installed-fonts.js.map +0 -7
- package/build/components/global-styles/font-library-modal/library-font-details.js +0 -63
- package/build/components/global-styles/font-library-modal/library-font-details.js.map +0 -7
- package/build/components/global-styles/font-library-modal/library-font-variant.js +0 -78
- package/build/components/global-styles/font-library-modal/library-font-variant.js.map +0 -7
- package/build/components/global-styles/font-library-modal/resolvers.js +0 -115
- package/build/components/global-styles/font-library-modal/resolvers.js.map +0 -7
- package/build/components/global-styles/font-library-modal/upload-fonts.js +0 -205
- package/build/components/global-styles/font-library-modal/upload-fonts.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/constants.js +0 -49
- package/build/components/global-styles/font-library-modal/utils/constants.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/filter-fonts.js +0 -39
- package/build/components/global-styles/font-library-modal/utils/filter-fonts.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/fonts-outline.js +0 -51
- package/build/components/global-styles/font-library-modal/utils/fonts-outline.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/index.js +0 -277
- package/build/components/global-styles/font-library-modal/utils/index.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/make-families-from-faces.js +0 -42
- package/build/components/global-styles/font-library-modal/utils/make-families-from-faces.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/preview-styles.js +0 -117
- package/build/components/global-styles/font-library-modal/utils/preview-styles.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/sort-font-faces.js +0 -56
- package/build/components/global-styles/font-library-modal/utils/sort-font-faces.js.map +0 -7
- package/build/components/global-styles/font-library-modal/utils/toggleFont.js +0 -63
- package/build/components/global-styles/font-library-modal/utils/toggleFont.js.map +0 -7
- package/build/components/global-styles/font-sizes/confirm-delete-font-size-dialog.js +0 -60
- package/build/components/global-styles/font-sizes/confirm-delete-font-size-dialog.js.map +0 -7
- package/build/components/global-styles/font-sizes/confirm-reset-font-sizes-dialog.js +0 -55
- package/build/components/global-styles/font-sizes/confirm-reset-font-sizes-dialog.js.map +0 -7
- package/build/components/global-styles/font-sizes/font-size-preview.js +0 -51
- package/build/components/global-styles/font-sizes/font-size-preview.js.map +0 -7
- package/build/components/global-styles/font-sizes/font-size.js +0 -260
- package/build/components/global-styles/font-sizes/font-size.js.map +0 -7
- package/build/components/global-styles/font-sizes/font-sizes-count.js +0 -50
- package/build/components/global-styles/font-sizes/font-sizes-count.js.map +0 -7
- package/build/components/global-styles/font-sizes/font-sizes.js +0 -220
- package/build/components/global-styles/font-sizes/font-sizes.js.map +0 -7
- package/build/components/global-styles/font-sizes/rename-font-size-dialog.js +0 -90
- package/build/components/global-styles/font-sizes/rename-font-size-dialog.js.map +0 -7
- package/build/components/global-styles/gradients-palette-panel.js +0 -144
- package/build/components/global-styles/gradients-palette-panel.js.map +0 -7
- package/build/components/global-styles/header.js +0 -54
- package/build/components/global-styles/header.js.map +0 -7
- package/build/components/global-styles/highlighted-colors.js +0 -57
- package/build/components/global-styles/highlighted-colors.js.map +0 -7
- package/build/components/global-styles/hooks.js +0 -113
- package/build/components/global-styles/hooks.js.map +0 -7
- package/build/components/global-styles/icon-with-current-color.js +0 -53
- package/build/components/global-styles/icon-with-current-color.js.map +0 -7
- package/build/components/global-styles/index.js +0 -39
- package/build/components/global-styles/index.js.map +0 -7
- package/build/components/global-styles/navigation-button.js +0 -48
- package/build/components/global-styles/navigation-button.js.map +0 -7
- package/build/components/global-styles/palette.js +0 -86
- package/build/components/global-styles/palette.js.map +0 -7
- package/build/components/global-styles/preset-colors.js +0 -40
- package/build/components/global-styles/preset-colors.js.map +0 -7
- package/build/components/global-styles/preview-colors.js +0 -82
- package/build/components/global-styles/preview-colors.js.map +0 -7
- package/build/components/global-styles/preview-styles.js +0 -214
- package/build/components/global-styles/preview-styles.js.map +0 -7
- package/build/components/global-styles/preview-typography.js +0 -68
- package/build/components/global-styles/preview-typography.js.map +0 -7
- package/build/components/global-styles/preview-wrapper.js +0 -101
- package/build/components/global-styles/preview-wrapper.js.map +0 -7
- package/build/components/global-styles/root-menu.js +0 -72
- package/build/components/global-styles/root-menu.js.map +0 -7
- package/build/components/global-styles/screen-background.js +0 -59
- package/build/components/global-styles/screen-background.js.map +0 -7
- package/build/components/global-styles/screen-block-list.js +0 -170
- package/build/components/global-styles/screen-block-list.js.map +0 -7
- package/build/components/global-styles/screen-block.js +0 -316
- package/build/components/global-styles/screen-block.js.map +0 -7
- package/build/components/global-styles/screen-color-palette.js +0 -64
- package/build/components/global-styles/screen-color-palette.js.map +0 -7
- package/build/components/global-styles/screen-colors.js +0 -81
- package/build/components/global-styles/screen-colors.js.map +0 -7
- package/build/components/global-styles/screen-css.js +0 -92
- package/build/components/global-styles/screen-css.js.map +0 -7
- package/build/components/global-styles/screen-layout.js +0 -51
- package/build/components/global-styles/screen-layout.js.map +0 -7
- package/build/components/global-styles/screen-revisions/index.js +0 -179
- package/build/components/global-styles/screen-revisions/index.js.map +0 -7
- package/build/components/global-styles/screen-revisions/revisions-buttons.js +0 -192
- package/build/components/global-styles/screen-revisions/revisions-buttons.js.map +0 -7
- package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js +0 -148
- package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js.map +0 -7
- package/build/components/global-styles/screen-root.js +0 -99
- package/build/components/global-styles/screen-root.js.map +0 -7
- package/build/components/global-styles/screen-shadows.js +0 -49
- package/build/components/global-styles/screen-shadows.js.map +0 -7
- package/build/components/global-styles/screen-style-variations.js +0 -70
- package/build/components/global-styles/screen-style-variations.js.map +0 -7
- package/build/components/global-styles/screen-typography-element.js +0 -167
- package/build/components/global-styles/screen-typography-element.js.map +0 -7
- package/build/components/global-styles/screen-typography.js +0 -68
- package/build/components/global-styles/screen-typography.js.map +0 -7
- package/build/components/global-styles/shadow-utils.js +0 -125
- package/build/components/global-styles/shadow-utils.js.map +0 -7
- package/build/components/global-styles/shadows-edit-panel.js +0 -501
- package/build/components/global-styles/shadows-edit-panel.js.map +0 -7
- package/build/components/global-styles/shadows-panel.js +0 -206
- package/build/components/global-styles/shadows-panel.js.map +0 -7
- package/build/components/global-styles/size-control/index.js +0 -80
- package/build/components/global-styles/size-control/index.js.map +0 -7
- package/build/components/global-styles/style-variations-container.js +0 -124
- package/build/components/global-styles/style-variations-container.js.map +0 -7
- package/build/components/global-styles/subtitle.js +0 -37
- package/build/components/global-styles/subtitle.js.map +0 -7
- package/build/components/global-styles/typeset.js +0 -78
- package/build/components/global-styles/typeset.js.map +0 -7
- package/build/components/global-styles/typography-elements.js +0 -123
- package/build/components/global-styles/typography-elements.js.map +0 -7
- package/build/components/global-styles/typography-example.js +0 -81
- package/build/components/global-styles/typography-example.js.map +0 -7
- package/build/components/global-styles/typography-panel.js +0 -69
- package/build/components/global-styles/typography-panel.js.map +0 -7
- package/build/components/global-styles/typography-preview.js +0 -80
- package/build/components/global-styles/typography-preview.js.map +0 -7
- package/build/components/global-styles/ui.js +0 -355
- package/build/components/global-styles/ui.js.map +0 -7
- package/build/components/global-styles/utils.js +0 -92
- package/build/components/global-styles/utils.js.map +0 -7
- package/build/components/global-styles/variations/variation.js +0 -118
- package/build/components/global-styles/variations/variation.js.map +0 -7
- package/build/components/global-styles/variations/variations-color.js +0 -61
- package/build/components/global-styles/variations/variations-color.js.map +0 -7
- package/build/components/global-styles/variations/variations-panel.js +0 -71
- package/build/components/global-styles/variations/variations-panel.js.map +0 -7
- package/build/components/global-styles/variations/variations-typography.js +0 -75
- package/build/components/global-styles/variations/variations-typography.js.map +0 -7
- package/build/components/global-styles-renderer/index.js +0 -55
- package/build/components/global-styles-renderer/index.js.map +0 -7
- package/build/components/global-styles-sidebar/default-sidebar.js +0 -68
- package/build/components/global-styles-sidebar/default-sidebar.js.map +0 -7
- package/build/components/global-styles-sidebar/index.js +0 -202
- package/build/components/global-styles-sidebar/index.js.map +0 -7
- package/build/components/revisions/index.js +0 -120
- package/build/components/revisions/index.js.map +0 -7
- package/build/components/sidebar-global-styles-wrapper/index.js.map +0 -7
- package/build/components/style-book/categories.js +0 -86
- package/build/components/style-book/categories.js.map +0 -7
- package/build/components/style-book/color-examples.js +0 -65
- package/build/components/style-book/color-examples.js.map +0 -7
- package/build/components/style-book/constants.js +0 -319
- package/build/components/style-book/constants.js.map +0 -7
- package/build/components/style-book/duotone-examples.js +0 -69
- package/build/components/style-book/duotone-examples.js.map +0 -7
- package/build/components/style-book/examples.js +0 -237
- package/build/components/style-book/examples.js.map +0 -7
- package/build/components/style-book/index.js +0 -640
- package/build/components/style-book/index.js.map +0 -7
- package/build/components/style-book/types.js +0 -17
- package/build/components/style-book/types.js.map +0 -7
- package/build/components/welcome-guide/styles.js +0 -145
- package/build/components/welcome-guide/styles.js.map +0 -7
- package/build/hooks/index.js +0 -3
- package/build/hooks/index.js.map +0 -7
- package/build/hooks/push-changes-to-global-styles/index.js +0 -319
- package/build/hooks/push-changes-to-global-styles/index.js.map +0 -7
- package/build/hooks/use-global-styles-output.js +0 -77
- package/build/hooks/use-global-styles-output.js.map +0 -7
- package/build/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +0 -126
- package/build/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js.map +0 -7
- package/build/utils/set-nested-value.js +0 -43
- package/build/utils/set-nested-value.js.map +0 -7
- package/build-module/components/editor-canvas-container/index.js +0 -120
- package/build-module/components/editor-canvas-container/index.js.map +0 -7
- package/build-module/components/global-styles/background-panel.js +0 -38
- package/build-module/components/global-styles/background-panel.js.map +0 -7
- package/build-module/components/global-styles/block-preview-panel.js +0 -67
- package/build-module/components/global-styles/block-preview-panel.js.map +0 -7
- package/build-module/components/global-styles/color-indicator-wrapper.js +0 -20
- package/build-module/components/global-styles/color-indicator-wrapper.js.map +0 -7
- package/build-module/components/global-styles/color-palette-panel.js +0 -107
- package/build-module/components/global-styles/color-palette-panel.js.map +0 -7
- package/build-module/components/global-styles/confirm-reset-shadow-dialog.js +0 -35
- package/build-module/components/global-styles/confirm-reset-shadow-dialog.js.map +0 -7
- package/build-module/components/global-styles/dimensions-panel.js +0 -72
- package/build-module/components/global-styles/dimensions-panel.js.map +0 -7
- package/build-module/components/global-styles/font-families.js +0 -92
- package/build-module/components/global-styles/font-families.js.map +0 -7
- package/build-module/components/global-styles/font-family-item.js +0 -32
- package/build-module/components/global-styles/font-family-item.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/collection-font-variant.js +0 -45
- package/build-module/components/global-styles/font-library-modal/collection-font-variant.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/context.js +0 -372
- package/build-module/components/global-styles/font-library-modal/context.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/font-card.js +0 -53
- package/build-module/components/global-styles/font-library-modal/font-card.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/font-collection.js +0 -505
- package/build-module/components/global-styles/font-library-modal/font-collection.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/font-demo.js +0 -91
- package/build-module/components/global-styles/font-library-modal/font-demo.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js +0 -45
- package/build-module/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/index.js +0 -83
- package/build-module/components/global-styles/font-library-modal/index.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/installed-fonts.js +0 -444
- package/build-module/components/global-styles/font-library-modal/installed-fonts.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/library-font-details.js +0 -36
- package/build-module/components/global-styles/font-library-modal/library-font-details.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/library-font-variant.js +0 -48
- package/build-module/components/global-styles/font-library-modal/library-font-variant.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/resolvers.js +0 -76
- package/build-module/components/global-styles/font-library-modal/resolvers.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/upload-fonts.js +0 -185
- package/build-module/components/global-styles/font-library-modal/upload-fonts.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/constants.js +0 -23
- package/build-module/components/global-styles/font-library-modal/utils/constants.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/filter-fonts.js +0 -19
- package/build-module/components/global-styles/font-library-modal/utils/filter-fonts.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/fonts-outline.js +0 -26
- package/build-module/components/global-styles/font-library-modal/utils/fonts-outline.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/index.js +0 -241
- package/build-module/components/global-styles/font-library-modal/utils/index.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/make-families-from-faces.js +0 -22
- package/build-module/components/global-styles/font-library-modal/utils/make-families-from-faces.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/preview-styles.js +0 -90
- package/build-module/components/global-styles/font-library-modal/utils/preview-styles.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/sort-font-faces.js +0 -32
- package/build-module/components/global-styles/font-library-modal/utils/sort-font-faces.js.map +0 -7
- package/build-module/components/global-styles/font-library-modal/utils/toggleFont.js +0 -39
- package/build-module/components/global-styles/font-library-modal/utils/toggleFont.js.map +0 -7
- package/build-module/components/global-styles/font-sizes/confirm-delete-font-size-dialog.js +0 -40
- package/build-module/components/global-styles/font-sizes/confirm-delete-font-size-dialog.js.map +0 -7
- package/build-module/components/global-styles/font-sizes/confirm-reset-font-sizes-dialog.js +0 -35
- package/build-module/components/global-styles/font-sizes/confirm-reset-font-sizes-dialog.js.map +0 -7
- package/build-module/components/global-styles/font-sizes/font-size-preview.js +0 -34
- package/build-module/components/global-styles/font-sizes/font-size-preview.js.map +0 -7
- package/build-module/components/global-styles/font-sizes/font-size.js +0 -240
- package/build-module/components/global-styles/font-sizes/font-size.js.map +0 -7
- package/build-module/components/global-styles/font-sizes/font-sizes-count.js +0 -25
- package/build-module/components/global-styles/font-sizes/font-sizes-count.js.map +0 -7
- package/build-module/components/global-styles/font-sizes/font-sizes.js +0 -205
- package/build-module/components/global-styles/font-sizes/font-sizes.js.map +0 -7
- package/build-module/components/global-styles/font-sizes/rename-font-size-dialog.js +0 -76
- package/build-module/components/global-styles/font-sizes/rename-font-size-dialog.js.map +0 -7
- package/build-module/components/global-styles/gradients-palette-panel.js +0 -119
- package/build-module/components/global-styles/gradients-palette-panel.js.map +0 -7
- package/build-module/components/global-styles/header.js +0 -41
- package/build-module/components/global-styles/header.js.map +0 -7
- package/build-module/components/global-styles/highlighted-colors.js +0 -37
- package/build-module/components/global-styles/highlighted-colors.js.map +0 -7
- package/build-module/components/global-styles/hooks.js +0 -77
- package/build-module/components/global-styles/hooks.js.map +0 -7
- package/build-module/components/global-styles/icon-with-current-color.js +0 -19
- package/build-module/components/global-styles/icon-with-current-color.js.map +0 -7
- package/build-module/components/global-styles/index.js +0 -5
- package/build-module/components/global-styles/index.js.map +0 -7
- package/build-module/components/global-styles/navigation-button.js +0 -28
- package/build-module/components/global-styles/navigation-button.js.map +0 -7
- package/build-module/components/global-styles/palette.js +0 -63
- package/build-module/components/global-styles/palette.js.map +0 -7
- package/build-module/components/global-styles/preset-colors.js +0 -20
- package/build-module/components/global-styles/preset-colors.js.map +0 -7
- package/build-module/components/global-styles/preview-colors.js +0 -55
- package/build-module/components/global-styles/preview-colors.js.map +0 -7
- package/build-module/components/global-styles/preview-styles.js +0 -188
- package/build-module/components/global-styles/preview-styles.js.map +0 -7
- package/build-module/components/global-styles/preview-typography.js +0 -38
- package/build-module/components/global-styles/preview-typography.js.map +0 -7
- package/build-module/components/global-styles/preview-wrapper.js +0 -85
- package/build-module/components/global-styles/preview-wrapper.js.map +0 -7
- package/build-module/components/global-styles/root-menu.js +0 -58
- package/build-module/components/global-styles/root-menu.js.map +0 -7
- package/build-module/components/global-styles/screen-background.js +0 -29
- package/build-module/components/global-styles/screen-background.js.map +0 -7
- package/build-module/components/global-styles/screen-block-list.js +0 -150
- package/build-module/components/global-styles/screen-block-list.js.map +0 -7
- package/build-module/components/global-styles/screen-block.js +0 -293
- package/build-module/components/global-styles/screen-block.js.map +0 -7
- package/build-module/components/global-styles/screen-color-palette.js +0 -34
- package/build-module/components/global-styles/screen-color-palette.js.map +0 -7
- package/build-module/components/global-styles/screen-colors.js +0 -51
- package/build-module/components/global-styles/screen-colors.js.map +0 -7
- package/build-module/components/global-styles/screen-css.js +0 -62
- package/build-module/components/global-styles/screen-css.js.map +0 -7
- package/build-module/components/global-styles/screen-layout.js +0 -21
- package/build-module/components/global-styles/screen-layout.js.map +0 -7
- package/build-module/components/global-styles/screen-revisions/index.js +0 -155
- package/build-module/components/global-styles/screen-revisions/index.js.map +0 -7
- package/build-module/components/global-styles/screen-revisions/revisions-buttons.js +0 -172
- package/build-module/components/global-styles/screen-revisions/revisions-buttons.js.map +0 -7
- package/build-module/components/global-styles/screen-revisions/use-global-styles-revisions.js +0 -128
- package/build-module/components/global-styles/screen-revisions/use-global-styles-revisions.js.map +0 -7
- package/build-module/components/global-styles/screen-root.js +0 -79
- package/build-module/components/global-styles/screen-root.js.map +0 -7
- package/build-module/components/global-styles/screen-shadows.js +0 -14
- package/build-module/components/global-styles/screen-shadows.js.map +0 -7
- package/build-module/components/global-styles/screen-style-variations.js +0 -43
- package/build-module/components/global-styles/screen-style-variations.js.map +0 -7
- package/build-module/components/global-styles/screen-typography-element.js +0 -141
- package/build-module/components/global-styles/screen-typography-element.js.map +0 -7
- package/build-module/components/global-styles/screen-typography.js +0 -38
- package/build-module/components/global-styles/screen-typography.js.map +0 -7
- package/build-module/components/global-styles/shadow-utils.js +0 -98
- package/build-module/components/global-styles/shadow-utils.js.map +0 -7
- package/build-module/components/global-styles/shadows-edit-panel.js +0 -500
- package/build-module/components/global-styles/shadows-edit-panel.js.map +0 -7
- package/build-module/components/global-styles/shadows-panel.js +0 -185
- package/build-module/components/global-styles/shadows-panel.js.map +0 -7
- package/build-module/components/global-styles/size-control/index.js +0 -70
- package/build-module/components/global-styles/size-control/index.js.map +0 -7
- package/build-module/components/global-styles/style-variations-container.js +0 -94
- package/build-module/components/global-styles/style-variations-container.js.map +0 -7
- package/build-module/components/global-styles/subtitle.js +0 -17
- package/build-module/components/global-styles/subtitle.js.map +0 -7
- package/build-module/components/global-styles/typeset.js +0 -54
- package/build-module/components/global-styles/typeset.js.map +0 -7
- package/build-module/components/global-styles/typography-elements.js +0 -98
- package/build-module/components/global-styles/typography-elements.js.map +0 -7
- package/build-module/components/global-styles/typography-example.js +0 -61
- package/build-module/components/global-styles/typography-example.js.map +0 -7
- package/build-module/components/global-styles/typography-panel.js +0 -49
- package/build-module/components/global-styles/typography-panel.js.map +0 -7
- package/build-module/components/global-styles/typography-preview.js +0 -60
- package/build-module/components/global-styles/typography-preview.js.map +0 -7
- package/build-module/components/global-styles/ui.js +0 -334
- package/build-module/components/global-styles/ui.js.map +0 -7
- package/build-module/components/global-styles/utils.js +0 -66
- package/build-module/components/global-styles/utils.js.map +0 -7
- package/build-module/components/global-styles/variations/variation.js +0 -88
- package/build-module/components/global-styles/variations/variation.js.map +0 -7
- package/build-module/components/global-styles/variations/variations-color.js +0 -34
- package/build-module/components/global-styles/variations/variations-color.js.map +0 -7
- package/build-module/components/global-styles/variations/variations-panel.js +0 -46
- package/build-module/components/global-styles/variations/variations-panel.js.map +0 -7
- package/build-module/components/global-styles/variations/variations-typography.js +0 -48
- package/build-module/components/global-styles/variations/variations-typography.js.map +0 -7
- package/build-module/components/global-styles-renderer/index.js +0 -31
- package/build-module/components/global-styles-renderer/index.js.map +0 -7
- package/build-module/components/global-styles-sidebar/default-sidebar.js +0 -48
- package/build-module/components/global-styles-sidebar/default-sidebar.js.map +0 -7
- package/build-module/components/global-styles-sidebar/index.js +0 -175
- package/build-module/components/global-styles-sidebar/index.js.map +0 -7
- package/build-module/components/revisions/index.js +0 -96
- package/build-module/components/revisions/index.js.map +0 -7
- package/build-module/components/sidebar-global-styles-wrapper/index.js.map +0 -7
- package/build-module/components/style-book/categories.js +0 -64
- package/build-module/components/style-book/categories.js.map +0 -7
- package/build-module/components/style-book/color-examples.js +0 -38
- package/build-module/components/style-book/color-examples.js.map +0 -7
- package/build-module/components/style-book/constants.js +0 -290
- package/build-module/components/style-book/constants.js.map +0 -7
- package/build-module/components/style-book/duotone-examples.js +0 -49
- package/build-module/components/style-book/duotone-examples.js.map +0 -7
- package/build-module/components/style-book/examples.js +0 -208
- package/build-module/components/style-book/examples.js.map +0 -7
- package/build-module/components/style-book/index.js +0 -631
- package/build-module/components/style-book/index.js.map +0 -7
- package/build-module/components/style-book/types.js +0 -1
- package/build-module/components/style-book/types.js.map +0 -7
- package/build-module/components/welcome-guide/styles.js +0 -115
- package/build-module/components/welcome-guide/styles.js.map +0 -7
- package/build-module/hooks/index.js +0 -2
- package/build-module/hooks/index.js.map +0 -7
- package/build-module/hooks/push-changes-to-global-styles/index.js +0 -305
- package/build-module/hooks/push-changes-to-global-styles/index.js.map +0 -7
- package/build-module/hooks/use-global-styles-output.js +0 -52
- package/build-module/hooks/use-global-styles-output.js.map +0 -7
- package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +0 -99
- package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js.map +0 -7
- package/build-module/utils/set-nested-value.js +0 -23
- package/build-module/utils/set-nested-value.js.map +0 -7
- package/build-types/components/style-book/categories.d.ts +0 -18
- package/build-types/components/style-book/categories.d.ts.map +0 -1
- package/build-types/components/style-book/color-examples.d.ts +0 -7
- package/build-types/components/style-book/color-examples.d.ts.map +0 -1
- package/build-types/components/style-book/constants.d.ts +0 -11
- package/build-types/components/style-book/constants.d.ts.map +0 -1
- package/build-types/components/style-book/duotone-examples.d.ts +0 -9
- package/build-types/components/style-book/duotone-examples.d.ts.map +0 -1
- package/build-types/components/style-book/examples.d.ts +0 -12
- package/build-types/components/style-book/examples.d.ts.map +0 -1
- package/build-types/components/style-book/types.d.ts +0 -72
- package/build-types/components/style-book/types.d.ts.map +0 -1
- package/lib/inflate.js +0 -3333
- package/lib/lib-font.browser.js +0 -3861
- package/lib/unbrotli.js +0 -2039
- package/src/components/editor-canvas-container/index.js +0 -149
- package/src/components/editor-canvas-container/style.scss +0 -43
- package/src/components/global-styles/README.md +0 -17
- package/src/components/global-styles/background-panel.js +0 -55
- package/src/components/global-styles/block-preview-panel.js +0 -81
- package/src/components/global-styles/color-indicator-wrapper.js +0 -23
- package/src/components/global-styles/color-palette-panel.js +0 -110
- package/src/components/global-styles/confirm-reset-shadow-dialog.js +0 -37
- package/src/components/global-styles/dimensions-panel.js +0 -86
- package/src/components/global-styles/font-families.js +0 -128
- package/src/components/global-styles/font-family-item.js +0 -47
- package/src/components/global-styles/font-library-modal/collection-font-variant.js +0 -51
- package/src/components/global-styles/font-library-modal/context.js +0 -540
- package/src/components/global-styles/font-library-modal/font-card.js +0 -67
- package/src/components/global-styles/font-library-modal/font-collection.js +0 -575
- package/src/components/global-styles/font-library-modal/font-demo.js +0 -116
- package/src/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js +0 -57
- package/src/components/global-styles/font-library-modal/index.js +0 -106
- package/src/components/global-styles/font-library-modal/installed-fonts.js +0 -518
- package/src/components/global-styles/font-library-modal/library-font-details.js +0 -45
- package/src/components/global-styles/font-library-modal/library-font-variant.js +0 -60
- package/src/components/global-styles/font-library-modal/resolvers.js +0 -78
- package/src/components/global-styles/font-library-modal/style.scss +0 -220
- package/src/components/global-styles/font-library-modal/upload-fonts.js +0 -253
- package/src/components/global-styles/font-library-modal/utils/constants.js +0 -23
- package/src/components/global-styles/font-library-modal/utils/filter-fonts.js +0 -35
- package/src/components/global-styles/font-library-modal/utils/fonts-outline.js +0 -22
- package/src/components/global-styles/font-library-modal/utils/index.js +0 -333
- package/src/components/global-styles/font-library-modal/utils/make-families-from-faces.js +0 -27
- package/src/components/global-styles/font-library-modal/utils/preview-styles.js +0 -152
- package/src/components/global-styles/font-library-modal/utils/sort-font-faces.js +0 -37
- package/src/components/global-styles/font-library-modal/utils/test/filter-fonts.spec.js +0 -99
- package/src/components/global-styles/font-library-modal/utils/test/fonts-outline.spec.js +0 -109
- package/src/components/global-styles/font-library-modal/utils/test/getDisplaySrcFromFontFace.spec.js +0 -42
- package/src/components/global-styles/font-library-modal/utils/test/getFontFaceVariantName.spec.js +0 -30
- package/src/components/global-styles/font-library-modal/utils/test/isUrlEncoded.spec.js +0 -31
- package/src/components/global-styles/font-library-modal/utils/test/makeFamiliesFromFaces.spec.js +0 -57
- package/src/components/global-styles/font-library-modal/utils/test/mergeFontFaces.spec.js +0 -56
- package/src/components/global-styles/font-library-modal/utils/test/mergeFontFamilies.spec.js +0 -108
- package/src/components/global-styles/font-library-modal/utils/test/preview-styles.spec.js +0 -216
- package/src/components/global-styles/font-library-modal/utils/test/setUIValuesNeeded.spec.js +0 -41
- package/src/components/global-styles/font-library-modal/utils/test/sort-font-faces.js +0 -74
- package/src/components/global-styles/font-library-modal/utils/test/toggleFont.spec.js +0 -141
- package/src/components/global-styles/font-library-modal/utils/toggleFont.js +0 -90
- package/src/components/global-styles/font-sizes/confirm-delete-font-size-dialog.js +0 -43
- package/src/components/global-styles/font-sizes/confirm-reset-font-sizes-dialog.js +0 -37
- package/src/components/global-styles/font-sizes/font-size-preview.js +0 -43
- package/src/components/global-styles/font-sizes/font-size.js +0 -265
- package/src/components/global-styles/font-sizes/font-sizes-count.js +0 -37
- package/src/components/global-styles/font-sizes/font-sizes.js +0 -261
- package/src/components/global-styles/font-sizes/rename-font-size-dialog.js +0 -70
- package/src/components/global-styles/gradients-palette-panel.js +0 -123
- package/src/components/global-styles/header.js +0 -48
- package/src/components/global-styles/highlighted-colors.js +0 -39
- package/src/components/global-styles/hooks.js +0 -111
- package/src/components/global-styles/icon-with-current-color.js +0 -21
- package/src/components/global-styles/index.js +0 -1
- package/src/components/global-styles/navigation-button.js +0 -38
- package/src/components/global-styles/palette.js +0 -90
- package/src/components/global-styles/preset-colors.js +0 -18
- package/src/components/global-styles/preview-colors.js +0 -58
- package/src/components/global-styles/preview-styles.js +0 -185
- package/src/components/global-styles/preview-typography.js +0 -39
- package/src/components/global-styles/preview-wrapper.js +0 -126
- package/src/components/global-styles/root-menu.js +0 -84
- package/src/components/global-styles/screen-background.js +0 -37
- package/src/components/global-styles/screen-block-list.js +0 -187
- package/src/components/global-styles/screen-block.js +0 -358
- package/src/components/global-styles/screen-color-palette.js +0 -42
- package/src/components/global-styles/screen-colors.js +0 -55
- package/src/components/global-styles/screen-css.js +0 -67
- package/src/components/global-styles/screen-layout.js +0 -30
- package/src/components/global-styles/screen-revisions/index.js +0 -202
- package/src/components/global-styles/screen-revisions/revisions-buttons.js +0 -238
- package/src/components/global-styles/screen-revisions/style.scss +0 -194
- package/src/components/global-styles/screen-revisions/test/use-global-styles-revisions.js +0 -228
- package/src/components/global-styles/screen-revisions/use-global-styles-revisions.js +0 -159
- package/src/components/global-styles/screen-root.js +0 -102
- package/src/components/global-styles/screen-shadows.js +0 -13
- package/src/components/global-styles/screen-style-variations.js +0 -52
- package/src/components/global-styles/screen-typography-element.js +0 -121
- package/src/components/global-styles/screen-typography.js +0 -45
- package/src/components/global-styles/shadow-utils.js +0 -158
- package/src/components/global-styles/shadows-edit-panel.js +0 -525
- package/src/components/global-styles/shadows-panel.js +0 -196
- package/src/components/global-styles/size-control/index.js +0 -89
- package/src/components/global-styles/stories/index.story.js +0 -427
- package/src/components/global-styles/style-variations-container.js +0 -132
- package/src/components/global-styles/style.scss +0 -265
- package/src/components/global-styles/subtitle.js +0 -17
- package/src/components/global-styles/test/shadow-utils.spec.js +0 -251
- package/src/components/global-styles/test/utils.spec.js +0 -59
- package/src/components/global-styles/typeset.js +0 -73
- package/src/components/global-styles/typography-elements.js +0 -102
- package/src/components/global-styles/typography-example.js +0 -76
- package/src/components/global-styles/typography-panel.js +0 -54
- package/src/components/global-styles/typography-preview.js +0 -70
- package/src/components/global-styles/ui.js +0 -448
- package/src/components/global-styles/utils.js +0 -88
- package/src/components/global-styles/variations/style.scss +0 -43
- package/src/components/global-styles/variations/variation.js +0 -108
- package/src/components/global-styles/variations/variations-color.js +0 -45
- package/src/components/global-styles/variations/variations-panel.js +0 -65
- package/src/components/global-styles/variations/variations-typography.js +0 -54
- package/src/components/global-styles-renderer/index.js +0 -39
- package/src/components/global-styles-sidebar/default-sidebar.js +0 -51
- package/src/components/global-styles-sidebar/index.js +0 -206
- package/src/components/global-styles-sidebar/style.scss +0 -80
- package/src/components/revisions/index.js +0 -109
- package/src/components/style-book/categories.ts +0 -97
- package/src/components/style-book/color-examples.tsx +0 -57
- package/src/components/style-book/constants.ts +0 -308
- package/src/components/style-book/duotone-examples.tsx +0 -57
- package/src/components/style-book/examples.tsx +0 -273
- package/src/components/style-book/index.js +0 -801
- package/src/components/style-book/style.scss +0 -44
- package/src/components/style-book/test/categories.js +0 -166
- package/src/components/style-book/types.ts +0 -80
- package/src/components/welcome-guide/styles.js +0 -139
- package/src/hooks/index.js +0 -4
- package/src/hooks/push-changes-to-global-styles/index.js +0 -388
- package/src/hooks/push-changes-to-global-styles/style.scss +0 -4
- package/src/hooks/use-global-styles-output.js +0 -80
- package/src/hooks/use-theme-style-variations/test/use-theme-style-variations-by-property.js +0 -271
- package/src/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +0 -175
- package/src/utils/set-nested-value.js +0 -39
- package/tsconfig.tsbuildinfo +0 -1
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/global-styles/font-sizes/font-size-preview.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tgetComputedFluidTypographyValue,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction FontSizePreview( { fontSize } ) {\n\tconst [ font ] = useGlobalStyle( 'typography' );\n\n\tconst input =\n\t\tfontSize?.fluid?.min && fontSize?.fluid?.max\n\t\t\t? {\n\t\t\t\t\tminimumFontSize: fontSize.fluid.min,\n\t\t\t\t\tmaximumFontSize: fontSize.fluid.max,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tfontSize: fontSize.size,\n\t\t\t };\n\n\tconst computedFontSize = getComputedFluidTypographyValue( input );\n\treturn (\n\t\t<div\n\t\t\tclassName=\"edit-site-typography-preview\"\n\t\t\tstyle={ {\n\t\t\t\tfontSize: computedFontSize,\n\t\t\t\tfontFamily: font?.fontFamily ?? 'serif',\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Aa' ) }\n\t\t</div>\n\t);\n}\n\nexport default FontSizePreview;\n"],
|
|
5
|
-
"mappings": "AA8BE;AA3BF;AAAA,EACC;AAAA,EACA,eAAe;AAAA,OACT;AACP,SAAS,UAAU;AAKnB,SAAS,cAAc;AACvB,MAAM,EAAE,eAAe,IAAI,OAAQ,sBAAuB;AAE1D,SAAS,gBAAiB,EAAE,SAAS,GAAI;AACxC,QAAM,CAAE,IAAK,IAAI,eAAgB,YAAa;AAE9C,QAAM,QACL,UAAU,OAAO,OAAO,UAAU,OAAO,MACtC;AAAA,IACA,iBAAiB,SAAS,MAAM;AAAA,IAChC,iBAAiB,SAAS,MAAM;AAAA,EAChC,IACA;AAAA,IACA,UAAU,SAAS;AAAA,EACnB;AAEJ,QAAM,mBAAmB,gCAAiC,KAAM;AAChE,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ;AAAA,QACP,UAAU;AAAA,QACV,YAAY,MAAM,cAAc;AAAA,MACjC;AAAA,MAEE,aAAI,IAAK;AAAA;AAAA,EACZ;AAEF;AAEA,IAAO,4BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,240 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
|
|
3
|
-
import { __, sprintf } from "@wordpress/i18n";
|
|
4
|
-
import {
|
|
5
|
-
__experimentalSpacer as Spacer,
|
|
6
|
-
useNavigator,
|
|
7
|
-
__experimentalView as View,
|
|
8
|
-
__experimentalHStack as HStack,
|
|
9
|
-
__experimentalVStack as VStack,
|
|
10
|
-
privateApis as componentsPrivateApis,
|
|
11
|
-
Button,
|
|
12
|
-
FlexItem,
|
|
13
|
-
ToggleControl
|
|
14
|
-
} from "@wordpress/components";
|
|
15
|
-
import { moreVertical } from "@wordpress/icons";
|
|
16
|
-
import { useState, useEffect } from "@wordpress/element";
|
|
17
|
-
import { unlock } from "../../../lock-unlock";
|
|
18
|
-
import ScreenHeader from "../header";
|
|
19
|
-
import FontSizePreview from "./font-size-preview";
|
|
20
|
-
import ConfirmDeleteFontSizeDialog from "./confirm-delete-font-size-dialog";
|
|
21
|
-
import RenameFontSizeDialog from "./rename-font-size-dialog";
|
|
22
|
-
import SizeControl from "../size-control";
|
|
23
|
-
const { Menu } = unlock(componentsPrivateApis);
|
|
24
|
-
const { useGlobalSetting } = unlock(blockEditorPrivateApis);
|
|
25
|
-
function FontSize() {
|
|
26
|
-
const [isDeleteConfirmOpen, setIsDeleteConfirmOpen] = useState(false);
|
|
27
|
-
const [isRenameDialogOpen, setIsRenameDialogOpen] = useState(false);
|
|
28
|
-
const {
|
|
29
|
-
params: { origin, slug },
|
|
30
|
-
goBack
|
|
31
|
-
} = useNavigator();
|
|
32
|
-
const [fontSizes, setFontSizes] = useGlobalSetting(
|
|
33
|
-
"typography.fontSizes"
|
|
34
|
-
);
|
|
35
|
-
const [globalFluid] = useGlobalSetting("typography.fluid");
|
|
36
|
-
const sizes = fontSizes[origin] ?? [];
|
|
37
|
-
const fontSize = sizes.find((size) => size.slug === slug);
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
if (!!slug && !fontSize) {
|
|
40
|
-
goBack();
|
|
41
|
-
}
|
|
42
|
-
}, [slug, fontSize, goBack]);
|
|
43
|
-
if (!origin || !slug || !fontSize) {
|
|
44
|
-
return null;
|
|
45
|
-
}
|
|
46
|
-
const isFluid = fontSize?.fluid !== void 0 ? !!fontSize.fluid : !!globalFluid;
|
|
47
|
-
const isCustomFluid = typeof fontSize?.fluid === "object";
|
|
48
|
-
const handleNameChange = (value) => {
|
|
49
|
-
updateFontSize("name", value);
|
|
50
|
-
};
|
|
51
|
-
const handleFontSizeChange = (value) => {
|
|
52
|
-
updateFontSize("size", value);
|
|
53
|
-
};
|
|
54
|
-
const handleFluidChange = (value) => {
|
|
55
|
-
updateFontSize("fluid", value);
|
|
56
|
-
};
|
|
57
|
-
const handleCustomFluidValues = (value) => {
|
|
58
|
-
if (value) {
|
|
59
|
-
updateFontSize("fluid", {
|
|
60
|
-
min: fontSize.size,
|
|
61
|
-
max: fontSize.size
|
|
62
|
-
});
|
|
63
|
-
} else {
|
|
64
|
-
updateFontSize("fluid", true);
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
const handleMinChange = (value) => {
|
|
68
|
-
updateFontSize("fluid", { ...fontSize.fluid, min: value });
|
|
69
|
-
};
|
|
70
|
-
const handleMaxChange = (value) => {
|
|
71
|
-
updateFontSize("fluid", { ...fontSize.fluid, max: value });
|
|
72
|
-
};
|
|
73
|
-
const updateFontSize = (key, value) => {
|
|
74
|
-
const newFontSizes = sizes.map((size) => {
|
|
75
|
-
if (size.slug === slug) {
|
|
76
|
-
return { ...size, [key]: value };
|
|
77
|
-
}
|
|
78
|
-
return size;
|
|
79
|
-
});
|
|
80
|
-
setFontSizes({
|
|
81
|
-
...fontSizes,
|
|
82
|
-
[origin]: newFontSizes
|
|
83
|
-
});
|
|
84
|
-
};
|
|
85
|
-
const handleRemoveFontSize = () => {
|
|
86
|
-
const newFontSizes = sizes.filter((size) => size.slug !== slug);
|
|
87
|
-
setFontSizes({
|
|
88
|
-
...fontSizes,
|
|
89
|
-
[origin]: newFontSizes
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
const toggleDeleteConfirm = () => {
|
|
93
|
-
setIsDeleteConfirmOpen(!isDeleteConfirmOpen);
|
|
94
|
-
};
|
|
95
|
-
const toggleRenameDialog = () => {
|
|
96
|
-
setIsRenameDialogOpen(!isRenameDialogOpen);
|
|
97
|
-
};
|
|
98
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
99
|
-
/* @__PURE__ */ jsx(
|
|
100
|
-
ConfirmDeleteFontSizeDialog,
|
|
101
|
-
{
|
|
102
|
-
fontSize,
|
|
103
|
-
isOpen: isDeleteConfirmOpen,
|
|
104
|
-
toggleOpen: toggleDeleteConfirm,
|
|
105
|
-
handleRemoveFontSize
|
|
106
|
-
}
|
|
107
|
-
),
|
|
108
|
-
isRenameDialogOpen && /* @__PURE__ */ jsx(
|
|
109
|
-
RenameFontSizeDialog,
|
|
110
|
-
{
|
|
111
|
-
fontSize,
|
|
112
|
-
toggleOpen: toggleRenameDialog,
|
|
113
|
-
handleRename: handleNameChange
|
|
114
|
-
}
|
|
115
|
-
),
|
|
116
|
-
/* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
|
|
117
|
-
/* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "flex-start", children: [
|
|
118
|
-
/* @__PURE__ */ jsx(
|
|
119
|
-
ScreenHeader,
|
|
120
|
-
{
|
|
121
|
-
title: fontSize.name,
|
|
122
|
-
description: sprintf(
|
|
123
|
-
/* translators: %s: font size preset name. */
|
|
124
|
-
__("Manage the font size %s."),
|
|
125
|
-
fontSize.name
|
|
126
|
-
)
|
|
127
|
-
}
|
|
128
|
-
),
|
|
129
|
-
origin === "custom" && /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
|
|
130
|
-
Spacer,
|
|
131
|
-
{
|
|
132
|
-
marginTop: 3,
|
|
133
|
-
marginBottom: 0,
|
|
134
|
-
paddingX: 4,
|
|
135
|
-
children: /* @__PURE__ */ jsxs(Menu, { children: [
|
|
136
|
-
/* @__PURE__ */ jsx(
|
|
137
|
-
Menu.TriggerButton,
|
|
138
|
-
{
|
|
139
|
-
render: /* @__PURE__ */ jsx(
|
|
140
|
-
Button,
|
|
141
|
-
{
|
|
142
|
-
size: "small",
|
|
143
|
-
icon: moreVertical,
|
|
144
|
-
label: __(
|
|
145
|
-
"Font size options"
|
|
146
|
-
)
|
|
147
|
-
}
|
|
148
|
-
)
|
|
149
|
-
}
|
|
150
|
-
),
|
|
151
|
-
/* @__PURE__ */ jsxs(Menu.Popover, { children: [
|
|
152
|
-
/* @__PURE__ */ jsx(
|
|
153
|
-
Menu.Item,
|
|
154
|
-
{
|
|
155
|
-
onClick: toggleRenameDialog,
|
|
156
|
-
children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: __("Rename") })
|
|
157
|
-
}
|
|
158
|
-
),
|
|
159
|
-
/* @__PURE__ */ jsx(
|
|
160
|
-
Menu.Item,
|
|
161
|
-
{
|
|
162
|
-
onClick: toggleDeleteConfirm,
|
|
163
|
-
children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: __("Delete") })
|
|
164
|
-
}
|
|
165
|
-
)
|
|
166
|
-
] })
|
|
167
|
-
] })
|
|
168
|
-
}
|
|
169
|
-
) })
|
|
170
|
-
] }),
|
|
171
|
-
/* @__PURE__ */ jsx(View, { children: /* @__PURE__ */ jsx(
|
|
172
|
-
Spacer,
|
|
173
|
-
{
|
|
174
|
-
paddingX: 4,
|
|
175
|
-
marginBottom: 0,
|
|
176
|
-
paddingBottom: 6,
|
|
177
|
-
children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
|
|
178
|
-
/* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(FontSizePreview, { fontSize }) }),
|
|
179
|
-
/* @__PURE__ */ jsx(
|
|
180
|
-
SizeControl,
|
|
181
|
-
{
|
|
182
|
-
label: __("Size"),
|
|
183
|
-
value: !isCustomFluid ? fontSize.size : "",
|
|
184
|
-
onChange: handleFontSizeChange,
|
|
185
|
-
disabled: isCustomFluid
|
|
186
|
-
}
|
|
187
|
-
),
|
|
188
|
-
/* @__PURE__ */ jsx(
|
|
189
|
-
ToggleControl,
|
|
190
|
-
{
|
|
191
|
-
label: __("Fluid typography"),
|
|
192
|
-
help: __(
|
|
193
|
-
"Scale the font size dynamically to fit the screen or viewport."
|
|
194
|
-
),
|
|
195
|
-
checked: isFluid,
|
|
196
|
-
onChange: handleFluidChange,
|
|
197
|
-
__nextHasNoMarginBottom: true
|
|
198
|
-
}
|
|
199
|
-
),
|
|
200
|
-
isFluid && /* @__PURE__ */ jsx(
|
|
201
|
-
ToggleControl,
|
|
202
|
-
{
|
|
203
|
-
label: __("Custom fluid values"),
|
|
204
|
-
help: __(
|
|
205
|
-
"Set custom min and max values for the fluid font size."
|
|
206
|
-
),
|
|
207
|
-
checked: isCustomFluid,
|
|
208
|
-
onChange: handleCustomFluidValues,
|
|
209
|
-
__nextHasNoMarginBottom: true
|
|
210
|
-
}
|
|
211
|
-
),
|
|
212
|
-
isCustomFluid && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
213
|
-
/* @__PURE__ */ jsx(
|
|
214
|
-
SizeControl,
|
|
215
|
-
{
|
|
216
|
-
label: __("Minimum"),
|
|
217
|
-
value: fontSize.fluid?.min,
|
|
218
|
-
onChange: handleMinChange
|
|
219
|
-
}
|
|
220
|
-
),
|
|
221
|
-
/* @__PURE__ */ jsx(
|
|
222
|
-
SizeControl,
|
|
223
|
-
{
|
|
224
|
-
label: __("Maximum"),
|
|
225
|
-
value: fontSize.fluid?.max,
|
|
226
|
-
onChange: handleMaxChange
|
|
227
|
-
}
|
|
228
|
-
)
|
|
229
|
-
] })
|
|
230
|
-
] })
|
|
231
|
-
}
|
|
232
|
-
) })
|
|
233
|
-
] })
|
|
234
|
-
] });
|
|
235
|
-
}
|
|
236
|
-
var font_size_default = FontSize;
|
|
237
|
-
export {
|
|
238
|
-
font_size_default as default
|
|
239
|
-
};
|
|
240
|
-
//# sourceMappingURL=font-size.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/global-styles/font-sizes/font-size.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalSpacer as Spacer,\n\tuseNavigator,\n\t__experimentalView as View,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n\tButton,\n\tFlexItem,\n\tToggleControl,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport ScreenHeader from '../header';\nimport FontSizePreview from './font-size-preview';\nimport ConfirmDeleteFontSizeDialog from './confirm-delete-font-size-dialog';\nimport RenameFontSizeDialog from './rename-font-size-dialog';\nimport SizeControl from '../size-control';\n\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontSize() {\n\tconst [ isDeleteConfirmOpen, setIsDeleteConfirmOpen ] = useState( false );\n\tconst [ isRenameDialogOpen, setIsRenameDialogOpen ] = useState( false );\n\n\tconst {\n\t\tparams: { origin, slug },\n\t\tgoBack,\n\t} = useNavigator();\n\n\tconst [ fontSizes, setFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes'\n\t);\n\n\tconst [ globalFluid ] = useGlobalSetting( 'typography.fluid' );\n\n\t// Get the font sizes from the origin, default to empty array.\n\tconst sizes = fontSizes[ origin ] ?? [];\n\n\t// Get the font size by slug.\n\tconst fontSize = sizes.find( ( size ) => size.slug === slug );\n\n\t// Navigate to the font sizes list if the font size is not available.\n\tuseEffect( () => {\n\t\tif ( !! slug && ! fontSize ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ slug, fontSize, goBack ] );\n\n\tif ( ! origin || ! slug || ! fontSize ) {\n\t\treturn null;\n\t}\n\n\t// Whether the font size is fluid. If not defined, use the global fluid value of the theme.\n\tconst isFluid =\n\t\tfontSize?.fluid !== undefined ? !! fontSize.fluid : !! globalFluid;\n\n\t// Whether custom fluid values are used.\n\tconst isCustomFluid = typeof fontSize?.fluid === 'object';\n\n\tconst handleNameChange = ( value ) => {\n\t\tupdateFontSize( 'name', value );\n\t};\n\n\tconst handleFontSizeChange = ( value ) => {\n\t\tupdateFontSize( 'size', value );\n\t};\n\n\tconst handleFluidChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', value );\n\t};\n\n\tconst handleCustomFluidValues = ( value ) => {\n\t\tif ( value ) {\n\t\t\t// If custom values are used, init the values with the current ones.\n\t\t\tupdateFontSize( 'fluid', {\n\t\t\t\tmin: fontSize.size,\n\t\t\t\tmax: fontSize.size,\n\t\t\t} );\n\t\t} else {\n\t\t\t// If custom fluid values are disabled, set fluid to true.\n\t\t\tupdateFontSize( 'fluid', true );\n\t\t}\n\t};\n\n\tconst handleMinChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', { ...fontSize.fluid, min: value } );\n\t};\n\n\tconst handleMaxChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', { ...fontSize.fluid, max: value } );\n\t};\n\n\tconst updateFontSize = ( key, value ) => {\n\t\tconst newFontSizes = sizes.map( ( size ) => {\n\t\t\tif ( size.slug === slug ) {\n\t\t\t\treturn { ...size, [ key ]: value }; // Create a new object with updated key\n\t\t\t}\n\t\t\treturn size;\n\t\t} );\n\n\t\tsetFontSizes( {\n\t\t\t...fontSizes,\n\t\t\t[ origin ]: newFontSizes,\n\t\t} );\n\t};\n\n\tconst handleRemoveFontSize = () => {\n\t\tconst newFontSizes = sizes.filter( ( size ) => size.slug !== slug );\n\t\tsetFontSizes( {\n\t\t\t...fontSizes,\n\t\t\t[ origin ]: newFontSizes,\n\t\t} );\n\t};\n\n\tconst toggleDeleteConfirm = () => {\n\t\tsetIsDeleteConfirmOpen( ! isDeleteConfirmOpen );\n\t};\n\n\tconst toggleRenameDialog = () => {\n\t\tsetIsRenameDialogOpen( ! isRenameDialogOpen );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ConfirmDeleteFontSizeDialog\n\t\t\t\tfontSize={ fontSize }\n\t\t\t\tisOpen={ isDeleteConfirmOpen }\n\t\t\t\ttoggleOpen={ toggleDeleteConfirm }\n\t\t\t\thandleRemoveFontSize={ handleRemoveFontSize }\n\t\t\t/>\n\n\t\t\t{ isRenameDialogOpen && (\n\t\t\t\t<RenameFontSizeDialog\n\t\t\t\t\tfontSize={ fontSize }\n\t\t\t\t\ttoggleOpen={ toggleRenameDialog }\n\t\t\t\t\thandleRename={ handleNameChange }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\" align=\"flex-start\">\n\t\t\t\t\t<ScreenHeader\n\t\t\t\t\t\ttitle={ fontSize.name }\n\t\t\t\t\t\tdescription={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: font size preset name. */\n\t\t\t\t\t\t\t__( 'Manage the font size %s.' ),\n\t\t\t\t\t\t\tfontSize.name\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\t\tmarginTop={ 3 }\n\t\t\t\t\t\t\t\tmarginBottom={ 0 }\n\t\t\t\t\t\t\t\tpaddingX={ 4 }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Font size options'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\t\tonClick={ toggleRenameDialog }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\t\tonClick={ toggleDeleteConfirm }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\n\t\t\t\t<View>\n\t\t\t\t\t<Spacer\n\t\t\t\t\t\tpaddingX={ 4 }\n\t\t\t\t\t\tmarginBottom={ 0 }\n\t\t\t\t\t\tpaddingBottom={ 6 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<FontSizePreview fontSize={ fontSize } />\n\t\t\t\t\t\t\t</FlexItem>\n\n\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\t\t\t\tvalue={ ! isCustomFluid ? fontSize.size : '' }\n\t\t\t\t\t\t\t\tonChange={ handleFontSizeChange }\n\t\t\t\t\t\t\t\tdisabled={ isCustomFluid }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Fluid typography' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Scale the font size dynamically to fit the screen or viewport.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ isFluid }\n\t\t\t\t\t\t\t\tonChange={ handleFluidChange }\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{ isFluid && (\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Custom fluid values' ) }\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Set custom min and max values for the fluid font size.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tchecked={ isCustomFluid }\n\t\t\t\t\t\t\t\t\tonChange={ handleCustomFluidValues }\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ isCustomFluid && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Minimum' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ fontSize.fluid?.min }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleMinChange }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Maximum' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ fontSize.fluid?.max }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleMaxChange }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</View>\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default FontSize;\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { __, isRTL } from "@wordpress/i18n";
|
|
3
|
-
import {
|
|
4
|
-
__experimentalItemGroup as ItemGroup,
|
|
5
|
-
__experimentalVStack as VStack,
|
|
6
|
-
__experimentalHStack as HStack,
|
|
7
|
-
FlexItem
|
|
8
|
-
} from "@wordpress/components";
|
|
9
|
-
import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
|
|
10
|
-
import Subtitle from "../subtitle";
|
|
11
|
-
import { NavigationButtonAsItem } from "../navigation-button";
|
|
12
|
-
function FontSizes() {
|
|
13
|
-
return /* @__PURE__ */ jsxs(VStack, { spacing: 2, children: [
|
|
14
|
-
/* @__PURE__ */ jsx(HStack, { justify: "space-between", children: /* @__PURE__ */ jsx(Subtitle, { level: 3, children: __("Font Sizes") }) }),
|
|
15
|
-
/* @__PURE__ */ jsx(ItemGroup, { isBordered: true, isSeparated: true, children: /* @__PURE__ */ jsx(NavigationButtonAsItem, { path: "/typography/font-sizes", children: /* @__PURE__ */ jsxs(HStack, { direction: "row", children: [
|
|
16
|
-
/* @__PURE__ */ jsx(FlexItem, { children: __("Font size presets") }),
|
|
17
|
-
/* @__PURE__ */ jsx(Icon, { icon: isRTL() ? chevronLeft : chevronRight })
|
|
18
|
-
] }) }) })
|
|
19
|
-
] });
|
|
20
|
-
}
|
|
21
|
-
var font_sizes_count_default = FontSizes;
|
|
22
|
-
export {
|
|
23
|
-
font_sizes_count_default as default
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=font-sizes-count.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/global-styles/font-sizes/font-sizes-count.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\n\nfunction FontSizes() {\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ __( 'Font Sizes' ) }</Subtitle>\n\t\t\t</HStack>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem path=\"/typography/font-sizes\">\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t<FlexItem>{ __( 'Font size presets' ) }</FlexItem>\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</HStack>\n\t\t\t\t</NavigationButtonAsItem>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],
|
|
5
|
-
"mappings": "AAsBI,cAIC,YAJD;AAnBJ,SAAS,IAAI,aAAa;AAC1B;AAAA,EACC,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,MAAM,aAAa,oBAAoB;AAKhD,OAAO,cAAc;AACrB,SAAS,8BAA8B;AAEvC,SAAS,YAAY;AACpB,SACC,qBAAC,UAAO,SAAU,GACjB;AAAA,wBAAC,UAAO,SAAQ,iBACf,8BAAC,YAAS,OAAQ,GAAM,aAAI,YAAa,GAAG,GAC7C;AAAA,IACA,oBAAC,aAAU,YAAU,MAAC,aAAW,MAChC,8BAAC,0BAAuB,MAAK,0BAC5B,+BAAC,UAAO,WAAU,OACjB;AAAA,0BAAC,YAAW,aAAI,mBAAoB,GAAG;AAAA,MACvC,oBAAC,QAAK,MAAO,MAAM,IAAI,cAAc,cAAe;AAAA,OACrD,GACD,GACD;AAAA,KACD;AAEF;AAEA,IAAO,2BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,205 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
|
|
3
|
-
import { __, sprintf, isRTL } from "@wordpress/i18n";
|
|
4
|
-
import {
|
|
5
|
-
privateApis as componentsPrivateApis,
|
|
6
|
-
__experimentalSpacer as Spacer,
|
|
7
|
-
__experimentalView as View,
|
|
8
|
-
__experimentalItemGroup as ItemGroup,
|
|
9
|
-
__experimentalVStack as VStack,
|
|
10
|
-
__experimentalHStack as HStack,
|
|
11
|
-
FlexItem,
|
|
12
|
-
Button
|
|
13
|
-
} from "@wordpress/components";
|
|
14
|
-
import {
|
|
15
|
-
Icon,
|
|
16
|
-
plus,
|
|
17
|
-
moreVertical,
|
|
18
|
-
chevronLeft,
|
|
19
|
-
chevronRight
|
|
20
|
-
} from "@wordpress/icons";
|
|
21
|
-
import { useState } from "@wordpress/element";
|
|
22
|
-
import { unlock } from "../../../lock-unlock";
|
|
23
|
-
import Subtitle from "../subtitle";
|
|
24
|
-
import { NavigationButtonAsItem } from "../navigation-button";
|
|
25
|
-
import { getNewIndexFromPresets } from "../utils";
|
|
26
|
-
import ScreenHeader from "../header";
|
|
27
|
-
import ConfirmResetFontSizesDialog from "./confirm-reset-font-sizes-dialog";
|
|
28
|
-
const { Menu } = unlock(componentsPrivateApis);
|
|
29
|
-
const { useGlobalSetting } = unlock(blockEditorPrivateApis);
|
|
30
|
-
function FontSizeGroup({
|
|
31
|
-
label,
|
|
32
|
-
origin,
|
|
33
|
-
sizes,
|
|
34
|
-
handleAddFontSize,
|
|
35
|
-
handleResetFontSizes
|
|
36
|
-
}) {
|
|
37
|
-
const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
|
|
38
|
-
const toggleResetDialog = () => setIsResetDialogOpen(!isResetDialogOpen);
|
|
39
|
-
const resetDialogText = origin === "custom" ? __(
|
|
40
|
-
"Are you sure you want to remove all custom font size presets?"
|
|
41
|
-
) : __(
|
|
42
|
-
"Are you sure you want to reset all font size presets to their default values?"
|
|
43
|
-
);
|
|
44
|
-
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
45
|
-
isResetDialogOpen && /* @__PURE__ */ jsx(
|
|
46
|
-
ConfirmResetFontSizesDialog,
|
|
47
|
-
{
|
|
48
|
-
text: resetDialogText,
|
|
49
|
-
confirmButtonText: origin === "custom" ? __("Remove") : __("Reset"),
|
|
50
|
-
isOpen: isResetDialogOpen,
|
|
51
|
-
toggleOpen: toggleResetDialog,
|
|
52
|
-
onConfirm: handleResetFontSizes
|
|
53
|
-
}
|
|
54
|
-
),
|
|
55
|
-
/* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
|
|
56
|
-
/* @__PURE__ */ jsxs(HStack, { children: [
|
|
57
|
-
/* @__PURE__ */ jsx(Subtitle, { level: 3, children: label }),
|
|
58
|
-
/* @__PURE__ */ jsxs(FlexItem, { className: "edit-site-global-styles__typography-panel__options-container", children: [
|
|
59
|
-
origin === "custom" && /* @__PURE__ */ jsx(
|
|
60
|
-
Button,
|
|
61
|
-
{
|
|
62
|
-
label: __("Add font size"),
|
|
63
|
-
icon: plus,
|
|
64
|
-
size: "small",
|
|
65
|
-
onClick: handleAddFontSize
|
|
66
|
-
}
|
|
67
|
-
),
|
|
68
|
-
!!handleResetFontSizes && /* @__PURE__ */ jsxs(Menu, { children: [
|
|
69
|
-
/* @__PURE__ */ jsx(
|
|
70
|
-
Menu.TriggerButton,
|
|
71
|
-
{
|
|
72
|
-
render: /* @__PURE__ */ jsx(
|
|
73
|
-
Button,
|
|
74
|
-
{
|
|
75
|
-
size: "small",
|
|
76
|
-
icon: moreVertical,
|
|
77
|
-
label: __(
|
|
78
|
-
"Font size presets options"
|
|
79
|
-
)
|
|
80
|
-
}
|
|
81
|
-
)
|
|
82
|
-
}
|
|
83
|
-
),
|
|
84
|
-
/* @__PURE__ */ jsx(Menu.Popover, { children: /* @__PURE__ */ jsx(Menu.Item, { onClick: toggleResetDialog, children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: origin === "custom" ? __(
|
|
85
|
-
"Remove font size presets"
|
|
86
|
-
) : __(
|
|
87
|
-
"Reset font size presets"
|
|
88
|
-
) }) }) })
|
|
89
|
-
] })
|
|
90
|
-
] })
|
|
91
|
-
] }),
|
|
92
|
-
!!sizes.length && /* @__PURE__ */ jsx(ItemGroup, { isBordered: true, isSeparated: true, children: sizes.map((size) => /* @__PURE__ */ jsx(
|
|
93
|
-
NavigationButtonAsItem,
|
|
94
|
-
{
|
|
95
|
-
path: `/typography/font-sizes/${origin}/${size.slug}`,
|
|
96
|
-
children: /* @__PURE__ */ jsxs(HStack, { children: [
|
|
97
|
-
/* @__PURE__ */ jsx(FlexItem, { className: "edit-site-font-size__item", children: size.name }),
|
|
98
|
-
/* @__PURE__ */ jsx(FlexItem, { display: "flex", children: /* @__PURE__ */ jsx(
|
|
99
|
-
Icon,
|
|
100
|
-
{
|
|
101
|
-
icon: isRTL() ? chevronLeft : chevronRight
|
|
102
|
-
}
|
|
103
|
-
) })
|
|
104
|
-
] })
|
|
105
|
-
},
|
|
106
|
-
size.slug
|
|
107
|
-
)) })
|
|
108
|
-
] })
|
|
109
|
-
] });
|
|
110
|
-
}
|
|
111
|
-
function FontSizes() {
|
|
112
|
-
const [themeFontSizes, setThemeFontSizes] = useGlobalSetting(
|
|
113
|
-
"typography.fontSizes.theme"
|
|
114
|
-
);
|
|
115
|
-
const [baseThemeFontSizes] = useGlobalSetting(
|
|
116
|
-
"typography.fontSizes.theme",
|
|
117
|
-
null,
|
|
118
|
-
"base"
|
|
119
|
-
);
|
|
120
|
-
const [defaultFontSizes, setDefaultFontSizes] = useGlobalSetting(
|
|
121
|
-
"typography.fontSizes.default"
|
|
122
|
-
);
|
|
123
|
-
const [baseDefaultFontSizes] = useGlobalSetting(
|
|
124
|
-
"typography.fontSizes.default",
|
|
125
|
-
null,
|
|
126
|
-
"base"
|
|
127
|
-
);
|
|
128
|
-
const [customFontSizes = [], setCustomFontSizes] = useGlobalSetting(
|
|
129
|
-
"typography.fontSizes.custom"
|
|
130
|
-
);
|
|
131
|
-
const [defaultFontSizesEnabled] = useGlobalSetting(
|
|
132
|
-
"typography.defaultFontSizes"
|
|
133
|
-
);
|
|
134
|
-
const handleAddFontSize = () => {
|
|
135
|
-
const index = getNewIndexFromPresets(customFontSizes, "custom-");
|
|
136
|
-
const newFontSize = {
|
|
137
|
-
/* translators: %d: font size index */
|
|
138
|
-
name: sprintf(__("New Font Size %d"), index),
|
|
139
|
-
size: "16px",
|
|
140
|
-
slug: `custom-${index}`
|
|
141
|
-
};
|
|
142
|
-
setCustomFontSizes([...customFontSizes, newFontSize]);
|
|
143
|
-
};
|
|
144
|
-
const hasSameSizeValues = (arr1, arr2) => arr1.map((item) => item.size).join("") === arr2.map((item) => item.size).join("");
|
|
145
|
-
return /* @__PURE__ */ jsxs(VStack, { spacing: 2, children: [
|
|
146
|
-
/* @__PURE__ */ jsx(
|
|
147
|
-
ScreenHeader,
|
|
148
|
-
{
|
|
149
|
-
title: __("Font size presets"),
|
|
150
|
-
description: __(
|
|
151
|
-
"Create and edit the presets used for font sizes across the site."
|
|
152
|
-
)
|
|
153
|
-
}
|
|
154
|
-
),
|
|
155
|
-
/* @__PURE__ */ jsx(View, { children: /* @__PURE__ */ jsx(Spacer, { paddingX: 4, children: /* @__PURE__ */ jsxs(VStack, { spacing: 8, children: [
|
|
156
|
-
!!themeFontSizes?.length && /* @__PURE__ */ jsx(
|
|
157
|
-
FontSizeGroup,
|
|
158
|
-
{
|
|
159
|
-
label: __("Theme"),
|
|
160
|
-
origin: "theme",
|
|
161
|
-
sizes: themeFontSizes,
|
|
162
|
-
baseSizes: baseThemeFontSizes,
|
|
163
|
-
handleAddFontSize,
|
|
164
|
-
handleResetFontSizes: hasSameSizeValues(
|
|
165
|
-
themeFontSizes,
|
|
166
|
-
baseThemeFontSizes
|
|
167
|
-
) ? null : () => setThemeFontSizes(
|
|
168
|
-
baseThemeFontSizes
|
|
169
|
-
)
|
|
170
|
-
}
|
|
171
|
-
),
|
|
172
|
-
defaultFontSizesEnabled && !!defaultFontSizes?.length && /* @__PURE__ */ jsx(
|
|
173
|
-
FontSizeGroup,
|
|
174
|
-
{
|
|
175
|
-
label: __("Default"),
|
|
176
|
-
origin: "default",
|
|
177
|
-
sizes: defaultFontSizes,
|
|
178
|
-
baseSizes: baseDefaultFontSizes,
|
|
179
|
-
handleAddFontSize,
|
|
180
|
-
handleResetFontSizes: hasSameSizeValues(
|
|
181
|
-
defaultFontSizes,
|
|
182
|
-
baseDefaultFontSizes
|
|
183
|
-
) ? null : () => setDefaultFontSizes(
|
|
184
|
-
baseDefaultFontSizes
|
|
185
|
-
)
|
|
186
|
-
}
|
|
187
|
-
),
|
|
188
|
-
/* @__PURE__ */ jsx(
|
|
189
|
-
FontSizeGroup,
|
|
190
|
-
{
|
|
191
|
-
label: __("Custom"),
|
|
192
|
-
origin: "custom",
|
|
193
|
-
sizes: customFontSizes,
|
|
194
|
-
handleAddFontSize,
|
|
195
|
-
handleResetFontSizes: customFontSizes.length > 0 ? () => setCustomFontSizes([]) : null
|
|
196
|
-
}
|
|
197
|
-
)
|
|
198
|
-
] }) }) })
|
|
199
|
-
] });
|
|
200
|
-
}
|
|
201
|
-
var font_sizes_default = FontSizes;
|
|
202
|
-
export {
|
|
203
|
-
font_sizes_default as default
|
|
204
|
-
};
|
|
205
|
-
//# sourceMappingURL=font-sizes.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/global-styles/font-sizes/font-sizes.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tprivateApis as componentsPrivateApis,\n\t__experimentalSpacer as Spacer,\n\t__experimentalView as View,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n\tButton,\n} from '@wordpress/components';\nimport {\n\tIcon,\n\tplus,\n\tmoreVertical,\n\tchevronLeft,\n\tchevronRight,\n} from '@wordpress/icons';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { getNewIndexFromPresets } from '../utils';\nimport ScreenHeader from '../header';\nimport ConfirmResetFontSizesDialog from './confirm-reset-font-sizes-dialog';\n\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontSizeGroup( {\n\tlabel,\n\torigin,\n\tsizes,\n\thandleAddFontSize,\n\thandleResetFontSizes,\n} ) {\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\tconst resetDialogText =\n\t\torigin === 'custom'\n\t\t\t? __(\n\t\t\t\t\t'Are you sure you want to remove all custom font size presets?'\n\t\t\t )\n\t\t\t: __(\n\t\t\t\t\t'Are you sure you want to reset all font size presets to their default values?'\n\t\t\t );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetFontSizesDialog\n\t\t\t\t\ttext={ resetDialogText }\n\t\t\t\t\tconfirmButtonText={\n\t\t\t\t\t\torigin === 'custom' ? __( 'Remove' ) : __( 'Reset' )\n\t\t\t\t\t}\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetFontSizes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__typography-panel__options-container\">\n\t\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Add font size' ) }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ handleAddFontSize }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! handleResetFontSizes && (\n\t\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Font size presets options'\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t\t<Menu.Item onClick={ toggleResetDialog }>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ origin === 'custom'\n\t\t\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove font size presets'\n\t\t\t\t\t\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Reset font size presets'\n\t\t\t\t\t\t\t\t\t\t\t\t ) }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ !! sizes.length && (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ sizes.map( ( size ) => (\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tkey={ size.slug }\n\t\t\t\t\t\t\t\tpath={ `/typography/font-sizes/${ origin }/${ size.slug }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-font-size__item\">\n\t\t\t\t\t\t\t\t\t\t{ size.name }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<FlexItem display=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nfunction FontSizes() {\n\tconst [ themeFontSizes, setThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme'\n\t);\n\n\tconst [ baseThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme',\n\t\tnull,\n\t\t'base'\n\t);\n\tconst [ defaultFontSizes, setDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default'\n\t);\n\n\tconst [ baseDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default',\n\t\tnull,\n\t\t'base'\n\t);\n\n\tconst [ customFontSizes = [], setCustomFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.custom'\n\t);\n\n\tconst [ defaultFontSizesEnabled ] = useGlobalSetting(\n\t\t'typography.defaultFontSizes'\n\t);\n\n\tconst handleAddFontSize = () => {\n\t\tconst index = getNewIndexFromPresets( customFontSizes, 'custom-' );\n\t\tconst newFontSize = {\n\t\t\t/* translators: %d: font size index */\n\t\t\tname: sprintf( __( 'New Font Size %d' ), index ),\n\t\t\tsize: '16px',\n\t\t\tslug: `custom-${ index }`,\n\t\t};\n\n\t\tsetCustomFontSizes( [ ...customFontSizes, newFontSize ] );\n\t};\n\n\tconst hasSameSizeValues = ( arr1, arr2 ) =>\n\t\tarr1.map( ( item ) => item.size ).join( '' ) ===\n\t\tarr2.map( ( item ) => item.size ).join( '' );\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Font size presets' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Create and edit the presets used for font sizes across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<View>\n\t\t\t\t<Spacer paddingX={ 4 }>\n\t\t\t\t\t<VStack spacing={ 8 }>\n\t\t\t\t\t\t{ !! themeFontSizes?.length && (\n\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\t\torigin=\"theme\"\n\t\t\t\t\t\t\t\tsizes={ themeFontSizes }\n\t\t\t\t\t\t\t\tbaseSizes={ baseThemeFontSizes }\n\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\tthemeFontSizes,\n\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetThemeFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t{ defaultFontSizesEnabled &&\n\t\t\t\t\t\t\t!! defaultFontSizes?.length && (\n\t\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\t\t\torigin=\"default\"\n\t\t\t\t\t\t\t\t\tsizes={ defaultFontSizes }\n\t\t\t\t\t\t\t\t\tbaseSizes={ baseDefaultFontSizes }\n\t\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\t\tdefaultFontSizes,\n\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDefaultFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\torigin=\"custom\"\n\t\t\t\t\t\t\tsizes={ customFontSizes }\n\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\tcustomFontSizes.length > 0\n\t\t\t\t\t\t\t\t\t? () => setCustomFontSizes( [] )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
3
|
-
__experimentalInputControl as InputControl,
|
|
4
|
-
__experimentalVStack as VStack,
|
|
5
|
-
__experimentalHStack as HStack,
|
|
6
|
-
Button,
|
|
7
|
-
Modal
|
|
8
|
-
} from "@wordpress/components";
|
|
9
|
-
import { __ } from "@wordpress/i18n";
|
|
10
|
-
import { useState } from "@wordpress/element";
|
|
11
|
-
function RenameFontSizeDialog({ fontSize, toggleOpen, handleRename }) {
|
|
12
|
-
const [newName, setNewName] = useState(fontSize.name);
|
|
13
|
-
const handleConfirm = () => {
|
|
14
|
-
if (newName.trim()) {
|
|
15
|
-
handleRename(newName);
|
|
16
|
-
}
|
|
17
|
-
toggleOpen();
|
|
18
|
-
};
|
|
19
|
-
return /* @__PURE__ */ jsx(
|
|
20
|
-
Modal,
|
|
21
|
-
{
|
|
22
|
-
onRequestClose: toggleOpen,
|
|
23
|
-
focusOnMount: "firstContentElement",
|
|
24
|
-
title: __("Rename"),
|
|
25
|
-
size: "small",
|
|
26
|
-
children: /* @__PURE__ */ jsx(
|
|
27
|
-
"form",
|
|
28
|
-
{
|
|
29
|
-
onSubmit: (event) => {
|
|
30
|
-
event.preventDefault();
|
|
31
|
-
handleConfirm();
|
|
32
|
-
toggleOpen();
|
|
33
|
-
},
|
|
34
|
-
children: /* @__PURE__ */ jsxs(VStack, { spacing: "3", children: [
|
|
35
|
-
/* @__PURE__ */ jsx(
|
|
36
|
-
InputControl,
|
|
37
|
-
{
|
|
38
|
-
__next40pxDefaultSize: true,
|
|
39
|
-
autoComplete: "off",
|
|
40
|
-
value: newName,
|
|
41
|
-
onChange: setNewName,
|
|
42
|
-
label: __("Name"),
|
|
43
|
-
placeholder: __("Font size preset name")
|
|
44
|
-
}
|
|
45
|
-
),
|
|
46
|
-
/* @__PURE__ */ jsxs(HStack, { justify: "right", children: [
|
|
47
|
-
/* @__PURE__ */ jsx(
|
|
48
|
-
Button,
|
|
49
|
-
{
|
|
50
|
-
__next40pxDefaultSize: true,
|
|
51
|
-
variant: "tertiary",
|
|
52
|
-
onClick: toggleOpen,
|
|
53
|
-
children: __("Cancel")
|
|
54
|
-
}
|
|
55
|
-
),
|
|
56
|
-
/* @__PURE__ */ jsx(
|
|
57
|
-
Button,
|
|
58
|
-
{
|
|
59
|
-
__next40pxDefaultSize: true,
|
|
60
|
-
variant: "primary",
|
|
61
|
-
type: "submit",
|
|
62
|
-
children: __("Save")
|
|
63
|
-
}
|
|
64
|
-
)
|
|
65
|
-
] })
|
|
66
|
-
] })
|
|
67
|
-
}
|
|
68
|
-
)
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
}
|
|
72
|
-
var rename_font_size_dialog_default = RenameFontSizeDialog;
|
|
73
|
-
export {
|
|
74
|
-
rename_font_size_dialog_default as default
|
|
75
|
-
};
|
|
76
|
-
//# sourceMappingURL=rename-font-size-dialog.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/components/global-styles/font-sizes/rename-font-size-dialog.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalInputControl as InputControl,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nfunction RenameFontSizeDialog( { fontSize, toggleOpen, handleRename } ) {\n\tconst [ newName, setNewName ] = useState( fontSize.name );\n\n\tconst handleConfirm = () => {\n\t\t// If the new name is not empty, call the handleRename function\n\t\tif ( newName.trim() ) {\n\t\t\thandleRename( newName );\n\t\t}\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\tonRequestClose={ toggleOpen }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleConfirm();\n\t\t\t\t\ttoggleOpen();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tvalue={ newName }\n\t\t\t\t\t\tonChange={ setNewName }\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Font size preset name' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ toggleOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n\nexport default RenameFontSizeDialog;\n"],
|
|
5
|
-
"mappings": "AAuCK,cAQA,YARA;AApCL;AAAA,EACC,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AACnB,SAAS,gBAAgB;AAEzB,SAAS,qBAAsB,EAAE,UAAU,YAAY,aAAa,GAAI;AACvE,QAAM,CAAE,SAAS,UAAW,IAAI,SAAU,SAAS,IAAK;AAExD,QAAM,gBAAgB,MAAM;AAE3B,QAAK,QAAQ,KAAK,GAAI;AACrB,mBAAc,OAAQ;AAAA,IACvB;AACA,eAAW;AAAA,EACZ;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,OAAQ,GAAI,QAAS;AAAA,MACrB,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AACrB,0BAAc;AACd,uBAAW;AAAA,UACZ;AAAA,UAEA,+BAAC,UAAO,SAAQ,KACf;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,cAAa;AAAA,gBACb,OAAQ;AAAA,gBACR,UAAW;AAAA,gBACX,OAAQ,GAAI,MAAO;AAAA,gBACnB,aAAc,GAAI,uBAAwB;AAAA;AAAA,YAC3C;AAAA,YACA,qBAAC,UAAO,SAAQ,SACf;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,SAAU;AAAA,kBAER,aAAI,QAAS;AAAA;AAAA,cAChB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,MAAK;AAAA,kBAEH,aAAI,MAAO;AAAA;AAAA,cACd;AAAA,eACD;AAAA,aACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,kCAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|