@puckeditor/plugin-pages 0.7.0-canary.75c0f12c

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 ADDED
@@ -0,0 +1,1593 @@
1
+ /* ../platform-client/styles/color.css */
2
+ :root {
3
+ --puck-color-rose-01: #4a001c;
4
+ --puck-color-rose-02: #670833;
5
+ --puck-color-rose-03: #87114c;
6
+ --puck-color-rose-04: #a81a66;
7
+ --puck-color-rose-05: #bc5089;
8
+ --puck-color-rose-06: #cc7ca5;
9
+ --puck-color-rose-07: #d89aba;
10
+ --puck-color-rose-08: #e3b8cf;
11
+ --puck-color-rose-09: #efd6e3;
12
+ --puck-color-rose-10: #f6eaf1;
13
+ --puck-color-rose-11: #faf4f8;
14
+ --puck-color-rose-12: #fef8fc;
15
+ --puck-color-azure-01: #00175d;
16
+ --puck-color-azure-02: #002c77;
17
+ --puck-color-azure-03: #014292;
18
+ --puck-color-azure-04: #0158ad;
19
+ --puck-color-azure-05: #3479be;
20
+ --puck-color-azure-06: #6499cf;
21
+ --puck-color-azure-07: #88b0da;
22
+ --puck-color-azure-08: #abc7e5;
23
+ --puck-color-azure-09: #cfdff0;
24
+ --puck-color-azure-10: #e7eef7;
25
+ --puck-color-azure-11: #f3f6fb;
26
+ --puck-color-azure-12: #f7faff;
27
+ --puck-color-green-01: #002000;
28
+ --puck-color-green-02: #043604;
29
+ --puck-color-green-03: #084e08;
30
+ --puck-color-green-04: #0c680c;
31
+ --puck-color-green-05: #1d882f;
32
+ --puck-color-green-06: #2faa53;
33
+ --puck-color-green-07: #56c16f;
34
+ --puck-color-green-08: #7dd78b;
35
+ --puck-color-green-09: #b8e8bf;
36
+ --puck-color-green-10: #ddf3e0;
37
+ --puck-color-green-11: #eff8f0;
38
+ --puck-color-green-12: #f3fcf4;
39
+ --puck-color-yellow-01: #211000;
40
+ --puck-color-yellow-02: #362700;
41
+ --puck-color-yellow-03: #4c4000;
42
+ --puck-color-yellow-04: #645a00;
43
+ --puck-color-yellow-05: #877614;
44
+ --puck-color-yellow-06: #ab9429;
45
+ --puck-color-yellow-07: #bfac4e;
46
+ --puck-color-yellow-08: #d4c474;
47
+ --puck-color-yellow-09: #e6deb1;
48
+ --puck-color-yellow-10: #f3efd9;
49
+ --puck-color-yellow-11: #f9f7ed;
50
+ --puck-color-yellow-12: #fcfaf0;
51
+ --puck-color-red-01: #4c0000;
52
+ --puck-color-red-02: #6a0a10;
53
+ --puck-color-red-03: #8a1422;
54
+ --puck-color-red-04: #ac1f35;
55
+ --puck-color-red-05: #bf5366;
56
+ --puck-color-red-06: #ce7e8e;
57
+ --puck-color-red-07: #d99ca8;
58
+ --puck-color-red-08: #e4b9c2;
59
+ --puck-color-red-09: #efd7db;
60
+ --puck-color-red-10: #f6eaec;
61
+ --puck-color-red-11: #faf4f5;
62
+ --puck-color-red-12: #fff9fa;
63
+ --puck-color-grey-01: #181818;
64
+ --puck-color-grey-02: #292929;
65
+ --puck-color-grey-03: #404040;
66
+ --puck-color-grey-04: #5a5a5a;
67
+ --puck-color-grey-05: #767676;
68
+ --puck-color-grey-06: #949494;
69
+ --puck-color-grey-07: #ababab;
70
+ --puck-color-grey-08: #c3c3c3;
71
+ --puck-color-grey-09: #dcdcdc;
72
+ --puck-color-grey-10: #efefef;
73
+ --puck-color-grey-11: #f5f5f5;
74
+ --puck-color-grey-12: #fafafa;
75
+ --puck-color-black: #000000;
76
+ --puck-color-white: #ffffff;
77
+ }
78
+
79
+ /* ../platform-client/styles/typography.css */
80
+ :root {
81
+ --space-m-unitless: 24;
82
+ --puck-font-size-scale-base-unitless: 12;
83
+ --puck-font-size-xxxs-unitless: 12;
84
+ --puck-font-size-xxs-unitless: 14;
85
+ --puck-font-size-xs-unitless: 16;
86
+ --puck-font-size-s-unitless: 18;
87
+ --puck-font-size-m-unitless: 21;
88
+ --puck-font-size-l-unitless: 24;
89
+ --puck-font-size-xl-unitless: 28;
90
+ --puck-font-size-xxl-unitless: 36;
91
+ --puck-font-size-xxxl-unitless: 48;
92
+ --puck-font-size-xxxxl-unitless: 56;
93
+ --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16);
94
+ --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16);
95
+ --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16);
96
+ --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16);
97
+ --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16);
98
+ --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16);
99
+ --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16);
100
+ --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16);
101
+ --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16);
102
+ --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 );
103
+ --puck-font-size-base: var(--puck-font-size-xs);
104
+ --line-height-reset: 1;
105
+ --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) );
106
+ --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) );
107
+ --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) );
108
+ --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) );
109
+ --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) );
110
+ --line-height-base: var(--line-height-m);
111
+ --fallback-font-stack:
112
+ -apple-system,
113
+ BlinkMacSystemFont,
114
+ Segoe UI,
115
+ Helvetica Neue,
116
+ sans-serif,
117
+ Apple Color Emoji,
118
+ Segoe UI Emoji,
119
+ Segoe UI Symbol;
120
+ --puck-font-family: "Inter Fallback", var(--fallback-font-stack);
121
+ --puck-font-family-monospaced:
122
+ ui-monospace,
123
+ "Cascadia Code",
124
+ "Source Code Pro",
125
+ Menlo,
126
+ Consolas,
127
+ "DejaVu Sans Mono",
128
+ monospace;
129
+ }
130
+ @supports (font-variation-settings: normal) {
131
+ :root {
132
+ --puck-font-family: Inter, var(--fallback-font-stack);
133
+ }
134
+ }
135
+
136
+ /* ../platform-client/styles.css */
137
+ body {
138
+ font-family: var(--puck-font-family);
139
+ }
140
+ p {
141
+ margin: 0;
142
+ }
143
+
144
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/ActionModal/ActionModal.module.css/#css-module-data */
145
+ ._ActionModal_r3pvy_1 {
146
+ display: block;
147
+ min-width: 356px;
148
+ }
149
+ ._ActionModal-header_r3pvy_6 {
150
+ color: var(--puck-color-grey-02);
151
+ display: flex;
152
+ justify-content: center;
153
+ text-align: center;
154
+ flex-direction: column;
155
+ gap: 4px;
156
+ padding: 24px;
157
+ padding-bottom: 16px;
158
+ }
159
+ ._ActionModal-body_r3pvy_17 {
160
+ padding: 24px;
161
+ padding-top: 8px;
162
+ }
163
+ ._ActionModal-footer_r3pvy_22 {
164
+ border-top: 1px solid var(--puck-color-grey-09);
165
+ background-color: var(--puck-color-grey-12);
166
+ display: flex;
167
+ justify-content: flex-end;
168
+ padding: 16px 24px;
169
+ }
170
+
171
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Modal/Modal.module.css/#css-module-data */
172
+ ._Modal-background_1bedq_1 {
173
+ align-items: center;
174
+ display: flex;
175
+ justify-content: center;
176
+ background: #00000050;
177
+ position: fixed;
178
+ top: 0;
179
+ left: 0;
180
+ right: 0;
181
+ bottom: 0;
182
+ z-index: 2;
183
+ opacity: 0;
184
+ pointer-events: none;
185
+ }
186
+ ._Modal--visible_1bedq_16 ._Modal-background_1bedq_1 {
187
+ opacity: 1;
188
+ transition: opacity ease 100ms;
189
+ pointer-events: auto;
190
+ }
191
+ ._Modal-modal_1bedq_22 {
192
+ background: white;
193
+ border-radius: 16px;
194
+ display: block;
195
+ max-height: calc(100vh - 24px);
196
+ margin-inline: 24px;
197
+ overflow: auto;
198
+ }
199
+
200
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Button/Button.module.css/#css-module-data */
201
+ ._Button_1br4o_1 {
202
+ appearance: none;
203
+ background: none;
204
+ border: 1px solid transparent;
205
+ border-radius: 8px;
206
+ color: var(--puck-color-white);
207
+ display: inline-flex;
208
+ align-items: center;
209
+ gap: 8px;
210
+ letter-spacing: 0.05ch;
211
+ font-family: var(--puck-font-family);
212
+ font-size: 14px;
213
+ font-weight: 400;
214
+ box-sizing: border-box;
215
+ line-height: 1;
216
+ text-align: center;
217
+ text-decoration: none;
218
+ transition: background-color 50ms ease-in;
219
+ cursor: pointer;
220
+ white-space: nowrap;
221
+ margin: 0;
222
+ }
223
+ ._Button_1br4o_1:hover,
224
+ ._Button_1br4o_1:active {
225
+ transition: none;
226
+ }
227
+ ._Button_1br4o_1:focus-visible {
228
+ outline: 2px solid var(--puck-color-azure-05);
229
+ outline-offset: 2px;
230
+ }
231
+ ._Button--medium_1br4o_34 {
232
+ min-height: 34px;
233
+ padding-bottom: 7px;
234
+ padding-left: 19px;
235
+ padding-right: 19px;
236
+ padding-top: 7px;
237
+ }
238
+ ._Button--large_1br4o_42 {
239
+ padding-bottom: 11px;
240
+ padding-left: 19px;
241
+ padding-right: 19px;
242
+ padding-top: 11px;
243
+ }
244
+ ._Button-icon_1br4o_49 {
245
+ margin-top: 2px;
246
+ }
247
+ ._Button--brand_1br4o_53 {
248
+ background-image:
249
+ linear-gradient(
250
+ 210deg,
251
+ var(--puck-color-azure-01) 0%,
252
+ var(--puck-color-azure-03) 40%,
253
+ var(--puck-color-red-05) 100%);
254
+ border: none;
255
+ border-radius: 48px;
256
+ }
257
+ @media (hover: hover) and (pointer: fine) {
258
+ ._Button--brand_1br4o_53:hover {
259
+ opacity: 0.8;
260
+ }
261
+ }
262
+ ._Button--brand_1br4o_53:active {
263
+ opacity: 0.8;
264
+ }
265
+ ._Button--primary_1br4o_74 {
266
+ background: var(--puck-color-azure-04);
267
+ }
268
+ @media (hover: hover) and (pointer: fine) {
269
+ ._Button--primary_1br4o_74:hover {
270
+ background-color: var(--puck-color-azure-03);
271
+ }
272
+ }
273
+ ._Button--primary_1br4o_74:active {
274
+ background-color: var(--puck-color-azure-02);
275
+ }
276
+ ._Button--secondary_1br4o_88 {
277
+ border: 1px solid currentColor;
278
+ color: currentColor;
279
+ }
280
+ @media (hover: hover) and (pointer: fine) {
281
+ ._Button--secondary_1br4o_88:hover {
282
+ background-color: var(--puck-color-azure-12);
283
+ color: var(--puck-color-black);
284
+ }
285
+ }
286
+ ._Button--secondary_1br4o_88:active {
287
+ background-color: var(--puck-color-azure-11);
288
+ color: var(--puck-color-black);
289
+ }
290
+ ._Button--danger_1br4o_105 {
291
+ background: var(--puck-color-red-04);
292
+ }
293
+ @media (hover: hover) and (pointer: fine) {
294
+ ._Button--danger_1br4o_105:hover {
295
+ background-color: var(--puck-color-red-03);
296
+ }
297
+ }
298
+ ._Button--danger_1br4o_105:active {
299
+ background-color: var(--puck-color-red-02);
300
+ }
301
+ ._Button--flush_1br4o_119 {
302
+ border-radius: 0;
303
+ }
304
+ ._Button--ghost_1br4o_123 {
305
+ align-items: center;
306
+ background-color: transparent;
307
+ border: none;
308
+ border-radius: 4px;
309
+ color: var(--puck-color-azure-04);
310
+ display: flex;
311
+ }
312
+ @media (hover: hover) and (pointer: fine) {
313
+ ._Button--ghost_1br4o_123:hover {
314
+ background-color: var(--puck-color-grey-11);
315
+ color: var(--puck-color-azure-04);
316
+ cursor: pointer;
317
+ }
318
+ }
319
+ ._Button--disabled_1br4o_140,
320
+ ._Button--disabled_1br4o_140:hover {
321
+ background-color: var(--puck-color-grey-09);
322
+ color: var(--puck-color-grey-05);
323
+ cursor: not-allowed;
324
+ }
325
+ ._Button--fullWidth_1br4o_147 {
326
+ justify-content: center;
327
+ width: 100%;
328
+ }
329
+ ._Button-spinner_1br4o_152 {
330
+ padding-left: 8px;
331
+ }
332
+
333
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Loader/styles.module.css/#css-module-data */
334
+ @keyframes _loader-animation_nacdm_1 {
335
+ 0% {
336
+ transform: rotate(0deg) scale(1);
337
+ }
338
+ 50% {
339
+ transform: rotate(180deg) scale(0.8);
340
+ }
341
+ 100% {
342
+ transform: rotate(360deg) scale(1);
343
+ }
344
+ }
345
+ ._Loader_nacdm_13 {
346
+ background: transparent;
347
+ border-radius: 100%;
348
+ border: 2px solid currentColor;
349
+ border-bottom-color: transparent;
350
+ display: inline-block;
351
+ animation: _loader-animation_nacdm_1 1s 0s infinite linear;
352
+ animation-fill-mode: both;
353
+ }
354
+
355
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Heading/Heading.module.css/#css-module-data */
356
+ ._Heading_qkzg9_1 {
357
+ display: block;
358
+ font-weight: 700;
359
+ margin: 0;
360
+ }
361
+ ._Heading_qkzg9_1 b {
362
+ font-weight: 700;
363
+ }
364
+ ._Heading--xxxxl_qkzg9_11 {
365
+ font-size: var(--puck-font-size-xxxl);
366
+ }
367
+ ._Heading--xxxl_qkzg9_15 {
368
+ font-size: var(--puck-font-size-xxl);
369
+ }
370
+ ._Heading--xxl_qkzg9_19 {
371
+ font-size: var(--puck-font-size-xl);
372
+ }
373
+ ._Heading--xl_qkzg9_23 {
374
+ font-size: var(--puck-font-size-l);
375
+ }
376
+ ._Heading--l_qkzg9_27 {
377
+ font-size: var(--puck-font-size-m);
378
+ }
379
+ ._Heading--m_qkzg9_31 {
380
+ font-size: var(--puck-font-size-s);
381
+ }
382
+ ._Heading--s_qkzg9_35 {
383
+ font-size: var(--puck-font-size-xs);
384
+ }
385
+ ._Heading--xs_qkzg9_39 {
386
+ font-size: var(--puck-font-size-xxs);
387
+ }
388
+ ._Heading--xxs_qkzg9_43 {
389
+ font-size: var(--puck-font-size-xxs);
390
+ }
391
+ @media (min-width: 768px) {
392
+ ._Heading--xxxxl_qkzg9_11 {
393
+ font-size: var(--puck-font-size-xxxxl);
394
+ letter-spacing: 0.08ch;
395
+ font-weight: 800;
396
+ }
397
+ ._Heading--xxxl_qkzg9_15 {
398
+ font-size: var(--puck-font-size-xxxl);
399
+ }
400
+ ._Heading--xxl_qkzg9_19 {
401
+ font-size: var(--puck-font-size-xxl);
402
+ }
403
+ ._Heading--xl_qkzg9_23 {
404
+ font-size: var(--puck-font-size-xl);
405
+ }
406
+ ._Heading--l_qkzg9_27 {
407
+ font-size: var(--puck-font-size-l);
408
+ }
409
+ ._Heading--m_qkzg9_31 {
410
+ font-size: var(--puck-font-size-m);
411
+ }
412
+ ._Heading--s_qkzg9_35 {
413
+ font-size: var(--puck-font-size-s);
414
+ }
415
+ ._Heading--xs_qkzg9_39 {
416
+ font-size: var(--puck-font-size-xs);
417
+ }
418
+ ._Heading--xxs_qkzg9_43 {
419
+ font-size: var(--puck-font-size-xxs);
420
+ }
421
+ }
422
+
423
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Align/Align.module.css/#css-module-data */
424
+ ._Align_oewlu_1 {
425
+ align-items: flex-start;
426
+ display: flex;
427
+ flex-direction: column;
428
+ }
429
+ ._Align--horizontalCenter_oewlu_7 {
430
+ align-items: center;
431
+ }
432
+ ._Align--horizontalRight_oewlu_11 {
433
+ align-items: flex-end;
434
+ }
435
+ ._Align--verticalBottom_oewlu_15 {
436
+ height: 100%;
437
+ justify-content: flex-end;
438
+ }
439
+ ._Align--verticalCenter_oewlu_20 {
440
+ height: 100%;
441
+ justify-content: center;
442
+ }
443
+ ._Align-item_oewlu_25 {
444
+ position: relative;
445
+ }
446
+
447
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/AutoForm/AutoForm.module.css/#css-module-data */
448
+ ._AutoForm_1vmh9_1 {
449
+ display: flex;
450
+ gap: 16px;
451
+ flex-direction: column;
452
+ }
453
+ ._AutoForm_1vmh9_1 ._Input_3pq3z_1 {
454
+ box-sizing: border-box;
455
+ padding: 0px !important;
456
+ }
457
+
458
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Card/Card.module.css/#css-module-data */
459
+ ._Card_rpnal_1 {
460
+ background-color: white;
461
+ border: 1px solid var(--puck-color-grey-08);
462
+ border-radius: 16px;
463
+ color: var(--puck-color-black);
464
+ display: block;
465
+ text-decoration: none;
466
+ }
467
+ ._Card_rpnal_1:hover {
468
+ cursor: pointer;
469
+ background: var(--puck-color-azure-11);
470
+ border-color: currentColor;
471
+ color: var(--puck-color-azure-04);
472
+ }
473
+ ._Card-body_rpnal_17 {
474
+ align-items: center;
475
+ display: flex;
476
+ padding: 16px;
477
+ }
478
+ ._Card-title_rpnal_23 {
479
+ margin-bottom: 4px;
480
+ }
481
+ ._Card-subtitle_rpnal_27 {
482
+ margin: 0;
483
+ text-wrap: wrap;
484
+ }
485
+ ._Card-chevron_rpnal_32 {
486
+ align-items: center;
487
+ display: none;
488
+ margin-left: auto;
489
+ }
490
+ ._Card--showChevron_rpnal_38 ._Card-chevron_rpnal_32 {
491
+ display: flex;
492
+ }
493
+ ._Card--isActive_rpnal_42 {
494
+ border-color: var(--puck-color-azure-04);
495
+ color: var(--puck-color-azure-04);
496
+ }
497
+
498
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/CardSelector/styles.module.css/#css-module-data */
499
+ ._CardSelector_1ogry_1 {
500
+ display: grid;
501
+ gap: 16px;
502
+ }
503
+ @media (min-width: 768px) {
504
+ ._CardSelector_1ogry_1 {
505
+ grid-template-columns: 1fr 1fr;
506
+ }
507
+ }
508
+ ._CardSelectorOption_1ogry_12 {
509
+ display: flex;
510
+ flex-direction: column;
511
+ background-color: white;
512
+ padding: 16px;
513
+ text-align: left;
514
+ max-width: 640px;
515
+ border: 1px solid var(--puck-color-grey-09);
516
+ border-radius: 16px;
517
+ }
518
+ ._CardSelectorOption--isSelected_1ogry_23 {
519
+ border-color: var(--puck-color-azure-04);
520
+ }
521
+ ._CardSelectorOption--disabled_1ogry_27 {
522
+ color: var(--puck-color-grey-05);
523
+ }
524
+ ._CardSelectorOption-description_1ogry_31 {
525
+ font-size: var(--puck-font-size-xs);
526
+ }
527
+ ._CardSelectorOption-body_1ogry_35 {
528
+ margin-top: 12px;
529
+ }
530
+ ._CardSelectorOption_1ogry_12:hover:not(._CardSelectorOption--isSelected_1ogry_23):not(._CardSelectorOption--disabled_1ogry_27) {
531
+ background-color: var(--puck-color-azure-12);
532
+ border-color: var(--puck-color-azure-04);
533
+ cursor: pointer;
534
+ }
535
+
536
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Code/Code.module.css/#css-module-data */
537
+ ._Code_d4378_1 {
538
+ border-radius: 8px;
539
+ position: relative;
540
+ overflow: hidden;
541
+ border: 1px solid var(--puck-color-grey-09);
542
+ }
543
+ ._Code-body_d4378_8 pre {
544
+ margin: 0;
545
+ }
546
+ ._Code-body_d4378_8 code {
547
+ display: block;
548
+ font-size: var(--puck-font-size-xs);
549
+ padding-block: 16px;
550
+ overflow-y: auto;
551
+ }
552
+ ._Code--light_d4378_19 {
553
+ background-color: white;
554
+ }
555
+ ._Code-body_d4378_8 code > span {
556
+ padding-left: 16px;
557
+ padding-right: 64px;
558
+ }
559
+ @media (min-width: 768px) {
560
+ ._Code-body_d4378_8 code > span {
561
+ padding-right: 16px;
562
+ }
563
+ }
564
+ ._Code-header_d4378_34 {
565
+ align-items: center;
566
+ background-color: #24292e;
567
+ border-bottom: 1px solid var(--puck-color-grey-03);
568
+ color: white;
569
+ display: flex;
570
+ padding-left: 12px;
571
+ padding-right: 12px;
572
+ overflow-y: auto;
573
+ }
574
+ ._Code--light_d4378_19 ._Code-header_d4378_34 {
575
+ background-color: white;
576
+ border-bottom-color: var(--puck-color-grey-09);
577
+ color: var(--puck-color-grey-03);
578
+ }
579
+ ._Code-corner_d4378_51 {
580
+ background-color: #24292e80;
581
+ border-bottom-left-radius: 4px;
582
+ color: white;
583
+ display: none;
584
+ position: absolute;
585
+ padding: 12px 16px;
586
+ pointer-events: none;
587
+ right: 0;
588
+ }
589
+ ._Code_d4378_1:hover ._Code-corner_d4378_51 {
590
+ display: flex;
591
+ }
592
+ ._Code--light_d4378_19 ._Code-corner_d4378_51 {
593
+ background-color: #ffffff80;
594
+ color: var(--puck-color-grey-03);
595
+ }
596
+ ._Code-actions_d4378_71 {
597
+ margin-left: auto;
598
+ pointer-events: auto;
599
+ }
600
+ ._Code--lineNumbers_d4378_76 ._Code-body_d4378_8 code {
601
+ counter-reset: step;
602
+ counter-increment: step 0;
603
+ }
604
+ ._Code--lineNumbers_d4378_76 ._Code-body_d4378_8 code .line::before {
605
+ content: counter(step);
606
+ counter-increment: step;
607
+ width: 1rem;
608
+ margin-right: 1.5rem;
609
+ display: inline-block;
610
+ text-align: right;
611
+ color: rgba(115, 138, 148, 0.4);
612
+ }
613
+ ._Code-tabs_d4378_91 {
614
+ display: flex;
615
+ list-style: none;
616
+ padding: 0;
617
+ margin: 0;
618
+ padding-right: 8px;
619
+ }
620
+ ._Tab_d4378_99 {
621
+ border-block: 3px solid transparent;
622
+ padding: 4px 2px;
623
+ }
624
+ ._Tab--isActive_d4378_104 {
625
+ border-bottom-color: white;
626
+ }
627
+ ._Tab--light_d4378_108._Tab--isActive_d4378_104 {
628
+ border-bottom-color: var(--puck-color-grey-03);
629
+ }
630
+ ._Tab-button_d4378_112 {
631
+ background-color: transparent;
632
+ border: none;
633
+ border-radius: 8px;
634
+ color: var(--puck-color-grey-08);
635
+ font-size: var(--puck-font-size-xxs);
636
+ padding: 8px;
637
+ cursor: pointer;
638
+ white-space: nowrap;
639
+ }
640
+ ._Tab--light_d4378_108 ._Tab-button_d4378_112 {
641
+ color: var(--puck-color-grey-06);
642
+ }
643
+ ._Tab--isActive_d4378_104 ._Tab-button_d4378_112 {
644
+ color: white;
645
+ }
646
+ ._Tab--light_d4378_108._Tab--isActive_d4378_104 ._Tab-button_d4378_112 {
647
+ color: var(--puck-color-grey-01);
648
+ }
649
+ ._Tab-button_d4378_112:hover {
650
+ background: var(--puck-color-grey-03);
651
+ }
652
+ ._Tab--light_d4378_108 ._Tab-button_d4378_112:hover {
653
+ background: var(--puck-color-grey-11);
654
+ }
655
+
656
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/IconButton/IconButton.module.css/#css-module-data */
657
+ ._IconButton_thegm_1 {
658
+ align-items: center;
659
+ background: transparent;
660
+ border: none;
661
+ border-radius: 4px;
662
+ color: currentColor;
663
+ display: flex;
664
+ font-family: var(--puck-font-family);
665
+ justify-content: center;
666
+ padding: 4px;
667
+ transition: background-color 50ms ease-in, color 50ms ease-in;
668
+ }
669
+ ._IconButton_thegm_1:focus-visible {
670
+ outline: 2px solid var(--puck-color-azure-05);
671
+ outline-offset: -2px;
672
+ }
673
+ @media (hover: hover) and (pointer: fine) {
674
+ ._IconButton_thegm_1:hover:not(._IconButton--disabled_thegm_20) {
675
+ background: var(--puck-color-azure-10);
676
+ cursor: pointer;
677
+ transition: none;
678
+ }
679
+ ._IconButton--dark_thegm_26:hover:not(._IconButton--disabled_thegm_20) {
680
+ background: var(--puck-color-grey-04);
681
+ color: var(--puck-color-azure-10);
682
+ }
683
+ }
684
+ ._IconButton_thegm_1:active {
685
+ background: var(--puck-color-azure-11);
686
+ transition: none;
687
+ }
688
+ ._IconButton-title_thegm_37 {
689
+ clip: rect(0 0 0 0);
690
+ clip-path: inset(100%);
691
+ height: 1px;
692
+ overflow: hidden;
693
+ position: absolute;
694
+ white-space: nowrap;
695
+ width: 1px;
696
+ }
697
+ ._IconButton--disabled_thegm_20 {
698
+ color: var(--puck-color-grey-07);
699
+ }
700
+
701
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/InfoBar/InfoBar.module.css/#css-module-data */
702
+ ._InfoBar_kchdj_1 {
703
+ border: 1px solid var(--puck-color-grey-10);
704
+ border-radius: 8px;
705
+ color: var(--puck-color-grey-03);
706
+ display: flex;
707
+ font-size: var(--puck-font-size-xxs);
708
+ margin-left: auto;
709
+ margin-right: auto;
710
+ overflow: hidden;
711
+ }
712
+ ._Info_kchdj_1 {
713
+ background-color: var(--puck-color-grey-12);
714
+ display: flex;
715
+ gap: 8px;
716
+ font-family: var(--puck-font-family-monospaced);
717
+ border-right: 1px solid var(--puck-color-grey-10);
718
+ padding: 12px 16px;
719
+ }
720
+ ._Info-title_kchdj_21 {
721
+ font-weight: 600;
722
+ }
723
+
724
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Inline/Inline.module.css/#css-module-data */
725
+ ._Inline_6o5on_3 {
726
+ display: block;
727
+ }
728
+ ._Inline-inner_6o5on_7 {
729
+ display: flex;
730
+ flex-flow: row wrap;
731
+ }
732
+ ._Inline--noWrap_6o5on_12 > ._Inline-inner_6o5on_7 {
733
+ flex-flow: nowrap;
734
+ }
735
+ ._Inline--sizeNONE_6o5on_16 > ._Inline-inner_6o5on_7 {
736
+ gap: 0;
737
+ }
738
+ ._Inline--sizeXXS_6o5on_20 > ._Inline-inner_6o5on_7 {
739
+ gap: 4px;
740
+ }
741
+ ._Inline--sizeXS_6o5on_24 > ._Inline-inner_6o5on_7 {
742
+ gap: 6px;
743
+ }
744
+ ._Inline--sizeS_6o5on_28 > ._Inline-inner_6o5on_7 {
745
+ gap: 8px;
746
+ }
747
+ ._Inline--sizeM_6o5on_32 > ._Inline-inner_6o5on_7 {
748
+ gap: 16px;
749
+ }
750
+ ._Inline--sizeL_6o5on_36 > ._Inline-inner_6o5on_7 {
751
+ gap: 32px;
752
+ }
753
+ ._Inline--center_6o5on_40 > ._Inline-inner_6o5on_7 {
754
+ align-items: center;
755
+ }
756
+ ._Inline--centerH_6o5on_44 > ._Inline-inner_6o5on_7 {
757
+ justify-content: center;
758
+ }
759
+ ._Inline--grow_6o5on_48 > ._Inline-inner_6o5on_7 > * {
760
+ flex-basis: 0;
761
+ flex-grow: 1;
762
+ }
763
+
764
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Link/Link.module.css/#css-module-data */
765
+ ._Link_1j70m_1 {
766
+ color: var(--puck-color-azure-04);
767
+ text-decoration: none;
768
+ }
769
+ ._Link_1j70m_1:hover {
770
+ color: var(--puck-color-azure-05);
771
+ }
772
+
773
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Page/Page.module.css/#css-module-data */
774
+ ._Page_7w485_1 {
775
+ display: flex;
776
+ flex-direction: column;
777
+ height: 100%;
778
+ overflow: visible;
779
+ }
780
+ ._Page-masthead_7w485_8 {
781
+ align-items: center;
782
+ display: flex;
783
+ gap: 16px;
784
+ padding: 16px 24px;
785
+ box-sizing: border-box;
786
+ border-bottom: 1px solid var(--puck-color-grey-10);
787
+ min-height: 64px;
788
+ }
789
+ ._Page-crumbs_7w485_18 {
790
+ display: flex;
791
+ gap: 32px;
792
+ }
793
+ ._Page-crumb_7w485_18 {
794
+ color: var(--puck-color-grey-05);
795
+ position: relative;
796
+ white-space: nowrap;
797
+ }
798
+ ._Page-crumbLink_7w485_29 {
799
+ color: var(--puck-color-grey-05);
800
+ text-decoration: none;
801
+ }
802
+ ._Page-crumbLink_7w485_29:hover {
803
+ color: var(--puck-color-azure-04);
804
+ }
805
+ ._Page-crumb_7w485_18:last-of-type {
806
+ color: var(--puck-color-grey-01);
807
+ font-weight: 600;
808
+ }
809
+ ._Page-crumb_7w485_18::before {
810
+ position: absolute;
811
+ content: "/";
812
+ left: -19px;
813
+ color: var(--puck-color-grey-09);
814
+ font-weight: 400;
815
+ }
816
+ ._Page-crumb_7w485_18:first-of-type::before {
817
+ display: none;
818
+ }
819
+ ._Page-crumb_7w485_18 {
820
+ color: var(--puck-color-grey-05);
821
+ position: relative;
822
+ text-decoration: none;
823
+ }
824
+ ._Page-actions_7w485_61 {
825
+ margin-left: auto;
826
+ }
827
+ ._Page-footer_7w485_65 {
828
+ border-top: 1px solid var(--puck-color-grey-10);
829
+ padding: 16px 24px;
830
+ }
831
+
832
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Pagination/Pagination.module.css/#css-module-data */
833
+ ._Pagination_1okv2_1 {
834
+ align-items: baseline;
835
+ display: flex;
836
+ gap: 4px;
837
+ }
838
+ ._PaginationButton_1okv2_8 {
839
+ align-items: center;
840
+ border-radius: 4px;
841
+ color: var(--puck-color-grey-05);
842
+ display: flex;
843
+ justify-content: center;
844
+ text-decoration: none;
845
+ min-width: 40px;
846
+ height: 40px;
847
+ }
848
+ ._PaginationButton--isActive_1okv2_20 {
849
+ background-color: var(--puck-color-azure-11);
850
+ color: var(--puck-color-azure-04);
851
+ }
852
+ ._PaginationButton_1okv2_8:hover {
853
+ background-color: var(--puck-color-azure-11);
854
+ color: var(--puck-color-azure-04);
855
+ }
856
+ ._Pagination-ellipsis_1okv2_30 {
857
+ color: var(--puck-color-grey-05);
858
+ }
859
+
860
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanGrid/styles.module.css/#css-module-data */
861
+ ._PlanGrid--loading_97rn7_1 {
862
+ opacity: 0;
863
+ }
864
+ ._PlanGrid-grid_97rn7_5 {
865
+ color: var(--puck-color-grey-02);
866
+ display: grid;
867
+ gap: 16px;
868
+ text-align: left;
869
+ @media (min-width: 768px) {
870
+ grid-template-columns: 1fr 1fr 1fr;
871
+ }
872
+ }
873
+ ._PlanGrid-enterprise_97rn7_16 {
874
+ color: var(--puck-color-grey-04);
875
+ font-size: var(--puck-font-size-xxs);
876
+ margin-left: auto;
877
+ margin-right: auto;
878
+ padding-inline: 4px;
879
+ padding-top: 20px;
880
+ text-align: center;
881
+ }
882
+ ._PlanGrid-enterprise_97rn7_16 a {
883
+ color: var(--puck-color-azure-04);
884
+ cursor: pointer;
885
+ font-weight: 500;
886
+ }
887
+
888
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/PlanCard/styles.module.css/#css-module-data */
889
+ ._PlanCard_16zmu_1 {
890
+ border: 1px solid var(--puck-color-grey-09);
891
+ border-radius: 16px;
892
+ display: flex;
893
+ gap: 8px;
894
+ flex-direction: column;
895
+ min-width: 256px;
896
+ padding: 8px;
897
+ position: relative;
898
+ }
899
+ ._PlanCard--enterprise_16zmu_12 {
900
+ flex-direction: row;
901
+ grid-column: span 3;
902
+ }
903
+ ._PlanCard-title_16zmu_17 {
904
+ display: flex;
905
+ gap: 8px;
906
+ justify-content: space-between;
907
+ font-size: var(--puck-font-size-xs);
908
+ font-weight: 700;
909
+ white-space: nowrap;
910
+ }
911
+ ._PlanCard-header_16zmu_26 {
912
+ box-sizing: border-box;
913
+ display: flex;
914
+ flex-direction: column;
915
+ gap: 4px;
916
+ padding: 12px 16px;
917
+ width: 100%;
918
+ }
919
+ ._PlanCard-features_16zmu_35 {
920
+ display: grid;
921
+ gap: 4px;
922
+ list-style: none;
923
+ margin: 0;
924
+ padding: 0;
925
+ }
926
+ ._PlanCard-feature_16zmu_35 {
927
+ align-items: center;
928
+ display: flex;
929
+ gap: 4px;
930
+ color: var(--puck-color-grey-05);
931
+ font-size: var(--puck-font-size-xxs);
932
+ }
933
+ ._PlanCard-featureIcon_16zmu_51 {
934
+ align-self: flex-start;
935
+ margin-top: 5px;
936
+ }
937
+ ._PlanCard-featureTitle_16zmu_56 {
938
+ color: var(--puck-color-grey-04);
939
+ font-weight: 600;
940
+ }
941
+ ._PlanCard-priceValue_16zmu_61 {
942
+ font-size: var(--puck-font-size-m);
943
+ }
944
+ ._PlanCard-priceInterval_16zmu_65 {
945
+ color: var(--puck-color-grey-05);
946
+ }
947
+ ._PlanCard-body_16zmu_69 {
948
+ background-color: var(--puck-color-grey-12);
949
+ border: 1px solid var(--puck-color-grey-11);
950
+ border-radius: 8px;
951
+ padding: 16px;
952
+ flex-grow: 1;
953
+ }
954
+ ._PlanCard--enterprise_16zmu_12 ._PlanCard-body_16zmu_69 {
955
+ display: flex;
956
+ gap: 8px;
957
+ width: 100%;
958
+ }
959
+ ._PlanCard-section_16zmu_83 {
960
+ padding-bottom: 16px;
961
+ min-width: 192px;
962
+ }
963
+ ._PlanCard-section_16zmu_83:last-of-type {
964
+ padding-bottom: 0;
965
+ }
966
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
967
+ border-top: 1px solid var(--puck-color-grey-09);
968
+ padding-top: 16px;
969
+ }
970
+ ._PlanCard--enterprise_16zmu_12 {
971
+ ._PlanCard-section_16zmu_83 + ._PlanCard-section_16zmu_83 {
972
+ border-left: 1px solid var(--puck-color-grey-09);
973
+ border-top: none;
974
+ padding-left: 16px;
975
+ padding-top: 0;
976
+ }
977
+ }
978
+ ._PlanCard-sectionTitle_16zmu_106 {
979
+ font-size: var(--puck-font-size-xs);
980
+ font-weight: 500;
981
+ margin-bottom: 8px;
982
+ }
983
+ ._PlanCard-sectionBody_16zmu_112 + ._PlanCard-sectionTitle_16zmu_106 {
984
+ border-top: 1px solid var(--puck-color-grey-09);
985
+ margin-top: 16px;
986
+ padding-top: 16px;
987
+ }
988
+ ._PlanCard-sectionBody_16zmu_112 {
989
+ color: var(--puck-color-grey-03);
990
+ font-size: var(--puck-font-size-xxs);
991
+ display: grid;
992
+ gap: 2px;
993
+ }
994
+ ._PlanCard-usageItem_16zmu_125 {
995
+ display: flex;
996
+ gap: 8px;
997
+ font-size: var(--puck-font-size-xxs);
998
+ }
999
+ ._PlanCard-usageLabel_16zmu_131 {
1000
+ color: var(--puck-color-grey-04);
1001
+ font-weight: 500;
1002
+ }
1003
+ ._PlanCard-usageValue_16zmu_136 {
1004
+ color: var(--puck-color-grey-05);
1005
+ font-family: var(--puck-font-family-monospaced);
1006
+ margin-left: auto;
1007
+ }
1008
+ ._PlanCard-action_16zmu_142 {
1009
+ align-items: flex-end;
1010
+ display: flex;
1011
+ justify-content: flex-end;
1012
+ width: 100%;
1013
+ }
1014
+ ._PlanCard-description_16zmu_149 {
1015
+ color: var(--puck-color-grey-03);
1016
+ margin-top: 8px;
1017
+ }
1018
+ ._PlanCard--highlight_16zmu_154 {
1019
+ border: transparent;
1020
+ }
1021
+ ._PlanCard--highlight_16zmu_154::before {
1022
+ content: "";
1023
+ position: absolute;
1024
+ inset: 0;
1025
+ padding: 1px;
1026
+ border-radius: inherit;
1027
+ background-image:
1028
+ linear-gradient(
1029
+ 210deg,
1030
+ var(--puck-color-azure-01) 0%,
1031
+ var(--puck-color-azure-03) 40%,
1032
+ var(--puck-color-red-05) 100%);
1033
+ background-size: cover;
1034
+ background-position: center;
1035
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
1036
+ -webkit-mask-composite: xor;
1037
+ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
1038
+ mask-composite: exclude;
1039
+ pointer-events: none;
1040
+ }
1041
+ ._PlanCard-highlightText_16zmu_184 {
1042
+ @supports (background-clip: text) or (-webkit-background-clip: text) {
1043
+ color: transparent;
1044
+ background-clip: text;
1045
+ -webkit-background-clip: text;
1046
+ background-image:
1047
+ linear-gradient(
1048
+ 210deg,
1049
+ var(--puck-color-azure-01) 0%,
1050
+ var(--puck-color-azure-03) 40%,
1051
+ var(--puck-color-red-05) 100%);
1052
+ background-size: cover;
1053
+ background-position: center;
1054
+ }
1055
+ }
1056
+ ._PlanCard--fullWidth_16zmu_200 {
1057
+ flex-direction: row;
1058
+ grid-column: 1 / -1;
1059
+ }
1060
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-header_16zmu_26 {
1061
+ max-width: 312px;
1062
+ }
1063
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-action_16zmu_142 {
1064
+ max-width: 256px;
1065
+ }
1066
+ ._PlanCard--fullWidth_16zmu_200 ._PlanCard-sectionBody_16zmu_112 {
1067
+ display: grid;
1068
+ grid-template-rows: 1fr 1fr 1fr 1fr;
1069
+ grid-auto-flow: column;
1070
+ }
1071
+
1072
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Section/Section.module.css/#css-module-data */
1073
+ ._Section-inner_1uwo0_1 {
1074
+ margin-left: auto;
1075
+ margin-right: auto;
1076
+ max-width: 1280px;
1077
+ padding: 16px;
1078
+ }
1079
+ ._Section--flush_1uwo0_8 ._Section-inner_1uwo0_1 {
1080
+ padding-bottom: 0;
1081
+ padding-top: 0;
1082
+ }
1083
+ ._Section_1uwo0_1 + ._Section_1uwo0_1 {
1084
+ border-top: 1px solid var(--puck-color-grey-09);
1085
+ }
1086
+ ._Section--full_1uwo0_17 ._Section-inner_1uwo0_1 {
1087
+ max-width: unset;
1088
+ }
1089
+
1090
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Tag/Tag.module.css/#css-module-data */
1091
+ ._Tag_1baze_1 {
1092
+ align-items: center;
1093
+ display: inline-flex;
1094
+ text-transform: uppercase;
1095
+ font-weight: 600;
1096
+ font-size: var(--puck-font-size-xxxs);
1097
+ gap: 6px;
1098
+ border-radius: 4px;
1099
+ border: 1px solid currentColor;
1100
+ color: var(--puck-color-grey-05);
1101
+ padding: 4px 8px;
1102
+ white-space: nowrap;
1103
+ position: relative;
1104
+ z-index: 0;
1105
+ }
1106
+ ._Tag--colorBlue_1baze_19 {
1107
+ color: var(--puck-color-azure-05);
1108
+ }
1109
+ ._Tag--colorGreen_1baze_23 {
1110
+ color: var(--puck-color-green-06);
1111
+ }
1112
+ ._Tag--colorRed_1baze_27 {
1113
+ color: var(--puck-color-red-04);
1114
+ }
1115
+ ._Tag--colorMuted_1baze_31 {
1116
+ color: var(--puck-color-grey-06);
1117
+ }
1118
+ ._Tag-sprite_1baze_35 {
1119
+ display: flex;
1120
+ }
1121
+ ._Tag--pulse_1baze_39 {
1122
+ ._Tag-sprite_1baze_35 {
1123
+ background: currentColor;
1124
+ border-radius: 50%;
1125
+ height: 5px;
1126
+ position: relative;
1127
+ width: 5px;
1128
+ }
1129
+ ._Tag-sprite_1baze_35::before {
1130
+ animation: _pulse_1baze_1 1s 0s infinite alternate;
1131
+ animation-fill-mode: both;
1132
+ background-color: color-mix(in srgb, currentColor 25%, transparent);
1133
+ border-radius: 50%;
1134
+ content: "";
1135
+ top: 0;
1136
+ left: 0;
1137
+ right: 0;
1138
+ bottom: 0;
1139
+ position: absolute;
1140
+ transform: scale(0);
1141
+ z-index: -1;
1142
+ }
1143
+ }
1144
+ @keyframes _pulse_1baze_1 {
1145
+ 0% {
1146
+ transform: scale(1);
1147
+ }
1148
+ 100% {
1149
+ transform: scale(2);
1150
+ }
1151
+ }
1152
+
1153
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Table/Table.module.css/#css-module-data */
1154
+ ._Table_o345u_1 {
1155
+ color: black;
1156
+ display: flex;
1157
+ flex-direction: column;
1158
+ flex-grow: 1;
1159
+ overflow-y: auto;
1160
+ }
1161
+ ._Table-filters_o345u_9 {
1162
+ margin: 16px;
1163
+ }
1164
+ ._Table-inner_o345u_13 {
1165
+ text-align: left;
1166
+ }
1167
+ ._Table-table_o345u_17 {
1168
+ color: var(--puck-color-grey-02);
1169
+ font-size: var(--puck-font-size-xxs);
1170
+ position: relative;
1171
+ width: 100%;
1172
+ }
1173
+ ._Table_o345u_1 thead {
1174
+ background: white;
1175
+ font-size: var(--puck-font-size-xxs);
1176
+ position: sticky;
1177
+ top: 0;
1178
+ white-space: nowrap;
1179
+ z-index: 1;
1180
+ }
1181
+ ._Table_o345u_1 thead::after {
1182
+ content: "";
1183
+ position: absolute;
1184
+ height: 1px;
1185
+ width: 100%;
1186
+ background-color: var(--puck-color-grey-10);
1187
+ }
1188
+ ._Table--hideHeader_o345u_41 thead {
1189
+ display: none;
1190
+ }
1191
+ ._Table_o345u_1 tbody tr {
1192
+ z-index: 0;
1193
+ }
1194
+ ._Table_o345u_1 th {
1195
+ background: var(--puck-color-grey-12);
1196
+ font-weight: 400;
1197
+ padding-left: 24px;
1198
+ padding-right: 24px;
1199
+ padding-bottom: 12px;
1200
+ padding-top: 12px;
1201
+ }
1202
+ @media (--standard-viewport) {
1203
+ ._Table_o345u_1 th {
1204
+ padding-left: 32px;
1205
+ padding-right: 32px;
1206
+ }
1207
+ }
1208
+ ._Table_o345u_1 td {
1209
+ border-bottom: 1px solid var(--puck-color-grey-10);
1210
+ padding-left: 24px;
1211
+ padding-right: 24px;
1212
+ padding-bottom: 16px;
1213
+ padding-top: 16px;
1214
+ white-space: nowrap;
1215
+ }
1216
+ ._Table_o345u_1 td:not(:first-of-type) {
1217
+ color: var(--puck-color-grey-05);
1218
+ }
1219
+ ._Table_o345u_1 tbody tr:last-of-type td {
1220
+ border-bottom: none;
1221
+ }
1222
+ @media (--standard-viewport) {
1223
+ ._Table_o345u_1 td {
1224
+ padding-left: 32px;
1225
+ padding-right: 32px;
1226
+ }
1227
+ }
1228
+ ._Table-footer_o345u_89 {
1229
+ border-top: 1px solid var(--puck-color-grey-09);
1230
+ }
1231
+ ._Table--clickableRows_o345u_93 tbody tr:hover {
1232
+ background: var(--puck-color-azure-12);
1233
+ cursor: pointer;
1234
+ }
1235
+ ._Table-placeholder_o345u_98 {
1236
+ align-items: center;
1237
+ color: var(--puck-color-grey-04);
1238
+ justify-content: center;
1239
+ display: flex;
1240
+ gap: 8px;
1241
+ flex-direction: column;
1242
+ width: 100%;
1243
+ height: 100%;
1244
+ text-align: center;
1245
+ }
1246
+ ._Table-loader_o345u_110 {
1247
+ padding: 16px 24px;
1248
+ }
1249
+ ._TableRow--highlightRow_o345u_114 {
1250
+ background-color: var(--puck-color-grey-12);
1251
+ }
1252
+
1253
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
1254
+ ._VerticalSpace_1tjaw_1 {
1255
+ padding-top: 16px;
1256
+ }
1257
+ ._VerticalSpace--size4_1tjaw_5 {
1258
+ padding-top: 4px;
1259
+ }
1260
+ ._VerticalSpace--size8_1tjaw_9 {
1261
+ padding-top: 8px;
1262
+ }
1263
+ ._VerticalSpace--size16_1tjaw_13 {
1264
+ padding-top: 16px;
1265
+ }
1266
+ ._VerticalSpace--size32_1tjaw_17 {
1267
+ padding-top: 32px;
1268
+ }
1269
+ ._VerticalSpace--size40_1tjaw_21 {
1270
+ padding-top: 40px;
1271
+ }
1272
+ ._VerticalSpace--size48_1tjaw_25 {
1273
+ padding-top: 48px;
1274
+ }
1275
+ ._VerticalSpace--size56_1tjaw_29 {
1276
+ padding-top: 56px;
1277
+ }
1278
+ ._VerticalSpace--size96_1tjaw_33 {
1279
+ padding-top: 96px;
1280
+ }
1281
+ ._VerticalSpace--size128_1tjaw_37 {
1282
+ padding-top: 128px;
1283
+ }
1284
+
1285
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/platform-client/components/Viewport/styles.module.css/#css-module-data */
1286
+ ._Viewport_1vvhm_3 {
1287
+ }
1288
+ ._Viewport--standard_1vvhm_6,
1289
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
1290
+ display: none;
1291
+ }
1292
+ ._Viewport--narrow_1vvhm_11 {
1293
+ display: block;
1294
+ }
1295
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11 {
1296
+ display: inline;
1297
+ }
1298
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
1299
+ display: flex;
1300
+ }
1301
+ @media (min-width: 768px) {
1302
+ ._Viewport--narrow_1vvhm_11,
1303
+ ._Viewport--inline_1vvhm_7._Viewport--narrow_1vvhm_11,
1304
+ ._Viewport--flex_1vvhm_19._Viewport--narrow_1vvhm_11 {
1305
+ display: none;
1306
+ }
1307
+ }
1308
+ @media (min-width: 768px) {
1309
+ ._Viewport--standard_1vvhm_6 {
1310
+ display: block;
1311
+ }
1312
+ ._Viewport--inline_1vvhm_7._Viewport--standard_1vvhm_6 {
1313
+ display: inline;
1314
+ }
1315
+ ._Viewport--flex_1vvhm_19._Viewport--standard_1vvhm_6 {
1316
+ display: flex;
1317
+ }
1318
+ }
1319
+
1320
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/PagePlugin/styles.module.css/#css-module-data */
1321
+ ._Pages_ehemv_1 {
1322
+ padding: 16px;
1323
+ }
1324
+ ._Pages-addPage_ehemv_5 {
1325
+ margin-bottom: 16px;
1326
+ display: flex;
1327
+ justify-content: space-between;
1328
+ gap: 16px;
1329
+ }
1330
+ ._Pages-addPage_ehemv_5 > div {
1331
+ flex-shrink: 0;
1332
+ }
1333
+ ._Pages-addPage_ehemv_5 input {
1334
+ width: 100%;
1335
+ padding: 4px 8px;
1336
+ border: 1px solid var(--border);
1337
+ border-radius: 8px;
1338
+ }
1339
+ ._Pages-addPage_ehemv_5 input:focus {
1340
+ background-color: var(--puck-color-white);
1341
+ outline: 2px solid var(--puck-color-azure-04);
1342
+ }
1343
+ ._PagesPage_ehemv_28 {
1344
+ display: flex;
1345
+ width: 100%;
1346
+ justify-content: space-between;
1347
+ padding: 4px 8px;
1348
+ border-radius: 4px;
1349
+ border: 1px solid var(--border);
1350
+ margin-bottom: 8px;
1351
+ font-size: var(--puck-font-size-xxs);
1352
+ cursor: pointer;
1353
+ }
1354
+ ._PagesPage--active_ehemv_40 {
1355
+ border: 1px solid var(--puck-color-azure-08);
1356
+ background: var(--puck-color-azure-11);
1357
+ color: var(--puck-color-azure-04);
1358
+ margin-bottom: 0;
1359
+ }
1360
+ ._PagesPage_ehemv_28:hover {
1361
+ border: 1px solid var(--puck-color-azure-10);
1362
+ background: var(--puck-color-azure-11);
1363
+ color: var(--puck-color-azure-04);
1364
+ }
1365
+ ._Pages-versions_ehemv_53 {
1366
+ border-left: 1px solid var(--border);
1367
+ margin-left: 12px;
1368
+ margin-bottom: 8px;
1369
+ font-size: 12px;
1370
+ }
1371
+ ._PagesVersion_ehemv_60 {
1372
+ margin-left: 12px;
1373
+ margin-bottom: 8px;
1374
+ padding-top: 8px;
1375
+ }
1376
+ ._PagesVersion--current_ehemv_66 {
1377
+ position: absolute;
1378
+ transform: translate(-25px, 10px);
1379
+ z-index: 1;
1380
+ }
1381
+ ._PagesVersion-icon_ehemv_72 > svg {
1382
+ color: var(--puck-color-grey-05);
1383
+ }
1384
+ ._PagesVersion--draft_ehemv_76 {
1385
+ position: absolute;
1386
+ transform: translate(-30px, 12px);
1387
+ background: var(--puck-color-yellow-08);
1388
+ border: 1px solid var(--border);
1389
+ position: absolute;
1390
+ width: 12px;
1391
+ height: 12px;
1392
+ border-radius: 12px;
1393
+ z-index: 1;
1394
+ }
1395
+ ._PagesVersion--published_ehemv_88 {
1396
+ position: absolute;
1397
+ transform: translate(-30px, 12px);
1398
+ background: var(--puck-color-green-05);
1399
+ border: 1px solid var(--border);
1400
+ position: absolute;
1401
+ width: 12px;
1402
+ height: 12px;
1403
+ border-radius: 12px;
1404
+ z-index: 1;
1405
+ }
1406
+ ._PagesVersion--unpublished_ehemv_100 {
1407
+ position: absolute;
1408
+ transform: translate(-30px, 12px);
1409
+ background: var(--puck-color-white);
1410
+ border: 1px solid var(--border);
1411
+ position: absolute;
1412
+ width: 12px;
1413
+ height: 12px;
1414
+ border-radius: 12px;
1415
+ z-index: 1;
1416
+ }
1417
+ ._PagesVersion-inner_ehemv_112 {
1418
+ border: 1px solid var(--border);
1419
+ background-color: var(--puck-color-white);
1420
+ padding: 8px;
1421
+ border-radius: 4px;
1422
+ display: flex;
1423
+ align-content: center;
1424
+ justify-content: space-between;
1425
+ cursor: pointer;
1426
+ }
1427
+
1428
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/CreateForm/styles.module.css/#css-module-data */
1429
+ ._CreateForm_4hjuk_1 {
1430
+ }
1431
+ ._CreateForm-field_4hjuk_4 {
1432
+ display: flex;
1433
+ flex-direction: column;
1434
+ align-items: flex-start;
1435
+ gap: 0.25rem;
1436
+ width: 100%;
1437
+ }
1438
+ ._CreateForm-label_4hjuk_12 {
1439
+ font-size: 0.875rem;
1440
+ line-height: 1.25rem;
1441
+ font-weight: 500;
1442
+ color: var(--puck-color-grey-02);
1443
+ }
1444
+ ._CreateForm-input_4hjuk_19 {
1445
+ box-sizing: border-box;
1446
+ width: 100%;
1447
+ height: 2.5rem;
1448
+ margin: 0;
1449
+ padding: 0 0.875rem;
1450
+ border: 1px solid var(--puck-color-grey-10);
1451
+ border-radius: 0.375rem;
1452
+ background-color: var(--puck-color-white);
1453
+ color: var(--puck-color-grey-02);
1454
+ font-family: inherit;
1455
+ font-size: 1rem;
1456
+ }
1457
+ ._CreateForm-input_4hjuk_19:focus {
1458
+ outline: 2px solid var(--puck-color-azure-08);
1459
+ outline-offset: -1px;
1460
+ }
1461
+ ._CreateForm-input_4hjuk_19::placeholder {
1462
+ color: var(--puck-color-grey-06);
1463
+ }
1464
+ ._CreateForm-error_4hjuk_42 {
1465
+ width: 100%;
1466
+ margin-top: 16px;
1467
+ color: var(--puck-color-red-05);
1468
+ font-size: 0.875rem;
1469
+ line-height: 1.2;
1470
+ }
1471
+
1472
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/ConfirmModal/styles.module.css/#css-module-data */
1473
+ ._ConfirmModal_1r63q_1 {
1474
+ width: 100%;
1475
+ }
1476
+ ._ConfirmModal-button_1r63q_5 {
1477
+ display: inline-flex;
1478
+ }
1479
+ ._ConfirmModal-background_1r63q_9 {
1480
+ align-items: center;
1481
+ background: #00000050;
1482
+ bottom: 0;
1483
+ display: flex;
1484
+ justify-content: center;
1485
+ left: 0;
1486
+ position: fixed;
1487
+ right: 0;
1488
+ top: 0;
1489
+ z-index: 2;
1490
+ }
1491
+ ._ConfirmModal-modal_1r63q_22 {
1492
+ background: var(--puck-color-white);
1493
+ border-radius: 16px;
1494
+ display: flex;
1495
+ flex-direction: column;
1496
+ margin-inline: 24px;
1497
+ max-height: calc(100vh - 24px);
1498
+ min-width: 356px;
1499
+ overflow: auto;
1500
+ }
1501
+ ._ConfirmModal-header_1r63q_33 {
1502
+ align-items: center;
1503
+ color: var(--puck-color-grey-02);
1504
+ display: flex;
1505
+ gap: 16px;
1506
+ justify-content: space-between;
1507
+ padding: 24px 24px 16px;
1508
+ }
1509
+ ._ConfirmModal-close_1r63q_42 {
1510
+ align-items: center;
1511
+ appearance: none;
1512
+ background: transparent;
1513
+ border: none;
1514
+ border-radius: 8px;
1515
+ color: var(--puck-color-grey-04);
1516
+ cursor: pointer;
1517
+ display: inline-flex;
1518
+ justify-content: center;
1519
+ padding: 4px;
1520
+ }
1521
+ ._ConfirmModal-close_1r63q_42:hover {
1522
+ background: var(--puck-color-grey-11);
1523
+ color: var(--puck-color-grey-02);
1524
+ }
1525
+ ._ConfirmModal-close_1r63q_42:focus-visible {
1526
+ outline: 2px solid var(--puck-color-azure-05);
1527
+ outline-offset: 2px;
1528
+ }
1529
+ ._ConfirmModal-body_1r63q_65 {
1530
+ color: var(--puck-color-grey-03);
1531
+ line-height: 1.5;
1532
+ padding: 8px 24px 24px;
1533
+ }
1534
+ ._ConfirmModal-footer_1r63q_71 {
1535
+ background-color: var(--puck-color-grey-12);
1536
+ border-top: 1px solid var(--puck-color-grey-09);
1537
+ display: flex;
1538
+ gap: 12px;
1539
+ justify-content: flex-end;
1540
+ padding: 16px 24px;
1541
+ }
1542
+
1543
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Header/styles.module.css/#css-module-data */
1544
+ ._Header_123cp_1 {
1545
+ height: 100%;
1546
+ width: 100%;
1547
+ }
1548
+ ._Header-tabs_123cp_6 {
1549
+ background-color: white;
1550
+ border-left: 1px solid var(--puck-color-grey-09);
1551
+ border-bottom: 1px solid var(--puck-color-grey-09);
1552
+ padding-left: var(--puck-user-left-side-bar-width);
1553
+ padding-right: var(--puck-user-right-side-bar-width);
1554
+ margin-left: 67px;
1555
+ }
1556
+ ._Header-tabsInner_123cp_15 {
1557
+ display: grid;
1558
+ grid-auto-flow: column;
1559
+ grid-auto-columns: minmax(0, 196px);
1560
+ width: 100%;
1561
+ padding-inline: 8px;
1562
+ white-space: nowrap;
1563
+ }
1564
+ ._HeaderTab_123cp_24 {
1565
+ min-width: 0;
1566
+ max-width: 196px;
1567
+ overflow: hidden;
1568
+ text-overflow: ellipsis;
1569
+ }
1570
+ ._HeaderTab-button_123cp_31 {
1571
+ display: block;
1572
+ border-bottom: 4px solid transparent;
1573
+ border-top: 4px solid transparent;
1574
+ font-size: var(--puck-font-size-xxxs);
1575
+ padding: 4px 8px;
1576
+ width: 100%;
1577
+ overflow: hidden;
1578
+ text-overflow: ellipsis;
1579
+ white-space: nowrap;
1580
+ }
1581
+ ._HeaderTab-button_123cp_31:hover {
1582
+ background-color: var(--puck-color-azure-11);
1583
+ cursor: pointer;
1584
+ }
1585
+ ._HeaderTab--active_123cp_48 ._HeaderTab-button_123cp_31 {
1586
+ border-bottom-color: var(--puck-color-azure-04);
1587
+ }
1588
+
1589
+ /* css-module:/home/runner/work/puck-platform/puck-platform/packages/plugin-pages/src/components/Preview/styles.module.css/#css-module-data */
1590
+ ._Preview_jituh_1 {
1591
+ height: 100%;
1592
+ width: 100%;
1593
+ }