@measured/puck 0.20.0-canary.77cef35d → 0.20.0-canary.7d869af1

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,166 @@ 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_vnhjy_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_vnhjy_19 {
1440
+ overflow-x: auto;
1441
+ }
1442
+ }
1443
+ ._Puck-portal_vnhjy_31 {
1444
+ position: relative;
1445
+ z-index: 2;
1446
+ }
1447
+ ._PuckLayout-inner_vnhjy_38 {
1448
+ --puck-frame-width: auto;
1449
+ --puck-side-bar-width: 0px;
1450
+ display: grid;
1451
+ grid-template-areas: "header header header" "left editor right";
1452
+ grid-template-columns: 0 var(--puck-frame-width) 0;
1453
+ grid-template-rows: min-content auto;
1454
+ height: 100dvh;
1455
+ position: relative;
1456
+ z-index: 0;
1457
+ }
1458
+ ._PuckLayout--mounted_vnhjy_50 ._PuckLayout-inner_vnhjy_38 {
1459
+ --puck-side-bar-width: 186px;
1460
+ }
1461
+ ._PuckLayout--leftSideBarVisible_vnhjy_54 ._PuckLayout-inner_vnhjy_38 {
1462
+ grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
1463
+ }
1464
+ ._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
1465
+ grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
1466
+ }
1467
+ ._PuckLayout--leftSideBarVisible_vnhjy_54._PuckLayout--rightSideBarVisible_vnhjy_60 ._PuckLayout-inner_vnhjy_38 {
1468
+ grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
1469
+ }
1470
+ @media (min-width: 458px) {
1471
+ ._PuckLayout-mounted_vnhjy_74 ._PuckLayout-inner_vnhjy_38 {
1472
+ --puck-frame-width: minmax(266px, auto);
1473
+ }
1474
+ }
1475
+ @media (min-width: 638px) {
1476
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1477
+ --puck-side-bar-width: minmax(186px, 250px);
1478
+ }
1479
+ }
1480
+ @media (min-width: 766px) {
1481
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1482
+ --puck-frame-width: auto;
1483
+ }
1484
+ }
1485
+ @media (min-width: 990px) {
1486
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1487
+ --puck-side-bar-width: 256px;
1488
+ }
1489
+ }
1490
+ @media (min-width: 1198px) {
1491
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1492
+ --puck-side-bar-width: 274px;
1493
+ }
1494
+ }
1495
+ @media (min-width: 1398px) {
1496
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1497
+ --puck-side-bar-width: 290px;
1498
+ }
1499
+ }
1500
+ @media (min-width: 1598px) {
1501
+ ._PuckLayout_vnhjy_38 ._PuckLayout-inner_vnhjy_38 {
1502
+ --puck-side-bar-width: 320px;
1503
+ }
1504
+ }
1505
+
1346
1506
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
1347
1507
  ._PuckFields_10bh7_1 {
1348
1508
  position: relative;
@@ -1434,11 +1594,6 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1434
1594
  margin-inline-start: auto;
1435
1595
  }
1436
1596
 
1437
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Components/styles.module.css/#css-module-data */
1438
- ._Components_uwdh8_1 {
1439
- padding: 16px;
1440
- }
1441
-
1442
1597
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */
1443
1598
  ._PuckPreview_z2rgu_1 {
1444
1599
  position: relative;
@@ -1553,96 +1708,111 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1553
1708
  margin-top: 4px;
1554
1709
  }
1555
1710
 
