@measured/puck 0.15.1-canary.9151255 → 0.15.1-canary.fb9aa4e
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.css +31 -30
- package/dist/index.js +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
@@ -137,44 +137,45 @@
|
|
137
137
|
/* styles.css */
|
138
138
|
|
139
139
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
|
140
|
-
.
|
140
|
+
._Input_3pq3z_1 {
|
141
141
|
color: var(--puck-color-grey-04);
|
142
142
|
padding: 16px;
|
143
143
|
padding-bottom: 12px;
|
144
144
|
display: block;
|
145
145
|
}
|
146
|
-
.
|
146
|
+
._Input_3pq3z_1 ._Input_3pq3z_1 {
|
147
147
|
padding: 0px;
|
148
148
|
}
|
149
|
-
.
|
149
|
+
._Input_3pq3z_1 * {
|
150
150
|
box-sizing: border-box;
|
151
151
|
}
|
152
|
-
.
|
152
|
+
._Input_3pq3z_1 + ._Input_3pq3z_1 {
|
153
153
|
border-top: 1px solid var(--puck-color-grey-09);
|
154
154
|
margin-top: 8px;
|
155
155
|
}
|
156
|
-
.
|
156
|
+
._Input_3pq3z_1 ._Input_3pq3z_1 + ._Input_3pq3z_1 {
|
157
157
|
border-top: 0px;
|
158
158
|
margin-top: 12px;
|
159
159
|
}
|
160
|
-
._Input-
|
160
|
+
._Input-label_3pq3z_26 {
|
161
161
|
align-items: center;
|
162
|
+
color: var(--puck-color-grey-04);
|
162
163
|
display: flex;
|
163
164
|
padding-bottom: 12px;
|
164
165
|
font-size: var(--puck-font-size-xxs);
|
165
166
|
font-weight: 600;
|
166
167
|
}
|
167
|
-
._Input-
|
168
|
+
._Input-labelIcon_3pq3z_35 {
|
168
169
|
color: var(--puck-color-grey-07);
|
169
170
|
display: flex;
|
170
171
|
margin-right: 4px;
|
171
172
|
padding-left: 4px;
|
172
173
|
}
|
173
|
-
._Input-
|
174
|
+
._Input-disabledIcon_3pq3z_42 {
|
174
175
|
color: var(--puck-color-grey-05);
|
175
176
|
margin-left: auto;
|
176
177
|
}
|
177
|
-
._Input-
|
178
|
+
._Input-input_3pq3z_47 {
|
178
179
|
background: var(--puck-color-white);
|
179
180
|
border-width: 1px;
|
180
181
|
border-style: solid;
|
@@ -186,7 +187,7 @@
|
|
186
187
|
transition: border-color 50ms ease-in;
|
187
188
|
width: 100%;
|
188
189
|
}
|
189
|
-
select._Input-
|
190
|
+
select._Input-input_3pq3z_47 {
|
190
191
|
appearance: none;
|
191
192
|
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23c3c3c3'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
|
192
193
|
background-size: 12px;
|
@@ -196,25 +197,25 @@ select._Input-input_1qi5b_46 {
|
|
196
197
|
cursor: pointer;
|
197
198
|
}
|
198
199
|
@media (hover: hover) and (pointer: fine) {
|
199
|
-
.
|
200
|
-
.
|
200
|
+
._Input_3pq3z_1:has(> input):hover ._Input-input_3pq3z_47:not([readonly]),
|
201
|
+
._Input_3pq3z_1:has(> textarea):hover ._Input-input_3pq3z_47:not([readonly]) {
|
201
202
|
border-color: var(--puck-color-grey-05);
|
202
203
|
transition: none;
|
203
204
|
}
|
204
|
-
.
|
205
|
+
._Input_3pq3z_1:has(> select):hover ._Input-input_3pq3z_47:not([disabled]) {
|
205
206
|
background-color: var(--puck-color-azure-12);
|
206
207
|
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%235a5a5a'><polygon points='0,0 100,0 50,50'/></svg>");
|
207
208
|
border-color: var(--puck-color-grey-05);
|
208
209
|
transition: none;
|
209
210
|
}
|
210
211
|
}
|
211
|
-
._Input-
|
212
|
+
._Input-input_3pq3z_47:focus {
|
212
213
|
border-color: var(--puck-color-grey-05);
|
213
214
|
outline: 2px solid var(--puck-color-azure-05);
|
214
215
|
transition: none;
|
215
216
|
}
|
216
|
-
._Input--
|
217
|
-
._Input--
|
217
|
+
._Input--readOnly_3pq3z_91 > ._Input-input_3pq3z_47,
|
218
|
+
._Input--readOnly_3pq3z_91 > select._Input-input_3pq3z_47 {
|
218
219
|
background-color: var(--puck-color-grey-11);
|
219
220
|
border-color: var(--puck-color-grey-09);
|
220
221
|
color: var(--puck-color-grey-04);
|
@@ -223,34 +224,34 @@ select._Input-input_1qi5b_46 {
|
|
223
224
|
outline: 0;
|
224
225
|
transition: none;
|
225
226
|
}
|
226
|
-
._Input-
|
227
|
+
._Input-radioGroupItems_3pq3z_102 {
|
227
228
|
display: flex;
|
228
229
|
border: 1px solid var(--puck-color-grey-09);
|
229
230
|
border-radius: 4px;
|
230
231
|
flex-wrap: wrap;
|
231
232
|
}
|
232
|
-
._Input-
|
233
|
+
._Input-radio_3pq3z_102 {
|
233
234
|
border-right: 1px solid var(--puck-color-grey-09);
|
234
235
|
flex-grow: 1;
|
235
236
|
}
|
236
|
-
._Input-
|
237
|
+
._Input-radio_3pq3z_102:first-of-type {
|
237
238
|
border-bottom-left-radius: 4px;
|
238
239
|
border-top-left-radius: 4px;
|
239
240
|
}
|
240
|
-
._Input-
|
241
|
+
._Input-radio_3pq3z_102:first-of-type ._Input-radioInner_3pq3z_119 {
|
241
242
|
border-bottom-left-radius: 3px;
|
242
243
|
border-top-left-radius: 3px;
|
243
244
|
}
|
244
|
-
._Input-
|
245
|
+
._Input-radio_3pq3z_102:last-of-type {
|
245
246
|
border-bottom-right-radius: 4px;
|
246
247
|
border-right: 0;
|
247
248
|
border-top-right-radius: 4px;
|
248
249
|
}
|
249
|
-
._Input-
|
250
|
+
._Input-radio_3pq3z_102:last-of-type ._Input-radioInner_3pq3z_119 {
|
250
251
|
border-bottom-right-radius: 3px;
|
251
252
|
border-top-right-radius: 3px;
|
252
253
|
}
|
253
|
-
._Input-
|
254
|
+
._Input-radioInner_3pq3z_119 {
|
254
255
|
background-color: var(--puck-color-white);
|
255
256
|
color: var(--puck-color-grey-04);
|
256
257
|
cursor: pointer;
|
@@ -259,32 +260,32 @@ select._Input-input_1qi5b_46 {
|
|
259
260
|
text-align: center;
|
260
261
|
transition: background-color 50ms ease-in;
|
261
262
|
}
|
262
|
-
._Input-
|
263
|
+
._Input-radio_3pq3z_102:has(:focus-visible) {
|
263
264
|
outline: 2px solid var(--puck-color-azure-05);
|
264
265
|
outline-offset: 2px;
|
265
266
|
position: relative;
|
266
267
|
}
|
267
268
|
@media (hover: hover) and (pointer: fine) {
|
268
|
-
._Input-
|
269
|
+
._Input-radioInner_3pq3z_119:hover {
|
269
270
|
background-color: var(--puck-color-azure-12);
|
270
271
|
transition: none;
|
271
272
|
}
|
272
273
|
}
|
273
|
-
._Input--
|
274
|
+
._Input--readOnly_3pq3z_91 ._Input-radioInner_3pq3z_119 {
|
274
275
|
background-color: var(--puck-color-white);
|
275
276
|
color: var(--puck-color-grey-04);
|
276
277
|
cursor: default;
|
277
278
|
}
|
278
|
-
._Input-
|
279
|
+
._Input-radio_3pq3z_102 ._Input-radioInput_3pq3z_164:checked ~ ._Input-radioInner_3pq3z_119 {
|
279
280
|
background-color: var(--puck-color-azure-11);
|
280
281
|
color: var(--puck-color-azure-04);
|
281
282
|
font-weight: 500;
|
282
283
|
}
|
283
|
-
._Input--
|
284
|
+
._Input--readOnly_3pq3z_91 ._Input-radioInput_3pq3z_164:checked ~ ._Input-radioInner_3pq3z_119 {
|
284
285
|
background-color: var(--puck-color-grey-11);
|
285
286
|
color: var(--puck-color-grey-04);
|
286
287
|
}
|
287
|
-
._Input-
|
288
|
+
._Input-radio_3pq3z_102 ._Input-radioInput_3pq3z_164 {
|
288
289
|
clip: rect(0 0 0 0);
|
289
290
|
clip-path: inset(100%);
|
290
291
|
height: 1px;
|
@@ -293,7 +294,7 @@ select._Input-input_1qi5b_46 {
|
|
293
294
|
white-space: nowrap;
|
294
295
|
width: 1px;
|
295
296
|
}
|
296
|
-
textarea._Input-
|
297
|
+
textarea._Input-input_3pq3z_47 {
|
297
298
|
margin-bottom: -4px;
|
298
299
|
}
|
299
300
|
|
package/dist/index.js
CHANGED
@@ -29207,7 +29207,7 @@ var get_class_name_factory_default = getClassNameFactory;
|
|
29207
29207
|
|
29208
29208
|
// css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css#css-module
|
29209
29209
|
init_react_import();
|
29210
|
-
var styles_module_default = { "Input": "
|
29210
|
+
var styles_module_default = { "Input": "_Input_3pq3z_1", "Input-label": "_Input-label_3pq3z_26", "Input-labelIcon": "_Input-labelIcon_3pq3z_35", "Input-disabledIcon": "_Input-disabledIcon_3pq3z_42", "Input-input": "_Input-input_3pq3z_47", "Input--readOnly": "_Input--readOnly_3pq3z_91", "Input-radioGroupItems": "_Input-radioGroupItems_3pq3z_102", "Input-radio": "_Input-radio_3pq3z_102", "Input-radioInner": "_Input-radioInner_3pq3z_119", "Input-radioInput": "_Input-radioInput_3pq3z_164" };
|
29211
29211
|
|
29212
29212
|
// components/AutoField/index.tsx
|
29213
29213
|
var import_react11 = require("react");
|
package/package.json
CHANGED