@measured/puck 0.16.1-canary.8fcf0d8 → 0.16.1

Sign up to get free protection for your applications and to get access to all the features.
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;