@measured/puck 0.20.0-canary.755737e8 → 0.20.0-canary.f768aab9

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
@@ -1307,6 +1307,182 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1307
1307
  opacity: 0 !important;
1308
1308
  }
1309
1309
 
1310
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1311
+ ._SidebarSection_8boj8_1 {
1312
+ display: flex;
1313
+ position: relative;
1314
+ flex-direction: column;
1315
+ color: var(--puck-color-black);
1316
+ }
1317
+ ._SidebarSection_8boj8_1:last-of-type {
1318
+ flex-grow: 1;
1319
+ }
1320
+ ._SidebarSection-title_8boj8_12 {
1321
+ background: var(--puck-color-white);
1322
+ padding: 16px;
1323
+ border-bottom: 1px solid var(--puck-color-grey-09);
1324
+ border-top: 1px solid var(--puck-color-grey-09);
1325
+ overflow-x: auto;
1326
+ }
1327
+ ._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
1328
+ border-top: 0px;
1329
+ }
1330
+ ._SidebarSection-content_8boj8_24 {
1331
+ padding: 16px;
1332
+ }
1333
+ ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
1334
+ padding: 0px;
1335
+ }
1336
+ ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
1337
+ padding-bottom: 4px;
1338
+ }
1339
+ ._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
1340
+ border-bottom: none;
1341
+ flex-grow: 1;
1342
+ }
1343
+ ._SidebarSection-breadcrumbLabel_8boj8_41 {
1344
+ background: none;
1345
+ border: 0;
1346
+ border-radius: 2px;
1347
+ color: var(--puck-color-azure-04);
1348
+ cursor: pointer;
1349
+ font: inherit;
1350
+ flex-shrink: 0;
1351
+ padding: 0;
1352
+ transition: color 50ms ease-in;
1353
+ }
1354
+ ._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
1355
+ outline: 2px solid var(--puck-color-azure-05);
1356
+ outline-offset: 2px;
1357
+ }
1358
+ @media (hover: hover) and (pointer: fine) {
1359
+ ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
1360
+ color: var(--puck-color-azure-03);
1361
+ transition: none;
1362
+ }
1363
+ }
1364
+ ._SidebarSection-breadcrumbLabel_8boj8_41:active {
1365
+ color: var(--puck-color-azure-02);
1366
+ transition: none;
1367
+ }
1368
+ ._SidebarSection-breadcrumbs_8boj8_70 {
1369
+ align-items: center;
1370
+ display: flex;
1371
+ gap: 4px;
1372
+ }
1373
+ ._SidebarSection-breadcrumb_8boj8_41 {
1374
+ align-items: center;
1375
+ display: flex;
1376
+ gap: 4px;
1377
+ }
1378
+ ._SidebarSection-heading_8boj8_82 {
1379
+ padding-inline-end: 16px;
1380
+ }
1381
+ ._SidebarSection-loadingOverlay_8boj8_86 {
1382
+ background: var(--puck-color-white);
1383
+ display: flex;
1384
+ justify-content: center;
1385
+ align-items: center;
1386
+ height: 100%;
1387
+ width: 100%;
1388
+ top: 0;
1389
+ position: absolute;
1390
+ z-index: 1;
1391
+ pointer-events: all;
1392
+ box-sizing: border-box;
1393
+ opacity: 0.8;
1394
+ }
1395
+
1396
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
1397
+ ._Puck_dnlfp_19 {
1398
+ --puck-space-px: 16px;
1399
+ font-family: var(--puck-font-family);
1400
+ overflow-x: hidden;
1401
+ }
1402
+ @media (min-width: 766px) {
1403
+ ._Puck_dnlfp_19 {
1404
+ overflow-x: auto;
1405
+ }
1406
+ }
1407
+ ._Puck-portal_dnlfp_31 {
1408
+ position: relative;
1409
+ z-index: 2;
1410
+ }
1411
+ ._PuckLayout-inner_dnlfp_38 {
1412
+ --puck-frame-width: auto;
1413
+ --puck-side-bar-width: 0px;
1414
+ display: grid;
1415
+ grid-template-areas: "header header header" "left editor right";
1416
+ grid-template-columns: 0 var(--puck-frame-width) 0;
1417
+ grid-template-rows: min-content auto;
1418
+ height: 100dvh;
1419
+ position: relative;
1420
+ z-index: 0;
1421
+ }
1422
+ ._PuckLayout--mounted_dnlfp_50 ._PuckLayout-inner_dnlfp_38 {
1423
+ --puck-side-bar-width: 186px;
1424
+ }
1425
+ ._PuckLayout--leftSideBarVisible_dnlfp_54 ._PuckLayout-inner_dnlfp_38 {
1426
+ grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
1427
+ }
1428
+ ._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1429
+ grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
1430
+ }
1431
+ ._PuckLayout--leftSideBarVisible_dnlfp_54._PuckLayout--rightSideBarVisible_dnlfp_60 ._PuckLayout-inner_dnlfp_38 {
1432
+ grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
1433
+ }
1434
+ @media (min-width: 458px) {
1435
+ ._PuckLayout-mounted_dnlfp_74 ._PuckLayout-inner_dnlfp_38 {
1436
+ --puck-frame-width: minmax(266px, auto);
1437
+ }
1438
+ }
1439
+ @media (min-width: 638px) {
1440
+ ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1441
+ --puck-side-bar-width: minmax(186px, 250px);
1442
+ }
1443
+ }
1444
+ @media (min-width: 766px) {
1445
+ ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1446
+ --puck-frame-width: auto;
1447
+ }
1448
+ }
1449
+ @media (min-width: 990px) {
1450
+ ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1451
+ --puck-side-bar-width: 256px;
1452
+ }
1453
+ }
1454
+ @media (min-width: 1198px) {
1455
+ ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1456
+ --puck-side-bar-width: 274px;
1457
+ }
1458
+ }
1459
+ @media (min-width: 1398px) {
1460
+ ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1461
+ --puck-side-bar-width: 290px;
1462
+ }
1463
+ }
1464
+ @media (min-width: 1598px) {
1465
+ ._PuckLayout_dnlfp_38 ._PuckLayout-inner_dnlfp_38 {
1466
+ --puck-side-bar-width: 320px;
1467
+ }
1468
+ }
1469
+ ._PuckLayout-leftSideBar_dnlfp_115 {
1470
+ background: var(--puck-color-grey-12);
1471
+ border-inline-end: 1px solid var(--puck-color-grey-09);
1472
+ display: flex;
1473
+ flex-direction: column;
1474
+ grid-area: left;
1475
+ overflow-y: auto;
1476
+ }
1477
+ ._PuckLayout-rightSideBar_dnlfp_124 {
1478
+ background: var(--puck-color-white);
1479
+ border-inline-start: 1px solid var(--puck-color-grey-09);
1480
+ display: flex;
1481
+ flex-direction: column;
1482
+ grid-area: right;
1483
+ overflow-y: auto;
1484
+ }
1485
+
1310
1486
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
1311
1487
  ._PuckFields_10bh7_1 {
1312
1488
  position: relative;
@@ -1512,298 +1688,6 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1512
1688
  margin-top: 4px;
1513
1689
  }
