@puckeditor/plugin-pages 0.8.0-canary.7b88acfb → 0.8.0-canary.844eb87d

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
  1. package/dist/index.css +53 -76
  2. package/dist/index.js +6532 -1177
  3. package/dist/index.mjs +6624 -1269
  4. package/package.json +20 -20
package/dist/index.css CHANGED
@@ -1080,22 +1080,19 @@ button._Menu-item_1tu16_55:hover {
1080
1080
  }
1081
1081
 
1082
1082
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
1083
- ._PlanGrid--loading_1v43l_1 {
1083
+ ._PlanGrid--loading_97rn7_1 {
1084
1084
  opacity: 0;
1085
1085
  }
1086
- ._PlanGrid-grid_1v43l_5 {
1086
+ ._PlanGrid-grid_97rn7_5 {
1087
1087
  color: var(--puck-color-grey-02);
1088
1088
  display: grid;
1089
- gap: 32px;
1089
+ gap: 16px;
1090
1090
  text-align: left;
1091
- padding-inline: 32px;
1092
- padding-block: 20px;
1093
1091
  @media (min-width: 768px) {
1094
1092
  grid-template-columns: 1fr 1fr 1fr;
1095
- margin: 8px;
1096
1093
  }
1097
1094
  }
1098
- ._PlanGrid-enterprise_1v43l_21 {
1095
+ ._PlanGrid-enterprise_97rn7_16 {
1099
1096
  color: var(--puck-color-grey-04);
1100
1097
  font-size: var(--puck-font-size-xxs);
1101
1098
  margin-left: auto;
@@ -1104,14 +1101,14 @@ button._Menu-item_1tu16_55:hover {
1104
1101
  padding-top: 20px;
1105
1102
  text-align: center;
1106
1103
  }
1107
- ._PlanGrid-enterprise_1v43l_21 a {
1104
+ ._PlanGrid-enterprise_97rn7_16 a {
1108
1105
  color: var(--puck-color-azure-04);
1109
1106
  cursor: pointer;
1110
1107
  font-weight: 500;
1111
1108
  }
1112
1109
 
1113
1110
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
1114
- ._PlanCard_11294_1 {
1111
+ ._PlanCard_16zmu_1 {
1115
1112
  border: 1px solid var(--puck-color-grey-09);
1116
1113
  border-radius: 16px;
1117
1114
  display: flex;
@@ -1121,11 +1118,11 @@ button._Menu-item_1tu16_55:hover {
1121
1118
  padding: 8px;
1122
1119
  position: relative;
1123
1120
  }
1124
- ._PlanCard--enterprise_11294_12 {
1121
+ ._PlanCard--enterprise_16zmu_12 {
1125
1122
  flex-direction: row;
1126
1123
  grid-column: span 3;
1127
1124
  }
1128
- ._PlanCard-title_11294_17 {
1125
+ ._PlanCard-title_16zmu_17 {
1129
1126
  display: flex;
1130
1127
  gap: 8px;
1131
1128
  justify-content: space-between;
@@ -1133,157 +1130,137 @@ button._Menu-item_1tu16_55:hover {
1133
1130
  font-weight: 700;
1134
1131
  white-space: nowrap;
1135
1132
  }
1136
- ._PlanCard-header_11294_26 {
1133
+ ._PlanCard-header_16zmu_26 {
1137
1134
  box-sizing: border-box;
1138
1135
  display: flex;
1139
1136
  flex-direction: column;
1140
1137
  gap: 4px;
1141
1138
  padding: 12px 16px;
1142
1139
  width: 100%;
1143
- min-height: 80px;
1144
1140
  }
1145
- ._PlanCard-features_11294_36 {
1141
+ ._PlanCard-features_16zmu_35 {
1146
1142
  display: grid;
1147
1143
  gap: 4px;
1148
1144
  list-style: none;
1149
1145
  margin: 0;
1150
1146
  padding: 0;
1151
1147
  }
1152
- ._PlanCard-feature_11294_36 {
1148
+ ._PlanCard-feature_16zmu_35 {
1153
1149
  align-items: center;
1154
1150
  display: flex;
1155
1151
  gap: 4px;
1156
1152
  color: var(--puck-color-grey-05);
1157
1153
  font-size: var(--puck-font-size-xxs);
1158
1154
  }
1159
- ._PlanCard-featureIcon_11294_52 {
1155
+ ._PlanCard-featureIcon_16zmu_51 {
1160
1156
  align-self: flex-start;
1161
1157
  margin-top: 5px;
1162
1158
  }
1163
- ._PlanCard-featureTitle_11294_57 {
1159
+ ._PlanCard-featureTitle_16zmu_56 {
1164
1160
  color: var(--puck-color-grey-04);
1165
1161
  font-weight: 600;
1166
1162
  }
1167
- ._PlanCard-priceValue_11294_62 {
1163
+ ._PlanCard-priceValue_16zmu_61 {
1168
1164
  font-size: var(--puck-font-size-m);
1169
1165
  }
1170
- ._PlanCard-priceInterval_11294_66 {
1166
+ ._PlanCard-priceInterval_16zmu_65 {
1171
1167
  color: var(--puck-color-grey-05);
1172
1168
  }
1173
- ._PlanCard-body_11294_70 {
1169
+ ._PlanCard-body_16zmu_69 {
1174
1170
  background-color: var(--puck-color-grey-12);
1175
1171
  border: 1px solid var(--puck-color-grey-11);
1176
1172
  border-radius: 8px;
1177
1173
  padding: 16px;
1178
1174
  flex-grow: 1;
1179
1175
  }
1180
- ._PlanCard--enterprise_11294_12 ._PlanCard-body_11294_70 {
1176
+ ._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
1181
1177
  display: flex;
1182
1178
  gap: 8px;
1183
1179
  width: 100%;
1184
1180
  }
1185
- ._PlanCard-section_11294_84 {
1181
+ ._PlanCard-section_16zmu_83 {
1186
1182
  padding-bottom: 16px;
1187
1183
  min-width: 192px;
1188
1184
  }
1189
- ._PlanCard-section_11294_84:last-of-type {
1185
+ ._PlanCard-section_16zmu_83:last-of-type {
1190
1186
  padding-bottom: 0;
1191
1187
  }
1192
- ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1188
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
1193
1189
  border-top: 1px solid var(--puck-color-grey-09);
1194
1190
  padding-top: 16px;
1195
1191
  }
1196
- ._PlanCard--enterprise_11294_12 {
1197
- ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1192
+ ._PlanCard--enterprise_16zmu_12 {
1193
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
1198
1194
  border-left: 1px solid var(--puck-color-grey-09);
1199
1195
  border-top: none;
1200
1196
  padding-left: 16px;
1201
1197
  padding-top: 0;
1202
1198
  }
1203
1199
  }
1204
- ._PlanCard-sectionTitle_11294_107 {
1200
+ ._PlanCard-sectionTitle_16zmu_106 {
1205
1201
  font-size: var(--puck-font-size-xs);
1206
1202
  font-weight: 500;
1207
1203
  margin-bottom: 8px;
1208
1204
  }
1209
- ._PlanCard-sectionBody_11294_113 + ._PlanCard-sectionTitle_11294_107 {
1205
+ ._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
1210
1206
  border-top: 1px solid var(--puck-color-grey-09);
1211
1207
  margin-top: 16px;
1212
1208
  padding-top: 16px;
1213
1209
  }
1214
- ._PlanCard-sectionBody_11294_113 {
1210
+ ._PlanCard-sectionBody_16zmu_112 {
1215
1211
  color: var(--puck-color-grey-03);
1216
1212
  font-size: var(--puck-font-size-xxs);
1217
1213
  display: grid;
1218
1214
  gap: 2px;
1219
1215
  }
1220
- ._PlanCard-usageItem_11294_126 {
1216
+ ._PlanCard-usageItem_16zmu_125 {
1221
1217
  display: flex;
1222
1218
  gap: 8px;
1223
1219
  font-size: var(--puck-font-size-xxs);
1224
1220
  }
1225
- ._PlanCard-usageLabel_11294_132 {
1221
+ ._PlanCard-usageLabel_16zmu_131 {
1226
1222
  color: var(--puck-color-grey-04);
1227
1223
  font-weight: 500;
1228
1224
  }
1229
- ._PlanCard-usageValue_11294_137 {
1225
+ ._PlanCard-usageValue_16zmu_136 {
1230
1226
  color: var(--puck-color-grey-05);
1231
1227
  font-family: var(--puck-font-family-monospaced);
1232
1228
  margin-left: auto;
1233
1229
  }
1234
- ._PlanCard-action_11294_143 {
1230
+ ._PlanCard-action_16zmu_142 {
1235
1231
  align-items: flex-end;
1236
1232
  display: flex;
1237
1233
  justify-content: flex-end;
1238
1234
  width: 100%;
1239
1235
  }
1240
- ._PlanCard-description_11294_150 {
1241
- color: var(--puck-color-grey-04);
1236
+ ._PlanCard-description_16zmu_149 {
1237
+ color: var(--puck-color-grey-03);
1242
1238
  margin-top: 8px;
1243
- font-size: var(--puck-font-size-xxs);
1244
1239
  }
1245
- ._PlanCard_11294_1 {
1246
- position: relative;
1247
- z-index: 0;
1240
+ ._PlanCard--highlight_16zmu_154 {
1241
+ border: transparent;
1248
1242
  }
1249
- @property --shadow-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
1250
- ._PlanCard_11294_1::before {
1243
+ ._PlanCard--highlight_16zmu_154::before {
1251
1244
  content: "";
1252
1245
  position: absolute;
1253
1246
  inset: 0;
1254
- z-index: -1;
1247
+ padding: 1px;
1255
1248
  border-radius: inherit;
1256
- background: #fff;
1257
- }
1258
- ._PlanCard--highlight_11294_176::after {
1259
- content: "";
1260
- position: absolute;
1261
- inset: -18px;
1262
- z-index: -2;
1263
- border: 16px solid transparent;
1264
- border-radius: 34px;
1265
- opacity: 0.6;
1266
- background:
1267
- conic-gradient(
1268
- from var(--shadow-angle),
1269
- var(--puck-color-azure-07),
1270
- transparent,
1271
- var(--puck-color-rose-06),
1272
- var(--puck-color-azure-05),
1273
- transparent,
1274
- var(--puck-color-azure-07));
1275
- background-clip: padding-box;
1276
- filter: blur(12px);
1277
- }
1278
- ._PlanCard--highlight_11294_176::after {
1279
- animation: _spin_11294_1 8s linear infinite;
1280
- }
1281
- @keyframes _spin_11294_1 {
1282
- to {
1283
- --shadow-angle: 360deg;
1284
- }
1249
+ background-image:
1250
+ linear-gradient(
1251
+ 210deg,
1252
+ var(--puck-color-azure-01) 0%,
1253
+ var(--puck-color-azure-03) 40%,
1254
+ var(--puck-color-red-05) 100%);
1255
+ background-size: cover;
1256
+ background-position: center;
1257
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
1258
+ -webkit-mask-composite: xor;
1259
+ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
1260
+ mask-composite: exclude;
1261
+ pointer-events: none;
1285
1262
  }
1286
- ._PlanCard-highlightText_11294_209 {
1263
+ ._PlanCard-highlightText_16zmu_184 {
1287
1264
  @supports (background-clip: text) or (-webkit-background-clip: text) {
1288
1265
  color: transparent;
1289
1266
  background-clip: text;
@@ -1298,17 +1275,17 @@ button._Menu-item_1tu16_55:hover {
1298
1275
  background-position: center;
1299
1276
  }
1300
1277
  }
1301
- ._PlanCard--fullWidth_11294_225 {
1278
+ ._PlanCard--fullWidth_16zmu_200 {
1302
1279
  flex-direction: row;
1303
1280
  grid-column: 1 / -1;
1304
1281
  }
1305
- ._PlanCard--fullWidth_11294_225 ._PlanCard-header_11294_26 {
1282
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
1306
1283
  max-width: 312px;
1307
1284
  }
1308
- ._PlanCard--fullWidth_11294_225 ._PlanCard-action_11294_143 {
1285
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
1309
1286
  max-width: 256px;
1310
1287
  }
1311
- ._PlanCard--fullWidth_11294_225 ._PlanCard-sectionBody_11294_113 {
1288
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
1312
1289
  display: grid;
1313
1290
  grid-template-rows: 1fr 1fr 1fr 1fr;
1314
1291
  grid-auto-flow: column;