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

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,182 +1307,6 @@ 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
-
1486
1310
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */
1487
1311
  ._PuckFields_10bh7_1 {
1488
1312
  position: relative;
@@ -1688,6 +1512,298 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1688
1512
  margin-top: 4px;
1689
1513
  }
1690
1514
 
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
+
1691
1807
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */
1692
1808
  ._ViewportControls_gejzr_1 {
1693
1809
  display: flex;
@@ -1795,101 +1911,93 @@ body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] {
1795
1911
  transition: none;
1796
1912
  }
1797
1913
 
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;
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;
1810
1919
  }
1811
- ._MenuBar--menuOpen_8pf8c_14 {
1812
- display: block;
1920
+ ._NavSection_b6txo_7 {
1921
+ padding: 16px;
1813
1922
  }
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
- }
1923
+ ._NavSection_b6txo_7:first-of-type {
1924
+ padding-top: 32px;
1823
1925
  }
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;
1926
+ ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 {
1927
+ padding-left: 0;
1928
+ padding-right: 0;
1830
1929
  }
1831
- @media (min-width: 638px) {
1832
- ._MenuBar-inner_8pf8c_29 {
1833
- display: flex;
1834
- flex-direction: row;
1835
- flex-wrap: nowrap;
1836
- }
1930
+ ._Nav--slim_b6txo_15 ._NavSection_b6txo_7 + ._NavSection_b6txo_7 {
1931
+ border-top: 1px solid var(--puck-color-grey-09);
1837
1932
  }
1838
- ._MenuBar-history_8pf8c_45 {
1933
+ ._NavSection-list_b6txo_24 {
1839
1934
  display: flex;
1935
+ flex-direction: column;
1936
+ list-style: none;
1937
+ margin: 0;
1938
+ padding: 0;
1840
1939
  }
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;
1940
+ ._Nav--slim_b6txo_15 ._NavSection-list_b6txo_24 {
1941
+ gap: 16px;
1850
1942
  }
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);
1943
+ ._NavSection-title_b6txo_36 {
1944
+ font-weight: 700;
1945
+ margin-bottom: 8px;
1946
+ padding-left: 8px;
1947
+ padding-right: 8px;
1859
1948
  }
1860
- ._PuckHeader-toggle_15xnq_20 {
1861
- color: var(--puck-color-grey-05);
1949
+ ._Nav--slim_b6txo_15 ._NavSection-title_b6txo_36 {
1950
+ opacity: 0;
1951
+ }
1952
+ ._NavItem-link_b6txo_47 {
1953
+ align-items: center;
1954
+ color: var(--puck-color-grey-03);
1862
1955
  display: flex;
1863
- margin-inline-start: -4px;
1864
- padding-top: 2px;
1956
+ gap: 8px;
1957
+ text-decoration: none;
1958
+ cursor: pointer;
1959
+ border-radius: 4px;
1960
+ padding: 8px 4px;
1865
1961
  }
1866
- ._PuckHeader--rightSideBarVisible_15xnq_27 ._PuckHeader-rightSideBarToggle_15xnq_27,
1867
- ._PuckHeader--leftSideBarVisible_15xnq_28 ._PuckHeader-leftSideBarToggle_15xnq_28 {
1868
- color: var(--puck-color-black);
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);
1869
1968
  }
1870
- ._PuckHeader-title_15xnq_32 {
1871
- align-self: center;
1969
+ ._NavItem-linkIcon_b6txo_67 {
1970
+ height: 24px;
1971
+ width: 24px;
1872
1972
  }
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;
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;
1878
1977
  }
1879
- ._PuckHeader-tools_15xnq_43 {
1880
- display: flex;
1881
- gap: 16px;
1882
- justify-content: flex-end;
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;
1883
1984
  }
1884
- ._PuckHeader-menuButton_15xnq_49 {
1885
- color: var(--puck-color-grey-05);
1886
- margin-inline-start: -4px;
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);
1887
1988
  }
1888
- ._PuckHeader--menuOpen_15xnq_54 ._PuckHeader-menuButton_15xnq_49 {
1889
- color: var(--puck-color-black);
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;
1890
1998
  }
1891
- @media (min-width: 638px) {
1892
- ._PuckHeader-menuButton_15xnq_49 {
1893
- display: none;
1894
- }
1999
+ ._Nav--slim_b6txo_15 ._NavItem-list_b6txo_91 {
2000
+ border-left: 0;
2001
+ padding-left: 0;
2002
+ margin-left: 0;
1895
2003
  }
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-DrJNb8b-.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-DrJNb8b-.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-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';
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-DrJNb8b-.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-DrJNb8b-.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-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';
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';