@puckeditor/plugin-pages 0.9.0-canary.4146ddf7 → 0.9.0-canary.4a0def09

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
@@ -137,6 +137,163 @@
137
137
  height: 1rem;
138
138
  }
139
139
 
140
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
141
+ ._Pages_1mmer_5 {
142
+ box-sizing: border-box;
143
+ display: flex;
144
+ flex-direction: column;
145
+ height: 100%;
146
+ }
147
+ ._Pages-header_1mmer_13 {
148
+ align-items: center;
149
+ border-bottom: 1px solid var(--puck-color-grey-09);
150
+ box-sizing: border-box;
151
+ display: flex;
152
+ flex-shrink: 0;
153
+ gap: 8px;
154
+ height: 51px;
155
+ padding: 0 12px 0 16px;
156
+ }
157
+ ._Pages-title_1mmer_24 {
158
+ color: var(--puck-color-black);
159
+ flex: 1;
160
+ font-size: var(--puck-font-size-xs);
161
+ font-weight: 700;
162
+ margin: 0;
163
+ }
164
+ ._Pages-headerAction_1mmer_32 {
165
+ align-items: center;
166
+ background: none;
167
+ border: 0;
168
+ border-radius: 4px;
169
+ color: var(--puck-color-grey-05);
170
+ cursor: pointer;
171
+ display: inline-flex;
172
+ flex-shrink: 0;
173
+ height: 26px;
174
+ justify-content: center;
175
+ padding: 0;
176
+ width: 26px;
177
+ }
178
+ ._Pages-headerAction_1mmer_32:hover {
179
+ background: var(--puck-color-grey-11);
180
+ color: var(--puck-color-grey-02);
181
+ }
182
+ ._Pages-headerAction_1mmer_32:focus-visible {
183
+ outline: 2px solid var(--puck-color-azure-04);
184
+ outline-offset: -2px;
185
+ }
186
+ ._Pages-search_1mmer_57 {
187
+ align-items: center;
188
+ display: flex;
189
+ flex: 1;
190
+ gap: 4px;
191
+ margin-left: -8px;
192
+ position: relative;
193
+ }
194
+ ._Pages-searchIcon_1mmer_66 {
195
+ color: var(--puck-color-grey-06);
196
+ left: 8px;
197
+ pointer-events: none;
198
+ position: absolute;
199
+ }
200
+ ._Pages-searchInput_1mmer_73 {
201
+ background-color: var(--puck-color-white);
202
+ border: 1px solid var(--puck-color-grey-09);
203
+ border-radius: 8px;
204
+ box-sizing: border-box;
205
+ color: var(--puck-color-grey-02);
206
+ flex: 1;
207
+ font: inherit;
208
+ font-size: var(--puck-font-size-xxs);
209
+ height: 32px;
210
+ margin: 0;
211
+ min-width: 0;
212
+ padding: 0 8px 0 28px;
213
+ }
214
+ ._Pages-searchInput_1mmer_73::placeholder {
215
+ color: var(--puck-color-grey-06);
216
+ }
217
+ ._Pages-searchInput_1mmer_73:focus {
218
+ border-color: var(--puck-color-azure-04);
219
+ outline: 2px solid var(--puck-color-azure-10);
220
+ outline-offset: 0;
221
+ }
222
+ ._Pages-empty_1mmer_98 {
223
+ align-items: center;
224
+ display: flex;
225
+ flex-direction: column;
226
+ gap: 8px;
227
+ padding: 32px 16px;
228
+ text-align: center;
229
+ }
230
+ ._Pages-emptyIcon_1mmer_107 {
231
+ color: var(--puck-color-grey-07);
232
+ }
233
+ ._Pages-hint_1mmer_111 {
234
+ color: var(--puck-color-grey-05);
235
+ font-size: var(--puck-font-size-xxs);
236
+ line-height: 20px;
237
+ margin: 0;
238
+ overflow-wrap: anywhere;
239
+ }
240
+ ._Pages-list_1mmer_120 {
241
+ flex-grow: 1;
242
+ list-style: none;
243
+ margin: 0;
244
+ overflow-y: auto;
245
+ padding: 4px;
246
+ }
247
+
248
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PathForm/styles.module.css/#css-module-data */
249
+ ._PathForm_4p12k_1 {
250
+ display: flex;
251
+ flex-direction: column;
252
+ gap: 4px;
253
+ }
254
+ ._PathForm-row_4p12k_8 {
255
+ align-items: center;
256
+ background: var(--puck-color-white);
257
+ border: 1px solid var(--puck-color-azure-04);
258
+ border-radius: 8px;
259
+ box-sizing: border-box;
260
+ display: flex;
261
+ gap: 8px;
262
+ height: 32px;
263
+ padding: 0 7px 0 11px;
264
+ }
265
+ ._PathForm-icon_4p12k_20 {
266
+ color: var(--puck-color-grey-02);
267
+ flex-shrink: 0;
268
+ }
269
+ ._PathForm-input_4p12k_25 {
270
+ background: transparent;
271
+ border: 0;
272
+ color: var(--puck-color-grey-01);
273
+ flex: 1;
274
+ font: inherit;
275
+ font-size: var(--puck-font-size-xxs);
276
+ font-weight: 600;
277
+ margin: 0;
278
+ min-width: 0;
279
+ padding: 0;
280
+ }
281
+ ._PathForm-input_4p12k_25:focus {
282
+ outline: none;
283
+ }
284
+ ._PathForm-input_4p12k_25::selection {
285
+ background: var(--puck-color-azure-10);
286
+ }
287
+ ._PathForm-row_4p12k_8:has(._PathForm-input_4p12k_25[aria-invalid=true]) {
288
+ border-color: var(--puck-color-red-05);
289
+ }
290
+ ._PathForm-error_4p12k_50 {
291
+ color: var(--puck-color-red-05);
292
+ font-size: var(--puck-font-size-xxxs);
293
+ line-height: 16px;
294
+ padding: 0 12px;
295
+ }
296
+
140
297
  /* ../platform-client/styles/color.css */
