@measured/puck 0.17.0-canary.8ea38c3 → 0.17.0-canary.9991c07

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 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-CaVk1fIL.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-CaVk1fIL.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-CaVk1fIL.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-CaVk1fIL.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';