@wordpress/editor 12.5.7 → 12.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/build/components/post-featured-image/index.js +84 -41
  3. package/build/components/post-featured-image/index.js.map +1 -1
  4. package/build/components/post-text-editor/index.js +6 -6
  5. package/build/components/post-text-editor/index.js.map +1 -1
  6. package/build/components/post-title/index.js +13 -2
  7. package/build/components/post-title/index.js.map +1 -1
  8. package/build/components/post-visibility/index.js +132 -167
  9. package/build/components/post-visibility/index.js.map +1 -1
  10. package/build/components/post-visibility/label.js +5 -22
  11. package/build/components/post-visibility/label.js.map +1 -1
  12. package/build/components/post-visibility/utils.js +14 -13
  13. package/build/components/post-visibility/utils.js.map +1 -1
  14. package/build/components/provider/index.native.js +3 -1
  15. package/build/components/provider/index.native.js.map +1 -1
  16. package/build-module/components/post-featured-image/index.js +86 -42
  17. package/build-module/components/post-featured-image/index.js.map +1 -1
  18. package/build-module/components/post-text-editor/index.js +6 -6
  19. package/build-module/components/post-text-editor/index.js.map +1 -1
  20. package/build-module/components/post-title/index.js +12 -2
  21. package/build-module/components/post-title/index.js.map +1 -1
  22. package/build-module/components/post-visibility/index.js +132 -166
  23. package/build-module/components/post-visibility/index.js.map +1 -1
  24. package/build-module/components/post-visibility/label.js +5 -20
  25. package/build-module/components/post-visibility/label.js.map +1 -1
  26. package/build-module/components/post-visibility/utils.js +14 -13
  27. package/build-module/components/post-visibility/utils.js.map +1 -1
  28. package/build-module/components/provider/index.native.js +2 -1
  29. package/build-module/components/provider/index.native.js.map +1 -1
  30. package/build-style/style-rtl.css +51 -52
  31. package/build-style/style.css +51 -52
  32. package/package.json +28 -27
  33. package/src/components/autosave-monitor/test/index.js +3 -0
  34. package/src/components/editor-help/test/index.native.js +1 -1
  35. package/src/components/post-featured-image/index.js +102 -69
  36. package/src/components/post-saved-state/style.scss +9 -0
  37. package/src/components/post-slug/test/index.js +4 -4
  38. package/src/components/post-text-editor/index.js +5 -6
  39. package/src/components/post-title/index.js +16 -2
  40. package/src/components/post-visibility/index.js +130 -150
  41. package/src/components/post-visibility/label.js +6 -15
  42. package/src/components/post-visibility/style.scss +25 -20
  43. package/src/components/post-visibility/utils.js +7 -12
  44. package/src/components/provider/index.native.js +2 -1
  45. package/src/components/table-of-contents/style.scss +1 -3
  46. package/src/store/test/selectors.js +2 -2
@@ -638,6 +638,14 @@
638
638
  }
639
639
  }
640
640
 
641
+ .editor-post-save-draft.has-text.has-icon svg {
642
+ margin-left: 0;
643
+ }
644
+
645
+ :root[dir=rtl] .editor-post-saved-state.has-text.has-icon {
646
+ justify-content: right;
647
+ }
648
+
641
649
  .editor-post-taxonomies__hierarchical-terms-list {
642
650
  max-height: 14em;
643
651
  overflow: auto;
@@ -740,20 +748,23 @@
740
748
  color: rgba(30, 30, 30, 0.62);
741
749
  }
742
750
 
