@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 +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;
|