@measured/puck 0.16.1-canary.1a6216d → 0.16.1-canary.20d7309

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
@@ -137,11 +137,11 @@
137
137
  /* styles.css */
138
138
 
139
139
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
140
- ._ActionBar_fp58q_1 {
140
+ ._ActionBar_1xlbj_1 {
141
141
  display: flex;
142
142
  width: auto;
143
143
  padding: 4px;
144
- padding-right: 0;
144
+ padding-right: 4px;
145
145
  border-top-left-radius: 8px;
146
146
  border-top-right-radius: 8px;
147
147
  border-radius: 8px;
@@ -151,7 +151,7 @@
151
151
  gap: 4px;
152
152
  min-height: 26px;
153
153
  }
154
- ._ActionBar-actionsLabel_fp58q_16 {
154
+ ._ActionBar-actionsLabel_1xlbj_16 {
155
155
  color: var(--puck-color-grey-08);
156
156
  display: flex;
157
157
  font-size: var(--puck-font-size-xxxs);
@@ -163,13 +163,19 @@
163
163
  text-overflow: ellipsis;
164
164
  white-space: nowrap;
165
165
  }
166
- ._ActionBar-group_fp58q_29 {
166
+ ._ActionBar-group_1xlbj_29 {
167
167
  border-left: 0.5px solid var(--puck-color-grey-05);
168
168
  display: flex;
169
169
  padding-left: 4px;
170
170
  padding-right: 4px;
171
171
  }
172
- ._ActionBar-action_fp58q_16 {
172
+ ._ActionBar-group_1xlbj_29:last-of-type {
173
+ padding-right: 0;
174
+ }
175
+ ._ActionBar-group_1xlbj_29:empty {
176
+ display: none;
177
+ }
178
+ ._ActionBar-action_1xlbj_16 {
173
179
  background: transparent;
174
180
  border: none;
175
181
  color: var(--puck-color-grey-08);
@@ -182,17 +188,17 @@
182
188
  justify-content: center;
183
189
  transition: color 50ms ease-in;
184
190
  }
185
- ._ActionBar-action_fp58q_16:focus-visible {
191
+ ._ActionBar-action_1xlbj_16:focus-visible {
186
192
  outline: 2px solid var(--puck-color-azure-05);
187
193
  outline-offset: -2px;
188
194
  }
189
195
  @media (hover: hover) and (pointer: fine) {
190
- ._ActionBar-action_fp58q_16:hover {
196
+ ._ActionBar-action_1xlbj_16:hover {
191
197
  color: var(--puck-color-azure-06);
192
198
  transition: none;
193
199
  }
194
200
  }
195
- ._ActionBar-action_fp58q_16:active {
201
+ ._ActionBar-action_1xlbj_16:active {
196
202
  color: var(--puck-color-azure-07);
197
203
  transition: none;
198
204
  }
@@ -1735,7 +1741,7 @@ textarea._Input-input_3pq3z_47 {
1735
1741
  }
1736
1742
 
1737
1743
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */
1738
- ._PuckCanvas_esbg1_1 {
1744
+ ._PuckCanvas_avf1c_1 {
1739
1745
  background: var(--puck-color-grey-11);
1740
1746
  display: flex;
1741
1747
  grid-area: editor;
@@ -1744,15 +1750,15 @@ textarea._Input-input_3pq3z_47 {
1744
1750
  overflow: auto;
1745
1751
  }
1746
1752
  @media (min-width: 1198px) {
1747
- ._PuckCanvas_esbg1_1 {
1753
+ ._PuckCanvas_avf1c_1 {
1748
1754
  padding: calc(var(--puck-space-px) * 1.5);
1749
1755
  padding-top: var(--puck-space-px);
1750
1756
  }
1751
- ._PuckCanvas_esbg1_1:not(._PuckCanvas_esbg1_1:has(._PuckCanvas-controls_esbg1_16)) {
1757
+ ._PuckCanvas_avf1c_1:not(._PuckCanvas_avf1c_1:has(._PuckCanvas-controls_avf1c_16)) {
1752
1758
  padding-top: calc(var(--puck-space-px) * 1.5);
1753
1759
  }
1754
1760
  }
1755
- ._PuckCanvas-inner_esbg1_21 {
1761
+ ._PuckCanvas-inner_avf1c_21 {
1756
1762
  box-sizing: border-box;
1757
1763
  display: flex;
1758
1764
  height: 100%;
@@ -1762,31 +1768,33 @@ textarea._Input-input_3pq3z_47 {
1762
1768
  position: relative;
1763
1769
  width: 100%;
1764
1770
  }
1765
- ._PuckCanvas-root_esbg1_32 {
1771
+ ._PuckCanvas-root_avf1c_32 {
1766
1772
  background: white;
1767
1773
  border: 1px solid var(--puck-color-grey-09);
1768
1774
  box-sizing: border-box;
1769
1775
  min-width: 321px;
1770
1776
  position: absolute;
1777
+ pointer-events: none;
1771
1778
  transform-origin: top;
1772
1779
  top: 0;
1773
1780
  bottom: 0;
1774
1781
  opacity: 0;
1775
1782
  }
1776
1783
  @media (min-width: 1198px) {
1777
- ._PuckCanvas-root_esbg1_32 {
1784
+ ._PuckCanvas-root_avf1c_32 {
1778
1785
  min-width: unset;
1779
1786
  }
1780
1787
  }
1781
1788
  @media (prefers-reduced-motion: reduce) {
1782
- ._PuckCanvas-root_esbg1_32 {
1789
+ ._PuckCanvas-root_avf1c_32 {
1783
1790
  transition: none !important;
1784
1791
  }
1785
1792
  }
1786
- ._PuckCanvas--ready_esbg1_56 ._PuckCanvas-root_esbg1_32 {
1793
+ ._PuckCanvas--ready_avf1c_57 ._PuckCanvas-root_avf1c_32 {
1794
+ pointer-events: unset;
1787
1795
  opacity: 1;
1788
1796
  }
1789
- ._PuckCanvas-loader_esbg1_60 {
1797
+ ._PuckCanvas-loader_avf1c_62 {
1790
1798
  align-items: center;
1791
1799
  color: var(--puck-color-grey-06);
1792
1800
  display: flex;
@@ -1795,10 +1803,10 @@ textarea._Input-input_3pq3z_47 {
1795
1803
  transition: opacity 250ms ease-out;
1796
1804
  opacity: 0;
1797
1805
  }
1798
- ._PuckCanvas--showLoader_esbg1_70 ._PuckCanvas-loader_esbg1_60 {
1806
+ ._PuckCanvas--showLoader_avf1c_72 ._PuckCanvas-loader_avf1c_62 {
1799
1807
  opacity: 1;
1800
1808
  }
1801
- ._PuckCanvas--showLoader_esbg1_70._PuckCanvas--ready_esbg1_56 ._PuckCanvas-loader_esbg1_60 {
1809
+ ._PuckCanvas--showLoader_avf1c_72._PuckCanvas--ready_avf1c_57 ._PuckCanvas-loader_avf1c_62 {
1802
1810
  opacity: 0;
1803
1811
  height: 0;
1804
1812
  transition: none;