@payloadcms/ui 3.0.0-canary.518fabe → 3.0.0-canary.51be7be

package/dist/fields/Blocks/BlockRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","RenderComponent","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","t1","t2","filter","Boolean","classNames","join","t3","split","t4","t5","id","collapsed","_jsx","ref","style","children","actions","blockType","fields","className","collapsibleStyle","dragHandleProps","undefined","header","admin","components","Label","clientProps","blockKind","formData","mappedComponent","_jsxs","String","padStart","pillStyle","singular","count","withMessage","onToggle","margins","slug"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, FieldPermissions, Labels, Row } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlocksFieldProps = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ClientBlock\n  blocks: ClientBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blocks={blocks}\n              blockType={row.blockType}\n              duplicateRow={duplicateRow}\n              fields={block.fields}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          block?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'block', formData: row }}\n              mappedComponent={block.admin.components.Label}\n            />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <span className={`${baseClass}__block-number`}>\n                {String(rowIndex + 1).padStart(2, '0')}\n              </span>\n              <Pill\n                className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n                pillStyle=\"white\"\n              >\n                {getTranslation(block.labels.singular, i18n)}\n              </Pill>\n              <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={block.fields}\n          forceRender={forceRender}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.blocks?.[block.slug]?.fields}\n          readOnly={readOnly}\n          schemaPath={`${schemaPath}.${block.slug}`}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BlockRow.js","names":["c","_c","getTranslation","React","Collapsible","ErrorPill","Pill","useFormSubmitted","RenderFields","RenderComponent","useTranslation","RowActions","SectionTitle","baseClass","BlockRow","t0","$","addRow","attributes","block","blocks","duplicateRow","errorCount","forceRender","hasMaxRows","isSortable","labels","listeners","moveRow","path","parentPath","permissions","readOnly","removeRow","row","rowCount","rowIndex","schemaPath","setCollapse","setNodeRef","transform","i18n","hasSubmitted","fieldHasErrors","t1","t2","filter","Boolean","classNames","join","t3","split","t4","t5","id","collapsed","_jsx","ref","style","children","actions","blockType","fields","className","collapsibleStyle","dragHandleProps","undefined","header","admin","components","Label","clientProps","blockKind","formData","mappedComponent","_jsxs","String","padStart","pillStyle","singular","count","withMessage","onToggle","margins","slug"],"sources":["../../../src/fields/Blocks/BlockRow.tsx"],"sourcesContent":["'use client'\nimport type { ClientBlock, FieldPermissions, Labels, Row } from 'payload'\n\nimport { getTranslation } from '@payloadcms/translations'\nimport React from 'react'\n\nimport type { UseDraggableSortableReturn } from '../../elements/DraggableSortable/useDraggableSortable/types.js'\n\nimport { Collapsible } from '../../elements/Collapsible/index.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { Pill } from '../../elements/Pill/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { RowActions } from './RowActions.js'\nimport { SectionTitle } from './SectionTitle/index.js'\n\nconst baseClass = 'blocks-field'\n\ntype BlocksFieldProps = {\n  addRow: (rowIndex: number, blockType: string) => Promise<void> | void\n  block: ClientBlock\n  blocks: ClientBlock[]\n  duplicateRow: (rowIndex: number) => void\n  errorCount: number\n  forceRender?: boolean\n  hasMaxRows?: boolean\n  indexPath: string\n  isSortable?: boolean\n  labels: Labels\n  moveRow: (fromIndex: number, toIndex: number) => void\n  path: string\n  permissions: FieldPermissions\n  readOnly: boolean\n  removeRow: (rowIndex: number) => void\n  row: Row\n  rowCount: number\n  rowIndex: number\n  schemaPath: string\n  setCollapse: (id: string, collapsed: boolean) => void\n} & UseDraggableSortableReturn\n\nexport const BlockRow: React.FC<BlocksFieldProps> = ({\n  addRow,\n  attributes,\n  block,\n  blocks,\n  duplicateRow,\n  errorCount,\n  forceRender,\n  hasMaxRows,\n  isSortable,\n  labels,\n  listeners,\n  moveRow,\n  path: parentPath,\n  permissions,\n  readOnly,\n  removeRow,\n  row,\n  rowCount,\n  rowIndex,\n  schemaPath,\n  setCollapse,\n  setNodeRef,\n  transform,\n}) => {\n  const path = `${parentPath}.${rowIndex}`\n  const { i18n } = useTranslation()\n  const hasSubmitted = useFormSubmitted()\n\n  const fieldHasErrors = hasSubmitted && errorCount > 0\n\n  const classNames = [\n    `${baseClass}__row`,\n    fieldHasErrors ? `${baseClass}__row--has-errors` : `${baseClass}__row--no-errors`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div\n      id={`${parentPath.split('.').join('-')}-row-${rowIndex}`}\n      key={`${parentPath}-row-${rowIndex}`}\n      ref={setNodeRef}\n      style={{\n        transform,\n      }}\n    >\n      <Collapsible\n        actions={\n          !readOnly ? (\n            <RowActions\n              addRow={addRow}\n              blocks={blocks}\n              blockType={row.blockType}\n              duplicateRow={duplicateRow}\n              fields={block.fields}\n              hasMaxRows={hasMaxRows}\n              isSortable={isSortable}\n              labels={labels}\n              moveRow={moveRow}\n              removeRow={removeRow}\n              rowCount={rowCount}\n              rowIndex={rowIndex}\n            />\n          ) : undefined\n        }\n        className={classNames}\n        collapsibleStyle={fieldHasErrors ? 'error' : 'default'}\n        dragHandleProps={\n          isSortable\n            ? {\n                id: row.id,\n                attributes,\n                listeners,\n              }\n            : undefined\n        }\n        header={\n          block?.admin?.components?.Label ? (\n            <RenderComponent\n              clientProps={{ blockKind: 'block', formData: row }}\n              mappedComponent={block.admin.components.Label}\n            />\n          ) : (\n            <div className={`${baseClass}__block-header`}>\n              <span className={`${baseClass}__block-number`}>\n                {String(rowIndex + 1).padStart(2, '0')}\n              </span>\n              <Pill\n                className={`${baseClass}__block-pill ${baseClass}__block-pill-${row.blockType}`}\n                pillStyle=\"white\"\n              >\n                {getTranslation(block.labels.singular, i18n)}\n              </Pill>\n              <SectionTitle path={`${path}.blockName`} readOnly={readOnly} />\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )\n        }\n        isCollapsed={row.collapsed}\n        key={row.id}\n        onToggle={(collapsed) => setCollapse(row.id, collapsed)}\n      >\n        <RenderFields\n          className={`${baseClass}__fields`}\n          fields={block.fields}\n          forceRender={forceRender}\n          margins=\"small\"\n          path={path}\n          permissions={permissions?.blocks?.[block.slug]?.fields}\n          readOnly={readOnly}\n          schemaPath={`${schemaPath}.${block.slug}`}\n        />\n      </Collapsible>\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,SAASC,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,SAASC,SAAS,QAAQ;AAC1B,SAASC,IAAI,QAAQ;AACrB,SAASC,gBAAgB,QAAQ;AACjC,SAASC,YAAY,QAAQ;AAC7B,SAASC,eAAe,QAAQ;AAChC,SAASC,cAAc,QAAQ;AAC/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,YAAY,QAAQ;AAE7B,MAAMC,SAAA,GAAY;AAyBlB,OAAO,MAAMC,QAAA,GAAuCC,EAAA;EAAA,MAAAC,CAAA,GAAAf,EAAA;EAAC;IAAAgB,MAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,YAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,IAAA,EAAAC,UAAA;IAAAC,WAAA;IAAAC,QAAA;IAAAC,SAAA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,UAAA;IAAAC,WAAA;IAAAC,UAAA;IAAAC;EAAA,IAAAzB,EAwBpD;EACC,MAAAc,IAAA,GAAa,GAAGC,UAAA,IAAcM,QAAA,EAAU;EACxC;IAAAK;EAAA,IAAiB/B,cAAA;EACjB,MAAAgC,YAAA,GAAqBnC,gBAAA;EAErB,MAAAoC,cAAA,GAAuBD,YAAA,IAAgBpB,UAAA,IAAa;EAIlD,MAAAsB,EAAA,GAAAD,cAAA,GAAiB,GAAA9B,SAAA,mBAA+B,GAAG,GAAAA,SAAA,kBAA8B;EAAA,IAAAgC,EAAA;EAAA,IAAA7B,CAAA,QAAA4B,EAAA;IAFhEC,EAAA,IACjB,GAAAhC,SAAA,OAAmB,EACnB+B,EAAiF,EAAAE,MAAA,CAAAC,OAEzE;IAAA/B,CAAA,MAAA4B,EAAA;IAAA5B,CAAA,MAAA6B,EAAA;EAAA;IAAAA,EAAA,GAAA7B,CAAA;EAAA;EAJV,MAAAgC,UAAA,GAAmBH,EAIT,CAAAI,IAAA,CACF;EAIA,MAAAC,EAAA,MAAGpB,UAAA,CAAAqB,KAAA,CAAiB,KAAAF,IAAA,CAAU,YAAYb,QAAA,EAAU;EAAA,IAAAgB,EAAA;EAAA,IAAApC,CAAA,QAAAwB,SAAA,IAAAxB,CAAA,QAAAgB,QAAA,IAAAhB,CAAA,QAAAC,MAAA,IAAAD,CAAA,QAAAI,MAAA,IAAAJ,CAAA,QAAAkB,GAAA,IAAAlB,CAAA,QAAAK,YAAA,IAAAL,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAQ,UAAA,IAAAR,CAAA,SAAAS,UAAA,IAAAT,CAAA,SAAAU,MAAA,IAAAV,CAAA,SAAAY,OAAA,IAAAZ,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAmB,QAAA,IAAAnB,CAAA,SAAAoB,QAAA,IAAApB,CAAA,SAAA2B,cAAA,IAAA3B,CAAA,SAAAE,UAAA,IAAAF,CAAA,SAAAW,SAAA,IAAAX,CAAA,SAAAyB,IAAA,IAAAzB,CAAA,SAAAa,IAAA,IAAAb,CAAA,SAAAM,UAAA,IAAAN,CAAA,SAAAsB,WAAA,IAAAtB,CAAA,SAAAe,WAAA,EAAAX,MAAA,IAAAJ,CAAA,SAAAqB,UAAA,IAAArB,CAAA,SAAAO,WAAA,IAAAP,CAAA,SAAAgC,UAAA,IAAAhC,CAAA,SAAAkC,EAAA,IAAAlC,CAAA,SAAAuB,UAAA,IAAAvB,CAAA,SAAAc,UAAA;IAAA,IAAAuB,EAAA;IAAA,IAAArC,CAAA,SAAAsB,WAAA,IAAAtB,CAAA,SAAAkB,GAAA,CAAAoB,EAAA;MA6D5CD,EAAA,GAAAE,SAAA,IAAejB,WAAA,CAAYJ,GAAA,CAAAoB,EAAA,EAAQC,SAAA;MAAAvC,CAAA,OAAAsB,WAAA;MAAAtB,CAAA,OAAAkB,GAAA,CAAAoB,EAAA;MAAAtC,CAAA,OAAAqC,EAAA;IAAA;MAAAA,EAAA,GAAArC,CAAA;IAAA;IA9DjDoC,EAAA,GAAAI,IAAA,CAAC;MAAAF,EAAA,EACKJ,EAAoD;MAAAO,GAAA,EAEnDlB,UAAA;MAAAmB,KAAA;QAAAlB;MAAA;MAAAmB,QAAA,EAKLH,IAAA,CAAApD,WAAA;QAAAwD,OAAA,EAEI,CAAC5B,QAAA,GACCwB,IAAA,CAAA7C,UAAA;UAAAM,MAAA;UAAAG,MAAA;UAAAyC,SAAA,EAGa3B,GAAA,CAAA2B,SAAA;UAAAxC,YAAA;UAAAyC,MAAA,EAEH3C,KAAA,CAAA2C,MAAA;UAAAtC,UAAA;UAAAC,UAAA;UAAAC,MAAA;UAAAE,OAAA;UAAAK,SAAA;UAAAE,QAAA;UAAAC;QAAA,C,aASR;QAAA2B,SAAA,EAEKf,UAAA;QAAAgB,gBAAA,EACOrB,cAAA,GAAiB,UAAU;QAAAsB,eAAA,EAE3CxC,UAAA;UAAA6B,EAAA,EAEUpB,GAAA,CAAAoB,EAAA;UAAApC,UAAA;UAAAS;QAAA,IAAAuC,SAIN;QAAAC,MAAA,EAGJhD,KAAA,EAAAiD,KAAA,EAAAC,UAAA,EAAAC,KAAA,GACEd,IAAA,CAAA/C,eAAA;UAAA8D,WAAA;YAAAC,SAAA,EAC4B;YAAAC,QAAA,EAAmBvC;UAAA;UAAAwC,eAAA,EAC5BvD,KAAA,CAAAiD,KAAA,CAAAC,UAAA,CAAAC;QAAA,C,IAGnBK,KAAA,CAAC;UAAAZ,SAAA,EAAe,GAAAlD,SAAA,gBAA4B;UAAA8C,QAAA,GAC1CH,IAAA,CAAC;YAAAO,SAAA,EAAgB,GAAAlD,SAAA,gBAA4B;YAAA8C,QAAA,EAC1CiB,MAAA,CAAOxC,QAAA,IAAW,EAAAyC,QAAA,IAAe;UAAA,C,GAEpCrB,IAAA,CAAAlD,IAAA;YAAAyD,SAAA,EACa,GAAAlD,SAAA,gBAAAA,SAAA,gBAAqDqB,GAAA,CAAA2B,SAAA,EAAe;YAAAiB,SAAA,EACrE;YAAAnB,QAAA,EAETzD,cAAA,CAAeiB,KAAA,CAAAO,MAAA,CAAAqD,QAAA,EAAuBtC,IAAA;UAAA,C,GAEzCe,IAAA,CAAA5C,YAAA;YAAAiB,IAAA,EAAoB,GAAGA,IAAA,YAAgB;YAAAG;UAAA,C,GACtCW,cAAA,IAAkBa,IAAA,CAAAnD,SAAA;YAAA2E,KAAA,EAAkB1D,UAAA;YAAAmB,IAAA;YAAAwC,WAAA;UAAA,C;;qBAI9B/C,GAAA,CAAAqB,SAAA;QAAA2B,QAAA,EAEH7B,EAAmC;QAAAM,QAAA,EAE7CH,IAAA,CAAAhD,YAAA;UAAAuD,SAAA,EACa,GAAAlD,SAAA,UAAsB;UAAAiD,MAAA,EACzB3C,KAAA,CAAA2C,MAAA;UAAAvC,WAAA;UAAA4D,OAAA,EAEA;UAAAtD,IAAA;UAAAE,WAAA,EAEKA,WAAA,EAAAX,MAAA,GAAsBD,KAAA,CAAAiE,IAAA,GAAAtB,MAAA;UAAA9B,QAAA;UAAAK,UAAA,EAEvB,GAAGA,UAAA,IAAclB,KAAA,CAAAiE,IAAA;QAAY,C;SAXtClD,GAAA,CAAAoB,EAAM;IAAA,GA3DR,GAAGxB,UAAA,QAAkBM,QAAA,EAAU;IAAApB,CAAA,MAAAwB,SAAA;IAAAxB,CAAA,MAAAgB,QAAA;IAAAhB,CAAA,MAAAC,MAAA;IAAAD,CAAA,MAAAI,MAAA;IAAAJ,CAAA,MAAAkB,GAAA;IAAAlB,CAAA,MAAAK,YAAA;IAAAL,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAQ,UAAA;IAAAR,CAAA,OAAAS,UAAA;IAAAT,CAAA,OAAAU,MAAA;IAAAV,CAAA,OAAAY,OAAA;IAAAZ,CAAA,OAAAiB,SAAA;IAAAjB,CAAA,OAAAmB,QAAA;IAAAnB,CAAA,OAAAoB,QAAA;IAAApB,CAAA,OAAA2B,cAAA;IAAA3B,CAAA,OAAAE,UAAA;IAAAF,CAAA,OAAAW,SAAA;IAAAX,CAAA,OAAAyB,IAAA;IAAAzB,CAAA,OAAAa,IAAA;IAAAb,CAAA,OAAAM,UAAA;IAAAN,CAAA,OAAAsB,WAAA;IAAAtB,CAAA,OAAAe,WAAA,EAAAX,MAAA;IAAAJ,CAAA,OAAAqB,UAAA;IAAArB,CAAA,OAAAO,WAAA;IAAAP,CAAA,OAAAgC,UAAA;IAAAhC,CAAA,OAAAkC,EAAA;IAAAlC,CAAA,OAAAuB,UAAA;IAAAvB,CAAA,OAAAc,UAAA;IAAAd,CAAA,OAAAoC,EAAA;EAAA;IAAAA,EAAA,GAAApC,CAAA;EAAA;EAAA,OAFtCoC,EAEsC;AAAA,CA2E1C","ignoreList":[]}

