@puckeditor/plugin-pages 0.6.1-canary.b4fc2343 → 0.6.1-canary.ced08d75
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 +147 -188
- package/dist/index.d.mts +23 -0
- package/dist/index.d.ts +23 -0
- package/dist/index.js +10241 -10353
- package/dist/index.mjs +10417 -10398
- package/package.json +10 -12
- package/dist/api/edit.js +0 -163
- package/dist/api/edit.mjs +0 -58
- package/dist/api/view.js +0 -114
- package/dist/api/view.mjs +0 -8
- package/dist/chunk-BZD7XJC3.mjs +0 -6
- package/dist/chunk-CFUMG5V5.mjs +0 -26
- package/dist/chunk-UYZYALB5.mjs +0 -128
- package/dist/server.js +0 -129
- package/dist/server.mjs +0 -13
package/dist/index.css
CHANGED
|
@@ -1,3 +1,142 @@
|
|
|
1
|
+
/* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Toast/Toast.module.css/#css-module-data */
|
|
2
|
+
._Viewport_13rvx_1 {
|
|
3
|
+
position: fixed;
|
|
4
|
+
width: 250px;
|
|
5
|
+
margin: 0 auto;
|
|
6
|
+
bottom: 1rem;
|
|
7
|
+
right: 1rem;
|
|
8
|
+
left: auto;
|
|
9
|
+
top: auto;
|
|
10
|
+
@media (min-width: 500px) {
|
|
11
|
+
bottom: 2rem;
|
|
12
|
+
right: 2rem;
|
|
13
|
+
width: 300px;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
._Toast_13rvx_17 {
|
|
17
|
+
--gap: 0.75rem;
|
|
18
|
+
--offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );
|
|
19
|
+
position: absolute;
|
|
20
|
+
right: 0;
|
|
21
|
+
margin: 0 auto;
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
background: var(--puck-color-white);
|
|
24
|
+
color: var(--puck-color-grey-01);
|
|
25
|
+
border: 1px solid var(--puck-color-grey-09);
|
|
26
|
+
padding: 1rem;
|
|
27
|
+
width: 100%;
|
|
28
|
+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
29
|
+
background-clip: padding-box;
|
|
30
|
+
border-radius: 0.5rem;
|
|
31
|
+
bottom: 0;
|
|
32
|
+
left: auto;
|
|
33
|
+
margin-right: 0;
|
|
34
|
+
-webkit-user-select: none;
|
|
35
|
+
user-select: none;
|
|
36
|
+
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s;
|
|
37
|
+
cursor: default;
|
|
38
|
+
z-index: calc(1000 - var(--toast-index));
|
|
39
|
+
transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (min(var(--toast-index), 10) * -20%))) scale(calc(max(0, 1 - (var(--toast-index) * 0.1))));
|
|
40
|
+
&::after {
|
|
41
|
+
content: "";
|
|
42
|
+
position: absolute;
|
|
43
|
+
width: 100%;
|
|
44
|
+
top: 100%;
|
|
45
|
+
left: 0;
|
|
46
|
+
height: calc(var(--gap) + 1px);
|
|
47
|
+
}
|
|
48
|
+
&[data-expanded] {
|
|
49
|
+
transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));
|
|
50
|
+
}
|
|
51
|
+
&[data-starting-style],
|
|
52
|
+
&[data-ending-style] {
|
|
53
|
+
transform: translateY(150%);
|
|
54
|
+
}
|
|
55
|
+
&[data-limited] {
|
|
56
|
+
opacity: 0;
|
|
57
|
+
}
|
|
58
|
+
&[data-ending-style] {
|
|
59
|
+
opacity: 0;
|
|
60
|
+
&[data-swipe-direction=up] {
|
|
61
|
+
transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
|
|
62
|
+
}
|
|
63
|
+
&[data-swipe-direction=left] {
|
|
64
|
+
transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
|
|
65
|
+
}
|
|
66
|
+
&[data-swipe-direction=right] {
|
|
67
|
+
transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
|
|
68
|
+
}
|
|
69
|
+
&[data-swipe-direction=down] {
|
|
70
|
+
transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
._Title_13rvx_95 {
|
|
75
|
+
font-weight: 500;
|
|
76
|
+
font-size: 0.975rem;
|
|
77
|
+
line-height: 1.25rem;
|
|
78
|
+
margin: 0;
|
|
79
|
+
}
|
|
80
|
+
._Description_13rvx_102 {
|
|
81
|
+
font-size: 0.925rem;
|
|
82
|
+
line-height: 1.25rem;
|
|
83
|
+
margin: 0;
|
|
84
|
+
margin-top: 0.25rem;
|
|
85
|
+
}
|
|
86
|
+
._Action_13rvx_109 {
|
|
87
|
+
appearance: none;
|
|
88
|
+
background: var(--puck-color-azure-04);
|
|
89
|
+
border: 1px solid transparent;
|
|
90
|
+
border-radius: 8px;
|
|
91
|
+
color: var(--puck-color-white);
|
|
92
|
+
display: inline-flex;
|
|
93
|
+
align-items: center;
|
|
94
|
+
gap: 8px;
|
|
95
|
+
letter-spacing: 0.05ch;
|
|
96
|
+
font-family: var(--puck-font-family);
|
|
97
|
+
font-size: 14px;
|
|
98
|
+
font-weight: 400;
|
|
99
|
+
box-sizing: border-box;
|
|
100
|
+
line-height: 1;
|
|
101
|
+
text-align: center;
|
|
102
|
+
text-decoration: none;
|
|
103
|
+
transition: background-color 50ms ease-in;
|
|
104
|
+
cursor: pointer;
|
|
105
|
+
white-space: nowrap;
|
|
106
|
+
margin: 8px 0 0;
|
|
107
|
+
padding: 8px 12px;
|
|
108
|
+
}
|
|
109
|
+
@media (hover: hover) and (pointer: fine) {
|
|
110
|
+
._Action_13rvx_109:hover {
|
|
111
|
+
background-color: var(--puck-color-azure-03);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
._Action_13rvx_109:active {
|
|
115
|
+
background-color: var(--puck-color-azure-02);
|
|
116
|
+
}
|
|
117
|
+
._Close_13rvx_143 {
|
|
118
|
+
position: absolute;
|
|
119
|
+
top: 0.5rem;
|
|
120
|
+
right: 0.5rem;
|
|
121
|
+
border: none;
|
|
122
|
+
background: transparent;
|
|
123
|
+
width: 1.25rem;
|
|
124
|
+
height: 1.25rem;
|
|
125
|
+
display: flex;
|
|
126
|
+
align-items: center;
|
|
127
|
+
justify-content: center;
|
|
128
|
+
border-radius: 0.25rem;
|
|
129
|
+
}
|
|
130
|
+
@media (hover: hover) and (pointer: fine) {
|
|
131
|
+
._Close_13rvx_143:hover {
|
|
132
|
+
background-color: var(--puck-color-grey-11);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
._Icon_13rvx_163 {
|
|
136
|
+
width: 1rem;
|
|
137
|
+
height: 1rem;
|
|
138
|
+
}
|
|
139
|
+
|
|
1
140
|
/* ../platform-client/styles/color.css */
|
|
2
141
|
:root {
|
|
3
142
|
--puck-color-rose-01: #4a001c;
|
|
@@ -1334,145 +1473,6 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1334
1473
|
background-color: var(--puck-color-grey-12);
|
|
1335
1474
|
}
|
|
1336
1475
|
|
|
1337
|
-
/* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/Toast/Toast.module.css/#css-module-data */
|
|
1338
|
-
._Viewport_13rvx_1 {
|
|
1339
|
-
position: fixed;
|
|
1340
|
-
width: 250px;
|
|
1341
|
-
margin: 0 auto;
|
|
1342
|
-
bottom: 1rem;
|
|
1343
|
-
right: 1rem;
|
|
1344
|
-
left: auto;
|
|
1345
|
-
top: auto;
|
|
1346
|
-
@media (min-width: 500px) {
|
|
1347
|
-
bottom: 2rem;
|
|
1348
|
-
right: 2rem;
|
|
1349
|
-
width: 300px;
|
|
1350
|
-
}
|
|
1351
|
-
}
|
|
1352
|
-
._Toast_13rvx_17 {
|
|
1353
|
-
--gap: 0.75rem;
|
|
1354
|
-
--offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );
|
|
1355
|
-
position: absolute;
|
|
1356
|
-
right: 0;
|
|
1357
|
-
margin: 0 auto;
|
|
1358
|
-
box-sizing: border-box;
|
|
1359
|
-
background: var(--puck-color-white);
|
|
1360
|
-
color: var(--puck-color-grey-01);
|
|
1361
|
-
border: 1px solid var(--puck-color-grey-09);
|
|
1362
|
-
padding: 1rem;
|
|
1363
|
-
width: 100%;
|
|
1364
|
-
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
|
|
1365
|
-
background-clip: padding-box;
|
|
1366
|
-
border-radius: 0.5rem;
|
|
1367
|
-
bottom: 0;
|
|
1368
|
-
left: auto;
|
|
1369
|
-
margin-right: 0;
|
|
1370
|
-
-webkit-user-select: none;
|
|
1371
|
-
user-select: none;
|
|
1372
|
-
transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s;
|
|
1373
|
-
cursor: default;
|
|
1374
|
-
z-index: calc(1000 - var(--toast-index));
|
|
1375
|
-
transform: translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) + (min(var(--toast-index), 10) * -20%))) scale(calc(max(0, 1 - (var(--toast-index) * 0.1))));
|
|
1376
|
-
&::after {
|
|
1377
|
-
content: "";
|
|
1378
|
-
position: absolute;
|
|
1379
|
-
width: 100%;
|
|
1380
|
-
top: 100%;
|
|
1381
|
-
left: 0;
|
|
1382
|
-
height: calc(var(--gap) + 1px);
|
|
1383
|
-
}
|
|
1384
|
-
&[data-expanded] {
|
|
1385
|
-
transform: translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));
|
|
1386
|
-
}
|
|
1387
|
-
&[data-starting-style],
|
|
1388
|
-
&[data-ending-style] {
|
|
1389
|
-
transform: translateY(150%);
|
|
1390
|
-
}
|
|
1391
|
-
&[data-limited] {
|
|
1392
|
-
opacity: 0;
|
|
1393
|
-
}
|
|
1394
|
-
&[data-ending-style] {
|
|
1395
|
-
opacity: 0;
|
|
1396
|
-
&[data-swipe-direction=up] {
|
|
1397
|
-
transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
|
|
1398
|
-
}
|
|
1399
|
-
&[data-swipe-direction=left] {
|
|
1400
|
-
transform: translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y));
|
|
1401
|
-
}
|
|
1402
|
-
&[data-swipe-direction=right] {
|
|
1403
|
-
transform: translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y));
|
|
1404
|
-
}
|
|
1405
|
-
&[data-swipe-direction=down] {
|
|
1406
|
-
transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
|
|
1407
|
-
}
|
|
1408
|
-
}
|
|
1409
|
-
}
|
|
1410
|
-
._Title_13rvx_95 {
|
|
1411
|
-
font-weight: 500;
|
|
1412
|
-
font-size: 0.975rem;
|
|
1413
|
-
line-height: 1.25rem;
|
|
1414
|
-
margin: 0;
|
|
1415
|
-
}
|
|
1416
|
-
._Description_13rvx_102 {
|
|
1417
|
-
font-size: 0.925rem;
|
|
1418
|
-
line-height: 1.25rem;
|
|
1419
|
-
margin: 0;
|
|
1420
|
-
margin-top: 0.25rem;
|
|
1421
|
-
}
|
|
1422
|
-
._Action_13rvx_109 {
|
|
1423
|
-
appearance: none;
|
|
1424
|
-
background: var(--puck-color-azure-04);
|
|
1425
|
-
border: 1px solid transparent;
|
|
1426
|
-
border-radius: 8px;
|
|
1427
|
-
color: var(--puck-color-white);
|
|
1428
|
-
display: inline-flex;
|
|
1429
|
-
align-items: center;
|
|
1430
|
-
gap: 8px;
|
|
1431
|
-
letter-spacing: 0.05ch;
|
|
1432
|
-
font-family: var(--puck-font-family);
|
|
1433
|
-
font-size: 14px;
|
|
1434
|
-
font-weight: 400;
|
|
1435
|
-
box-sizing: border-box;
|
|
1436
|
-
line-height: 1;
|
|
1437
|
-
text-align: center;
|
|
1438
|
-
text-decoration: none;
|
|
1439
|
-
transition: background-color 50ms ease-in;
|
|
1440
|
-
cursor: pointer;
|
|
1441
|
-
white-space: nowrap;
|
|
1442
|
-
margin: 8px 0 0;
|
|
1443
|
-
padding: 8px 12px;
|
|
1444
|
-
}
|
|
1445
|
-
@media (hover: hover) and (pointer: fine) {
|
|
1446
|
-
._Action_13rvx_109:hover {
|
|
1447
|
-
background-color: var(--puck-color-azure-03);
|
|
1448
|
-
}
|
|
1449
|
-
}
|
|
1450
|
-
._Action_13rvx_109:active {
|
|
1451
|
-
background-color: var(--puck-color-azure-02);
|
|
1452
|
-
}
|
|
1453
|
-
._Close_13rvx_143 {
|
|
1454
|
-
position: absolute;
|
|
1455
|
-
top: 0.5rem;
|
|
1456
|
-
right: 0.5rem;
|
|
1457
|
-
border: none;
|
|
1458
|
-
background: transparent;
|
|
1459
|
-
width: 1.25rem;
|
|
1460
|
-
height: 1.25rem;
|
|
1461
|
-
display: flex;
|
|
1462
|
-
align-items: center;
|
|
1463
|
-
justify-content: center;
|
|
1464
|
-
border-radius: 0.25rem;
|
|
1465
|
-
}
|
|
1466
|
-
@media (hover: hover) and (pointer: fine) {
|
|
1467
|
-
._Close_13rvx_143:hover {
|
|
1468
|
-
background-color: var(--puck-color-grey-11);
|
|
1469
|
-
}
|
|
1470
|
-
}
|
|
1471
|
-
._Icon_13rvx_163 {
|
|
1472
|
-
width: 1rem;
|
|
1473
|
-
height: 1rem;
|
|
1474
|
-
}
|
|
1475
|
-
|
|
1476
1476
|
/* css-module:/Users/chrisvilla/Projects/puck-platform/packages/platform-client/components/VerticalSpace/VerticalSpace.module.css/#css-module-data */
|
|
1477
1477
|
._VerticalSpace_1tjaw_1 {
|
|
1478
1478
|
padding-top: 16px;
|
|
@@ -1766,43 +1766,7 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1766
1766
|
}
|
|
1767
1767
|
|
|
1768
1768
|
/* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-pages/src/components/ConfirmModal/styles.module.css/#css-module-data */
|
|
1769
|
-
.
|
|
1770
|
-
width: 100%;
|
|
1771
|
-
}
|
|
1772
|
-
._ConfirmModal-button_1r63q_5 {
|
|
1773
|
-
display: inline-flex;
|
|
1774
|
-
}
|
|
1775
|
-
._ConfirmModal-background_1r63q_9 {
|
|
1776
|
-
align-items: center;
|
|
1777
|
-
background: #00000050;
|
|
1778
|
-
bottom: 0;
|
|
1779
|
-
display: flex;
|
|
1780
|
-
justify-content: center;
|
|
1781
|
-
left: 0;
|
|
1782
|
-
position: fixed;
|
|
1783
|
-
right: 0;
|
|
1784
|
-
top: 0;
|
|
1785
|
-
z-index: 2;
|
|
1786
|
-
}
|
|
1787
|
-
._ConfirmModal-modal_1r63q_22 {
|
|
1788
|
-
background: var(--puck-color-white);
|
|
1789
|
-
border-radius: 16px;
|
|
1790
|
-
display: flex;
|
|
1791
|
-
flex-direction: column;
|
|
1792
|
-
margin-inline: 24px;
|
|
1793
|
-
max-height: calc(100vh - 24px);
|
|
1794
|
-
min-width: 356px;
|
|
1795
|
-
overflow: auto;
|
|
1796
|
-
}
|
|
1797
|
-
._ConfirmModal-header_1r63q_33 {
|
|
1798
|
-
align-items: center;
|
|
1799
|
-
color: var(--puck-color-grey-02);
|
|
1800
|
-
display: flex;
|
|
1801
|
-
gap: 16px;
|
|
1802
|
-
justify-content: space-between;
|
|
1803
|
-
padding: 24px 24px 16px;
|
|
1804
|
-
}
|
|
1805
|
-
._ConfirmModal-close_1r63q_42 {
|
|
1769
|
+
._ConfirmModal-close_1tbjv_1 {
|
|
1806
1770
|
align-items: center;
|
|
1807
1771
|
appearance: none;
|
|
1808
1772
|
background: transparent;
|
|
@@ -1814,26 +1778,21 @@ button._Menu-item_1tu16_55:hover {
|
|
|
1814
1778
|
justify-content: center;
|
|
1815
1779
|
padding: 4px;
|
|
1816
1780
|
}
|
|
1817
|
-
._ConfirmModal-
|
|
1781
|
+
._ConfirmModal-close_1tbjv_1:hover {
|
|
1818
1782
|
background: var(--puck-color-grey-11);
|
|
1819
1783
|
color: var(--puck-color-grey-02);
|
|
1820
1784
|
}
|
|
1821
|
-
._ConfirmModal-
|
|
1785
|
+
._ConfirmModal-close_1tbjv_1:focus-visible {
|
|
1822
1786
|
outline: 2px solid var(--puck-color-azure-05);
|
|
1823
1787
|
outline-offset: 2px;
|
|
1824
1788
|
}
|
|
1825
|
-
._ConfirmModal-
|
|
1826
|
-
color: var(--puck-color-grey-03);
|
|
1827
|
-
line-height: 1.5;
|
|
1828
|
-
padding: 8px 24px 24px;
|
|
1829
|
-
}
|
|
1830
|
-
._ConfirmModal-footer_1r63q_71 {
|
|
1831
|
-
background-color: var(--puck-color-grey-12);
|
|
1832
|
-
border-top: 1px solid var(--puck-color-grey-09);
|
|
1789
|
+
._ConfirmModal-actions_1tbjv_24 {
|
|
1833
1790
|
display: flex;
|
|
1834
1791
|
gap: 12px;
|
|
1835
|
-
|
|
1836
|
-
|
|
1792
|
+
}
|
|
1793
|
+
._ConfirmModal-body_1tbjv_29 {
|
|
1794
|
+
color: var(--puck-color-grey-03);
|
|
1795
|
+
line-height: 1.5;
|
|
1837
1796
|
}
|
|
1838
1797
|
|
|
1839
1798
|
/* css-module:/Users/chrisvilla/Projects/puck-platform/packages/plugin-pages/src/components/HeaderActions/styles.module.css/#css-module-data */
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
type PagePluginOptions = {
|
|
5
|
+
host?: string;
|
|
6
|
+
siteId?: string;
|
|
7
|
+
parentOrigin?: string;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
declare function createPagesPlugin(opts?: PagePluginOptions): {
|
|
11
|
+
label: string;
|
|
12
|
+
name: string;
|
|
13
|
+
render: () => react_jsx_runtime.JSX.Element;
|
|
14
|
+
icon: react_jsx_runtime.JSX.Element;
|
|
15
|
+
overrides: {
|
|
16
|
+
headerActions: () => react_jsx_runtime.JSX.Element;
|
|
17
|
+
preview: ({ children }: {
|
|
18
|
+
children: react.ReactNode;
|
|
19
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { createPagesPlugin };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
|
|
4
|
+
type PagePluginOptions = {
|
|
5
|
+
host?: string;
|
|
6
|
+
siteId?: string;
|
|
7
|
+
parentOrigin?: string;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
declare function createPagesPlugin(opts?: PagePluginOptions): {
|
|
11
|
+
label: string;
|
|
12
|
+
name: string;
|
|
13
|
+
render: () => react_jsx_runtime.JSX.Element;
|
|
14
|
+
icon: react_jsx_runtime.JSX.Element;
|
|
15
|
+
overrides: {
|
|
16
|
+
headerActions: () => react_jsx_runtime.JSX.Element;
|
|
17
|
+
preview: ({ children }: {
|
|
18
|
+
children: react.ReactNode;
|
|
19
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
export { createPagesPlugin };
|