@measured/puck 0.13.0-canary.d13d00b → 0.13.0-canary.d1baf8f

Sign up to get free protection for your applications and to get access to all the features.
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Puck
2
2
 
3
- The self-hosted, drag and drop editor for React.
3
+ The visual editor for React.
4
4
 
5
5
  <p align="left">
6
6
  <a aria-label="Measured logo" href="https://measured.co">
@@ -104,4 +104,4 @@ If you need support integrating Puck or creating a beautiful component library,
104
104
 
105
105
  ## License
106
106
 
107
- MIT © [Measured Co.](https://github.com/measuredco)
107
+ MIT © [Measured Corporation Ltd](https://measured.co)
package/dist/index.css CHANGED
@@ -606,7 +606,7 @@
606
606
  }
607
607
 
608
608
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
609
- ._Puck_pp63_19 {
609
+ ._Puck_17hk3_19 {
610
610
  --puck-frame-width: auto;
611
611
  --puck-side-bar-width: 186px;
612
612
  --puck-space-px: 16px;
@@ -621,51 +621,51 @@
621
621
  right: 0;
622
622
  top: 0;
623
623
  }
624
- ._Puck--leftSideBarVisible_pp63_35 {
624
+ ._Puck--leftSideBarVisible_17hk3_35 {
625
625
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
626
626
  }
627
- ._Puck--rightSideBarVisible_pp63_41 {
627
+ ._Puck--rightSideBarVisible_17hk3_41 {
628
628
  grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
629
629
  }
630
- ._Puck--leftSideBarVisible_pp63_35._Puck--rightSideBarVisible_pp63_41 {
630
+ ._Puck--leftSideBarVisible_17hk3_35._Puck--rightSideBarVisible_17hk3_41 {
631
631
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
632
632
  }
633
633
  @media (min-width: 458px) {
634
- ._Puck_pp63_19 {
634
+ ._Puck_17hk3_19 {
635
635
  --puck-frame-width: minmax(266px, auto);
636
636
  }
637
637
  }
638
638
  @media (min-width: 638px) {
639
- ._Puck_pp63_19 {
639
+ ._Puck_17hk3_19 {
640
640
  --puck-side-bar-width: minmax(186px, 250px);
641
641
  }
642
642
  }
643
643
  @media (min-width: 766px) {
644
- ._Puck_pp63_19 {
644
+ ._Puck_17hk3_19 {
645
645
  --puck-frame-width: auto;
646
646
  }
647
647
  }
648
648
  @media (min-width: 990px) {
649
- ._Puck_pp63_19 {
649
+ ._Puck_17hk3_19 {
650
650
  --puck-side-bar-width: 256px;
651
651
  }
652
652
  }
653
653
  @media (min-width: 1198px) {
654
- ._Puck_pp63_19 {
654
+ ._Puck_17hk3_19 {
655
655
  --puck-side-bar-width: 274px;
656
656
  }
657
657
  }
658
658
  @media (min-width: 1398px) {
659
- ._Puck_pp63_19 {
659
+ ._Puck_17hk3_19 {
660
660
  --puck-side-bar-width: 290px;
661
661
  }
662
662
  }
663
663
  @media (min-width: 1598px) {
664
- ._Puck_pp63_19 {
664
+ ._Puck_17hk3_19 {
665
665
  --puck-side-bar-width: 320px;
666
666
  }
667
667
  }
668
- ._Puck-header_pp63_95 {
668
+ ._Puck-header_17hk3_95 {
669
669
  background: var(--puck-color-white);
670
670
  border-bottom: 1px solid var(--puck-color-grey-8);
671
671
  color: var(--puck-color-black);
@@ -673,7 +673,7 @@
673
673
  position: relative;
674
674
  max-width: 100vw;
675
675
  }
676
- ._Puck-headerInner_pp63_104 {
676
+ ._Puck-headerInner_17hk3_104 {
677
677
  align-items: end;
678
678
  display: grid;
679
679
  gap: var(--puck-space-px);
@@ -682,46 +682,43 @@
682
682
  grid-template-rows: auto;
683
683
  padding: var(--puck-space-px);
684
684
  }
685
- ._Puck-headerToggle_pp63_114 {
685
+ ._Puck-headerToggle_17hk3_114 {
686
686
  color: var(--puck-color-grey-4);
687
687
  display: flex;
688
688
  margin-left: -4px;
689
689
  padding-top: 2px;
690
690
  }
691
- ._Puck-rightSideBarToggle_pp63_121 {
692
- transform: rotate(180deg);
693
- }
694
- ._Puck--rightSideBarVisible_pp63_41 ._Puck-rightSideBarToggle_pp63_121,
695
- ._Puck--leftSideBarVisible_pp63_35 ._Puck-leftSideBarToggle_pp63_126 {
691
+ ._Puck--rightSideBarVisible_17hk3_41 ._Puck-rightSideBarToggle_17hk3_121,
692
+ ._Puck--leftSideBarVisible_17hk3_35 ._Puck-leftSideBarToggle_17hk3_122 {
696
693
  color: var(--puck-color-black);
697
694
  }
698
- ._Puck-headerTitle_pp63_130 {
695
+ ._Puck-headerTitle_17hk3_126 {
699
696
  align-self: center;
700
697
  }
701
- ._Puck-headerPath_pp63_134 {
698
+ ._Puck-headerPath_17hk3_130 {
702
699
  font-family: var(--puck-font-family-monospaced);
703
700
  font-size: var(--puck-font-size-xxs);
704
701
  font-weight: normal;
705
702
  word-break: break-all;
706
703
  }
707
- ._Puck-headerTools_pp63_141 {
704
+ ._Puck-headerTools_17hk3_137 {
708
705
  display: flex;
709
706
  gap: 16px;
710
707
  justify-content: flex-end;
711
708
  }
712
- ._Puck-menuButton_pp63_147 {
709
+ ._Puck-menuButton_17hk3_143 {
713
710
  color: var(--puck-color-grey-4);
714
711
  margin-left: -4px;
715
712
  }
716
- ._Puck--menuOpen_pp63_152 ._Puck-menuButton_pp63_147 {
713
+ ._Puck--menuOpen_17hk3_148 ._Puck-menuButton_17hk3_143 {
717
714
  color: var(--puck-color-black);
718
715
  }
719
716
  @media (min-width: 638px) {
720
- ._Puck-menuButton_pp63_147 {
717
+ ._Puck-menuButton_17hk3_143 {
721
718
  display: none;
722
719
  }
723
720
  }
724
- ._Puck-leftSideBar_pp63_126 {
721
+ ._Puck-leftSideBar_17hk3_122 {
725
722
  background: var(--puck-color-grey-11);
726
723
  border-right: 1px solid var(--puck-color-grey-8);
727
724
  display: flex;
@@ -729,25 +726,25 @@
729
726
  grid-area: left;
730
727
  overflow-y: auto;
731
728
  }
732
- ._Puck-frame_pp63_171 {
729
+ ._Puck-frame_17hk3_167 {
733
730
  display: flex;
734
731
  flex-direction: column;
735
732
  grid-area: editor;
736
733
  overflow: auto;
737
734
  position: relative;
738
735
  }
739
- ._Puck-root_pp63_179 {
736
+ ._Puck-root_17hk3_175 {
740
737
  border: 1px solid var(--puck-color-grey-8);
741
738
  box-shadow: 0 0 0 calc(var(--puck-space-px) * 1.5) var(--puck-color-grey-10);
742
739
  margin: var(--puck-space-px);
743
740
  min-width: 321px;
744
741
  }
745
742
  @media (min-width: 1198px) {
746
- ._Puck-root_pp63_179 {
743
+ ._Puck-root_17hk3_175 {
747
744
  margin: calc(var(--puck-space-px) * 1.5);
748
745
  }
749
746
  }
750
- ._Puck-rightSideBar_pp63_121 {
747
+ ._Puck-rightSideBar_17hk3_121 {
751
748
  background: var(--puck-color-white);
752
749
  border-left: 1px solid var(--puck-color-grey-8);
753
750
  display: flex;