743
- .edit-post-post-visibility__dialog,
744
- .editor-post-visibility__dialog-fieldset {
745
- padding: 4px;
746
- padding-top: 0;
751
+ .editor-post-visibility__close {
752
+ position: absolute;
753
+ left: 16px;
754
+ top: 16px;
747
755
  }
748
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
749
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
756
+
757
+ .editor-post-visibility__fieldset {
758
+ padding: 8px;
759
+ }
760
+ .editor-post-visibility__fieldset .editor-post-visibility__legend {
750
761
  font-weight: 600;
751
- margin-bottom: 1em;
762
+ padding: 1em 0 0 0;
763
+ }
764
+ .editor-post-visibility__fieldset .editor-post-visibility__description {
752
765
  margin-top: 0.5em;
753
- padding: 0;
754
766
  }
755
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
756
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
767
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
757
768
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
758
769
  padding: 6px 8px;
759
770
  box-shadow: 0 0 0 transparent;
@@ -773,48 +784,40 @@
773
784
  margin-top: 2px;
774
785
  }
775
786
  @media (prefers-reduced-motion: reduce) {
776
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
777
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
787
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
778
788
  transition-duration: 0s;
779
789
  transition-delay: 0s;
780
790
  }
781
791
  }
782
792
  @media (min-width: 600px) {
783
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
784
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
793
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
785
794
  font-size: 13px;
786
795
  /* Override core line-height. To be reviewed. */
787
796
  line-height: normal;
788
797
  }
789
798
  }
790
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
791
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
799
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
792
800
  border-color: var(--wp-admin-theme-color);
793
801
  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
794
802
  outline: 2px solid transparent;
795
803
  }
796
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,
797
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder {
804
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder {
798
805
  color: rgba(30, 30, 30, 0.62);
799
806
  }
800
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,
801
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder {
807
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder {
802
808
  opacity: 1;
803
809
  color: rgba(30, 30, 30, 0.62);
804
810
  }
805
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,
806
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder {
811
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder {
807
812
  color: rgba(30, 30, 30, 0.62);
808
813
  }
809
814
  @media (min-width: 600px) {
810
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
811
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
815
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
812
816
  height: 20px;
813
817
  width: 20px;
814
818
  }
815
819
  }
816
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
817
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
820
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
818
821
  box-sizing: inherit;
819
822
  width: 8px;
820
823
  height: 8px;
@@ -824,36 +827,32 @@
824
827
  border: 4px solid #fff;
825
828
  }
826
829
  @media (min-width: 600px) {
827
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
828
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
830
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
829
831
  transform: translate(-5px, 5px);
830
832
  }
831
833
  }
832
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
833
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
834
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
834
835
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
835
836
  outline: 2px solid transparent;
836
837
  }
837
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,
838
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked {
838
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
839
839
  background: var(--wp-admin-theme-color);
840
840
  border-color: var(--wp-admin-theme-color);
841
841
  }
842
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
843
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
844
- font-weight: 600;
842
+ .editor-post-visibility__fieldset .editor-post-visibility__info {
843
+ color: #757575;
844
+ margin-right: 36px;
845
+ margin-top: 0.5em;
845
846
  }
846
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
847
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
848
- margin-top: 0;
849
- margin-right: 32px;
847
+ @media (min-width: 600px) {
848
+ .editor-post-visibility__fieldset .editor-post-visibility__info {
849
+ margin-right: 32px;
850
+ }
850
851
  }
851
- .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
852
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
852
+ .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
853
853
  margin-bottom: 0;
854
854
  }
855
-
856
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
855
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
857
856
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
858
857
  padding: 6px 8px;
859
858
  box-shadow: 0 0 0 transparent;
@@ -864,35 +863,35 @@
864
863
  font-size: 16px;
865
864
  /* Override core line-height. To be reviewed. */
866
865
  line-height: normal;
867
- margin-right: 36px;
868
- margin-top: 8px;
866
+ margin-right: 32px;
867
+ width: calc(100% - 32px);
869
868
  }
870
869
  @media (prefers-reduced-motion: reduce) {
871
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
870
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
872
871
  transition-duration: 0s;
873
872
  transition-delay: 0s;
874
873
  }
875
874
  }
876
875
  @media (min-width: 600px) {
877
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
876
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
878
877
  font-size: 13px;
879
878
  /* Override core line-height. To be reviewed. */
880
879
  line-height: normal;
881
880
  }
