@puckeditor/plugin-pages 0.8.0-canary.643b2b6d → 0.8.0-canary.672c7a1c

package/dist/index.css

@@ -281,11 +281,11 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
-._ActionModal_1g44k_1 {
+._ActionModal_r3pvy_1 {
   display: block;
   min-width: 356px;
 }
-._ActionModal-header_1g44k_6 {
+._ActionModal-header_r3pvy_6 {
   color: var(--puck-color-grey-02);
   display: flex;
   justify-content: center;
@@ -295,14 +295,11 @@ p {
   padding: 24px;
   padding-bottom: 16px;
 }
-._ActionModal-body_1g44k_17 {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
+._ActionModal-body_r3pvy_17 {
   padding: 24px;
   padding-top: 8px;
 }
-._ActionModal-footer_1g44k_25 {
+._ActionModal-footer_r3pvy_22 {
   border-top: 1px solid var(--puck-color-grey-09);
   background-color: var(--puck-color-grey-12);
   display: flex;
@@ -340,7 +337,7 @@ p {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
-._Button_16opg_1 {
+._Button_1tog0_1 {
   appearance: none;
   background: none;
   border: 1px solid transparent;
@@ -362,32 +359,28 @@ p {
   white-space: nowrap;
   margin: 0;
 }
-._Button_16opg_1:hover,
-._Button_16opg_1:active {
+._Button_1tog0_1:hover,
+._Button_1tog0_1:active {
   transition: none;
 }
-._Button_16opg_1:focus-visible {
+._Button_1tog0_1:focus-visible {
   outline: 2px solid var(--puck-color-azure-05);
   outline-offset: 2px;
 }
-._Button--small_16opg_34 {
-  font-size: 12px;
-  padding: 2px 8px;
-}
-._Button--medium_16opg_39 {
+._Button--medium_1tog0_34 {
   min-height: 34px;
   padding-bottom: 7px;
   padding-left: 15px;
   padding-right: 15px;
   padding-top: 7px;
 }
-._Button--large_16opg_47 {
+._Button--large_1tog0_42 {
   padding-bottom: 11px;
   padding-left: 19px;
   padding-right: 19px;
   padding-top: 11px;
 }
-._Button--brand_16opg_54 {
+._Button--brand_1tog0_49 {
   background-image:
     linear-gradient(
       210deg,
@@ -397,53 +390,53 @@ p {
   border: none;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--brand_16opg_54:hover {
+  ._Button--brand_1tog0_49:hover {
     opacity: 0.8;
   }
 }
-._Button--brand_16opg_54:active {
+._Button--brand_1tog0_49:active {
   opacity: 0.8;
 }
-._Button--primary_16opg_74 {
+._Button--primary_1tog0_69 {
   background: var(--puck-color-azure-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--primary_16opg_74:hover {
+  ._Button--primary_1tog0_69:hover {
     background-color: var(--puck-color-azure-03);
   }
 }
-._Button--primary_16opg_74:active {
+._Button--primary_1tog0_69:active {
   background-color: var(--puck-color-azure-02);
 }
-._Button--secondary_16opg_88 {
+._Button--secondary_1tog0_83 {
   border: 1px solid currentColor;
   color: currentColor;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--secondary_16opg_88:hover {
+  ._Button--secondary_1tog0_83:hover {
     background-color: var(--puck-color-azure-12);
     color: var(--puck-color-black);
   }
 }
-._Button--secondary_16opg_88:active {
+._Button--secondary_1tog0_83:active {
   background-color: var(--puck-color-azure-11);
   color: var(--puck-color-black);
 }
-._Button--danger_16opg_105 {
+._Button--danger_1tog0_100 {
   background: var(--puck-color-red-04);
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--danger_16opg_105:hover {
+  ._Button--danger_1tog0_100:hover {
     background-color: var(--puck-color-red-03);
   }
 }
-._Button--danger_16opg_105:active {
+._Button--danger_1tog0_100:active {
   background-color: var(--puck-color-red-02);
 }
-._Button--flush_16opg_119 {
+._Button--flush_1tog0_114 {
   border-radius: 0;
 }
-._Button--ghost_16opg_123 {
+._Button--ghost_1tog0_118 {
   align-items: center;
   background-color: transparent;
   border: none;
@@ -452,26 +445,26 @@ p {
   display: flex;
 }
 @media (hover: hover) and (pointer: fine) {
-  ._Button--ghost_16opg_123:hover {
+  ._Button--ghost_1tog0_118:hover {
     background-color: var(--puck-color-grey-11);
     color: var(--puck-color-azure-04);
     cursor: pointer;
   }
 }
-._Button--disabled_16opg_140,
-._Button--disabled_16opg_140:hover,
-._Button--secondary_16opg_88._Button--disabled_16opg_140,
-._Button--secondary_16opg_88._Button--disabled_16opg_140:hover {
+._Button--disabled_1tog0_135,
+._Button--disabled_1tog0_135:hover,
+._Button--secondary_1tog0_83._Button--disabled_1tog0_135,
+._Button--secondary_1tog0_83._Button--disabled_1tog0_135:hover {
   background-color: var(--puck-color-grey-12);
   border-color: var(--puck-color-grey-08);
   color: var(--puck-color-grey-07);
   cursor: not-allowed;
 }
-._Button--fullWidth_16opg_150 {
+._Button--fullWidth_1tog0_145 {
   justify-content: center;
   width: 100%;
 }
-._Button-spinner_16opg_155 {
+._Button-spinner_1tog0_150 {
   padding-left: 8px;
 }
 
@@ -1087,187 +1080,215 @@ button._Menu-item_1tu16_55:hover {
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
-._PlanGrid_1ar8g_1 {
+._PlanGrid--loading_97rn7_1 {
+  opacity: 0;
+}
+._PlanGrid-grid_97rn7_5 {
   color: var(--puck-color-grey-02);
+  display: grid;
+  gap: 16px;
   text-align: left;
-  position: relative;
-  z-index: 0;
+  @media (min-width: 768px) {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
 }
-._PlanGrid-billingNote_1ar8g_8,
-._PlanGrid-planKicker_1ar8g_9 {
-  font-size: var(--puck-font-size-xxxs);
-  letter-spacing: 0.12em;
+._PlanGrid-enterprise_97rn7_16 {
+  color: var(--puck-color-grey-04);
+  font-size: var(--puck-font-size-xxs);
+  margin-left: auto;
+  margin-right: auto;
+  padding-inline: 4px;
+  padding-top: 20px;
+  text-align: center;
 }
-._PlanGrid-billingNote_1ar8g_8 {
-  color: var(--puck-color-grey-05);
+._PlanGrid-enterprise_97rn7_16 a {
+  color: var(--puck-color-azure-04);
+  cursor: pointer;
+  font-weight: 500;
 }
-._PlanGrid-tableWrapper_1ar8g_18 {
+
+/* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
+._PlanCard_16zmu_1 {
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 16px;
-  overflow-x: auto;
-}
-._PlanGrid-table_1ar8g_18 {
-  border-collapse: separate;
-  border-spacing: 0;
-  max-width: 1440px;
-  min-width: 880px;
-  table-layout: fixed;
-  width: 100%;
-}
-._PlanGrid-caption_1ar8g_33 {
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
+  display: flex;
+  gap: 8px;
+  flex-direction: column;
+  min-width: 256px;
+  padding: 8px;
+  position: relative;
 }
-._PlanGrid-featureHeader_1ar8g_43,
-._PlanGrid-featureName_1ar8g_44,
-._PlanGrid-planHeader_1ar8g_45,
-._PlanGrid-featureValue_1ar8g_46 {
-  border-bottom: 1px solid var(--puck-color-grey-09);
-  border-right: 1px solid var(--puck-color-grey-09);
+._PlanCard--enterprise_16zmu_12 {
+  flex-direction: row;
+  grid-column: span 3;
 }
-._PlanGrid-featureHeader_1ar8g_43,
-._PlanGrid-featureName_1ar8g_44 {
-  background: var(--puck-color-white);
-  position: sticky;
-  left: 0;
-  width: 24%;
-  z-index: 2;
+._PlanCard-title_16zmu_17 {
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  font-size: var(--puck-font-size-xs);
+  font-weight: 700;
+  white-space: nowrap;
 }
-._PlanGrid-featureHeader_1ar8g_43 {
-  font-size: var(--puck-font-size-s);
-  padding: 28px 24px;
-  text-align: left;
-  vertical-align: top;
+._PlanCard-header_16zmu_26 {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 12px 16px;
+  width: 100%;
 }
-._PlanGrid-planHeader_1ar8g_45 {
-  background: var(--puck-color-white);
-  height: 336px;
+._PlanCard-features_16zmu_35 {
+  display: grid;
+  gap: 4px;
+  list-style: none;
+  margin: 0;
   padding: 0;
-  text-align: left;
-  vertical-align: top;
-  width: 25.333%;
 }
-._PlanGrid-planHeaderInner_1ar8g_76 {
-  box-sizing: border-box;
+._PlanCard-feature_16zmu_35 {
+  align-items: center;
   display: flex;
-  flex-direction: column;
-  height: 100%;
-  padding: 28px 24px 24px;
+  gap: 4px;
+  color: var(--puck-color-grey-05);
+  font-size: var(--puck-font-size-xxs);
 }
-._PlanGrid-planKicker_1ar8g_9 {
-  color: var(--puck-color-azure-04);
-  font-weight: 700;
-  min-height: 20px;
-  text-transform: uppercase;
+._PlanCard-featureIcon_16zmu_51 {
+  align-self: flex-start;
+  margin-top: 5px;
 }
-._PlanGrid-planTitle_1ar8g_91 {
-  font-size: var(--puck-font-size-l);
-  line-height: 1.2;
-  margin: 12px 0 0;
+._PlanCard-featureTitle_16zmu_56 {
+  color: var(--puck-color-grey-04);
+  font-weight: 600;
 }
-._PlanGrid-planDescription_1ar8g_97 {
+._PlanCard-priceValue_16zmu_61 {
+  font-size: var(--puck-font-size-m);
+}
+._PlanCard-priceInterval_16zmu_65 {
   color: var(--puck-color-grey-05);
-  font-size: var(--puck-font-size-xxs);
-  margin: 8px 0 0;
-  min-height: 44px;
-  font-weight: 400;
 }
-._PlanGrid-priceBlock_1ar8g_105 {
-  margin-top: auto;
-  padding: 20px 0 16px;
+._PlanCard-body_16zmu_69 {
+  background-color: var(--puck-color-grey-12);
+  border: 1px solid var(--puck-color-grey-11);
+  border-radius: 8px;
+  padding: 16px;
+  flex-grow: 1;
 }
-._PlanGrid-price_1ar8g_105 {
-  align-items: baseline;
+._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
   display: flex;
-  gap: 4px;
-  white-space: nowrap;
+  gap: 8px;
+  width: 100%;
 }
-._PlanGrid-standardPrice_1ar8g_117 {
-  color: var(--puck-color-grey-06);
-  font-size: var(--puck-font-size-xs);
-  font-weight: 500;
-  text-decoration: line-through;
+._PlanCard-section_16zmu_83 {
+  padding-bottom: 16px;
+  min-width: 192px;
 }
-._PlanGrid-priceValue_1ar8g_124 {
-  font-size: var(--puck-font-size-xl);
-  font-weight: 600;
-  letter-spacing: -0.02em;
+._PlanCard-section_16zmu_83:last-of-type {
+  padding-bottom: 0;
 }
-._PlanGrid-priceInterval_1ar8g_130 {
-  color: var(--puck-color-grey-05);
-  font-size: var(--puck-font-size-xxs);
-  font-weight: 400;
+._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
+  border-top: 1px solid var(--puck-color-grey-09);
+  padding-top: 16px;
 }
-._PlanGrid-priceNote_1ar8g_136 {
-  color: var(--puck-color-azure-04);
-  font-size: var(--puck-font-size-xxxs);
-  font-weight: 600;
-  margin-top: 2px;
+._PlanCard--enterprise_16zmu_12 {
+  ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
+    border-left: 1px solid var(--puck-color-grey-09);
+    border-top: none;
+    padding-left: 16px;
+    padding-top: 0;
+  }
 }
-._PlanGrid-action_1ar8g_143 {
-  width: 100%;
+._PlanCard-sectionTitle_16zmu_106 {
+  font-size: var(--puck-font-size-xs);
+  font-weight: 500;
+  margin-bottom: 8px;
 }
-._PlanGrid-featureName_1ar8g_44,
-._PlanGrid-featureValue_1ar8g_46 {
+._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
+  border-top: 1px solid var(--puck-color-grey-09);
+  margin-top: 16px;
+  padding-top: 16px;
+}
+._PlanCard-sectionBody_16zmu_112 {
+  color: var(--puck-color-grey-03);
   font-size: var(--puck-font-size-xxs);
-  min-height: 68px;
-  padding: 20px 24px;
+  display: grid;
+  gap: 2px;
 }
-._PlanGrid-featureName_1ar8g_44 {
-  font-weight: 600;
-  text-align: left;
+._PlanCard-usageItem_16zmu_125 {
+  display: flex;
+  gap: 8px;
+  font-size: var(--puck-font-size-xxs);
 }
-._PlanGrid-featureValue_1ar8g_46 {
-  background: var(--puck-color-white);
+._PlanCard-usageLabel_16zmu_131 {
   color: var(--puck-color-grey-04);
+  font-weight: 500;
 }
-._PlanGrid-featureValue_1ar8g_46 a {
-  color: var(--puck-color-azure-04);
+._PlanCard-usageValue_16zmu_136 {
+  color: var(--puck-color-grey-05);
+  font-family: var(--puck-font-family-monospaced);
+  margin-left: auto;
 }
-._PlanGrid-included_1ar8g_168 {
-  align-items: center;
-  color: var(--puck-color-grey-03);
-  display: inline-flex;
-  gap: 8px;
+._PlanCard-action_16zmu_142 {
+  align-items: flex-end;
+  display: flex;
+  justify-content: flex-end;
+  width: 100%;
 }
-._PlanGrid-included_1ar8g_168 svg {
-  color: var(--puck-color-azure-04);
+._PlanCard-description_16zmu_149 {
+  color: var(--puck-color-grey-03);
+  margin-top: 8px;
 }
-._PlanGrid-unavailable_1ar8g_179 {
-  color: var(--puck-color-grey-07);
+._PlanCard--highlight_16zmu_154 {
+  border: transparent;
 }
-._PlanGrid-highlightCell_1ar8g_183 {
-  background: var(--puck-color-azure-12);
+._PlanCard--highlight_16zmu_154::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 1px;
+  border-radius: inherit;
+  background-image:
+    linear-gradient(
+      210deg,
+      var(--puck-color-azure-01) 0%,
+      var(--puck-color-azure-03) 40%,
+      var(--puck-color-red-05) 100%);
+  background-size: cover;
+  background-position: center;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  pointer-events: none;
 }
-._PlanGrid-planHeader_1ar8g_45._PlanGrid-highlightCell_1ar8g_183 {
-  box-shadow: inset 0 3px 0 var(--puck-color-azure-04);
+._PlanCard-highlightText_16zmu_184 {
+  @supports (background-clip: text) or (-webkit-background-clip: text) {
+    color: transparent;
+    background-clip: text;
+    -webkit-background-clip: text;
+    background-image:
+      linear-gradient(
+        210deg,
+        var(--puck-color-azure-01) 0%,
+        var(--puck-color-azure-03) 40%,
+        var(--puck-color-red-05) 100%);
+    background-size: cover;
+    background-position: center;
+  }
 }
-._PlanGrid-planHeader_1ar8g_45:last-child,
-._PlanGrid-featureValue_1ar8g_46:last-child {
-  border-right: 0;
+._PlanCard--fullWidth_16zmu_200 {
+  flex-direction: row;
+  grid-column: 1 / -1;
 }
-._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureName_1ar8g_44,
-._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureValue_1ar8g_46 {
-  border-bottom: 0;
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
+  max-width: 312px;
 }
-._PlanGrid-enterprise_1ar8g_201 {
-  color: var(--puck-color-grey-04);
-  font-size: var(--puck-font-size-xxs);
-  margin-left: auto;
-  margin-right: auto;
-  padding-inline: 4px;
-  padding-top: 20px;
-  text-align: center;
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
+  max-width: 256px;
 }
-._PlanGrid-enterprise_1ar8g_201 a {
-  color: var(--puck-color-azure-04);
-  cursor: pointer;
-  font-weight: 500;
+._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
+  display: grid;
+  grid-template-rows: 1fr 1fr 1fr 1fr;
+  grid-auto-flow: column;
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */