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

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.
package/dist/index.css CHANGED
@@ -281,11 +281,11 @@ p {
281
281
  }
282
282
 
283
283
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
284
- ._ActionModal_1g44k_1 {
284
+ ._ActionModal_r3pvy_1 {
285
285
  display: block;
286
286
  min-width: 356px;
287
287
  }
288
- ._ActionModal-header_1g44k_6 {
288
+ ._ActionModal-header_r3pvy_6 {
289
289
  color: var(--puck-color-grey-02);
290
290
  display: flex;
291
291
  justify-content: center;
@@ -295,14 +295,11 @@ p {
295
295
  padding: 24px;
296
296
  padding-bottom: 16px;
297
297
  }
298
- ._ActionModal-body_1g44k_17 {
299
- display: flex;
300
- flex-direction: column;
301
- gap: 16px;
298
+ ._ActionModal-body_r3pvy_17 {
302
299
  padding: 24px;
303
300
  padding-top: 8px;
304
301
  }
305
- ._ActionModal-footer_1g44k_25 {
302
+ ._ActionModal-footer_r3pvy_22 {
306
303
  border-top: 1px solid var(--puck-color-grey-09);
307
304
  background-color: var(--puck-color-grey-12);
308
305
  display: flex;
@@ -340,7 +337,7 @@ p {
340
337
  }
341
338
 
342
339
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
343
- ._Button_16or4_1 {
340
+ ._Button_16opg_1 {
344
341
  appearance: none;
345
342
  background: none;
346
343
  border: 1px solid transparent;
@@ -362,36 +359,32 @@ p {
362
359
  white-space: nowrap;
363
360
  margin: 0;
364
361
  }
365
- ._Button_16or4_1:hover,
366
- ._Button_16or4_1:active {
362
+ ._Button_16opg_1:hover,
363
+ ._Button_16opg_1:active {
367
364
  transition: none;
368
365
  }
369
- ._Button_16or4_1:focus-visible {
366
+ ._Button_16opg_1:focus-visible {
370
367
  outline: 2px solid var(--puck-color-azure-05);
371
368
  outline-offset: 2px;
372
369
  }
373
- ._Button--tiny_16or4_34 {
374
- font-size: var(--puck-font-size-xxxs);
370
+ ._Button--small_16opg_34 {
371
+ font-size: 12px;
375
372
  padding: 2px 8px;
376
373
  }
377
- ._Button--small_16or4_39 {
378
- font-size: var(--puck-font-size-xxs);
379
- padding: 4px 8px;
380
- }
381
- ._Button--medium_16or4_44 {
374
+ ._Button--medium_16opg_39 {
382
375
  min-height: 34px;
383
376
  padding-bottom: 7px;
384
377
  padding-left: 15px;
385
378
  padding-right: 15px;
386
379
  padding-top: 7px;
387
380
  }
388
- ._Button--large_16or4_52 {
381
+ ._Button--large_16opg_47 {
389
382
  padding-bottom: 11px;
390
383
  padding-left: 19px;
391
384
  padding-right: 19px;
392
385
  padding-top: 11px;
393
386
  }
394
- ._Button--brand_16or4_59 {
387
+ ._Button--brand_16opg_54 {
395
388
  background-image:
396
389
  linear-gradient(
397
390
  210deg,
@@ -401,54 +394,53 @@ p {
401
394
  border: none;
402
395
  }
403
396
  @media (hover: hover) and (pointer: fine) {
404
- ._Button--brand_16or4_59:hover {
397
+ ._Button--brand_16opg_54:hover {
405
398
  opacity: 0.8;
406
399
  }
407
400
  }
408
- ._Button--brand_16or4_59:active {
401
+ ._Button--brand_16opg_54:active {
409
402
  opacity: 0.8;
410
403
  }
411
- ._Button--primary_16or4_79 {
404
+ ._Button--primary_16opg_74 {
412
405
  background: var(--puck-color-azure-04);
413
406
  }
414
407
  @media (hover: hover) and (pointer: fine) {
415
- ._Button--primary_16or4_79:hover {
408
+ ._Button--primary_16opg_74:hover {
416
409
  background-color: var(--puck-color-azure-03);
417
410
  }
418
411
  }
419
- ._Button--primary_16or4_79:active {
412
+ ._Button--primary_16opg_74:active {
420
413
  background-color: var(--puck-color-azure-02);
421
414
  }
422
- ._Button--secondary_16or4_93 {
415
+ ._Button--secondary_16opg_88 {
423
416
  border: 1px solid currentColor;
424
417
  color: currentColor;
425
418
  }
426
419
  @media (hover: hover) and (pointer: fine) {
427
- ._Button--secondary_16or4_93:hover {
420
+ ._Button--secondary_16opg_88:hover {
428
421
  background-color: var(--puck-color-azure-12);
429
- border-color: var(--puck-color-azure-12);
430
- color: var(--puck-color-azure-04);
422
+ color: var(--puck-color-black);
431
423
  }
432
424
  }
433
- ._Button--secondary_16or4_93:active {
425
+ ._Button--secondary_16opg_88:active {
434
426
  background-color: var(--puck-color-azure-11);
435
427
  color: var(--puck-color-black);
436
428
  }
437
- ._Button--danger_16or4_111 {
429
+ ._Button--danger_16opg_105 {
438
430
  background: var(--puck-color-red-04);
439
431
  }
440
432
  @media (hover: hover) and (pointer: fine) {
441
- ._Button--danger_16or4_111:hover {
433
+ ._Button--danger_16opg_105:hover {
442
434
  background-color: var(--puck-color-red-03);
443
435
  }
444
436
  }
445
- ._Button--danger_16or4_111:active {
437
+ ._Button--danger_16opg_105:active {
446
438
  background-color: var(--puck-color-red-02);
447
439
  }
448
- ._Button--flush_16or4_125 {
440
+ ._Button--flush_16opg_119 {
449
441
  border-radius: 0;
450
442
  }
451
- ._Button--ghost_16or4_129 {
443
+ ._Button--ghost_16opg_123 {
452
444
  align-items: center;
453
445
  background-color: transparent;
454
446
  border: none;
@@ -457,26 +449,26 @@ p {
457
449
  display: flex;
458
450
  }
459
451
  @media (hover: hover) and (pointer: fine) {
460
- ._Button--ghost_16or4_129:hover {
452
+ ._Button--ghost_16opg_123:hover {
461
453
  background-color: var(--puck-color-grey-11);
462
454
  color: var(--puck-color-azure-04);
463
455
  cursor: pointer;
464
456
  }
465
457
  }
466
- ._Button--disabled_16or4_146,
467
- ._Button--disabled_16or4_146:hover,
468
- ._Button--secondary_16or4_93._Button--disabled_16or4_146,
469
- ._Button--secondary_16or4_93._Button--disabled_16or4_146:hover {
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 {
470
462
  background-color: var(--puck-color-grey-12);
471
463
  border-color: var(--puck-color-grey-08);
472
464
  color: var(--puck-color-grey-07);
473
465
  cursor: not-allowed;
474
466
  }
475
- ._Button--fullWidth_16or4_156 {
467
+ ._Button--fullWidth_16opg_150 {
476
468
  justify-content: center;
477
469
  width: 100%;
478
470
  }
479
- ._Button-spinner_16or4_161 {
471
+ ._Button-spinner_16opg_155 {
480
472
  padding-left: 8px;
481
473
  }
482
474
 
@@ -1092,187 +1084,238 @@ button._Menu-item_1tu16_55:hover {
1092
1084
  }
1093
1085
 
1094
1086
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
1095
- ._PlanGrid_1ar8g_1 {
1087
+ ._PlanGrid--loading_1v43l_1 {
1088
+ opacity: 0;
1089
+ }
1090
+ ._PlanGrid-grid_1v43l_5 {
1096
1091
  color: var(--puck-color-grey-02);
1092
+ display: grid;
1093
+ gap: 32px;
1097
1094
  text-align: left;
1098
- position: relative;
1099
- z-index: 0;
1095
+ padding-inline: 32px;
1096
+ padding-block: 20px;
1097
+ @media (min-width: 768px) {
1098
+ grid-template-columns: 1fr 1fr 1fr;
1099
+ margin: 8px;
1100
+ }
1100
1101
  }
1101
- ._PlanGrid-billingNote_1ar8g_8,
1102
- ._PlanGrid-planKicker_1ar8g_9 {
1103
- font-size: var(--puck-font-size-xxxs);
1104
- letter-spacing: 0.12em;
1102
+ ._PlanGrid-enterprise_1v43l_21 {
1103
+ color: var(--puck-color-grey-04);
1104
+ font-size: var(--puck-font-size-xxs);
1105
+ margin-left: auto;
1106
+ margin-right: auto;
1107
+ padding-inline: 4px;
1108
+ padding-top: 20px;
1109
+ text-align: center;
1105
1110
  }
1106
- ._PlanGrid-billingNote_1ar8g_8 {
1107
- color: var(--puck-color-grey-05);
1111
+ ._PlanGrid-enterprise_1v43l_21 a {
1112
+ color: var(--puck-color-azure-04);
1113
+ cursor: pointer;
1114
+ font-weight: 500;
1108
1115
  }
1109
- ._PlanGrid-tableWrapper_1ar8g_18 {
1116
+
1117
+ /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
1118
+ ._PlanCard_11294_1 {
1110
1119
  border: 1px solid var(--puck-color-grey-09);
1111
1120
  border-radius: 16px;
1112
- overflow-x: auto;
1113
- }
1114
- ._PlanGrid-table_1ar8g_18 {
1115
- border-collapse: separate;
1116
- border-spacing: 0;
1117
- max-width: 1440px;
1118
- min-width: 880px;
1119
- table-layout: fixed;
1120
- width: 100%;
1121
- }
1122
- ._PlanGrid-caption_1ar8g_33 {
1123
- clip: rect(0 0 0 0);
1124
- clip-path: inset(50%);
1125
- height: 1px;
1126
- overflow: hidden;
1127
- position: absolute;
1128
- white-space: nowrap;
1129
- width: 1px;
1121
+ display: flex;
1122
+ gap: 8px;
1123
+ flex-direction: column;
1124
+ min-width: 256px;
1125
+ padding: 8px;
1126
+ position: relative;
1130
1127
  }
1131
- ._PlanGrid-featureHeader_1ar8g_43,
1132
- ._PlanGrid-featureName_1ar8g_44,
1133
- ._PlanGrid-planHeader_1ar8g_45,
1134
- ._PlanGrid-featureValue_1ar8g_46 {
1135
- border-bottom: 1px solid var(--puck-color-grey-09);
1136
- border-right: 1px solid var(--puck-color-grey-09);
1128
+ ._PlanCard--enterprise_11294_12 {
1129
+ flex-direction: row;
1130
+ grid-column: span 3;
1137
1131
  }
1138
- ._PlanGrid-featureHeader_1ar8g_43,
1139
- ._PlanGrid-featureName_1ar8g_44 {
1140
- background: var(--puck-color-white);
1141
- position: sticky;
1142
- left: 0;
1143
- width: 24%;
1144
- z-index: 2;
1132
+ ._PlanCard-title_11294_17 {
1133
+ display: flex;
1134
+ gap: 8px;
1135
+ justify-content: space-between;
1136
+ font-size: var(--puck-font-size-xs);
1137
+ font-weight: 700;
1138
+ white-space: nowrap;
1145
1139
  }
1146
- ._PlanGrid-featureHeader_1ar8g_43 {
1147
- font-size: var(--puck-font-size-s);
1148
- padding: 28px 24px;
1149
- text-align: left;
1150
- vertical-align: top;
1140
+ ._PlanCard-header_11294_26 {
1141
+ box-sizing: border-box;
1142
+ display: flex;
1143
+ flex-direction: column;
1144
+ gap: 4px;
1145
+ padding: 12px 16px;
1146
+ width: 100%;
1147
+ min-height: 80px;
1151
1148
  }
1152
- ._PlanGrid-planHeader_1ar8g_45 {
1153
- background: var(--puck-color-white);
1154
- height: 336px;
1149
+ ._PlanCard-features_11294_36 {
1150
+ display: grid;
1151
+ gap: 4px;
1152
+ list-style: none;
1153
+ margin: 0;
1155
1154
  padding: 0;
1156
- text-align: left;
1157
- vertical-align: top;
1158
- width: 25.333%;
1159
1155
  }
1160
- ._PlanGrid-planHeaderInner_1ar8g_76 {
1161
- box-sizing: border-box;
1156
+ ._PlanCard-feature_11294_36 {
1157
+ align-items: center;
1162
1158
  display: flex;
1163
- flex-direction: column;
1164
- height: 100%;
1165
- padding: 28px 24px 24px;
1159
+ gap: 4px;
1160
+ color: var(--puck-color-grey-05);
1161
+ font-size: var(--puck-font-size-xxs);
1166
1162
  }
1167
- ._PlanGrid-planKicker_1ar8g_9 {
1168
- color: var(--puck-color-azure-04);
1169
- font-weight: 700;
1170
- min-height: 20px;
1171
- text-transform: uppercase;
1163
+ ._PlanCard-featureIcon_11294_52 {
1164
+ align-self: flex-start;
1165
+ margin-top: 5px;
1172
1166
  }
1173
- ._PlanGrid-planTitle_1ar8g_91 {
1174
- font-size: var(--puck-font-size-l);
1175
- line-height: 1.2;
1176
- margin: 12px 0 0;
1167
+ ._PlanCard-featureTitle_11294_57 {
1168
+ color: var(--puck-color-grey-04);
1169
+ font-weight: 600;
1170
+ }
1171
+ ._PlanCard-priceValue_11294_62 {
1172
+ font-size: var(--puck-font-size-m);
1177
1173
  }
1178
- ._PlanGrid-planDescription_1ar8g_97 {
1174
+ ._PlanCard-priceInterval_11294_66 {
1179
1175
  color: var(--puck-color-grey-05);
1180
- font-size: var(--puck-font-size-xxs);
1181
- margin: 8px 0 0;
1182
- min-height: 44px;
1183
- font-weight: 400;
1184
1176
  }
1185
- ._PlanGrid-priceBlock_1ar8g_105 {
1186
- margin-top: auto;
1187
- padding: 20px 0 16px;
1177
+ ._PlanCard-body_11294_70 {
1178
+ background-color: var(--puck-color-grey-12);
1179
+ border: 1px solid var(--puck-color-grey-11);
1180
+ border-radius: 8px;
1181
+ padding: 16px;
1182
+ flex-grow: 1;
1188
1183
  }
1189
- ._PlanGrid-price_1ar8g_105 {
1190
- align-items: baseline;
1184
+ ._PlanCard--enterprise_11294_12 ._PlanCard-body_11294_70 {
1191
1185
  display: flex;
1192
- gap: 4px;
1193
- white-space: nowrap;
1186
+ gap: 8px;
1187
+ width: 100%;
1194
1188
  }
1195
- ._PlanGrid-standardPrice_1ar8g_117 {
1196
- color: var(--puck-color-grey-06);
1189
+ ._PlanCard-section_11294_84 {
1190
+ padding-bottom: 16px;
1191
+ min-width: 192px;
1192
+ }
1193
+ ._PlanCard-section_11294_84:last-of-type {
1194
+ padding-bottom: 0;
1195
+ }
1196
+ ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1197
+ border-top: 1px solid var(--puck-color-grey-09);
1198
+ padding-top: 16px;
1199
+ }
1200
+ ._PlanCard--enterprise_11294_12 {
1201
+ ._PlanCard-section_11294_84 + ._PlanCard-section_11294_84 {
1202
+ border-left: 1px solid var(--puck-color-grey-09);
1203
+ border-top: none;
1204
+ padding-left: 16px;
1205
+ padding-top: 0;
1206
+ }
1207
+ }
1208
+ ._PlanCard-sectionTitle_11294_107 {
1197
1209
  font-size: var(--puck-font-size-xs);
1198
1210
  font-weight: 500;
1199
- text-decoration: line-through;
1211
+ margin-bottom: 8px;
1200
1212
  }
1201
- ._PlanGrid-priceValue_1ar8g_124 {
1202
- font-size: var(--puck-font-size-xl);
1203
- font-weight: 600;
1204
- letter-spacing: -0.02em;
1213
+ ._PlanCard-sectionBody_11294_113 + ._PlanCard-sectionTitle_11294_107 {
1214
+ border-top: 1px solid var(--puck-color-grey-09);
1215
+ margin-top: 16px;
1216
+ padding-top: 16px;
1205
1217
  }
1206
- ._PlanGrid-priceInterval_1ar8g_130 {
1207
- color: var(--puck-color-grey-05);
1218
+ ._PlanCard-sectionBody_11294_113 {
1219
+ color: var(--puck-color-grey-03);
1208
1220
  font-size: var(--puck-font-size-xxs);
1209
- font-weight: 400;
1221
+ display: grid;
1222
+ gap: 2px;
1210
1223
  }
1211
- ._PlanGrid-priceNote_1ar8g_136 {
1212
- color: var(--puck-color-azure-04);
1213
- font-size: var(--puck-font-size-xxxs);
1214
- font-weight: 600;
1215
- margin-top: 2px;
1224
+ ._PlanCard-usageItem_11294_126 {
1225
+ display: flex;
1226
+ gap: 8px;
1227
+ font-size: var(--puck-font-size-xxs);
1216
1228
  }
1217
- ._PlanGrid-action_1ar8g_143 {
1218
- width: 100%;
1229
+ ._PlanCard-usageLabel_11294_132 {
1230
+ color: var(--puck-color-grey-04);
1231
+ font-weight: 500;
1219
1232
  }
1220
- ._PlanGrid-featureName_1ar8g_44,
1221
- ._PlanGrid-featureValue_1ar8g_46 {
1222
- font-size: var(--puck-font-size-xxs);
1223
- min-height: 68px;
1224
- padding: 20px 24px;
1233
+ ._PlanCard-usageValue_11294_137 {
1234
+ color: var(--puck-color-grey-05);
1235
+ font-family: var(--puck-font-family-monospaced);
1236
+ margin-left: auto;
1225
1237
  }
1226
- ._PlanGrid-featureName_1ar8g_44 {
1227
- font-weight: 600;
1228
- text-align: left;
1238
+ ._PlanCard-action_11294_143 {
1239
+ align-items: flex-end;
1240
+ display: flex;
1241
+ justify-content: flex-end;
1242
+ width: 100%;
1229
1243
  }
1230
- ._PlanGrid-featureValue_1ar8g_46 {
1231
- background: var(--puck-color-white);
1244
+ ._PlanCard-description_11294_150 {
1232
1245
  color: var(--puck-color-grey-04);
1246
+ margin-top: 8px;
1247
+ font-size: var(--puck-font-size-xxs);
1233
1248
  }
1234
- ._PlanGrid-featureValue_1ar8g_46 a {
1235
- color: var(--puck-color-azure-04);
1249
+ ._PlanCard_11294_1 {
1250
+ position: relative;
1251
+ z-index: 0;
1236
1252
  }
1237
- ._PlanGrid-included_1ar8g_168 {
1238
- align-items: center;
1239
- color: var(--puck-color-grey-03);
1240
- display: inline-flex;
1241
- gap: 8px;
1253
+ @property --shadow-angle { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
1254
+ ._PlanCard_11294_1::before {
1255
+ content: "";
1256
+ position: absolute;
1257
+ inset: 0;
1258
+ z-index: -1;
1259
+ border-radius: inherit;
1260
+ background: #fff;
1242
1261
  }
1243
- ._PlanGrid-included_1ar8g_168 svg {
1244
- color: var(--puck-color-azure-04);
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);
1245
1281
  }
1246
- ._PlanGrid-unavailable_1ar8g_179 {
1247
- color: var(--puck-color-grey-07);
1282
+ ._PlanCard--highlight_11294_176::after {
1283
+ animation: _spin_11294_1 8s linear infinite;
1248
1284
  }
1249
- ._PlanGrid-highlightCell_1ar8g_183 {
1250
- background: var(--puck-color-azure-12);
1285
+ @keyframes _spin_11294_1 {
1286
+ to {
1287
+ --shadow-angle: 360deg;
1288
+ }
1251
1289
  }
1252
- ._PlanGrid-planHeader_1ar8g_45._PlanGrid-highlightCell_1ar8g_183 {
1253
- box-shadow: inset 0 3px 0 var(--puck-color-azure-04);
1290
+ ._PlanCard-highlightText_11294_209 {
1291
+ @supports (background-clip: text) or (-webkit-background-clip: text) {
1292
+ color: transparent;
1293
+ background-clip: text;
1294
+ -webkit-background-clip: text;
1295
+ background-image:
1296
+ linear-gradient(
1297
+ 210deg,
1298
+ var(--puck-color-azure-01) 0%,
1299
+ var(--puck-color-azure-03) 40%,
1300
+ var(--puck-color-red-05) 100%);
1301
+ background-size: cover;
1302
+ background-position: center;
1303
+ }
1254
1304
  }
1255
- ._PlanGrid-planHeader_1ar8g_45:last-child,
1256
- ._PlanGrid-featureValue_1ar8g_46:last-child {
1257
- border-right: 0;
1305
+ ._PlanCard--fullWidth_11294_225 {
1306
+ flex-direction: row;
1307
+ grid-column: 1 / -1;
1258
1308
  }
1259
- ._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureName_1ar8g_44,
1260
- ._PlanGrid-table_1ar8g_18 tbody tr:last-child ._PlanGrid-featureValue_1ar8g_46 {
1261
- border-bottom: 0;
1309
+ ._PlanCard--fullWidth_11294_225 ._PlanCard-header_11294_26 {
1310
+ max-width: 312px;
1262
1311
  }
1263
- ._PlanGrid-enterprise_1ar8g_201 {
1264
- color: var(--puck-color-grey-04);
1265
- font-size: var(--puck-font-size-xxs);
1266
- margin-left: auto;
1267
- margin-right: auto;
1268
- padding-inline: 4px;
1269
- padding-top: 20px;
1270
- text-align: center;
1312
+ ._PlanCard--fullWidth_11294_225 ._PlanCard-action_11294_143 {
1313
+ max-width: 256px;
1271
1314
  }
1272
- ._PlanGrid-enterprise_1ar8g_201 a {
1273
- color: var(--puck-color-azure-04);
1274
- cursor: pointer;
1275
- font-weight: 500;
1315
+ ._PlanCard--fullWidth_11294_225 ._PlanCard-sectionBody_11294_113 {
1316
+ display: grid;
1317
+ grid-template-rows: 1fr 1fr 1fr 1fr;
1318
+ grid-auto-flow: column;
1276
1319
  }
1277
1320
 
1278
1321
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */