payload 0.20.7-beta.0 → 0.20.10-beta.0

package/CHANGELOG.md

@@ -1,10 +1,18 @@
-## [0.20.7-beta.0](https://github.com/payloadcms/payload/compare/v0.19.2...v0.20.7-beta.0) (2022-07-16)
+## [0.20.10-beta.0](https://github.com/payloadcms/payload/compare/v0.20.1...v0.20.10-beta.0) (2022-07-17)
 
 
 ### Bug Fixes
 
 * bug with base colors ([4bb0d39](https://github.com/payloadcms/payload/commit/4bb0d3994f630a6111f18ab6a1a2e9a9a83d2a98))
+* bug with version diff screen when arrays have no labels ([6060e4c](https://github.com/payloadcms/payload/commit/6060e4cb274f68e56cfbc9ed434e8bdb8817c20b))
+* ensures blocks can be nested within tabs / rows / collapsibles ([2707af1](https://github.com/payloadcms/payload/commit/2707af1d45d3234ba6e495bf9e0eb0d0f43f866a))
+* ensures column selector renders active columns properly ([6347a2f](https://github.com/payloadcms/payload/commit/6347a2febfef5023004e39d799898748844b74e7))
 * ensures duplicated rows have properly created ids ([3ae1c26](https://github.com/payloadcms/payload/commit/3ae1c26a074c74585162a9938e67e3c7bcc087fa))
+* ensures passing partial data to update works when fields are localized ([39d075b](https://github.com/payloadcms/payload/commit/39d075b9998e51d462b2207a1bbfc0326a7eb46a))
+* ensures point field doesn't interrupt version creation ([2ef8a1e](https://github.com/payloadcms/payload/commit/2ef8a1e35a9ecd67d7d809fb446f3549a347a930))
+* ensures success pills are properly colored ([7376246](https://github.com/payloadcms/payload/commit/73762465925ab27c8e0282d41760bfac6e52ce8e))
+* styles empty version diff row for dark mode ([e7d2bdb](https://github.com/payloadcms/payload/commit/e7d2bdb45a042d69ef3adc40c1b10e065a0620ec))
+* tabs top margin ([dd810a3](https://github.com/payloadcms/payload/commit/dd810a35933925f789712be2a805c90ae30f4cc0))
 * upload e2e file path ([a664b62](https://github.com/payloadcms/payload/commit/a664b627f67207f520b16b705017c72838039f64))
 
 
@@ -12,65 +20,38 @@
 
 * add card ids ([baf4664](https://github.com/payloadcms/payload/commit/baf46640737d8aca6fead1568ba15f11769a76f2))
 * adds collapsible field type ([98676be](https://github.com/payloadcms/payload/commit/98676bea69a37c6521dea1dfafa4c4a9967efc1e))
+* adds uploads collection for testing to /fields tests ([1812be2](https://github.com/payloadcms/payload/commit/1812be2e161b31fd6021fdfc8343c78001b4de28))
+* allow clear select value ([#735](https://github.com/payloadcms/payload/issues/735)) ([3132d35](https://github.com/payloadcms/payload/commit/3132d35e27f3c1037aeb3d1801e13df2e992e98b))
+* avoids forcing fonts to be inline within webpack builds ([eac9823](https://github.com/payloadcms/payload/commit/eac982398e8f51d1e5aa9ba1eca0094450ac4210))
 * e2e test upload ([#755](https://github.com/payloadcms/payload/issues/755)) ([1160093](https://github.com/payloadcms/payload/commit/11600930b78dbae50fd093529b727101d83561fa))
+* ensures groups within blocks render properly ([3a98c6a](https://github.com/payloadcms/payload/commit/3a98c6ad531c86ec7a3a4163650068a157d56746))
 * ensures nested fields not affecting data can be traversed properly ([3b9fdf3](https://github.com/payloadcms/payload/commit/3b9fdf3ffdc49ff9a2c0e56f5438810c5f397f86))
 * ensures tabs and collapsibles render in version diff ([54162b5](https://github.com/payloadcms/payload/commit/54162b52cc8211e100d4ad901339b7982666389c))
+* expands rich text field config for better coverage ([d8a28ac](https://github.com/payloadcms/payload/commit/d8a28acfa8ee975f9ea662ed9ad4fe2bc22b423f))
 * finishes block field ([41a0ba5](https://github.com/payloadcms/payload/commit/41a0ba57805b4b06e5310659263ee59ae0828f34))
 * finishes collapsible field ([60bfb1c](https://github.com/payloadcms/payload/commit/60bfb1c3b801c89de055d11cee50a1b51e864b7b))
 * finishes tabs field ([68e7c41](https://github.com/payloadcms/payload/commit/68e7c41fdc07df04dcc3caaf486d2d596354039d))
 * initializes useField internalValue with incoming field value ([c995f79](https://github.com/payloadcms/payload/commit/c995f797fec76e78eafb323cdf4219caebdfa6c7))
+* merges select isClearable ([a6a9ab1](https://github.com/payloadcms/payload/commit/a6a9ab15b72ca5f3ed107cfbc81638b5e35ea932))
 * more maintainable colors ([5fc4f3a](https://github.com/payloadcms/payload/commit/5fc4f3adadc8f7ec3eaf99021dccf7060926c7f1))
 * only renders arrays and blocks once they are initialized ([735e385](https://github.com/payloadcms/payload/commit/735e385537a505db00b21b2567f829bcb1718c3c))
 * point field int test ([c75c67e](https://github.com/payloadcms/payload/commit/c75c67ec86bc5ff42d4965631d7f7e80fb01cb1f))
 * refactors z index methodology ([2fa680c](https://github.com/payloadcms/payload/commit/2fa680cdf8daeff42ac0724d895e8c4130ade725))
 * remove duplication of config in tests ([40b6aff](https://github.com/payloadcms/payload/commit/40b6afff2d1a5f263eae4da5fe477a0fd738b701))
+* remove files test helper ([bb9f28f](https://github.com/payloadcms/payload/commit/bb9f28fb0871a525e4b8cc24b14a71ac02d8996d))
 * reorganizes mongo connection ([8589fde](https://github.com/payloadcms/payload/commit/8589fdefdad4856f4d642c2d9ed8d6ca815c81f6))
 * restores built-in fields into table column builder ([7a6f239](https://github.com/payloadcms/payload/commit/7a6f2392fa63532a8556ec0dc0e1186057291fea))
 * retrofits array to new collapsible component ([aa89251](https://github.com/payloadcms/payload/commit/aa89251a3b6990460ac03e0a33d9aab3ceeadd9d))
 * revises e2e field testing ([31ca363](https://github.com/payloadcms/payload/commit/31ca3639828ddf572033023bd6a350f5b4a2eb9a))
 * scaffolds tabs field ([85b7a49](https://github.com/payloadcms/payload/commit/85b7a490eb6fa53424986d78b893284096c040d4))
 * styles nested groups and adds gutter back to richText ([3a17a8a](https://github.com/payloadcms/payload/commit/3a17a8a001a1aaaa52b119faf4740c50367b4049))
+* test collections rest endpoints ([cf38e8d](https://github.com/payloadcms/payload/commit/cf38e8d520226e6370b3f55e26141408375b0610))
 * testing refactor (e2e/int) ([#748](https://github.com/payloadcms/payload/issues/748)) ([90ba15f](https://github.com/payloadcms/payload/commit/90ba15f9bdf834a55861551e43c4dc55ca81565b))
 * updates block field to use new collapsible ([49d09a3](https://github.com/payloadcms/payload/commit/49d09a349fe6cdc45c429b77e9d60943b7db851f))
 * updates styling of group field ([8c4e0fa](https://github.com/payloadcms/payload/commit/8c4e0fa7b28fd68be1b20374d5d8cfaff923db11))
 * upload integration tests ([#759](https://github.com/payloadcms/payload/issues/759)) ([e75cca4](https://github.com/payloadcms/payload/commit/e75cca4512e16647b6e0371706b33ad4f486c26d))
 
-## [0.20.6-beta.0](https://github.com/payloadcms/payload/compare/v0.19.2...v0.20.6-beta.0) (2022-07-16)
-
-
-### Bug Fixes
-
-* bug with base colors ([4bb0d39](https://github.com/payloadcms/payload/commit/4bb0d3994f630a6111f18ab6a1a2e9a9a83d2a98))
-* ensures duplicated rows have properly created ids ([3ae1c26](https://github.com/payloadcms/payload/commit/3ae1c26a074c74585162a9938e67e3c7bcc087fa))
-* upload e2e file path ([a664b62](https://github.com/payloadcms/payload/commit/a664b627f67207f520b16b705017c72838039f64))
-
-
-### Features
-
-* add card ids ([baf4664](https://github.com/payloadcms/payload/commit/baf46640737d8aca6fead1568ba15f11769a76f2))
-* adds collapsible field type ([98676be](https://github.com/payloadcms/payload/commit/98676bea69a37c6521dea1dfafa4c4a9967efc1e))
-* e2e test upload ([#755](https://github.com/payloadcms/payload/issues/755)) ([1160093](https://github.com/payloadcms/payload/commit/11600930b78dbae50fd093529b727101d83561fa))
-* ensures nested fields not affecting data can be traversed properly ([3b9fdf3](https://github.com/payloadcms/payload/commit/3b9fdf3ffdc49ff9a2c0e56f5438810c5f397f86))
-* ensures tabs and collapsibles render in version diff ([54162b5](https://github.com/payloadcms/payload/commit/54162b52cc8211e100d4ad901339b7982666389c))
-* finishes block field ([41a0ba5](https://github.com/payloadcms/payload/commit/41a0ba57805b4b06e5310659263ee59ae0828f34))
-* finishes collapsible field ([60bfb1c](https://github.com/payloadcms/payload/commit/60bfb1c3b801c89de055d11cee50a1b51e864b7b))
-* finishes tabs field ([68e7c41](https://github.com/payloadcms/payload/commit/68e7c41fdc07df04dcc3caaf486d2d596354039d))
-* initializes useField internalValue with incoming field value ([c995f79](https://github.com/payloadcms/payload/commit/c995f797fec76e78eafb323cdf4219caebdfa6c7))
-* more maintainable colors ([5fc4f3a](https://github.com/payloadcms/payload/commit/5fc4f3adadc8f7ec3eaf99021dccf7060926c7f1))
-* only renders arrays and blocks once they are initialized ([735e385](https://github.com/payloadcms/payload/commit/735e385537a505db00b21b2567f829bcb1718c3c))
-* point field int test ([c75c67e](https://github.com/payloadcms/payload/commit/c75c67ec86bc5ff42d4965631d7f7e80fb01cb1f))
-* refactors z index methodology ([2fa680c](https://github.com/payloadcms/payload/commit/2fa680cdf8daeff42ac0724d895e8c4130ade725))
-* remove duplication of config in tests ([40b6aff](https://github.com/payloadcms/payload/commit/40b6afff2d1a5f263eae4da5fe477a0fd738b701))
-* reorganizes mongo connection ([8589fde](https://github.com/payloadcms/payload/commit/8589fdefdad4856f4d642c2d9ed8d6ca815c81f6))
-* restores built-in fields into table column builder ([7a6f239](https://github.com/payloadcms/payload/commit/7a6f2392fa63532a8556ec0dc0e1186057291fea))
-* retrofits array to new collapsible component ([aa89251](https://github.com/payloadcms/payload/commit/aa89251a3b6990460ac03e0a33d9aab3ceeadd9d))
-* revises e2e field testing ([31ca363](https://github.com/payloadcms/payload/commit/31ca3639828ddf572033023bd6a350f5b4a2eb9a))
-* scaffolds tabs field ([85b7a49](https://github.com/payloadcms/payload/commit/85b7a490eb6fa53424986d78b893284096c040d4))
-* styles nested groups and adds gutter back to richText ([3a17a8a](https://github.com/payloadcms/payload/commit/3a17a8a001a1aaaa52b119faf4740c50367b4049))
-* testing refactor (e2e/int) ([#748](https://github.com/payloadcms/payload/issues/748)) ([90ba15f](https://github.com/payloadcms/payload/commit/90ba15f9bdf834a55861551e43c4dc55ca81565b))
-* updates block field to use new collapsible ([49d09a3](https://github.com/payloadcms/payload/commit/49d09a349fe6cdc45c429b77e9d60943b7db851f))
-* updates styling of group field ([8c4e0fa](https://github.com/payloadcms/payload/commit/8c4e0fa7b28fd68be1b20374d5d8cfaff923db11))
-* upload integration tests ([#759](https://github.com/payloadcms/payload/issues/759)) ([e75cca4](https://github.com/payloadcms/payload/commit/e75cca4512e16647b6e0371706b33ad4f486c26d))
+## [0.20.1](https://github.com/payloadcms/payload/compare/v0.19.2...v0.20.1) (2022-07-16)
 
 ## [0.19.2](https://github.com/payloadcms/payload/compare/v0.19.1...v0.19.2) (2022-07-11)
 

package/components/styles.css

@@ -1 +1 @@
-.btn{background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer;font-size:1rem;font-weight:400;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;margin-top:1.9230769231rem;text-align:center;text-decoration:none}.btn .btn__icon{border:1px solid;border-radius:100%}.btn .btn__icon .stroke{stroke:currentColor;fill:none}.btn .btn__icon .fill{fill:currentColor}.btn--has-tooltip{position:relative}.btn .btn__tooltip{opacity:0;transform:translate(-50%,-10px);visibility:hidden}.btn .btn__content:hover .btn__tooltip{opacity:1;visibility:visible}.btn--icon-style-none .btn__icon,.btn--icon-style-without-border .btn__icon{border:none}.btn span{line-height:1.9230769231rem}.btn span,.btn svg{vertical-align:top}.btn--size-medium{padding:.9615384615rem 1.9230769231rem}.btn--size-small{padding:.4807692308rem .9615384615rem}.btn--style-primary{background-color:var(--theme-elevation-800);color:var(--theme-elevation-0)}.btn--style-primary.btn--disabled{background-color:var(--theme-elevation-400)}.btn--style-primary:not(.btn--disabled):hover{background:var(--theme-elevation-750)}.btn--style-primary:not(.btn--disabled):active{background:var(--theme-elevation-700)}.btn--style-primary:focus{box-shadow:0 0 0 2px var(--theme-success-500);outline:none}.btn--style-secondary{background:none;box-shadow:inset 0 0 0 1px var(--theme-elevation-800);color:var(--theme-elevation-800)}.btn--style-secondary:hover{background:var(--theme-elevation-100);box-shadow:inset 0 0 0 1px var(--theme-elevation-700)}.btn--style-secondary:active{background:var(--theme-elevation-200)}.btn--style-secondary.btn--disabled{background:none;box-shadow:inset 0 0 0 1px var(--theme-elevation-400);color:var(--theme-elevation-400)}.btn--style-secondary:focus{box-shadow:inset 0 0 0 1px var(--theme-elevation-700),0 0 0 2px var(--theme-success-500);outline:none}.btn--style-none{border-radius:0;margin:0;padding:0}.btn--style-none:focus{opacity:.8}.btn--style-none:active{opacity:.7}.btn--round{border-radius:100%}.btn--icon span{display:flex;justify-content:space-between}.btn--icon.btn--style-primary .icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn--icon.btn--style-primary .icon .fill{fill:var(--theme-elevation-0)}.btn--style-icon-label{font-weight:600;padding:0}.btn--style-light-gray{box-shadow:inset 0 0 0 1px var(--theme-elevation-800)}.btn--icon-position-left .btn__content{flex-direction:row-reverse}.btn--icon-position-left .btn__icon{margin-right:.9615384615rem}.btn--icon-position-right .btn__icon{margin-left:.9615384615rem}.btn--icon-only .btn__icon{margin:0;padding:0}.btn--disabled{cursor:default}.btn:hover .btn__icon{background:var(--theme-elevation-800)}.btn:hover .btn__icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn:hover .btn__icon .fill{fill:var(--theme-elevation-0)}.btn:focus{outline:none}.btn:focus .btn__icon{background:var(--theme-elevation-150)}.btn:focus .btn__icon .stroke{stroke:var(--theme-elevation-800);fill:none}.btn:focus .btn__icon .fill{fill:var(--theme-elevation-800)}.btn:active .btn__icon{background:var(--theme-elevation-700)}.btn:active .btn__icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn:active .btn__icon .fill{fill:var(--theme-elevation-0)}.icon--plus{height:1.9230769231rem;width:1.9230769231rem}.icon--plus .stroke,.icon--x line{stroke:var(--theme-elevation-800);stroke-width:1px}.icon--chevron{height:1.9230769231rem;width:1.9230769231rem}.icon--chevron .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.icon--edit{shape-rendering:auto;height:1.9230769231rem;width:1.9230769231rem}.icon--edit .fill{fill:var(--theme-elevation-800);stroke:none}.icon--swap{height:1.9230769231rem;width:1.9230769231rem}.icon--swap .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.tooltip{background-color:var(--theme-elevation-800);border-radius:2px;bottom:100%;color:var(--theme-elevation-0);font-weight:400;line-height:1.4423076923rem;padding:.3846153846rem .7692307692rem;transform:translate3d(-50%,-20%,0);white-space:nowrap;z-index:2}.tooltip,.tooltip span{left:50%;position:absolute}.tooltip span{border:10px solid transparent;border-top:10px solid var(--theme-elevation-800);height:0;top:calc(100% - .12019rem);transform:translateX(-50%);width:0}.popup{position:relative}.popup__content{background:var(--theme-input-bg);display:none;max-width:calc(100vw - 1.92308rem);position:absolute;z-index:var(--z-popup)}.popup__content:after{border:12px solid transparent;border-top:12px solid var(--theme-input-bg);content:" ";position:absolute;top:calc(100% - 1px)}.popup__wrap{overflow:hidden}.popup__scroll{overflow-y:auto;padding:1.9230769231rem;padding-right:calc(var(--scrollbar-width) + 1.92308rem);white-space:nowrap;width:calc(100% + var(--scrollbar-width))}.popup:active,.popup:focus{outline:none}.popup--size-small .popup__scroll{padding:1.4423076923rem calc(var(--scrollbar-width) + 1.44231rem) 1.4423076923rem 1.4423076923rem}.popup--size-small .popup__content{box-shadow:0 0 30px 0 rgba(0,2,4,.12),0 30px 25px -8px rgba(0,2,4,.1)}.popup--size-small.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--size-small.popup--h-align-left .popup__content:after{left:.8173076923rem}.popup--size-large .popup__content{box-shadow:0 20px 35px -10px rgba(0,2,4,.2),0 6px 4px -4px rgba(0,2,4,.02)}.popup--size-large .popup__scroll{padding:2.8846153846rem calc(var(--scrollbar-width) + 2.88462rem) 1.9230769231rem 2.8846153846rem}.popup--size-wide .popup__content{box-shadow:0 0 30px 0 rgba(0,2,4,.12),0 30px 25px -8px rgba(0,2,4,.1)}.popup--size-wide .popup__content:after{border:12px solid transparent;border-top:12px solid var(--theme-input-bg)}.popup--size-wide .popup__scroll{padding:.4807692308rem .9615384615rem}.popup--size-wide.popup--align-left .popup__content{left:-.9615384615rem}.popup--size-wide.popup--align-left .popup__content:after{left:.8173076923rem}.popup--h-align-left .popup__content{left:-3.3653846154rem}.popup--h-align-left .popup__content:after{left:3.3653846154rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(-50%)}.popup--h-align-right .popup__content{right:-3.3653846154rem}.popup--h-align-right .popup__content:after{right:3.3653846154rem}.popup--v-align-top .popup__content{bottom:calc(100% + 1.92308rem)}.popup--v-align-bottom .popup__content{box-shadow:0 -2px 20px 7px rgba(0,2,4,.1),0 6px 4px -4px rgba(0,2,4,.02);top:calc(100% + .96154rem)}.popup--v-align-bottom .popup__content:after{border-bottom-color:var(--theme-input-bg);border-top-color:transparent!important;bottom:calc(100% - 1px);top:auto}.popup--v-align-bottom.popup--color-dark .popup__content:after{border-bottom-color:var(--theme-elevation-800)}.popup--color-dark .popup__content{background:var(--theme-elevation-800);color:var(--theme-input-bg)}.popup--color-dark .popup__content:after{border-top-color:var(--theme-elevation-800)}.popup--active .popup__content{display:block}@media(max-width:1024px){.popup--size-large .popup__scroll,.popup__scroll{padding:1.4423076923rem;padding-right:calc(var(--scrollbar-width) + 1.44231rem)}.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--h-align-left .popup__content:after{left:.9615384615rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(0)}.popup--h-align-right .popup__content{right:-.9615384615rem}.popup--h-align-right .popup__content:after{right:.9615384615rem}.popup--force-h-align-left .popup__content{left:-.9615384615rem;right:auto;transform:none}.popup--force-h-align-left .popup__content:after{left:.9615384615rem;right:auto;transform:none}.popup--force-h-align-right .popup__content{left:auto;right:-.9615384615rem;transform:none}.popup--force-h-align-right .popup__content:after{left:auto;right:.9615384615rem;transform:none}}.popup-button{display:inline-flex}.banner{background:var(--theme-elevation-900);border:0;border-radius:3px;color:var(--theme-elevation-800);font-size:1rem;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;padding:.9615384615rem;vertical-align:middle}.banner--has-action{cursor:pointer;text-decoration:none}.banner--has-icon{display:flex}.banner--has-icon svg{display:block}.banner--type-default.button--has-action:hover{background:var(--theme-elevation-900)}.banner--type-default.button--has-action:active{background:var(--theme-elevation-950)}.banner--type-error{background:var(--theme-error-100);color:var(--theme-error-500)}.banner--type-error svg .stroke{stroke:var(--theme-error-500);fill:none}.banner--type-error svg .fill{fill:var(--theme-error-500)}.banner--type-error.button--has-action:hover{background:var(--theme-error-200)}.banner--type-error.button--has-action:active{background:var(--theme-error-300)}.banner--type-success{background:var(--theme-success-500)}.banner--type-success.button--has-action:active,.banner--type-success.button--has-action:hover{background:var(--theme-success-200)}.template-minimal{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;min-height:100%;padding:5.7692307692rem 1.9230769231rem;width:100%}.template-minimal--width-normal .template-minimal__wrap{max-width:500px;width:100%}.template-minimal--width-wide .template-minimal__wrap{max-width:1024px;width:100%}.icon--check{height:1.9230769231rem;width:1.9230769231rem}.icon--check .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.icon--search{height:1.9230769231rem;width:1.9230769231rem}.icon--search .stroke{stroke:var(--theme-elevation-800);stroke-width:1px}.icon--menu .fill{fill:var(--theme-text)}.pill{background:var(--theme-elevation-150);border:0;border-radius:3px;color:var(--theme-elevation-800);cursor:default;display:inline-flex;font-size:1rem;line-height:1.9230769231rem;overflow:hidden;padding:0 .4807692308rem 0 .6490384615rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.pill:active,.pill:focus{outline:none}.pill--has-action{cursor:pointer;text-decoration:none}.pill--has-icon svg{display:block}.pill--align-icon-left{padding-left:.2403846154rem}.pill--align-icon-right{padding-right:.2403846154rem}.pill--style-white{background:var(--theme-elevation-0)}.pill--style-light-gray,.pill--style-light.pill--has-action:active,.pill--style-light.pill--has-action:hover,.pill--style-white.pill--has-action:active,.pill--style-white.pill--has-action:hover{background:var(--theme-elevation-100)}.pill--style-light-gray{color:var(--theme-elevation-800)}.pill--style-warning{background:var(--theme-warning-500)}.pill--style-success{background:var(--theme-success-500)}.pill--style-dark{background:var(--theme-elevation-800);color:var(--theme-elevation-0)}.pill--style-dark svg .stroke{stroke:var(--theme-elevation-0);fill:none}.pill--style-dark svg .fill{fill:var(--theme-elevation-0)}.pill--style-dark.pill--has-action:hover{background:var(--theme-elevation-750)}.pill--style-dark.pill--has-action:active{background:var(--theme-elevation-700)}
+.btn{background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer;font-size:1rem;font-weight:400;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;margin-top:1.9230769231rem;text-align:center;text-decoration:none}.btn .btn__icon{border:1px solid;border-radius:100%}.btn .btn__icon .stroke{stroke:currentColor;fill:none}.btn .btn__icon .fill{fill:currentColor}.btn--has-tooltip{position:relative}.btn .btn__tooltip{opacity:0;transform:translate(-50%,-10px);visibility:hidden}.btn .btn__content:hover .btn__tooltip{opacity:1;visibility:visible}.btn--icon-style-none .btn__icon,.btn--icon-style-without-border .btn__icon{border:none}.btn span{line-height:1.9230769231rem}.btn span,.btn svg{vertical-align:top}.btn--size-medium{padding:.9615384615rem 1.9230769231rem}.btn--size-small{padding:.4807692308rem .9615384615rem}.btn--style-primary{background-color:var(--theme-elevation-800);color:var(--theme-elevation-0)}.btn--style-primary.btn--disabled{background-color:var(--theme-elevation-400)}.btn--style-primary:not(.btn--disabled):hover{background:var(--theme-elevation-750)}.btn--style-primary:not(.btn--disabled):active{background:var(--theme-elevation-700)}.btn--style-primary:focus{box-shadow:0 0 0 2px var(--theme-success-500);outline:none}.btn--style-secondary{background:none;box-shadow:inset 0 0 0 1px var(--theme-elevation-800);color:var(--theme-elevation-800)}.btn--style-secondary:hover{background:var(--theme-elevation-100);box-shadow:inset 0 0 0 1px var(--theme-elevation-700)}.btn--style-secondary:active{background:var(--theme-elevation-200)}.btn--style-secondary.btn--disabled{background:none;box-shadow:inset 0 0 0 1px var(--theme-elevation-400);color:var(--theme-elevation-400)}.btn--style-secondary:focus{box-shadow:inset 0 0 0 1px var(--theme-elevation-700),0 0 0 2px var(--theme-success-500);outline:none}.btn--style-none{border-radius:0;margin:0;padding:0}.btn--style-none:focus{opacity:.8}.btn--style-none:active{opacity:.7}.btn--round{border-radius:100%}.btn--icon span{display:flex;justify-content:space-between}.btn--icon.btn--style-primary .icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn--icon.btn--style-primary .icon .fill{fill:var(--theme-elevation-0)}.btn--style-icon-label{font-weight:600;padding:0}.btn--style-light-gray{box-shadow:inset 0 0 0 1px var(--theme-elevation-800)}.btn--icon-position-left .btn__content{flex-direction:row-reverse}.btn--icon-position-left .btn__icon{margin-right:.9615384615rem}.btn--icon-position-right .btn__icon{margin-left:.9615384615rem}.btn--icon-only .btn__icon{margin:0;padding:0}.btn--disabled{cursor:default}.btn:hover .btn__icon{background:var(--theme-elevation-800)}.btn:hover .btn__icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn:hover .btn__icon .fill{fill:var(--theme-elevation-0)}.btn:focus{outline:none}.btn:focus .btn__icon{background:var(--theme-elevation-150)}.btn:focus .btn__icon .stroke{stroke:var(--theme-elevation-800);fill:none}.btn:focus .btn__icon .fill{fill:var(--theme-elevation-800)}.btn:active .btn__icon{background:var(--theme-elevation-700)}.btn:active .btn__icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn:active .btn__icon .fill{fill:var(--theme-elevation-0)}.icon--plus{height:1.9230769231rem;width:1.9230769231rem}.icon--plus .stroke,.icon--x line{stroke:var(--theme-elevation-800);stroke-width:1px}.icon--chevron{height:1.9230769231rem;width:1.9230769231rem}.icon--chevron .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.icon--edit{shape-rendering:auto;height:1.9230769231rem;width:1.9230769231rem}.icon--edit .fill{fill:var(--theme-elevation-800);stroke:none}.icon--swap{height:1.9230769231rem;width:1.9230769231rem}.icon--swap .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.tooltip{background-color:var(--theme-elevation-800);border-radius:2px;bottom:100%;color:var(--theme-elevation-0);font-weight:400;line-height:1.4423076923rem;padding:.3846153846rem .7692307692rem;transform:translate3d(-50%,-20%,0);white-space:nowrap;z-index:2}.tooltip,.tooltip span{left:50%;position:absolute}.tooltip span{border:10px solid transparent;border-top:10px solid var(--theme-elevation-800);height:0;top:calc(100% - .12019rem);transform:translateX(-50%);width:0}.popup{position:relative}.popup__content{background:var(--theme-input-bg);display:none;max-width:calc(100vw - 1.92308rem);position:absolute;z-index:var(--z-popup)}.popup__content:after{border:12px solid transparent;border-top:12px solid var(--theme-input-bg);content:" ";position:absolute;top:calc(100% - 1px)}.popup__wrap{overflow:hidden}.popup__scroll{overflow-y:auto;padding:1.9230769231rem;padding-right:calc(var(--scrollbar-width) + 1.92308rem);white-space:nowrap;width:calc(100% + var(--scrollbar-width))}.popup:active,.popup:focus{outline:none}.popup--size-small .popup__scroll{padding:1.4423076923rem calc(var(--scrollbar-width) + 1.44231rem) 1.4423076923rem 1.4423076923rem}.popup--size-small .popup__content{box-shadow:0 0 30px 0 rgba(0,2,4,.12),0 30px 25px -8px rgba(0,2,4,.1)}.popup--size-small.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--size-small.popup--h-align-left .popup__content:after{left:.8173076923rem}.popup--size-large .popup__content{box-shadow:0 20px 35px -10px rgba(0,2,4,.2),0 6px 4px -4px rgba(0,2,4,.02)}.popup--size-large .popup__scroll{padding:2.8846153846rem calc(var(--scrollbar-width) + 2.88462rem) 1.9230769231rem 2.8846153846rem}.popup--size-wide .popup__content{box-shadow:0 0 30px 0 rgba(0,2,4,.12),0 30px 25px -8px rgba(0,2,4,.1)}.popup--size-wide .popup__content:after{border:12px solid transparent;border-top:12px solid var(--theme-input-bg)}.popup--size-wide .popup__scroll{padding:.4807692308rem .9615384615rem}.popup--size-wide.popup--align-left .popup__content{left:-.9615384615rem}.popup--size-wide.popup--align-left .popup__content:after{left:.8173076923rem}.popup--h-align-left .popup__content{left:-3.3653846154rem}.popup--h-align-left .popup__content:after{left:3.3653846154rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(-50%)}.popup--h-align-right .popup__content{right:-3.3653846154rem}.popup--h-align-right .popup__content:after{right:3.3653846154rem}.popup--v-align-top .popup__content{bottom:calc(100% + 1.92308rem)}.popup--v-align-bottom .popup__content{box-shadow:0 -2px 20px 7px rgba(0,2,4,.1),0 6px 4px -4px rgba(0,2,4,.02);top:calc(100% + .96154rem)}.popup--v-align-bottom .popup__content:after{border-bottom-color:var(--theme-input-bg);border-top-color:transparent!important;bottom:calc(100% - 1px);top:auto}.popup--v-align-bottom.popup--color-dark .popup__content:after{border-bottom-color:var(--theme-elevation-800)}.popup--color-dark .popup__content{background:var(--theme-elevation-800);color:var(--theme-input-bg)}.popup--color-dark .popup__content:after{border-top-color:var(--theme-elevation-800)}.popup--active .popup__content{display:block}@media(max-width:1024px){.popup--size-large .popup__scroll,.popup__scroll{padding:1.4423076923rem;padding-right:calc(var(--scrollbar-width) + 1.44231rem)}.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--h-align-left .popup__content:after{left:.9615384615rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(0)}.popup--h-align-right .popup__content{right:-.9615384615rem}.popup--h-align-right .popup__content:after{right:.9615384615rem}.popup--force-h-align-left .popup__content{left:-.9615384615rem;right:auto;transform:none}.popup--force-h-align-left .popup__content:after{left:.9615384615rem;right:auto;transform:none}.popup--force-h-align-right .popup__content{left:auto;right:-.9615384615rem;transform:none}.popup--force-h-align-right .popup__content:after{left:auto;right:.9615384615rem;transform:none}}.popup-button{display:inline-flex}.banner{background:var(--theme-elevation-900);border:0;border-radius:3px;color:var(--theme-elevation-800);font-size:1rem;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;padding:.9615384615rem;vertical-align:middle}.banner--has-action{cursor:pointer;text-decoration:none}.banner--has-icon{display:flex}.banner--has-icon svg{display:block}.banner--type-default.button--has-action:hover{background:var(--theme-elevation-900)}.banner--type-default.button--has-action:active{background:var(--theme-elevation-950)}.banner--type-error{background:var(--theme-error-100);color:var(--theme-error-500)}.banner--type-error svg .stroke{stroke:var(--theme-error-500);fill:none}.banner--type-error svg .fill{fill:var(--theme-error-500)}.banner--type-error.button--has-action:hover{background:var(--theme-error-200)}.banner--type-error.button--has-action:active{background:var(--theme-error-300)}.banner--type-success{background:var(--theme-success-500)}.banner--type-success.button--has-action:active,.banner--type-success.button--has-action:hover{background:var(--theme-success-200)}.template-minimal{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;min-height:100%;padding:5.7692307692rem 1.9230769231rem;width:100%}.template-minimal--width-normal .template-minimal__wrap{max-width:500px;width:100%}.template-minimal--width-wide .template-minimal__wrap{max-width:1024px;width:100%}.icon--check{height:1.9230769231rem;width:1.9230769231rem}.icon--check .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.icon--search{height:1.9230769231rem;width:1.9230769231rem}.icon--search .stroke{stroke:var(--theme-elevation-800);stroke-width:1px}.icon--menu .fill{fill:var(--theme-text)}.pill{background:var(--theme-elevation-150);border:0;border-radius:3px;color:var(--theme-elevation-800);cursor:default;display:inline-flex;font-size:1rem;line-height:1.9230769231rem;overflow:hidden;padding:0 .4807692308rem 0 .6490384615rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.pill:active,.pill:focus{outline:none}.pill--has-action{cursor:pointer;text-decoration:none}.pill--has-icon svg{display:block}.pill--align-icon-left{padding-left:.2403846154rem}.pill--align-icon-right{padding-right:.2403846154rem}.pill--style-white{background:var(--theme-elevation-0)}.pill--style-light-gray,.pill--style-light.pill--has-action:active,.pill--style-light.pill--has-action:hover,.pill--style-white.pill--has-action:active,.pill--style-white.pill--has-action:hover{background:var(--theme-elevation-100)}.pill--style-light-gray{color:var(--theme-elevation-800)}.pill--style-warning{background:var(--theme-warning-500)}.pill--style-success{background:var(--theme-success-500);color:var(--color-base-800)}.pill--style-dark{background:var(--theme-elevation-800);color:var(--theme-elevation-0)}.pill--style-dark svg .stroke{stroke:var(--theme-elevation-0);fill:none}.pill--style-dark svg .fill{fill:var(--theme-elevation-0)}.pill--style-dark.pill--has-action:hover{background:var(--theme-elevation-750)}.pill--style-dark.pill--has-action:active{background:var(--theme-elevation-700)}

package/dist/admin/components/elements/ColumnSelector/index.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import flattenTopLevelFields from '../../../utilities/flattenTopLevelFields';
+import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
 import Pill from '../Pill';
 import Plus from '../../icons/Plus';
 import X from '../../icons/X';

package/dist/admin/components/elements/ColumnSelector/index.scss

@@ -4,17 +4,14 @@
   background: var(--theme-elevation-50);
   padding: base(1) base(1) base(.5);
 
-  .pill {
+  &__column {
     margin-right: base(.5);
     margin-bottom: base(.5);
-  }
-
-  &__column {
     background-color: transparent;
     box-shadow: 0 0 0 1px var(--theme-elevation-200);
-  }
 
-  &__column--active {
-    background-color: var(--theme-elevation-150);
+    &.column-selector__column--active {
+      background-color: var(--theme-elevation-150);
+    }
   }
 }

package/dist/admin/components/elements/Eyebrow/index.scss

@@ -20,4 +20,8 @@
     position: relative;
     display: block;
   }
+
+  @include small-break {
+    padding: 0 0 base(1);
+  }
 }

package/dist/admin/components/elements/Pill/index.scss

@@ -77,6 +77,7 @@
 
   &--style-success {
     background: var(--theme-success-500);
+    color: var(--color-base-800);
   }
 
   &--style-dark {

package/dist/admin/components/elements/ReactSelect/index.js

@@ -3,12 +3,12 @@ import Select from 'react-select';
 import Chevron from '../../icons/Chevron';
 import './index.scss';
 const ReactSelect = (props) => {
-    const { className, showError = false, options, onChange, value, disabled = false, placeholder, isSearchable = true, } = props;
+    const { className, showError = false, options, onChange, value, disabled = false, placeholder, isSearchable = true, isClearable, } = props;
     const classes = [
         className,
         'react-select',
         showError && 'react-select--error',
     ].filter(Boolean).join(' ');
-    return (React.createElement(Select, { placeholder: placeholder, ...props, value: value, onChange: onChange, disabled: disabled ? 'disabled' : undefined, components: { DropdownIndicator: Chevron }, className: classes, classNamePrefix: "rs", options: options, isSearchable: isSearchable }));
+    return (React.createElement(Select, { placeholder: placeholder, ...props, value: value, onChange: onChange, disabled: disabled ? 'disabled' : undefined, components: { DropdownIndicator: Chevron }, className: classes, classNamePrefix: "rs", options: options, isSearchable: isSearchable, isClearable: isClearable }));
 };
 export default ReactSelect;

package/dist/admin/components/elements/ReactSelect/types.d.ts

@@ -18,4 +18,5 @@ export declare type Props = {
     onMenuScrollToBottom?: () => void;
     placeholder?: string;
     isSearchable?: boolean;
+    isClearable?: boolean;
 };

package/dist/admin/components/elements/WhereBuilder/index.js

@@ -6,7 +6,7 @@ import Button from '../Button';
 import reducer from './reducer';
 import Condition from './Condition';
 import fieldTypes from './field-types';
-import flattenTopLevelFields from '../../../utilities/flattenTopLevelFields';
+import flattenTopLevelFields from '../../../../utilities/flattenTopLevelFields';
 import { useSearchParams } from '../../utilities/SearchParams';
 import validateWhereQuery from './validateWhereQuery';
 import './index.scss';

package/dist/admin/components/forms/field-types/Array/Array.js

@@ -174,7 +174,7 @@ const ArrayFieldType = (props) => {
                     return (React.createElement(Draggable, { key: row.id, draggableId: row.id, index: i, isDragDisabled: readOnly }, (providedDrag) => (React.createElement("div", { id: `${path}-row-${i}`, ref: providedDrag.innerRef, ...providedDrag.draggableProps },
                         React.createElement(Collapsible, { collapsed: row.collapsed, onToggle: (collapsed) => setCollapse(row.id, collapsed), className: `${baseClass}__row`, key: row.id, dragHandleProps: providedDrag.dragHandleProps, header: `${labels.singular} ${rowNumber >= 10 ? rowNumber : `0${rowNumber}`}`, actions: !readOnly ? (React.createElement(ArrayAction, { rowCount: rows.length, duplicateRow: duplicateRow, addRow: addRow, moveRow: moveRow, removeRow: removeRow, index: i })) : undefined },
                             React.createElement(HiddenInput, { name: `${path}.${i}.id`, value: row.id }),
-                            React.createElement(RenderFields, { forceRender: true, readOnly: readOnly, fieldTypes: fieldTypes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldSchema: fields.map((field) => ({
+                            React.createElement(RenderFields, { className: `${baseClass}__fields`, forceRender: true, readOnly: readOnly, fieldTypes: fieldTypes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldSchema: fields.map((field) => ({
                                     ...field,
                                     path: `${path}.${i}${fieldAffectsData(field) ? `.${field.name}` : ''}`,
                                 })) }))))));

package/dist/admin/components/forms/field-types/Array/index.scss

@@ -55,7 +55,7 @@
     }
   }
 
-  .field-type:last-child {
+  &__fields>.field-type:last-child {
     margin-bottom: 0;
   }
 }

package/dist/admin/components/forms/field-types/Blocks/Blocks.js

@@ -185,7 +185,7 @@ const Blocks = (props) => {
                                     React.createElement(Popup, { key: `${blockType}-${i}`, forceOpen: selectorIndexOpen === i, onToggleOpen: onAddPopupToggle, buttonType: "none", size: "large", horizontalAlign: "right", render: ({ close }) => (React.createElement(BlockSelector, { blocks: blocks, addRow: addRow, addRowIndex: i, close: close })) }),
                                     React.createElement(ArrayAction, { rowCount: rows.length, duplicateRow: () => duplicateRow(i, blockType), addRow: () => setSelectorIndexOpen(i), moveRow: moveRow, removeRow: removeRow, index: i }))) : undefined },
                                 React.createElement(HiddenInput, { name: `${path}.${i}.id`, value: row.id }),
-                                React.createElement(RenderFields, { forceRender: true, readOnly: readOnly, fieldTypes: fieldTypes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldSchema: blockToRender.fields.map((field) => ({
+                                React.createElement(RenderFields, { className: `${baseClass}__fields`, forceRender: true, readOnly: readOnly, fieldTypes: fieldTypes, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldSchema: blockToRender.fields.map((field) => ({
                                         ...field,
                                         path: `${path}.${i}${fieldAffectsData(field) ? `.${field.name}` : ''}`,
                                     })) }))))));

package/dist/admin/components/forms/field-types/Blocks/index.scss

@@ -74,7 +74,7 @@
     }
   }
 
-  .field-type:last-child {
+  &__fields>.field-type:last-child {
     margin-bottom: 0;
   }
 }

package/dist/admin/components/forms/field-types/Group/index.js

@@ -6,17 +6,20 @@ import { fieldAffectsData } from '../../../../../fields/config/types';
 import { useCollapsible } from '../../../elements/Collapsible/provider';
 import './index.scss';
 import { GroupProvider, useGroup } from './provider';
+import { useTabs } from '../Tabs/provider';
 const baseClass = 'group-field';
 const Group = (props) => {
     const { label, fields, name, path: pathFromProps, fieldTypes, admin: { readOnly, style, className, width, description, hideGutter = false, }, permissions, } = props;
     const isWithinCollapsible = useCollapsible();
     const isWithinGroup = useGroup();
+    const isWithinTab = useTabs();
     const path = pathFromProps || name;
     return (React.createElement("div", { id: `field-${path}`, className: [
             'field-type',
             baseClass,
             isWithinCollapsible && `${baseClass}--within-collapsible`,
             isWithinGroup && `${baseClass}--within-group`,
+            isWithinTab && `${baseClass}--within-tab`,
             (!hideGutter && isWithinGroup) && `${baseClass}--gutter`,
             className,
         ].filter(Boolean).join(' '), style: {

package/dist/admin/components/forms/field-types/Group/index.scss

@@ -29,6 +29,18 @@
     border-bottom: 0;
   }
 
+  &--within-tab:first-child {
+    margin-top: 0;
+    border-top: 0;
+    padding-top: 0;
+  }
+
+  &--within-tab:last-child {
+    margin-bottom: 0;
+    border-bottom: 0;
+    padding-bottom: 0;
+  }
+
   &--gutter {
     border-left: 1px solid var(--theme-elevation-100);
     padding: 0 0 0 $baseline;

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.js

@@ -11,8 +11,8 @@ import fieldTypes from '../../../../..';
 import Form from '../../../../../../Form';
 import reduceFieldsToValues from '../../../../../../Form/reduceFieldsToValues';
 import Submit from '../../../../../../Submit';
-import './index.scss';
 import { useLocale } from '../../../../../../../utilities/Locale';
+import './index.scss';
 const baseClass = 'edit-upload-modal';
 export const EditModal = ({ slug, closeModal, relatedCollectionConfig, fieldSchema, element }) => {
     const editor = useSlateStatic();
@@ -29,13 +29,13 @@ export const EditModal = ({ slug, closeModal, relatedCollectionConfig, fieldSche
     }, [closeModal, editor, element]);
     useEffect(() => {
         const awaitInitialState = async () => {
-            const state = await buildStateFromSchema({ fieldSchema, data: element === null || element === void 0 ? void 0 : element.fields, user, operation: 'update', locale });
+            const state = await buildStateFromSchema({ fieldSchema, data: { ...(element === null || element === void 0 ? void 0 : element.fields) || {} }, user, operation: 'update', locale });
             setInitialState(state);
         };
         awaitInitialState();
     }, [fieldSchema, element.fields, user, locale]);
     return (React.createElement(Modal, { slug: slug, className: baseClass },
-        React.createElement(MinimalTemplate, { width: "normal" },
+        React.createElement(MinimalTemplate, { width: "wide" },
             React.createElement("header", { className: `${baseClass}__header` },
                 React.createElement("h1", null,
                     "Edit",

package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.scss

@@ -25,21 +25,7 @@
     }
   }
 
-  .rich-text__wrap {
-    .field-type-gutter {
-      display: none;
-    }
-  }
-
   .rich-text__toolbar {
-    margin-bottom: 0;
-  }
-
-  .rich-text__editor {
-    background-color: var(--theme-elevation-0);
-    border: 1px solid var(--theme-elevation-150);
-    border-top: none;
-    min-height: base(5);
-    padding: base(.35) base(.5);
+    top: base(1);
   }
 }

package/dist/admin/components/forms/field-types/Select/Input.d.ts

@@ -17,6 +17,7 @@ export declare type SelectInputProps = Omit<SelectField, 'type' | 'value' | 'opt
     width?: string;
     hasMany?: boolean;
     options?: OptionObject[];
+    isClearable?: boolean;
 };
 declare const SelectInput: React.FC<SelectInputProps>;
 export default SelectInput;

package/dist/admin/components/forms/field-types/Select/Input.js

@@ -6,7 +6,7 @@ import ReactSelect from '../../../elements/ReactSelect';
 // import { FieldType } from '../../useField/types';
 import './index.scss';
 const SelectInput = (props) => {
-    const { showError, errorMessage, readOnly, path, label, required, value, onChange, description, style, className, width, options, hasMany, } = props;
+    const { showError, errorMessage, readOnly, path, label, required, value, onChange, description, style, className, width, options, hasMany, isClearable, } = props;
     const classes = [
         'field-type',
         'select',
@@ -27,7 +27,7 @@ const SelectInput = (props) => {
         } },
         React.createElement(Error, { showError: showError, message: errorMessage }),
         React.createElement(Label, { htmlFor: path, label: label, required: required }),
-        React.createElement(ReactSelect, { onChange: onChange, value: valueToRender, showError: showError, isDisabled: readOnly, options: options, isMulti: hasMany }),
+        React.createElement(ReactSelect, { onChange: onChange, value: valueToRender, showError: showError, isDisabled: readOnly, options: options, isMulti: hasMany, isClearable: isClearable }),
         React.createElement(FieldDescription, { value: value, description: description })));
 };
 export default SelectInput;

package/dist/admin/components/forms/field-types/Select/index.js

@@ -13,7 +13,7 @@ const formatOptions = (options) => options.map((option) => {
     };
 });
 const Select = (props) => {
-    const { path: pathFromProps, name, validate = select, label, options: optionsFromProps, hasMany, required, admin: { readOnly, style, className, width, description, condition, } = {}, } = props;
+    const { path: pathFromProps, name, validate = select, label, options: optionsFromProps, hasMany, required, admin: { readOnly, style, className, width, description, isClearable, condition, } = {}, } = props;
     const path = pathFromProps || name;
     const [options, setOptions] = useState(formatOptions(optionsFromProps));
     useEffect(() => {
@@ -30,7 +30,10 @@ const Select = (props) => {
     const onChange = useCallback((selectedOption) => {
         if (!readOnly) {
             let newValue;
-            if (hasMany) {
+            if (!selectedOption) {
+                newValue = null;
+            }
+            else if (hasMany) {
                 if (Array.isArray(selectedOption)) {
                     newValue = selectedOption.map((option) => option.value);
                 }
@@ -48,6 +51,6 @@ const Select = (props) => {
         hasMany,
         setValue,
     ]);
-    return (React.createElement(SelectInput, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, required: required, description: description, style: style, className: className, width: width, hasMany: hasMany }));
+    return (React.createElement(SelectInput, { path: path, onChange: onChange, value: value, name: name, options: options, label: label, showError: showError, errorMessage: errorMessage, required: required, description: description, style: style, className: className, width: width, hasMany: hasMany, isClearable: isClearable }));
 };
 export default withCondition(Select);

package/dist/admin/components/forms/field-types/Tabs/index.js

@@ -5,6 +5,7 @@ import { fieldAffectsData } from '../../../../../fields/config/types';
 import FieldDescription from '../../FieldDescription';
 import toKebabCase from '../../../../../utilities/toKebabCase';
 import { useCollapsible } from '../../../elements/Collapsible/provider';
+import { TabsProvider } from './provider';
 import './index.scss';
 const baseClass = 'tabs-field';
 const TabsField = (props) => {
@@ -17,20 +18,21 @@ const TabsField = (props) => {
             baseClass,
             isWithinCollapsible && `${baseClass}--within-collapsible`,
         ].filter(Boolean).join(' ') },
-        React.createElement("div", { className: `${baseClass}__tabs` }, tabs.map((tab, i) => {
-            return (React.createElement("button", { key: i, type: "button", className: [
-                    `${baseClass}__tab-button`,
-                    active === i && `${baseClass}__tab-button--active`,
-                ].filter(Boolean).join(' '), onClick: () => setActive(i) }, tab.label));
-        })),
-        React.createElement("div", { className: `${baseClass}__content-wrap` }, activeTab && (React.createElement("div", { className: [
-                `${baseClass}__tab`,
-                `${baseClass}__tab-${toKebabCase(activeTab.label)}`,
-            ].join(' ') },
-            React.createElement(FieldDescription, { className: `${baseClass}__description`, description: activeTab.description }),
-            React.createElement(RenderFields, { forceRender: true, readOnly: readOnly, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldTypes: fieldTypes, fieldSchema: activeTab.fields.map((field) => ({
-                    ...field,
-                    path: `${path ? `${path}.` : ''}${fieldAffectsData(field) ? field.name : ''}`,
-                })) }))))));
+        React.createElement(TabsProvider, null,
+            React.createElement("div", { className: `${baseClass}__tabs` }, tabs.map((tab, i) => {
+                return (React.createElement("button", { key: i, type: "button", className: [
+                        `${baseClass}__tab-button`,
+                        active === i && `${baseClass}__tab-button--active`,
+                    ].filter(Boolean).join(' '), onClick: () => setActive(i) }, tab.label));
+            })),
+            React.createElement("div", { className: `${baseClass}__content-wrap` }, activeTab && (React.createElement("div", { className: [
+                    `${baseClass}__tab`,
+                    `${baseClass}__tab-${toKebabCase(activeTab.label)}`,
+                ].join(' ') },
+                React.createElement(FieldDescription, { className: `${baseClass}__description`, description: activeTab.description }),
+                React.createElement(RenderFields, { forceRender: true, readOnly: readOnly, permissions: permissions === null || permissions === void 0 ? void 0 : permissions.fields, fieldTypes: fieldTypes, fieldSchema: activeTab.fields.map((field) => ({
+                        ...field,
+                        path: `${path ? `${path}.` : ''}${fieldAffectsData(field) ? field.name : ''}`,
+                    })) })))))));
 };
 export default withCondition(TabsField);

package/dist/admin/components/forms/field-types/Tabs/index.scss

@@ -1,6 +1,7 @@
 @import '../../../../scss/styles.scss';
 
 .tabs-field {
+  margin-top: base(2);
   margin-left: calc(var(--gutter-h) * -1);
   margin-right: calc(var(--gutter-h) * -1);
   margin-bottom: base(2);
@@ -12,9 +13,7 @@
   }
 
   &--within-collapsible {
-    margin-left: calc(#{$baseline} * -1);
-    margin-right: calc(#{$baseline} * -1);
-    margin-bottom: 0;
+    margin: 0 calc(#{$baseline} * -1);
 
     .tabs-field__tabs,
     .tabs-field__content-wrap {
@@ -31,7 +30,7 @@
   &__tab-button {
     @extend %btn-reset;
     @extend %h4;
-    padding-bottom: base(.5);
+    padding-bottom: base(.75);
     margin: 0 $baseline 0 0;
     cursor: pointer;
     opacity: .5;

package/dist/admin/components/forms/field-types/Tabs/provider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const Context: React.Context<boolean>;
+export declare const TabsProvider: React.FC<{
+    children?: React.ReactNode;
+    withinTab?: boolean;
+}>;
+export declare const useTabs: () => boolean;
+export default Context;

package/dist/admin/components/forms/field-types/Tabs/provider.js

@@ -0,0 +1,7 @@
+import React, { createContext, useContext, } from 'react';
+const Context = createContext(false);
+export const TabsProvider = ({ children, withinTab = true }) => {
+    return (React.createElement(Context.Provider, { value: withinTab }, children));
+};
+export const useTabs = () => useContext(Context);
+export default Context;

package/dist/admin/components/forms/field-types/Upload/index.scss

@@ -8,7 +8,7 @@
   &__wrap {
     display: flex;
     padding: base(1.5) base(1.5) $baseline;
-    background: var(--theme-elevation-100);
+    background: var(--theme-elevation-50);
 
     .btn {
       margin: 0 $baseline base(.5) 0;

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Iterable/index.js

@@ -6,6 +6,7 @@ import getUniqueListBy from '../../../../../../../utilities/getUniqueListBy';
 import './index.scss';
 const baseClass = 'iterable-diff';
 const Iterable = ({ version, comparison, permissions, field, locale, locales, fieldComponents, }) => {
+    var _a, _b;
     const versionRowCount = Array.isArray(version) ? version.length : 0;
     const comparisonRowCount = Array.isArray(comparison) ? comparison.length : 0;
     const maxRows = Math.max(versionRowCount, comparisonRowCount);
@@ -49,8 +50,7 @@ const Iterable = ({ version, comparison, permissions, field, locale, locales, fi
         }))),
         maxRows === 0 && (React.createElement("div", { className: `${baseClass}__no-rows` },
             "No",
-            ' ',
-            field.labels.plural,
+            ' ', (_b = (_a = field.labels) === null || _a === void 0 ? void 0 : _a.plural) !== null && _b !== void 0 ? _b : 'rows',
             ' ',
             "found"))));
 };

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/styles.d.ts

@@ -8,6 +8,7 @@ export declare const diffStyles: {
             removedColor: string;
             wordAddedBackground: string;
             wordRemovedBackground: string;
+            emptyLineBackground: string;
         };
     };
 };

package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/styles.js

@@ -8,6 +8,7 @@ export const diffStyles = {
             removedColor: 'var(--theme-error-900)',
             wordAddedBackground: 'var(--theme-success-200)',
             wordRemovedBackground: 'var(--theme-error-200)',
+            emptyLineBackground: 'var(--theme-elevation-50)',
         },
     },
 };

package/dist/admin/components/views/Version/Version.js

@@ -155,6 +155,6 @@ const VersionView = ({ collection, global }) => {
                 React.createElement(CompareVersion, { publishedDoc: publishedDoc, versionID: versionID, baseURL: compareBaseURL, parentID: parentID, value: compareValue, onChange: setCompareValue }),
                 localization && (React.createElement(SelectLocales, { onChange: setLocales, options: localeOptions, value: locales }))),
             isLoading && (React.createElement(Loading, null)),
-            (doc === null || doc === void 0 ? void 0 : doc.version) && (React.createElement(RenderFieldsToDiff, { locales: locales.map(({ value }) => value), fields: fields, fieldComponents: fieldComponents, fieldPermissions: fieldPermissions, version: doc === null || doc === void 0 ? void 0 : doc.version, comparison: comparison })))));
+            (doc === null || doc === void 0 ? void 0 : doc.version) && (React.createElement(RenderFieldsToDiff, { locales: locales ? locales.map(({ value }) => value) : [], fields: fields, fieldComponents: fieldComponents, fieldPermissions: fieldPermissions, version: doc === null || doc === void 0 ? void 0 : doc.version, comparison: comparison })))));
 };
 export default VersionView;

package/dist/admin/components/views/collections/List/buildColumns.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Cell from './Cell';
 import SortColumn from '../../../elements/SortColumn';
 import { fieldIsPresentationalOnly } from '../../../../../fields/config/types';
-import flattenFields from '../../../../utilities/flattenTopLevelFields';
+import flattenFields from '../../../../../utilities/flattenTopLevelFields';
 const buildColumns = (collection, columns) => {
     const flattenedFields = flattenFields([
         ...collection.fields,

package/dist/collections/operations/local/restoreVersion.d.ts

@@ -4,7 +4,6 @@ import { TypeWithVersion } from '../../../versions/types';
 export declare type Options = {
     collection: string;
     id: string;
-    data: Record<string, unknown>;
     depth?: number;
     locale?: string;
     fallbackLocale?: string;