@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 +27 -19
- package/dist/index.js +176 -149
- package/dist/index.mjs +162 -134
- package/package.json +1 -1
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
|
-
.
|
140
|
+
._ActionBar_1xlbj_1 {
|
141
141
|
display: flex;
|
142
142
|
width: auto;
|
143
143
|
padding: 4px;
|
144
|
-
padding-right:
|
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-
|
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-
|
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-
|
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-
|
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-
|
196
|
+
._ActionBar-action_1xlbj_16:hover {
|
191
197
|
color: var(--puck-color-azure-06);
|
192
198
|
transition: none;
|
193
199
|
}
|
194
200
|
}
|
195
|
-
._ActionBar-
|
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
|
-
.
|
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
|
-
.
|
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
|
-
.
|
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-
|
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-
|
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-
|
1784
|
+
._PuckCanvas-root_avf1c_32 {
|
1778
1785
|
min-width: unset;
|
1779
1786
|
}
|
1780
1787
|
}
|
1781
1788
|
@media (prefers-reduced-motion: reduce) {
|
1782
|
-
._PuckCanvas-
|
1789
|
+
._PuckCanvas-root_avf1c_32 {
|
1783
1790
|
transition: none !important;
|
1784
1791
|
}
|
1785
1792
|
}
|
1786
|
-
._PuckCanvas--
|
1793
|
+
._PuckCanvas--ready_avf1c_57 ._PuckCanvas-root_avf1c_32 {
|
1794
|
+
pointer-events: unset;
|
1787
1795
|
opacity: 1;
|
1788
1796
|
}
|
1789
|
-
._PuckCanvas-
|
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--
|
1806
|
+
._PuckCanvas--showLoader_avf1c_72 ._PuckCanvas-loader_avf1c_62 {
|
1799
1807
|
opacity: 1;
|
1800
1808
|
}
|
1801
|
-
._PuckCanvas--
|
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;
|