882
881
  }
883
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus {
882
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus {
884
883
  border-color: var(--wp-admin-theme-color);
885
884
  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
886
885
  outline: 2px solid transparent;
887
886
  }
888
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder {
887
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder {
889
888
  color: rgba(30, 30, 30, 0.62);
890
889
  }
891
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder {
890
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder {
892
891
  opacity: 1;
893
892
  color: rgba(30, 30, 30, 0.62);
894
893
  }
895
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder {
894
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder {
896
895
  color: rgba(30, 30, 30, 0.62);
897
896
  }
898
897
 
@@ -925,7 +924,7 @@
925
924
  z-index: 99998;
926
925
  }
927
926
 
928
- .table-of-contents__popover .components-popover__content > div {
927
+ .table-of-contents__popover .components-popover__content {
929
928
  padding: 16px;
930
929
  }
931
930
  @media (min-width: 600px) {
@@ -638,6 +638,14 @@
638
638
  }
639
639
  }
640
640
 
641
+ .editor-post-save-draft.has-text.has-icon svg {
642
+ margin-right: 0;
643
+ }
644
+
645
+ :root[dir=rtl] .editor-post-saved-state.has-text.has-icon {
646
+ justify-content: right;
647
+ }
648
+
641
649
  .editor-post-taxonomies__hierarchical-terms-list {
642
650
  max-height: 14em;
643
651
  overflow: auto;
@@ -740,20 +748,23 @@
740
748
  color: rgba(30, 30, 30, 0.62);
741
749
  }
742
750
 
743
- .edit-post-post-visibility__dialog,
744
- .editor-post-visibility__dialog-fieldset {
745
- padding: 4px;
746
- padding-top: 0;
751
+ .editor-post-visibility__close {
752
+ position: absolute;
753
+ right: 16px;
754
+ top: 16px;
747
755
  }
748
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
749
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
756
+
757
+ .editor-post-visibility__fieldset {
758
+ padding: 8px;
759
+ }
760
+ .editor-post-visibility__fieldset .editor-post-visibility__legend {
750
761
  font-weight: 600;
751
- margin-bottom: 1em;
762
+ padding: 1em 0 0 0;
763
+ }
764
+ .editor-post-visibility__fieldset .editor-post-visibility__description {
752
765
  margin-top: 0.5em;
753
- padding: 0;
754
766
  }
755
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
756
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
767
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
757
768
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
758
769
  padding: 6px 8px;
759
770
  box-shadow: 0 0 0 transparent;
@@ -773,48 +784,40 @@
773
784
  margin-top: 2px;
774
785
  }
775
786
  @media (prefers-reduced-motion: reduce) {
776
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
777
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
787
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
778
788
  transition-duration: 0s;
779
789
  transition-delay: 0s;
780
790
  }
781
791
  }
782
792
  @media (min-width: 600px) {
783
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
784
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
793
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
785
794
  font-size: 13px;
786
795
  /* Override core line-height. To be reviewed. */
787
796
  line-height: normal;
788
797
  }
789
798
  }
790
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
791
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
799
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
792
800
  border-color: var(--wp-admin-theme-color);
793
801
  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
794
802
  outline: 2px solid transparent;
795
803
  }
