@measured/puck 0.20.0-canary.f2447833 → 0.20.0-canary.f2d031fb

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1343,6 +1343,168 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1343
1343
  display: none;
1344
1344
  }
1345
1345
 
1346
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1347
+ ._SidebarSection_8boj8_1 {
1348
+ display: flex;
1349
+ position: relative;
1350
+ flex-direction: column;
1351
+ color: var(--puck-color-black);
1352
+ }
1353
+ ._SidebarSection_8boj8_1:last-of-type {
1354
+ flex-grow: 1;
1355
+ }
1356
+ ._SidebarSection-title_8boj8_12 {
1357
+ background: var(--puck-color-white);
1358
+ padding: 16px;
1359
+ border-bottom: 1px solid var(--puck-color-grey-09);
1360
+ border-top: 1px solid var(--puck-color-grey-09);
1361
+ overflow-x: auto;
1362
+ }
1363
+ ._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
1364
+ border-top: 0px;
1365
+ }
1366
+ ._SidebarSection-content_8boj8_24 {
1367
+ padding: 16px;
1368
+ }
1369
+ ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
1370
+ padding: 0px;
1371
+ }
1372
+ ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
1373
+ padding-bottom: 4px;
1374
+ }
1375
+ ._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
1376
+ border-bottom: none;
1377
+ flex-grow: 1;
1378
+ }
1379
+ ._SidebarSection-breadcrumbLabel_8boj8_41 {
1380
+ background: none;
1381
+ border: 0;
1382
+ border-radius: 2px;
1383
+ color: var(--puck-color-azure-04);
1384
+ cursor: pointer;
1385
+ font: inherit;
1386
+ flex-shrink: 0;
1387
+ padding: 0;
1388
+ transition: color 50ms ease-in;
1389
+ }
1390
+ ._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
1391
+ outline: 2px solid var(--puck-color-azure-05);
1392
+ outline-offset: 2px;
1393
+ }
1394
+ @media (hover: hover) and (pointer: fine) {
1395
+ ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
1396
+ color: var(--puck-color-azure-03);
1397
+ transition: none;
1398
+ }
1399
+ }
1400
+ ._SidebarSection-breadcrumbLabel_8boj8_41:active {
1401
+ color: var(--puck-color-azure-02);
1402
+ transition: none;
1403
+ }
1404
+ ._SidebarSection-breadcrumbs_8boj8_70 {
1405
+ align-items: center;
1406
+ display: flex;
1407
+ gap: 4px;
1408
+ }
1409
+ ._SidebarSection-breadcrumb_8boj8_41 {
1410
+ align-items: center;
1411
+ display: flex;
1412
+ gap: 4px;
1413
+ }
1414
+ ._SidebarSection-heading_8boj8_82 {
1415
+ padding-inline-end: 16px;
1416
+ }
1417
+ ._SidebarSection-loadingOverlay_8boj8_86 {
1418
+ background: var(--puck-color-white);
1419
+ display: flex;
1420
+ justify-content: center;
1421
+ align-items: center;
1422
+ height: 100%;
1423
+ width: 100%;
1424
+ top: 0;
1425
+ position: absolute;
1426
+ z-index: 1;
1427
+ pointer-events: all;
1428
+ box-sizing: border-box;
1429
+ opacity: 0.8;
1430
+ }
1431
+
1432
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
1433
+ ._Puck_1yxlw_19 {
1434
+ --puck-space-px: 16px;
1435
+ font-family: var(--puck-font-family);
1436
+ overflow-x: hidden;
1437
+ }
1438
+ @media (min-width: 766px) {
1439
+ ._Puck_1yxlw_19 {
1440
+ overflow-x: auto;
1441
+ }
1442
+ }
1443
+ ._Puck-portal_1yxlw_31 {
1444
+ position: relative;
1445
+ z-index: 2;
1446
+ }
1447
+ ._PuckLayout-inner_1yxlw_38 {
1448
+ --puck-frame-width: auto;
1449
+ --puck-side-bar-width: 0px;
1450
+ --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, var(--puck-side-bar-width) );
1451
+ --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, var(--puck-side-bar-width) );
1452
+ display: grid;
1453
+ grid-template-areas: "header header header" "left editor right";
1454
+ grid-template-columns: 0 var(--puck-frame-width) 0;
1455
+ grid-template-rows: min-content auto;
1456
+ height: 100dvh;
1457
+ position: relative;
1458
+ z-index: 0;
1459
+ }
1460
+ ._PuckLayout--mounted_1yxlw_59 ._PuckLayout-inner_1yxlw_38 {
1461
+ --puck-side-bar-width: 186px;
1462
+ }
1463
+ ._PuckLayout--leftSideBarVisible_1yxlw_63 ._PuckLayout-inner_1yxlw_38 {
1464
+ grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) 0;
1465
+ }
1466
+ ._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
1467
+ grid-template-columns: 0 var(--puck-frame-width) var(--puck-right-side-bar-width);
1468
+ }
1469
+ ._PuckLayout--leftSideBarVisible_1yxlw_63._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 {
1470
+ grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) var(--puck-right-side-bar-width);
1471
+ }
1472
+ @media (min-width: 458px) {
1473
+ ._PuckLayout-mounted_1yxlw_83 ._PuckLayout-inner_1yxlw_38 {
1474
+ --puck-frame-width: minmax(266px, auto);
1475
+ }
1476
+ }
1477
+ @media (min-width: 638px) {
1478
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1479
+ --puck-side-bar-width: minmax(186px, 250px);
1480
+ }
1481
+ }
1482
+ @media (min-width: 766px) {
1483
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1484
+ --puck-frame-width: auto;
1485
+ }
1486
+ }
1487
+ @media (min-width: 990px) {
1488
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1489
+ --puck-side-bar-width: 256px;
1490
+ }
1491
+ }
1492
+ @media (min-width: 1198px) {
1493
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1494
+ --puck-side-bar-width: 274px;
1495
+ }
1496
+ }
1497
+ @media (min-width: 1398px) {
1498
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1499
+ --puck-side-bar-width: 290px;
1500
+ }
1501
+ }
1502
+ @media (min-width: 1598px) {
1503
+ ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 {
1504
+ --puck-side-bar-width: 320px;
1505
+ }
1506
+ }
1507
+
1346
1508
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
1347
1509
  ._PuckFields_10bh7_1 {
1348
1510
  position: relative;
@@ -1548,91 +1710,111 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1548
1710
  margin-top: 4px;
1549
1711
  }
