@puckeditor/plugin-pages 0.9.0-canary.265aaf99 → 0.9.0-canary.2cecde46

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 (6) hide show
  1. package/dist/index.css +808 -441
  2. package/dist/index.d.mts +18 -3
  3. package/dist/index.d.ts +18 -3
  4. package/dist/index.js +2222 -17510
  5. package/dist/index.mjs +2222 -17507
  6. package/package.json +9 -10
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_1bedq_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_1bedq_16 ._Modal-background_1bedq_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_1bedq_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 */
@@ -929,15 +1102,15 @@ p {
929
1102
  }
930
1103
 
931
1104
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Menu/styles.module.css/#css-module-data */
932
- ._Menu_1tu16_1 {
1105
+ ._Menu_1jr57_1 {
933
1106
  display: flex;
934
1107
  position: relative;
935
1108
  }
936
- ._Menu-content_1tu16_6 {
1109
+ ._Menu-content_1jr57_6 {
937
1110
  outline: none;
938
1111
  z-index: 1;
939
1112
  }
940
- ._Menu-sections_1tu16_11 {
1113
+ ._Menu-sections_1jr57_11 {
941
1114
  background-color: white;
942
1115
  border: 1px solid var(--puck-color-grey-09);
943
1116
  border-radius: 8px;
@@ -947,40 +1120,41 @@ p {
947
1120
  padding-bottom: 4px;
948
1121
  padding-top: 4px;
949
1122
  }
950
- ._Menu-action_1tu16_22 {
1123
+ ._Menu-action_1jr57_22 {
951
1124
  background: none;
952
1125
  border: none;
953
1126
  margin-left: auto;
954
1127
  padding: 0;
955
1128
  }
956
- ._Menu-action_1tu16_22:hover:not(:disabled) {
1129
+ ._Menu-action_1jr57_22:hover:not(:disabled) {
957
1130
  cursor: pointer;
958
1131
  opacity: 0.8;
959
1132
  }
960
- ._Menu-action_1tu16_22:disabled {
1133
+ ._Menu-action_1jr57_22:disabled {
961
1134
  cursor: not-allowed;
962
1135
  opacity: 0.5;
963
1136
  }
964
- ._Menu-action_1tu16_22:focus-visible {
1137
+ ._Menu-action_1jr57_22:focus-visible {
965
1138
  outline: 2px solid var(--puck-color-azure-05);
966
1139
  outline-offset: 2px;
967
1140
  }
968
- ._Menu-list_1tu16_44 {
1141
+ ._Menu-list_1jr57_44 {
969
1142
  list-style: none;
970
1143
  margin: 0;
971
1144
  padding: 0;
972
1145
  }
973
- ._Menu-list_1tu16_44 + ._Menu-list_1tu16_44 {
1146
+ ._Menu-list_1jr57_44 + ._Menu-list_1jr57_44 {
974
1147
  border-top: 1px solid var(--puck-color-grey-09);
975
1148
  margin-top: 4px;
976
1149
  }
977
- ._Menu-item_1tu16_55 {
1150
+ ._Menu-item_1jr57_55 {
978
1151
  align-items: center;
979
1152
  background: none;
980
1153
  border: none;
981
1154
  box-sizing: border-box;
982
1155
  color: var(--puck-color-grey-02);
983
1156
  display: flex;
1157
+ font-family: var(--puck-font-family);
984
1158
  font-size: var(--puck-font-size-xxs);
985
1159
  font-weight: 500;
986
1160
  gap: 8px;
@@ -990,16 +1164,16 @@ p {
990
1164
  white-space: nowrap;
991
1165
  width: 100%;
992
1166
  }
993
- a._Menu-item_1tu16_55,
994
- button._Menu-item_1tu16_55 {
1167
+ a._Menu-item_1jr57_55,
1168
+ button._Menu-item_1jr57_55 {
995
1169
  cursor: pointer;
996
1170
  }
997
- a._Menu-item_1tu16_55:hover,
998
- button._Menu-item_1tu16_55:hover {
1171
+ a._Menu-item_1jr57_55:hover,
1172
+ button._Menu-item_1jr57_55:hover {
999
1173
  background-color: var(--puck-color-azure-11);
1000
1174
  color: var(--puck-color-azure-04);
1001
1175
  }
1002
- ._Menu-item--disabled_1tu16_83 {
1176
+ ._Menu-item--disabled_1jr57_84 {
1003
1177
  cursor: not-allowed;
1004
1178
  opacity: 0.5;
1005
1179
  }
@@ -1294,15 +1468,15 @@ button._Menu-item_1tu16_55:hover {
1294
1468
  }
1295
1469
 
1296
1470
  /* css-module:/home/runner/work/platform/platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
1297
- ._Tag_s2h0n_1 {
1471
+ ._Tag_162k8_1 {
1298
1472
  align-items: center;
1299
1473
  display: flex;
1300
- text-transform: uppercase;
1474
+ text-transform: lowercase;
1301
1475
  font-family: var(--puck-font-family-monospaced);
1302
- font-weight: 600;
1476
+ font-weight: 500;
1303
1477
  font-size: var(--puck-font-size-xxxs);
1304
1478
  gap: 6px;
1305
- border-radius: 4px;
1479
+ border-radius: 16px;
1306
1480
  border: 1px solid currentColor;
1307
1481
  color: var(--puck-color-grey-05);
1308
1482
  padding: 4px 8px;
@@ -1311,34 +1485,35 @@ button._Menu-item_1tu16_55:hover {
1311
1485
  position: relative;
1312
1486
  z-index: 0;
1313
1487
  }
1314
- ._Tag--borderless_s2h0n_21 {
1488
+ ._Tag--borderless_162k8_21 {
1315
1489
  border: none;
1316
1490
  }
1317
- ._Tag--colorBlue_s2h0n_25 {
1318
- color: var(--puck-color-azure-05);
1491
+ ._Tag--colorBlue_162k8_25 {
1492
+ background-color: var(--puck-color-azure-05);
1493
+ color: var(--puck-color-white);
1319
1494
  }
1320
- ._Tag--colorGreen_s2h0n_29 {
1495
+ ._Tag--colorGreen_162k8_30 {
1321
1496
  color: var(--puck-color-green-06);
1322
1497
  }
1323
- ._Tag--colorRed_s2h0n_33 {
1498
+ ._Tag--colorRed_162k8_34 {
1324
1499
  color: var(--puck-color-red-04);
1325
1500
  }
1326
- ._Tag--colorMuted_s2h0n_37 {
1327
- color: var(--puck-color-grey-06);
1501
+ ._Tag--colorMuted_162k8_38 {
1502
+ color: var(--puck-color-grey-05);
1328
1503
  }
1329
- ._Tag-sprite_s2h0n_41 {
1504
+ ._Tag-sprite_162k8_42 {
1330
1505
  display: flex;
1331
1506
  }
1332
- ._Tag--pulse_s2h0n_45 {
1333
- ._Tag-sprite_s2h0n_41 {
1507
+ ._Tag--pulse_162k8_46 {
1508
+ ._Tag-sprite_162k8_42 {
1334
1509
  background: currentColor;
1335
1510
  border-radius: 50%;
1336
1511
  height: 5px;
1337
1512
  position: relative;
1338
1513
  width: 5px;
1339
1514
  }
1340
- ._Tag-sprite_s2h0n_41::before {
1341
- animation: _pulse_s2h0n_1 1s 0s infinite alternate;
1515
+ ._Tag-sprite_162k8_42::before {
1516
+ animation: _pulse_162k8_1 1s 0s infinite alternate;
1342
1517
  animation-fill-mode: both;
1343
1518
  background-color: color-mix(in srgb, currentColor 25%, transparent);
1344
1519
  border-radius: 50%;
@@ -1352,7 +1527,7 @@ button._Menu-item_1tu16_55:hover {
1352
1527
  z-index: -1;
1353
1528
  }
1354
1529
  }
1355
- @keyframes _pulse_s2h0n_1 {
1530
+ @keyframes _pulse_162k8_1 {
1356
1531
  0% {
1357
1532
  transform: scale(1);
1358
1533
  }
@@ -1360,7 +1535,7 @@ button._Menu-item_1tu16_55:hover {
1360
1535
  transform: scale(2);
1361
1536
  }
1362
1537
  }
1363
- ._Tag-label_s2h0n_79 {
1538
+ ._Tag-label_162k8_80 {
1364
1539
  margin-top: 1px;
1365
1540
  }
1366
1541
 
@@ -1548,241 +1723,135 @@ button._Menu-item_1tu16_55:hover {
1548
1723
  }
1549
1724
  }
1550
1725
 
1551
- /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
1552
- ._Pages_ey49w_5 {
1726
+ /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/PagesRow/styles.module.css/#css-module-data */
1727
+ ._PagesRow_11pqv_2 {
1728
+ align-items: center;
1729
+ border: 1px solid transparent;
1730
+ border-radius: 8px;
1731
+ box-sizing: border-box;
1553
1732
  display: flex;
1554
- flex-direction: column;
1555
- height: 100%;
1556
- padding: 16px;
1733
+ gap: 4px;
1734
+ height: 32px;
1735
+ padding: 0 3px 0 11px;
1557
1736
  }
1558
- ._Pages-addPage_ey49w_12 {
1559
- margin-bottom: 16px;
1560
- display: flex;
1561
- gap: 8px;
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);
1562
1740
  }
1563
- ._Pages-loader_ey49w_18 {
1564
- align-items: center;
1565
- background-color: white;
1566
- display: flex;
1567
- justify-content: center;
1568
- padding: 16px;
1741
+ ._PagesRow--loading_11pqv_13 {
1742
+ cursor: default;
1569
1743
  }
1570
- ._Pages-list_ey49w_26 {
1571
- display: flex;
1572
- flex-direction: column;
1573
- border-radius: 8px;
1574
- overflow-y: auto;
1575
- flex-grow: 1;
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);
1576
1748
  }
1577
- ._Pages-search_ey49w_34 {
1578
- flex-grow: 1;
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;
1756
+ display: flex;
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;
1579
1764
  }
1580
- ._Pages-searchInput_ey49w_38 {
1581
- border: 1px solid var(--puck-color-grey-09);
1582
- border-radius: 8px;
1583
- background-color: var(--puck-color-white);
1584
- box-sizing: border-box;
1585
- color: var(--puck-color-grey-02);
1586
- height: 36px;
1587
- margin: 0;
1588
- padding: 0 8px;
1589
- width: 100%;
1765
+ ._PagesRow--current_11pqv_23 ._PagesRow-main_11pqv_29 {
1766
+ color: var(--puck-color-grey-01);
1767
+ font-weight: 600;
1590
1768
  }
1591
- ._Pages-searchInput_ey49w_38:focus {
1769
+ ._PagesRow-main_11pqv_29:focus-visible {
1770
+ border-radius: 4px;
1592
1771
  outline: 2px solid var(--puck-color-azure-04);
1593
- outline-offset: -1px;
1772
+ outline-offset: 2px;
1594
1773
  }
1595
- ._PagesPage_ey49w_59 {
1596
- border-left: 1px solid var(--puck-color-grey-10);
1597
- border-right: 1px solid var(--puck-color-grey-10);
1598
- border-bottom: 1px solid var(--puck-color-grey-10);
1599
- display: flex;
1600
- flex-direction: column;
1774
+ ._PagesRow-icon_11pqv_57 {
1775
+ color: var(--puck-color-grey-06);
1601
1776
  flex-shrink: 0;
1602
- overflow: hidden;
1603
1777
  }
1604
- ._PagesPage--expanded_ey49w_69 {
1605
- min-height: calc(34px + 1px + 55px);
1778
+ ._PagesRow--current_11pqv_23 ._PagesRow-icon_11pqv_57 {
1779
+ color: var(--puck-color-grey-02);
1606
1780
  }
1607
- ._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(2)) {
1608
- min-height: calc(34px + 1px + 55px + 1px + 55px);
1781
+ ._PagesRow-path_11pqv_66 {
1782
+ min-width: 0;
1783
+ overflow: hidden;
1784
+ text-overflow: ellipsis;
1785
+ white-space: nowrap;
1609
1786
  }
1610
- ._PagesPage--expanded_ey49w_69:has(._PagesPage-versions_ey49w_73 > :nth-child(3)) {
1611
- min-height: calc(34px + 1px + 55px + 1px + 55px + 1px + 55px);
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);
1793
+ font-weight: 600;
1794
+ line-height: 20px;
1795
+ padding: 0 8px;
1612
1796
  }
1613
- ._PagesPage--expanded_ey49w_69 {
1614
- flex-shrink: 1;
1797
+ ._PagesRow-actions_11pqv_84 {
1798
+ display: flex;
1799
+ margin-left: auto;
1800
+ flex-shrink: 0;
1801
+ opacity: 0;
1802
+ transition: opacity 120ms;
1615
1803
  }
1616
- ._PagesPage_ey49w_59:first-of-type {
1617
- border-top: 1px solid var(--puck-color-grey-10);
1618
- border-top-left-radius: 8px;
1619
- 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;
1620
1808
  }
1621
- ._PagesPage_ey49w_59:last-of-type {
1622
- border-bottom-left-radius: 8px;
1623
- border-bottom-right-radius: 8px;
1809
+ @media (hover: none) {
1810
+ ._PagesRow-actions_11pqv_84 {
1811
+ opacity: 1;
1812
+ }
1624
1813
  }
1625
- ._PagesPage-header_ey49w_96 {
1814
+ ._PagesRow-action_11pqv_84 {
1626
1815
  align-items: center;
1627
- background-color: white;
1628
- font-family: var(--puck-font-family-monospaced);
1629
- font-size: var(--puck-font-size-xxs);
1630
- font-weight: 600;
1631
- cursor: pointer;
1632
- display: flex;
1633
- justify-content: space-between;
1634
- padding: 8px 12px;
1635
- width: 100%;
1636
- }
1637
- ._PagesPage_ey49w_59:first-of-type ._PagesPage-header_ey49w_96 {
1638
- border-top-left-radius: 8px;
1639
- border-top-right-radius: 8px;
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;
1640
1822
  }
1641
- ._PagesPage_ey49w_59:last-of-type:not(._PagesPage--expanded_ey49w_69) ._PagesPage-header_ey49w_96 {
1642
- border-bottom-left-radius: 8px;
1643
- border-bottom-right-radius: 8px;
1823
+ ._PagesRow-action_11pqv_84:hover {
1824
+ color: var(--puck-color-azure-04);
1644
1825
  }
1645
- ._PagesPage-header_ey49w_96:focus-visible {
1646
- outline: 2px solid var(--puck-color-azure-04);
1647
- outline-offset: -2px;
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%;
1648
1833
  }
1649
- ._PagesPage--active_ey49w_124 ._PagesPage-header_ey49w_96 {
1650
- color: var(--puck-color-azure-04);
1834
+ @keyframes _PagesRowSkeleton-pulse_11pqv_1 {
1835
+ 50% {
1836
+ opacity: 0.5;
1837
+ }
1651
1838
  }
1652
- ._PagesPage--expanded_ey49w_69 ._PagesPage-header_ey49w_96 {
1653
- border-bottom: 1px solid var(--puck-color-grey-10);
1654
- }
1655
- ._PagesPage-header_ey49w_96:hover {
1656
- background: var(--puck-color-azure-11);
1657
- color: var(--puck-color-azure-04);
1658
- }
1659
- ._PagesPage-headerMain_ey49w_137 {
1660
- display: flex;
1661
- gap: 4px;
1662
- justify-content: space-between;
1663
- width: 100%;
1664
- }
1665
- ._PagesPage-headerIcon_ey49w_144 {
1666
- color: var(--puck-color-grey-04);
1667
- }
1668
- ._PagesPage-loader_ey49w_148 {
1669
- align-items: center;
1670
- background-color: white;
1671
- display: none;
1672
- justify-content: center;
1673
- padding: 16px;
1674
- height: 100%;
1675
- }
1676
- ._PagesPage--expanded_ey49w_69 ._PagesPage-loader_ey49w_148 {
1677
- display: flex;
1678
- }
1679
- ._PagesPage-versions_ey49w_73 {
1680
- display: none;
1681
- overflow-y: auto;
1682
- }
1683
- ._PagesPage--expanded_ey49w_69 ._PagesPage-versions_ey49w_73 {
1684
- display: block;
1685
- }
1686
- ._PagesVersion_ey49w_174 ._PagesVersion-inner_ey49w_174 {
1687
- background-color: white;
1688
- border-top: 1px solid var(--puck-color-grey-10);
1689
- padding-bottom: 12px;
1690
- padding-left: 24px;
1691
- padding-right: 12px;
1692
- padding-top: 8px;
1693
- text-align: left;
1694
- width: 100%;
1695
- }
1696
- ._PagesVersion_ey49w_174:first-of-type ._PagesVersion-inner_ey49w_174 {
1697
- border-top: none;
1698
- }
1699
- ._PagesVersion--current_ey49w_189 ._PagesVersion-inner_ey49w_174 {
1700
- border-right: 3px solid var(--puck-color-azure-04);
1701
- }
1702
- ._PagesVersion-inner_ey49w_174:hover {
1703
- background-color: var(--puck-color-azure-11);
1704
- color: var(--puck-color-azure-04);
1705
- cursor: pointer;
1706
- }
1707
- ._PagesVersion-inner_ey49w_174:focus-visible {
1708
- outline: 2px solid var(--puck-color-azure-04);
1709
- outline-offset: -2px;
1710
- }
1711
- ._PagesVersion-header_ey49w_204 {
1712
- align-items: center;
1713
- display: flex;
1714
- gap: 4px;
1715
- }
1716
- ._PagesVersion-version_ey49w_210 {
1717
- font-family: var(--puck-font-family-monospaced);
1718
- font-weight: 600;
1719
- line-height: 1;
1720
- }
1721
- ._PagesVersion-date_ey49w_216 {
1722
- color: var(--puck-color-grey-06);
1723
- font-size: var(--puck-font-size-xxxs);
1724
- font-weight: 500;
1725
- line-height: 1;
1726
- margin-top: 2px;
1727
- margin-left: auto;
1728
- white-space: nowrap;
1729
- }
1730
-
1731
- /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/CreateForm/styles.module.css/#css-module-data */
1732
- ._CreateForm_kkdt2_1 {
1733
- width: 100%;
1734
- }
1735
- ._CreateForm-field_kkdt2_5 {
1736
- display: flex;
1737
- flex-direction: column;
1738
- align-items: flex-start;
1739
- gap: 0.25rem;
1740
- width: 100%;
1741
- }
1742
- ._CreateForm-label_kkdt2_13 {
1743
- font-size: 0.875rem;
1744
- line-height: 1.25rem;
1745
- font-weight: 500;
1746
- color: var(--puck-color-grey-02);
1747
- }
1748
- ._CreateForm-input_kkdt2_20 {
1749
- box-sizing: border-box;
1750
- width: 100%;
1751
- height: 2.5rem;
1752
- margin: 0;
1753
- padding: 0 0.875rem;
1754
- border: 1px solid var(--puck-color-grey-10);
1755
- border-radius: 0.375rem;
1756
- background-color: var(--puck-color-white);
1757
- color: var(--puck-color-grey-02);
1758
- font-family: inherit;
1759
- font-size: 1rem;
1760
- }
1761
- ._CreateForm-input_kkdt2_20:focus {
1762
- outline: 2px solid var(--puck-color-azure-04);
1763
- outline-offset: -1px;
1764
- }
1765
- ._CreateForm-input_kkdt2_20::placeholder {
1766
- color: var(--puck-color-grey-06);
1767
- }
1768
- ._CreateForm-error_kkdt2_43 {
1769
- width: 100%;
1770
- margin-top: 16px;
1771
- color: var(--puck-color-red-05);
1772
- font-size: 0.875rem;
1773
- line-height: 1.2;
1839
+ @media (prefers-reduced-motion: reduce) {
1840
+ ._PagesRowSkeleton_11pqv_122 {
1841
+ animation: none;
1842
+ }
1774
1843
  }
1775
1844
 
1776
1845
  /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/ConfirmModal/styles.module.css/#css-module-data */
1777
- ._ConfirmModal_1r63q_1 {
1846
+ ._ConfirmModal_zhhjx_1 {
1778
1847
  width: 100%;
1779
1848
  }
1780
- ._ConfirmModal-button_1r63q_5 {
1849
+ ._ConfirmModal-button_zhhjx_5 {
1781
1850
  display: inline-flex;
1782
1851
  }
1783
- ._ConfirmModal-background_1r63q_9 {
1852
+ ._ConfirmModal-background_zhhjx_9 {
1784
1853
  align-items: center;
1785
- background: #00000050;
1854
+ background: rgba(0, 0, 0, 0.4);
1786
1855
  bottom: 0;
1787
1856
  display: flex;
1788
1857
  justify-content: center;
@@ -1792,92 +1861,390 @@ button._Menu-item_1tu16_55:hover {
1792
1861
  top: 0;
1793
1862
  z-index: 2;
1794
1863
  }
1795
- ._ConfirmModal-modal_1r63q_22 {
1864
+ ._ConfirmModal-modal_zhhjx_22 {
1796
1865
  background: var(--puck-color-white);
1797
1866
  border-radius: 16px;
1867
+ box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
1798
1868
  display: flex;
1799
1869
  flex-direction: column;
1800
1870
  margin-inline: 24px;
1801
1871
  max-height: calc(100vh - 24px);
1872
+ max-width: 440px;
1802
1873
  min-width: 356px;
1803
1874
  overflow: auto;
1804
1875
  }
1805
- ._ConfirmModal-header_1r63q_33 {
1876
+ ._ConfirmModal-header_zhhjx_35 {
1806
1877
  align-items: center;
1807
1878
  color: var(--puck-color-grey-02);
1808
1879
  display: flex;
1809
1880
  gap: 16px;
1810
1881
  justify-content: space-between;
1811
- padding: 24px 24px 16px;
1882
+ padding: 24px 24px 8px;
1812
1883
  }
1813
- ._ConfirmModal-close_1r63q_42 {
1884
+ ._ConfirmModal-close_zhhjx_44 {
1814
1885
  align-items: center;
1815
1886
  appearance: none;
1816
- background: transparent;
1817
- border: none;
1887
+ background: var(--puck-color-white);
1888
+ border: 1px solid var(--puck-color-grey-08);
1818
1889
  border-radius: 8px;
1819
- color: var(--puck-color-grey-04);
1890
+ box-sizing: border-box;
1891
+ color: var(--puck-color-grey-02);
1820
1892
  cursor: pointer;
1821
1893
  display: inline-flex;
1894
+ font: inherit;
1895
+ font-size: var(--puck-font-size-xxs);
1822
1896
  justify-content: center;
1823
- padding: 4px;
1897
+ min-height: 34px;
1898
+ padding: 0 16px;
1824
1899
  }
1825
- ._ConfirmModal-close_1r63q_42:hover {
1900
+ ._ConfirmModal-close_zhhjx_44:hover:not(:disabled) {
1826
1901
  background: var(--puck-color-grey-11);
1827
- color: var(--puck-color-grey-02);
1828
1902
  }
1829
- ._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 {
1830
1908
  outline: 2px solid var(--puck-color-azure-05);
1831
1909
  outline-offset: 2px;
1832
1910
  }
1833
- ._ConfirmModal-body_1r63q_65 {
1834
- color: var(--puck-color-grey-03);
1835
- line-height: 1.5;
1836
- 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;
1837
1916
  }
1838
- ._ConfirmModal-footer_1r63q_71 {
1917
+ ._ConfirmModal-footer_zhhjx_82 {
1839
1918
  background-color: var(--puck-color-grey-12);
1840
- border-top: 1px solid var(--puck-color-grey-09);
1919
+ border-top: 1px solid var(--puck-color-grey-10);
1841
1920
  display: flex;
1842
- gap: 12px;
1921
+ gap: 8px;
1843
1922
  justify-content: flex-end;
1844
1923
  padding: 16px 24px;
1845
1924
  }
1846
1925
 
1847
- /* css-module:/home/runner/work/platform/platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
1848
- ._HeaderActions-publish_7nzbl_1 {
1849
- 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);
1850
1930
  display: inline-flex;
1851
- 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;
1852
1937
  }
1853
- ._HeaderActions-trigger_7nzbl_7 {
1854
- 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 {
1855
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);
1856
2031
  justify-content: center;
1857
- min-height: 32px;
1858
- padding: 0 12px;
1859
- border-left: 0;
1860
- 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 {
1861
2044
  background: var(--puck-color-white);
1862
- 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;
1863
2054
  }
1864
- ._HeaderActions-versionHeader_7nzbl_19 {
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;
2063
+ }
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 {
1865
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;
1866
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;
1867
2160
  gap: 8px;
1868
- height: 21px;
2161
+ min-width: 0;
1869
2162
  }
1870
- ._HeaderActions-versionLabel_7nzbl_26 {
1871
- font-family: var(--puck-font-family-monospaced);
1872
- font-size: var(--puck-font-size-xs);
2163
+ ._VersionTimelineItem-label_g6ztp_262 {
2164
+ font-size: var(--puck-font-size-xxs);
1873
2165
  font-weight: 600;
1874
- line-height: 1;
2166
+ line-height: 20px;
1875
2167
  }
1876
- ._HeaderActions-versionDate_7nzbl_33 {
1877
- 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;
1878
2174
  font-size: var(--puck-font-size-xxxs);
1879
- font-weight: 500;
1880
- line-height: 1;
1881
- margin-top: 2px;
1882
- 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;
1883
2250
  }