1556
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Outline/styles.module.css/#css-module-data */
1557
- ._Outline_1rrni_1 {
1558
- padding: 16px;
1559
- }
1560
-
1561
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
1562
- ._Puck_1q3wx_19 {
1563
- --puck-space-px: 16px;
1564
- font-family: var(--puck-font-family);
1565
- overflow-x: hidden;
1566
- }
1567
- @media (min-width: 766px) {
1568
- ._Puck_1q3wx_19 {
1569
- overflow-x: auto;
1570
- }
1571
- }
1572
- ._Puck-portal_1q3wx_31 {
1573
- position: relative;
1574
- z-index: 2;
1711
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */
1712
+ ._ViewportControls_gejzr_1 {
1713
+ display: flex;
1714
+ background: var(--puck-color-grey-11);
1715
+ box-sizing: border-box;
1716
+ border-inline-start: 2px solid var(--puck-color-grey-11);
1717
+ justify-content: center;
1718
+ gap: 8px;
1719
+ min-width: 358px;
1720
+ padding-bottom: 16px;
1721
+ padding-inline-start: var(--puck-space-px);
1722
+ padding-inline-end: var(--puck-space-px);
1723
+ z-index: 1;
1575
1724
  }
1576
- ._PuckLayout-inner_1q3wx_36 {
1577
- --puck-frame-width: auto;
1578
- --puck-side-bar-width: 0px;
1579
- --puck-side-nav-width: 68px;
1580
- display: grid;
1581
- grid-template-areas: "header header header header" "sidenav left editor right";
1582
- grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
1583
- grid-template-rows: min-content auto;
1584
- height: 100dvh;
1585
- position: relative;
1586
- z-index: 0;
1725
+ ._ViewportControls-divider_gejzr_15 {
1726
+ border-inline-end: 1px solid var(--puck-color-grey-09);
1727
+ margin-inline-start: 8px;
1728
+ margin-inline-end: 8px;
1587
1729
  }
1588
- ._PuckLayout--mounted_1q3wx_49 ._PuckLayout-inner_1q3wx_36 {
1589
- --puck-side-bar-width: 186px;
1590
- --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, --puck-side-bar-width );
1591
- --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, --puck-side-bar-width );
1730
+ ._ViewportControls-zoomSelect_gejzr_21 {
1731
+ appearance: none;
1732
+ 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;
1733
+ background-size: 10px;
1734
+ background-position: calc(100% - 12px) calc(50% + 3px);
1735
+ background-repeat: no-repeat;
1736
+ border: 0;
1737
+ font-size: var(--puck-font-size-xxxs);
1738
+ padding: 0;
1739
+ width: 96px;
1592
1740
  }
1593
- ._PuckLayout--leftSideBarVisible_1q3wx_61 ._PuckLayout-inner_1q3wx_36 {
1594
- grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) 0;
1741
+ ._ViewportControls-zoomSelect_gejzr_21:dir(rtl) {
1742
+ background-position: 12px calc(50% + 3px);
1595
1743
  }
1596
- ._PuckLayout--rightSideBarVisible_1q3wx_69 ._PuckLayout-inner_1q3wx_36 {
1597
- grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-side-bar-width);
1744
+ ._ViewportButton--isActive_gejzr_38 ._ViewportButton-inner_gejzr_38 {
1745
+ color: var(--puck-color-azure-04);
1598
1746
  }
1599
- ._PuckLayout--leftSideBarVisible_1q3wx_61._PuckLayout--rightSideBarVisible_1q3wx_69 ._PuckLayout-inner_1q3wx_36 {
1600
- grid-template-columns: var(--puck-side-nav-width) var(--puck-left-side-bar-width) var( --puck-frame-width ) var(--puck-right-side-bar-width);
1747
+
1748
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
1749
+ ._PuckCanvas_18jay_1 {
1750
+ background: var(--puck-color-grey-11);
1751
+ display: flex;
1752
+ grid-area: editor;
1753
+ flex-direction: column;
1754
+ padding: var(--puck-space-px);
1755
+ overflow: auto;
1601
1756
  }
1602
- @media (min-width: 458px) {
1603
- ._PuckLayout-mounted_1q3wx_85 ._PuckLayout-inner_1q3wx_36 {
1604
- --puck-frame-width: minmax(266px, auto);
1757
+ @media (min-width: 1198px) {
1758
+ ._PuckCanvas_18jay_1 {
1759
+ padding: calc(var(--puck-space-px) * 1.5);
1760
+ padding-top: var(--puck-space-px);
1605
1761
  }
1606
- }
1607
- @media (min-width: 638px) {
1608
- ._PuckLayout_1q3wx_36 ._PuckLayout-inner_1q3wx_36 {
1609
- --puck-side-bar-width: minmax(186px, 250px);
1762
+ ._PuckCanvas_18jay_1:not(._PuckCanvas_18jay_1:has(._PuckCanvas-controls_18jay_16)) {
1763
+ padding-top: calc(var(--puck-space-px) * 1.5);
1610
1764
  }
1611
1765
  }
1612
- @media (min-width: 766px) {
1613
- ._PuckLayout_1q3wx_36 ._PuckLayout-inner_1q3wx_36 {
1614
- --puck-frame-width: auto;
1615
- }
1766
+ ._PuckCanvas-inner_18jay_21 {
1767
+ display: flex;
1768
+ height: 100%;
1769
+ justify-content: center;
1770
+ min-width: 358px;
1771
+ position: relative;
1772
+ width: 100%;
1616
1773
  }
1617
- @media (min-width: 990px) {
1618
- ._PuckLayout_1q3wx_36 ._PuckLayout-inner_1q3wx_36 {
1619
- --puck-side-bar-width: 256px;
1620
- }
1774
+ ._PuckCanvas-root_18jay_30 {
1775
+ background: white;
1776
+ border: 1px solid var(--puck-color-grey-09);
1777
+ box-sizing: content-box;
1778
+ min-width: 321px;
1779
+ position: absolute;
1780
+ pointer-events: none;
1781
+ transform-origin: top;
1782
+ top: 0;
1783
+ bottom: 0;
1784
+ opacity: 0;
1621
1785
  }
1622
1786
  @media (min-width: 1198px) {
1623
- ._PuckLayout_1q3wx_36 ._PuckLayout-inner_1q3wx_36 {
1624
- --puck-side-bar-width: 274px;
1625
- }
1626
- }
1627
- @media (min-width: 1398px) {
1628
- ._PuckLayout_1q3wx_36 ._PuckLayout-inner_1q3wx_36 {
1629
- --puck-side-bar-width: 290px;
1787
+ ._PuckCanvas-root_18jay_30 {
1788
+ min-width: unset;
1630
1789
  }
1631
1790
  }
1632
- @media (min-width: 1598px) {
1633
- ._PuckLayout_1q3wx_36 ._PuckLayout-inner_1q3wx_36 {
1634
- --puck-side-bar-width: 320px;
1791
+ @media (prefers-reduced-motion: reduce) {
1792
+ ._PuckCanvas-root_18jay_30 {
1793
+ transition: none !important;
1635
1794
  }
1636
1795
  }
1637
- ._PuckLayout-nav_1q3wx_126 {
1638
- border-right: 1px solid var(--puck-color-grey-09);
1639
- background-color: var(--puck-color-grey-12);
1640
- }
1641
- ._PuckPluginTab_1q3wx_131 {
1642
- display: none;
1796
+ ._PuckCanvas--ready_18jay_55 ._PuckCanvas-root_18jay_30 {
1797
+ pointer-events: unset;
1798
+ opacity: 1;
1643
1799
  }
1644
- ._PuckPluginTab--visible_1q3wx_135 {
1645
- display: block;
1800
+ ._PuckCanvas-loader_18jay_60 {
1801
+ align-items: center;
1802
+ color: var(--puck-color-grey-06);
1803
+ display: flex;
1804
+ height: 100%;
1805
+ justify-content: center;
1806
+ transition: opacity 250ms ease-out;
1807
+ opacity: 0;
1808
+ }
1809
+ ._PuckCanvas--showLoader_18jay_70 ._PuckCanvas-loader_18jay_60 {
1810
+ opacity: 1;
1811
+ }
1812
+ ._PuckCanvas--showLoader_18jay_70._PuckCanvas--ready_18jay_55 ._PuckCanvas-loader_18jay_60 {
1813
+ opacity: 0;
1814
+ height: 0;
1815
+ transition: none;
1646
1816
  }
1647
1817
 
1648
1818
  /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
@@ -1690,7 +1860,7 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1690
1860
  }
1691
1861
 
1692
1862
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */
1693
- ._PuckHeader_1ehbp_1 {
1863
+ ._PuckHeader_15xnq_1 {
1694
1864
  background: var(--puck-color-white);
1695
1865
  border-bottom: 1px solid var(--puck-color-grey-09);
1696
1866
  color: var(--puck-color-black);
@@ -1698,14 +1868,8 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1698
1868
  position: relative;
1699
1869
  max-width: 100vw;
1700
1870
  }
1701
- @media (min-width: 638px) {
1702
- ._PuckHeader_1ehbp_1 {
1703
- padding-left: 67px;
1704
- }
1705
- }
1706
- ._PuckHeader-inner_1ehbp_16 {
1871
+ ._PuckHeader-inner_15xnq_10 {
1707
1872
  align-items: end;
1708
- border-left: 1px solid var(--puck-color-grey-09);
1709
1873
  display: grid;
1710
1874
  gap: var(--puck-space-px);
1711
1875
  grid-template-areas: "left middle right";
@@ -1713,241 +1877,43 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1713
1877
  grid-template-rows: auto;
1714
1878
  padding: var(--puck-space-px);
1715
1879
  }
1716
- @media (min-width: 638px) {
1717
- ._PuckHeader-inner_1ehbp_16 {
1718
- border-left: 1px solid var(--puck-color-grey-09);
1719
- }
1720
- }
1721
- ._PuckHeader-toggle_1ehbp_33 {
1880
+ ._PuckHeader-toggle_15xnq_20 {
1722
1881
  color: var(--puck-color-grey-05);
1723
1882
  display: flex;
1724
1883
  margin-inline-start: -4px;
1725
1884
  padding-top: 2px;
1726
1885
  }
1727
- ._PuckHeader--rightSideBarVisible_1ehbp_40 ._PuckHeader-rightSideBarToggle_1ehbp_40,
1728
- ._PuckHeader--leftSideBarVisible_1ehbp_41 ._PuckHeader-leftSideBarToggle_1ehbp_41 {
1886
+ ._PuckHeader--rightSideBarVisible_15xnq_27 ._PuckHeader-rightSideBarToggle_15xnq_27,
1887
+ ._PuckHeader--leftSideBarVisible_15xnq_28 ._PuckHeader-leftSideBarToggle_15xnq_28 {
1729
1888
  color: var(--puck-color-black);
1730
1889
  }
1731
- ._PuckHeader-title_1ehbp_45 {
1890
+ ._PuckHeader-title_15xnq_32 {
1732
1891
  align-self: center;
1733
1892
  }
1734
- ._PuckHeader-path_1ehbp_49 {
1893
+ ._PuckHeader-path_15xnq_36 {
1735
1894
  font-family: var(--puck-font-family-monospaced);
1736
1895
  font-size: var(--puck-font-size-xxs);
1737
1896
  font-weight: normal;
1738
1897
  word-break: break-all;
1739
1898
  }
1740
- ._PuckHeader-tools_1ehbp_56 {
1899
+ ._PuckHeader-tools_15xnq_43 {
1741
1900
  display: flex;
1742
1901
  gap: 16px;
1743
1902
  justify-content: flex-end;
1744
1903
  }
1745
- ._PuckHeader-menuButton_1ehbp_62 {
1904
+ ._PuckHeader-menuButton_15xnq_49 {
1746
1905
  color: var(--puck-color-grey-05);
1747
1906
  margin-inline-start: -4px;
1748
1907
  }
1749
- ._PuckHeader--menuOpen_1ehbp_67 ._PuckHeader-menuButton_1ehbp_62 {
1908
+ ._PuckHeader--menuOpen_15xnq_54 ._PuckHeader-menuButton_15xnq_49 {
1750
1909
  color: var(--puck-color-black);
1751
1910
  }
1752
1911
  @media (min-width: 638px) {
1753
- ._PuckHeader-menuButton_1ehbp_62 {
1912
+ ._PuckHeader-menuButton_15xnq_49 {
1754
1913
  display: none;
1755
1914
  }
1756
1915
  }
1757
1916
 
1758
- /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1759
- ._SidebarSection_8boj8_1 {
1760
- display: flex;
1761
- position: relative;
1762
- flex-direction: column;
1763
- color: var(--puck-color-black);
1764
- }
1765
- ._SidebarSection_8boj8_1:last-of-type {
1766
- flex-grow: 1;
1767
- }
1768
- ._SidebarSection-title_8boj8_12 {
1769
- background: var(--puck-color-white);
1770
- padding: 16px;
1771
- border-bottom: 1px solid var(--puck-color-grey-09);
1772
- border-top: 1px solid var(--puck-color-grey-09);
1773
- overflow-x: auto;
1774
- }
1775
- ._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
1776
- border-top: 0px;
1777
- }
1778
- ._SidebarSection-content_8boj8_24 {
1779
- padding: 16px;
1780
- }
1781
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
1782
- padding: 0px;
1783
- }
1784
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
1785
- padding-bottom: 4px;
1786
- }
1787
- ._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
1788
- border-bottom: none;
1789
- flex-grow: 1;
1790
- }
1791
- ._SidebarSection-breadcrumbLabel_8boj8_41 {
1792
- background: none;
1793
- border: 0;
1794
- border-radius: 2px;
1795
- color: var(--puck-color-azure-04);
1796
- cursor: pointer;
1797
- font: inherit;
1798
- flex-shrink: 0;
1799
- padding: 0;
1800
- transition: color 50ms ease-in;
1801
- }
1802
- ._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
1803
- outline: 2px solid var(--puck-color-azure-05);
1804
- outline-offset: 2px;
1805
- }
1806
- @media (hover: hover) and (pointer: fine) {
1807
- ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
1808
- color: var(--puck-color-azure-03);
1809
- transition: none;
1810
- }
1811
- }
1812
- ._SidebarSection-breadcrumbLabel_8boj8_41:active {
1813
- color: var(--puck-color-azure-02);
1814
- transition: none;
1815
- }
1816
- ._SidebarSection-breadcrumbs_8boj8_70 {
1817
- align-items: center;
1818
- display: flex;
1819
- gap: 4px;
1820
- }
1821
- ._SidebarSection-breadcrumb_8boj8_41 {
1822
- align-items: center;
1823
- display: flex;
1824
- gap: 4px;
1825
- }
1826
- ._SidebarSection-heading_8boj8_82 {
1827
- padding-inline-end: 16px;
1828
- }
1829
- ._SidebarSection-loadingOverlay_8boj8_86 {
1830
- background: var(--puck-color-white);
1831
- display: flex;
1832
- justify-content: center;
1833
- align-items: center;
1834
- height: 100%;
1835
- width: 100%;
1836
- top: 0;
1837
- position: absolute;
1838
- z-index: 1;
1839
- pointer-events: all;
1840
- box-sizing: border-box;
1841
- opacity: 0.8;
1842
- }
1843
-
1844
- /* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */
1845
- ._ViewportControls_gejzr_1 {
1846
- display: flex;
1847
- background: var(--puck-color-grey-11);
1848
- box-sizing: border-box;
1849
- border-inline-start: 2px solid var(--puck-color-grey-11);
1850
- justify-content: center;
1851
- gap: 8px;
1852
- min-width: 358px;
1853
- padding-bottom: 16px;
1854
- padding-inline-start: var(--puck-space-px);
1855
- padding-inline-end: var(--puck-space-px);
1856
- z-index: 1;
1857
- }
1858
- ._ViewportControls-divider_gejzr_15 {
1859
- border-inline-end: 1px solid var(--puck-color-grey-09);
1860
- margin-inline-start: 8px;
1861
- margin-inline-end: 8px;
1862
- }
1863
- ._ViewportControls-zoomSelect_gejzr_21 {
1864
- appearance: none;
1865
- 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;
1866
- background-size: 10px;
1867
- background-position: calc(100% - 12px) calc(50% + 3px);
1868
- background-repeat: no-repeat;
1869
- border: 0;
1870
- font-size: var(--puck-font-size-xxxs);
1871
- padding: 0;
1872
- width: 96px;
1873
- }
1874
- ._ViewportControls-zoomSelect_gejzr_21:dir(rtl) {
1875
- background-position: 12px calc(50% + 3px);
1876
- }
1877
- ._ViewportButton--isActive_gejzr_38 ._ViewportButton-inner_gejzr_38 {
1878
- color: var(--puck-color-azure-04);
1879
- }
1880
-
1881
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
1882
- ._PuckCanvas_18jay_1 {
1883
- background: var(--puck-color-grey-11);
1884
- display: flex;
1885
- grid-area: editor;
1886
- flex-direction: column;
1887
- padding: var(--puck-space-px);
1888
- overflow: auto;
1889
- }
1890
- @media (min-width: 1198px) {
1891
- ._PuckCanvas_18jay_1 {
1892
- padding: calc(var(--puck-space-px) * 1.5);
1893
- padding-top: var(--puck-space-px);
1894
- }
1895
- ._PuckCanvas_18jay_1:not(._PuckCanvas_18jay_1:has(._PuckCanvas-controls_18jay_16)) {
1896
- padding-top: calc(var(--puck-space-px) * 1.5);
1897
- }
1898
- }
1899
- ._PuckCanvas-inner_18jay_21 {
1900
- display: flex;
1901
- height: 100%;
1902
- justify-content: center;
1903
- min-width: 358px;
1904
- position: relative;
1905
- width: 100%;
1906
- }
1907
- ._PuckCanvas-root_18jay_30 {
1908
- background: white;
1909
- border: 1px solid var(--puck-color-grey-09);
1910
- box-sizing: content-box;
1911
- min-width: 321px;
1912
- position: absolute;
1913
- pointer-events: none;
1914
- transform-origin: top;
1915
- top: 0;
1916
- bottom: 0;
1917
- opacity: 0;
1918
- }
1919
- @media (min-width: 1198px) {
1920
- ._PuckCanvas-root_18jay_30 {
1921
- min-width: unset;
1922
- }
1923
- }
1924
- @media (prefers-reduced-motion: reduce) {
1925
- ._PuckCanvas-root_18jay_30 {
1926
- transition: none !important;
1927
- }
1928
- }
1929
- ._PuckCanvas--ready_18jay_55 ._PuckCanvas-root_18jay_30 {
1930
- pointer-events: unset;
1931
- opacity: 1;
1932
- }
1933
- ._PuckCanvas-loader_18jay_60 {
1934
- align-items: center;
1935
- color: var(--puck-color-grey-06);
1936
- display: flex;
1937
- height: 100%;
1938
- justify-content: center;
1939
- transition: opacity 250ms ease-out;
1940
- opacity: 0;
1941
- }
1942
- ._PuckCanvas--showLoader_18jay_70 ._PuckCanvas-loader_18jay_60 {
1943
- opacity: 1;
1944
- }
1945
- ._PuckCanvas--showLoader_18jay_70._PuckCanvas--ready_18jay_55 ._PuckCanvas-loader_18jay_60 {
1946
- opacity: 0;
1947
- height: 0;
1948
- transition: none;
1949
- }
1950
-
1951
1917
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */
1952
1918
  @media (min-width: 766px) {
1953
1919
  ._ResizeHandle_144bf_2 {
@@ -2010,94 +1976,3 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
2010
1976
  grid-area: right;
2011
1977
  justify-self: start;
2012
1978
  }
2013
-
2014
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Nav/styles.module.css/#css-module-data */
2015
- ._Nav-list_b6txo_1 {
2016
- list-style: none;
2017
- margin: 0;
2018
- padding: 0;
2019
- }
2020
- ._NavSection_b6txo_7 {
2021
- padding: 16px;
2022
- }
2023
- ._NavSection_b6txo_7:first-of-type {
2024
- padding-top: 32px;
2025
- }
2026
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 {
2027
- padding-left: 0;
2028
- padding-right: 0;
2029
- }
2030
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 + ._NavSection_b6txo_7 {
2031
- border-top: 1px solid var(--puck-color-grey-09);
2032
- }
2033
- ._NavSection-list_b6txo_24 {
2034
- display: flex;
2035
- flex-direction: column;
2036
- list-style: none;
2037
- margin: 0;
2038
- padding: 0;
2039
- }
2040
- ._Nav--slim_b6txo_15 ._NavSection-list_b6txo_24 {
2041
- gap: 16px;
2042
- }
2043
- ._NavSection-title_b6txo_36 {
2044
- font-weight: 700;
2045
- margin-bottom: 8px;
2046
- padding-left: 8px;
2047
- padding-right: 8px;
2048
- }
2049
- ._Nav--slim_b6txo_15 ._NavSection-title_b6txo_36 {
2050
- opacity: 0;
2051
- }
2052
- ._NavItem-link_b6txo_47 {
2053
- align-items: center;
2054
- color: var(--puck-color-grey-03);
2055
- display: flex;
2056
- gap: 8px;
2057
- text-decoration: none;
2058
- cursor: pointer;
2059
- border-radius: 4px;
2060
- padding: 8px 4px;
2061
- }
2062
- ._Nav--slim_b6txo_15 ._NavItem-link_b6txo_47 {
2063
- border-left: 4px solid transparent;
2064
- border-right: 4px solid transparent;
2065
- border-radius: 0;
2066
- flex-direction: column;
2067
- font-size: var(--puck-font-size-xxxs);
2068
- }
2069
- ._NavItem-linkIcon_b6txo_67 {
2070
- height: 24px;
2071
- width: 24px;
2072
- }
2073
- ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
2074
- background-color: var(--puck-color-azure-10);
2075
- color: var(--puck-color-azure-04);
2076
- font-weight: 600;
2077
- }
2078
- ._Nav--slim_b6txo_15 ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
2079
- background-color: transparent;
2080
- border-right-color: var(--puck-color-azure-04);
2081
- border-top-right-radius: 0;
2082
- border-bottom-right-radius: 0;
2083
- font-weight: 600;
2084
- }
2085
- ._NavItem_b6txo_47:not(._NavItem--active_b6txo_72) > ._NavItem-link_b6txo_47:hover {
2086
- background-color: var(--puck-color-azure-11);
2087
- color: var(--puck-color-azure-04);
2088
- }
2089
- ._NavItem-list_b6txo_91 {
2090
- border-left: 1px solid var(--puck-color-grey-09);
2091
- display: flex;
2092
- flex-direction: column;
2093
- list-style: none;
2094
- margin-top: 8px;
2095
- margin-left: 4px;
2096
- padding: 0;
2097
- padding-left: 8px;
2098
- }
2099
- ._Nav--slim_b6txo_15 ._NavItem-list_b6txo_91 {
2100
- border-left: 0;
2101
- padding-left: 0;
2102
- margin-left: 0;
2103
- }