1514
1690
 
1515
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Layout/styles.module.css/#css-module-data */
1516
- ._Puck_n6ob8_19 {
1517
- --puck-space-px: 16px;
1518
- font-family: var(--puck-font-family);
1519
- overflow-x: hidden;
1520
- }
1521
- @media (min-width: 766px) {
1522
- ._Puck_n6ob8_19 {
1523
- overflow-x: auto;
1524
- }
1525
- }
1526
- ._Puck-portal_n6ob8_31 {
1527
- position: relative;
1528
- z-index: 2;
1529
- }
1530
- ._PuckLayout-inner_n6ob8_36 {
1531
- --puck-frame-width: auto;
1532
- --puck-side-bar-width: 0px;
1533
- display: grid;
1534
- grid-template-areas: "header header header header" "sidenav left editor right";
1535
- grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) 0;
1536
- grid-template-rows: min-content auto;
1537
- height: 100dvh;
1538
- position: relative;
1539
- z-index: 0;
1540
- }
1541
- ._PuckLayout--mounted_n6ob8_48 ._PuckLayout-inner_n6ob8_36 {
1542
- --puck-side-bar-width: 186px;
1543
- --puck-side-nav-width: 68px;
1544
- }
1545
- ._PuckLayout--leftSideBarVisible_n6ob8_53 ._PuckLayout-inner_n6ob8_36 {
1546
- grid-template-columns: var(--puck-side-nav-width) var(--puck-side-bar-width) var( --puck-frame-width ) 0;
1547
- }
1548
- ._PuckLayout--rightSideBarVisible_n6ob8_61 ._PuckLayout-inner_n6ob8_36 {
1549
- grid-template-columns: var(--puck-side-nav-width) 0 var(--puck-frame-width) var(--puck-side-bar-width);
1550
- }
1551
- ._PuckLayout--leftSideBarVisible_n6ob8_53._PuckLayout--rightSideBarVisible_n6ob8_61 ._PuckLayout-inner_n6ob8_36 {
1552
- grid-template-columns: var(--puck-side-nav-width) var(--puck-side-bar-width) var( --puck-frame-width ) var(--puck-side-bar-width);
1553
- }
1554
- @media (min-width: 458px) {
1555
- ._PuckLayout-mounted_n6ob8_77 ._PuckLayout-inner_n6ob8_36 {
1556
- --puck-frame-width: minmax(266px, auto);
1557
- }
1558
- }
1559
- @media (min-width: 638px) {
1560
- ._PuckLayout_n6ob8_36 ._PuckLayout-inner_n6ob8_36 {
1561
- --puck-side-bar-width: minmax(186px, 250px);
1562
- }
1563
- }
1564
- @media (min-width: 766px) {
1565
- ._PuckLayout_n6ob8_36 ._PuckLayout-inner_n6ob8_36 {
1566
- --puck-frame-width: auto;
1567
- }
1568
- }
1569
- @media (min-width: 990px) {
1570
- ._PuckLayout_n6ob8_36 ._PuckLayout-inner_n6ob8_36 {
1571
- --puck-side-bar-width: 256px;
1572
- }
1573
- }
1574
- @media (min-width: 1198px) {
1575
- ._PuckLayout_n6ob8_36 ._PuckLayout-inner_n6ob8_36 {
1576
- --puck-side-bar-width: 274px;
1577
- }
1578
- }
1579
- @media (min-width: 1398px) {
1580
- ._PuckLayout_n6ob8_36 ._PuckLayout-inner_n6ob8_36 {
1581
- --puck-side-bar-width: 290px;
1582
- }
1583
- }
1584
- @media (min-width: 1598px) {
1585
- ._PuckLayout_n6ob8_36 ._PuckLayout-inner_n6ob8_36 {
1586
- --puck-side-bar-width: 320px;
1587
- }
1588
- }
1589
- ._PuckLayout-leftSideBar_n6ob8_118 {
1590
- background: var(--puck-color-grey-12);
1591
- border-inline-end: 1px solid var(--puck-color-grey-09);
1592
- display: flex;
1593
- flex-direction: column;
1594
- grid-area: left;
1595
- padding: 16px;
1596
- overflow-y: auto;
1597
- }
1598
- ._PuckLayout-rightSideBar_n6ob8_128 {
1599
- background: var(--puck-color-white);
1600
- border-inline-start: 1px solid var(--puck-color-grey-09);
1601
- display: flex;
1602
- flex-direction: column;
1603
- grid-area: right;
1604
- overflow-y: auto;
1605
- }
1606
- ._PuckLayout-nav_n6ob8_137 {
1607
- border-right: 1px solid var(--puck-color-grey-09);
1608
- background-color: var(--puck-color-grey-12);
1609
- }
1610
-
1611
- /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
1612
- ._MenuBar_8pf8c_1 {
1613
- background-color: var(--puck-color-white);
1614
- border-bottom: 1px solid var(--puck-color-grey-09);
1615
- display: none;
1616
- left: 0;
1617
- margin-top: 1px;
1618
- padding: 8px 16px;
1619
- position: absolute;
1620
- right: 0;
1621
- top: 100%;
1622
- z-index: 2;
1623
- }
1624
- ._MenuBar--menuOpen_8pf8c_14 {
1625
- display: block;
1626
- }
1627
- @media (min-width: 638px) {
1628
- ._MenuBar_8pf8c_1 {
1629
- border: none;
1630
- display: block;
1631
- margin-top: 0;
1632
- overflow-y: visible;
1633
- padding: 0;
1634
- position: static;
1635
- }
1636
- }
1637
- ._MenuBar-inner_8pf8c_29 {
1638
- align-items: center;
1639
- display: flex;
1640
- flex-wrap: wrap;
1641
- gap: 8px 16px;
1642
- justify-content: flex-end;
1643
- }
1644
- @media (min-width: 638px) {
1645
- ._MenuBar-inner_8pf8c_29 {
1646
- display: flex;
1647
- flex-direction: row;
1648
- flex-wrap: nowrap;
1649
- }
1650
- }
1651
- ._MenuBar-history_8pf8c_45 {
1652
- display: flex;
1653
- }
1654
-
1655
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */
1656
- ._PuckHeader_dlc6d_1 {
1657
- background: var(--puck-color-white);
1658
- border-bottom: 1px solid var(--puck-color-grey-09);
1659
- color: var(--puck-color-black);
1660
- grid-area: header;
1661
- position: relative;
1662
- max-width: 100vw;
1663
- }
1664
- @media (min-width: 638px) {
1665
- ._PuckHeader_dlc6d_1 {
1666
- padding-left: 67px;
1667
- }
1668
- }
1669
- ._PuckHeader-inner_dlc6d_16 {
1670
- align-items: end;
1671
- display: grid;
1672
- gap: var(--puck-space-px);
1673
- grid-template-areas: "left middle right";
1674
- grid-template-columns: 1fr auto 1fr;
1675
- grid-template-rows: auto;
1676
- border-left: 1px solid var(--puck-color-grey-09);
1677
- padding: var(--puck-space-px);
1678
- }
1679
- @media (min-width: 638px) {
1680
- ._PuckHeader-inner_dlc6d_16 {
1681
- border-left: 1px solid var(--puck-color-grey-09);
1682
- }
1683
- }
1684
- ._PuckHeader-toggle_dlc6d_33 {
1685
- color: var(--puck-color-grey-05);
1686
- display: flex;
1687
- margin-inline-start: -4px;
1688
- padding-top: 2px;
1689
- }
1690
- ._PuckHeader--rightSideBarVisible_dlc6d_40 ._PuckHeader-rightSideBarToggle_dlc6d_40,
1691
- ._PuckHeader--leftSideBarVisible_dlc6d_41 ._PuckHeader-leftSideBarToggle_dlc6d_41 {
1692
- color: var(--puck-color-black);
1693
- }
1694
- ._PuckHeader-title_dlc6d_45 {
1695
- align-self: center;
1696
- }
1697
- ._PuckHeader-path_dlc6d_49 {
1698
- font-family: var(--puck-font-family-monospaced);
1699
- font-size: var(--puck-font-size-xxs);
1700
- font-weight: normal;
1701
- word-break: break-all;
1702
- }
1703
- ._PuckHeader-tools_dlc6d_56 {
1704
- display: flex;
1705
- gap: 16px;
1706
- justify-content: flex-end;
1707
- }
1708
- ._PuckHeader-menuButton_dlc6d_62 {
1709
- color: var(--puck-color-grey-05);
1710
- margin-inline-start: -4px;
1711
- }
1712
- ._PuckHeader--menuOpen_dlc6d_67 ._PuckHeader-menuButton_dlc6d_62 {
1713
- color: var(--puck-color-black);
1714
- }
1715
- @media (min-width: 638px) {
1716
- ._PuckHeader-menuButton_dlc6d_62 {
1717
- display: none;
1718
- }
1719
- }
1720
-
1721
- /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
1722
- ._SidebarSection_8boj8_1 {
1723
- display: flex;
1724
- position: relative;
1725
- flex-direction: column;
1726
- color: var(--puck-color-black);
1727
- }
1728
- ._SidebarSection_8boj8_1:last-of-type {
1729
- flex-grow: 1;
1730
- }
1731
- ._SidebarSection-title_8boj8_12 {
1732
- background: var(--puck-color-white);
1733
- padding: 16px;
1734
- border-bottom: 1px solid var(--puck-color-grey-09);
1735
- border-top: 1px solid var(--puck-color-grey-09);
1736
- overflow-x: auto;
1737
- }
1738
- ._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
1739
- border-top: 0px;
1740
- }
1741
- ._SidebarSection-content_8boj8_24 {
1742
- padding: 16px;
1743
- }
1744
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
1745
- padding: 0px;
1746
- }
1747
- ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
1748
- padding-bottom: 4px;
1749
- }
1750
- ._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
1751
- border-bottom: none;
1752
- flex-grow: 1;
1753
- }
1754
- ._SidebarSection-breadcrumbLabel_8boj8_41 {
1755
- background: none;
1756
- border: 0;
1757
- border-radius: 2px;
1758
- color: var(--puck-color-azure-04);
1759
- cursor: pointer;
1760
- font: inherit;
1761
- flex-shrink: 0;
1762
- padding: 0;
1763
- transition: color 50ms ease-in;
1764
- }
1765
- ._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
1766
- outline: 2px solid var(--puck-color-azure-05);
1767
- outline-offset: 2px;
1768
- }
1769
- @media (hover: hover) and (pointer: fine) {
1770
- ._SidebarSection-breadcrumbLabel_8boj8_41:hover {
1771
- color: var(--puck-color-azure-03);
1772
- transition: none;
1773
- }
1774
- }
1775
- ._SidebarSection-breadcrumbLabel_8boj8_41:active {
1776
- color: var(--puck-color-azure-02);
1777
- transition: none;
1778
- }
1779
- ._SidebarSection-breadcrumbs_8boj8_70 {
1780
- align-items: center;
1781
- display: flex;
1782
- gap: 4px;
1783
- }
1784
- ._SidebarSection-breadcrumb_8boj8_41 {
1785
- align-items: center;
1786
- display: flex;
1787
- gap: 4px;
1788
- }
1789
- ._SidebarSection-heading_8boj8_82 {
1790
- padding-inline-end: 16px;
1791
- }
1792
- ._SidebarSection-loadingOverlay_8boj8_86 {
1793
- background: var(--puck-color-white);
1794
- display: flex;
1795
- justify-content: center;
1796
- align-items: center;
1797
- height: 100%;
1798
- width: 100%;
1799
- top: 0;
1800
- position: absolute;
1801
- z-index: 1;
1802
- pointer-events: all;
1803
- box-sizing: border-box;
1804
- opacity: 0.8;
1805
- }
1806
-
1807
1691
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */
1808
1692
  ._ViewportControls_gejzr_1 {
1809
1693
  display: flex;
@@ -1911,93 +1795,101 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1911
1795
  transition: none;
1912
1796
  }
