@puckeditor/plugin-pages 0.8.0-canary.76327c84 → 0.8.0-canary.7b88acfb

package/dist/index.css

@@ -1080,19 +1080,22 @@ 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--loading_97rn7_1 {
+._PlanGrid--loading_1v43l_1 {
   opacity: 0;
 }
-._PlanGrid-grid_97rn7_5 {
+._PlanGrid-grid_1v43l_5 {
   color: var(--puck-color-grey-02);
   display: grid;
-  gap: 16px;
+  gap: 32px;
   text-align: left;
+  padding-inline: 32px;
+  padding-block: 20px;
   @media (min-width: 768px) {
     grid-template-columns: 1fr 1fr 1fr;
+    margin: 8px;
   }
 }
-._PlanGrid-enterprise_97rn7_16 {
+._PlanGrid-enterprise_1v43l_21 {
   color: var(--puck-color-grey-04);
   font-size: var(--puck-font-size-xxs);
   margin-left: auto;
@@ -1101,14 +1104,14 @@ button._Menu-item_1tu16_55:hover {
   padding-top: 20px;
   text-align: center;
 }
-._PlanGrid-enterprise_97rn7_16 a {
+._PlanGrid-enterprise_1v43l_21 a {
   color: var(--puck-color-azure-04);
   cursor: pointer;
   font-weight: 500;
 }
 
 /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
-._PlanCard_16zmu_1 {
+._PlanCard_11294_1 {
   border: 1px solid var(--puck-color-grey-09);
   border-radius: 16px;
   display: flex;
@@ -1118,11 +1121,11 @@ button._Menu-item_1tu16_55:hover {
   padding: 8px;
   position: relative;
 }
-._PlanCard--enterprise_16zmu_12 {
+._PlanCard--enterprise_11294_12 {
   flex-direction: row;
   grid-column: span 3;
 }
-._PlanCard-title_16zmu_17 {
+._PlanCard-title_11294_17 {
   display: flex;
   gap: 8px;
   justify-content: space-between;
@@ -1130,137 +1133,157 @@ button._Menu-item_1tu16_55:hover {
   font-weight: 700;
   white-space: nowrap;
 }
-._PlanCard-header_16zmu_26 {
+._PlanCard-header_11294_26 {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding: 12px 16px;
   width: 100%;
+  min-height: 80px;
 }
-._PlanCard-features_16zmu_35 {
+._PlanCard-features_11294_36 {
   display: grid;
   gap: 4px;
   list-style: none;
   margin: 0;
   padding: 0;
 }
-._PlanCard-feature_16zmu_35 {
+._PlanCard-feature_11294_36 {
   align-items: center;
   display: flex;
   gap: 4px;
   color: var(--puck-color-grey-05);
   font-size: var(--puck-font-size-xxs);
 }
-._PlanCard-featureIcon_16zmu_51 {
+._PlanCard-featureIcon_11294_52 {
   align-self: flex-start;
   margin-top: 5px;
 }
-._PlanCard-featureTitle_16zmu_56 {
+._PlanCard-featureTitle_11294_57 {
   color: var(--puck-color-grey-04);
   font-weight: 600;
 }
-._PlanCard-priceValue_16zmu_61 {
+._PlanCard-priceValue_11294_62 {
   font-size: var(--puck-font-size-m);
 }
-._PlanCard-priceInterval_16zmu_65 {
+._PlanCard-priceInterval_11294_66 {
   color: var(--puck-color-grey-05);
 }
-._PlanCard-body_16zmu_69 {
+._PlanCard-body_11294_70 {
   background-color: var(--puck-color-grey-12);
   border: 1px solid var(--puck-color-grey-11);
   border-radius: 8px;
   padding: 16px;
   flex-grow: 1;
 }
-._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
+._PlanCard--enterprise_11294_12 ._PlanCard-body_11294_70 {
   display: flex;
   gap: 8px;
   width: 100%;
 }
-._PlanCard-section_16zmu_83 {
+._PlanCard-section_11294_84 {
   padding-bottom: 16px;
   min-width: 192px;
 }
-._PlanCard-section_16zmu_83:last-of-type {
+._PlanCard-section_11294_84:last-of-type {
   padding-bottom: 0;
 }
-._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
+._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
   border-top: 1px solid var(--puck-color-grey-09);
   padding-top: 16px;
 }
-._PlanCard--enterprise_16zmu_12 {
-  ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
+._PlanCard--enterprise_11294_12 {
+  ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
     border-left: 1px solid var(--puck-color-grey-09);
     border-top: none;
     padding-left: 16px;
     padding-top: 0;
   }
 }
-._PlanCard-sectionTitle_16zmu_106 {
+._PlanCard-sectionTitle_11294_107 {
   font-size: var(--puck-font-size-xs);
   font-weight: 500;
   margin-bottom: 8px;
 }
-._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
+._PlanCard-sectionBody_11294_113 + ._PlanCard-sectionTitle_11294_107 {
   border-top: 1px solid var(--puck-color-grey-09);
   margin-top: 16px;
   padding-top: 16px;
 }
-._PlanCard-sectionBody_16zmu_112 {
+._PlanCard-sectionBody_11294_113 {
   color: var(--puck-color-grey-03);
   font-size: var(--puck-font-size-xxs);
   display: grid;
   gap: 2px;
 }
-._PlanCard-usageItem_16zmu_125 {
+._PlanCard-usageItem_11294_126 {
   display: flex;
   gap: 8px;
   font-size: var(--puck-font-size-xxs);
 }
-._PlanCard-usageLabel_16zmu_131 {
+._PlanCard-usageLabel_11294_132 {
   color: var(--puck-color-grey-04);
   font-weight: 500;
 }
-._PlanCard-usageValue_16zmu_136 {
+._PlanCard-usageValue_11294_137 {
   color: var(--puck-color-grey-05);
   font-family: var(--puck-font-family-monospaced);
   margin-left: auto;
 }
-._PlanCard-action_16zmu_142 {
+._PlanCard-action_11294_143 {
   align-items: flex-end;
   display: flex;
   justify-content: flex-end;
   width: 100%;
 }
-._PlanCard-description_16zmu_149 {
-  color: var(--puck-color-grey-03);
+._PlanCard-description_11294_150 {
+  color: var(--puck-color-grey-04);
   margin-top: 8px;
+  font-size: var(--puck-font-size-xxs);
 }
-._PlanCard--highlight_16zmu_154 {
-  border: transparent;
+._PlanCard_11294_1 {
+  position: relative;
+  z-index: 0;
 }
-._PlanCard--highlight_16zmu_154::before {
+@property --shadow-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
+._PlanCard_11294_1::before {
   content: "";
   position: absolute;
   inset: 0;
-  padding: 1px;
+  z-index: -1;
   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;
+  background: #fff;
+}
+._PlanCard--highlight_11294_176::after {
+  content: "";
+  position: absolute;
+  inset: -18px;
+  z-index: -2;
+  border: 16px solid transparent;
+  border-radius: 34px;
+  opacity: 0.6;
+  background:
+    conic-gradient(
+      from var(--shadow-angle),
+      var(--puck-color-azure-07),
+      transparent,
+      var(--puck-color-rose-06),
+      var(--puck-color-azure-05),
+      transparent,
+      var(--puck-color-azure-07));
+  background-clip: padding-box;
+  filter: blur(12px);
+}
+._PlanCard--highlight_11294_176::after {
+  animation: _spin_11294_1 8s linear infinite;
+}
+@keyframes _spin_11294_1 {
+  to {
+    --shadow-angle: 360deg;
+  }
 }
-._PlanCard-highlightText_16zmu_184 {
+._PlanCard-highlightText_11294_209 {
   @supports (background-clip: text) or (-webkit-background-clip: text) {
     color: transparent;
     background-clip: text;
@@ -1275,17 +1298,17 @@ button._Menu-item_1tu16_55:hover {
     background-position: center;
   }
 }
-._PlanCard--fullWidth_16zmu_200 {
+._PlanCard--fullWidth_11294_225 {
   flex-direction: row;
   grid-column: 1 / -1;
 }
-._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
+._PlanCard--fullWidth_11294_225 ._PlanCard-header_11294_26 {
   max-width: 312px;
 }
-._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
+._PlanCard--fullWidth_11294_225 ._PlanCard-action_11294_143 {
   max-width: 256px;
 }
-._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
+._PlanCard--fullWidth_11294_225 ._PlanCard-sectionBody_11294_113 {
   display: grid;
   grid-template-rows: 1fr 1fr 1fr 1fr;
   grid-auto-flow: column;