npm - @puckeditor/plugin-pages - Versions diffs - 0.9.0-canary.53ee4e95 → 0.9.0-canary.552a686b - Mend

@puckeditor/plugin-pages 0.9.0-canary.53ee4e95 → 0.9.0-canary.552a686b

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 (4) hide show

package/dist/index.css CHANGED Viewed

@@ -438,12 +438,12 @@ p {
 }
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
-._ActionModal_1g44k_1 {
+._ActionModal_10j8y_1 {
   display: block;
   min-width: 356px;
 }
-._ActionModal-header_1g44k_6 {
-  color: var(--puck-color-grey-02);
+._ActionModal-header_10j8y_6 {
+  color: var( --_puck-platform-action-modal-color-text, var(--puck-color-grey-02) );
   display: flex;
   justify-content: center;
   text-align: center;
@@ -452,27 +452,27 @@ p {
   padding: 24px;
   padding-bottom: 16px;
 }
-._ActionModal-body_1g44k_17 {
+._ActionModal-body_10j8y_20 {
   display: flex;
   flex-direction: column;
   gap: 16px;
   padding: 24px;
   padding-top: 8px;
 }
-._ActionModal-footer_1g44k_25 {
-  border-top: 1px solid var(--puck-color-grey-09);
-  background-color: var(--puck-color-grey-12);
+._ActionModal-footer_10j8y_28 {
+  border-top: var( --_puck-platform-action-modal-footer-border-top, 1px solid var(--puck-color-grey-09) );
+  background-color: var( --_puck-platform-action-modal-footer-color-bg, var(--puck-color-grey-12) );
   display: flex;
   justify-content: flex-end;
   padding: 16px 24px;
 }
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
-._Modal-background_mocy5_1 {
+._Modal-background_10jdm_1 {
   align-items: center;
   display: flex;
   justify-content: center;
-  background: #00000050;
+  background: var(--_puck-platform-modal-color-backdrop, #00000050);
   position: fixed;
   top: 0;
   left: 0;
@@ -482,14 +482,14 @@ p {
   opacity: 0;
   pointer-events: none;
 }
-._Modal--visible_mocy5_16 > ._Modal-background_mocy5_1 {
+._Modal--visible_10jdm_16 > ._Modal-background_10jdm_1 {
   opacity: 1;
-  transition: opacity ease 100ms;
+  transition: var(--_puck-platform-modal-transition, opacity ease 100ms);
   pointer-events: auto;
 }
-._Modal-modal_mocy5_22 {
-  background: white;
-  border-radius: 16px;
+._Modal-modal_10jdm_22 {
+  background: var(--_puck-platform-modal-color-bg, white);
+  border-radius: var(--_puck-platform-modal-radius, 16px);
   display: block;
   max-height: calc(100vh - 24px);
   margin-inline: 24px;
@@ -497,148 +497,162 @@ p {
 }
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
-._Button_16or4_1 {
+._Button_z2rgr_1 {
   appearance: none;
-  background: none;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  color: var(--puck-color-white);
+  background: var(--_puck-platform-button-color-bg, none);
+  border: var(--_puck-platform-button-border, 1px solid transparent);
+  border-radius: var(--_puck-platform-button-radius, 8px);
+  color: var(--_puck-platform-button-color-text, var(--puck-color-white));
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  letter-spacing: 0.05ch;
-  font-family: var(--puck-font-family);
-  font-size: 14px;
-  font-weight: 400;
+  letter-spacing: var(--_puck-platform-button-letter-spacing, 0.05ch);
+  font-family: var( --_puck-platform-button-font-family, var(--puck-font-family) );
+  font-size: var(--_puck-platform-button-font-size, 14px);
+  font-weight: var(--_puck-platform-button-font-weight, 400);
   box-sizing: border-box;
-  line-height: 1;
+  line-height: var(--_puck-platform-button-line-height, 1);
   text-align: center;
   text-decoration: none;
-  transition: background-color 50ms ease-in;
+  transition: var( --_puck-platform-button-transition, background-color 50ms ease-in );
   cursor: pointer;
   white-space: nowrap;
   margin: 0;
 }
-._Button_16or4_1:hover,
-._Button_16or4_1:active {
-  transition: none;
+._Button_z2rgr_1:hover,
+._Button_z2rgr_1:active {
+  transition: var(--_puck-platform-button-transition-interactive, none);
 }
-._Button_16or4_1:focus-visible {
-  outline: 2px solid var(--puck-color-azure-05);
-  outline-offset: 2px;
+._Button_z2rgr_1:focus-visible {
+  outline: var( --_puck-platform-button-focus-outline, 2px solid var(--puck-color-azure-05) );
+  outline-offset: var(--_puck-platform-button-focus-outline-offset, 2px);
 }
-._Button--tiny_16or4_34 {
-  font-size: var(--puck-font-size-xxxs);
+._Button--tiny_z2rgr_43 {
+  font-size: var( --_puck-platform-button-tiny-font-size, var(--puck-font-size-xxxs) );
   padding: 2px 8px;
 }
-._Button--small_16or4_39 {
-  font-size: var(--puck-font-size-xxs);
+._Button--small_z2rgr_51 {
+  font-size: var( --_puck-platform-button-small-font-size, var(--puck-font-size-xxs) );
   padding: 4px 8px;
 }
-._Button--medium_16or4_44 {
+._Button--medium_z2rgr_59 {
+  font-size: var(--_puck-platform-button-medium-font-size, 14px);
+  font-weight: var(--_puck-platform-button-medium-font-weight, 400);
   min-height: 34px;
   padding-bottom: 7px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 7px;
 }
-._Button--large_16or4_52 {
+._Button--large_z2rgr_69 {
+  font-size: var(--_puck-platform-button-large-font-size, 14px);
+  font-weight: var(--_puck-platform-button-large-font-weight, 400);
   padding-bottom: 11px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 11px;
 }
-._Button--brand_16or4_59 {
-  background-image:
-    linear-gradient(
-      210deg,
-      var(--puck-color-azure-01) 0%,
-      var(--puck-color-azure-03) 30%,
-      var(--puck-color-red-05) 130%);
+._Button--brand_z2rgr_78 {
+  background-image: var( --_puck-platform-button-brand-background-image, linear-gradient( 210deg, var(--puck-color-azure-01) 0%, var(--puck-color-azure-03) 30%, var(--puck-color-red-05) 130% ) );
   border: none;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--brand_16or4_59:hover {
-    opacity: 0.8;
+  ._Button--brand_z2rgr_78:hover {
+    opacity: var(--_puck-platform-button-brand-opacity-hover, 0.8);
   }
 }
-._Button--brand_16or4_59:active {
-  opacity: 0.8;
+._Button--brand_z2rgr_78:active {
+  opacity: var(--_puck-platform-button-brand-opacity-active, 0.8);
 }
-._Button--primary_16or4_79 {
-  background: var(--puck-color-azure-04);
+._Button--primary_z2rgr_101 {
+  background: var( --_puck-platform-button-primary-color-bg, var(--puck-color-azure-04) );
+  border: var(--_puck-platform-button-primary-border, 1px solid transparent);
+  color: var( --_puck-platform-button-primary-color-text, var(--puck-color-white) );
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--primary_16or4_79:hover {
-    background-color: var(--puck-color-azure-03);
+  ._Button--primary_z2rgr_101:hover {
+    background-color: var( --_puck-platform-button-primary-color-bg-hover, var(--puck-color-azure-03) );
   }
 }
-._Button--primary_16or4_79:active {
-  background-color: var(--puck-color-azure-02);
+._Button--primary_z2rgr_101:active {
+  background-color: var( --_puck-platform-button-primary-color-bg-active, var(--puck-color-azure-02) );
 }
-._Button--secondary_16or4_93 {
-  border: 1px solid currentColor;
-  color: currentColor;
+._Button--secondary_z2rgr_129 {
+  background: var(--_puck-platform-button-secondary-color-bg, none);
+  border: var(--_puck-platform-button-secondary-border, 1px solid currentColor);
+  color: var(--_puck-platform-button-secondary-color-text, currentColor);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--secondary_16or4_93:hover {
-    background-color: var(--puck-color-azure-12);
-    border-color: var(--puck-color-azure-12);
-    color: var(--puck-color-azure-04);
+  ._Button--secondary_z2rgr_129:hover {
+    background-color: var( --_puck-platform-button-secondary-color-bg-hover, var(--puck-color-azure-12) );
+    border-color: var( --_puck-platform-button-secondary-color-border-hover, var(--puck-color-azure-12) );
+    color: var( --_puck-platform-button-secondary-color-text-hover, var(--puck-color-azure-04) );
   }
 }
-._Button--secondary_16or4_93:active {
-  background-color: var(--puck-color-azure-11);
-  color: var(--puck-color-black);
+._Button--secondary_z2rgr_129:active {
+  background-color: var( --_puck-platform-button-secondary-color-bg-active, var(--puck-color-azure-11) );
+  color: var( --_puck-platform-button-secondary-color-text-active, var(--puck-color-black) );
 }
-._Button--danger_16or4_111 {
-  background: var(--puck-color-red-04);
+._Button--danger_z2rgr_163 {
+  background: var( --_puck-platform-button-danger-color-bg, var(--puck-color-red-04) );
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--danger_16or4_111:hover {
-    background-color: var(--puck-color-red-03);
+  ._Button--danger_z2rgr_163:hover {
+    background-color: var( --_puck-platform-button-danger-color-bg-hover, var(--puck-color-red-03) );
   }
 }
-._Button--danger_16or4_111:active {
-  background-color: var(--puck-color-red-02);
+._Button--danger_z2rgr_163:active {
+  background-color: var( --_puck-platform-button-danger-color-bg-active, var(--puck-color-red-02) );
 }
-._Button--flush_16or4_125 {
-  border-radius: 0;
+._Button--flush_z2rgr_186 {
+  border-radius: var(--_puck-platform-button-flush-radius, 0);
 }
-._Button--ghost_16or4_129 {
+._Button--ghost_z2rgr_190 {
   align-items: center;
-  background-color: transparent;
+  background-color: var(--_puck-platform-button-ghost-color-bg, transparent);
   border: none;
-  border-radius: 8px;
-  color: var(--puck-color-azure-04);
+  border-radius: var(--_puck-platform-button-ghost-radius, 8px);
+  color: var( --_puck-platform-button-ghost-color-text, var(--puck-color-azure-04) );
   display: flex;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--ghost_16or4_129:hover {
-    background-color: var(--puck-color-grey-11);
-    color: var(--puck-color-azure-04);
+  ._Button--ghost_z2rgr_190:hover {
+    background-color: var( --_puck-platform-button-ghost-color-bg-hover, var(--puck-color-grey-11) );
+    color: var( --_puck-platform-button-ghost-color-text-hover, var(--puck-color-azure-04) );
     cursor: pointer;
   }
 }
-._Button--disabled_16or4_146,
-._Button--disabled_16or4_146:hover,
-._Button--secondary_16or4_93._Button--disabled_16or4_146,
-._Button--secondary_16or4_93._Button--disabled_16or4_146:hover {
-  background-color: var(--puck-color-grey-12);
-  border-color: var(--puck-color-grey-08);
-  color: var(--puck-color-grey-07);
+._Button--disabled_z2rgr_216,
+._Button--disabled_z2rgr_216:hover,
+._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216,
+._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216:hover {
+  background-color: var( --_puck-platform-button-disabled-color-bg, var(--puck-color-grey-12) );
+  border-color: var( --_puck-platform-button-disabled-color-border, var(--puck-color-grey-08) );
+  color: var( --_puck-platform-button-disabled-color-text, var(--puck-color-grey-07) );
   cursor: not-allowed;
 }
-._Button--fullWidth_16or4_156 {
+._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216,
+._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216:hover {
+  background-color: var( --_puck-platform-button-secondary-color-bg-disabled, var(--puck-color-grey-12) );
+  border-color: var( --_puck-platform-button-secondary-color-border-disabled, var(--puck-color-grey-08) );
+  color: var( --_puck-platform-button-secondary-color-text-disabled, var(--puck-color-grey-07) );
+}
+._Button--primary_z2rgr_101._Button--disabled_z2rgr_216,
+._Button--primary_z2rgr_101._Button--disabled_z2rgr_216:hover {
+  background-color: var( --_puck-platform-button-primary-color-bg-disabled, var(--puck-color-grey-12) );
+  border-color: var( --_puck-platform-button-primary-color-border-disabled, var(--puck-color-grey-08) );
+  color: var( --_puck-platform-button-primary-color-text-disabled, var(--puck-color-grey-07) );
+}
+._Button--fullWidth_z2rgr_267 {
   justify-content: center;
   width: 100%;
 }
-._Button-spinner_16or4_161 {
+._Button-spinner_z2rgr_272 {
   padding-left: 8px;
 }
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Loader/styles.module.css/#css-module-data */
-@keyframes _loader-animation_nacdm_1 {
+@keyframes _loader-animation_68nru_1 {
   0% {
     transform: rotate(0deg) scale(1);
   }
@@ -649,89 +663,89 @@ p {
     transform: rotate(360deg) scale(1);
   }
 }
-._Loader_nacdm_13 {
+._Loader_68nru_13 {
   background: transparent;
-  border-radius: 100%;
-  border: 2px solid currentColor;
+  border-radius: var(--_puck-platform-loader-radius, 100%);
+  border: var(--_puck-platform-loader-border, 2px solid currentColor);
   border-bottom-color: transparent;
   display: inline-block;
-  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
+  animation: _loader-animation_68nru_1 var(--_puck-platform-loader-animation-duration, 1s) 0s infinite linear;
   animation-fill-mode: both;
 }
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
-._Heading_1sfil_1 {
+._Heading_l89dy_1 {
   display: block;
-  font-family: var(--heading-font-family, var(--puck-font-family));
-  font-weight: 700;
+  font-family: var( --_puck-platform-heading-font-family, var(--heading-font-family, var(--puck-font-family)) );
+  font-weight: var(--_puck-platform-heading-font-weight, 700);
   margin: 0;
 }
-._Heading_1sfil_1 b {
-  font-weight: 700;
+._Heading_l89dy_1 b {
+  font-weight: var(--_puck-platform-heading-bold-font-weight, 700);
 }
-._Heading--brand_1sfil_12,
-._Heading--brand_1sfil_12 * {
-  font-weight: 500;
-  letter-spacing: -7%;
-  line-height: 1;
+._Heading--brand_l89dy_15,
+._Heading--brand_l89dy_15 * {
+  font-weight: var(--_puck-platform-heading-brand-font-weight, 500);
+  letter-spacing: var(--_puck-platform-heading-brand-letter-spacing, -0.07em);
+  line-height: var(--_puck-platform-heading-brand-line-height, 1);
 }
-._Heading--brand_1sfil_12 b {
-  font-weight: 700;
+._Heading--brand_l89dy_15 b {
+  font-weight: var(--_puck-platform-heading-brand-bold-font-weight, 700);
 }
-._Heading--xxxxl_1sfil_23 {
-  font-size: var(--puck-font-size-xxxl);
+._Heading--xxxxl_l89dy_26 {
+  font-size: var( --_puck-platform-heading-xxxxl-font-size, var(--puck-font-size-xxxl) );
 }
-._Heading--xxxl_1sfil_27 {
-  font-size: var(--puck-font-size-xxl);
+._Heading--xxxl_l89dy_33 {
+  font-size: var( --_puck-platform-heading-xxxl-font-size, var(--puck-font-size-xxl) );
 }
-._Heading--xxl_1sfil_31 {
-  font-size: var(--puck-font-size-xl);
+._Heading--xxl_l89dy_40 {
+  font-size: var( --_puck-platform-heading-xxl-font-size, var(--puck-font-size-xl) );
 }
-._Heading--xl_1sfil_35 {
-  font-size: var(--puck-font-size-l);
+._Heading--xl_l89dy_47 {
+  font-size: var( --_puck-platform-heading-xl-font-size, var(--puck-font-size-l) );
 }
-._Heading--l_1sfil_39 {
-  font-size: var(--puck-font-size-m);
+._Heading--l_l89dy_54 {
+  font-size: var(--_puck-platform-heading-l-font-size, var(--puck-font-size-m));
 }
-._Heading--m_1sfil_43 {
-  font-size: var(--puck-font-size-s);
+._Heading--m_l89dy_58 {
+  font-size: var(--_puck-platform-heading-m-font-size, var(--puck-font-size-s));
 }
-._Heading--s_1sfil_47 {
-  font-size: var(--puck-font-size-xs);
+._Heading--s_l89dy_62 {
+  font-size: var( --_puck-platform-heading-s-font-size, var(--puck-font-size-xs) );
 }
-._Heading--xs_1sfil_51 {
-  font-size: var(--puck-font-size-xxs);
+._Heading--xs_l89dy_69 {
+  font-size: var( --_puck-platform-heading-xs-font-size, var(--puck-font-size-xxs) );
 }
-._Heading--xxs_1sfil_55 {
-  font-size: var(--puck-font-size-xxs);
+._Heading--xxs_l89dy_76 {
+  font-size: var( --_puck-platform-heading-xxs-font-size, var(--puck-font-size-xxs) );
 }
 @media (min-width: 768px) {
-  ._Heading--xxxxl_1sfil_23 {
-    font-size: var(--puck-font-size-xxxxl);
+  ._Heading--xxxxl_l89dy_26 {
+    font-size: var( --_puck-platform-heading-xxxxl-font-size-desktop, var(--puck-font-size-xxxxl) );
   }
-  ._Heading--xxxl_1sfil_27 {
-    font-size: var(--puck-font-size-xxxl);
+  ._Heading--xxxl_l89dy_33 {
+    font-size: var( --_puck-platform-heading-xxxl-font-size-desktop, var(--puck-font-size-xxxl) );
   }
-  ._Heading--xxl_1sfil_31 {
-    font-size: var(--puck-font-size-xxl);
+  ._Heading--xxl_l89dy_40 {
+    font-size: var( --_puck-platform-heading-xxl-font-size-desktop, var(--puck-font-size-xxl) );
   }
-  ._Heading--xl_1sfil_35 {
-    font-size: var(--puck-font-size-xl);
+  ._Heading--xl_l89dy_47 {
+    font-size: var( --_puck-platform-heading-xl-font-size-desktop, var(--puck-font-size-xl) );
   }
-  ._Heading--l_1sfil_39 {
-    font-size: var(--puck-font-size-l);
+  ._Heading--l_l89dy_54 {
+    font-size: var( --_puck-platform-heading-l-font-size-desktop, var(--puck-font-size-l) );
   }
-  ._Heading--m_1sfil_43 {
-    font-size: var(--puck-font-size-m);
+  ._Heading--m_l89dy_58 {
+    font-size: var( --_puck-platform-heading-m-font-size-desktop, var(--puck-font-size-m) );
   }
-  ._Heading--s_1sfil_47 {
-    font-size: var(--puck-font-size-s);
+  ._Heading--s_l89dy_62 {
+    font-size: var( --_puck-platform-heading-s-font-size-desktop, var(--puck-font-size-s) );
   }
-  ._Heading--xs_1sfil_51 {
-    font-size: var(--puck-font-size-xs);
+  ._Heading--xs_l89dy_69 {
+    font-size: var( --_puck-platform-heading-xs-font-size-desktop, var(--puck-font-size-xs) );
   }
-  ._Heading--xxs_1sfil_55 {
-    font-size: var(--puck-font-size-xxs);
+  ._Heading--xxs_l89dy_76 {
+    font-size: var( --_puck-platform-heading-xxs-font-size-desktop, var(--puck-font-size-xxs) );
   }
 }
@@ -969,38 +983,40 @@ p {
 }
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_thegm_1 {
+._IconButton_voaix_1 {
   align-items: center;
-  background: transparent;
+  background: var(--_puck-platform-icon-button-color-bg, transparent);
   border: none;
-  border-radius: 4px;
-  color: currentColor;
+  border-radius: var(--_puck-platform-icon-button-radius, 4px);
+  color: var(--_puck-platform-icon-button-color-icon, currentColor);
   display: flex;
-  font-family: var(--puck-font-family);
+  font-family: var( --_puck-platform-icon-button-font-family, var(--puck-font-family) );
   justify-content: center;
   padding: 4px;
-  transition: background-color 50ms ease-in, color 50ms ease-in;
+  transition: var( --_puck-platform-icon-button-transition, background-color 50ms ease-in, color 50ms ease-in );
 }
-._IconButton_thegm_1:focus-visible {
-  outline: 2px solid var(--puck-color-azure-05);
-  outline-offset: -2px;
+._IconButton_voaix_1:focus-visible {
+  outline: var( --_puck-platform-icon-button-focus-outline, 2px solid var(--puck-color-azure-05) );
+  outline-offset: var(--_puck-platform-icon-button-focus-outline-offset, -2px);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._IconButton_thegm_1:hover:not(._IconButton--disabled_thegm_20) {
-    background: var(--puck-color-azure-10);
+  ._IconButton_voaix_1:hover:not(._IconButton--disabled_voaix_30) {
+    background: var( --_puck-platform-icon-button-color-bg-hover, var(--puck-color-azure-10) );
+    color: var(--_puck-platform-icon-button-color-icon-hover, currentColor);
     cursor: pointer;
-    transition: none;
+    transition: var(--_puck-platform-icon-button-transition-interactive, none);
   }
-  ._IconButton--dark_thegm_26:hover:not(._IconButton--disabled_thegm_20) {
-    background: var(--puck-color-grey-04);
-    color: var(--puck-color-azure-10);
+  ._IconButton--dark_voaix_40:hover:not(._IconButton--disabled_voaix_30) {
+    background: var( --_puck-platform-icon-button-dark-color-bg-hover, var(--puck-color-grey-04) );
+    color: var( --_puck-platform-icon-button-dark-color-icon-hover, var(--puck-color-azure-10) );
   }
 }
-._IconButton_thegm_1:active {
-  background: var(--puck-color-azure-11);
-  transition: none;
+._IconButton_voaix_1:active {
+  background: var( --_puck-platform-icon-button-color-bg-active, var(--puck-color-azure-11) );
+  color: var(--_puck-platform-icon-button-color-icon-active, currentColor);
+  transition: var(--_puck-platform-icon-button-transition-interactive, none);
 }
-._IconButton-title_thegm_37 {
+._IconButton-title_voaix_61 {
   clip: rect(0 0 0 0);
   clip-path: inset(100%);
   height: 1px;
@@ -1009,8 +1025,8 @@ p {
   white-space: nowrap;
   width: 1px;
 }
-._IconButton--disabled_thegm_20 {
-  color: var(--puck-color-grey-07);
+._IconButton--disabled_voaix_30 {
+  color: var( --_puck-platform-icon-button-color-icon-disabled, var(--puck-color-grey-07) );
 }
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/InfoBar/InfoBar.module.css/#css-module-data */

package/dist/index.js CHANGED Viewed

@@ -5104,7 +5104,7 @@ init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css#css-module
 init_react_import();
-var ActionModal_module_default = { "ActionModal": "_ActionModal_1g44k_1", "ActionModal-header": "_ActionModal-header_1g44k_6", "ActionModal-body": "_ActionModal-body_1g44k_17", "ActionModal-footer": "_ActionModal-footer_1g44k_25" };
+var ActionModal_module_default = { "ActionModal": "_ActionModal_10j8y_1", "ActionModal-header": "_ActionModal-header_10j8y_6", "ActionModal-body": "_ActionModal-body_10j8y_20", "ActionModal-footer": "_ActionModal-footer_10j8y_28" };
 // ../platform-client/lib/index.ts
 init_react_import();
@@ -5148,7 +5148,7 @@ init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css#css-module
 init_react_import();
-var Modal_module_default = { "Modal-background": "_Modal-background_mocy5_1", "Modal--visible": "_Modal--visible_mocy5_16", "Modal-modal": "_Modal-modal_mocy5_22" };
+var Modal_module_default = { "Modal-background": "_Modal-background_10jdm_1", "Modal--visible": "_Modal--visible_10jdm_16", "Modal-modal": "_Modal-modal_10jdm_22" };
 // ../platform-client/components/Modal/Modal.tsx
 var import_react11 = require("react");
@@ -5166,20 +5166,21 @@ var import_react10 = require("react");
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css#css-module
 init_react_import();
-var Button_module_default = { "Button": "_Button_16or4_1", "Button--tiny": "_Button--tiny_16or4_34", "Button--small": "_Button--small_16or4_39", "Button--medium": "_Button--medium_16or4_44", "Button--large": "_Button--large_16or4_52", "Button--brand": "_Button--brand_16or4_59", "Button--primary": "_Button--primary_16or4_79", "Button--secondary": "_Button--secondary_16or4_93", "Button--danger": "_Button--danger_16or4_111", "Button--flush": "_Button--flush_16or4_125", "Button--ghost": "_Button--ghost_16or4_129", "Button--disabled": "_Button--disabled_16or4_146", "Button--fullWidth": "_Button--fullWidth_16or4_156", "Button-spinner": "_Button-spinner_16or4_161" };
+var Button_module_default = { "Button": "_Button_z2rgr_1", "Button--tiny": "_Button--tiny_z2rgr_43", "Button--small": "_Button--small_z2rgr_51", "Button--medium": "_Button--medium_z2rgr_59", "Button--large": "_Button--large_z2rgr_69", "Button--brand": "_Button--brand_z2rgr_78", "Button--primary": "_Button--primary_z2rgr_101", "Button--secondary": "_Button--secondary_z2rgr_129", "Button--danger": "_Button--danger_z2rgr_163", "Button--flush": "_Button--flush_z2rgr_186", "Button--ghost": "_Button--ghost_z2rgr_190", "Button--disabled": "_Button--disabled_z2rgr_216", "Button--fullWidth": "_Button--fullWidth_z2rgr_267", "Button-spinner": "_Button-spinner_z2rgr_272" };
 // ../platform-client/components/Loader/index.tsx
 init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Loader/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
+var styles_module_default3 = { "Loader": "_Loader_68nru_13", "loader-animation": "_loader-animation_68nru_1" };
 // ../platform-client/components/Loader/index.tsx
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var getClassName = getClassNameFactory2("Loader", styles_module_default3);
 var Loader = ({
   color,
+  label = "loading",
   size: size4 = 16,
   ...props
 }) => {
@@ -5192,7 +5193,7 @@ var Loader = ({
         height: size4,
         color
       },
-      "aria-label": "loading",
+      "aria-label": label,
       ...props
     }
   );
@@ -5307,7 +5308,7 @@ init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Heading/Heading.module.css#css-module
 init_react_import();
-var Heading_module_default = { "Heading": "_Heading_1sfil_1", "Heading--brand": "_Heading--brand_1sfil_12", "Heading--xxxxl": "_Heading--xxxxl_1sfil_23", "Heading--xxxl": "_Heading--xxxl_1sfil_27", "Heading--xxl": "_Heading--xxl_1sfil_31", "Heading--xl": "_Heading--xl_1sfil_35", "Heading--l": "_Heading--l_1sfil_39", "Heading--m": "_Heading--m_1sfil_43", "Heading--s": "_Heading--s_1sfil_47", "Heading--xs": "_Heading--xs_1sfil_51", "Heading--xxs": "_Heading--xxs_1sfil_55" };
+var Heading_module_default = { "Heading": "_Heading_l89dy_1", "Heading--brand": "_Heading--brand_l89dy_15", "Heading--xxxxl": "_Heading--xxxxl_l89dy_26", "Heading--xxxl": "_Heading--xxxl_l89dy_33", "Heading--xxl": "_Heading--xxl_l89dy_40", "Heading--xl": "_Heading--xl_l89dy_47", "Heading--l": "_Heading--l_l89dy_54", "Heading--m": "_Heading--m_l89dy_58", "Heading--s": "_Heading--s_l89dy_62", "Heading--xs": "_Heading--xs_l89dy_69", "Heading--xxs": "_Heading--xxs_l89dy_76" };
 // ../platform-client/components/Heading/Heading.tsx
 var import_jsx_runtime15 = require("react/jsx-runtime");
@@ -5453,7 +5454,7 @@ var import_react16 = require("react");
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/IconButton/IconButton.module.css#css-module
 init_react_import();
-var IconButton_module_default = { "IconButton": "_IconButton_thegm_1", "IconButton--disabled": "_IconButton--disabled_thegm_20", "IconButton--dark": "_IconButton--dark_thegm_26", "IconButton-title": "_IconButton-title_thegm_37" };
+var IconButton_module_default = { "IconButton": "_IconButton_voaix_1", "IconButton--disabled": "_IconButton--disabled_voaix_30", "IconButton--dark": "_IconButton--dark_voaix_40", "IconButton-title": "_IconButton-title_voaix_61" };
 // ../platform-client/components/IconButton/IconButton.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
@@ -8664,11 +8665,14 @@ function registerDynamicConfig(config, data) {
   }
 }
 var resolvedVersions = /* @__PURE__ */ new WeakMap();
-var rememberResolvedData = (data, resolved) => resolvedVersions.set(data, resolved);
+var rememberResolvedData = (data, resolved) => resolvedVersions.set(data, resolvedVersions.get(resolved) ?? resolved);
 var isDirty = ({
   appState,
   history
-}, version2) => history.histories.length > 1 && !(0, import_fast_equals.deepEqual)(appState.data, version2?.data);
+}, version2) => history.histories.length > 1 && !(0, import_fast_equals.deepEqual)(
+  appState.data,
+  version2 && (resolvedVersions.get(version2.data) ?? version2.data)
+);
 var usePageEditorState = () => {
   const getPuck = (0, import_core3.useGetPuck)();
   return (0, import_react25.useMemo)(() => {
@@ -8676,9 +8680,9 @@ var usePageEditorState = () => {
       const { config } = getPuck();
       const pageData = { root: {}, content: [], ...data };
       registerDynamicConfig(config, pageData);
-      const resolvedData = (data && resolvedVersions.get(data)) ?? await (0, import_core3.resolveAllData)(pageData, config);
+      let resolvedData = (data && resolvedVersions.get(data)) ?? await (0, import_core3.resolveAllData)(pageData, config);
+      if (isCurrent()) resolvedData = showData(resolvedData);
       if (data) rememberResolvedData(data, resolvedData);
-      if (isCurrent()) showData(resolvedData);
     };
     const showData = (data) => {
       const { appState, history, dispatch } = getPuck();
@@ -8689,6 +8693,17 @@ var usePageEditorState = () => {
       };
       history.setHistories([{ state: nextState }]);
       dispatch({ type: "set", state: nextState });
+      const shownData = getPuck().appState.data;
+      setTimeout(() => dropStaleHistory(nextState, shownData), 250);
+      return shownData;
+    };
+    const dropStaleHistory = (shown, shownData) => {
+      const { appState, history } = getPuck();
+      const [first, ...rest] = history.histories;
+      if (first?.state !== shown || !rest.length) return;
+      history.setHistories(
+        (0, import_fast_equals.deepEqual)(appState.data, shownData) ? [{ state: appState }] : [first, { state: appState }]
+      );
     };
     const unloadPageData = () => {
       const { appState, history } = getPuck();

package/dist/index.mjs CHANGED Viewed

@@ -5099,7 +5099,7 @@ init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css#css-module
 init_react_import();
-var ActionModal_module_default = { "ActionModal": "_ActionModal_1g44k_1", "ActionModal-header": "_ActionModal-header_1g44k_6", "ActionModal-body": "_ActionModal-body_1g44k_17", "ActionModal-footer": "_ActionModal-footer_1g44k_25" };
+var ActionModal_module_default = { "ActionModal": "_ActionModal_10j8y_1", "ActionModal-header": "_ActionModal-header_10j8y_6", "ActionModal-body": "_ActionModal-body_10j8y_20", "ActionModal-footer": "_ActionModal-footer_10j8y_28" };
 // ../platform-client/lib/index.ts
 init_react_import();
@@ -5143,7 +5143,7 @@ init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css#css-module
 init_react_import();
-var Modal_module_default = { "Modal-background": "_Modal-background_mocy5_1", "Modal--visible": "_Modal--visible_mocy5_16", "Modal-modal": "_Modal-modal_mocy5_22" };
+var Modal_module_default = { "Modal-background": "_Modal-background_10jdm_1", "Modal--visible": "_Modal--visible_10jdm_16", "Modal-modal": "_Modal-modal_10jdm_22" };
 // ../platform-client/components/Modal/Modal.tsx
 import { createContext as createContext6, useContext as useContext7 } from "react";
@@ -5161,20 +5161,21 @@ import { useEffect as useEffect11, useState as useState9 } from "react";
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css#css-module
 init_react_import();
-var Button_module_default = { "Button": "_Button_16or4_1", "Button--tiny": "_Button--tiny_16or4_34", "Button--small": "_Button--small_16or4_39", "Button--medium": "_Button--medium_16or4_44", "Button--large": "_Button--large_16or4_52", "Button--brand": "_Button--brand_16or4_59", "Button--primary": "_Button--primary_16or4_79", "Button--secondary": "_Button--secondary_16or4_93", "Button--danger": "_Button--danger_16or4_111", "Button--flush": "_Button--flush_16or4_125", "Button--ghost": "_Button--ghost_16or4_129", "Button--disabled": "_Button--disabled_16or4_146", "Button--fullWidth": "_Button--fullWidth_16or4_156", "Button-spinner": "_Button-spinner_16or4_161" };
+var Button_module_default = { "Button": "_Button_z2rgr_1", "Button--tiny": "_Button--tiny_z2rgr_43", "Button--small": "_Button--small_z2rgr_51", "Button--medium": "_Button--medium_z2rgr_59", "Button--large": "_Button--large_z2rgr_69", "Button--brand": "_Button--brand_z2rgr_78", "Button--primary": "_Button--primary_z2rgr_101", "Button--secondary": "_Button--secondary_z2rgr_129", "Button--danger": "_Button--danger_z2rgr_163", "Button--flush": "_Button--flush_z2rgr_186", "Button--ghost": "_Button--ghost_z2rgr_190", "Button--disabled": "_Button--disabled_z2rgr_216", "Button--fullWidth": "_Button--fullWidth_z2rgr_267", "Button-spinner": "_Button-spinner_z2rgr_272" };
 // ../platform-client/components/Loader/index.tsx
 init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Loader/styles.module.css#css-module
 init_react_import();
-var styles_module_default3 = { "Loader": "_Loader_nacdm_13", "loader-animation": "_loader-animation_nacdm_1" };
+var styles_module_default3 = { "Loader": "_Loader_68nru_13", "loader-animation": "_loader-animation_68nru_1" };
 // ../platform-client/components/Loader/index.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var getClassName = getClassNameFactory2("Loader", styles_module_default3);
 var Loader = ({
   color,
+  label = "loading",
   size: size4 = 16,
   ...props
 }) => {
@@ -5187,7 +5188,7 @@ var Loader = ({
         height: size4,
         color
       },
-      "aria-label": "loading",
+      "aria-label": label,
       ...props
     }
   );
@@ -5302,7 +5303,7 @@ init_react_import();
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/Heading/Heading.module.css#css-module
 init_react_import();
-var Heading_module_default = { "Heading": "_Heading_1sfil_1", "Heading--brand": "_Heading--brand_1sfil_12", "Heading--xxxxl": "_Heading--xxxxl_1sfil_23", "Heading--xxxl": "_Heading--xxxl_1sfil_27", "Heading--xxl": "_Heading--xxl_1sfil_31", "Heading--xl": "_Heading--xl_1sfil_35", "Heading--l": "_Heading--l_1sfil_39", "Heading--m": "_Heading--m_1sfil_43", "Heading--s": "_Heading--s_1sfil_47", "Heading--xs": "_Heading--xs_1sfil_51", "Heading--xxs": "_Heading--xxs_1sfil_55" };
+var Heading_module_default = { "Heading": "_Heading_l89dy_1", "Heading--brand": "_Heading--brand_l89dy_15", "Heading--xxxxl": "_Heading--xxxxl_l89dy_26", "Heading--xxxl": "_Heading--xxxl_l89dy_33", "Heading--xxl": "_Heading--xxl_l89dy_40", "Heading--xl": "_Heading--xl_l89dy_47", "Heading--l": "_Heading--l_l89dy_54", "Heading--m": "_Heading--m_l89dy_58", "Heading--s": "_Heading--s_l89dy_62", "Heading--xs": "_Heading--xs_l89dy_69", "Heading--xxs": "_Heading--xxs_l89dy_76" };
 // ../platform-client/components/Heading/Heading.tsx
 import { jsx as jsx8 } from "react/jsx-runtime";
@@ -5448,7 +5449,7 @@ import { useState as useState13 } from "react";
 // css-module:/home/runner/work/platform/platform/packages/platform-client/components/IconButton/IconButton.module.css#css-module
 init_react_import();
-var IconButton_module_default = { "IconButton": "_IconButton_thegm_1", "IconButton--disabled": "_IconButton--disabled_thegm_20", "IconButton--dark": "_IconButton--dark_thegm_26", "IconButton-title": "_IconButton-title_thegm_37" };
+var IconButton_module_default = { "IconButton": "_IconButton_voaix_1", "IconButton--disabled": "_IconButton--disabled_voaix_30", "IconButton--dark": "_IconButton--dark_voaix_40", "IconButton-title": "_IconButton-title_voaix_61" };
 // ../platform-client/components/IconButton/IconButton.tsx
 import { Fragment as Fragment3, jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -8662,11 +8663,14 @@ function registerDynamicConfig(config, data) {
   }
 }
 var resolvedVersions = /* @__PURE__ */ new WeakMap();
-var rememberResolvedData = (data, resolved) => resolvedVersions.set(data, resolved);
+var rememberResolvedData = (data, resolved) => resolvedVersions.set(data, resolvedVersions.get(resolved) ?? resolved);
 var isDirty = ({
   appState,
   history
-}, version2) => history.histories.length > 1 && !deepEqual2(appState.data, version2?.data);
+}, version2) => history.histories.length > 1 && !deepEqual2(
+  appState.data,
+  version2 && (resolvedVersions.get(version2.data) ?? version2.data)
+);
 var usePageEditorState = () => {
   const getPuck = useGetPuck();
   return useMemo21(() => {
@@ -8674,9 +8678,9 @@ var usePageEditorState = () => {
       const { config } = getPuck();
       const pageData = { root: {}, content: [], ...data };
       registerDynamicConfig(config, pageData);
-      const resolvedData = (data && resolvedVersions.get(data)) ?? await resolveAllData(pageData, config);
+      let resolvedData = (data && resolvedVersions.get(data)) ?? await resolveAllData(pageData, config);
+      if (isCurrent()) resolvedData = showData(resolvedData);
       if (data) rememberResolvedData(data, resolvedData);
-      if (isCurrent()) showData(resolvedData);
     };
     const showData = (data) => {
       const { appState, history, dispatch } = getPuck();
@@ -8687,6 +8691,17 @@ var usePageEditorState = () => {
       };
       history.setHistories([{ state: nextState }]);
       dispatch({ type: "set", state: nextState });
+      const shownData = getPuck().appState.data;
+      setTimeout(() => dropStaleHistory(nextState, shownData), 250);
+      return shownData;
+    };
+    const dropStaleHistory = (shown, shownData) => {
+      const { appState, history } = getPuck();
+      const [first, ...rest] = history.histories;
+      if (first?.state !== shown || !rest.length) return;
+      history.setHistories(
+        deepEqual2(appState.data, shownData) ? [{ state: appState }] : [first, { state: appState }]
+      );
     };
     const unloadPageData = () => {
       const { appState, history } = getPuck();

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@puckeditor/plugin-pages",
-  "version": "0.9.0-canary.53ee4e95",
+  "version": "0.9.0-canary.552a686b",
   "author": "Chris Villa <chris@puckeditor.com>",
   "repository": {
     "type": "git",
@@ -31,7 +31,7 @@
     "zustand": "^5.0.8"
   },
   "devDependencies": {
-    "@puckeditor/core": "0.24.0",
+    "@puckeditor/core": "0.24.1-canary.2978ed6a",
     "@radix-ui/react-popover": "^1.1.15",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
@@ -46,9 +46,9 @@
     "typescript": "^5.5.4",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^4.1.11",
-    "tsconfig": "0.9.0-canary.53ee4e95",
-    "tsup-config": "0.9.0-canary.53ee4e95",
-    "eslint-config-custom": "0.9.0-canary.53ee4e95"
+    "eslint-config-custom": "0.9.0-canary.552a686b",
+    "tsup-config": "0.9.0-canary.552a686b",
+    "tsconfig": "0.9.0-canary.552a686b"
   },
   "peerDependencies": {
     "@puckeditor/core": "^0",