1913
1797
 
1914
- /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Nav/styles.module.css/#css-module-data */
1915
- ._Nav-list_b6txo_1 {
1916
- list-style: none;
1917
- margin: 0;
1918
- padding: 0;
1798
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */
1799
+ ._MenuBar_8pf8c_1 {
1800
+ background-color: var(--puck-color-white);
1801
+ border-bottom: 1px solid var(--puck-color-grey-09);
1802
+ display: none;
1803
+ left: 0;
1804
+ margin-top: 1px;
1805
+ padding: 8px 16px;
1806
+ position: absolute;
1807
+ right: 0;
1808
+ top: 100%;
1809
+ z-index: 2;
1919
1810
  }
1920
- ._NavSection_b6txo_7 {
1921
- padding: 16px;
1811
+ ._MenuBar--menuOpen_8pf8c_14 {
1812
+ display: block;
1922
1813
  }
1923
- ._NavSection_b6txo_7:first-of-type {
1924
- padding-top: 32px;
1814
+ @media (min-width: 638px) {
1815
+ ._MenuBar_8pf8c_1 {
1816
+ border: none;
1817
+ display: block;
1818
+ margin-top: 0;
1819
+ overflow-y: visible;
1820
+ padding: 0;
1821
+ position: static;
1822
+ }
1925
1823
  }
1926
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 {
1927
- padding-left: 0;
1928
- padding-right: 0;
1824
+ ._MenuBar-inner_8pf8c_29 {
1825
+ align-items: center;
1826
+ display: flex;
1827
+ flex-wrap: wrap;
1828
+ gap: 8px 16px;
1829
+ justify-content: flex-end;
1929
1830
  }
1930
- ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 + ._NavSection_b6txo_7 {
1931
- border-top: 1px solid var(--puck-color-grey-09);
1831
+ @media (min-width: 638px) {
1832
+ ._MenuBar-inner_8pf8c_29 {
1833
+ display: flex;
1834
+ flex-direction: row;
1835
+ flex-wrap: nowrap;
1836
+ }
1932
1837
  }
1933
- ._NavSection-list_b6txo_24 {
1838
+ ._MenuBar-history_8pf8c_45 {
1934
1839
  display: flex;
1935
- flex-direction: column;
1936
- list-style: none;
1937
- margin: 0;
1938
- padding: 0;
1939
- }
1940
- ._Nav--slim_b6txo_15 ._NavSection-list_b6txo_24 {
1941
- gap: 16px;
1942
1840
  }
1943
- ._NavSection-title_b6txo_36 {
1944
- font-weight: 700;
1945
- margin-bottom: 8px;
1946
- padding-left: 8px;
1947
- padding-right: 8px;
1841
+
1842
+ /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */
1843
+ ._PuckHeader_15xnq_1 {
1844
+ background: var(--puck-color-white);
1845
+ border-bottom: 1px solid var(--puck-color-grey-09);
1846
+ color: var(--puck-color-black);
1847
+ grid-area: header;
1848
+ position: relative;
1849
+ max-width: 100vw;
1948
1850
  }
1949
- ._Nav--slim_b6txo_15 ._NavSection-title_b6txo_36 {
1950
- opacity: 0;
1851
+ ._PuckHeader-inner_15xnq_10 {
1852
+ align-items: end;
1853
+ display: grid;
1854
+ gap: var(--puck-space-px);
1855
+ grid-template-areas: "left middle right";
1856
+ grid-template-columns: 1fr auto 1fr;
1857
+ grid-template-rows: auto;
1858
+ padding: var(--puck-space-px);
1951
1859
  }
1952
- ._NavItem-link_b6txo_47 {
1953
- align-items: center;
1954
- color: var(--puck-color-grey-03);
1860
+ ._PuckHeader-toggle_15xnq_20 {
1861
+ color: var(--puck-color-grey-05);
1955
1862
  display: flex;
1956
- gap: 8px;
1957
- text-decoration: none;
1958
- cursor: pointer;
1959
- border-radius: 4px;
1960
- padding: 8px 4px;
1863
+ margin-inline-start: -4px;
1864
+ padding-top: 2px;
1961
1865
  }
1962
- ._Nav--slim_b6txo_15 ._NavItem-link_b6txo_47 {
1963
- border-left: 4px solid transparent;
1964
- border-right: 4px solid transparent;
1965
- border-radius: 0;
1966
- flex-direction: column;
1967
- font-size: var(--puck-font-size-xxxs);
1866
+ ._PuckHeader--rightSideBarVisible_15xnq_27 ._PuckHeader-rightSideBarToggle_15xnq_27,
1867
+ ._PuckHeader--leftSideBarVisible_15xnq_28 ._PuckHeader-leftSideBarToggle_15xnq_28 {
1868
+ color: var(--puck-color-black);
1968
1869
  }
1969
- ._NavItem-linkIcon_b6txo_67 {
1970
- height: 24px;
1971
- width: 24px;
1870
+ ._PuckHeader-title_15xnq_32 {
1871
+ align-self: center;
1972
1872
  }
1973
- ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
1974
- background-color: var(--puck-color-azure-10);
1975
- color: var(--puck-color-azure-04);
1976
- font-weight: 600;
1873
+ ._PuckHeader-path_15xnq_36 {
1874
+ font-family: var(--puck-font-family-monospaced);
1875
+ font-size: var(--puck-font-size-xxs);
1876
+ font-weight: normal;
1877
+ word-break: break-all;
1977
1878
  }
1978
- ._Nav--slim_b6txo_15 ._NavItem--active_b6txo_72 > ._NavItem-link_b6txo_47 {
1979
- background-color: transparent;
1980
- border-right-color: var(--puck-color-azure-04);
1981
- border-top-right-radius: 0;
1982
- border-bottom-right-radius: 0;
1983
- font-weight: 600;
1879
+ ._PuckHeader-tools_15xnq_43 {
1880
+ display: flex;
1881
+ gap: 16px;
1882
+ justify-content: flex-end;
1984
1883
  }
1985
- ._NavItem_b6txo_47:not(._NavItem--active_b6txo_72) > ._NavItem-link_b6txo_47:hover {
1986
- background-color: var(--puck-color-azure-11);
1987
- color: var(--puck-color-azure-04);
1884
+ ._PuckHeader-menuButton_15xnq_49 {
1885
+ color: var(--puck-color-grey-05);
1886
+ margin-inline-start: -4px;
1988
1887
  }
1989
- ._NavItem-list_b6txo_91 {
1990
- border-left: 1px solid var(--puck-color-grey-09);
1991
- display: flex;
1992
- flex-direction: column;
1993
- list-style: none;
1994
- margin-top: 8px;
1995
- margin-left: 4px;
1996
- padding: 0;
1997
- padding-left: 8px;
1888
+ ._PuckHeader--menuOpen_15xnq_54 ._PuckHeader-menuButton_15xnq_49 {
1889
+ color: var(--puck-color-black);
1998
1890
  }
1999
- ._Nav--slim_b6txo_15 ._NavItem-list_b6txo_91 {
2000
- border-left: 0;
2001
- padding-left: 0;
2002
- margin-left: 0;
1891
+ @media (min-width: 638px) {
1892
+ ._PuckHeader-menuButton_15xnq_49 {
1893
+ display: none;
1894
+ }
2003
1895
  }
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
- import { H as History, P as Permissions, C as ComponentData, a as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-6PP75PCU.mjs';
2
- export { _ as Adaptor, Y as ArrayField, t as ArrayState, ab as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a2 as CustomField, a1 as CustomFieldRender, a8 as DefaultComponentProps, a5 as DefaultRootFieldProps, a7 as DefaultRootProps, a6 as DefaultRootRenderProps, m as Direction, n as DragAxis, a0 as ExternalField, $ as ExternalFieldWithAdaptor, ad as ExtractPropsFromConfig, ae as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Z as ObjectField, q as OverrideKey, u as PuckComponent, a4 as PuckContext, X as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a3 as SlotField, T as TextField, L as TextareaField, o as Viewport, ac as WithChildren, a9 as WithId, aa as WithPuckProps, W as WithSlotProps, af as migrate, p as overrideKeys, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-6PP75PCU.mjs';
1
+ import { H as History, P as Permissions, C as ComponentData, a as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-BOSl1o0G.mjs';
2
+ export { _ as Adaptor, Y as ArrayField, t as ArrayState, ab as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a2 as CustomField, a1 as CustomFieldRender, a8 as DefaultComponentProps, a5 as DefaultRootFieldProps, a7 as DefaultRootProps, a6 as DefaultRootRenderProps, m as Direction, n as DragAxis, a0 as ExternalField, $ as ExternalFieldWithAdaptor, ad as ExtractPropsFromConfig, ae as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Z as ObjectField, q as OverrideKey, u as PuckComponent, a4 as PuckContext, X as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a3 as SlotField, T as TextField, L as TextareaField, o as Viewport, ac as WithChildren, a9 as WithId, aa as WithPuckProps, W as WithSlotProps, af as migrate, p as overrideKeys, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-BOSl1o0G.mjs';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { H as History, P as Permissions, C as ComponentData, a as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-6PP75PCU.js';
2
- export { _ as Adaptor, Y as ArrayField, t as ArrayState, ab as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a2 as CustomField, a1 as CustomFieldRender, a8 as DefaultComponentProps, a5 as DefaultRootFieldProps, a7 as DefaultRootProps, a6 as DefaultRootRenderProps, m as Direction, n as DragAxis, a0 as ExternalField, $ as ExternalFieldWithAdaptor, ad as ExtractPropsFromConfig, ae as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Z as ObjectField, q as OverrideKey, u as PuckComponent, a4 as PuckContext, X as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a3 as SlotField, T as TextField, L as TextareaField, o as Viewport, ac as WithChildren, a9 as WithId, aa as WithPuckProps, W as WithSlotProps, af as migrate, p as overrideKeys, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-6PP75PCU.js';
1
+ import { H as History, P as Permissions, C as ComponentData, a as Config, U as UserGenerics, F as Fields, b as PuckAction, R as RootDataWithProps, c as ResolveDataTrigger, d as Plugin, O as Overrides, V as Viewports, I as IframeConfig, e as UiState, f as ComponentConfig, A as AppState, M as Metadata, g as Field, h as FieldProps, D as DropZoneProps, i as Data, j as OnAction, k as InitialHistory, l as ItemSelector } from './walk-tree-BOSl1o0G.js';
2
+ export { _ as Adaptor, Y as ArrayField, t as ArrayState, ab as AsFieldProps, B as BaseData, K as BaseField, G as ComponentDataMap, z as ComponentDataOptionalId, J as Content, a2 as CustomField, a1 as CustomFieldRender, a8 as DefaultComponentProps, a5 as DefaultRootFieldProps, a7 as DefaultRootProps, a6 as DefaultRootRenderProps, m as Direction, n as DragAxis, a0 as ExternalField, $ as ExternalFieldWithAdaptor, ad as ExtractPropsFromConfig, ae as ExtractRootPropsFromConfig, r as FieldRenderFunctions, s as ItemWithId, E as MappedItem, N as NumberField, Z as ObjectField, q as OverrideKey, u as PuckComponent, a4 as PuckContext, X as RadioField, v as RootConfig, y as RootData, x as RootDataWithoutProps, Q as SelectField, S as Slot, a3 as SlotField, T as TextField, L as TextareaField, o as Viewport, ac as WithChildren, a9 as WithId, aa as WithPuckProps, W as WithSlotProps, af as migrate, p as overrideKeys, ah as resolveAllData, ag as transformProps, w as walkTree } from './walk-tree-BOSl1o0G.js';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import react__default, { ReactNode, SyntheticEvent, ReactElement } from 'react';