796
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,
797
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder {
804
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder {
798
805
  color: rgba(30, 30, 30, 0.62);
799
806
  }
800
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,
801
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder {
807
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder {
802
808
  opacity: 1;
803
809
  color: rgba(30, 30, 30, 0.62);
804
810
  }
805
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,
806
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder {
811
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder {
807
812
  color: rgba(30, 30, 30, 0.62);
808
813
  }
809
814
  @media (min-width: 600px) {
810
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
811
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
815
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio] {
812
816
  height: 20px;
813
817
  width: 20px;
814
818
  }
815
819
  }
816
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
817
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
820
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
818
821
  box-sizing: inherit;
819
822
  width: 8px;
820
823
  height: 8px;
@@ -824,36 +827,32 @@
824
827
  border: 4px solid #fff;
825
828
  }
826
829
  @media (min-width: 600px) {
827
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
828
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
830
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked::before {
829
831
  transform: translate(5px, 5px);
830
832
  }
831
833
  }
832
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
833
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
834
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus {
834
835
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
835
836
  outline: 2px solid transparent;
836
837
  }
837
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,
838
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked {
838
+ .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked {
839
839
  background: var(--wp-admin-theme-color);
840
840
  border-color: var(--wp-admin-theme-color);
841
841
  }
842
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
843
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
844
- font-weight: 600;
842
+ .editor-post-visibility__fieldset .editor-post-visibility__info {
843
+ color: #757575;
844
+ margin-left: 36px;
845
+ margin-top: 0.5em;
845
846
  }
846
- .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
847
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
848
- margin-top: 0;
849
- margin-left: 32px;
847
+ @media (min-width: 600px) {
848
+ .editor-post-visibility__fieldset .editor-post-visibility__info {
849
+ margin-left: 32px;
850
+ }
850
851
  }
851
- .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
852
- .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
852
+ .editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info {
853
853
  margin-bottom: 0;
854
854
  }
855
-
856
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
855
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
857
856
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
858
857
  padding: 6px 8px;
859
858
  box-shadow: 0 0 0 transparent;
@@ -864,35 +863,35 @@
864
863
  font-size: 16px;
865
864
  /* Override core line-height. To be reviewed. */
866
865
  line-height: normal;
867
- margin-left: 36px;
868
- margin-top: 8px;
866
+ margin-left: 32px;
867
+ width: calc(100% - 32px);
869
868
  }
870
869
  @media (prefers-reduced-motion: reduce) {
871
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
870
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
872
871
  transition-duration: 0s;
873
872
  transition-delay: 0s;
874
873
  }
875
874
  }
876
875
  @media (min-width: 600px) {
877
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
876
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text] {
878
877
  font-size: 13px;
879
878
  /* Override core line-height. To be reviewed. */
880
879
  line-height: normal;
881
880
  }
882
881
  }