package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss

@@ -3,34 +3,36 @@
 $icon-width: base(2);
 $icon-margin: base(0.25);
 
-.block-search {
-  position: sticky;
-  top: 0;
-  display: flex;
-  width: 100%;
-  align-items: center;
-  z-index: 1;
+@layer payload-default {
+  .block-search {
+    position: sticky;
+    top: 0;
+    display: flex;
+    width: 100%;
+    align-items: center;
+    z-index: 1;
 
-  &__input {
-    @include formInput;
-  }
+    &__input {
+      @include formInput;
+    }
 
-  .icon--search {
-    position: absolute;
-    top: 50%;
-    transform: translate3d(0, -50%, 0);
-    right: 0;
-    width: $icon-width;
-    margin: 0 $icon-margin;
+    .icon--search {
+      position: absolute;
+      top: 50%;
+      transform: translate3d(0, -50%, 0);
+      right: 0;
+      width: $icon-width;
+      margin: 0 $icon-margin;
 
-    .stroke {
-      stroke: var(--theme-elevation-300);
+      .stroke {
+        stroke: var(--theme-elevation-300);
+      }
     }
-  }
 
-  @include mid-break {
-    &__input {
-      margin-bottom: 0;
+    @include mid-break {
+      &__input {
+        margin-bottom: 0;
+      }
     }
   }
 }

package/dist/fields/Blocks/BlocksDrawer/index.scss

@@ -1,48 +1,50 @@
 @import '../../../scss/styles.scss';
 
-.blocks-drawer {
-  &__blocks-wrapper {
-    padding-top: base(1.5);
-  }
-
-  &__blocks {
-    position: relative;
-    padding: 0;
-    list-style: none;
-    display: grid;
-    grid-template-columns: repeat(6, 1fr);
-    gap: base(1);
-  }
-
-  &__default-image {
-    width: 100%;
-    overflow: hidden;
-    padding-top: base(0.75);
-  }
+@layer payload-default {
+  .blocks-drawer {
+    &__blocks-wrapper {
+      padding-top: base(1.5);
+    }
 
-  @include large-break {
     &__blocks {
-      grid-template-columns: repeat(5, 1fr);
+      position: relative;
+      padding: 0;
+      list-style: none;
+      display: grid;
+      grid-template-columns: repeat(6, 1fr);
+      gap: base(1);
     }
-  }
 
-  @include mid-break {
-    &__blocks-wrapper {
-      padding-top: base(1.75);
+    &__default-image {
+      width: 100%;
+      overflow: hidden;
+      padding-top: base(0.75);
     }
-    &__blocks {
-      grid-template-columns: repeat(3, 1fr);
-      gap: base(0.5);
+
+    @include large-break {
+      &__blocks {
+        grid-template-columns: repeat(5, 1fr);
+      }
     }
-  }
 
-  @include small-break {
-    &__blocks-wrapper {
-      padding-top: base(0.75);
+    @include mid-break {
+      &__blocks-wrapper {
+        padding-top: base(1.75);
+      }
+      &__blocks {
+        grid-template-columns: repeat(3, 1fr);
+        gap: base(0.5);
+      }
     }
 
-    &__blocks {
-      grid-template-columns: repeat(2, 1fr);
+    @include small-break {
+      &__blocks-wrapper {
+        padding-top: base(0.75);
+      }
+
+      &__blocks {
+        grid-template-columns: repeat(2, 1fr);
+      }
     }
   }
 }

package/dist/fields/Blocks/SectionTitle/index.scss

@@ -1,61 +1,63 @@
 @import '../../../scss/styles.scss';
 
-.section-title {
-  position: relative;
-  min-width: base(4);
-  max-width: 100%;
-  pointer-events: all;
-  display: flex;
-  overflow: hidden;
-
-  &:after {
-    display: block;
-    content: attr(data-value) ' ';
-    visibility: hidden;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-width: 100%;
-  }
-
-  &:after,
-  &__input {
-    font-family: var(--font-body);
-    font-weight: 600;
-    font-size: base(0.625);
-    padding: 0;
-    width: 100%;
-  }
-
-  &__input {
-    color: var(--theme-elevation-800);
-    background-color: transparent;
-    border: none;
-    min-width: min-content;
-    width: 100%;
+@layer payload-default {
+  .section-title {
+    position: relative;
+    min-width: base(4);
     max-width: 100%;
+    pointer-events: all;
+    display: flex;
     overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    resize: none;
-    appearance: none;
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
 
-    &:hover {
-      box-shadow: inset 0px -2px 0px -1px var(--theme-elevation-150);
+    &:after {
+      display: block;
+      content: attr(data-value) ' ';
+      visibility: hidden;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 100%;
     }
 
-    &:hover,
-    &:focus {
-      outline: 0;
+    &:after,
+    &__input {
+      font-family: var(--font-body);
+      font-weight: 600;
+      font-size: base(0.625);
+      padding: 0;
+      width: 100%;
     }
 
-    &:focus {
-      box-shadow: none;
+    &__input {
+      color: var(--theme-elevation-800);
+      background-color: transparent;
+      border: none;
+      min-width: min-content;
+      width: 100%;
+      max-width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      resize: none;
+      appearance: none;
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+
+      &:hover {
+        box-shadow: inset 0px -2px 0px -1px var(--theme-elevation-150);
+      }
+
+      &:hover,
+      &:focus {
+        outline: 0;
+      }
+
+      &:focus {
+        box-shadow: none;
+      }
     }
   }
 }

package/dist/fields/Blocks/index.scss

@@ -1,119 +1,121 @@
 @import '../../scss/styles.scss';
 
-.blocks-field {
-  display: flex;
-  flex-direction: column;
-  gap: calc(var(--base) / 2);
+@layer payload-default {
+  .blocks-field {
+    display: flex;
+    flex-direction: column;
+    gap: calc(var(--base) / 2);
 
-  &__header {
-    h3 {
-      margin: 0;
+    &__header {
+      h3 {
+        margin: 0;
+      }
     }
-  }
 
-  &__header-wrap {
-    display: flex;
-    align-items: flex-end;
-    width: 100%;
-    justify-content: space-between;
-  }
+    &__header-wrap {
+      display: flex;
+      align-items: flex-end;
+      width: 100%;
+      justify-content: space-between;
+    }
 
-  &__heading-with-error {
-    display: flex;
-    align-items: center;
-    gap: base(0.5);
-  }
+    &__heading-with-error {
+      display: flex;
+      align-items: center;
+      gap: base(0.5);
+    }
 
-  &--has-no-error {
-    > .array-field__header .array-field__heading-with-error {
-      color: var(--theme-text);
+    &--has-no-error {
+      > .array-field__header .array-field__heading-with-error {
+        color: var(--theme-text);
+      }
     }
-  }
 
-  &--has-error {
-    > .array-field__header {
-      color: var(--theme-error-500);
+    &--has-error {
+      > .array-field__header {
+        color: var(--theme-error-500);
+      }
     }
-  }
 
-  &__error-pill {
-    align-self: center;
-  }
+    &__error-pill {
+      align-self: center;
+    }
 
-  &__header-actions {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-  }
+    &__header-actions {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+    }
 
-  &__header-action {
-    @extend %btn-reset;
-    cursor: pointer;
-    margin-left: base(0.5);
+    &__header-action {
+      @extend %btn-reset;
+      cursor: pointer;
+      margin-left: base(0.5);
 
-    &:hover,
-    &:focus-visible {
-      text-decoration: underline;
+      &:hover,
+      &:focus-visible {
+        text-decoration: underline;
+      }
     }
-  }
-
-  &__block-header {
-    display: inline-flex;
-    max-width: 100%;
-    width: 100%;
-    overflow: hidden;
-    gap: base(0.375);
-  }
 
-  &__block-number {
-    flex-shrink: 0;
-  }
+    &__block-header {
+      display: inline-flex;
+      max-width: 100%;
+      width: 100%;
+      overflow: hidden;
+      gap: base(0.375);
+    }
 
-  &__block-pill {
-    flex-shrink: 0;
-    display: block;
-    line-height: unset;
-  }
+    &__block-number {
+      flex-shrink: 0;
+    }
 
-  &__rows {
-    display: flex;
-    flex-direction: column;
-    gap: calc(var(--base) / 2);
-  }
+    &__block-pill {
+      flex-shrink: 0;
+      display: block;
+      line-height: unset;
+    }
 
-  &__drawer-toggler {
-    background-color: transparent;
-    margin: 0;
-    padding: 0;
-    border: none;
-    align-self: flex-start;
+    &__rows {
+      display: flex;
+      flex-direction: column;
+      gap: calc(var(--base) / 2);
+    }
 
-    .btn {
-      color: var(--theme-elevation-400);
+    &__drawer-toggler {
+      background-color: transparent;
       margin: 0;
+      padding: 0;
+      border: none;
+      align-self: flex-start;
 
-      &:hover {
-        color: var(--theme-elevation-800);
+      .btn {
+        color: var(--theme-elevation-400);
+        margin: 0;
+
+        &:hover {
+          color: var(--theme-elevation-800);
+        }
       }
     }
   }
-}
 
-html[data-theme='light'] {
-  .blocks-field--has-error {
-    .section-title__input,
-    .blocks-field__heading-with-error {
-      color: var(--theme-error-750);
+  html[data-theme='light'] {
+    .blocks-field--has-error {
+      .section-title__input,
+      .blocks-field__heading-with-error {
+        color: var(--theme-error-750);
+      }
     }
   }
-}
 
-html[data-theme='dark'] {
-  .blocks-field--has-error {
-    .section-title__input,
-    .blocks-field__heading-with-error {
-      color: var(--theme-error-500);
+  html[data-theme='dark'] {
+    .blocks-field--has-error {
+      .section-title__input,
+      .blocks-field__heading-with-error {
+        color: var(--theme-error-500);
+      }
     }
   }
 }

package/dist/fields/Checkbox/Input.js

@@ -41,7 +41,7 @@ export const CheckboxInput = ({
         required: required,
         type: "checkbox"
       }), /*#__PURE__*/_jsxs("span", {
-        className: [`${inputBaseClass}__icon`, !checked && partialChecked ? 'check' : 'partial'].filter(Boolean).join(' '),
+        className: [`${inputBaseClass}__icon`, !checked && partialChecked ? 'partial' : 'check'].filter(Boolean).join(' '),
         children: [checked && /*#__PURE__*/_jsx(CheckIcon, {}), !checked && partialChecked && /*#__PURE__*/_jsx(LineIcon, {})]
       }), /*#__PURE__*/_jsx(RenderComponent, {
         mappedComponent: afterInput

package/dist/fields/Checkbox/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["React","CheckIcon","LineIcon","RenderComponent","FieldLabel","inputBaseClass","CheckboxInput","id","name","afterInput","beforeInput","checked","className","field","inputRef","Label","label","labelProps","onToggle","partialChecked","readOnly","required","_jsxs","filter","Boolean","join","_jsx","mappedComponent","defaultChecked","disabled","onInput","ref","type","htmlFor"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type {\n  CheckboxFieldClient,\n  FieldLabelClientProps,\n  MappedComponent,\n  StaticLabel,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport React from 'react'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { LineIcon } from '../../icons/Line/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\n\nexport type CheckboxInputProps = {\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly checked?: boolean\n  readonly className?: string\n  readonly field?: MarkOptional<CheckboxFieldClient, 'type'>\n  readonly id?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement | null>\n  readonly Label?: MappedComponent\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<CheckboxFieldClient, 'type'>>\n  readonly name?: string\n  readonly onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  readonly partialChecked?: boolean\n  readonly readOnly?: boolean\n  readonly required?: boolean\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n  id,\n  name,\n  afterInput,\n  beforeInput,\n  checked,\n  className,\n  field,\n  inputRef,\n  Label,\n  label,\n  labelProps,\n  onToggle,\n  partialChecked,\n  readOnly,\n  required,\n}) => {\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${inputBaseClass}__input`}>\n        <RenderComponent mappedComponent={beforeInput} />\n        <input\n          aria-label=\"\"\n          defaultChecked={Boolean(checked)}\n          disabled={readOnly}\n          id={id}\n          name={name}\n          onInput={onToggle}\n          ref={inputRef}\n          required={required}\n          type=\"checkbox\"\n        />\n        <span\n          className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'check' : 'partial']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && <CheckIcon />}\n          {!checked && partialChecked && <LineIcon />}\n        </span>\n        <RenderComponent mappedComponent={afterInput} />\n      </div>\n      <FieldLabel\n        field={field}\n        htmlFor={id}\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AASA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAoB3B,OAAO,MAAMC,cAAA,GAAiB;AAE9B,OAAO,MAAMC,aAAA,GAA8CA,CAAC;EAC1DC,EAAE;EACFC,IAAI;EACJC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,cAAc;EACdC,QAAQ;EACRC;AAAQ,CACT;EACC,oBACEC,KAAA,CAAC;IACCV,SAAA,EAAW,CACTA,SAAA,EACAP,cAAA,EACAM,OAAA,IAAW,GAAGN,cAAA,WAAyB,EACvCe,QAAA,IAAY,GAAGf,cAAA,aAA2B,CAC3C,CACEkB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;4BAERH,KAAA,CAAC;MAAIV,SAAA,EAAW,GAAGP,cAAA,SAAuB;8BACxCqB,IAAA,CAACvB,eAAA;QAAgBwB,eAAA,EAAiBjB;uBAClCgB,IAAA,CAAC;QACC,cAAW;QACXE,cAAA,EAAgBJ,OAAA,CAAQb,OAAA;QACxBkB,QAAA,EAAUT,QAAA;QACVb,EAAA,EAAIA,EAAA;QACJC,IAAA,EAAMA,IAAA;QACNsB,OAAA,EAASZ,QAAA;QACTa,GAAA,EAAKjB,QAAA;QACLO,QAAA,EAAUA,QAAA;QACVW,IAAA,EAAK;uBAEPV,KAAA,CAAC;QACCV,SAAA,EAAW,CAAC,GAAGP,cAAA,QAAsB,EAAE,CAACM,OAAA,IAAWQ,cAAA,GAAiB,UAAU,UAAU,CACrFI,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;mBAEPd,OAAA,iBAAWe,IAAA,CAACzB,SAAA,OACZ,CAACU,OAAA,IAAWQ,cAAA,iBAAkBO,IAAA,CAACxB,QAAA;uBAElCwB,IAAA,CAACvB,eAAA;QAAgBwB,eAAA,EAAiBlB;;qBAEpCiB,IAAA,CAACtB,UAAA;MACCS,KAAA,EAAOA,KAAA;MACPoB,OAAA,EAAS1B,EAAA;MACTQ,KAAA,EAAOA,KAAA;MACPC,KAAA,EAAOA,KAAA;MACPK,QAAA,EAAUA,QAAA;MACT,IAAIJ,UAAA,IAAc,CAAC,CAAC;;;AAI7B","ignoreList":[]}
+{"version":3,"file":"Input.js","names":["React","CheckIcon","LineIcon","RenderComponent","FieldLabel","inputBaseClass","CheckboxInput","id","name","afterInput","beforeInput","checked","className","field","inputRef","Label","label","labelProps","onToggle","partialChecked","readOnly","required","_jsxs","filter","Boolean","join","_jsx","mappedComponent","defaultChecked","disabled","onInput","ref","type","htmlFor"],"sources":["../../../src/fields/Checkbox/Input.tsx"],"sourcesContent":["'use client'\nimport type {\n  CheckboxFieldClient,\n  FieldLabelClientProps,\n  MappedComponent,\n  StaticLabel,\n} from 'payload'\nimport type { MarkOptional } from 'ts-essentials'\n\nimport React from 'react'\n\nimport { CheckIcon } from '../../icons/Check/index.js'\nimport { LineIcon } from '../../icons/Line/index.js'\nimport { RenderComponent } from '../../providers/Config/RenderComponent.js'\nimport { FieldLabel } from '../FieldLabel/index.js'\n\nexport type CheckboxInputProps = {\n  readonly afterInput?: MappedComponent[]\n  readonly beforeInput?: MappedComponent[]\n  readonly checked?: boolean\n  readonly className?: string\n  readonly field?: MarkOptional<CheckboxFieldClient, 'type'>\n  readonly id?: string\n  readonly inputRef?: React.RefObject<HTMLInputElement | null>\n  readonly Label?: MappedComponent\n  readonly label?: StaticLabel\n  readonly labelProps?: FieldLabelClientProps<MarkOptional<CheckboxFieldClient, 'type'>>\n  readonly name?: string\n  readonly onToggle: (event: React.ChangeEvent<HTMLInputElement>) => void\n  readonly partialChecked?: boolean\n  readonly readOnly?: boolean\n  readonly required?: boolean\n}\n\nexport const inputBaseClass = 'checkbox-input'\n\nexport const CheckboxInput: React.FC<CheckboxInputProps> = ({\n  id,\n  name,\n  afterInput,\n  beforeInput,\n  checked,\n  className,\n  field,\n  inputRef,\n  Label,\n  label,\n  labelProps,\n  onToggle,\n  partialChecked,\n  readOnly,\n  required,\n}) => {\n  return (\n    <div\n      className={[\n        className,\n        inputBaseClass,\n        checked && `${inputBaseClass}--checked`,\n        readOnly && `${inputBaseClass}--read-only`,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <div className={`${inputBaseClass}__input`}>\n        <RenderComponent mappedComponent={beforeInput} />\n        <input\n          aria-label=\"\"\n          defaultChecked={Boolean(checked)}\n          disabled={readOnly}\n          id={id}\n          name={name}\n          onInput={onToggle}\n          ref={inputRef}\n          required={required}\n          type=\"checkbox\"\n        />\n        <span\n          className={[`${inputBaseClass}__icon`, !checked && partialChecked ? 'partial' : 'check']\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && <CheckIcon />}\n          {!checked && partialChecked && <LineIcon />}\n        </span>\n        <RenderComponent mappedComponent={afterInput} />\n      </div>\n      <FieldLabel\n        field={field}\n        htmlFor={id}\n        Label={Label}\n        label={label}\n        required={required}\n        {...(labelProps || {})}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AASA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAS,QAAQ;AAC1B,SAASC,QAAQ,QAAQ;AACzB,SAASC,eAAe,QAAQ;AAChC,SAASC,UAAU,QAAQ;AAoB3B,OAAO,MAAMC,cAAA,GAAiB;AAE9B,OAAO,MAAMC,aAAA,GAA8CA,CAAC;EAC1DC,EAAE;EACFC,IAAI;EACJC,UAAU;EACVC,WAAW;EACXC,OAAO;EACPC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,KAAK;EACLC,UAAU;EACVC,QAAQ;EACRC,cAAc;EACdC,QAAQ;EACRC;AAAQ,CACT;EACC,oBACEC,KAAA,CAAC;IACCV,SAAA,EAAW,CACTA,SAAA,EACAP,cAAA,EACAM,OAAA,IAAW,GAAGN,cAAA,WAAyB,EACvCe,QAAA,IAAY,GAAGf,cAAA,aAA2B,CAC3C,CACEkB,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;4BAERH,KAAA,CAAC;MAAIV,SAAA,EAAW,GAAGP,cAAA,SAAuB;8BACxCqB,IAAA,CAACvB,eAAA;QAAgBwB,eAAA,EAAiBjB;uBAClCgB,IAAA,CAAC;QACC,cAAW;QACXE,cAAA,EAAgBJ,OAAA,CAAQb,OAAA;QACxBkB,QAAA,EAAUT,QAAA;QACVb,EAAA,EAAIA,EAAA;QACJC,IAAA,EAAMA,IAAA;QACNsB,OAAA,EAASZ,QAAA;QACTa,GAAA,EAAKjB,QAAA;QACLO,QAAA,EAAUA,QAAA;QACVW,IAAA,EAAK;uBAEPV,KAAA,CAAC;QACCV,SAAA,EAAW,CAAC,GAAGP,cAAA,QAAsB,EAAE,CAACM,OAAA,IAAWQ,cAAA,GAAiB,YAAY,QAAQ,CACrFI,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;mBAEPd,OAAA,iBAAWe,IAAA,CAACzB,SAAA,OACZ,CAACU,OAAA,IAAWQ,cAAA,iBAAkBO,IAAA,CAACxB,QAAA;uBAElCwB,IAAA,CAACvB,eAAA;QAAgBwB,eAAA,EAAiBlB;;qBAEpCiB,IAAA,CAACtB,UAAA;MACCS,KAAA,EAAOA,KAAA;MACPoB,OAAA,EAAS1B,EAAA;MACTQ,KAAA,EAAOA,KAAA;MACPC,KAAA,EAAOA,KAAA;MACPK,QAAA,EAAUA,QAAA;MACT,IAAIJ,UAAA,IAAc,CAAC,CAAC;;;AAI7B","ignoreList":[]}