@payloadcms/ui 3.84.1 → 4.0.0-internal.d28e9fb

package/dist/providers/TableColumns/buildColumnState/renderCell.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { MissingEditorProp } from 'payload';
 import { formatAdminURL } from 'payload/shared';
+import React from 'react';
 import { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js';
 import { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js';
-import { DefaultCell, RenderDefaultCell } from '../../../exports/client/index.js';
+import { DefaultCell, FolderIcon, RenderDefaultCell, TagIcon } from '../../../exports/client/index.js';
 import { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js';
 import { findValueFromPath } from './findValueFromPath.js';
 export function renderCell({
@@ -80,9 +81,41 @@ export function renderCell({
       };
     }
   }
+  // Check if this is a hierarchy relationship field and pre-render the icon
+  let hierarchyIcon = undefined;
+  if (clientField.type === 'relationship' && 'relationTo' in clientField) {
+    const relationTo = clientField.relationTo;
+    if (typeof relationTo === 'string') {
+      const relatedCollectionConfig = payload.collections[relationTo]?.config;
+      const hierarchyConfig = relatedCollectionConfig?.hierarchy;
+      if (hierarchyConfig && typeof hierarchyConfig === 'object') {
+        const iconComponent = hierarchyConfig.admin?.components?.Icon;
+        if (iconComponent) {
+          // Pre-render the custom icon
+          hierarchyIcon = RenderServerComponent({
+            Component: iconComponent,
+            importMap: payload.importMap
+          });
+        } else {
+          // Use default icon based on allowHasMany
+          hierarchyIcon = hierarchyConfig.allowHasMany === false ? /*#__PURE__*/_jsx(FolderIcon, {
+            color: "muted"
+          }) : /*#__PURE__*/_jsx(TagIcon, {
+            color: "muted"
+          });
+        }
+      }
+    }
+  }
   const cellClientProps = {
     ...baseCellClientProps,
     cellData,
+    customCellProps: {
+      ...baseCellClientProps.customCellProps,
+      ...(hierarchyIcon ? {
+        hierarchyIcon
+      } : {})
+    },
     field: enrichedClientField,
     link: shouldLink,
     linkURL: customLinkURL,

package/dist/providers/TableColumns/buildColumnState/renderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderCell.js","names":["MissingEditorProp","formatAdminURL","RenderCustomComponent","RenderServerComponent","DefaultCell","RenderDefaultCell","hasOptionLabelJSXElement","findValueFromPath","renderCell","clientField","collectionSlug","columnIndex","customCellProps","doc","enableRowSelections","i18n","isLinkedColumn","payload","req","rowIndex","serverField","viewType","baseCellClientProps","cellData","undefined","field","rowData","accessor","name","shouldLink","customLinkURL","collectionConfig","collections","config","formatDocURL","admin","adminRoute","routes","defaultURL","path","encodeURIComponent","String","id","customURL","_displayStatus","enrichedClientField","type","hasChangedOption","options","some","opt","value","label","t","cellClientProps","link","linkURL","cellServerProps","className","onClick","CustomCell","editor","Error","components","CustomCellComponent","Cell","clientProps","Component","CellComponent","importMap","serverProps","_jsx","CustomComponent","Fallback"],"sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientField,\n  DefaultCellComponentProps,\n  DefaultServerCellComponentProps,\n  Document,\n  Field,\n  Payload,\n  PayloadRequest,\n  ViewTypes,\n} from 'payload'\n\nimport { MissingEditorProp } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  DefaultCell,\n  RenderDefaultCell,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js'\nimport { findValueFromPath } from './findValueFromPath.js'\n\ntype RenderCellArgs = {\n  readonly clientField: ClientField\n  readonly collectionSlug: string\n  readonly columnIndex: number\n  readonly customCellProps: DefaultCellComponentProps['customCellProps']\n  readonly doc: Document\n  readonly enableRowSelections: boolean\n  readonly i18n: I18nClient\n  readonly isLinkedColumn: boolean\n  readonly payload: Payload\n  readonly req?: PayloadRequest\n  readonly rowIndex: number\n  readonly serverField: Field\n  readonly viewType?: ViewTypes\n}\nexport function renderCell({\n  clientField,\n  collectionSlug,\n  columnIndex,\n  customCellProps,\n  doc,\n  enableRowSelections,\n  i18n,\n  isLinkedColumn,\n  payload,\n  req,\n  rowIndex,\n  serverField,\n  viewType,\n}: RenderCellArgs) {\n  const baseCellClientProps: DefaultCellComponentProps = {\n    cellData: undefined,\n    collectionSlug,\n    customCellProps,\n    field: clientField,\n    rowData: undefined,\n    viewType,\n  }\n\n  const accessor: string | undefined =\n    ('accessor' in clientField ? (clientField.accessor as string) : undefined) ??\n    ('name' in clientField ? clientField.name : undefined)\n\n  // Check if there's a custom formatDocURL function for this linked column\n  let shouldLink = isLinkedColumn\n  let customLinkURL: string | undefined\n\n  if (isLinkedColumn && req) {\n    const collectionConfig = payload.collections[collectionSlug]?.config\n    const formatDocURL = collectionConfig?.admin?.formatDocURL\n\n    if (typeof formatDocURL === 'function') {\n      // Generate the default URL that would normally be used\n      const adminRoute = req.payload.config.routes?.admin || '/admin'\n      const defaultURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(doc.id))}`,\n      })\n\n      const customURL = formatDocURL({\n        collectionSlug,\n        defaultURL,\n        doc,\n        req,\n        viewType,\n      })\n\n      if (customURL === null) {\n        // formatDocURL returned null = disable linking entirely\n        shouldLink = false\n      } else if (typeof customURL === 'string') {\n        // formatDocURL returned a string = use custom URL\n        shouldLink = true\n        customLinkURL = customURL\n      } else {\n        // formatDocURL returned unexpected type = disable linking for safety\n        shouldLink = false\n      }\n    }\n  }\n\n  // For _status field, use _displayStatus if available (for showing \"changed\" status in list view)\n  const cellData =\n    'name' in clientField && accessor === '_status' && '_displayStatus' in doc\n      ? doc._displayStatus\n      : 'name' in clientField\n        ? findValueFromPath(doc, accessor)\n        : undefined\n\n  // For _status field, add 'changed' option for display purposes\n  // The 'changed' status is computed at runtime\n  let enrichedClientField = clientField\n  if ('name' in clientField && accessor === '_status' && clientField.type === 'select') {\n    const hasChangedOption = clientField.options?.some(\n      (opt) => (typeof opt === 'object' ? opt.value : opt) === 'changed',\n    )\n    if (!hasChangedOption) {\n      enrichedClientField = {\n        ...clientField,\n        options: [\n          ...(clientField.options || []),\n          {\n            label: i18n.t('version:draftHasPublishedVersion'),\n            value: 'changed',\n          },\n        ],\n      }\n    }\n  }\n\n  const cellClientProps: DefaultCellComponentProps = {\n    ...baseCellClientProps,\n    cellData,\n    field: enrichedClientField,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    rowData: doc,\n  }\n\n  const cellServerProps: DefaultServerCellComponentProps = {\n    cellData: cellClientProps.cellData,\n    className: baseCellClientProps.className,\n    collectionConfig: payload.collections[collectionSlug].config,\n    collectionSlug,\n    columnIndex,\n    customCellProps: baseCellClientProps.customCellProps,\n    field: serverField,\n    i18n,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    onClick: baseCellClientProps.onClick,\n    payload,\n    rowData: doc,\n  }\n\n  let CustomCell = null\n\n  if (serverField?.type === 'richText') {\n    if (!serverField?.editor) {\n      throw new MissingEditorProp(serverField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n    }\n\n    if (typeof serverField?.editor === 'function') {\n      throw new Error('Attempted to access unsanitized rich text editor.')\n    }\n\n    if (!serverField.admin) {\n      serverField.admin = {}\n    }\n\n    if (!serverField.admin.components) {\n      serverField.admin.components = {}\n    }\n\n    const CustomCellComponent = serverField.admin.components.Cell\n\n    CustomCell = RenderServerComponent({\n      clientProps: cellClientProps,\n      Component: CustomCellComponent ?? serverField.editor.CellComponent,\n      importMap: payload.importMap,\n      serverProps: cellServerProps,\n    })\n  } else {\n    const CustomCellComponent = serverField?.admin?.components?.Cell\n\n    if (CustomCellComponent) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: CustomCellComponent,\n        importMap: payload.importMap,\n        serverProps: cellServerProps,\n      })\n    } else if (\n      cellClientProps.cellData &&\n      cellClientProps.field &&\n      hasOptionLabelJSXElement(cellClientProps)\n    ) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: DefaultCell,\n        importMap: payload.importMap,\n      })\n    } else {\n      const CustomCellComponent = serverField?.admin?.components?.Cell\n\n      if (CustomCellComponent) {\n        CustomCell = RenderServerComponent({\n          clientProps: cellClientProps,\n          Component: CustomCellComponent,\n          importMap: payload.importMap,\n          serverProps: cellServerProps,\n        })\n      } else {\n        CustomCell = undefined\n      }\n    }\n  }\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomCell}\n      Fallback={\n        <RenderDefaultCell\n          clientProps={cellClientProps}\n          columnIndex={columnIndex}\n          enableRowSelections={enableRowSelections}\n          isLinkedColumn={isLinkedColumn}\n        />\n      }\n      key={`${rowIndex}-${columnIndex}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"renderCell.js","names":["MissingEditorProp","formatAdminURL","React","RenderCustomComponent","RenderServerComponent","DefaultCell","FolderIcon","RenderDefaultCell","TagIcon","hasOptionLabelJSXElement","findValueFromPath","renderCell","clientField","collectionSlug","columnIndex","customCellProps","doc","enableRowSelections","i18n","isLinkedColumn","payload","req","rowIndex","serverField","viewType","baseCellClientProps","cellData","undefined","field","rowData","accessor","name","shouldLink","customLinkURL","collectionConfig","collections","config","formatDocURL","admin","adminRoute","routes","defaultURL","path","encodeURIComponent","String","id","customURL","_displayStatus","enrichedClientField","type","hasChangedOption","options","some","opt","value","label","t","hierarchyIcon","relationTo","relatedCollectionConfig","hierarchyConfig","hierarchy","iconComponent","components","Icon","Component","importMap","allowHasMany","_jsx","color","cellClientProps","link","linkURL","cellServerProps","className","onClick","CustomCell","editor","Error","CustomCellComponent","Cell","clientProps","CellComponent","serverProps","CustomComponent","Fallback"],"sources":["../../../../src/providers/TableColumns/buildColumnState/renderCell.tsx"],"sourcesContent":["import type { I18nClient } from '@payloadcms/translations'\nimport type {\n  ClientField,\n  DefaultCellComponentProps,\n  DefaultServerCellComponentProps,\n  Document,\n  Field,\n  Payload,\n  PayloadRequest,\n  ViewTypes,\n} from 'payload'\n\nimport { MissingEditorProp } from 'payload'\nimport { formatAdminURL } from 'payload/shared'\nimport React from 'react'\n\nimport { RenderCustomComponent } from '../../../elements/RenderCustomComponent/index.js'\nimport { RenderServerComponent } from '../../../elements/RenderServerComponent/index.js'\nimport {\n  DefaultCell,\n  FolderIcon,\n  RenderDefaultCell,\n  TagIcon,\n  // eslint-disable-next-line payload/no-imports-from-exports-dir -- MUST reference the exports dir: https://github.com/payloadcms/payload/issues/12002#issuecomment-2791493587\n} from '../../../exports/client/index.js'\nimport { hasOptionLabelJSXElement } from '../../../utilities/hasOptionLabelJSXElement.js'\nimport { findValueFromPath } from './findValueFromPath.js'\n\ntype RenderCellArgs = {\n  readonly clientField: ClientField\n  readonly collectionSlug: string\n  readonly columnIndex: number\n  readonly customCellProps: DefaultCellComponentProps['customCellProps']\n  readonly doc: Document\n  readonly enableRowSelections: boolean\n  readonly i18n: I18nClient\n  readonly isLinkedColumn: boolean\n  readonly payload: Payload\n  readonly req?: PayloadRequest\n  readonly rowIndex: number\n  readonly serverField: Field\n  readonly viewType?: ViewTypes\n}\nexport function renderCell({\n  clientField,\n  collectionSlug,\n  columnIndex,\n  customCellProps,\n  doc,\n  enableRowSelections,\n  i18n,\n  isLinkedColumn,\n  payload,\n  req,\n  rowIndex,\n  serverField,\n  viewType,\n}: RenderCellArgs) {\n  const baseCellClientProps: DefaultCellComponentProps = {\n    cellData: undefined,\n    collectionSlug,\n    customCellProps,\n    field: clientField,\n    rowData: undefined,\n    viewType,\n  }\n\n  const accessor: string | undefined =\n    ('accessor' in clientField ? (clientField.accessor as string) : undefined) ??\n    ('name' in clientField ? clientField.name : undefined)\n\n  // Check if there's a custom formatDocURL function for this linked column\n  let shouldLink = isLinkedColumn\n  let customLinkURL: string | undefined\n\n  if (isLinkedColumn && req) {\n    const collectionConfig = payload.collections[collectionSlug]?.config\n    const formatDocURL = collectionConfig?.admin?.formatDocURL\n\n    if (typeof formatDocURL === 'function') {\n      // Generate the default URL that would normally be used\n      const adminRoute = req.payload.config.routes?.admin || '/admin'\n      const defaultURL = formatAdminURL({\n        adminRoute,\n        path: `/collections/${collectionSlug}${viewType === 'trash' ? '/trash' : ''}/${encodeURIComponent(String(doc.id))}`,\n      })\n\n      const customURL = formatDocURL({\n        collectionSlug,\n        defaultURL,\n        doc,\n        req,\n        viewType,\n      })\n\n      if (customURL === null) {\n        // formatDocURL returned null = disable linking entirely\n        shouldLink = false\n      } else if (typeof customURL === 'string') {\n        // formatDocURL returned a string = use custom URL\n        shouldLink = true\n        customLinkURL = customURL\n      } else {\n        // formatDocURL returned unexpected type = disable linking for safety\n        shouldLink = false\n      }\n    }\n  }\n\n  // For _status field, use _displayStatus if available (for showing \"changed\" status in list view)\n  const cellData =\n    'name' in clientField && accessor === '_status' && '_displayStatus' in doc\n      ? doc._displayStatus\n      : 'name' in clientField\n        ? findValueFromPath(doc, accessor)\n        : undefined\n\n  // For _status field, add 'changed' option for display purposes\n  // The 'changed' status is computed at runtime\n  let enrichedClientField = clientField\n  if ('name' in clientField && accessor === '_status' && clientField.type === 'select') {\n    const hasChangedOption = clientField.options?.some(\n      (opt) => (typeof opt === 'object' ? opt.value : opt) === 'changed',\n    )\n    if (!hasChangedOption) {\n      enrichedClientField = {\n        ...clientField,\n        options: [\n          ...(clientField.options || []),\n          {\n            label: i18n.t('version:draftHasPublishedVersion'),\n            value: 'changed',\n          },\n        ],\n      }\n    }\n  }\n\n  // Check if this is a hierarchy relationship field and pre-render the icon\n  let hierarchyIcon: React.ReactNode = undefined\n  if (clientField.type === 'relationship' && 'relationTo' in clientField) {\n    const relationTo = clientField.relationTo\n    if (typeof relationTo === 'string') {\n      const relatedCollectionConfig = payload.collections[relationTo]?.config\n      const hierarchyConfig = relatedCollectionConfig?.hierarchy\n      if (hierarchyConfig && typeof hierarchyConfig === 'object') {\n        const iconComponent = hierarchyConfig.admin?.components?.Icon\n        if (iconComponent) {\n          // Pre-render the custom icon\n          hierarchyIcon = RenderServerComponent({\n            Component: iconComponent,\n            importMap: payload.importMap,\n          })\n        } else {\n          // Use default icon based on allowHasMany\n          hierarchyIcon =\n            hierarchyConfig.allowHasMany === false ? (\n              <FolderIcon color=\"muted\" />\n            ) : (\n              <TagIcon color=\"muted\" />\n            )\n        }\n      }\n    }\n  }\n\n  const cellClientProps: DefaultCellComponentProps = {\n    ...baseCellClientProps,\n    cellData,\n    customCellProps: {\n      ...baseCellClientProps.customCellProps,\n      ...(hierarchyIcon ? { hierarchyIcon } : {}),\n    },\n    field: enrichedClientField,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    rowData: doc,\n  }\n\n  const cellServerProps: DefaultServerCellComponentProps = {\n    cellData: cellClientProps.cellData,\n    className: baseCellClientProps.className,\n    collectionConfig: payload.collections[collectionSlug].config,\n    collectionSlug,\n    columnIndex,\n    customCellProps: baseCellClientProps.customCellProps,\n    field: serverField,\n    i18n,\n    link: shouldLink,\n    linkURL: customLinkURL,\n    onClick: baseCellClientProps.onClick,\n    payload,\n    rowData: doc,\n  }\n\n  let CustomCell = null\n\n  if (serverField?.type === 'richText') {\n    if (!serverField?.editor) {\n      throw new MissingEditorProp(serverField) // while we allow disabling editor functionality, you should not have any richText fields defined if you do not have an editor\n    }\n\n    if (typeof serverField?.editor === 'function') {\n      throw new Error('Attempted to access unsanitized rich text editor.')\n    }\n\n    if (!serverField.admin) {\n      serverField.admin = {}\n    }\n\n    if (!serverField.admin.components) {\n      serverField.admin.components = {}\n    }\n\n    const CustomCellComponent = serverField.admin.components.Cell\n\n    CustomCell = RenderServerComponent({\n      clientProps: cellClientProps,\n      Component: CustomCellComponent ?? serverField.editor.CellComponent,\n      importMap: payload.importMap,\n      serverProps: cellServerProps,\n    })\n  } else {\n    const CustomCellComponent = serverField?.admin?.components?.Cell\n\n    if (CustomCellComponent) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: CustomCellComponent,\n        importMap: payload.importMap,\n        serverProps: cellServerProps,\n      })\n    } else if (\n      cellClientProps.cellData &&\n      cellClientProps.field &&\n      hasOptionLabelJSXElement(cellClientProps)\n    ) {\n      CustomCell = RenderServerComponent({\n        clientProps: cellClientProps,\n        Component: DefaultCell,\n        importMap: payload.importMap,\n      })\n    } else {\n      const CustomCellComponent = serverField?.admin?.components?.Cell\n\n      if (CustomCellComponent) {\n        CustomCell = RenderServerComponent({\n          clientProps: cellClientProps,\n          Component: CustomCellComponent,\n          importMap: payload.importMap,\n          serverProps: cellServerProps,\n        })\n      } else {\n        CustomCell = undefined\n      }\n    }\n  }\n\n  return (\n    <RenderCustomComponent\n      CustomComponent={CustomCell}\n      Fallback={\n        <RenderDefaultCell\n          clientProps={cellClientProps}\n          columnIndex={columnIndex}\n          enableRowSelections={enableRowSelections}\n          isLinkedColumn={isLinkedColumn}\n        />\n      }\n      key={`${rowIndex}-${columnIndex}`}\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/scss/app.scss

@@ -3,11 +3,12 @@
 @import 'styles';
 @import './toasts.scss';
 @import './colors.scss';
+@import '../styles.css';
 
 @layer payload-default {
   :root {
     --base-px: 20;
-    --base-body-size: 13;
+    --base-body-size: 16;
     --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
 
     --breakpoint-xs-width: #{$breakpoint-xs-width};
@@ -16,16 +17,15 @@
     --breakpoint-l-width: #{$breakpoint-l-width};
     --scrollbar-width: 17px;
 
-    --theme-bg: var(--theme-elevation-0);
+    --theme-bg: var(--bg-default-default);
     --theme-input-bg: var(--theme-elevation-0);
     --theme-text: var(--theme-elevation-800);
     --theme-overlay: rgba(5, 5, 5, 0.5);
     --theme-baseline: #{$baseline-px};
     --theme-baseline-body-size: #{$baseline-body-size};
-    --font-body:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --font-body: var(--font-family-sans), sans-serif;
     --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
-    --font-mono: 'SF Mono', Menlo, Consolas, Monaco, monospace;
+    --font-mono: var(--font-family-mono), 'SF Mono', Menlo, Consolas, Monaco, monospace;
 
     --style-radius-s: #{$style-radius-s};
     --style-radius-m: #{$style-radius-m};
@@ -37,9 +37,6 @@
     --z-modal: 30;
     --z-status: 40;
 
-    --accessibility-outline: 2px solid var(--theme-text);
-    --accessibility-outline-offset: 2px;
-
     --gutter-h: #{base(3)};
     --spacing-view-bottom: var(--gutter-h);
     --doc-controls-height: calc(var(--base) * 2.8);
@@ -69,28 +66,15 @@
   }
 
   html {
-    @extend %body;
-    background: var(--theme-bg);
+    background: var(--bg-default-default);
     -webkit-font-smoothing: antialiased;
 
     &[data-theme='dark'] {
-      --theme-bg: var(--theme-elevation-0);
+      --theme-bg: var(--bg-default-default);
       --theme-text: var(--theme-elevation-1000);
       --theme-input-bg: var(--theme-elevation-50);
       --theme-overlay: rgba(5, 5, 5, 0.75);
       color-scheme: dark;
-
-      ::selection {
-        color: var(--color-base-1000);
-      }
-
-      ::-moz-selection {
-        color: var(--color-base-1000);
-      }
-    }
-
-    @include mid-break {
-      font-size: 12px;
     }
   }
 
@@ -102,23 +86,16 @@
 
   body {
     font-family: var(--font-body);
-    font-weight: 400;
+    font-size: var(--text-body-medium-font-size);
+    font-weight: var(--text-body-medium-font-weight);
+    line-height: var(--text-body-medium-line-height);
+    letter-spacing: var(--text-letter-spacing);
     color: var(--theme-text);
     margin: 0;
     // this is for the nav to be able to push the document over
     overflow-x: hidden;
   }
 
-  ::selection {
-    background: var(--color-success-250);
-    color: var(--theme-base-800);
-  }
-
-  ::-moz-selection {
-    background: var(--color-success-250);
-    color: var(--theme-base-800);
-  }
-
   img {
     max-width: 100%;
     height: auto;
@@ -126,27 +103,21 @@
   }
 
   h1 {
-    @extend %h1;
   }
 
   h2 {
-    @extend %h2;
   }
 
   h3 {
-    @extend %h3;
   }
 
   h4 {
-    @extend %h4;
   }
 
   h5 {
-    @extend %h5;
   }
 
   h6 {
-    @extend %h6;
   }
 
   p {
@@ -161,6 +132,8 @@
 
   :focus-visible {
     outline: var(--accessibility-outline);
+    outline-offset: var(--accessibility-outline-offset);
+    border-radius: var(--radius-medium);
   }
 
   a {
@@ -170,12 +143,10 @@
       &:not(:focus-visible) {
         opacity: 0.8;
       }
-      outline: none;
     }
 
     &:active {
       opacity: 0.7;
-      outline: none;
     }
   }
 
@@ -190,18 +161,6 @@
     color: currentColor;
   }
 
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-  }
-
   .payload__modal-item {
     min-height: 100%;
     background: transparent;
@@ -215,10 +174,4 @@
   .payload__modal-item--enterDone {
     z-index: var(--z-modal);
   }
-
-  button {
-    font: var(--font-body);
-  }
-
-  // @import '~payload-user-css'; TODO: re-enable this
 }

package/dist/scss/colors.scss

@@ -22,86 +22,6 @@
     --color-base-950: rgb(7, 7, 7);
     --color-base-1000: rgb(0, 0, 0);
 
-    --color-success-50: rgb(237, 245, 249);
-    --color-success-100: rgb(218, 237, 248);
-    --color-success-150: rgb(188, 225, 248);
-    --color-success-200: rgb(156, 216, 253);
-    --color-success-250: rgb(125, 204, 248);
-    --color-success-300: rgb(97, 190, 241);
-    --color-success-350: rgb(65, 178, 236);
-    --color-success-400: rgb(36, 164, 223);
-    --color-success-450: rgb(18, 148, 204);
-    --color-success-500: rgb(21, 135, 186);
-    --color-success-550: rgb(12, 121, 168);
-    --color-success-600: rgb(11, 110, 153);
-    --color-success-650: rgb(11, 97, 135);
-    --color-success-700: rgb(17, 88, 121);
-    --color-success-750: rgb(17, 76, 105);
-    --color-success-800: rgb(18, 66, 90);
-    --color-success-850: rgb(18, 56, 76);
-    --color-success-900: rgb(19, 44, 58);
-    --color-success-950: rgb(22, 33, 39);
-
-    --color-error-50: rgb(250, 241, 240);
-    --color-error-100: rgb(252, 229, 227);
-    --color-error-150: rgb(247, 208, 204);
-    --color-error-200: rgb(254, 193, 188);
-    --color-error-250: rgb(253, 177, 170);
-    --color-error-300: rgb(253, 154, 146);
-    --color-error-350: rgb(253, 131, 123);
-    --color-error-400: rgb(246, 109, 103);
-    --color-error-450: rgb(234, 90, 86);
-    --color-error-500: rgb(218, 75, 72);
-    --color-error-550: rgb(200, 62, 61);
-    --color-error-600: rgb(182, 54, 54);
-    --color-error-650: rgb(161, 47, 47);
-    --color-error-700: rgb(144, 44, 43);
-    --color-error-750: rgb(123, 41, 39);
-    --color-error-800: rgb(105, 39, 37);
-    --color-error-850: rgb(86, 36, 33);
-    --color-error-900: rgb(64, 32, 29);
-    --color-error-950: rgb(44, 26, 24);
-
-    --color-warning-50: rgb(249, 242, 237);
-    --color-warning-100: rgb(248, 232, 219);
-    --color-warning-150: rgb(243, 212, 186);
-    --color-warning-200: rgb(243, 200, 162);
-    --color-warning-250: rgb(240, 185, 136);
-    --color-warning-300: rgb(238, 166, 98);
-    --color-warning-350: rgb(234, 148, 58);
-    --color-warning-400: rgb(223, 132, 17);
-    --color-warning-450: rgb(204, 120, 15);
-    --color-warning-500: rgb(185, 108, 13);
-    --color-warning-550: rgb(167, 97, 10);
-    --color-warning-600: rgb(150, 87, 11);
-    --color-warning-650: rgb(134, 78, 11);
-    --color-warning-700: rgb(120, 70, 13);
-    --color-warning-750: rgb(105, 61, 13);
-    --color-warning-800: rgb(90, 55, 19);
-    --color-warning-850: rgb(73, 47, 21);
-    --color-warning-900: rgb(56, 38, 20);
-    --color-warning-950: rgb(38, 29, 21);
-
-    --color-blue-50: rgb(237, 245, 249);
-    --color-blue-100: rgb(218, 237, 248);
-    --color-blue-150: rgb(188, 225, 248);
-    --color-blue-200: rgb(156, 216, 253);
-    --color-blue-250: rgb(125, 204, 248);
-    --color-blue-300: rgb(97, 190, 241);
-    --color-blue-350: rgb(65, 178, 236);
-    --color-blue-400: rgb(36, 164, 223);
-    --color-blue-450: rgb(18, 148, 204);
-    --color-blue-500: rgb(21, 135, 186);
-    --color-blue-550: rgb(12, 121, 168);
-    --color-blue-600: rgb(11, 110, 153);
-    --color-blue-650: rgb(11, 97, 135);
-    --color-blue-700: rgb(17, 88, 121);
-    --color-blue-750: rgb(17, 76, 105);
-    --color-blue-800: rgb(18, 66, 90);
-    --color-blue-850: rgb(18, 56, 76);
-    --color-blue-900: rgb(19, 44, 58);
-    --color-blue-950: rgb(22, 33, 39);
-
     --theme-border-color: var(--theme-elevation-150);
 
     --theme-success-50: var(--color-success-50);

package/dist/scss/styles.scss

@@ -5,7 +5,5 @@
 // IMPORT OVERRIDES
 //////////////////////////////
 
-@import 'type';
 @import 'queries';
-@import 'resets';
 @import 'svg';