141
298
  :root {
142
299
  --puck-color-rose-01: #4a001c;
@@ -281,12 +438,12 @@ p {
281
438
  }
282
439
 
283
440
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
284
- ._ActionModal_1g44k_1 {
441
+ ._ActionModal_10j8y_1 {
285
442
  display: block;
286
443
  min-width: 356px;
287
444
  }
288
- ._ActionModal-header_1g44k_6 {
289
- color: var(--puck-color-grey-02);
445
+ ._ActionModal-header_10j8y_6 {
446
+ color: var( --_puck-platform-action-modal-color-text, var(--puck-color-grey-02) );
290
447
  display: flex;
291
448
  justify-content: center;
292
449
  text-align: center;
@@ -295,27 +452,27 @@ p {
295
452
  padding: 24px;
296
453
  padding-bottom: 16px;
297
454
  }
298
- ._ActionModal-body_1g44k_17 {
455
+ ._ActionModal-body_10j8y_20 {
299
456
  display: flex;
300
457
  flex-direction: column;
301
458
  gap: 16px;
302
459
  padding: 24px;
303
460
  padding-top: 8px;
304
461
  }
305
- ._ActionModal-footer_1g44k_25 {
306
- border-top: 1px solid var(--puck-color-grey-09);
307
- background-color: var(--puck-color-grey-12);
462
+ ._ActionModal-footer_10j8y_28 {
463
+ border-top: var( --_puck-platform-action-modal-footer-border-top, 1px solid var(--puck-color-grey-09) );
464
+ background-color: var( --_puck-platform-action-modal-footer-color-bg, var(--puck-color-grey-12) );
308
465
  display: flex;
309
466
  justify-content: flex-end;
310
467
  padding: 16px 24px;
311
468
  }
312
469
 
313
470
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
314
- ._Modal-background_mocy5_1 {
471
+ ._Modal-background_10jdm_1 {
315
472
  align-items: center;
316
473
  display: flex;
317
474
  justify-content: center;
318
- background: #00000050;
475
+ background: var(--_puck-platform-modal-color-backdrop, #00000050);
319
476
  position: fixed;
320
477
  top: 0;
321
478
  left: 0;
@@ -325,14 +482,14 @@ p {
325
482
  opacity: 0;
326
483
  pointer-events: none;
327
484
  }
328
- ._Modal--visible_mocy5_16 > ._Modal-background_mocy5_1 {
485
+ ._Modal--visible_10jdm_16 > ._Modal-background_10jdm_1 {
329
486
  opacity: 1;
330
- transition: opacity ease 100ms;
487
+ transition: var(--_puck-platform-modal-transition, opacity ease 100ms);
331
488
  pointer-events: auto;
332
489
  }
333
- ._Modal-modal_mocy5_22 {
334
- background: white;
335
- border-radius: 16px;
490
+ ._Modal-modal_10jdm_22 {
491
+ background: var(--_puck-platform-modal-color-bg, white);
492
+ border-radius: var(--_puck-platform-modal-radius, 16px);
336
493
  display: block;
337
494
  max-height: calc(100vh - 24px);
338
495
  margin-inline: 24px;
@@ -340,148 +497,162 @@ p {
340
497
  }
341
498
 
342
499
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
343
- ._Button_16or4_1 {
500
+ ._Button_z2rgr_1 {
344
501
  appearance: none;
345
- background: none;
346
- border: 1px solid transparent;
347
- border-radius: 8px;
348
- color: var(--puck-color-white);
502
+ background: var(--_puck-platform-button-color-bg, none);
503
+ border: var(--_puck-platform-button-border, 1px solid transparent);
504
+ border-radius: var(--_puck-platform-button-radius, 8px);
505
+ color: var(--_puck-platform-button-color-text, var(--puck-color-white));
349
506
  display: inline-flex;
350
507
  align-items: center;
351
508
  gap: 8px;
352
- letter-spacing: 0.05ch;
353
- font-family: var(--puck-font-family);
354
- font-size: 14px;
355
- font-weight: 400;
509
+ letter-spacing: var(--_puck-platform-button-letter-spacing, 0.05ch);
510
+ font-family: var( --_puck-platform-button-font-family, var(--puck-font-family) );
511
+ font-size: var(--_puck-platform-button-font-size, 14px);
512
+ font-weight: var(--_puck-platform-button-font-weight, 400);
356
513
  box-sizing: border-box;
357
- line-height: 1;
514
+ line-height: var(--_puck-platform-button-line-height, 1);
358
515
  text-align: center;
359
516
  text-decoration: none;
360
- transition: background-color 50ms ease-in;
517
+ transition: var( --_puck-platform-button-transition, background-color 50ms ease-in );
361
518
  cursor: pointer;
362
519
  white-space: nowrap;
363
520
  margin: 0;
364
521
  }
365
- ._Button_16or4_1:hover,
366
- ._Button_16or4_1:active {
367
- transition: none;
522
+ ._Button_z2rgr_1:hover,
523
+ ._Button_z2rgr_1:active {
524
+ transition: var(--_puck-platform-button-transition-interactive, none);
368
525
  }
369
- ._Button_16or4_1:focus-visible {
370
- outline: 2px solid var(--puck-color-azure-05);
371
- outline-offset: 2px;
526
+ ._Button_z2rgr_1:focus-visible {
527
+ outline: var( --_puck-platform-button-focus-outline, 2px solid var(--puck-color-azure-05) );
528
+ outline-offset: var(--_puck-platform-button-focus-outline-offset, 2px);
372
529
  }
373
- ._Button--tiny_16or4_34 {
374
- font-size: var(--puck-font-size-xxxs);
530
+ ._Button--tiny_z2rgr_43 {
531
+ font-size: var( --_puck-platform-button-tiny-font-size, var(--puck-font-size-xxxs) );
375
532
  padding: 2px 8px;
376
533
  }
377
- ._Button--small_16or4_39 {
378
- font-size: var(--puck-font-size-xxs);
534
+ ._Button--small_z2rgr_51 {
535
+ font-size: var( --_puck-platform-button-small-font-size, var(--puck-font-size-xxs) );
379
536
  padding: 4px 8px;
380
537
  }
381
- ._Button--medium_16or4_44 {
538
+ ._Button--medium_z2rgr_59 {
539
+ font-size: var(--_puck-platform-button-medium-font-size, 14px);
540
+ font-weight: var(--_puck-platform-button-medium-font-weight, 400);
382
541
  min-height: 34px;
383
542
  padding-bottom: 7px;
384
543
  padding-left: 15px;
385
544
  padding-right: 15px;
386
545
  padding-top: 7px;
387
546
  }
388
- ._Button--large_16or4_52 {
547
+ ._Button--large_z2rgr_69 {
548
+ font-size: var(--_puck-platform-button-large-font-size, 14px);
549
+ font-weight: var(--_puck-platform-button-large-font-weight, 400);
389
550
  padding-bottom: 11px;
390
551
  padding-left: 19px;
391
552
  padding-right: 19px;
392
553
  padding-top: 11px;
393
554
  }
394
- ._Button--brand_16or4_59 {
395
- background-image:
396
- linear-gradient(
397
- 210deg,
398
- var(--puck-color-azure-01) 0%,
399
- var(--puck-color-azure-03) 30%,
400
- var(--puck-color-red-05) 130%);
555
+ ._Button--brand_z2rgr_78 {
556
+ background-image: var( --_puck-platform-button-brand-background-image, linear-gradient( 210deg, var(--puck-color-azure-01) 0%, var(--puck-color-azure-03) 30%, var(--puck-color-red-05) 130% ) );
401
557
  border: none;
402
558
  }
403
559
  @media (hover: hover) and (pointer: fine) {
404
- ._Button--brand_16or4_59:hover {
405
- opacity: 0.8;
560
+ ._Button--brand_z2rgr_78:hover {
561
+ opacity: var(--_puck-platform-button-brand-opacity-hover, 0.8);
406
562
  }
407
563
  }
408
- ._Button--brand_16or4_59:active {
409
- opacity: 0.8;
564
+ ._Button--brand_z2rgr_78:active {
565
+ opacity: var(--_puck-platform-button-brand-opacity-active, 0.8);
410
566
  }
411
- ._Button--primary_16or4_79 {
412
- background: var(--puck-color-azure-04);
567
+ ._Button--primary_z2rgr_101 {
568
+ background: var( --_puck-platform-button-primary-color-bg, var(--puck-color-azure-04) );
569
+ border: var(--_puck-platform-button-primary-border, 1px solid transparent);
570
+ color: var( --_puck-platform-button-primary-color-text, var(--puck-color-white) );
413
571
  }
414
572
  @media (hover: hover) and (pointer: fine) {
415
- ._Button--primary_16or4_79:hover {
416
- background-color: var(--puck-color-azure-03);
573
+ ._Button--primary_z2rgr_101:hover {
574
+ background-color: var( --_puck-platform-button-primary-color-bg-hover, var(--puck-color-azure-03) );
417
575
  }
418
576
  }
419
- ._Button--primary_16or4_79:active {
420
- background-color: var(--puck-color-azure-02);
577
+ ._Button--primary_z2rgr_101:active {
578
+ background-color: var( --_puck-platform-button-primary-color-bg-active, var(--puck-color-azure-02) );
421
579
  }
422
- ._Button--secondary_16or4_93 {
423
- border: 1px solid currentColor;
424
- color: currentColor;
580
+ ._Button--secondary_z2rgr_129 {
581
+ background: var(--_puck-platform-button-secondary-color-bg, none);
582
+ border: var(--_puck-platform-button-secondary-border, 1px solid currentColor);
583
+ color: var(--_puck-platform-button-secondary-color-text, currentColor);
425
584
  }
426
585
  @media (hover: hover) and (pointer: fine) {
427
- ._Button--secondary_16or4_93:hover {
428
- background-color: var(--puck-color-azure-12);
429
- border-color: var(--puck-color-azure-12);
430
- color: var(--puck-color-azure-04);
586
+ ._Button--secondary_z2rgr_129:hover {
587
+ background-color: var( --_puck-platform-button-secondary-color-bg-hover, var(--puck-color-azure-12) );
588
+ border-color: var( --_puck-platform-button-secondary-color-border-hover, var(--puck-color-azure-12) );
589
+ color: var( --_puck-platform-button-secondary-color-text-hover, var(--puck-color-azure-04) );
431
590
  }
432
591
  }
433
- ._Button--secondary_16or4_93:active {
434
- background-color: var(--puck-color-azure-11);
435
- color: var(--puck-color-black);
592
+ ._Button--secondary_z2rgr_129:active {
593
+ background-color: var( --_puck-platform-button-secondary-color-bg-active, var(--puck-color-azure-11) );
594
+ color: var( --_puck-platform-button-secondary-color-text-active, var(--puck-color-black) );
436
595
  }
437
- ._Button--danger_16or4_111 {
438
- background: var(--puck-color-red-04);
596
+ ._Button--danger_z2rgr_163 {
597
+ background: var( --_puck-platform-button-danger-color-bg, var(--puck-color-red-04) );
439
598
  }
440
599
  @media (hover: hover) and (pointer: fine) {
441
- ._Button--danger_16or4_111:hover {
442
- background-color: var(--puck-color-red-03);
600
+ ._Button--danger_z2rgr_163:hover {
601
+ background-color: var( --_puck-platform-button-danger-color-bg-hover, var(--puck-color-red-03) );
443
602
  }
444
603
  }
445
- ._Button--danger_16or4_111:active {
446
- background-color: var(--puck-color-red-02);
604
+ ._Button--danger_z2rgr_163:active {
605
+ background-color: var( --_puck-platform-button-danger-color-bg-active, var(--puck-color-red-02) );
447
606
  }
448
- ._Button--flush_16or4_125 {
449
- border-radius: 0;
607
+ ._Button--flush_z2rgr_186 {
608
+ border-radius: var(--_puck-platform-button-flush-radius, 0);
450
609
  }
451
- ._Button--ghost_16or4_129 {
610
+ ._Button--ghost_z2rgr_190 {
452
611
  align-items: center;
453
- background-color: transparent;
612
+ background-color: var(--_puck-platform-button-ghost-color-bg, transparent);
454
613
  border: none;
455
- border-radius: 8px;
456
- color: var(--puck-color-azure-04);
614
+ border-radius: var(--_puck-platform-button-ghost-radius, 8px);
615
+ color: var( --_puck-platform-button-ghost-color-text, var(--puck-color-azure-04) );
457
616
  display: flex;
458
617
  }
459
618
  @media (hover: hover) and (pointer: fine) {
460
- ._Button--ghost_16or4_129:hover {
461
- background-color: var(--puck-color-grey-11);
462
- color: var(--puck-color-azure-04);
619
+ ._Button--ghost_z2rgr_190:hover {
620
+ background-color: var( --_puck-platform-button-ghost-color-bg-hover, var(--puck-color-grey-11) );
621
+ color: var( --_puck-platform-button-ghost-color-text-hover, var(--puck-color-azure-04) );
463
622
  cursor: pointer;
464
623
  }
465
624
  }
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 {
470
- background-color: var(--puck-color-grey-12);
471
- border-color: var(--puck-color-grey-08);
472
- color: var(--puck-color-grey-07);
625
+ ._Button--disabled_z2rgr_216,
626
+ ._Button--disabled_z2rgr_216:hover,
627
+ ._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216,
628
+ ._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216:hover {
629
+ background-color: var( --_puck-platform-button-disabled-color-bg, var(--puck-color-grey-12) );
630
+ border-color: var( --_puck-platform-button-disabled-color-border, var(--puck-color-grey-08) );
631
+ color: var( --_puck-platform-button-disabled-color-text, var(--puck-color-grey-07) );
473
632
  cursor: not-allowed;
474
633
  }
475
- ._Button--fullWidth_16or4_156 {
634
+ ._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216,
635
+ ._Button--secondary_z2rgr_129._Button--disabled_z2rgr_216:hover {
636
+ background-color: var( --_puck-platform-button-secondary-color-bg-disabled, var(--puck-color-grey-12) );
637
+ border-color: var( --_puck-platform-button-secondary-color-border-disabled, var(--puck-color-grey-08) );
638
+ color: var( --_puck-platform-button-secondary-color-text-disabled, var(--puck-color-grey-07) );
639
+ }
640
+ ._Button--primary_z2rgr_101._Button--disabled_z2rgr_216,
641
+ ._Button--primary_z2rgr_101._Button--disabled_z2rgr_216:hover {
642
+ background-color: var( --_puck-platform-button-primary-color-bg-disabled, var(--puck-color-grey-12) );
643
+ border-color: var( --_puck-platform-button-primary-color-border-disabled, var(--puck-color-grey-08) );
644
+ color: var( --_puck-platform-button-primary-color-text-disabled, var(--puck-color-grey-07) );
645
+ }
646
+ ._Button--fullWidth_z2rgr_267 {
476
647
  justify-content: center;
477
648
  width: 100%;
478
649
  }
479
- ._Button-spinner_16or4_161 {
650
+ ._Button-spinner_z2rgr_272 {
480
651
  padding-left: 8px;
481
652
  }
482
653
 
483
654
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Loader/styles.module.css/#css-module-data */
484
- @keyframes _loader-animation_nacdm_1 {
655
+ @keyframes _loader-animation_68nru_1 {
485
656
  0% {
486
657
  transform: rotate(0deg) scale(1);
487
658
  }
@@ -492,89 +663,89 @@ p {
492
663
  transform: rotate(360deg) scale(1);
493
664
  }
494
665
  }
495
- ._Loader_nacdm_13 {
666
+ ._Loader_68nru_13 {
496
667
  background: transparent;
497
- border-radius: 100%;
498
- border: 2px solid currentColor;
668
+ border-radius: var(--_puck-platform-loader-radius, 100%);
669
+ border: var(--_puck-platform-loader-border, 2px solid currentColor);
499
670
  border-bottom-color: transparent;
500
671
  display: inline-block;
501
- animation: _loader-animation_nacdm_1 1s 0s infinite linear;
672
+ animation: _loader-animation_68nru_1 var(--_puck-platform-loader-animation-duration, 1s) 0s infinite linear;
502
673
  animation-fill-mode: both;
503
674
  }
504
675
 
505
676
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
506
- ._Heading_1sfil_1 {
677
+ ._Heading_l89dy_1 {
507
678
  display: block;
508
- font-family: var(--heading-font-family, var(--puck-font-family));
509
- font-weight: 700;
679
+ font-family: var( --_puck-platform-heading-font-family, var(--heading-font-family, var(--puck-font-family)) );
680
+ font-weight: var(--_puck-platform-heading-font-weight, 700);
510
681
  margin: 0;
511
682
  }
512
- ._Heading_1sfil_1 b {
513
- font-weight: 700;
683
+ ._Heading_l89dy_1 b {
684
+ font-weight: var(--_puck-platform-heading-bold-font-weight, 700);
514
685
  }
515
- ._Heading--brand_1sfil_12,
516
- ._Heading--brand_1sfil_12 * {
517
- font-weight: 500;
518
- letter-spacing: -7%;
519
- line-height: 1;
686
+ ._Heading--brand_l89dy_15,
687
+ ._Heading--brand_l89dy_15 * {
688
+ font-weight: var(--_puck-platform-heading-brand-font-weight, 500);
689
+ letter-spacing: var(--_puck-platform-heading-brand-letter-spacing, -0.07em);
690
+ line-height: var(--_puck-platform-heading-brand-line-height, 1);
520
691
  }
521
- ._Heading--brand_1sfil_12 b {
522
- font-weight: 700;
692
+ ._Heading--brand_l89dy_15 b {
693
+ font-weight: var(--_puck-platform-heading-brand-bold-font-weight, 700);
523
694
  }
524
- ._Heading--xxxxl_1sfil_23 {
525
- font-size: var(--puck-font-size-xxxl);
695
+ ._Heading--xxxxl_l89dy_26 {
696
+ font-size: var( --_puck-platform-heading-xxxxl-font-size, var(--puck-font-size-xxxl) );
526
697
  }
527
- ._Heading--xxxl_1sfil_27 {
528
- font-size: var(--puck-font-size-xxl);
698
+ ._Heading--xxxl_l89dy_33 {
699
+ font-size: var( --_puck-platform-heading-xxxl-font-size, var(--puck-font-size-xxl) );
529
700
  }
530
- ._Heading--xxl_1sfil_31 {
531
- font-size: var(--puck-font-size-xl);
701
+ ._Heading--xxl_l89dy_40 {
702
+ font-size: var( --_puck-platform-heading-xxl-font-size, var(--puck-font-size-xl) );
532
703
  }
533
- ._Heading--xl_1sfil_35 {
534
- font-size: var(--puck-font-size-l);
704
+ ._Heading--xl_l89dy_47 {
705
+ font-size: var( --_puck-platform-heading-xl-font-size, var(--puck-font-size-l) );
535
706
  }
536
- ._Heading--l_1sfil_39 {
537
- font-size: var(--puck-font-size-m);
707
+ ._Heading--l_l89dy_54 {
708
+ font-size: var(--_puck-platform-heading-l-font-size, var(--puck-font-size-m));
538
709
  }
539
- ._Heading--m_1sfil_43 {
540
- font-size: var(--puck-font-size-s);
710
+ ._Heading--m_l89dy_58 {
711
+ font-size: var(--_puck-platform-heading-m-font-size, var(--puck-font-size-s));
541
712
  }
542
- ._Heading--s_1sfil_47 {
543
- font-size: var(--puck-font-size-xs);
713
+ ._Heading--s_l89dy_62 {
714
+ font-size: var( --_puck-platform-heading-s-font-size, var(--puck-font-size-xs) );
544
715
  }
545
- ._Heading--xs_1sfil_51 {
546
- font-size: var(--puck-font-size-xxs);
716
+ ._Heading--xs_l89dy_69 {
717
+ font-size: var( --_puck-platform-heading-xs-font-size, var(--puck-font-size-xxs) );
547
718
  }
548
- ._Heading--xxs_1sfil_55 {
549
- font-size: var(--puck-font-size-xxs);
719
+ ._Heading--xxs_l89dy_76 {
720
+ font-size: var( --_puck-platform-heading-xxs-font-size, var(--puck-font-size-xxs) );
550
721
  }
551
722
  @media (min-width: 768px) {
552
- ._Heading--xxxxl_1sfil_23 {
553
- font-size: var(--puck-font-size-xxxxl);
723
+ ._Heading--xxxxl_l89dy_26 {
724
+ font-size: var( --_puck-platform-heading-xxxxl-font-size-desktop, var(--puck-font-size-xxxxl) );
554
725
  }
555
- ._Heading--xxxl_1sfil_27 {
556
- font-size: var(--puck-font-size-xxxl);
726
+ ._Heading--xxxl_l89dy_33 {
727
+ font-size: var( --_puck-platform-heading-xxxl-font-size-desktop, var(--puck-font-size-xxxl) );
557
728
  }
558
- ._Heading--xxl_1sfil_31 {
559
- font-size: var(--puck-font-size-xxl);
729
+ ._Heading--xxl_l89dy_40 {
730
+ font-size: var( --_puck-platform-heading-xxl-font-size-desktop, var(--puck-font-size-xxl) );
560
731
  }
561
- ._Heading--xl_1sfil_35 {
562
- font-size: var(--puck-font-size-xl);
732
+ ._Heading--xl_l89dy_47 {
733
+ font-size: var( --_puck-platform-heading-xl-font-size-desktop, var(--puck-font-size-xl) );
563
734
  }
564
- ._Heading--l_1sfil_39 {
565
- font-size: var(--puck-font-size-l);
735
+ ._Heading--l_l89dy_54 {
736
+ font-size: var( --_puck-platform-heading-l-font-size-desktop, var(--puck-font-size-l) );
566
737
  }
567
- ._Heading--m_1sfil_43 {
568
- font-size: var(--puck-font-size-m);
738
+ ._Heading--m_l89dy_58 {
739
+ font-size: var( --_puck-platform-heading-m-font-size-desktop, var(--puck-font-size-m) );
569
740
  }
570
- ._Heading--s_1sfil_47 {
571
- font-size: var(--puck-font-size-s);
741
+ ._Heading--s_l89dy_62 {
742
+ font-size: var( --_puck-platform-heading-s-font-size-desktop, var(--puck-font-size-s) );
572
743
  }
573
- ._Heading--xs_1sfil_51 {
574
- font-size: var(--puck-font-size-xs);
744
+ ._Heading--xs_l89dy_69 {
745
+ font-size: var( --_puck-platform-heading-xs-font-size-desktop, var(--puck-font-size-xs) );
575
746
  }
576
- ._Heading--xxs_1sfil_55 {
577
- font-size: var(--puck-font-size-xxs);
747
+ ._Heading--xxs_l89dy_76 {
748
+ font-size: var( --_puck-platform-heading-xxs-font-size-desktop, var(--puck-font-size-xxs) );
578
749
  }
579
750
  }
580
751
 
@@ -812,38 +983,40 @@ p {
812
983
  }
813
984
 
814
985
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/IconButton/IconButton.module.css/#css-module-data */
815
- ._IconButton_thegm_1 {
986
+ ._IconButton_voaix_1 {
816
987
  align-items: center;
817
- background: transparent;
988
+ background: var(--_puck-platform-icon-button-color-bg, transparent);
818
989
  border: none;
819
- border-radius: 4px;
820
- color: currentColor;
990
+ border-radius: var(--_puck-platform-icon-button-radius, 4px);
991
+ color: var(--_puck-platform-icon-button-color-icon, currentColor);
821
992
  display: flex;
822
- font-family: var(--puck-font-family);
993
+ font-family: var( --_puck-platform-icon-button-font-family, var(--puck-font-family) );
823
994
  justify-content: center;
824
995
  padding: 4px;
825
- transition: background-color 50ms ease-in, color 50ms ease-in;
996
+ transition: var( --_puck-platform-icon-button-transition, background-color 50ms ease-in, color 50ms ease-in );
826
997
  }
827
- ._IconButton_thegm_1:focus-visible {
828
- outline: 2px solid var(--puck-color-azure-05);
829
- outline-offset: -2px;
998
+ ._IconButton_voaix_1:focus-visible {
999
+ outline: var( --_puck-platform-icon-button-focus-outline, 2px solid var(--puck-color-azure-05) );
1000
+ outline-offset: var(--_puck-platform-icon-button-focus-outline-offset, -2px);
830
1001
  }
831
1002
  @media (hover: hover) and (pointer: fine) {
832
- ._IconButton_thegm_1:hover:not(._IconButton--disabled_thegm_20) {
833
- background: var(--puck-color-azure-10);
1003
+ ._IconButton_voaix_1:hover:not(._IconButton--disabled_voaix_30) {
1004
+ background: var( --_puck-platform-icon-button-color-bg-hover, var(--puck-color-azure-10) );
1005
+ color: var(--_puck-platform-icon-button-color-icon-hover, currentColor);
834
1006
  cursor: pointer;
835
- transition: none;
1007
+ transition: var(--_puck-platform-icon-button-transition-interactive, none);
836
1008
  }
837
- ._IconButton--dark_thegm_26:hover:not(._IconButton--disabled_thegm_20) {
838
- background: var(--puck-color-grey-04);
839
- color: var(--puck-color-azure-10);
1009
+ ._IconButton--dark_voaix_40:hover:not(._IconButton--disabled_voaix_30) {
1010
+ background: var( --_puck-platform-icon-button-dark-color-bg-hover, var(--puck-color-grey-04) );
1011
+ color: var( --_puck-platform-icon-button-dark-color-icon-hover, var(--puck-color-azure-10) );
840
1012
  }
841
1013
  }
842
- ._IconButton_thegm_1:active {
843
- background: var(--puck-color-azure-11);
844
- transition: none;
1014
+ ._IconButton_voaix_1:active {
1015
+ background: var( --_puck-platform-icon-button-color-bg-active, var(--puck-color-azure-11) );
1016
+ color: var(--_puck-platform-icon-button-color-icon-active, currentColor);
1017
+ transition: var(--_puck-platform-icon-button-transition-interactive, none);
845
1018
  }
846
- ._IconButton-title_thegm_37 {
1019
+ ._IconButton-title_voaix_61 {
847
1020
  clip: rect(0 0 0 0);
848
1021
  clip-path: inset(100%);
849
1022
  height: 1px;
@@ -852,8 +1025,8 @@ p {
852
1025
  white-space: nowrap;
853
1026
  width: 1px;
854
1027
  }
855
- ._IconButton--disabled_thegm_20 {
856
- color: var(--puck-color-grey-07);
1028
+ ._IconButton--disabled_voaix_30 {
1029
+ color: var( --_puck-platform-icon-button-color-icon-disabled, var(--puck-color-grey-07) );
857
1030
  }
858
1031
 
859
1032
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/InfoBar/InfoBar.module.css/#css-module-data */
@@ -1550,241 +1723,135 @@ button._Menu-item_1jr57_55:hover {
1550
1723
  }
1551
1724
  }
1552
1725
 
1553
- /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
1554
- ._Pages_ey49w_5 {
1555
- display: flex;
1556
- flex-direction: column;
1557
- height: 100%;
1558
- padding: 16px;
1559
- }
1560
- ._Pages-addPage_ey49w_12 {
1561
- margin-bottom: 16px;
1562
- display: flex;
1563
- gap: 8px;
1564
- }
1565
- ._Pages-loader_ey49w_18 {
1726
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagesRow/styles.module.css/#css-module-data */
1727
+ ._PagesRow_11pqv_2 {
1566
1728
  align-items: center;
1567
- background-color: white;
1568
- display: flex;
1569
- justify-content: center;
1570
- padding: 16px;
1571
- }
1572
- ._Pages-list_ey49w_26 {
1573
- display: flex;
1574
- flex-direction: column;
1729
+ border: 1px solid transparent;
1575
1730
  border-radius: 8px;
1576
- overflow-y: auto;
1577
- flex-grow: 1;
1731
+ box-sizing: border-box;
1732
+ display: flex;
1733
+ gap: 4px;
1734
+ height: 32px;
1735
+ padding: 0 3px 0 11px;
1578
1736
  }
1579
- ._Pages-search_ey49w_34 {
1580
- flex-grow: 1;
1737
+ ._PagesRow_11pqv_2:hover:not(._PagesRow--loading_11pqv_13) {
1738
+ background: var(--puck-color-azure-11);
1739
+ border-color: var(--puck-color-azure-10);
1581
1740
  }
1582
- ._Pages-searchInput_ey49w_38 {
1583
- border: 1px solid var(--puck-color-grey-09);
1584
- border-radius: 8px;
1585
- background-color: var(--puck-color-white);
1586
- box-sizing: border-box;
1587
- color: var(--puck-color-grey-02);
1588
- height: 36px;
1589
- margin: 0;
1590
- padding: 0 8px;
1591
- width: 100%;
1741
+ ._PagesRow--loading_11pqv_13 {
1742
+ cursor: default;
1592
1743
  }
1593
- ._Pages-searchInput_ey49w_38:focus {
1594
- outline: 2px solid var(--puck-color-azure-04);
1595
- outline-offset: -1px;
1744
+ ._PagesRow--current_11pqv_23,
1745
+ ._PagesRow--current_11pqv_23:hover {
1746
+ background: var(--puck-color-azure-10);
1747
+ border-color: var(--puck-color-azure-08);
1596
1748
  }
1597
- ._PagesPage_ey49w_59 {
1598
- border-left: 1px solid var(--puck-color-grey-10);
1599
- border-right: 1px solid var(--puck-color-grey-10);
1600
- border-bottom: 1px solid var(--puck-color-grey-10);
1749
+ ._PagesRow-main_11pqv_29 {
1750
+ align-items: center;
1751
+ align-self: stretch;
1752
+ background: none;
1753
+ border: 0;
1754
+ color: var(--puck-color-grey-04);
1755
+ cursor: pointer;
1601
1756
  display: flex;
1602
- flex-direction: column;
1603
- flex-shrink: 0;
1604
- overflow: hidden;
1605
- }
1606
- ._PagesPage--expanded_ey49w_69 {
1607
- min-height: calc(34px + 1px + 55px);
1757
+ flex: 1;
1758
+ font: inherit;
1759
+ font-size: var(--puck-font-size-xxs);
1760
+ gap: 8px;
1761
+ min-width: 0;
1762
+ padding: 0;
1763
+ text-align: left;
1608
1764
  }
1609
- ._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(2)) {
1610
- min-height: calc(34px + 1px + 55px + 1px + 55px);
1765
+ ._PagesRow--current_11pqv_23 ._PagesRow-main_11pqv_29 {
1766
+ color: var(--puck-color-grey-01);
1767
+ font-weight: 600;
1611
1768
  }
1612
- ._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(3)) {
1613
- min-height: calc(34px + 1px + 55px + 1px + 55px + 1px + 55px);
1769
+ ._PagesRow-main_11pqv_29:focus-visible {
1770
+ border-radius: 4px;
1771
+ outline: 2px solid var(--puck-color-azure-04);
1772
+ outline-offset: 2px;
1614
1773
  }
1615
- ._PagesPage--expanded_ey49w_69 {
1616
- flex-shrink: 1;
1774
+ ._PagesRow-icon_11pqv_57 {
1775
+ color: var(--puck-color-grey-06);
1776
+ flex-shrink: 0;
1617
1777
  }
1618
- ._PagesPage_ey49w_59:first-of-type {
1619
- border-top: 1px solid var(--puck-color-grey-10);
1620
- border-top-left-radius: 8px;
1621
- border-top-right-radius: 8px;
1778
+ ._PagesRow--current_11pqv_23 ._PagesRow-icon_11pqv_57 {
1779
+ color: var(--puck-color-grey-02);
1622
1780
  }
1623
- ._PagesPage_ey49w_59:last-of-type {
1624
- border-bottom-left-radius: 8px;
1625
- border-bottom-right-radius: 8px;
1781
+ ._PagesRow-path_11pqv_66 {
1782
+ min-width: 0;
1783
+ overflow: hidden;
1784
+ text-overflow: ellipsis;
1785
+ white-space: nowrap;
1626
1786
  }
1627
- ._PagesPage-header_ey49w_96 {
1628
- align-items: center;
1629
- background-color: white;
1630
- font-family: var(--puck-font-family-monospaced);
1631
- font-size: var(--puck-font-size-xxs);
1787
+ ._PagesRow-draft_11pqv_73 {
1788
+ background: var(--puck-color-grey-10);
1789
+ border-radius: 999px;
1790
+ color: var(--puck-color-grey-04);
1791
+ flex-shrink: 0;
1792
+ font-size: var(--puck-font-size-xxxs);
1632
1793
  font-weight: 600;
1633
- cursor: pointer;
1794
+ line-height: 20px;
1795
+ padding: 0 8px;
1796
+ }
1797
+ ._PagesRow-actions_11pqv_84 {
1634
1798
  display: flex;
1635
- justify-content: space-between;
1636
- padding: 8px 12px;
1637
- width: 100%;
1799
+ margin-left: auto;
1800
+ flex-shrink: 0;
1801
+ opacity: 0;
1802
+ transition: opacity 120ms;
1638
1803
  }
1639
- ._PagesPage_ey49w_59:first-of-type ._PagesPage-header_ey49w_96 {
1640
- border-top-left-radius: 8px;
1641
- border-top-right-radius: 8px;
1804
+ ._PagesRow_11pqv_2:hover ._PagesRow-actions_11pqv_84,
1805
+ ._PagesRow_11pqv_2:focus-within ._PagesRow-actions_11pqv_84,
1806
+ ._PagesRow-actions_11pqv_84:has([aria-expanded=true]) {
1807
+ opacity: 1;
1642
1808
  }
1643
- ._PagesPage_ey49w_59:last-of-type:not(._PagesPage--expanded_ey49w_69) ._PagesPage-header_ey49w_96 {
1644
- border-bottom-left-radius: 8px;
1645
- border-bottom-right-radius: 8px;
1809
+ @media (hover: none) {
1810
+ ._PagesRow-actions_11pqv_84 {
1811
+ opacity: 1;
1812
+ }
1646
1813
  }
1647
- ._PagesPage-header_ey49w_96:focus-visible {
1648
- outline: 2px solid var(--puck-color-azure-04);
1649
- outline-offset: -2px;
1814
+ ._PagesRow-action_11pqv_84 {
1815
+ align-items: center;
1816
+ border-radius: 4px;
1817
+ color: var(--puck-color-grey-05);
1818
+ display: inline-flex;
1819
+ height: 24px;
1820
+ justify-content: center;
1821
+ width: 24px;
1650
1822
  }
1651
- ._PagesPage--active_ey49w_124 ._PagesPage-header_ey49w_96 {
1823
+ ._PagesRow-action_11pqv_84:hover {
1652
1824
  color: var(--puck-color-azure-04);
1653
1825
  }
1654
- ._PagesPage--expanded_ey49w_69 ._PagesPage-header_ey49w_96 {
1655
- border-bottom: 1px solid var(--puck-color-grey-10);
1826
+ ._PagesRowSkeleton_11pqv_122 {
1827
+ animation: _PagesRowSkeleton-pulse_11pqv_1 1.2s ease-in-out infinite;
1828
+ background: var(--puck-color-grey-10);
1829
+ border-radius: 4px;
1830
+ display: block;
1831
+ height: 12px;
1832
+ width: 50%;
1656
1833
  }
1657
- ._PagesPage-header_ey49w_96:hover {
1658
- background: var(--puck-color-azure-11);
1659
- color: var(--puck-color-azure-04);
1834
+ @keyframes _PagesRowSkeleton-pulse_11pqv_1 {
1835
+ 50% {
1836
+ opacity: 0.5;
1837
+ }
1660
1838
  }
1661
- ._PagesPage-headerMain_ey49w_137 {
1662
- display: flex;
1663
- gap: 4px;
1664
- justify-content: space-between;
1839
+ @media (prefers-reduced-motion: reduce) {
1840
+ ._PagesRowSkeleton_11pqv_122 {
1841
+ animation: none;
1842
+ }
1843
+ }
1844
+
1845
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/ConfirmModal/styles.module.css/#css-module-data */
1846
+ ._ConfirmModal_zhhjx_1 {
1665
1847
  width: 100%;
1666
1848
  }
1667
- ._PagesPage-headerIcon_ey49w_144 {
1668
- color: var(--puck-color-grey-04);
1849
+ ._ConfirmModal-button_zhhjx_5 {
1850
+ display: inline-flex;
1669
1851
  }
1670
- ._PagesPage-loader_ey49w_148 {
1852
+ ._ConfirmModal-background_zhhjx_9 {
1671
1853
  align-items: center;
1672
- background-color: white;
1673
- display: none;
1674
- justify-content: center;
1675
- padding: 16px;
1676
- height: 100%;
1677
- }
1678
- ._PagesPage--expanded_ey49w_69 ._PagesPage-loader_ey49w_148 {
1679
- display: flex;
1680
- }
1681
- ._PagesPage-versions_ey49w_73 {
1682
- display: none;
1683
- overflow-y: auto;
1684
- }
1685
- ._PagesPage--expanded_ey49w_69 ._PagesPage-versions_ey49w_73 {
1686
- display: block;
1687
- }
1688
- ._PagesVersion_ey49w_174 ._PagesVersion-inner_ey49w_174 {
1689
- background-color: white;
1690
- border-top: 1px solid var(--puck-color-grey-10);
1691
- padding-bottom: 12px;
1692
- padding-left: 24px;
1693
- padding-right: 12px;
1694
- padding-top: 8px;
1695
- text-align: left;
1696
- width: 100%;
1697
- }
1698
- ._PagesVersion_ey49w_174:first-of-type ._PagesVersion-inner_ey49w_174 {
1699
- border-top: none;
1700
- }
1701
- ._PagesVersion--current_ey49w_189 ._PagesVersion-inner_ey49w_174 {
1702
- border-right: 3px solid var(--puck-color-azure-04);
1703
- }
1704
- ._PagesVersion-inner_ey49w_174:hover {
1705
- background-color: var(--puck-color-azure-11);
1706
- color: var(--puck-color-azure-04);
1707
- cursor: pointer;
1708
- }
1709
- ._PagesVersion-inner_ey49w_174:focus-visible {
1710
- outline: 2px solid var(--puck-color-azure-04);
1711
- outline-offset: -2px;
1712
- }
1713
- ._PagesVersion-header_ey49w_204 {
1714
- align-items: center;
1715
- display: flex;
1716
- gap: 4px;
1717
- }
1718
- ._PagesVersion-version_ey49w_210 {
1719
- font-family: var(--puck-font-family-monospaced);
1720
- font-weight: 600;
1721
- line-height: 1;
1722
- }
1723
- ._PagesVersion-date_ey49w_216 {
1724
- color: var(--puck-color-grey-06);
1725
- font-size: var(--puck-font-size-xxxs);
1726
- font-weight: 500;
1727
- line-height: 1;
1728
- margin-top: 2px;
1729
- margin-left: auto;
1730
- white-space: nowrap;
1731
- }
1732
-
1733
- /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/CreateForm/styles.module.css/#css-module-data */
1734
- ._CreateForm_kkdt2_1 {
1735
- width: 100%;
1736
- }
1737
- ._CreateForm-field_kkdt2_5 {
1738
- display: flex;
1739
- flex-direction: column;
1740
- align-items: flex-start;
1741
- gap: 0.25rem;
1742
- width: 100%;
1743
- }
1744
- ._CreateForm-label_kkdt2_13 {
1745
- font-size: 0.875rem;
1746
- line-height: 1.25rem;
1747
- font-weight: 500;
1748
- color: var(--puck-color-grey-02);
1749
- }
1750
- ._CreateForm-input_kkdt2_20 {
1751
- box-sizing: border-box;
1752
- width: 100%;
1753
- height: 2.5rem;
1754
- margin: 0;
1755
- padding: 0 0.875rem;
1756
- border: 1px solid var(--puck-color-grey-10);
1757
- border-radius: 0.375rem;
1758
- background-color: var(--puck-color-white);
1759
- color: var(--puck-color-grey-02);
1760
- font-family: inherit;
1761
- font-size: 1rem;
1762
- }
1763
- ._CreateForm-input_kkdt2_20:focus {
1764
- outline: 2px solid var(--puck-color-azure-04);
1765
- outline-offset: -1px;
1766
- }
1767
- ._CreateForm-input_kkdt2_20::placeholder {
1768
- color: var(--puck-color-grey-06);
1769
- }
1770
- ._CreateForm-error_kkdt2_43 {
1771
- width: 100%;
1772
- margin-top: 16px;
1773
- color: var(--puck-color-red-05);
1774
- font-size: 0.875rem;
1775
- line-height: 1.2;
1776
- }
1777
-
1778
- /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/ConfirmModal/styles.module.css/#css-module-data */
1779
- ._ConfirmModal_1r63q_1 {
1780
- width: 100%;
1781
- }
1782
- ._ConfirmModal-button_1r63q_5 {
1783
- display: inline-flex;
1784
- }
1785
- ._ConfirmModal-background_1r63q_9 {
1786
- align-items: center;
1787
- background: #00000050;
1854
+ background: rgba(0, 0, 0, 0.4);
1788
1855
  bottom: 0;
1789
1856
  display: flex;
1790
1857
  justify-content: center;
@@ -1794,92 +1861,390 @@ button._Menu-item_1jr57_55:hover {
1794
1861
  top: 0;
1795
1862
  z-index: 2;
1796
1863
  }
1797
- ._ConfirmModal-modal_1r63q_22 {
1864
+ ._ConfirmModal-modal_zhhjx_22 {
1798
1865
  background: var(--puck-color-white);
1799
1866
  border-radius: 16px;
1867
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
1800
1868
  display: flex;
1801
1869
  flex-direction: column;
1802
1870
  margin-inline: 24px;
1803
1871
  max-height: calc(100vh - 24px);
1872
+ max-width: 440px;
1804
1873
  min-width: 356px;
1805
1874
  overflow: auto;
1806
1875
  }
1807
- ._ConfirmModal-header_1r63q_33 {
1876
+ ._ConfirmModal-header_zhhjx_35 {
1808
1877
  align-items: center;
1809
1878
  color: var(--puck-color-grey-02);
1810
1879
  display: flex;
1811
1880
  gap: 16px;
1812
1881
  justify-content: space-between;
1813
- padding: 24px 24px 16px;
1882
+ padding: 24px 24px 8px;
1814
1883
  }
1815
- ._ConfirmModal-close_1r63q_42 {
1884
+ ._ConfirmModal-close_zhhjx_44 {
1816
1885
  align-items: center;
1817
1886
  appearance: none;
1818
- background: transparent;
1819
- border: none;
1887
+ background: var(--puck-color-white);
1888
+ border: 1px solid var(--puck-color-grey-08);
1820
1889
  border-radius: 8px;
1821
- color: var(--puck-color-grey-04);
1890
+ box-sizing: border-box;
1891
+ color: var(--puck-color-grey-02);
1822
1892
  cursor: pointer;
1823
1893
  display: inline-flex;
1894
+ font: inherit;
1895
+ font-size: var(--puck-font-size-xxs);
1824
1896
  justify-content: center;
1825
- padding: 4px;
1897
+ min-height: 34px;
1898
+ padding: 0 16px;
1826
1899
  }
1827
- ._ConfirmModal-close_1r63q_42:hover {
1900
+ ._ConfirmModal-close_zhhjx_44:hover:not(:disabled) {
1828
1901
  background: var(--puck-color-grey-11);
1829
- color: var(--puck-color-grey-02);
1830
1902
  }
1831
- ._ConfirmModal-close_1r63q_42:focus-visible {
1903
+ ._ConfirmModal-close_zhhjx_44:disabled {
1904
+ color: var(--puck-color-grey-07);
1905
+ cursor: not-allowed;
1906
+ }
1907
+ ._ConfirmModal-close_zhhjx_44:focus-visible {
1832
1908
  outline: 2px solid var(--puck-color-azure-05);
1833
1909
  outline-offset: 2px;
1834
1910
  }
1835
- ._ConfirmModal-body_1r63q_65 {
1836
- color: var(--puck-color-grey-03);
1837
- line-height: 1.5;
1838
- padding: 8px 24px 24px;
1911
+ ._ConfirmModal-body_zhhjx_75 {
1912
+ color: var(--puck-color-grey-04);
1913
+ font-size: var(--puck-font-size-xxs);
1914
+ line-height: 20px;
1915
+ padding: 0 24px 24px;
1839
1916
  }
1840
- ._ConfirmModal-footer_1r63q_71 {
1917
+ ._ConfirmModal-footer_zhhjx_82 {
1841
1918
  background-color: var(--puck-color-grey-12);
1842
- border-top: 1px solid var(--puck-color-grey-09);
1919
+ border-top: 1px solid var(--puck-color-grey-10);
1843
1920
  display: flex;
1844
- gap: 12px;
1921
+ gap: 8px;
1845
1922
  justify-content: flex-end;
1846
1923
  padding: 16px 24px;
1847
1924
  }
1848
1925
 
1849
- /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
1850
- ._HeaderActions-publish_7nzbl_1 {
1851
- position: relative;
1926
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/StatusBadge/styles.module.css/#css-module-data */
1927
+ ._StatusBadge_1klqu_1 {
1928
+ align-items: center;
1929
+ color: var(--puck-color-grey-05);
1852
1930
  display: inline-flex;
1853
- align-items: stretch;
1931
+ flex-shrink: 0;
1932
+ font-size: var(--puck-font-size-xxxs);
1933
+ font-weight: 500;
1934
+ gap: 4px;
1935
+ line-height: 16px;
1936
+ white-space: nowrap;
1854
1937
  }
1855
- ._HeaderActions-trigger_7nzbl_7 {
1856
- display: inline-flex;
1938
+ ._StatusBadge-dot_1klqu_13 {
1939
+ background: var(--puck-color-grey-07);
1940
+ border-radius: 50%;
1941
+ flex-shrink: 0;
1942
+ height: 8px;
1943
+ width: 8px;
1944
+ }
1945
+ ._StatusBadge--published_1klqu_21 ._StatusBadge-dot_1klqu_13 {
1946
+ background: var(--puck-color-green-06);
1947
+ }
1948
+ ._StatusBadge--unsaved_1klqu_25 ._StatusBadge-dot_1klqu_13 {
1949
+ background: var(--puck-color-yellow-06);
1950
+ }
1951
+
1952
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/VersionTimeline/styles.module.css/#css-module-data */
1953
+ ._VersionTimeline-trigger_g6ztp_6 {
1857
1954
  align-items: center;
1955
+ background: none;
1956
+ border: 1px solid transparent;
1957
+ border-radius: 8px;
1958
+ box-sizing: border-box;
1959
+ color: inherit;
1960
+ cursor: pointer;
1961
+ display: inline-flex;
1962
+ font: inherit;
1963
+ gap: 8px;
1964
+ height: 34px;
1965
+ padding: 0 8px 0 12px;
1966
+ text-align: left;
1967
+ transition: background-color 120ms, border-color 120ms;
1968
+ }
1969
+ ._VersionTimeline-trigger_g6ztp_6:hover:not(:disabled, ._VersionTimeline-placeholder_g6ztp_23),
1970
+ ._VersionTimeline-trigger_g6ztp_6[data-state=open] {
1971
+ background: var(--puck-color-grey-12);
1972
+ border-color: var(--puck-color-grey-09);
1973
+ }
1974
+ ._VersionTimeline-trigger_g6ztp_6:focus-visible {
1975
+ outline: 2px solid var(--puck-color-azure-04);
1976
+ outline-offset: -2px;
1977
+ }
1978
+ ._VersionTimeline-trigger_g6ztp_6:disabled {
1979
+ cursor: default;
1980
+ }
1981
+ ._VersionTimeline-trigger_g6ztp_6:disabled ._VersionTimeline-chevron_g6ztp_38 {
1982
+ display: none;
1983
+ }
1984
+ ._VersionTimeline-placeholder_g6ztp_23 {
1985
+ cursor: default;
1986
+ }
1987
+ ._VersionTimeline-placeholder_g6ztp_23 ._VersionTimeline-chevron_g6ztp_38 {
1988
+ visibility: hidden;
1989
+ }
1990
+ ._VersionTimeline-chevron_g6ztp_38 {
1991
+ color: var(--puck-color-grey-05);
1992
+ flex-shrink: 0;
1993
+ }
1994
+ ._VersionTimeline-content_g6ztp_55 {
1995
+ background: var(--puck-color-white);
1996
+ border: 1px solid var(--puck-color-grey-09);
1997
+ border-radius: 12px;
1998
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.04);
1999
+ box-sizing: border-box;
2000
+ display: flex;
2001
+ flex-direction: column;
2002
+ max-height: min(440px, var(--radix-popover-content-available-height));
2003
+ outline: none;
2004
+ overflow: hidden;
2005
+ width: 288px;
2006
+ z-index: 1;
2007
+ }
2008
+ ._VersionTimeline-header_g6ztp_70 {
2009
+ align-items: baseline;
2010
+ border-bottom: 1px solid var(--puck-color-grey-10);
2011
+ display: flex;
2012
+ gap: 8px;
2013
+ justify-content: space-between;
2014
+ padding: 12px 16px;
2015
+ }
2016
+ ._VersionTimeline-title_g6ztp_79 {
2017
+ color: var(--puck-color-grey-02);
2018
+ font-size: var(--puck-font-size-xxs);
2019
+ font-weight: 600;
2020
+ line-height: 20px;
2021
+ }
2022
+ ._VersionTimeline-count_g6ztp_86 {
2023
+ color: var(--puck-color-grey-05);
2024
+ font-size: var(--puck-font-size-xxxs);
2025
+ line-height: 16px;
2026
+ }
2027
+ ._VersionTimeline-message_g6ztp_92 {
2028
+ color: var(--puck-color-grey-05);
2029
+ display: flex;
2030
+ font-size: var(--puck-font-size-xxs);
1858
2031
  justify-content: center;
1859
- min-height: 32px;
1860
- padding: 0 12px;
1861
- border-left: 0;
1862
- border-radius: 0 8px 8px 0;
2032
+ margin: 0;
2033
+ padding: 24px 16px;
2034
+ }
2035
+ ._VersionTimeline-list_g6ztp_102 {
2036
+ margin: 0;
2037
+ overflow-y: auto;
2038
+ padding: 0 8px 8px;
2039
+ }
2040
+ ol._VersionTimeline-list_g6ztp_102 {
2041
+ padding-top: 8px;
2042
+ }
2043
+ ._VersionTimeline-day_g6ztp_113 {
1863
2044
  background: var(--puck-color-white);
1864
- color: var(--puck-color-grey-01);
2045
+ color: var(--puck-color-grey-05);
2046
+ font-size: var(--puck-font-size-xxxs);
2047
+ font-weight: 600;
2048
+ line-height: 16px;
2049
+ margin: 0;
2050
+ padding: 8px 8px 4px 34px;
2051
+ position: sticky;
2052
+ top: 0;
2053
+ z-index: 1;
2054
+ }
2055
+ ._VersionTimeline-day_g6ztp_113::before {
2056
+ background: var(--puck-color-grey-10);
2057
+ bottom: 0;
2058
+ content: "";
2059
+ left: 15.5px;
2060
+ position: absolute;
2061
+ top: 0;
2062
+ width: 1px;
1865
2063
  }
1866
- ._HeaderActions-versionHeader_7nzbl_19 {
2064
+ ._VersionTimeline-group_g6ztp_137:first-of-type ._VersionTimeline-day_g6ztp_113::before {
2065
+ display: none;
2066
+ }
2067
+ ._VersionTimeline-items_g6ztp_141 {
2068
+ list-style: none;
2069
+ margin: 0;
2070
+ padding: 0;
2071
+ }
2072
+ ._VersionTimeline-more_g6ztp_147 {
2073
+ display: flex;
2074
+ justify-content: center;
2075
+ padding: 8px;
2076
+ }
2077
+ ._VersionTimeline-retry_g6ztp_153 {
2078
+ background: none;
2079
+ border: 0;
2080
+ border-radius: 4px;
2081
+ color: var(--puck-color-azure-04);
2082
+ cursor: pointer;
2083
+ font: inherit;
2084
+ font-size: var(--puck-font-size-xxs);
2085
+ padding: 4px 8px;
2086
+ }
2087
+ ._VersionTimeline-retry_g6ztp_153:hover {
2088
+ background: var(--puck-color-azure-11);
2089
+ }
2090
+ ._VersionTimelineItem_g6ztp_172 {
1867
2091
  align-items: center;
2092
+ background: none;
2093
+ border: 1px solid transparent;
2094
+ border-radius: 8px;
2095
+ box-sizing: border-box;
2096
+ color: var(--puck-color-grey-02);
2097
+ cursor: pointer;
1868
2098
  display: flex;
2099
+ font: inherit;
2100
+ gap: 12px;
2101
+ min-height: 36px;
2102
+ padding: 7px;
2103
+ position: relative;
2104
+ text-align: left;
2105
+ width: 100%;
2106
+ }
2107
+ ._VersionTimelineItem_g6ztp_172::before {
2108
+ background: var(--puck-color-grey-10);
2109
+ bottom: 0;
2110
+ content: "";
2111
+ left: 14.5px;
2112
+ position: absolute;
2113
+ top: 0;
2114
+ width: 1px;
2115
+ }
2116
+ ._VersionTimeline-group_g6ztp_137:first-of-type li:first-child > ._VersionTimelineItem_g6ztp_172::before,
2117
+ ol._VersionTimeline-list_g6ztp_102 > li:first-child > ._VersionTimelineItem_g6ztp_172::before {
2118
+ top: 50%;
2119
+ }
2120
+ ._VersionTimeline-group_g6ztp_137:last-of-type li:last-child > ._VersionTimelineItem_g6ztp_172::before,
2121
+ ol._VersionTimeline-list_g6ztp_102 > li:last-child > ._VersionTimelineItem_g6ztp_172::before {
2122
+ bottom: 50%;
2123
+ }
2124
+ ._VersionTimelineItem_g6ztp_172:hover:not(._VersionTimelineItem--loading_g6ztp_216) {
2125
+ background: var(--puck-color-azure-11);
2126
+ border-color: var(--puck-color-azure-10);
2127
+ }
2128
+ ._VersionTimelineItem--current_g6ztp_221,
2129
+ ._VersionTimelineItem--current_g6ztp_221:hover:not(._VersionTimelineItem--loading_g6ztp_216) {
2130
+ background: var(--puck-color-azure-10);
2131
+ border-color: var(--puck-color-azure-08);
2132
+ }
2133
+ ._VersionTimelineItem--loading_g6ztp_216 {
2134
+ cursor: default;
2135
+ }
2136
+ ._VersionTimelineItem_g6ztp_172:focus-visible {
2137
+ outline: 2px solid var(--puck-color-azure-04);
2138
+ outline-offset: -2px;
2139
+ }
2140
+ ._VersionTimelineItem-dot_g6ztp_236 {
2141
+ background: var(--puck-color-white);
2142
+ border: 2px solid var(--puck-color-grey-08);
2143
+ border-radius: 50%;
2144
+ box-sizing: border-box;
2145
+ flex-shrink: 0;
2146
+ height: 12px;
2147
+ margin-left: 2px;
2148
+ position: relative;
2149
+ width: 12px;
2150
+ }
2151
+ ._VersionTimelineItem--current_g6ztp_221 ._VersionTimelineItem-dot_g6ztp_236 {
2152
+ background: var(--puck-color-azure-04);
2153
+ border-color: var(--puck-color-azure-04);
2154
+ box-shadow: 0 0 0 4px var(--puck-color-azure-10);
2155
+ }
2156
+ ._VersionTimelineItem-body_g6ztp_254 {
2157
+ align-items: center;
2158
+ display: flex;
2159
+ flex: 1;
1869
2160
  gap: 8px;
1870
- height: 21px;
2161
+ min-width: 0;
1871
2162
  }
1872
- ._HeaderActions-versionLabel_7nzbl_26 {
1873
- font-family: var(--puck-font-family-monospaced);
1874
- font-size: var(--puck-font-size-xs);
2163
+ ._VersionTimelineItem-label_g6ztp_262 {
2164
+ font-size: var(--puck-font-size-xxs);
1875
2165
  font-weight: 600;
1876
- line-height: 1;
2166
+ line-height: 20px;
1877
2167
  }
1878
- ._HeaderActions-versionDate_7nzbl_33 {
1879
- color: var(--puck-color-grey-06);
2168
+ ._VersionTimelineItem--current_g6ztp_221 ._VersionTimelineItem-label_g6ztp_262 {
2169
+ color: var(--puck-color-azure-04);
2170
+ }
2171
+ ._VersionTimelineItem-time_g6ztp_272 {
2172
+ color: var(--puck-color-grey-05);
2173
+ flex-shrink: 0;
1880
2174
  font-size: var(--puck-font-size-xxxs);
1881
- font-weight: 500;
1882
- line-height: 1;
1883
- margin-top: 2px;
1884
- white-space: nowrap;
2175
+ font-variant-numeric: tabular-nums;
2176
+ line-height: 16px;
2177
+ }
2178
+ ._VersionSkeleton_g6ztp_284 {
2179
+ animation: _VersionSkeleton-pulse_g6ztp_1 1.2s ease-in-out infinite;
2180
+ background: var(--puck-color-grey-10);
2181
+ border-radius: 4px;
2182
+ display: block;
2183
+ height: 1em;
2184
+ width: 64px;
2185
+ }
2186
+ ._VersionSkeleton--date_g6ztp_293 {
2187
+ width: 80px;
2188
+ }
2189
+ @keyframes _VersionSkeleton-pulse_g6ztp_1 {
2190
+ 50% {
2191
+ opacity: 0.5;
2192
+ }
2193
+ }
2194
+ @media (prefers-reduced-motion: reduce) {
2195
+ ._VersionSkeleton_g6ztp_284 {
2196
+ animation: none;
2197
+ }
2198
+ }
2199
+
2200
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
2201
+ ._HeaderActions-version_ni5o1_6 {
2202
+ align-items: center;
2203
+ display: flex;
2204
+ gap: 8px;
2205
+ }
2206
+ ._HeaderActions-versionLabel_ni5o1_12 {
2207
+ color: var(--puck-color-grey-02);
2208
+ font-size: var(--puck-font-size-xxs);
2209
+ font-weight: 600;
2210
+ line-height: 16px;
2211
+ }
2212
+ ._HeaderActions-publish_ni5o1_19 {
2213
+ align-items: center;
2214
+ display: inline-flex;
2215
+ gap: 8px;
2216
+ }
2217
+ ._HeaderActions-more_ni5o1_26 {
2218
+ align-items: center;
2219
+ background: var(--puck-color-white);
2220
+ border: 1px solid var(--puck-color-grey-09);
2221
+ border-radius: 8px;
2222
+ box-sizing: border-box;
2223
+ color: var(--puck-color-grey-03);
2224
+ display: inline-flex;
2225
+ height: 34px;
2226
+ justify-content: center;
2227
+ width: 34px;
2228
+ }
2229
+ @media (hover: hover) and (pointer: fine) {
2230
+ ._HeaderActions-more_ni5o1_26:hover {
2231
+ background: var(--puck-color-grey-11);
2232
+ color: var(--puck-color-grey-02);
2233
+ }
2234
+ }
2235
+
2236
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/Preview/styles.module.css/#css-module-data */
2237
+ ._Preview_11gto_5 {
2238
+ align-items: center;
2239
+ background: var( --puck-canvas-color-bg, var(--puck-color-surface-muted, var(--puck-color-grey-11)) );
2240
+ color: var(--puck-color-grey-07);
2241
+ display: flex;
2242
+ inset: -1px;
2243
+ justify-content: center;
2244
+ position: absolute;
2245
+ }
2246
+
2247
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/EditorLock/styles.module.css/#css-module-data */
2248
+ ._EditorLock_v0x64_1 {
2249
+ display: contents;
1885
2250
  }