@puckeditor/plugin-pages 0.8.0-canary.d8ff4908 → 0.8.0-canary.dc11b4e2

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 +80 -107
  2. package/dist/index.js +6536 -1190
  3. package/dist/index.mjs +6628 -1282
  4. package/package.json +19 -19
package/dist/index.css CHANGED
@@ -337,7 +337,7 @@ p {
337
337
  }
338
338
 
339
339
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
340
- ._Button_16opg_1 {
340
+ ._Button_1tog0_1 {
341
341
  appearance: none;
342
342
  background: none;
343
343
  border: 1px solid transparent;
@@ -359,32 +359,28 @@ p {
359
359
  white-space: nowrap;
360
360
  margin: 0;
361
361
  }
362
- ._Button_16opg_1:hover,
363
- ._Button_16opg_1:active {
362
+ ._Button_1tog0_1:hover,
363
+ ._Button_1tog0_1:active {
364
364
  transition: none;
365
365
  }
366
- ._Button_16opg_1:focus-visible {
366
+ ._Button_1tog0_1:focus-visible {
367
367
  outline: 2px solid var(--puck-color-azure-05);
368
368
  outline-offset: 2px;
369
369
  }
370
- ._Button--small_16opg_34 {
371
- font-size: 12px;
372
- padding: 2px 8px;
373
- }
374
- ._Button--medium_16opg_39 {
370
+ ._Button--medium_1tog0_34 {
375
371
  min-height: 34px;
376
372
  padding-bottom: 7px;
377
373
  padding-left: 15px;
378
374
  padding-right: 15px;
379
375
  padding-top: 7px;
380
376
  }
381
- ._Button--large_16opg_47 {
377
+ ._Button--large_1tog0_42 {
382
378
  padding-bottom: 11px;
383
379
  padding-left: 19px;
384
380
  padding-right: 19px;
385
381
  padding-top: 11px;
386
382
  }
387
- ._Button--brand_16opg_54 {
383
+ ._Button--brand_1tog0_49 {
388
384
  background-image:
389
385
  linear-gradient(
390
386
  210deg,
@@ -394,53 +390,53 @@ p {
394
390
  border: none;
395
391
  }
396
392
  @media (hover: hover) and (pointer: fine) {
397
- ._Button--brand_16opg_54:hover {
393
+ ._Button--brand_1tog0_49:hover {
398
394
  opacity: 0.8;
399
395
  }
400
396
  }
401
- ._Button--brand_16opg_54:active {
397
+ ._Button--brand_1tog0_49:active {
402
398
  opacity: 0.8;
403
399
  }
404
- ._Button--primary_16opg_74 {
400
+ ._Button--primary_1tog0_69 {
405
401
  background: var(--puck-color-azure-04);
406
402
  }
407
403
  @media (hover: hover) and (pointer: fine) {
408
- ._Button--primary_16opg_74:hover {
404
+ ._Button--primary_1tog0_69:hover {
409
405
  background-color: var(--puck-color-azure-03);
410
406
  }
411
407
  }
412
- ._Button--primary_16opg_74:active {
408
+ ._Button--primary_1tog0_69:active {
413
409
  background-color: var(--puck-color-azure-02);
414
410
  }
415
- ._Button--secondary_16opg_88 {
411
+ ._Button--secondary_1tog0_83 {
416
412
  border: 1px solid currentColor;
417
413
  color: currentColor;
418
414
  }
419
415
  @media (hover: hover) and (pointer: fine) {
420
- ._Button--secondary_16opg_88:hover {
416
+ ._Button--secondary_1tog0_83:hover {
421
417
  background-color: var(--puck-color-azure-12);
422
418
  color: var(--puck-color-black);
423
419
  }
424
420
  }
425
- ._Button--secondary_16opg_88:active {
421
+ ._Button--secondary_1tog0_83:active {
426
422
  background-color: var(--puck-color-azure-11);
427
423
  color: var(--puck-color-black);
428
424
  }
429
- ._Button--danger_16opg_105 {
425
+ ._Button--danger_1tog0_100 {
430
426
  background: var(--puck-color-red-04);
431
427
  }
432
428
  @media (hover: hover) and (pointer: fine) {
433
- ._Button--danger_16opg_105:hover {
429
+ ._Button--danger_1tog0_100:hover {
434
430
  background-color: var(--puck-color-red-03);
435
431
  }
436
432
  }
437
- ._Button--danger_16opg_105:active {
433
+ ._Button--danger_1tog0_100:active {
438
434
  background-color: var(--puck-color-red-02);
439
435
  }
440
- ._Button--flush_16opg_119 {
436
+ ._Button--flush_1tog0_114 {
441
437
  border-radius: 0;
442
438
  }
443
- ._Button--ghost_16opg_123 {
439
+ ._Button--ghost_1tog0_118 {
444
440
  align-items: center;
445
441
  background-color: transparent;
446
442
  border: none;
@@ -449,26 +445,26 @@ p {
449
445
  display: flex;
450
446
  }
451
447
  @media (hover: hover) and (pointer: fine) {
452
- ._Button--ghost_16opg_123:hover {
448
+ ._Button--ghost_1tog0_118:hover {
453
449
  background-color: var(--puck-color-grey-11);
454
450
  color: var(--puck-color-azure-04);
455
451
  cursor: pointer;
456
452
  }
457
453
  }
458
- ._Button--disabled_16opg_140,
459
- ._Button--disabled_16opg_140:hover,
460
- ._Button--secondary_16opg_88._Button--disabled_16opg_140,
461
- ._Button--secondary_16opg_88._Button--disabled_16opg_140:hover {
454
+ ._Button--disabled_1tog0_135,
455
+ ._Button--disabled_1tog0_135:hover,
456
+ ._Button--secondary_1tog0_83._Button--disabled_1tog0_135,
457
+ ._Button--secondary_1tog0_83._Button--disabled_1tog0_135:hover {
462
458
  background-color: var(--puck-color-grey-12);
463
459
  border-color: var(--puck-color-grey-08);
464
460
  color: var(--puck-color-grey-07);
465
461
  cursor: not-allowed;
466
462
  }
467
- ._Button--fullWidth_16opg_150 {
463
+ ._Button--fullWidth_1tog0_145 {
468
464
  justify-content: center;
469
465
  width: 100%;
470
466
  }
471
- ._Button-spinner_16opg_155 {
467
+ ._Button-spinner_1tog0_150 {
472
468
  padding-left: 8px;
473
469
  }
474
470
 
@@ -1084,22 +1080,19 @@ button._Menu-item_1tu16_55:hover {
1084
1080
  }
1085
1081
 
1086
1082
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
1087
- ._PlanGrid--loading_1v43l_1 {
1083
+ ._PlanGrid--loading_97rn7_1 {
1088
1084
  opacity: 0;
1089
1085
  }
1090
- ._PlanGrid-grid_1v43l_5 {
1086
+ ._PlanGrid-grid_97rn7_5 {
1091
1087
  color: var(--puck-color-grey-02);
1092
1088
  display: grid;
1093
- gap: 32px;
1089
+ gap: 16px;
1094
1090
  text-align: left;
1095
- padding-inline: 32px;
1096
- padding-block: 20px;
1097
1091
  @media (min-width: 768px) {
1098
1092
  grid-template-columns: 1fr 1fr 1fr;
1099
- margin: 8px;
1100
1093
  }
1101
1094
  }
1102
- ._PlanGrid-enterprise_1v43l_21 {
1095
+ ._PlanGrid-enterprise_97rn7_16 {
1103
1096
  color: var(--puck-color-grey-04);
1104
1097
  font-size: var(--puck-font-size-xxs);
1105
1098
  margin-left: auto;
@@ -1108,14 +1101,14 @@ button._Menu-item_1tu16_55:hover {
1108
1101
  padding-top: 20px;
1109
1102
  text-align: center;
1110
1103
  }
1111
- ._PlanGrid-enterprise_1v43l_21 a {
1104
+ ._PlanGrid-enterprise_97rn7_16 a {
1112
1105
  color: var(--puck-color-azure-04);
1113
1106
  cursor: pointer;
1114
1107
  font-weight: 500;
1115
1108
  }
1116
1109
 
1117
1110
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
1118
- ._PlanCard_11294_1 {
1111
+ ._PlanCard_16zmu_1 {
1119
1112
  border: 1px solid var(--puck-color-grey-09);
1120
1113
  border-radius: 16px;
1121
1114
  display: flex;
@@ -1125,11 +1118,11 @@ button._Menu-item_1tu16_55:hover {
1125
1118
  padding: 8px;
1126
1119
  position: relative;
1127
1120
  }
1128
- ._PlanCard--enterprise_11294_12 {
1121
+ ._PlanCard--enterprise_16zmu_12 {
1129
1122
  flex-direction: row;
1130
1123
  grid-column: span 3;
1131
1124
  }
1132
- ._PlanCard-title_11294_17 {
1125
+ ._PlanCard-title_16zmu_17 {
1133
1126
  display: flex;
1134
1127
  gap: 8px;
1135
1128
  justify-content: space-between;
@@ -1137,157 +1130,137 @@ button._Menu-item_1tu16_55:hover {
1137
1130
  font-weight: 700;
1138
1131
  white-space: nowrap;
1139
1132
  }
1140
- ._PlanCard-header_11294_26 {
1133
+ ._PlanCard-header_16zmu_26 {
1141
1134
  box-sizing: border-box;
1142
1135
  display: flex;
1143
1136
  flex-direction: column;
1144
1137
  gap: 4px;
1145
1138
  padding: 12px 16px;
1146
1139
  width: 100%;
1147
- min-height: 80px;
1148
1140
  }
1149
- ._PlanCard-features_11294_36 {
1141
+ ._PlanCard-features_16zmu_35 {
1150
1142
  display: grid;
1151
1143
  gap: 4px;
1152
1144
  list-style: none;
1153
1145
  margin: 0;
1154
1146
  padding: 0;
1155
1147
  }
1156
- ._PlanCard-feature_11294_36 {
1148
+ ._PlanCard-feature_16zmu_35 {
1157
1149
  align-items: center;
1158
1150
  display: flex;
1159
1151
  gap: 4px;
1160
1152
  color: var(--puck-color-grey-05);
1161
1153
  font-size: var(--puck-font-size-xxs);
1162
1154
  }
1163
- ._PlanCard-featureIcon_11294_52 {
1155
+ ._PlanCard-featureIcon_16zmu_51 {
1164
1156
  align-self: flex-start;
1165
1157
  margin-top: 5px;
1166
1158
  }
1167
- ._PlanCard-featureTitle_11294_57 {
1159
+ ._PlanCard-featureTitle_16zmu_56 {
1168
1160
  color: var(--puck-color-grey-04);
1169
1161
  font-weight: 600;
1170
1162
  }
1171
- ._PlanCard-priceValue_11294_62 {
1163
+ ._PlanCard-priceValue_16zmu_61 {
1172
1164
  font-size: var(--puck-font-size-m);
1173
1165
  }
1174
- ._PlanCard-priceInterval_11294_66 {
1166
+ ._PlanCard-priceInterval_16zmu_65 {
1175
1167
  color: var(--puck-color-grey-05);
1176
1168
  }
1177
- ._PlanCard-body_11294_70 {
1169
+ ._PlanCard-body_16zmu_69 {
1178
1170
  background-color: var(--puck-color-grey-12);
1179
1171
  border: 1px solid var(--puck-color-grey-11);
1180
1172
  border-radius: 8px;
1181
1173
  padding: 16px;
1182
1174
  flex-grow: 1;
1183
1175
  }
1184
- ._PlanCard--enterprise_11294_12 ._PlanCard-body_11294_70 {
1176
+ ._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
1185
1177
  display: flex;
1186
1178
  gap: 8px;
1187
1179
  width: 100%;
1188
1180
  }
1189
- ._PlanCard-section_11294_84 {
1181
+ ._PlanCard-section_16zmu_83 {
1190
1182
  padding-bottom: 16px;
1191
1183
  min-width: 192px;
1192
1184
  }
1193
- ._PlanCard-section_11294_84:last-of-type {
1185
+ ._PlanCard-section_16zmu_83:last-of-type {
1194
1186
  padding-bottom: 0;
1195
1187
  }
1196
- ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1188
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
1197
1189
  border-top: 1px solid var(--puck-color-grey-09);
1198
1190
  padding-top: 16px;
1199
1191
  }
1200
- ._PlanCard--enterprise_11294_12 {
1201
- ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1192
+ ._PlanCard--enterprise_16zmu_12 {
1193
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
1202
1194
  border-left: 1px solid var(--puck-color-grey-09);
1203
1195
  border-top: none;
1204
1196
  padding-left: 16px;
1205
1197
  padding-top: 0;
1206
1198
  }
1207
1199
  }
1208
- ._PlanCard-sectionTitle_11294_107 {
1200
+ ._PlanCard-sectionTitle_16zmu_106 {
1209
1201
  font-size: var(--puck-font-size-xs);
1210
1202
  font-weight: 500;
1211
1203
  margin-bottom: 8px;
1212
1204
  }
1213
- ._PlanCard-sectionBody_11294_113 + ._PlanCard-sectionTitle_11294_107 {
1205
+ ._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
1214
1206
  border-top: 1px solid var(--puck-color-grey-09);
1215
1207
  margin-top: 16px;
1216
1208
  padding-top: 16px;
1217
1209
  }
1218
- ._PlanCard-sectionBody_11294_113 {
1210
+ ._PlanCard-sectionBody_16zmu_112 {
1219
1211
  color: var(--puck-color-grey-03);
1220
1212
  font-size: var(--puck-font-size-xxs);
1221
1213
  display: grid;
1222
1214
  gap: 2px;
1223
1215
  }
1224
- ._PlanCard-usageItem_11294_126 {
1216
+ ._PlanCard-usageItem_16zmu_125 {
1225
1217
  display: flex;
1226
1218
  gap: 8px;
1227
1219
  font-size: var(--puck-font-size-xxs);
1228
1220
  }
1229
- ._PlanCard-usageLabel_11294_132 {
1221
+ ._PlanCard-usageLabel_16zmu_131 {
1230
1222
  color: var(--puck-color-grey-04);
1231
1223
  font-weight: 500;
1232
1224
  }
1233
- ._PlanCard-usageValue_11294_137 {
1225
+ ._PlanCard-usageValue_16zmu_136 {
1234
1226
  color: var(--puck-color-grey-05);
1235
1227
  font-family: var(--puck-font-family-monospaced);
1236
1228
  margin-left: auto;
1237
1229
  }
1238
- ._PlanCard-action_11294_143 {
1230
+ ._PlanCard-action_16zmu_142 {
1239
1231
  align-items: flex-end;
1240
1232
  display: flex;
1241
1233
  justify-content: flex-end;
1242
1234
  width: 100%;
1243
1235
  }
1244
- ._PlanCard-description_11294_150 {
1245
- color: var(--puck-color-grey-04);
1236
+ ._PlanCard-description_16zmu_149 {
1237
+ color: var(--puck-color-grey-03);
1246
1238
  margin-top: 8px;
1247
- font-size: var(--puck-font-size-xxs);
1248
1239
  }
1249
- ._PlanCard_11294_1 {
1250
- position: relative;
1251
- z-index: 0;
1240
+ ._PlanCard--highlight_16zmu_154 {
1241
+ border: transparent;
1252
1242
  }
1253
- @property --shadow-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
1254
- ._PlanCard_11294_1::before {
1243
+ ._PlanCard--highlight_16zmu_154::before {
1255
1244
  content: "";
1256
1245
  position: absolute;
1257
1246
  inset: 0;
1258
- z-index: -1;
1247
+ padding: 1px;
1259
1248
  border-radius: inherit;
1260
- background: #fff;
1261
- }
1262
- ._PlanCard--highlight_11294_176::after {
1263
- content: "";
1264
- position: absolute;
1265
- inset: -18px;
1266
- z-index: -2;
1267
- border: 16px solid transparent;
1268
- border-radius: 34px;
1269
- opacity: 0.6;
1270
- background:
1271
- conic-gradient(
1272
- from var(--shadow-angle),
1273
- var(--puck-color-azure-07),
1274
- transparent,
1275
- var(--puck-color-rose-06),
1276
- var(--puck-color-azure-05),
1277
- transparent,
1278
- var(--puck-color-azure-07));
1279
- background-clip: padding-box;
1280
- filter: blur(12px);
1281
- }
1282
- ._PlanCard--highlight_11294_176::after {
1283
- animation: _spin_11294_1 8s linear infinite;
1284
- }
1285
- @keyframes _spin_11294_1 {
1286
- to {
1287
- --shadow-angle: 360deg;
1288
- }
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;
1289
1262
  }
1290
- ._PlanCard-highlightText_11294_209 {
1263
+ ._PlanCard-highlightText_16zmu_184 {
1291
1264
  @supports (background-clip: text) or (-webkit-background-clip: text) {
1292
1265
  color: transparent;
1293
1266
  background-clip: text;
@@ -1302,17 +1275,17 @@ button._Menu-item_1tu16_55:hover {
1302
1275
  background-position: center;
1303
1276
  }
1304
1277
  }
1305
- ._PlanCard--fullWidth_11294_225 {
1278
+ ._PlanCard--fullWidth_16zmu_200 {
1306
1279
  flex-direction: row;
1307
1280
  grid-column: 1 / -1;
1308
1281
  }
1309
- ._PlanCard--fullWidth_11294_225 ._PlanCard-header_11294_26 {
1282
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
1310
1283
  max-width: 312px;
1311
1284
  }
1312
- ._PlanCard--fullWidth_11294_225 ._PlanCard-action_11294_143 {
1285
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
1313
1286
  max-width: 256px;
1314
1287
  }
1315
- ._PlanCard--fullWidth_11294_225 ._PlanCard-sectionBody_11294_113 {
1288
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
1316
1289
  display: grid;
1317
1290
  grid-template-rows: 1fr 1fr 1fr 1fr;
1318
1291
  grid-auto-flow: column;