@measured/puck 0.16.3-canary.af421c6 → 0.17.0-canary.159d819

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.css CHANGED
@@ -204,27 +204,27 @@
204
204
  }
205
205
 
206
206
  /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */
207
- ._Input_3pq3z_1 {
207
+ ._InputWrapper_1l5m8_1 {
208
208
  color: var(--puck-color-grey-04);
209
209
  padding: 16px;
210
210
  padding-bottom: 12px;
211
211
  display: block;
212
212
  }
213
- ._Input_3pq3z_1 ._Input_3pq3z_1 {
213
+ ._InputWrapper_1l5m8_1 + ._InputWrapper_1l5m8_1 {
214
+ border-top: 1px solid var(--puck-color-grey-09);
215
+ margin-top: 8px;
216
+ }
217
+ ._Input_1l5m8_1 ._InputWrapper_1l5m8_1 {
214
218
  padding: 0px;
215
219
  }
216
- ._Input_3pq3z_1 * {
220
+ ._Input_1l5m8_1 * {
217
221
  box-sizing: border-box;
218
222
  }
219
- ._Input_3pq3z_1 + ._Input_3pq3z_1 {
220
- border-top: 1px solid var(--puck-color-grey-09);
221
- margin-top: 8px;
222
- }
223
- ._Input_3pq3z_1 ._Input_3pq3z_1 + ._Input_3pq3z_1 {
223
+ ._Input_1l5m8_1 ._InputWrapper_1l5m8_1 + ._InputWrapper_1l5m8_1 {
224
224
  border-top: 0px;
225
225
  margin-top: 12px;
226
226
  }
227
- ._Input-label_3pq3z_26 {
227
+ ._Input-label_1l5m8_26 {
228
228
  align-items: center;
229
229
  color: var(--puck-color-grey-04);
230
230
  display: flex;
@@ -232,17 +232,17 @@
232
232
  font-size: var(--puck-font-size-xxs);
233
233
  font-weight: 600;
234
234
  }
235
- ._Input-labelIcon_3pq3z_35 {
235
+ ._Input-labelIcon_1l5m8_35 {
236
236
  color: var(--puck-color-grey-07);
237
237
  display: flex;
238
238
  margin-right: 4px;
239
239
  padding-left: 4px;
240
240
  }
241
- ._Input-disabledIcon_3pq3z_42 {
241
+ ._Input-disabledIcon_1l5m8_42 {
242
242
  color: var(--puck-color-grey-05);
243
243
  margin-left: auto;
244
244
  }
245
- ._Input-input_3pq3z_47 {
245
+ ._Input-input_1l5m8_47 {
246
246
  background: var(--puck-color-white);
247
247
  border-width: 1px;
248
248
  border-style: solid;
@@ -254,7 +254,7 @@
254
254
  transition: border-color 50ms ease-in;
255
255
  width: 100%;
256
256
  }
257
- select._Input-input_3pq3z_47 {
257
+ select._Input-input_1l5m8_47 {
258
258
  appearance: none;
259
259
  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;
260
260
  background-size: 12px;
@@ -264,25 +264,25 @@ select._Input-input_3pq3z_47 {
264
264
  cursor: pointer;
265
265
  }
266
266
  @media (hover: hover) and (pointer: fine) {
267
- ._Input_3pq3z_1:has(> input):hover ._Input-input_3pq3z_47:not([readonly]),
268
- ._Input_3pq3z_1:has(> textarea):hover ._Input-input_3pq3z_47:not([readonly]) {
267
+ ._Input_1l5m8_1:has(> input):hover ._Input-input_1l5m8_47:not([readonly]),
268
+ ._Input_1l5m8_1:has(> textarea):hover ._Input-input_1l5m8_47:not([readonly]) {
269
269
  border-color: var(--puck-color-grey-05);
270
270
  transition: none;
271
271
  }
272
- ._Input_3pq3z_1:has(> select):hover ._Input-input_3pq3z_47:not([disabled]) {
272
+ ._Input_1l5m8_1:has(> select):hover ._Input-input_1l5m8_47:not([disabled]) {
273
273
  background-color: var(--puck-color-azure-12);
274
274
  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>");
275
275
  border-color: var(--puck-color-grey-05);
276
276
  transition: none;
277
277
  }
278
278
  }
279
- ._Input-input_3pq3z_47:focus {
279
+ ._Input-input_1l5m8_47:focus {
280
280
  border-color: var(--puck-color-grey-05);
281
281
  outline: 2px solid var(--puck-color-azure-05);
282
282
  transition: none;
283
283
  }
284
- ._Input--readOnly_3pq3z_91 > ._Input-input_3pq3z_47,
285
- ._Input--readOnly_3pq3z_91 > select._Input-input_3pq3z_47 {
284
+ ._Input--readOnly_1l5m8_91 > ._Input-input_1l5m8_47,
285
+ ._Input--readOnly_1l5m8_91 > select._Input-input_1l5m8_47 {
286
286
  background-color: var(--puck-color-grey-11);
287
287
  border-color: var(--puck-color-grey-09);
288
288
  color: var(--puck-color-grey-04);
@@ -291,34 +291,34 @@ select._Input-input_3pq3z_47 {
291
291
  outline: 0;
292
292
  transition: none;
293
293
  }
294
- ._Input-radioGroupItems_3pq3z_102 {
294
+ ._Input-radioGroupItems_1l5m8_102 {
295
295
  display: flex;
296
296
  border: 1px solid var(--puck-color-grey-09);
297
297
  border-radius: 4px;
298
298
  flex-wrap: wrap;
299
299
  }
300
- ._Input-radio_3pq3z_102 {
300
+ ._Input-radio_1l5m8_102 {
301
301
  border-right: 1px solid var(--puck-color-grey-09);
302
302
  flex-grow: 1;
303
303
  }
304
- ._Input-radio_3pq3z_102:first-of-type {
304
+ ._Input-radio_1l5m8_102:first-of-type {
305
305
  border-bottom-left-radius: 4px;
306
306
  border-top-left-radius: 4px;
307
307
  }
308
- ._Input-radio_3pq3z_102:first-of-type ._Input-radioInner_3pq3z_119 {
308
+ ._Input-radio_1l5m8_102:first-of-type ._Input-radioInner_1l5m8_119 {
309
309
  border-bottom-left-radius: 3px;
310
310
  border-top-left-radius: 3px;
311
311
  }
312
- ._Input-radio_3pq3z_102:last-of-type {
312
+ ._Input-radio_1l5m8_102:last-of-type {
313
313
  border-bottom-right-radius: 4px;
314
314
  border-right: 0;
315
315
  border-top-right-radius: 4px;
316
316
  }
317
- ._Input-radio_3pq3z_102:last-of-type ._Input-radioInner_3pq3z_119 {
317
+ ._Input-radio_1l5m8_102:last-of-type ._Input-radioInner_1l5m8_119 {
318
318
  border-bottom-right-radius: 3px;
319
319
  border-top-right-radius: 3px;
320
320
  }
321
- ._Input-radioInner_3pq3z_119 {
321
+ ._Input-radioInner_1l5m8_119 {
322
322
  background-color: var(--puck-color-white);
323
323
  color: var(--puck-color-grey-04);
324
324
  cursor: pointer;
@@ -327,32 +327,32 @@ select._Input-input_3pq3z_47 {
327
327
  text-align: center;
328
328
  transition: background-color 50ms ease-in;
329
329
  }
330
- ._Input-radio_3pq3z_102:has(:focus-visible) {
330
+ ._Input-radio_1l5m8_102:has(:focus-visible) {
331
331
  outline: 2px solid var(--puck-color-azure-05);
332
332
  outline-offset: 2px;
333
333
  position: relative;
334
334
  }
335
335
  @media (hover: hover) and (pointer: fine) {
336
- ._Input-radioInner_3pq3z_119:hover {
336
+ ._Input-radioInner_1l5m8_119:hover {
337
337
  background-color: var(--puck-color-azure-12);
338
338
  transition: none;
339
339
  }
340
340
  }
341
- ._Input--readOnly_3pq3z_91 ._Input-radioInner_3pq3z_119 {
341
+ ._Input--readOnly_1l5m8_91 ._Input-radioInner_1l5m8_119 {
342
342
  background-color: var(--puck-color-white);
343
343
  color: var(--puck-color-grey-04);
344
344
  cursor: default;
345
345
  }
346
- ._Input-radio_3pq3z_102 ._Input-radioInput_3pq3z_164:checked ~ ._Input-radioInner_3pq3z_119 {
346
+ ._Input-radio_1l5m8_102 ._Input-radioInput_1l5m8_164:checked ~ ._Input-radioInner_1l5m8_119 {
347
347
  background-color: var(--puck-color-azure-11);
348
348
  color: var(--puck-color-azure-04);
349
349
  font-weight: 500;
350
350
  }
351
- ._Input--readOnly_3pq3z_91 ._Input-radioInput_3pq3z_164:checked ~ ._Input-radioInner_3pq3z_119 {
351
+ ._Input--readOnly_1l5m8_91 ._Input-radioInput_1l5m8_164:checked ~ ._Input-radioInner_1l5m8_119 {
352
352
  background-color: var(--puck-color-grey-11);
353
353
  color: var(--puck-color-grey-04);
354
354
  }
355
- ._Input-radio_3pq3z_102 ._Input-radioInput_3pq3z_164 {
355
+ ._Input-radio_1l5m8_102 ._Input-radioInput_1l5m8_164 {
356
356
  clip: rect(0 0 0 0);
357
357
  clip-path: inset(100%);
358
358
  height: 1px;
@@ -361,7 +361,7 @@ select._Input-input_3pq3z_47 {
361
361
  white-space: nowrap;
362
362
  width: 1px;
363
363
  }
364
- textarea._Input-input_3pq3z_47 {
364
+ textarea._Input-input_1l5m8_47 {
365
365
  margin-bottom: -4px;
366
366
  }
367
367
 
@@ -607,10 +607,10 @@ textarea._Input-input_3pq3z_47 {
607
607
  }
608
608
 
609
609
  /* css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css/#css-module-data */
610
- ._ExternalInput-actions_wprq3_1 {
610
+ ._ExternalInput-actions_8wgzm_1 {
611
611
  display: flex;
612
612
  }
613
- ._ExternalInput-button_wprq3_5 {
613
+ ._ExternalInput-button_8wgzm_5 {
614
614
  display: flex;
615
615
  gap: 8px;
616
616
  align-items: center;
@@ -628,16 +628,16 @@ textarea._Input-input_3pq3z_47 {
628
628
  overflow: hidden;
629
629
  flex-grow: 1;
630
630
  }
631
- ._ExternalInput--dataSelected_wprq3_24 ._ExternalInput-button_wprq3_5 {
631
+ ._ExternalInput--dataSelected_8wgzm_24 ._ExternalInput-button_8wgzm_5 {
632
632
  color: var(--puck-color-grey-03);
633
633
  display: block;
634
634
  border-top-right-radius: 0px;
635
635
  border-bottom-right-radius: 0px;
636
636
  }
637
- ._ExternalInput--readOnly_wprq3_31 ._ExternalInput-button_wprq3_5 {
637
+ ._ExternalInput--readOnly_8wgzm_31 ._ExternalInput-button_8wgzm_5 {
638
638
  background-color: var(--puck-color-grey-11);
639
639
  }
640
- ._ExternalInput-detachButton_wprq3_35 {
640
+ ._ExternalInput-detachButton_8wgzm_35 {
641
641
  border: 1px solid var(--puck-color-grey-09);
642
642
  border-top-right-radius: 4px;
643
643
  border-bottom-right-radius: 4px;
@@ -652,28 +652,28 @@ textarea._Input-input_3pq3z_47 {
652
652
  transition: background-color 50ms ease-in, color 50ms ease-in;
653
653
  margin-left: -1px;
654
654
  }
655
- ._ExternalInput-button_wprq3_5:focus-visible,
656
- ._ExternalInput-detachButton_wprq3_35:focus-visible {
655
+ ._ExternalInput-button_8wgzm_5:focus-visible,
656
+ ._ExternalInput-detachButton_8wgzm_35:focus-visible {
657
657
  outline: 2px solid var(--puck-color-azure-05);
658
658
  outline-offset: 2px;
659
659
  z-index: 1;
660
660
  }
661
661
  @media (hover: hover) and (pointer: fine) {
662
- ._ExternalInput_wprq3_1:not(._ExternalInput--readOnly_wprq3_31) ._ExternalInput-button_wprq3_5:hover,
663
- ._ExternalInput_wprq3_1:not(._ExternalInput--readOnly_wprq3_31) ._ExternalInput-detachButton_wprq3_35:hover {
662
+ ._ExternalInput_8wgzm_1:not(._ExternalInput--readOnly_8wgzm_31) ._ExternalInput-button_8wgzm_5:hover,
663
+ ._ExternalInput_8wgzm_1:not(._ExternalInput--readOnly_8wgzm_31) ._ExternalInput-detachButton_8wgzm_35:hover {
664
664
  background: var(--puck-color-azure-12);
665
665
  transition: none;
666
666
  }
667
- ._ExternalInput_wprq3_1:not(._ExternalInput--readOnly_wprq3_31) ._ExternalInput-detachButton_wprq3_35:hover {
667
+ ._ExternalInput_8wgzm_1:not(._ExternalInput--readOnly_8wgzm_31) ._ExternalInput-detachButton_8wgzm_35:hover {
668
668
  color: var(--puck-color-azure-04);
669
669
  }
670
670
  }
671
- ._ExternalInput_wprq3_1:not(._ExternalInput--readOnly_wprq3_31) ._ExternalInput-button_wprq3_5:active,
672
- ._ExternalInput_wprq3_1:not(._ExternalInput--readOnly_wprq3_31) ._ExternalInput-detachButton_wprq3_35:active {
671
+ ._ExternalInput_8wgzm_1:not(._ExternalInput--readOnly_8wgzm_31) ._ExternalInput-button_8wgzm_5:active,
672
+ ._ExternalInput_8wgzm_1:not(._ExternalInput--readOnly_8wgzm_31) ._ExternalInput-detachButton_8wgzm_35:active {
673
673
  background: var(--puck-color-azure-11);
674
674
  transition: none;
675
675
  }
676
- ._ExternalInputModal_wprq3_79 {
676
+ ._ExternalInputModal_8wgzm_79 {
677
677
  color: var(--puck-color-black);
678
678
  display: grid;
679
679
  grid-template-rows: min-content minmax(128px, 100%) min-content;
@@ -682,35 +682,35 @@ textarea._Input-input_3pq3z_47 {
682
682
  min-height: 50dvh;
683
683
  max-height: 90dvh;
684
684
  }
685
- ._ExternalInputModal-grid_wprq3_89 {
685
+ ._ExternalInputModal-grid_8wgzm_89 {
686
686
  display: flex;
687
687
  flex-direction: column;
688
688
  }
689
689
  @media (min-width: 458px) {
690
- ._ExternalInputModal-grid_wprq3_89 {
690
+ ._ExternalInputModal-grid_8wgzm_89 {
691
691
  display: grid;
692
692
  grid-template-columns: 100%;
693
693
  }
694
- ._ExternalInputModal--filtersToggled_wprq3_100 ._ExternalInputModal-grid_wprq3_89 {
694
+ ._ExternalInputModal--filtersToggled_8wgzm_100 ._ExternalInputModal-grid_8wgzm_89 {
695
695
  grid-template-columns: 25% 75%;
696
696
  }
697
697
  }
698
- ._ExternalInputModal-filters_wprq3_105 {
698
+ ._ExternalInputModal-filters_8wgzm_105 {
699
699
  border-bottom: 1px solid var(--puck-color-grey-09);
700
700
  }
701
- ._ExternalInputModal--filtersToggled_wprq3_100 ._ExternalInputModal-filters_wprq3_105 {
701
+ ._ExternalInputModal--filtersToggled_8wgzm_100 ._ExternalInputModal-filters_8wgzm_105 {
702
702
  display: none;
703
703
  }
704
704
  @media (min-width: 458px) {
705
- ._ExternalInputModal-filters_wprq3_105 {
705
+ ._ExternalInputModal-filters_8wgzm_105 {
706
706
  border-right: 1px solid var(--puck-color-grey-09);
707
707
  display: none;
708
708
  }
709
- ._ExternalInputModal--filtersToggled_wprq3_100 ._ExternalInputModal-filters_wprq3_105 {
709
+ ._ExternalInputModal--filtersToggled_8wgzm_100 ._ExternalInputModal-filters_8wgzm_105 {
710
710
  display: block;
711
711
  }
712
712
  }
713
- ._ExternalInputModal-masthead_wprq3_124 {
713
+ ._ExternalInputModal-masthead_8wgzm_124 {
714
714
  background-color: var(--puck-color-grey-12);
715
715
  border-bottom: 1px solid var(--puck-color-grey-09);
716
716
  display: flex;
@@ -718,13 +718,13 @@ textarea._Input-input_3pq3z_47 {
718
718
  gap: 24px;
719
719
  padding: 24px;
720
720
  }
721
- ._ExternalInputModal-tableWrapper_wprq3_133 {
721
+ ._ExternalInputModal-tableWrapper_8wgzm_133 {
722
722
  position: relative;
723
723
  overflow-x: auto;
724
724
  overflow-y: auto;
725
725
  flex-grow: 1;
726
726
  }
727
- ._ExternalInputModal-table_wprq3_133 {
727
+ ._ExternalInputModal-table_8wgzm_133 {
728
728
  border-collapse: unset;
729
729
  border-spacing: 0px;
730
730
  color: var(--puck-color-grey-02);
@@ -732,51 +732,51 @@ textarea._Input-input_3pq3z_47 {
732
732
  z-index: 0;
733
733
  min-width: 100%;
734
734
  }
735
- ._ExternalInputModal-thead_wprq3_149 {
735
+ ._ExternalInputModal-thead_8wgzm_149 {
736
736
  background-color: var(--puck-color-white);
737
737
  position: sticky;
738
738
  top: 0;
739
739
  z-index: 1;
740
740
  }
741
- ._ExternalInputModal-th_wprq3_149 {
741
+ ._ExternalInputModal-th_8wgzm_149 {
742
742
  border-bottom: 1px solid var(--puck-color-grey-09);
743
743
  color: var(--puck-color-grey-04);
744
744
  font-weight: 500;
745
745
  font-size: 14px;
746
746
  padding: 16px 24px;
747
747
  }
748
- ._ExternalInputModal-td_wprq3_164 {
748
+ ._ExternalInputModal-td_8wgzm_164 {
749
749
  border-bottom: 1px solid var(--puck-color-grey-10);
750
750
  padding: 16px 24px;
751
751
  }
752
- ._ExternalInputModal-tr_wprq3_169 ._ExternalInputModal-td_wprq3_164:first-of-type {
752
+ ._ExternalInputModal-tr_8wgzm_169 ._ExternalInputModal-td_8wgzm_164:first-of-type {
753
753
  font-weight: 500;
754
754
  width: 1%;
755
755
  white-space: nowrap;
756
756
  }
757
757
  @media (hover: hover) and (pointer: fine) {
758
- ._ExternalInputModal-tbody_wprq3_176 ._ExternalInputModal-tr_wprq3_169:hover {
758
+ ._ExternalInputModal-tbody_8wgzm_176 ._ExternalInputModal-tr_8wgzm_169:hover {
759
759
  background: var(--puck-color-azure-12);
760
760
  color: var(--puck-color-azure-04);
761
761
  cursor: pointer;
762
762
  position: relative;
763
763
  margin-left: -5px;
764
764
  }
765
- ._ExternalInputModal-tbody_wprq3_176 ._ExternalInputModal-tr_wprq3_169:hover ._ExternalInputModal-td_wprq3_164:first-of-type {
765
+ ._ExternalInputModal-tbody_8wgzm_176 ._ExternalInputModal-tr_8wgzm_169:hover ._ExternalInputModal-td_8wgzm_164:first-of-type {
766
766
  border-left: 4px solid var(--puck-color-azure-04);
767
767
  padding-left: 20px;
768
768
  }
769
769
  }
770
- ._ExternalInputModal-tbody_wprq3_176 ._ExternalInputModal-tr_wprq3_169:last-of-type ._ExternalInputModal-td_wprq3_164 {
770
+ ._ExternalInputModal-tbody_8wgzm_176 ._ExternalInputModal-tr_8wgzm_169:last-of-type ._ExternalInputModal-td_8wgzm_164 {
771
771
  border-bottom: none;
772
772
  }
773
- ._ExternalInputModal-tableWrapper_wprq3_133 {
773
+ ._ExternalInputModal-tableWrapper_8wgzm_133 {
774
774
  display: none;
775
775
  }
776
- ._ExternalInputModal--hasData_wprq3_202 ._ExternalInputModal-tableWrapper_wprq3_133 {
776
+ ._ExternalInputModal--hasData_8wgzm_202 ._ExternalInputModal-tableWrapper_8wgzm_133 {
777
777
  display: block;
778
778
  }
779
- ._ExternalInputModal-loadingBanner_wprq3_206 {
779
+ ._ExternalInputModal-loadingBanner_8wgzm_206 {
780
780
  display: none;
781
781
  background-color: color-mix(in srgb, var(--puck-color-white) 90%, transparent);
782
782
  padding: 64px;
@@ -788,21 +788,21 @@ textarea._Input-input_3pq3z_47 {
788
788
  right: 0;
789
789
  bottom: 0;
790
790
  }
791
- ._ExternalInputModal--isLoading_wprq3_223 ._ExternalInputModal-loadingBanner_wprq3_206 {
791
+ ._ExternalInputModal--isLoading_8wgzm_223 ._ExternalInputModal-loadingBanner_8wgzm_206 {
792
792
  display: flex;
793
793
  }
794
- ._ExternalInputModal-searchForm_wprq3_227 {
794
+ ._ExternalInputModal-searchForm_8wgzm_227 {
795
795
  display: flex;
796
796
  flex-wrap: wrap;
797
797
  gap: 12px;
798
798
  flex-grow: 1;
799
799
  }
800
800
  @media (min-width: 458px) {
801
- ._ExternalInputModal-searchForm_wprq3_227 {
801
+ ._ExternalInputModal-searchForm_8wgzm_227 {
802
802
  flex-wrap: nowrap;
803
803
  }
804
804
  }
805
- ._ExternalInputModal-search_wprq3_227 {
805
+ ._ExternalInputModal-search_8wgzm_227 {
806
806
  display: flex;
807
807
  background: var(--puck-color-white);
808
808
  border-width: 1px;
@@ -812,18 +812,18 @@ textarea._Input-input_3pq3z_47 {
812
812
  flex-grow: 1;
813
813
  transition: border-color 50ms ease-in;
814
814
  }
815
- ._ExternalInputModal-search_wprq3_227:focus-within {
815
+ ._ExternalInputModal-search_8wgzm_227:focus-within {
816
816
  border-color: var(--puck-color-grey-05);
817
817
  outline: 2px solid var(--puck-color-azure-05);
818
818
  transition: none;
819
819
  }
820
820
  @media (hover: hover) and (pointer: fine) {
821
- ._ExternalInputModal-search_wprq3_227:hover {
821
+ ._ExternalInputModal-search_8wgzm_227:hover {
822
822
  border-color: var(--puck-color-grey-05);
823
823
  transition: none;
824
824
  }
825
825
  }
826
- ._ExternalInputModal-searchIcon_wprq3_264 {
826
+ ._ExternalInputModal-searchIcon_8wgzm_264 {
827
827
  align-items: center;
828
828
  background: var(--puck-color-grey-12);
829
829
  border-bottom-left-radius: 4px;
@@ -835,17 +835,17 @@ textarea._Input-input_3pq3z_47 {
835
835
  padding: 12px 15px;
836
836
  transition: color 50ms ease-in;
837
837
  }
838
- ._ExternalInputModal-search_wprq3_227:focus-within ._ExternalInputModal-searchIcon_wprq3_264 {
838
+ ._ExternalInputModal-search_8wgzm_227:focus-within ._ExternalInputModal-searchIcon_8wgzm_264 {
839
839
  color: var(--puck-color-grey-04);
840
840
  transition: none;
841
841
  }
842
842
  @media (hover: hover) and (pointer: fine) {
843
- ._ExternalInputModal-search_wprq3_227:hover ._ExternalInputModal-searchIcon_wprq3_264 {
843
+ ._ExternalInputModal-search_8wgzm_227:hover ._ExternalInputModal-searchIcon_8wgzm_264 {
844
844
  color: var(--puck-color-grey-04);
845
845
  transition: none;
846
846
  }
847
847
  }
848
- ._ExternalInputModal-searchIconText_wprq3_289 {
848
+ ._ExternalInputModal-searchIconText_8wgzm_289 {
849
849
  clip: rect(0 0 0 0);
850
850
  clip-path: inset(100%);
851
851
  height: 1px;
@@ -854,7 +854,7 @@ textarea._Input-input_3pq3z_47 {
854
854
  white-space: nowrap;
855
855
  width: 1px;
856
856
  }
857
- ._ExternalInputModal-searchInput_wprq3_299 {
857
+ ._ExternalInputModal-searchInput_8wgzm_299 {
858
858
  border: none;
859
859
  border-radius: 4px;
860
860
  background: var(--puck-color-white);
@@ -863,30 +863,32 @@ textarea._Input-input_3pq3z_47 {
863
863
  padding: 12px 15px;
864
864
  width: 100%;
865
865
  }
866
- ._ExternalInputModal-searchInput_wprq3_299:focus {
866
+ ._ExternalInputModal-searchInput_8wgzm_299:focus {
867
867
  outline: 0;
868
868
  }
869
- ._ExternalInputModal-searchActions_wprq3_313 {
869
+ ._ExternalInputModal-searchActions_8wgzm_313 {
870
870
  display: flex;
871
871
  gap: 8px;
872
872
  height: 44px;
873
873
  width: 100%;
874
874
  }
875
875
  @media (min-width: 458px) {
876
- ._ExternalInputModal-searchActions_wprq3_313 {
876
+ ._ExternalInputModal-searchActions_8wgzm_313 {
877
877
  width: auto;
878
878
  }
879
879
  }
880
- ._ExternalInputModal-searchActionIcon_wprq3_326 {
880
+ ._ExternalInputModal-searchActionIcon_8wgzm_326 {
881
881
  align-self: center;
882
882
  }
883
- ._ExternalInputModal-footer_wprq3_330 {
883
+ ._ExternalInputModal-footerContainer_8wgzm_330 {
884
884
  background-color: var(--puck-color-grey-12);
885
885
  border-top: 1px solid var(--puck-color-grey-09);
886
886
  color: var(--puck-color-grey-04);
887
+ padding: 16px;
888
+ }
889
+ ._ExternalInputModal-footer_8wgzm_330 {
887
890
  font-weight: 500;
888
891
  font-size: 14px;
889
- padding: 16px;
890
892
  text-align: right;
891
893
  }
892
894
 
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
- import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-BoWgijLi.mjs';
2
- export { L as Adaptor, J as ArrayField, r as ArrayState, a2 as AsFieldProps, B as BaseData, y as BaseField, t as ComponentConfig, w as ComponentData, x as Content, X as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, W as ExternalField, Q as ExternalFieldWithAdaptor, p as FieldRenderFunctions, Y as Fields, q as ItemWithId, M as MappedItem, N as NumberField, K as ObjectField, n as OverrideKey, s as PuckComponent, Z as PuckContext, G as RadioField, v as RootData, R as RootDataWithProps, u as RootDataWithoutProps, S as SelectField, T as TextField, z as TextareaField, m as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, o as overrideKeys, a4 as resolveAllData } from './resolve-all-data-BoWgijLi.mjs';
1
+ import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-C7aAQCY3.mjs';
2
+ export { L as Adaptor, J as ArrayField, r as ArrayState, a2 as AsFieldProps, B as BaseData, y as BaseField, t as ComponentConfig, w as ComponentData, x as Content, X as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, W as ExternalField, Q as ExternalFieldWithAdaptor, p as FieldRenderFunctions, Y as Fields, q as ItemWithId, M as MappedItem, N as NumberField, K as ObjectField, n as OverrideKey, s as PuckComponent, Z as PuckContext, G as RadioField, v as RootData, R as RootDataWithProps, u as RootDataWithoutProps, S as SelectField, T as TextField, z as TextareaField, m as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, o as overrideKeys, a4 as resolveAllData } from './resolve-all-data-C7aAQCY3.mjs';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-BoWgijLi.js';
2
- export { L as Adaptor, J as ArrayField, r as ArrayState, a2 as AsFieldProps, B as BaseData, y as BaseField, t as ComponentConfig, w as ComponentData, x as Content, X as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, W as ExternalField, Q as ExternalFieldWithAdaptor, p as FieldRenderFunctions, Y as Fields, q as ItemWithId, M as MappedItem, N as NumberField, K as ObjectField, n as OverrideKey, s as PuckComponent, Z as PuckContext, G as RadioField, v as RootData, R as RootDataWithProps, u as RootDataWithoutProps, S as SelectField, T as TextField, z as TextareaField, m as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, o as overrideKeys, a4 as resolveAllData } from './resolve-all-data-BoWgijLi.js';
1
+ import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-C7aAQCY3.js';
2
+ export { L as Adaptor, J as ArrayField, r as ArrayState, a2 as AsFieldProps, B as BaseData, y as BaseField, t as ComponentConfig, w as ComponentData, x as Content, X as CustomField, $ as DefaultRootProps, _ as DefaultRootRenderProps, W as ExternalField, Q as ExternalFieldWithAdaptor, p as FieldRenderFunctions, Y as Fields, q as ItemWithId, M as MappedItem, N as NumberField, K as ObjectField, n as OverrideKey, s as PuckComponent, Z as PuckContext, G as RadioField, v as RootData, R as RootDataWithProps, u as RootDataWithoutProps, S as SelectField, T as TextField, z as TextareaField, m as Viewport, a3 as WithChildren, a0 as WithId, a1 as WithPuckProps, o as overrideKeys, a4 as resolveAllData } from './resolve-all-data-C7aAQCY3.js';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import { ReactNode, SyntheticEvent, ReactElement, CSSProperties } from 'react';