@wix/patterns-fields 1.16.0 → 1.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cell-rich-content-input/package.json +5 -0
- package/dist/cjs/assets/locale/messages_en.json +6 -2
- package/dist/cjs/components/address/input/address-input.st.css.js +3 -3
- package/dist/cjs/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js +3 -3
- package/dist/cjs/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js +4 -4
- package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js.map +1 -1
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/cjs/components/audio/audio-player/audio-player.st.css.js.map +1 -1
- package/dist/cjs/components/color-view/color-view.st.css.js +4 -4
- package/dist/cjs/components/color-view/color-view.st.css.js.map +1 -1
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js +3 -3
- package/dist/cjs/components/delete-dialog/delete-dialog.st.css.js.map +1 -1
- package/dist/cjs/components/document/form-document-field.st.css.js +7 -7
- package/dist/cjs/components/document/form-document-field.st.css.js.map +1 -1
- package/dist/cjs/components/exclamation/exclamation.st.css.js +5 -5
- package/dist/cjs/components/exclamation/exclamation.st.css.js.map +1 -1
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js +5 -5
- package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js.map +1 -1
- package/dist/cjs/components/image/cell-image-edit.js +32 -61
- package/dist/cjs/components/image/cell-image-edit.js.map +1 -1
- package/dist/cjs/components/image/image-thumbnail.js +7 -6
- package/dist/cjs/components/image/image-thumbnail.js.map +1 -1
- package/dist/cjs/components/image/thumbnail-replace-overlay.js +29 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.js.map +1 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css +15 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js +23 -0
- package/dist/cjs/components/image/thumbnail-replace-overlay.st.css.js.map +1 -0
- package/dist/cjs/components/media-control/paste-url-button.st.css.js +4 -4
- package/dist/cjs/components/media-control/paste-url-button.st.css.js.map +1 -1
- package/dist/cjs/components/media-control/use-media-control.js +8 -9
- package/dist/cjs/components/media-control/use-media-control.js.map +1 -1
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js +10 -10
- package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/media-image.st.css.js +4 -4
- package/dist/cjs/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js +4 -4
- package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/cjs/components/media-loader/media-loader.st.css.js +3 -3
- package/dist/cjs/components/media-loader/media-loader.st.css.js.map +1 -1
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document-field.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document-view.js.map +1 -1
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js +5 -5
- package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-input.js +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-input.js.map +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-view.js +1 -1
- package/dist/cjs/components/rich-content/cell-rich-content-view.js.map +1 -1
- package/dist/cjs/components/rich-content/editor.js +2 -10
- package/dist/cjs/components/rich-content/editor.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +6 -6
- package/dist/cjs/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/form-input.js +2 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/form-input.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/index.js +3 -4
- package/dist/cjs/components/rich-content/rich-content-input/form-input/index.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +5 -5
- package/dist/cjs/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +3 -3
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +8 -8
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +4 -4
- package/dist/cjs/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/cell-rich-text-editor.js +155 -0
- package/dist/cjs/components/rich-text/cell-rich-text-editor.js.map +1 -0
- package/dist/cjs/components/rich-text/cell-rich-text-input.js +153 -0
- package/dist/cjs/components/rich-text/cell-rich-text-input.js.map +1 -0
- package/dist/cjs/components/rich-text/cell-rich-text-view.js +30 -0
- package/dist/cjs/components/rich-text/cell-rich-text-view.js.map +1 -0
- package/dist/cjs/components/rich-text/index.js +18 -0
- package/dist/cjs/components/rich-text/index.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js +13 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css +26 -22
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +50 -46
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +4 -4
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js +168 -157
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js.map +1 -1
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css +13 -12
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +22 -19
- package/dist/cjs/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/cjs/components/text/text-view.st.css.js +3 -3
- package/dist/cjs/components/text/text-view.st.css.js.map +1 -1
- package/dist/cjs/components/video/cell-video-edit.js +424 -0
- package/dist/cjs/components/video/cell-video-edit.js.map +1 -0
- package/dist/cjs/components/video/index.js +3 -1
- package/dist/cjs/components/video/index.js.map +1 -1
- package/dist/cjs/exports/cell-rich-content-input.js +8 -0
- package/dist/cjs/exports/cell-rich-content-input.js.map +1 -0
- package/dist/cjs/exports/form-rich-content-input.js +3 -4
- package/dist/cjs/exports/form-rich-content-input.js.map +1 -1
- package/dist/cjs/index.js +11 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/services/translations.js.map +1 -1
- package/dist/cjs/styles.global.css +1 -1
- package/dist/esm/assets/locale/messages_en.json +6 -2
- package/dist/esm/components/address/input/address-input.st.css.js +2 -2
- package/dist/esm/components/address/input/address-input.st.css.js.map +1 -1
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js +2 -2
- package/dist/esm/components/audio/actions/actions-menu/actions-menu.st.css.js.map +1 -1
- package/dist/esm/components/audio/audio-field/form-audio-field.st.css.js +2 -2
- package/dist/esm/components/audio/audio-player/audio-player.st.css.js +2 -2
- package/dist/esm/components/color-view/color-view.st.css.js +2 -2
- package/dist/esm/components/delete-dialog/delete-dialog.st.css.js +2 -2
- package/dist/esm/components/document/form-document-field.st.css.js +2 -2
- package/dist/esm/components/exclamation/exclamation.st.css.js +2 -2
- package/dist/esm/components/highlighted-text/highlighted-text.st.css.js +3 -3
- package/dist/esm/components/image/cell-image-edit.js +4 -21
- package/dist/esm/components/image/cell-image-edit.js.map +1 -1
- package/dist/esm/components/image/image-thumbnail.js +9 -3
- package/dist/esm/components/image/image-thumbnail.js.map +1 -1
- package/dist/esm/components/image/thumbnail-replace-overlay.js +7 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.js.map +1 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css +15 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js +15 -0
- package/dist/esm/components/image/thumbnail-replace-overlay.st.css.js.map +1 -0
- package/dist/esm/components/media-control/paste-url-button.st.css.js +2 -2
- package/dist/esm/components/media-control/use-media-control.js +9 -8
- package/dist/esm/components/media-control/use-media-control.js.map +1 -1
- package/dist/esm/components/media-gallery/form-media-gallery-field.st.css.js +2 -2
- package/dist/esm/components/media-image/media-image.st.css.js +3 -3
- package/dist/esm/components/media-image/media-image.st.css.js.map +1 -1
- package/dist/esm/components/media-image/overlays/overlay.st.css.js +3 -3
- package/dist/esm/components/media-image/overlays/overlay.st.css.js.map +1 -1
- package/dist/esm/components/media-loader/media-loader.st.css.js +2 -2
- package/dist/esm/components/media-tag/web-media-tag/media-tag.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document-field.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document-view.js.map +1 -1
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js +2 -2
- package/dist/esm/components/multi-document/multi-document-input/form-multi-document.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/cell-rich-content-input.js.map +1 -1
- package/dist/esm/components/rich-content/cell-rich-content-view.js +1 -1
- package/dist/esm/components/rich-content/cell-rich-content-view.js.map +1 -1
- package/dist/esm/components/rich-content/editor.js +1 -2
- package/dist/esm/components/rich-content/editor.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/form-input/form-input.js +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/form-input.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/index.js +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/index.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js +3 -3
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js +2 -2
- package/dist/esm/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.js.map +1 -1
- package/dist/esm/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.js +2 -2
- package/dist/esm/components/rich-text/cell-rich-text-editor.js +85 -0
- package/dist/esm/components/rich-text/cell-rich-text-editor.js.map +1 -0
- package/dist/esm/components/rich-text/cell-rich-text-input.js +77 -0
- package/dist/esm/components/rich-text/cell-rich-text-input.js.map +1 -0
- package/dist/esm/components/rich-text/cell-rich-text-view.js +11 -0
- package/dist/esm/components/rich-text/cell-rich-text-view.js.map +1 -0
- package/dist/esm/components/rich-text/index.js +3 -0
- package/dist/esm/components/rich-text/index.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js +14 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css +26 -22
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js +4 -4
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.js +2 -2
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js +64 -50
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.js.map +1 -1
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css +13 -12
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js +3 -3
- package/dist/esm/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.js.map +1 -1
- package/dist/esm/components/text/text-view.st.css.js +2 -2
- package/dist/esm/components/video/cell-video-edit.js +159 -0
- package/dist/esm/components/video/cell-video-edit.js.map +1 -0
- package/dist/esm/components/video/index.js +1 -0
- package/dist/esm/components/video/index.js.map +1 -1
- package/dist/esm/exports/cell-rich-content-input.js +2 -0
- package/dist/esm/exports/cell-rich-content-input.js.map +1 -0
- package/dist/esm/exports/form-rich-content-input.js +1 -1
- package/dist/esm/exports/form-rich-content-input.js.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/styles.global.css +1 -1
- package/dist/types/components/address/input/address-input.st.css.d.ts.map +1 -1
- package/dist/types/components/audio/actions/actions-menu/actions-menu.st.css.d.ts.map +1 -1
- package/dist/types/components/image/cell-image-edit.d.ts.map +1 -1
- package/dist/types/components/image/image-thumbnail.d.ts +1 -0
- package/dist/types/components/image/image-thumbnail.d.ts.map +1 -1
- package/dist/types/components/image/thumbnail-replace-overlay.d.ts +3 -0
- package/dist/types/components/image/thumbnail-replace-overlay.d.ts.map +1 -0
- package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts +14 -0
- package/dist/types/components/image/thumbnail-replace-overlay.st.css.d.ts.map +1 -0
- package/dist/types/components/media-control/use-media-control.d.ts +3 -3
- package/dist/types/components/media-control/use-media-control.d.ts.map +1 -1
- package/dist/types/components/media-gallery/media-gallery-dialog/hooks.d.ts +2 -2
- package/dist/types/components/media-image/media-image.st.css.d.ts.map +1 -1
- package/dist/types/components/media-image/overlays/overlay.st.css.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document-view.d.ts +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document-view.d.ts.map +1 -1
- package/dist/types/components/multi-document/multi-document-input/form-multi-document.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/cell-rich-content-input.d.ts.map +1 -1
- package/dist/types/components/rich-content/cell-rich-content-view.d.ts.map +1 -1
- package/dist/types/components/rich-content/editor.d.ts +1 -2
- package/dist/types/components/rich-content/editor.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/form-input.d.ts +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/form-input.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/index.d.ts +1 -1
- package/dist/types/components/rich-content/rich-content-input/form-input/index.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/cell-rich-text-editor.d.ts +21 -0
- package/dist/types/components/rich-text/cell-rich-text-editor.d.ts.map +1 -0
- package/dist/types/components/rich-text/cell-rich-text-input.d.ts +23 -0
- package/dist/types/components/rich-text/cell-rich-text-input.d.ts.map +1 -0
- package/dist/types/components/rich-text/cell-rich-text-view.d.ts +8 -0
- package/dist/types/components/rich-text/cell-rich-text-view.d.ts.map +1 -0
- package/dist/types/components/rich-text/index.d.ts +4 -0
- package/dist/types/components/rich-text/index.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts +4 -0
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.d.ts +1 -0
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.d.ts.map +1 -1
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts +3 -0
- package/dist/types/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.d.ts.map +1 -1
- package/dist/types/components/video/cell-video-edit.d.ts +20 -0
- package/dist/types/components/video/cell-video-edit.d.ts.map +1 -0
- package/dist/types/components/video/index.d.ts +2 -0
- package/dist/types/components/video/index.d.ts.map +1 -1
- package/dist/types/exports/cell-rich-content-input.d.ts +2 -0
- package/dist/types/exports/cell-rich-content-input.d.ts.map +1 -0
- package/dist/types/exports/form-rich-content-input.d.ts +1 -2
- package/dist/types/exports/form-rich-content-input.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- package/dist/types/services/translations.d.ts +1 -1
- package/dist/types/services/translations.d.ts.map +1 -1
- package/package.json +11 -5
- package/src/assets/locale/messages_en.json +6 -2
- package/src/components/address/input/address-input.st.css.ts +2 -2
- package/src/components/audio/actions/actions-menu/actions-menu.st.css.ts +2 -2
- package/src/components/audio/audio-field/form-audio-field.st.css.ts +2 -2
- package/src/components/audio/audio-player/audio-player.st.css.ts +2 -2
- package/src/components/color-view/color-view.st.css.ts +2 -2
- package/src/components/delete-dialog/delete-dialog.st.css.ts +2 -2
- package/src/components/document/form-document-field.st.css.ts +2 -2
- package/src/components/exclamation/exclamation.st.css.ts +2 -2
- package/src/components/highlighted-text/highlighted-text.st.css.ts +3 -3
- package/src/components/image/cell-image-edit.tsx +4 -26
- package/src/components/image/image-thumbnail.tsx +10 -2
- package/src/components/image/thumbnail-replace-overlay.st.css +15 -0
- package/src/components/image/thumbnail-replace-overlay.st.css.ts +25 -0
- package/src/components/image/thumbnail-replace-overlay.tsx +11 -0
- package/src/components/media-control/paste-url-button.st.css.ts +2 -2
- package/src/components/media-control/use-media-control.ts +13 -13
- package/src/components/media-gallery/form-media-gallery-field.st.css.ts +2 -2
- package/src/components/media-image/media-image.st.css.ts +3 -3
- package/src/components/media-image/overlays/overlay.st.css.ts +3 -3
- package/src/components/media-loader/media-loader.st.css.ts +2 -2
- package/src/components/media-tag/web-media-tag/media-tag.st.css.ts +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document-field.tsx +1 -1
- package/src/components/multi-document/multi-document-input/form-multi-document-view.tsx +2 -2
- package/src/components/multi-document/multi-document-input/form-multi-document.st.css.ts +2 -2
- package/src/components/rich-content/cell-rich-content-input.tsx +2 -3
- package/src/components/rich-content/cell-rich-content-view.tsx +1 -4
- package/src/components/rich-content/editor.ts +1 -2
- package/src/components/rich-content/rich-content-input/default-value-input/rich-content-default-value-input.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/form-input/form-input.tsx +1 -1
- package/src/components/rich-content/rich-content-input/form-input/index.ts +1 -1
- package/src/components/rich-content/rich-content-input/form-input/rich-content-form-input.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/form-read-only-input/rich-content-form-read-only-input.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/fullscreen-modal/fullscreen-modal.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/publish-loader/publish-loader.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-common/toggle-fullscreen-button/toggle-fullscreen-button.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-editor.st.css.ts +3 -3
- package/src/components/rich-content/rich-content-input/rich-content-editor/rich-content-toolbar.st.css.ts +2 -2
- package/src/components/rich-content/rich-content-input/rich-content-viewer/rich-content-viewer.st.css.ts +2 -2
- package/src/components/rich-text/cell-rich-text-editor.tsx +173 -0
- package/src/components/rich-text/cell-rich-text-input.tsx +126 -0
- package/src/components/rich-text/cell-rich-text-view.tsx +19 -0
- package/src/components/rich-text/index.ts +4 -0
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css +26 -22
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.st.css.ts +4 -4
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-editor.tsx +22 -5
- package/src/components/rich-text/rich-text-input/rich-text-editor/rich-text-editor.st.css.ts +2 -2
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/header-dropdown.tsx +153 -126
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css +13 -12
- package/src/components/rich-text/rich-text-input/rich-text-editor/toolbar/toolbar.st.css.ts +3 -3
- package/src/components/text/text-view.st.css.ts +2 -2
- package/src/components/video/cell-video-edit.tsx +308 -0
- package/src/components/video/index.ts +2 -0
- package/src/exports/cell-rich-content-input.ts +4 -0
- package/src/exports/form-rich-content-input.ts +1 -5
- package/src/index.ts +1 -0
- package/src/services/translations.ts +5 -1
- package/src/styles.global.css +1 -1
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
@property st-global(--wds-color-black-400);
|
|
3
3
|
@property st-global(--wds-color-white);
|
|
4
4
|
@property st-global(--wds-font-family-default);
|
|
5
|
+
@property st-global(--wsr-font-family);
|
|
5
6
|
@property st-global(--wds-font-weight-medium);
|
|
6
7
|
@property st-global(--wds-font-weight-bold);
|
|
7
8
|
@property st-global(--wds-font-size-500);
|
|
@@ -10,8 +11,8 @@
|
|
|
10
11
|
.root {
|
|
11
12
|
padding: 12px 18px;
|
|
12
13
|
display: flex;
|
|
13
|
-
border-bottom: 1px solid var(--wds-color-blue-400);
|
|
14
|
-
background: var(--wds-color-white);
|
|
14
|
+
border-bottom: 1px solid var(--wds-color-blue-400, var(--wsr-color-B40, #d6dcff));
|
|
15
|
+
background: var(--wds-color-white, var(--wsr-color-D80, #ffffff));
|
|
15
16
|
align-items: center;
|
|
16
17
|
}
|
|
17
18
|
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
display: inline-flex;
|
|
31
32
|
margin-right: 12px;
|
|
32
33
|
border-left: 1px solid #ddd;
|
|
33
|
-
|
|
34
|
+
align-self: stretch;
|
|
34
35
|
}
|
|
35
36
|
|
|
36
37
|
.clearFormatting {
|
|
@@ -65,53 +66,53 @@
|
|
|
65
66
|
font-weight: var(--wds-font-weight-bold) !important;
|
|
66
67
|
font-size: 36px !important;
|
|
67
68
|
line-height: 1.2 !important;
|
|
68
|
-
font-family: var(--wds-font-family-default) !important;
|
|
69
|
+
font-family: var(--wds-font-family-default, var(--wsr-font-family, Madefor)) !important;
|
|
69
70
|
}
|
|
70
71
|
.dropdownHeaderTwo {
|
|
71
72
|
font-weight: var(--wds-font-weight-bold) !important;
|
|
72
73
|
font-size: 32px !important;
|
|
73
74
|
line-height: 1.2 !important;
|
|
74
|
-
font-family: var(--wds-font-family-default) !important;
|
|
75
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
75
76
|
}
|
|
76
77
|
.dropdownHeaderThree {
|
|
77
78
|
font-weight: var(--wds-font-weight-medium) !important;
|
|
78
79
|
font-size: 28px !important;
|
|
79
80
|
line-height: 1.2 !important;
|
|
80
|
-
font-family: var(--wds-font-family-default) !important;
|
|
81
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
81
82
|
}
|
|
82
83
|
.dropdownHeaderFour {
|
|
83
84
|
font-weight: var(--wds-font-weight-bold) !important;
|
|
84
85
|
font-size: 24px !important;
|
|
85
86
|
line-height: 1.2 !important;
|
|
86
|
-
font-family: var(--wds-font-family-default) !important;
|
|
87
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
87
88
|
}
|
|
88
89
|
.dropdownHeaderFive {
|
|
89
90
|
font-weight: var(--wds-font-weight-bold) !important;
|
|
90
91
|
font-size: 22px !important;
|
|
91
92
|
line-height: 1.2 !important;
|
|
92
|
-
font-family: var(--wds-font-family-default) !important;
|
|
93
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
93
94
|
}
|
|
94
95
|
.dropdownHeaderSix {
|
|
95
96
|
font-weight: var(--wds-font-weight-medium) !important;
|
|
96
97
|
font-size: 20px !important;
|
|
97
98
|
line-height: 1.2 !important;
|
|
98
|
-
font-family: var(--wds-font-family-default) !important;
|
|
99
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
99
100
|
}
|
|
100
101
|
.dropdownParagraphOne {
|
|
101
102
|
font-weight: var(--wds-font-weight-medium) !important;
|
|
102
103
|
font-size: 18px !important;
|
|
103
104
|
line-height: 1.33 !important;
|
|
104
|
-
font-family: var(--wds-font-family-default) !important;
|
|
105
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
105
106
|
}
|
|
106
107
|
.dropdownNormalText {
|
|
107
108
|
font-weight: var(--wds-font-weight-medium) !important;
|
|
108
109
|
font-size: var(--wds-font-size-500) !important;
|
|
109
110
|
line-height: var(--wds-font-line-height-300) !important;
|
|
110
|
-
font-family: var(--wds-font-family-default) !important;
|
|
111
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
111
112
|
}
|
|
112
113
|
.dropdownParagraphThree {
|
|
113
114
|
font-weight: var(--wds-font-weight-medium) !important;
|
|
114
115
|
font-size: 14px !important;
|
|
115
116
|
line-height: 1.29 !important;
|
|
116
|
-
font-family: var(--wds-font-family-default) !important;
|
|
117
|
+
font-family: var(--wds-font-family-default, Madefor, "Helvetica Neue", Helvetica, Arial, sans-serif) !important;
|
|
117
118
|
}
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../../stylable-esm-runti
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "toolbar384511078";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,12 +13,12 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"toolbar384511078__root","item":"toolbar384511078__item","separator":"toolbar384511078__separator","clearFormatting":"toolbar384511078__clearFormatting","fullScreen":"toolbar384511078__fullScreen","dropdownItemContent":"toolbar384511078__dropdownItemContent","dropdownItemTitle":"toolbar384511078__dropdownItemTitle","dropdownItemSubtitle":"toolbar384511078__dropdownItemSubtitle","dropdownHeaderOne":"toolbar384511078__dropdownHeaderOne","dropdownHeaderTwo":"toolbar384511078__dropdownHeaderTwo","dropdownHeaderThree":"toolbar384511078__dropdownHeaderThree","dropdownHeaderFour":"toolbar384511078__dropdownHeaderFour","dropdownHeaderFive":"toolbar384511078__dropdownHeaderFive","dropdownHeaderSix":"toolbar384511078__dropdownHeaderSix","dropdownParagraphOne":"toolbar384511078__dropdownParagraphOne","dropdownNormalText":"toolbar384511078__dropdownNormalText","dropdownParagraphThree":"toolbar384511078__dropdownParagraphThree"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
20
20
|
export var stVars = {};
|
|
21
|
-
export var vars = {"wds-color-blue-400":"--wds-color-blue-400","wds-color-black-400":"--wds-color-black-400","wds-color-white":"--wds-color-white","wds-font-family-default":"--wds-font-family-default","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300"};
|
|
21
|
+
export var vars = {"wds-color-blue-400":"--wds-color-blue-400","wds-color-black-400":"--wds-color-black-400","wds-color-white":"--wds-color-white","wds-font-family-default":"--wds-font-family-default","wsr-font-family":"--wsr-font-family","wds-font-weight-medium":"--wds-font-weight-medium","wds-font-weight-bold":"--wds-font-weight-bold","wds-font-size-500":"--wds-font-size-500","wds-font-line-height-300":"--wds-font-line-height-300","wsr-color-B40":"--toolbar384511078-wsr-color-B40","wsr-color-D80":"--toolbar384511078-wsr-color-D80"};
|
|
22
22
|
|
|
23
23
|
|
|
24
24
|
|
|
@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
|
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
var _namespace_ = "
|
|
8
|
+
var _namespace_ = "textview1395270151";
|
|
9
9
|
var _style_ = classesRuntime.bind(null, _namespace_);
|
|
10
10
|
|
|
11
11
|
export var cssStates = statesRuntime.bind(null, _namespace_);
|
|
@@ -13,7 +13,7 @@ export var style: import("@stylable/runtime").STFunction = _style_;
|
|
|
13
13
|
export var st: import("@stylable/runtime").STFunction = _style_;
|
|
14
14
|
|
|
15
15
|
export var namespace = _namespace_;
|
|
16
|
-
export var classes = {"root":"
|
|
16
|
+
export var classes = {"root":"textview1395270151__root","textView":"textview1395270151__textView"};
|
|
17
17
|
export var keyframes = {};
|
|
18
18
|
export var layers = {};
|
|
19
19
|
export var containers = {};
|
|
@@ -0,0 +1,308 @@
|
|
|
1
|
+
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
Box,
|
|
4
|
+
IconButton,
|
|
5
|
+
Loader,
|
|
6
|
+
PopoverMenu,
|
|
7
|
+
Tooltip,
|
|
8
|
+
} from '@wix/design-system';
|
|
9
|
+
import {
|
|
10
|
+
Add,
|
|
11
|
+
Delete,
|
|
12
|
+
Download,
|
|
13
|
+
Maximize,
|
|
14
|
+
MoreSmall,
|
|
15
|
+
Replace,
|
|
16
|
+
} from '@wix/wix-ui-icons-common';
|
|
17
|
+
import { MEDIA_TYPES } from '../../utils/media-utils';
|
|
18
|
+
import { useTranslations } from '../../hooks';
|
|
19
|
+
import { useMediaControl } from '../media-control';
|
|
20
|
+
import { ImageThumbnail } from '../image/image-thumbnail';
|
|
21
|
+
import { ThumbnailReplaceOverlay } from '../image/thumbnail-replace-overlay';
|
|
22
|
+
import { MediaPreviewModal } from '../media-gallery/media-preview-modal';
|
|
23
|
+
|
|
24
|
+
export interface CellVideoEditProps {
|
|
25
|
+
value: string | null | undefined;
|
|
26
|
+
onChange: (value: string | null) => void;
|
|
27
|
+
onCommit: () => void;
|
|
28
|
+
onCancel?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Called before opening external UI (media manager) so the table can set
|
|
31
|
+
* isEditing=true and protect cell focus while the modal is open.
|
|
32
|
+
*/
|
|
33
|
+
onStartEdit?: () => void;
|
|
34
|
+
/** Called to return focus to the table cell (e.g. on Escape or Tab-out). */
|
|
35
|
+
onRequestCellFocus?: () => void;
|
|
36
|
+
inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;
|
|
37
|
+
dataHook?: string;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export const CellVideoEdit: React.FC<CellVideoEditProps> = ({
|
|
41
|
+
value,
|
|
42
|
+
onChange,
|
|
43
|
+
onCommit,
|
|
44
|
+
onCancel,
|
|
45
|
+
onStartEdit,
|
|
46
|
+
onRequestCellFocus,
|
|
47
|
+
inputRef,
|
|
48
|
+
dataHook,
|
|
49
|
+
}) => {
|
|
50
|
+
const { t } = useTranslations();
|
|
51
|
+
const containerRef = useRef<HTMLDivElement | null>(null);
|
|
52
|
+
const [isPreviewOpen, setIsPreviewOpen] = useState(false);
|
|
53
|
+
|
|
54
|
+
// Explicit refs for each focusable button — avoids querySelectorAll on the container.
|
|
55
|
+
const thumbnailButtonRef = useRef<HTMLButtonElement | null>(null);
|
|
56
|
+
const addButtonRef = useRef<React.ElementRef<typeof IconButton> | null>(null);
|
|
57
|
+
const moreButtonRef = useRef<React.ElementRef<typeof IconButton> | null>(
|
|
58
|
+
null,
|
|
59
|
+
);
|
|
60
|
+
|
|
61
|
+
const onMediaChange = useCallback(
|
|
62
|
+
(uri: string) => {
|
|
63
|
+
onChange(uri);
|
|
64
|
+
onCommit();
|
|
65
|
+
},
|
|
66
|
+
[onChange, onCommit],
|
|
67
|
+
);
|
|
68
|
+
|
|
69
|
+
const { callMedia, downloadMedia, loading } = useMediaControl({
|
|
70
|
+
mediaType: MEDIA_TYPES.VIDEO,
|
|
71
|
+
value: value ?? undefined,
|
|
72
|
+
onChange: onMediaChange,
|
|
73
|
+
});
|
|
74
|
+
|
|
75
|
+
const handleCallMedia = useCallback(async () => {
|
|
76
|
+
onStartEdit?.();
|
|
77
|
+
const committed = await callMedia();
|
|
78
|
+
if (!committed) {
|
|
79
|
+
onCancel?.();
|
|
80
|
+
}
|
|
81
|
+
}, [onStartEdit, callMedia, onCancel]);
|
|
82
|
+
|
|
83
|
+
const handleDelete = useCallback(() => {
|
|
84
|
+
onChange(null);
|
|
85
|
+
onCommit();
|
|
86
|
+
}, [onChange, onCommit]);
|
|
87
|
+
|
|
88
|
+
const handleDownload = useCallback(() => {
|
|
89
|
+
if (value) {
|
|
90
|
+
downloadMedia(value);
|
|
91
|
+
}
|
|
92
|
+
}, [downloadMedia, value]);
|
|
93
|
+
|
|
94
|
+
// Wire inputRef so the table can focus the first button when activating edit mode.
|
|
95
|
+
useEffect(() => {
|
|
96
|
+
if (!inputRef) return;
|
|
97
|
+
inputRef.current = {
|
|
98
|
+
focus: () => {
|
|
99
|
+
// Only one of these is mounted at a time depending on whether value is set.
|
|
100
|
+
thumbnailButtonRef.current?.focus();
|
|
101
|
+
addButtonRef.current?.focus();
|
|
102
|
+
},
|
|
103
|
+
};
|
|
104
|
+
return () => {
|
|
105
|
+
inputRef.current = null;
|
|
106
|
+
};
|
|
107
|
+
}, [inputRef]);
|
|
108
|
+
|
|
109
|
+
const handleContainerFocus = useCallback(() => {
|
|
110
|
+
containerRef.current?.setAttribute('data-inner-focused', '');
|
|
111
|
+
}, []);
|
|
112
|
+
|
|
113
|
+
const handleContainerBlur = useCallback((e: React.FocusEvent) => {
|
|
114
|
+
if (!e.currentTarget.contains(e.relatedTarget as Node | null)) {
|
|
115
|
+
containerRef.current?.removeAttribute('data-inner-focused');
|
|
116
|
+
}
|
|
117
|
+
}, []);
|
|
118
|
+
|
|
119
|
+
// Native keydown listener to intercept Tab/Escape before useKeyboardNavigation.
|
|
120
|
+
useEffect(() => {
|
|
121
|
+
const el = containerRef.current;
|
|
122
|
+
if (!el) return;
|
|
123
|
+
|
|
124
|
+
const handleKeyDown = (e: KeyboardEvent) => {
|
|
125
|
+
if (e.key === 'Escape') {
|
|
126
|
+
e.preventDefault();
|
|
127
|
+
e.stopPropagation();
|
|
128
|
+
onCancel?.();
|
|
129
|
+
onRequestCellFocus?.();
|
|
130
|
+
return;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
if (e.key === 'Tab') {
|
|
134
|
+
const active = document.activeElement as HTMLElement | null;
|
|
135
|
+
if (!active || !el.contains(active)) return;
|
|
136
|
+
|
|
137
|
+
const hook = active.getAttribute('data-hook');
|
|
138
|
+
const isPrimary =
|
|
139
|
+
hook === 'video-edit-thumbnail' || hook === 'video-edit-add-button';
|
|
140
|
+
const isMore = hook === 'video-edit-more-button';
|
|
141
|
+
if (!isPrimary && !isMore) return;
|
|
142
|
+
|
|
143
|
+
e.preventDefault();
|
|
144
|
+
e.stopPropagation();
|
|
145
|
+
|
|
146
|
+
const focusPrimary = () => {
|
|
147
|
+
thumbnailButtonRef.current?.focus();
|
|
148
|
+
addButtonRef.current?.focus();
|
|
149
|
+
};
|
|
150
|
+
|
|
151
|
+
if (!e.shiftKey) {
|
|
152
|
+
// Forward: primary → more → cell
|
|
153
|
+
if (isPrimary && moreButtonRef.current) {
|
|
154
|
+
moreButtonRef.current.focus();
|
|
155
|
+
} else {
|
|
156
|
+
onRequestCellFocus?.();
|
|
157
|
+
}
|
|
158
|
+
} else {
|
|
159
|
+
// Backward: more → primary → cell
|
|
160
|
+
if (isMore) {
|
|
161
|
+
focusPrimary();
|
|
162
|
+
} else {
|
|
163
|
+
onRequestCellFocus?.();
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
};
|
|
168
|
+
|
|
169
|
+
el.addEventListener('keydown', handleKeyDown);
|
|
170
|
+
return () => el.removeEventListener('keydown', handleKeyDown);
|
|
171
|
+
}, [onCancel, onRequestCellFocus]);
|
|
172
|
+
|
|
173
|
+
if (loading) {
|
|
174
|
+
return (
|
|
175
|
+
<Box
|
|
176
|
+
dataHook={dataHook}
|
|
177
|
+
verticalAlign="middle"
|
|
178
|
+
width="100%"
|
|
179
|
+
height="100%"
|
|
180
|
+
padding="0 8px"
|
|
181
|
+
>
|
|
182
|
+
<Loader size="tiny" />
|
|
183
|
+
</Box>
|
|
184
|
+
);
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
return (
|
|
188
|
+
<div
|
|
189
|
+
ref={containerRef}
|
|
190
|
+
data-hook={dataHook}
|
|
191
|
+
style={{ width: '100%', height: '100%' }}
|
|
192
|
+
onFocus={handleContainerFocus}
|
|
193
|
+
onBlur={handleContainerBlur}
|
|
194
|
+
>
|
|
195
|
+
<Box
|
|
196
|
+
align="space-between"
|
|
197
|
+
verticalAlign="middle"
|
|
198
|
+
height="100%"
|
|
199
|
+
padding="0 8px"
|
|
200
|
+
style={{ boxSizing: 'border-box' }}
|
|
201
|
+
>
|
|
202
|
+
{value ? (
|
|
203
|
+
/* Has value: clickable thumbnail button with replace overlay */
|
|
204
|
+
<Tooltip content={t('CMS.video.change')} appendTo="window">
|
|
205
|
+
<Box>
|
|
206
|
+
<button
|
|
207
|
+
ref={thumbnailButtonRef}
|
|
208
|
+
type="button"
|
|
209
|
+
data-hook="video-edit-thumbnail"
|
|
210
|
+
onClick={handleCallMedia}
|
|
211
|
+
style={{
|
|
212
|
+
cursor: 'pointer',
|
|
213
|
+
lineHeight: 0,
|
|
214
|
+
position: 'relative',
|
|
215
|
+
background: 'none',
|
|
216
|
+
border: 'none',
|
|
217
|
+
padding: 0,
|
|
218
|
+
}}
|
|
219
|
+
>
|
|
220
|
+
<ImageThumbnail value={value} showVideoIndicator={false} />
|
|
221
|
+
<ThumbnailReplaceOverlay />
|
|
222
|
+
</button>
|
|
223
|
+
</Box>
|
|
224
|
+
</Tooltip>
|
|
225
|
+
) : (
|
|
226
|
+
/* Empty: icon button opens media manager */
|
|
227
|
+
<Tooltip content={t('CMS.video.add')} appendTo="window">
|
|
228
|
+
<IconButton
|
|
229
|
+
ref={addButtonRef}
|
|
230
|
+
size="tiny"
|
|
231
|
+
priority="secondary"
|
|
232
|
+
dataHook="video-edit-add-button"
|
|
233
|
+
onClick={handleCallMedia}
|
|
234
|
+
>
|
|
235
|
+
<Add />
|
|
236
|
+
</IconButton>
|
|
237
|
+
</Tooltip>
|
|
238
|
+
)}
|
|
239
|
+
|
|
240
|
+
<MediaPreviewModal
|
|
241
|
+
isOpen={isPreviewOpen}
|
|
242
|
+
onClose={() => setIsPreviewOpen(false)}
|
|
243
|
+
value={value ?? undefined}
|
|
244
|
+
onRequestMedia={handleCallMedia}
|
|
245
|
+
onClearMedia={handleDelete}
|
|
246
|
+
onDownloadMedia={() => handleDownload()}
|
|
247
|
+
textKeys={{
|
|
248
|
+
replace: 'CMS.video.change',
|
|
249
|
+
download: 'CMS.video.download',
|
|
250
|
+
delete: 'CMS.video.delete',
|
|
251
|
+
}}
|
|
252
|
+
/>
|
|
253
|
+
{value ? (
|
|
254
|
+
/* Has value: "..." menu with Change / Preview / Download / Delete */
|
|
255
|
+
<PopoverMenu
|
|
256
|
+
textSize="small"
|
|
257
|
+
appendTo="window"
|
|
258
|
+
triggerElement={
|
|
259
|
+
<Tooltip
|
|
260
|
+
content={t('auto-patterns.fields.more_actions_tooltip')}
|
|
261
|
+
appendTo="window"
|
|
262
|
+
>
|
|
263
|
+
<IconButton
|
|
264
|
+
ref={moreButtonRef}
|
|
265
|
+
size="tiny"
|
|
266
|
+
priority="tertiary"
|
|
267
|
+
dataHook="video-edit-more-button"
|
|
268
|
+
>
|
|
269
|
+
<MoreSmall />
|
|
270
|
+
</IconButton>
|
|
271
|
+
</Tooltip>
|
|
272
|
+
}
|
|
273
|
+
>
|
|
274
|
+
<PopoverMenu.MenuItem
|
|
275
|
+
dataHook="video-edit-action-change"
|
|
276
|
+
text={t('CMS.video.change')}
|
|
277
|
+
prefixIcon={<Replace />}
|
|
278
|
+
onClick={handleCallMedia}
|
|
279
|
+
/>
|
|
280
|
+
<PopoverMenu.Divider />
|
|
281
|
+
<PopoverMenu.MenuItem
|
|
282
|
+
dataHook="video-edit-action-preview"
|
|
283
|
+
text={t('CMS.video.preview')}
|
|
284
|
+
prefixIcon={<Maximize />}
|
|
285
|
+
onClick={() => setIsPreviewOpen(true)}
|
|
286
|
+
/>
|
|
287
|
+
<PopoverMenu.MenuItem
|
|
288
|
+
dataHook="video-edit-action-download"
|
|
289
|
+
text={t('CMS.video.download')}
|
|
290
|
+
prefixIcon={<Download />}
|
|
291
|
+
onClick={handleDownload}
|
|
292
|
+
/>
|
|
293
|
+
<PopoverMenu.Divider />
|
|
294
|
+
<PopoverMenu.MenuItem
|
|
295
|
+
dataHook="video-edit-action-delete"
|
|
296
|
+
text={t('CMS.video.delete')}
|
|
297
|
+
skin="destructive"
|
|
298
|
+
prefixIcon={<Delete />}
|
|
299
|
+
onClick={handleDelete}
|
|
300
|
+
/>
|
|
301
|
+
</PopoverMenu>
|
|
302
|
+
) : null}
|
|
303
|
+
</Box>
|
|
304
|
+
</div>
|
|
305
|
+
);
|
|
306
|
+
};
|
|
307
|
+
|
|
308
|
+
CellVideoEdit.displayName = 'CellVideoEdit';
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
export {
|
|
2
|
-
FormRichContentInput,
|
|
3
|
-
CellRichContentInput,
|
|
4
|
-
} from '../components/rich-content/editor';
|
|
5
|
-
export type { CellRichContentInputProps } from '../components/rich-content/editor';
|
|
1
|
+
export { FormRichContentInput } from '../components/rich-content/rich-content-input/form-input/form-input';
|
package/src/index.ts
CHANGED
|
@@ -67,7 +67,6 @@ export type TranslationsKeys =
|
|
|
67
67
|
| 'CMS.richTextEditor.toolbar.headerDropdown.option.p3.subtitle'
|
|
68
68
|
| 'CMS.richTextEditor.toolbar.headerDropdown.option.p3.title'
|
|
69
69
|
| 'CMS.richTextEditor.toolbar.headerDropdown.button.info'
|
|
70
|
-
| 'CMS.richTextEditor.toolbar.headerDropdown.button.info.link'
|
|
71
70
|
| 'CMS.richTextEditor.toolbar.headerDropdown.help.text'
|
|
72
71
|
| 'CMS.richTextEditor.toolbar.button.tooltip.align'
|
|
73
72
|
| 'CMS.richTextEditor.toolbar.button.tooltip.bold'
|
|
@@ -158,6 +157,11 @@ export type TranslationsKeys =
|
|
|
158
157
|
| 'CMS.image.replaceWithUrl.title'
|
|
159
158
|
| 'CMS.image.download'
|
|
160
159
|
| 'CMS.image.clear'
|
|
160
|
+
| 'CMS.video.add'
|
|
161
|
+
| 'CMS.video.change'
|
|
162
|
+
| 'CMS.video.preview'
|
|
163
|
+
| 'CMS.video.download'
|
|
164
|
+
| 'CMS.video.delete'
|
|
161
165
|
| 'CMS.document.delete.title'
|
|
162
166
|
| 'CMS.document.delete.message'
|
|
163
167
|
| 'auto-patterns.fields.type_mismatch_convert'
|
package/src/styles.global.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.addressinput1888982851__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput1888982851__tableAddressInput>div{padding:0!important;width:100%}.addressinput1888982851__tableAddressInput:focus-within{margin-left:2px}.actionsmenu1500906020__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield1677498628__addItem{height:120px!important;box-sizing:border-box}.formaudiofield1677498628__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield1677498628__addItem.formaudiofield1677498628--disabled{pointer-events:auto!important}.formaudiofield1677498628__addItem.formaudiofield1677498628--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield1677498628__mediaTitle{line-height:18px!important}.audioplayer1706616556__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.colorview272110631__view{width:100%}.colorview272110631__fillPreview{flex-shrink:0}.colorview272110631__view .colorview272110631__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog4056963669__layout{max-width:510px!important}.formdocumentfield3803529486__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield3803529486__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield3803529486__textWidth{max-width:calc(100% - 196px)}.formdocumentfield3803529486__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield3803529486__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield3803529486__addDocument.formdocumentfield3803529486--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield3803529486__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation2881760415__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation2881760415__exclamation.exclamation2881760415---type-7-warning:not(.exclamation2881760415--customSize),.exclamation2881760415__exclamation.exclamation2881760415---type-5-error:not(.exclamation2881760415--customSize){width:24px;height:24px}.exclamation2881760415__exclamation.exclamation2881760415---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation2881760415__exclamation.exclamation2881760415---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation2881760415__actions{display:flex;flex-direction:column}.exclamation2881760415__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation2881760415__action+.exclamation2881760415__action{margin-top:6px}.exclamation2881760415__action.exclamation2881760415--accented{color:var(--wds-color-blue-100)}.exclamation2881760415__action.exclamation2881760415--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext1951049618__root.highlightedtext1951049618--highlightedBackground{animation:highlightedtext1951049618__highlighted 150ms ease-out 1 forwards}.highlightedtext1951049618__substring.highlightedtext1951049618--isHighlighted{animation:highlightedtext1951049618__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext1951049618__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext1951049618__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.pasteurlbutton4249071256__root{margin-top:6px}.pasteurlbutton4249071256__iconButtonTooltip{height:max-content}.pasteurlbutton4249071256__iconButton{width:24px;height:24px}.formmediagalleryfield3116894851__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield3116894851__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield3116894851__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield3116894851__addItem{box-sizing:border-box}.formmediagalleryfield3116894851__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield3116894851__image.formmediagalleryfield3116894851--withMarginRight{margin-right:3px}.formmediagalleryfield3116894851__image.formmediagalleryfield3116894851--withMarginTop{margin-top:3px}.formmediagalleryfield3116894851__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield3116894851__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage3997721199__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage3997721199__root.mediaimage3997721199--error{--mediaimage3997721199-from:calc(50% - 0.5px);--mediaimage3997721199-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage3997721199-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage3997721199-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage3997721199-to),transparent var(--mediaimage3997721199-to))}.mediaimage3997721199__root.mediaimage3997721199--error>*{opacity:0}.overlay3318500814__iconOverlay{position:absolute;color:var(--wds-color-white, var(--overlay3318500814-wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay3318500814__iconOverlay.overlay3318500814---size-5-small{width:20px;height:20px}.overlay3318500814__iconOverlay.overlay3318500814---size-6-medium{width:24px;height:24px}.overlay3318500814__iconOverlay.overlay3318500814---size-5-large{width:28px;height:28px}.overlay3318500814__iconOverlay.overlay3318500814---placement-7-topLeft{top:2px;left:2px}.overlay3318500814__iconOverlay.overlay3318500814---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader1007124962__loader{border-radius:6px}.medialoader1007124962__loader.medialoader1007124962--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader1007124962__loader.medialoader1007124962--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag4091760426__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.formmultidocument3691728957__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument3691728957__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument3691728957__viewRoot>div:first-child .formmultidocument3691728957__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument3691728957__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument3691728957__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument3691728957__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument3691728957__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.richcontentdefaultvalueinput1826715227__richContentEditorContainer .richcontentdefaultvalueinput1826715227__editor{max-height:calc(40vh - var(--richcontentdefaultvalueinput1826715227-topToolbarHeight) - var(--richcontentdefaultvalueinput1826715227-bottomToolbarHeight))}.richcontentforminput3224754095__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput3224754095__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput3224754095__root .richcontentforminput3224754095__editor{overflow-y:auto;max-height:calc(80vh - var(--richcontentforminput3224754095-topToolbarHeight) - var(--richcontentforminput3224754095-bottomToolbarHeight))}.richcontentformreadonlyinput2048746278__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput2048746278__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal2408920647__modalContent{display:flex;flex-direction:column;position:relative;height:100%;width:782px;background-color:var(--wds-color-white, var(--wsr-color-D80, #ffffff));border-radius:var(--wds-border-radius-300, var(--wsr-border-radius-06, 6px));margin-top:24px}.publishloader3339418162__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton1802575663__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton1802575663__root button{border-radius:6px!important}.richcontenteditor1660608105__root{position:relative;font-family:var(--richcontenteditor1660608105-wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor1660608105__root,.richcontenteditor1660608105__toolbarContainer,.richcontenteditor1660608105__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor1660608105__toolbarContainer div{box-sizing:border-box}.richcontenteditor1660608105__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor1660608105__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor1660608105__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor1660608105__modalEditor .richcontenteditor1660608105__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor1660608105__modalEditor .richcontenteditor1660608105__footerToolbarContainer{margin-top:9px}.richcontenteditor1660608105__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor1660608105__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar97752858__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar97752858__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar97752858__toolbarButton:disabled{color:graytext}.richcontenttoolbar97752858__toolbar label{padding:0 8px}.richcontentviewer3125919669__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer3125919669__root.richcontentviewer3125919669--isFullScreen{padding:12px 24px}.richcontentviewer3125919669__root:not(.richcontentviewer3125919669--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer3125919669__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer3125919669__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer3125919669__modalViewer{min-width:592px;overflow:auto}.richtexteditor1091053437__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor1091053437__root.richtexteditor1091053437---border-4-none{border:0}.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard:focus,.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard.richtexteditor1091053437---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard.richtexteditor1091053437---status-5-error:focus,.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard.richtexteditor1091053437---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard.richtexteditor1091053437---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard.richtexteditor1091053437---status-7-warning:focus,.richtexteditor1091053437__root.richtexteditor1091053437---border-8-standard.richtexteditor1091053437---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor1091053437__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor1091053437__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor1091053437__editor.richtexteditor1091053437--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor1091053437__editor:not(.richtexteditor1091053437--isFullScreen){max-height:80vh}.richtexteditor1091053437__editor>div{flex:1;max-width:100%}.toolbar523278235__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400);background:var(--wds-color-white);align-items:center}.toolbar523278235__item{display:flex;margin-right:12px}.toolbar523278235__item svg,.toolbar523278235__item svg path,.toolbar523278235__item svg text{color:inherit;fill:currentColor}.toolbar523278235__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;height:100%}.toolbar523278235__clearFormatting{margin-left:auto}.toolbar523278235__fullScreen{margin-right:0}.toolbar523278235__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar523278235__dropdownItemContent.toolbar523278235--selected .toolbar523278235__dropdownItemTitle,.toolbar523278235__dropdownItemContent.toolbar523278235--selected .toolbar523278235__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar523278235__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar523278235__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default)!important}.toolbar523278235__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default)!important}.textview3299946788__textView::after{content:"";display:block}.richeditor3732851385__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default)}.richeditor3732851385__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100);background:var(--wds-color-black-700)}.richeditor3732851385__editor .DraftEditor-root{width:100%;height:100%}.richeditor3732851385__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3732851385__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3732851385__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3732851385__editor .public-DraftEditor-content ol,.richeditor3732851385__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3732851385__editor .public-DraftEditor-content a,.richeditor3732851385__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3732851385__header-one:not(li),.richeditor3732851385__header-two:not(li),.richeditor3732851385__header-three:not(li),.richeditor3732851385__header-four:not(li),.richeditor3732851385__header-five:not(li),.richeditor3732851385__header-six:not(li){margin-block:0;margin:0}.richeditor3732851385__header-one,.richeditor3732851385__editor li.richeditor3732851385__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__header-two,.richeditor3732851385__editor li.richeditor3732851385__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__header-three,.richeditor3732851385__editor li.richeditor3732851385__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__header-four,.richeditor3732851385__editor li.richeditor3732851385__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__header-five,.richeditor3732851385__editor li.richeditor3732851385__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__header-six,.richeditor3732851385__editor li.richeditor3732851385__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__paragraph-one,.richeditor3732851385__editor li.richeditor3732851385__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__unstyled,.richeditor3732851385__editor li.richeditor3732851385__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__paragraph-three,.richeditor3732851385__editor li.richeditor3732851385__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3732851385__editor li.richeditor3732851385__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3732851385__editor li.richeditor3732851385__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3732851385__editor li.richeditor3732851385__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3732851385__editor li.richeditor3732851385__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3732851385__editor li.richeditor3732851385__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3732851385__editor li.richeditor3732851385__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default))}.richeditor3732851385__editor li.richeditor3732851385__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor3732851385__align-left{text-align:left;align-self:flex-start}.richeditor3732851385__align-right{text-align:right;align-self:flex-end}.richeditor3732851385__align-center{text-align:center;align-self:center}.richeditor3732851385__align-justify{text-align:justify;align-self:stretch}.richeditor3732851385__withMargin{display:inline-block}.richeditor3732851385__dir-rtl,.richeditor3732851385__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3732851385__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|
|
1
|
+
.addressinput1079778__tableAddressInput{height:36px!important;margin-left:-1px;display:flex!important;align-items:center;width:100%}.addressinput1079778__tableAddressInput>div{padding:0!important;width:100%}.addressinput1079778__tableAddressInput:focus-within{margin-left:2px}.actionsmenu603157293__action{margin-left:calc(var(--wds-space-100, 6px)*-1)}.formaudiofield1019037637__addItem{height:120px!important;box-sizing:border-box}.formaudiofield1019037637__addItem:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, 8px)}.formaudiofield1019037637__addItem.formaudiofield1019037637--disabled{pointer-events:auto!important}.formaudiofield1019037637__addItem.formaudiofield1019037637--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formaudiofield1019037637__mediaTitle{line-height:18px!important}.audioplayer3953334470__root{width:fit-content;z-index:1000;position:fixed!important;bottom:42px;right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.colorview192563780__view{width:100%}.colorview192563780__fillPreview{flex-shrink:0}.colorview192563780__view .colorview192563780__fillPreview{width:18px;height:18px;min-width:18px!important;min-height:18px!important}.deletedialog3941549956__layout{max-width:510px!important}.formdocumentfield3650067196__viewWrapper{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formdocumentfield3650067196__viewWrapper:hover{background:var(--wds-color-blue-500, var(--wsr-color-B50));cursor:pointer}.formdocumentfield3650067196__textWidth{max-width:calc(100% - 196px)}.formdocumentfield3650067196__documentLoader{padding-top:21px;padding-bottom:21px}.formdocumentfield3650067196__addDocument{padding-top:17px!important;padding-bottom:17px!important}.formdocumentfield3650067196__addDocument.formdocumentfield3650067196--error{border:1px solid var(--wds-color-red-100, var(--wsr-color-R10))!important}.formdocumentfield3650067196__addItemWrapper:focus-within{box-shadow:var(--wds-input-shadow-focus-standard, 0 0 0 3px var(--wds-color-blue-300, var(--wsr-color-B30)));border-radius:var(--wds-border-radius-400, calc(2px * 4))}.exclamation4028169285__exclamation{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:3px;cursor:pointer}.exclamation4028169285__exclamation.exclamation4028169285---type-7-warning:not(.exclamation4028169285--customSize),.exclamation4028169285__exclamation.exclamation4028169285---type-5-error:not(.exclamation4028169285--customSize){width:24px;height:24px}.exclamation4028169285__exclamation.exclamation4028169285---type-7-warning{color:var(--wds-color-fill-warning-primary)}.exclamation4028169285__exclamation.exclamation4028169285---type-5-error{color:var(--wds-color-fill-destructive-primary)}.exclamation4028169285__actions{display:flex;flex-direction:column}.exclamation4028169285__action{white-space:normal!important;height:auto!important;text-align:left;gap:6px}.exclamation4028169285__action+.exclamation4028169285__action{margin-top:6px}.exclamation4028169285__action.exclamation4028169285--accented{color:var(--wds-color-blue-100)}.exclamation4028169285__action.exclamation4028169285--accented:hover{color:var(--wds-color-blue-200)}.highlightedtext2257165359__root.highlightedtext2257165359--highlightedBackground{animation:highlightedtext2257165359__highlighted 150ms ease-out 1 forwards}.highlightedtext2257165359__substring.highlightedtext2257165359--isHighlighted{animation:highlightedtext2257165359__highlighted-match 150ms ease-out 50ms 1 forwards}@keyframes highlightedtext2257165359__highlighted{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-400, var(--wsr-color-Y40))}}@keyframes highlightedtext2257165359__highlighted-match{0%{background-color:transparent}to{background-color:var(--wds-color-yellow-200, var(--wsr-color-Y20))}}.thumbnailreplaceoverlay78307533__root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);border-radius:3px}.thumbnailreplaceoverlay78307533__icon{color:#fff;width:18px;height:18px}.pasteurlbutton2614320603__root{margin-top:6px}.pasteurlbutton2614320603__iconButtonTooltip{height:max-content}.pasteurlbutton2614320603__iconButton{width:24px;height:24px}.formmediagalleryfield1578519398__container{display:flex;min-height:128px;max-height:259px}.formmediagalleryfield1578519398__viewBox{display:flex;height:100%;width:100%;flex-wrap:wrap}.formmediagalleryfield1578519398__addItemWrapper{height:128px;width:100%;box-sizing:border-box}.formmediagalleryfield1578519398__addItem{box-sizing:border-box}.formmediagalleryfield1578519398__overlay{width:initial!important;min-width:382px!important}.formmediagalleryfield1578519398__image.formmediagalleryfield1578519398--withMarginRight{margin-right:3px}.formmediagalleryfield1578519398__image.formmediagalleryfield1578519398--withMarginTop{margin-top:3px}.formmediagalleryfield1578519398__previewImage{max-height:calc(100% - 12px)!important}.formmediagalleryfield1578519398__previewVideo{border-radius:8px;max-width:100%;max-height:calc(100% - 12px)!important}.mediaimage701414124__root{display:flex;align-items:center;flex-shrink:0;position:relative;box-sizing:border-box}.mediaimage701414124__root.mediaimage701414124--error{--mediaimage701414124-from:calc(50% - 0.5px);--mediaimage701414124-to:calc(50% + 0.5px);background-image:linear-gradient(to bottom right,transparent var(--mediaimage701414124-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage701414124-from),var(--wds-color-red-200, var(--wsr-color-R20)) var(--mediaimage701414124-to),transparent var(--mediaimage701414124-to))}.mediaimage701414124__root.mediaimage701414124--error>*{opacity:0}.overlay564791231__iconOverlay{position:absolute;color:var(--wds-color-white, var(--overlay564791231-wsr-color-D80, #FFFFFF));background-color:transparent;filter:drop-shadow(0 1px 1px rgba(22,45,61,.6));-webkit-filter:drop-shadow(0 1px 1px rgba(22,45,61,.6))}.overlay564791231__iconOverlay.overlay564791231---size-5-small{width:20px;height:20px}.overlay564791231__iconOverlay.overlay564791231---size-6-medium{width:24px;height:24px}.overlay564791231__iconOverlay.overlay564791231---size-5-large{width:28px;height:28px}.overlay564791231__iconOverlay.overlay564791231---placement-7-topLeft{top:2px;left:2px}.overlay564791231__iconOverlay.overlay564791231---placement-10-bottomLeft{bottom:2px;left:2px}.medialoader4170719626__loader{border-radius:6px}.medialoader4170719626__loader.medialoader4170719626--isDashed{border:dashed 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.medialoader4170719626__loader.medialoader4170719626--isSolid{border:solid 1px var(--wds-color-blue-300, var(--wsr-color-B30))}.mediatag3281460592__root{box-sizing:border-box;padding:3px 6px 3px 3px;border-radius:3px;max-height:24px;min-width:54px;max-width:100%;background-color:var(--wds-color-blue-400, var(--wsr-color-B40))}.formmultidocument970791185__viewRoot{border-radius:var(--wds-border-radius-300, calc(2px * 3));border:1px solid var(--wds-color-blue-300, var(--wsr-color-B30))}.formmultidocument970791185__singleViewWrapper{border-radius:0;border-bottom:1px solid var(--wds-color-neutral-600, var(--wsr-color-D60));background-color:transparent!important}.formmultidocument970791185__viewRoot>div:first-child .formmultidocument970791185__singleViewWrapper{border-top-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-top-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument970791185__singleViewWrapper:hover{background-color:var(--wds-color-blue-500, var(--wsr-color-B50))!important}.formmultidocument970791185__singleViewWrapper:focus-visible{border-bottom:1px solid transparent;position:relative;z-index:1}.formmultidocument970791185__addDocumentButton{border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.formmultidocument970791185__addDocumentButton:focus-within{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--wds-border-radius-300, calc(2px * 3));border-bottom-right-radius:var(--wds-border-radius-300, calc(2px * 3))}.richcontentdefaultvalueinput2964969043__richContentEditorContainer .richcontentdefaultvalueinput2964969043__editor{max-height:calc(40vh - var(--richcontentdefaultvalueinput2964969043-topToolbarHeight) - var(--richcontentdefaultvalueinput2964969043-bottomToolbarHeight))}.richcontentforminput1732387906__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-blue-300);border-radius:var(--wds-border-radius-300)}.richcontentforminput1732387906__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richcontentforminput1732387906__root .richcontentforminput1732387906__editor{overflow-y:auto;max-height:calc(80vh - var(--richcontentforminput1732387906-topToolbarHeight) - var(--richcontentforminput1732387906-bottomToolbarHeight))}.richcontentformreadonlyinput2090554515__root{outline:0;box-sizing:border-box;border:1px solid var(--wds-color-black-600);border-radius:var(--wds-border-radius-300)}.richcontentformreadonlyinput2090554515__root:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.fullscreenmodal4100765582__modalContent{display:flex;flex-direction:column;position:relative;height:100%;width:782px;background-color:var(--wds-color-white, var(--wsr-color-D80, #ffffff));border-radius:var(--wds-border-radius-300, var(--wsr-border-radius-06, 6px));margin-top:24px}.publishloader2391227011__publishLoader{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--wds-color-white);z-index:5000;border-radius:inherit}.togglefullscreenbutton2566773121__root{z-index:5;box-sizing:border-box;position:absolute;right:0;top:calc(50% - 16px)!important;padding-right:3px}.togglefullscreenbutton2566773121__root button{border-radius:6px!important}.richcontenteditor837972361__root{position:relative;font-family:var(--richcontenteditor837972361-wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)}.richcontenteditor837972361__root,.richcontenteditor837972361__toolbarContainer,.richcontenteditor837972361__footerToolbarContainer{width:100%;box-sizing:border-box}.richcontenteditor837972361__toolbarContainer div{box-sizing:border-box}.richcontenteditor837972361__toolbarAndFullScreenButtonWrapper{display:flex;position:relative}.richcontenteditor837972361__editor{box-sizing:border-box;padding:36px 24px 36px 55px}.richcontenteditor837972361__modalEditor{display:flex;flex-direction:column;flex:1;height:100%}.richcontenteditor837972361__modalEditor .richcontenteditor837972361__editor{overflow-y:auto;flex:1;min-width:592px;box-sizing:border-box}.richcontenteditor837972361__modalEditor .richcontenteditor837972361__footerToolbarContainer{margin-top:9px}.richcontenteditor837972361__toolbarContainer button[data-hook~=text-button-headings]>span{display:inline-flex;padding-inline-end:3px!important}.richcontenteditor837972361__toolbarContainer button[data-hook~=text-button-ai]>span{padding-inline-end:9px!important}.richcontenttoolbar664632995__toolbar{border-top:1px solid rgba(51,51,51,.1);z-index:2;margin-right:auto;padding-left:6px;margin-left:auto;position:relative;height:40px;display:flex;align-items:center;justify-content:flex-start;box-sizing:border-box}.richcontenttoolbar664632995__toolbarButton{line-height:40px;background:0 0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 5px 0 0}.richcontenttoolbar664632995__toolbarButton:disabled{color:graytext}.richcontenttoolbar664632995__toolbar label{padding:0 8px}.richcontentviewer1273185044__root{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:36px}.richcontentviewer1273185044__root.richcontentviewer1273185044--isFullScreen{padding:12px 24px}.richcontentviewer1273185044__root:not(.richcontentviewer1273185044--isFullScreen){padding:6px 24px 6px 12px}.richcontentviewer1273185044__root ToggleButton{margin:0;padding:0;border:0;position:absolute;top:2px!important;right:2px;width:30px;height:30px}.richcontentviewer1273185044__viewer{height:calc(100% - 36px);width:100%}.richcontentviewer1273185044__modalViewer{min-width:592px;overflow:auto}.richtexteditor4023643757__root{width:100%;box-sizing:border-box;outline:0;overflow:hidden;border-radius:var(--wds-border-radius-300)}.richtexteditor4023643757__root.richtexteditor4023643757---border-4-none{border:0}.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard{border:1px solid var(--wds-color-blue-300)}.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard:focus,.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard:focus-within{border:1px solid var(--wds-color-blue-100);box-shadow:var(--wds-input-shadow-focus-standard)}.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard.richtexteditor4023643757---status-5-error{border:1px solid var(--wds-color-red-100)}.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard.richtexteditor4023643757---status-5-error:focus,.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard.richtexteditor4023643757---status-5-error:focus-within{border:1px solid var(--wds-color-red-100);box-shadow:0 0 0 3px var(--wds-color-red-300)}.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard.richtexteditor4023643757---status-7-warning{border:1px solid var(--wds-color-yellow-100)}.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard.richtexteditor4023643757---status-7-warning:focus,.richtexteditor4023643757__root.richtexteditor4023643757---border-8-standard.richtexteditor4023643757---status-7-warning:focus-within{border:1px solid var(--wds-color-yellow-100);box-shadow:0 0 0 3px var(--wds-color-yellow-300)}.richtexteditor4023643757__nativeInput{position:absolute;opacity:0;padding:0;margin:0;border:0;width:0;height:0}.richtexteditor4023643757__editor{height:auto;line-height:auto;display:flex;width:100%;height:100%;min-height:234px;overflow:hidden;box-sizing:border-box;flex-direction:row;border-radius:var(--wds-border-radius-300)}.richtexteditor4023643757__editor.richtexteditor4023643757--isFullScreen{max-width:782px;min-width:582px;background:var(--wds-color-black-700)}.richtexteditor4023643757__editor:not(.richtexteditor4023643757--isFullScreen){max-height:80vh}.richtexteditor4023643757__editor>div{flex:1;max-width:100%}.toolbar384511078__root{padding:12px 18px;display:flex;border-bottom:1px solid var(--wds-color-blue-400, var(--toolbar384511078-wsr-color-B40, #d6dcff));background:var(--wds-color-white, var(--toolbar384511078-wsr-color-D80, #ffffff));align-items:center}.toolbar384511078__item{display:flex;margin-right:12px}.toolbar384511078__item svg,.toolbar384511078__item svg path,.toolbar384511078__item svg text{color:inherit;fill:currentColor}.toolbar384511078__separator{display:inline-flex;margin-right:12px;border-left:1px solid #ddd;align-self:stretch}.toolbar384511078__clearFormatting{margin-left:auto}.toolbar384511078__fullScreen{margin-right:0}.toolbar384511078__dropdownItemContent{height:36px;width:100%;display:flex;gap:12px;justify-content:space-between;align-items:center}.toolbar384511078__dropdownItemContent.toolbar384511078--selected .toolbar384511078__dropdownItemTitle,.toolbar384511078__dropdownItemContent.toolbar384511078--selected .toolbar384511078__dropdownItemSubtitle{color:var(--wds-color-white)!important}.toolbar384511078__dropdownItemSubtitle{color:var(--wds-color-black-400)!important;padding-right:12px;flex-shrink:0}.toolbar384511078__dropdownHeaderOne{font-weight:var(--wds-font-weight-bold)!important;font-size:36px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))!important}.toolbar384511078__dropdownHeaderTwo{font-weight:var(--wds-font-weight-bold)!important;font-size:32px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar384511078__dropdownHeaderThree{font-weight:var(--wds-font-weight-medium)!important;font-size:28px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar384511078__dropdownHeaderFour{font-weight:var(--wds-font-weight-bold)!important;font-size:24px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar384511078__dropdownHeaderFive{font-weight:var(--wds-font-weight-bold)!important;font-size:22px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar384511078__dropdownHeaderSix{font-weight:var(--wds-font-weight-medium)!important;font-size:20px!important;line-height:1.2!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar384511078__dropdownParagraphOne{font-weight:var(--wds-font-weight-medium)!important;font-size:18px!important;line-height:1.33!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar384511078__dropdownNormalText{font-weight:var(--wds-font-weight-medium)!important;font-size:var(--wds-font-size-500)!important;line-height:var(--wds-font-line-height-300)!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.toolbar384511078__dropdownParagraphThree{font-weight:var(--wds-font-weight-medium)!important;font-size:14px!important;line-height:1.29!important;font-family:var(--wds-font-family-default, Madefor, Helvetica Neue, Helvetica, Arial, sans-serif)!important}.textview1395270151__textView::after{content:"";display:block}.richeditor3609789040__root{display:flex;flex-direction:column;font-weight:var(--wds-font-weight-medium, 500);font-size:var(--wds-font-size-500);line-height:var(--wds-font-line-height-300);font-family:var(--wds-font-family-default, var(--wsr-font-family, Madefor))}.richeditor3609789040__editor{box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;flex:1;cursor:text;color:var(--wds-color-black-100, var(--richeditor3609789040-wsr-color-D10, #131720));background:var(--wds-color-black-700, var(--richeditor3609789040-wsr-color-D70, #edeef2))}.richeditor3609789040__editor .DraftEditor-root{width:100%;height:100%}.richeditor3609789040__editor .DraftEditor-root [data-contents]{overflow:auto}.richeditor3609789040__editor .DraftEditor-editorContainer{display:flex;min-height:100%;background:#fff}.richeditor3609789040__editor .public-DraftEditor-content{padding:12px 24px 24px;min-height:100%;width:100%;box-sizing:border-box}.richeditor3609789040__editor .public-DraftEditor-content ol,.richeditor3609789040__editor .public-DraftEditor-content ul{display:flex;flex-direction:column;padding:0}.richeditor3609789040__editor .public-DraftEditor-content a,.richeditor3609789040__editor .public-DraftEditor-content a:visited{color:inherit;text-decoration:none}.richeditor3609789040__header-one:not(li),.richeditor3609789040__header-two:not(li),.richeditor3609789040__header-three:not(li),.richeditor3609789040__header-four:not(li),.richeditor3609789040__header-five:not(li),.richeditor3609789040__header-six:not(li){margin-block:0;margin:0}.richeditor3609789040__header-one,.richeditor3609789040__editor li.richeditor3609789040__header-one .public-DraftStyleDefault-block{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__header-two,.richeditor3609789040__editor li.richeditor3609789040__header-two .public-DraftStyleDefault-block{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__header-three,.richeditor3609789040__editor li.richeditor3609789040__header-three .public-DraftStyleDefault-block{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__header-four,.richeditor3609789040__editor li.richeditor3609789040__header-four .public-DraftStyleDefault-block{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__header-five,.richeditor3609789040__editor li.richeditor3609789040__header-five .public-DraftStyleDefault-block{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__header-six,.richeditor3609789040__editor li.richeditor3609789040__header-six .public-DraftStyleDefault-block{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__paragraph-one,.richeditor3609789040__editor li.richeditor3609789040__paragraph-one .public-DraftStyleDefault-block{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__unstyled,.richeditor3609789040__editor li.richeditor3609789040__unstyled .public-DraftStyleDefault-block{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__paragraph-three,.richeditor3609789040__editor li.richeditor3609789040__paragraph-three .public-DraftStyleDefault-block{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__header-one:first-child~li{font:var(--rt-h1-fontStyle, normal) var(--rt-h1-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h1-fontSize, 72px)/var(--rt-h1-lineHeight, 1.33) var(--rt-h1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__header-one:first-child~li::marker{line-height:var(--rt-h1-fontSize, 72px)}.richeditor3609789040__editor li.richeditor3609789040__header-two:first-child~li{font:var(--rt-h2-fontStyle, normal) var(--rt-h2-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h2-fontSize, 42px)/var(--rt-h2-lineHeight, 1.2) var(--rt-h2-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__header-two:first-child~li::marker{line-height:var(--rt-h2-fontSize, 42px)}.richeditor3609789040__editor li.richeditor3609789040__header-three:first-child~li{font:var(--rt-h3-fontStyle, normal) var(--rt-h3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h3-fontSize, 38px)/var(--rt-h3-lineHeight, 1.2) var(--rt-h3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__header-three:first-child~li::marker{line-height:var(--rt-h3-fontSize, 38px)}.richeditor3609789040__editor li.richeditor3609789040__header-four:first-child~li{font:var(--rt-h4-fontStyle, normal) var(--rt-h4-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h4-fontSize, 34px)/var(--rt-h4-lineHeight, 1.2) var(--rt-h4-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__header-four:first-child~li::marker{line-height:var(--rt-h4-fontSize, 34px)}.richeditor3609789040__editor li.richeditor3609789040__header-five:first-child~li{font:var(--rt-h5-fontStyle, normal) var(--rt-h5-fontWeight, var(--wds-font-weight-bold, 700)) var(--rt-h5-fontSize, 28px)/var(--rt-h5-lineHeight, 1.2) var(--rt-h5-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__header-five:first-child~li::marker{line-height:var(--rt-h5-fontSize, 28px)}.richeditor3609789040__editor li.richeditor3609789040__header-six:first-child~li{font:var(--rt-h6-fontStyle, normal) var(--rt-h6-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-h6-fontSize, 22px)/var(--rt-h6-lineHeight, 1.2) var(--rt-h6-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__header-six:first-child~li::marker{line-height:var(--rt-h6-fontSize, 22px)}.richeditor3609789040__editor li.richeditor3609789040__paragraph-one:first-child~li{font:var(--rt-p1-fontStyle, normal) var(--rt-p1-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p1-fontSize, 18px)/var(--rt-p1-lineHeight, 24px) var(--rt-p1-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__unstyled:first-child~li{font:var(--rt-unstyled-fontStyle, normal) var(--rt-unstyled-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-unstyled-fontSize, 16px)/var(--rt-unstyled-lineHeight, 24px) var(--rt-unstyled-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.richeditor3609789040__editor li.richeditor3609789040__paragraph-three:first-child~li{font:var(--rt-p3-fontStyle, normal) var(--rt-p3-fontWeight, var(--wds-font-weight-medium, 500)) var(--rt-p3-fontSize, 14px)/var(--rt-p3-lineHeight, 18px) var(--rt-p3-fontFamily, var(--wds-font-family-default, var(--wsr-font-family, Madefor)))}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ul .public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth0:first-child{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0{margin-inline-start:2ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+10){margin-inline-start:3ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+100){margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth0:nth-child(n+1000){margin-inline-start:5ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth1:first-child{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1{margin-inline-start:4ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+10){margin-inline-start:5ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+100){margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth1:nth-child(n+1000){margin-inline-start:7ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth2:first-child{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2{margin-inline-start:6ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+10){margin-inline-start:7ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+100){margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth2:nth-child(n+1000){margin-inline-start:9ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth3:first-child{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3{margin-inline-start:8ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+10){margin-inline-start:9ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+100){margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth3:nth-child(n+1000){margin-inline-start:11ch}.public-DraftStyleDefault-ol li.public-DraftStyleDefault-depth4:first-child{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4{margin-inline-start:10ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+10){margin-inline-start:11ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+100){margin-inline-start:12ch}.public-DraftStyleDefault-ol li:first-child~li.public-DraftStyleDefault-depth4:nth-child(n+1000){margin-inline-start:13ch}.richeditor3609789040__align-left{text-align:left;align-self:flex-start}.richeditor3609789040__align-right{text-align:right;align-self:flex-end}.richeditor3609789040__align-center{text-align:center;align-self:center}.richeditor3609789040__align-justify{text-align:justify;align-self:stretch}.richeditor3609789040__withMargin{display:inline-block}.richeditor3609789040__dir-rtl,.richeditor3609789040__editor .public-DraftStyleDefault-rtl{direction:rtl}.richeditor3609789040__editor .public-DraftStyleDefault-listRTL{direction:rtl;text-align:right;max-width:100%}
|