883
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus {
882
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus {
884
883
  border-color: var(--wp-admin-theme-color);
885
884
  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
886
885
  outline: 2px solid transparent;
887
886
  }
888
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder {
887
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder {
889
888
  color: rgba(30, 30, 30, 0.62);
890
889
  }
891
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder {
890
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder {
892
891
  opacity: 1;
893
892
  color: rgba(30, 30, 30, 0.62);
894
893
  }
895
- .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder {
894
+ .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder {
896
895
  color: rgba(30, 30, 30, 0.62);
897
896
  }
898
897
 
@@ -925,7 +924,7 @@
925
924
  z-index: 99998;
926
925
  }
927
926
 
928
- .table-of-contents__popover .components-popover__content > div {
927
+ .table-of-contents__popover .components-popover__content {
929
928
  padding: 16px;
930
929
  }
931
930
  @media (min-width: 600px) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/editor",
3
- "version": "12.5.7",
3
+ "version": "12.8.0",
4
4
  "description": "Enhanced block editor for WordPress posts.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -31,31 +31,32 @@
31
31
  ],
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.16.0",
34
- "@wordpress/a11y": "^3.6.1",
35
- "@wordpress/api-fetch": "^6.3.1",
36
- "@wordpress/block-editor": "^8.5.7",
37
- "@wordpress/blocks": "^11.5.3",
38
- "@wordpress/components": "^19.8.4",
39
- "@wordpress/compose": "^5.4.1",
40
- "@wordpress/core-data": "^4.4.5",
41
- "@wordpress/data": "^6.6.1",
42
- "@wordpress/date": "^4.6.1",
43
- "@wordpress/deprecated": "^3.6.1",
44
- "@wordpress/element": "^4.4.1",
45
- "@wordpress/hooks": "^3.6.1",
46
- "@wordpress/html-entities": "^3.6.1",
47
- "@wordpress/i18n": "^4.6.1",
48
- "@wordpress/icons": "^8.2.2",
49
- "@wordpress/keyboard-shortcuts": "^3.4.1",
50
- "@wordpress/keycodes": "^3.6.1",
51
- "@wordpress/media-utils": "^3.4.1",
52
- "@wordpress/notices": "^3.6.1",
53
- "@wordpress/preferences": "^1.2.4",
54
- "@wordpress/reusable-blocks": "^3.4.7",
55
- "@wordpress/rich-text": "^5.4.2",
56
- "@wordpress/server-side-render": "^3.4.5",
57
- "@wordpress/url": "^3.7.1",
58
- "@wordpress/wordcount": "^3.6.1",
34
+ "@wordpress/a11y": "^3.9.0",
35
+ "@wordpress/api-fetch": "^6.6.0",
36
+ "@wordpress/blob": "^3.9.0",
37
+ "@wordpress/block-editor": "^9.1.0",
38
+ "@wordpress/blocks": "^11.8.0",
39
+ "@wordpress/components": "^19.11.0",
40
+ "@wordpress/compose": "^5.7.0",
41
+ "@wordpress/core-data": "^4.7.0",
42
+ "@wordpress/data": "^6.9.0",
43
+ "@wordpress/date": "^4.9.0",
44
+ "@wordpress/deprecated": "^3.9.0",
45
+ "@wordpress/element": "^4.7.0",
46
+ "@wordpress/hooks": "^3.9.0",
47
+ "@wordpress/html-entities": "^3.9.0",
48
+ "@wordpress/i18n": "^4.9.0",
49
+ "@wordpress/icons": "^9.0.0",
50
+ "@wordpress/keyboard-shortcuts": "^3.7.0",
51
+ "@wordpress/keycodes": "^3.9.0",
52
+ "@wordpress/media-utils": "^4.0.0",
53
+ "@wordpress/notices": "^3.9.0",
54
+ "@wordpress/preferences": "^2.1.0",
55
+ "@wordpress/reusable-blocks": "^3.7.0",
56
+ "@wordpress/rich-text": "^5.7.0",
57
+ "@wordpress/server-side-render": "^3.7.0",
58
+ "@wordpress/url": "^3.10.0",
59
+ "@wordpress/wordcount": "^3.9.0",
59
60
  "classnames": "^2.3.1",
60
61
  "lodash": "^4.17.21",
61
62
  "memize": "^1.1.0",
@@ -69,5 +70,5 @@
69
70
  "publishConfig": {
70
71
  "access": "public"
71
72
  },
72
- "gitHead": "d9042594d77ee2d9e28326266de078a505fdf645"
73
+ "gitHead": "198fa129cf1af8dc615918987ea6795cd40ab7df"
73
74
  }
@@ -23,6 +23,9 @@ describe( 'AutosaveMonitor', () => {
23
23
  } );
24
24
 
25
25
  afterEach( () => {
26
+ jest.runOnlyPendingTimers();
27
+ jest.useRealTimers();
28
+
26
29
  setAutosaveTimerSpy.mockClear();
27
30
  } );
28
31
 
@@ -35,7 +35,7 @@ it( 'navigates back from help topic detail screen', async () => {
35
35
  const backButton = screen.getAllByA11yLabel( 'Go back' );
36
36
  fireEvent.press( backButton[ backButton.length - 1 ] );
37
37
 
38
- // Currently logs `act` warning due to https://git.io/JYYGE
38
+ // Currently logs `act` warning due to https://github.com/callstack/react-native-testing-library/issues/379
39
39
  await waitForElementToBeRemoved( () =>
40
40
  screen.getByText(
41
41
  'Each block has its own settings. To find them, tap on a block. Its settings will appear on the toolbar at the bottom of the screen.'