1550
1712
 
1551
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
1552
- ._Puck_1rc26_19 {
1553
- --puck-space-px: 16px;
1554
- font-family: var(--puck-font-family);
1555
- overflow-x: hidden;
1556
- }
1557
- @media (min-width: 766px) {
1558
- ._Puck_1rc26_19 {
1559
- overflow-x: auto;
1560
- }
1561
- }
1562
- ._Puck-portal_1rc26_31 {
1563
- position: relative;
1564
- z-index: 2;
1713
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */
1714
+ ._ViewportControls_gejzr_1 {
1715
+ display: flex;
1716
+ background: var(--puck-color-grey-11);
1717
+ box-sizing: border-box;
1718
+ border-inline-start: 2px solid var(--puck-color-grey-11);
1719
+ justify-content: center;
1720
+ gap: 8px;
1721
+ min-width: 358px;
1722
+ padding-bottom: 16px;
1723
+ padding-inline-start: var(--puck-space-px);
1724
+ padding-inline-end: var(--puck-space-px);
1725
+ z-index: 1;
1565
1726
  }
1566
- ._PuckLayout-inner_1rc26_36 {
1567
- --puck-frame-width: auto;
1568
- --puck-side-bar-width: 0px;
1569
- display: grid;
1570
- grid-template-areas: "header header header header" "sidenav left editor right";
1571
- grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
1572
- grid-template-rows: min-content auto;
1573
- height: 100dvh;
1574
- position: relative;
1575
- z-index: 0;
1727
+ ._ViewportControls-divider_gejzr_15 {
1728
+ border-inline-end: 1px solid var(--puck-color-grey-09);
1729
+ margin-inline-start: 8px;
1730
+ margin-inline-end: 8px;
1576
1731
  }
1577
- ._PuckLayout--mounted_1rc26_48 ._PuckLayout-inner_1rc26_36 {
1578
- --puck-side-bar-width: 186px;
1579
- --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, --puck-side-bar-width );
1580
- --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, --puck-side-bar-width );
1581
- --puck-side-nav-width: 68px;
1732
+ ._ViewportControls-zoomSelect_gejzr_21 {
1733
+ appearance: none;
1734
+ background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
1735
+ background-size: 10px;
1736
+ background-position: calc(100% - 12px) calc(50% + 3px);
1737
+ background-repeat: no-repeat;
1738
+ border: 0;
1739
+ font-size: var(--puck-font-size-xxxs);
1740
+ padding: 0;
1741
+ width: 96px;
1582
1742
  }
1583
- ._PuckLayout--leftSideBarVisible_1rc26_61 ._PuckLayout-inner_1rc26_36 {
1584
- grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
1743
+ ._ViewportControls-zoomSelect_gejzr_21:dir(rtl) {
1744
+ background-position: 12px calc(50% + 3px);
1585
1745
  }
1586
- ._PuckLayout--rightSideBarVisible_1rc26_69 ._PuckLayout-inner_1rc26_36 {
1587
- grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-side-bar-width);
1746
+ ._ViewportButton--isActive_gejzr_38 ._ViewportButton-inner_gejzr_38 {
1747
+ color: var(--puck-color-azure-04);
1588
1748
  }
1589
- ._PuckLayout--leftSideBarVisible_1rc26_61._PuckLayout--rightSideBarVisible_1rc26_69 ._PuckLayout-inner_1rc26_36 {
1590
- grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
1749
+
1750
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
1751
+ ._PuckCanvas_18jay_1 {
1752
+ background: var(--puck-color-grey-11);
1753
+ display: flex;
1754
+ grid-area: editor;
1755
+ flex-direction: column;
1756
+ padding: var(--puck-space-px);
1757
+ overflow: auto;
1591
1758
  }
1592
- @media (min-width: 458px) {
1593
- ._PuckLayout-mounted_1rc26_85 ._PuckLayout-inner_1rc26_36 {
1594
- --puck-frame-width: minmax(266px, auto);
1759
+ @media (min-width: 1198px) {
1760
+ ._PuckCanvas_18jay_1 {
1761
+ padding: calc(var(--puck-space-px) * 1.5);
1762
+ padding-top: var(--puck-space-px);
1595
1763
  }
1596
- }
1597
- @media (min-width: 638px) {
1598
- ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
1599
- --puck-side-bar-width: minmax(186px, 250px);
1764
+ ._PuckCanvas_18jay_1:not(._PuckCanvas_18jay_1:has(._PuckCanvas-controls_18jay_16)) {
1765
+ padding-top: calc(var(--puck-space-px) * 1.5);
1600
1766
  }
1601
1767
  }
1602
- @media (min-width: 766px) {
1603
- ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
1604
- --puck-frame-width: auto;
1605
- }
1768
+ ._PuckCanvas-inner_18jay_21 {
1769
+ display: flex;
1770
+ height: 100%;
1771
+ justify-content: center;
1772
+ min-width: 358px;
1773
+ position: relative;
1774
+ width: 100%;
1606
1775
  }
1607
- @media (min-width: 990px) {
1608
- ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
1609
- --puck-side-bar-width: 256px;
1610
- }
1776
+ ._PuckCanvas-root_18jay_30 {
1777
+ background: white;
1778
+ border: 1px solid var(--puck-color-grey-09);
1779
+ box-sizing: content-box;
1780
+ min-width: 321px;
1781
+ position: absolute;
1782
+ pointer-events: none;
1783
+ transform-origin: top;
1784
+ top: 0;
1785
+ bottom: 0;
1786
+ opacity: 0;
1611
1787
  }
1612
1788
  @media (min-width: 1198px) {
1613
- ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
1614
- --puck-side-bar-width: 274px;
1789
+ ._PuckCanvas-root_18jay_30 {
1790
+ min-width: unset;
1615
1791
  }
1616
1792
  }
1617
- @media (min-width: 1398px) {
1618
- ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
1619
- --puck-side-bar-width: 290px;
1793
+ @media (prefers-reduced-motion: reduce) {
1794
+ ._PuckCanvas-root_18jay_30 {
1795
+ transition: none !important;
1620
1796
  }
1621
1797
  }
1622
- @media (min-width: 1598px) {
1623
- ._PuckLayout_1rc26_36 ._PuckLayout-inner_1rc26_36 {
1624
- --puck-side-bar-width: 320px;
1625
- }
1798
+ ._PuckCanvas--ready_18jay_55 ._PuckCanvas-root_18jay_30 {
1799
+ pointer-events: unset;
1800
+ opacity: 1;
1626
1801
  }
1627
- ._PuckLayout-nav_1rc26_126 {
1628
- border-right: 1px solid var(--puck-color-grey-09);
1629
- background-color: var(--puck-color-grey-12);
1802
+ ._PuckCanvas-loader_18jay_60 {
1803
+ align-items: center;
1804
+ color: var(--puck-color-grey-06);
1805
+ display: flex;
1806
+ height: 100%;
1807
+ justify-content: center;
1808
+ transition: opacity 250ms ease-out;
1809
+ opacity: 0;
1630
1810
  }
1631
- ._PuckPluginTab_1rc26_131 {
1632
- display: none;
1811
+ ._PuckCanvas--showLoader_18jay_70 ._PuckCanvas-loader_18jay_60 {
1812
+ opacity: 1;
1633
1813
  }
1634
- ._PuckPluginTab--visible_1rc26_135 {
1635
- display: block;
1814
+ ._PuckCanvas--showLoader_18jay_70._PuckCanvas--ready_18jay_55 ._PuckCanvas-loader_18jay_60 {
1815
+ opacity: 0;
1816
+ height: 0;
1817
+ transition: none;
1636
1818
  }
1637
1819
 
1638
1820
  /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
@@ -1680,7 +1862,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1680
1862
  }
1681
1863
 
1682
1864
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */
1683
- ._PuckHeader_1ehbp_1 {
1865
+ ._PuckHeader_15xnq_1 {
1684
1866
  background: var(--puck-color-white);
1685
1867
  border-bottom: 1px solid var(--puck-color-grey-09);
1686
1868
  color: var(--puck-color-black);
@@ -1688,14 +1870,8 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1688
1870
  position: relative;
1689
1871
  max-width: 100vw;
1690
1872
  }
1691
- @media (min-width: 638px) {
1692
- ._PuckHeader_1ehbp_1 {
1693
- padding-left: 67px;
1694
- }
1695
- }
1696
- ._PuckHeader-inner_1ehbp_16 {
1873
+ ._PuckHeader-inner_15xnq_10 {
1697
1874
  align-items: end;
1698
- border-left: 1px solid var(--puck-color-grey-09);
1699
1875
  display: grid;
1700
1876
  gap: var(--puck-space-px);
1701
1877
  grid-template-areas: "left middle right";
@@ -1703,241 +1879,43 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1703
1879
  grid-template-rows: auto;
1704
1880
  padding: var(--puck-space-px);
1705
1881
  }
1706
- @media (min-width: 638px) {
1707
- ._PuckHeader-inner_1ehbp_16 {
1708
- border-left: 1px solid var(--puck-color-grey-09);
1709
- }
1710
- }
1711
- ._PuckHeader-toggle_1ehbp_33 {
1882
+ ._PuckHeader-toggle_15xnq_20 {
1712
1883
  color: var(--puck-color-grey-05);
1713
1884
  display: flex;
1714
1885
  margin-inline-start: -4px;
1715
1886
  padding-top: 2px;
1716
1887
  }
1717
- ._PuckHeader--rightSideBarVisible_1ehbp_40 ._PuckHeader-rightSideBarToggle_1ehbp_40,
1718
- ._PuckHeader--leftSideBarVisible_1ehbp_41 ._PuckHeader-leftSideBarToggle_1ehbp_41 {
1888
+ ._PuckHeader--rightSideBarVisible_15xnq_27 ._PuckHeader-rightSideBarToggle_15xnq_27,
1889
+ ._PuckHeader--leftSideBarVisible_15xnq_28 ._PuckHeader-leftSideBarToggle_15xnq_28 {
1719
1890
  color: var(--puck-color-black);
1720
1891
  }
1721
- ._PuckHeader-title_1ehbp_45 {
1892
+ ._PuckHeader-title_15xnq_32 {
1722
1893
  align-self: center;
1723
1894
  }
1724
- ._PuckHeader-path_1ehbp_49 {
1895
+ ._PuckHeader-path_15xnq_36 {
1725
1896
  font-family: var(--puck-font-family-monospaced);
1726
1897
  font-size: var(--puck-font-size-xxs);
1727
1898
  font-weight: normal;
1728
1899
  word-break: break-all;
1729
1900
  }
1730
- ._PuckHeader-tools_1ehbp_56 {
1901
+ ._PuckHeader-tools_15xnq_43 {
1731
1902
  display: flex;
1732
1903
  gap: 16px;
1733
1904
  justify-content: flex-end;
1734
1905
  }
1735
- ._PuckHeader-menuButton_1ehbp_62 {
1906
+ ._PuckHeader-menuButton_15xnq_49 {
1736
1907
  color: var(--puck-color-grey-05);
1737
1908
  margin-inline-start: -4px;
1738
1909
  }
1739
- ._PuckHeader--menuOpen_1ehbp_67 ._PuckHeader-menuButton_1ehbp_62 {
1910
+ ._PuckHeader--menuOpen_15xnq_54 ._PuckHeader-menuButton_15xnq_49 {
1740
1911
  color: var(--puck-color-black);
1741
1912
  }
1742
1913
  @media (min-width: 638px) {
1743
- ._PuckHeader-menuButton_1ehbp_62 {
1914
+ ._PuckHeader-menuButton_15xnq_49 {
1744
1915
  display: none;
1745
1916
  }
1746
1917
  }
1747
1918
 
1748
- /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1749
- ._SidebarSection_8boj8_1 {
1750
- display: flex;
1751
- position: relative;
1752
- flex-direction: column;
1753
- color: var(--puck-color-black);
1754
- }
1755
- ._SidebarSection_8boj8_1:last-of-type {
1756
- flex-grow: 1;
1757
- }
1758
- ._SidebarSection-title_8boj8_12 {
1759
- background: var(--puck-color-white);
1760
- padding: 16px;
1761
- border-bottom: 1px solid var(--puck-color-grey-09);
1762
- border-top: 1px solid var(--puck-color-grey-09);
1763
- overflow-x: auto;
1764
- }
1765
- ._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
1766
- border-top: 0px;
1767
- }
1768
- ._SidebarSection-content_8boj8_24 {
1769
- padding: 16px;
1770
- }
1771
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
1772
- padding: 0px;
1773
- }
1774
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
1775
- padding-bottom: 4px;
1776
- }
1777
- ._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
1778
- border-bottom: none;
1779
- flex-grow: 1;
1780
- }
1781
- ._SidebarSection-breadcrumbLabel_8boj8_41 {
1782
- background: none;
1783
- border: 0;
1784
- border-radius: 2px;
1785
- color: var(--puck-color-azure-04);
1786
- cursor: pointer;
1787
- font: inherit;
1788
- flex-shrink: 0;
1789
- padding: 0;
1790
- transition: color 50ms ease-in;
1791
- }
1792
- ._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
1793
- outline: 2px solid var(--puck-color-azure-05);
1794
- outline-offset: 2px;
1795
- }
1796
- @media (hover: hover) and (pointer: fine) {
1797
- ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
1798
- color: var(--puck-color-azure-03);
1799
- transition: none;
1800
- }
1801
- }
1802
- ._SidebarSection-breadcrumbLabel_8boj8_41:active {
1803
- color: var(--puck-color-azure-02);
1804
- transition: none;
1805
- }
1806
- ._SidebarSection-breadcrumbs_8boj8_70 {
1807
- align-items: center;
1808
- display: flex;
1809
- gap: 4px;
1810
- }
1811
- ._SidebarSection-breadcrumb_8boj8_41 {
1812
- align-items: center;
1813
- display: flex;
1814
- gap: 4px;
1815
- }
1816
- ._SidebarSection-heading_8boj8_82 {
1817
- padding-inline-end: 16px;
1818
- }
1819
- ._SidebarSection-loadingOverlay_8boj8_86 {
1820
- background: var(--puck-color-white);
1821
- display: flex;
1822
- justify-content: center;
1823
- align-items: center;
1824
- height: 100%;
1825
- width: 100%;
1826
- top: 0;
1827
- position: absolute;
1828
- z-index: 1;
1829
- pointer-events: all;
1830
- box-sizing: border-box;
1831
- opacity: 0.8;
1832
- }
1833
-
1834
- /* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */
1835
- ._ViewportControls_gejzr_1 {
1836
- display: flex;
1837
- background: var(--puck-color-grey-11);
1838
- box-sizing: border-box;
1839
- border-inline-start: 2px solid var(--puck-color-grey-11);
1840
- justify-content: center;
1841
- gap: 8px;
1842
- min-width: 358px;
1843
- padding-bottom: 16px;
1844
- padding-inline-start: var(--puck-space-px);
1845
- padding-inline-end: var(--puck-space-px);
1846
- z-index: 1;
1847
- }
1848
- ._ViewportControls-divider_gejzr_15 {
1849
- border-inline-end: 1px solid var(--puck-color-grey-09);
1850
- margin-inline-start: 8px;
1851
- margin-inline-end: 8px;
1852
- }
1853
- ._ViewportControls-zoomSelect_gejzr_21 {
1854
- appearance: none;
1855
- background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
1856
- background-size: 10px;
1857
- background-position: calc(100% - 12px) calc(50% + 3px);
1858
- background-repeat: no-repeat;
1859
- border: 0;
1860
- font-size: var(--puck-font-size-xxxs);
1861
- padding: 0;
1862
- width: 96px;
1863
- }
1864
- ._ViewportControls-zoomSelect_gejzr_21:dir(rtl) {
1865
- background-position: 12px calc(50% + 3px);
1866
- }
1867
- ._ViewportButton--isActive_gejzr_38 ._ViewportButton-inner_gejzr_38 {
1868
- color: var(--puck-color-azure-04);
1869
- }
1870
-
1871
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
1872
- ._PuckCanvas_18jay_1 {
1873
- background: var(--puck-color-grey-11);
1874
- display: flex;
1875
- grid-area: editor;
1876
- flex-direction: column;
1877
- padding: var(--puck-space-px);
1878
- overflow: auto;
1879
- }
1880
- @media (min-width: 1198px) {
1881
- ._PuckCanvas_18jay_1 {
1882
- padding: calc(var(--puck-space-px) * 1.5);
1883
- padding-top: var(--puck-space-px);
1884
- }
1885
- ._PuckCanvas_18jay_1:not(._PuckCanvas_18jay_1:has(._PuckCanvas-controls_18jay_16)) {
1886
- padding-top: calc(var(--puck-space-px) * 1.5);
1887
- }
1888
- }
1889
- ._PuckCanvas-inner_18jay_21 {
1890
- display: flex;
1891
- height: 100%;
1892
- justify-content: center;
1893
- min-width: 358px;
1894
- position: relative;
1895
- width: 100%;
1896
- }
1897
- ._PuckCanvas-root_18jay_30 {
1898
- background: white;
1899
- border: 1px solid var(--puck-color-grey-09);
1900
- box-sizing: content-box;
1901
- min-width: 321px;
1902
- position: absolute;
1903
- pointer-events: none;
1904
- transform-origin: top;
1905
- top: 0;
1906
- bottom: 0;
1907
- opacity: 0;
1908
- }
1909
- @media (min-width: 1198px) {
1910
- ._PuckCanvas-root_18jay_30 {
1911
- min-width: unset;
1912
- }
1913
- }
1914
- @media (prefers-reduced-motion: reduce) {
1915
- ._PuckCanvas-root_18jay_30 {
1916
- transition: none !important;
1917
- }
1918
- }
1919
- ._PuckCanvas--ready_18jay_55 ._PuckCanvas-root_18jay_30 {
1920
- pointer-events: unset;
1921
- opacity: 1;
1922
- }
1923
- ._PuckCanvas-loader_18jay_60 {
1924
- align-items: center;
1925
- color: var(--puck-color-grey-06);
1926
- display: flex;
1927
- height: 100%;
1928
- justify-content: center;
1929
- transition: opacity 250ms ease-out;
1930
- opacity: 0;
1931
- }
1932
- ._PuckCanvas--showLoader_18jay_70 ._PuckCanvas-loader_18jay_60 {
1933
- opacity: 1;
1934
- }
1935
- ._PuckCanvas--showLoader_18jay_70._PuckCanvas--ready_18jay_55 ._PuckCanvas-loader_18jay_60 {
1936
- opacity: 0;
1937
- height: 0;
1938
- transition: none;
1939
- }
1940
-
1941
1919
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */
1942
1920
  @media (min-width: 766px) {
1943
1921
  ._ResizeHandle_144bf_2 {
@@ -1972,123 +1950,31 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1972
1950
  }
1973
1951
 
1974
1952
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */
1975
- ._Sidebar_2pzs4_1 {
1953
+ ._Sidebar_1xksb_1 {
1976
1954
  position: relative;
1977
1955
  display: flex;
1978
1956
  flex-direction: column;
1979
1957
  overflow-y: auto;
1980
1958
  }
1981
- ._Sidebar--left_2pzs4_8 {
1959
+ ._Sidebar--left_1xksb_8 {
1982
1960
  background: var(--puck-color-grey-12);
1983
1961
  border-inline-end: 1px solid var(--puck-color-grey-09);
1984
1962
  grid-area: left;
1985
- padding: 16px;
1986
1963
  }
1987
- ._Sidebar--right_2pzs4_15 {
1964
+ ._Sidebar--right_1xksb_14 {
1988
1965
  background: var(--puck-color-white);
1989
1966
  border-inline-start: 1px solid var(--puck-color-grey-09);
1990
1967
  grid-area: right;
1991
1968
  }
1992
- ._Sidebar-resizeHandle_2pzs4_21 {
1969
+ ._Sidebar-resizeHandle_1xksb_20 {
1993
1970
  position: absolute;
1994
1971
  height: 100%;
1995
1972
  }
1996
- ._Sidebar--left_2pzs4_8 + ._Sidebar-resizeHandle_2pzs4_21 {
1973
+ ._Sidebar--left_1xksb_8 + ._Sidebar-resizeHandle_1xksb_20 {
1997
1974
  grid-area: left;
1998
1975
  justify-self: end;
1999
1976
  }
2000
- ._Sidebar--right_2pzs4_15 + ._Sidebar-resizeHandle_2pzs4_21 {
1977
+ ._Sidebar--right_1xksb_14 + ._Sidebar-resizeHandle_1xksb_20 {
2001
1978
  grid-area: right;
2002
1979
  justify-self: start;
2003
1980
  }
2004
-
2005
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Nav/styles.module.css/#css-module-data */
2006
- ._Nav-list_b6txo_1 {
2007
- list-style: none;
2008
- margin: 0;
2009
- padding: 0;
2010
- }
2011
- ._NavSection_b6txo_7 {
2012
- padding: 16px;
2013
- }
2014
- ._NavSection_b6txo_7:first-of-type {
2015
- padding-top: 32px;
2016
- }
2017
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 {
2018
- padding-left: 0;
2019
- padding-right: 0;
2020
- }
2021
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 + ._NavSection_b6txo_7 {
2022
- border-top: 1px solid var(--puck-color-grey-09);
2023
- }
2024
- ._NavSection-list_b6txo_24 {
2025
- display: flex;
2026
- flex-direction: column;
2027
- list-style: none;
2028
- margin: 0;
2029
- padding: 0;
2030
- }
2031
- ._Nav--slim_b6txo_15 ._NavSection-list_b6txo_24 {
2032
- gap: 16px;
2033
- }
2034
- ._NavSection-title_b6txo_36 {
2035
- font-weight: 700;
2036
- margin-bottom: 8px;
2037
- padding-left: 8px;
2038
- padding-right: 8px;
2039
- }
2040
- ._Nav--slim_b6txo_15 ._NavSection-title_b6txo_36 {
2041
- opacity: 0;
2042
- }
2043
- ._NavItem-link_b6txo_47 {
2044
- align-items: center;
2045
- color: var(--puck-color-grey-03);
2046
- display: flex;
2047
- gap: 8px;
2048
- text-decoration: none;
2049
- cursor: pointer;
2050
- border-radius: 4px;
2051
- padding: 8px 4px;
2052
- }
2053
- ._Nav--slim_b6txo_15 ._NavItem-link_b6txo_47 {
2054
- border-left: 4px solid transparent;
2055
- border-right: 4px solid transparent;
2056
- border-radius: 0;
2057
- flex-direction: column;
2058
- font-size: var(--puck-font-size-xxxs);
2059
- }
2060
- ._NavItem-linkIcon_b6txo_67 {
2061
- height: 24px;
2062
- width: 24px;
2063
- }
2064
- ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
2065
- background-color: var(--puck-color-azure-10);
2066
- color: var(--puck-color-azure-04);
2067
- font-weight: 600;
2068
- }
2069
- ._Nav--slim_b6txo_15 ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
2070
- background-color: transparent;
2071
- border-right-color: var(--puck-color-azure-04);
2072
- border-top-right-radius: 0;
2073
- border-bottom-right-radius: 0;
2074
- font-weight: 600;
2075
- }
2076
- ._NavItem_b6txo_47:not(._NavItem--active_b6txo_72) > ._NavItem-link_b6txo_47:hover {
2077
- background-color: var(--puck-color-azure-11);
2078
- color: var(--puck-color-azure-04);
2079
- }
2080
- ._NavItem-list_b6txo_91 {
2081
- border-left: 1px solid var(--puck-color-grey-09);
2082
- display: flex;
2083
- flex-direction: column;
2084
- list-style: none;
2085
- margin-top: 8px;
2086
- margin-left: 4px;
2087
- padding: 0;
2088
- padding-left: 8px;
2089
- }
2090
- ._Nav--slim_b6txo_15 ._NavItem-list_b6txo_91 {
2091
- border-left: 0;
2092
- padding-left: 0;
2093
- margin-left: 0;
2094
- }