@payloadcms/ui 4.0.0-internal.ccea85d → 4.0.0-internal.cd47d20

package/dist/forms/fieldSchemasToFormState/fieldSchemasToFormState.spec.js

@@ -1,67 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { fieldSchemasToFormState } from './index.js';
-describe('Form - fieldSchemasToFormState', () => {
-  const defaultValue = 'Default';
-  it('populates default value - normal fields', async () => {
-    const fieldSchema = [{
-      name: 'text',
-      type: 'text',
-      defaultValue,
-      label: 'Text'
-    }];
-    const state = await fieldSchemasToFormState({
-      req: {},
-      fields: fieldSchema
-    });
-    expect(state.text.value).toBe(defaultValue);
-  });
-  it('field value overrides defaultValue - normal fields', async () => {
-    const value = 'value';
-    const data = {
-      text: value
-    };
-    const fieldSchema = [{
-      name: 'text',
-      type: 'text',
-      defaultValue,
-      label: 'Text'
-    }];
-    const state = await fieldSchemasToFormState({
-      req: {},
-      data,
-      fields: fieldSchema
-    });
-    expect(state.text.value).toBe(value);
-  });
-  it('populates default value from a function - normal fields', async () => {
-    const user = {
-      email: 'user@example.com'
-    };
-    const locale = 'en';
-    const fieldSchema = [{
-      name: 'text',
-      type: 'text',
-      defaultValue: args => {
-        if (!args.locale) {
-          return 'missing locale';
-        }
-        if (!args.user) {
-          return 'missing user';
-        }
-        return 'Default';
-      },
-      label: 'Text'
-    }];
-    const state = await fieldSchemasToFormState({
-      req: {
-        locale: 'en',
-        user: {}
-      },
-      fields: fieldSchema,
-      locale,
-      user
-    });
-    expect(state.text.value).toBe(defaultValue);
-  });
-});
-//# sourceMappingURL=fieldSchemasToFormState.spec.js.map

package/dist/forms/fieldSchemasToFormState/fieldSchemasToFormState.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldSchemasToFormState.spec.js","names":["describe","it","expect","fieldSchemasToFormState","defaultValue","fieldSchema","name","type","label","state","req","fields","text","value","toBe","data","user","email","locale","args"],"sources":["../../../src/forms/fieldSchemasToFormState/fieldSchemasToFormState.spec.js"],"sourcesContent":["import { describe, it, expect } from 'vitest'\nimport { fieldSchemasToFormState } from './index.js'\n\ndescribe('Form - fieldSchemasToFormState', () => {\n  const defaultValue = 'Default'\n  it('populates default value - normal fields', async () => {\n    const fieldSchema = [\n      {\n        name: 'text',\n        type: 'text',\n        defaultValue,\n        label: 'Text',\n      },\n    ]\n    const state = await fieldSchemasToFormState({ req: {}, fields: fieldSchema })\n    expect(state.text.value).toBe(defaultValue)\n  })\n  it('field value overrides defaultValue - normal fields', async () => {\n    const value = 'value'\n    const data = { text: value }\n    const fieldSchema = [\n      {\n        name: 'text',\n        type: 'text',\n        defaultValue,\n        label: 'Text',\n      },\n    ]\n    const state = await fieldSchemasToFormState({ req: {}, data, fields: fieldSchema })\n    expect(state.text.value).toBe(value)\n  })\n  it('populates default value from a function - normal fields', async () => {\n    const user = { email: 'user@example.com' }\n    const locale = 'en'\n    const fieldSchema = [\n      {\n        name: 'text',\n        type: 'text',\n        defaultValue: (args) => {\n          if (!args.locale) {\n            return 'missing locale'\n          }\n          if (!args.user) {\n            return 'missing user'\n          }\n          return 'Default'\n        },\n        label: 'Text',\n      },\n    ]\n    const state = await fieldSchemasToFormState({\n      req: { locale: 'en', user: {} },\n      fields: fieldSchema,\n      locale,\n      user,\n    })\n    expect(state.text.value).toBe(defaultValue)\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,EAAE,EAAEC,MAAM,QAAQ;AACrC,SAASC,uBAAuB,QAAQ;AAExCH,QAAA,CAAS,kCAAkC;EACzC,MAAMI,YAAA,GAAe;EACrBH,EAAA,CAAG,2CAA2C;IAC5C,MAAMI,WAAA,GAAc,CAClB;MACEC,IAAA,EAAM;MACNC,IAAA,EAAM;MACNH,YAAA;MACAI,KAAA,EAAO;IACT,EACD;IACD,MAAMC,KAAA,GAAQ,MAAMN,uBAAA,CAAwB;MAAEO,GAAA,EAAK,CAAC;MAAGC,MAAA,EAAQN;IAAY;IAC3EH,MAAA,CAAOO,KAAA,CAAMG,IAAI,CAACC,KAAK,EAAEC,IAAI,CAACV,YAAA;EAChC;EACAH,EAAA,CAAG,sDAAsD;IACvD,MAAMY,KAAA,GAAQ;IACd,MAAME,IAAA,GAAO;MAAEH,IAAA,EAAMC;IAAM;IAC3B,MAAMR,WAAA,GAAc,CAClB;MACEC,IAAA,EAAM;MACNC,IAAA,EAAM;MACNH,YAAA;MACAI,KAAA,EAAO;IACT,EACD;IACD,MAAMC,KAAA,GAAQ,MAAMN,uBAAA,CAAwB;MAAEO,GAAA,EAAK,CAAC;MAAGK,IAAA;MAAMJ,MAAA,EAAQN;IAAY;IACjFH,MAAA,CAAOO,KAAA,CAAMG,IAAI,CAACC,KAAK,EAAEC,IAAI,CAACD,KAAA;EAChC;EACAZ,EAAA,CAAG,2DAA2D;IAC5D,MAAMe,IAAA,GAAO;MAAEC,KAAA,EAAO;IAAmB;IACzC,MAAMC,MAAA,GAAS;IACf,MAAMb,WAAA,GAAc,CAClB;MACEC,IAAA,EAAM;MACNC,IAAA,EAAM;MACNH,YAAA,EAAee,IAAA;QACb,IAAI,CAACA,IAAA,CAAKD,MAAM,EAAE;UAChB,OAAO;QACT;QACA,IAAI,CAACC,IAAA,CAAKH,IAAI,EAAE;UACd,OAAO;QACT;QACA,OAAO;MACT;MACAR,KAAA,EAAO;IACT,EACD;IACD,MAAMC,KAAA,GAAQ,MAAMN,uBAAA,CAAwB;MAC1CO,GAAA,EAAK;QAAEQ,MAAA,EAAQ;QAAMF,IAAA,EAAM,CAAC;MAAE;MAC9BL,MAAA,EAAQN,WAAA;MACRa,MAAA;MACAF;IACF;IACAd,MAAA,CAAOO,KAAA,CAAMG,IAAI,CAACC,KAAK,EAAEC,IAAI,CAACV,YAAA;EAChC;AACF","ignoreList":[]}

package/dist/layouts/Root/index.spec.js

@@ -1,20 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { getViewportMeta, isIPhoneUserAgent } from './viewport.js';
-describe('RootLayout', () => {
-  it('should apply the focus zoom viewport workaround to iPhone user agents only', () => {
-    const iPhoneUserAgent = 'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1';
-    const androidUserAgent = 'Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36';
-    expect(isIPhoneUserAgent(iPhoneUserAgent)).toBe(true);
-    expect(isIPhoneUserAgent(androidUserAgent)).toBe(false);
-    expect(isIPhoneUserAgent(undefined)).toBe(false);
-    expect(getViewportMeta(iPhoneUserAgent).props).toEqual({
-      content: 'width=device-width, initial-scale=1, maximum-scale=1',
-      name: 'viewport'
-    });
-    expect(getViewportMeta(androidUserAgent).props).toEqual({
-      content: 'width=device-width, initial-scale=1',
-      name: 'viewport'
-    });
-  });
-});
-//# sourceMappingURL=index.spec.js.map

package/dist/layouts/Root/index.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.spec.js","names":["describe","expect","it","getViewportMeta","isIPhoneUserAgent","iPhoneUserAgent","androidUserAgent","toBe","undefined","props","toEqual","content","name"],"sources":["../../../src/layouts/Root/index.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { getViewportMeta, isIPhoneUserAgent } from './viewport.js'\n\ndescribe('RootLayout', () => {\n  it('should apply the focus zoom viewport workaround to iPhone user agents only', () => {\n    const iPhoneUserAgent =\n      'Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1'\n    const androidUserAgent =\n      'Mozilla/5.0 (Linux; Android 14; Pixel 8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Mobile Safari/537.36'\n\n    expect(isIPhoneUserAgent(iPhoneUserAgent)).toBe(true)\n    expect(isIPhoneUserAgent(androidUserAgent)).toBe(false)\n    expect(isIPhoneUserAgent(undefined)).toBe(false)\n    expect(getViewportMeta(iPhoneUserAgent).props).toEqual({\n      content: 'width=device-width, initial-scale=1, maximum-scale=1',\n      name: 'viewport',\n    })\n    expect(getViewportMeta(androidUserAgent).props).toEqual({\n      content: 'width=device-width, initial-scale=1',\n      name: 'viewport',\n    })\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SAASC,eAAe,EAAEC,iBAAiB,QAAQ;AAEnDJ,QAAA,CAAS,cAAc;EACrBE,EAAA,CAAG,8EAA8E;IAC/E,MAAMG,eAAA,GACJ;IACF,MAAMC,gBAAA,GACJ;IAEFL,MAAA,CAAOG,iBAAA,CAAkBC,eAAA,GAAkBE,IAAI,CAAC;IAChDN,MAAA,CAAOG,iBAAA,CAAkBE,gBAAA,GAAmBC,IAAI,CAAC;IACjDN,MAAA,CAAOG,iBAAA,CAAkBI,SAAA,GAAYD,IAAI,CAAC;IAC1CN,MAAA,CAAOE,eAAA,CAAgBE,eAAA,EAAiBI,KAAK,EAAEC,OAAO,CAAC;MACrDC,OAAA,EAAS;MACTC,IAAA,EAAM;IACR;IACAX,MAAA,CAAOE,eAAA,CAAgBG,gBAAA,EAAkBG,KAAK,EAAEC,OAAO,CAAC;MACtDC,OAAA,EAAS;MACTC,IAAA,EAAM;IACR;EACF;AACF","ignoreList":[]}

package/dist/scss/app.scss

@@ -1,183 +0,0 @@
-@layer payload-default, payload;
-
-@import 'styles';
-@import './colors.scss';
-@import '../styles.css';
-
-@layer payload-default {
-  :root {
-    --base-px: 20;
-    --base-body-size: 16;
-    --base: calc((var(--base-px) / var(--base-body-size)) * 1rem);
-
-    --breakpoint-xs-width: #{$breakpoint-xs-width};
-    --breakpoint-s-width: #{$breakpoint-s-width};
-    --breakpoint-m-width: #{$breakpoint-m-width};
-    --breakpoint-l-width: #{$breakpoint-l-width};
-    --scrollbar-width: 17px;
-
-    --theme-bg: var(--color-bg);
-    --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: var(--font-family-sans), sans-serif;
-    --font-serif: 'Georgia', 'Bitstream Charter', 'Charis SIL', Utopia, 'URW Bookman L', serif;
-    --font-mono: var(--font-family-mono), 'SF Mono', Menlo, Consolas, Monaco, monospace;
-
-    --style-radius-s: #{$style-radius-s};
-    --style-radius-m: #{$style-radius-m};
-    --style-radius-l: #{$style-radius-l};
-
-    // --z-popup needs to be higher than --z-modal to ensure the popup is displayed when modal is open
-    --z-popup: 60;
-    --z-nav: 20;
-    --z-modal: 30;
-    --z-status: 40;
-
-    --gutter-h: var(--spacer-5);
-    --spacing-view-bottom: var(--gutter-h);
-    --app-header-height: 0px;
-    --doc-controls-height: 0px;
-    --doc-header-height: 0px;
-    --nav-width: 275px;
-
-    @include large-break {
-      --gutter-h: var(--spacer-4);
-    }
-
-    @include mid-break {
-      --gutter-h: var(--spacer-3);
-    }
-
-    @include small-break {
-      --spacing-view-bottom: calc(var(--base) * 2);
-      --nav-width: 100vw;
-    }
-  }
-
-  /////////////////////////////
-  // GLOBAL STYLES
-  /////////////////////////////
-
-  * {
-    box-sizing: border-box;
-  }
-
-  html {
-    background: var(--color-bg);
-    -webkit-font-smoothing: antialiased;
-
-    &[data-theme='dark'] {
-      --theme-bg: var(--color-bg);
-      --theme-text: var(--theme-elevation-1000);
-      --theme-input-bg: var(--theme-elevation-50);
-      --theme-overlay: rgba(5, 5, 5, 0.75);
-      color-scheme: dark;
-    }
-  }
-
-  html,
-  body,
-  #app {
-    height: 100%;
-  }
-
-  body {
-    font-family: var(--font-body);
-    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;
-  }
-
-  // Lock background scroll while a drawer is open. Backs up faceless-ui's JS
-  // body-scroll-lock, which a sibling modal can clear prematurely.
-  body:has(.drawer--is-open) {
-    overflow: hidden;
-  }
-
-  img {
-    max-width: 100%;
-    height: auto;
-    display: block;
-  }
-
-  h1 {
-  }
-
-  h2 {
-  }
-
-  h3 {
-  }
-
-  h4 {
-  }
-
-  h5 {
-  }
-
-  h6 {
-  }
-
-  p {
-    margin: 0;
-  }
-
-  ul,
-  ol {
-    padding-left: $baseline;
-    margin: 0;
-  }
-
-  :focus-visible {
-    outline: var(--accessibility-outline);
-    outline-offset: var(--accessibility-outline-offset);
-    border-radius: var(--radius-medium);
-  }
-
-  a {
-    color: currentColor;
-
-    &:focus {
-      &:not(:focus-visible) {
-        opacity: 0.8;
-      }
-    }
-
-    &:active {
-      opacity: 0.7;
-    }
-  }
-
-  svg {
-    vertical-align: middle;
-  }
-
-  dialog {
-    width: 100%;
-    border: 0;
-    padding: 0;
-    color: currentColor;
-  }
-
-  .payload__modal-item {
-    min-height: 100%;
-    background: transparent;
-  }
-
-  .payload__modal-container--enterDone {
-    overflow: auto;
-  }
-
-  .payload__modal-item--enter,
-  .payload__modal-item--enterDone {
-    z-index: var(--z-modal);
-  }
-}

package/dist/scss/colors.scss

@@ -1,191 +0,0 @@
-@layer payload-default {
-  :root {
-    --color-base-0: rgb(255, 255, 255);
-    --color-base-50: rgb(245, 245, 245);
-    --color-base-100: rgb(235, 235, 235);
-    --color-base-150: rgb(221, 221, 221);
-    --color-base-200: rgb(208, 208, 208);
-    --color-base-250: rgb(195, 195, 195);
-    --color-base-300: rgb(181, 181, 181);
-    --color-base-350: rgb(168, 168, 168);
-    --color-base-400: rgb(154, 154, 154);
-    --color-base-450: rgb(141, 141, 141);
-    --color-base-500: rgb(128, 128, 128);
-    --color-base-550: rgb(114, 114, 114);
-    --color-base-600: rgb(101, 101, 101);
-    --color-base-650: rgb(87, 87, 87);
-    --color-base-700: rgb(74, 74, 74);
-    --color-base-750: rgb(60, 60, 60);
-    --color-base-800: rgb(47, 47, 47);
-    --color-base-850: rgb(34, 34, 34);
-    --color-base-900: rgb(20, 20, 20);
-    --color-base-950: rgb(7, 7, 7);
-    --color-base-1000: rgb(0, 0, 0);
-
-    --theme-border-color: var(--theme-elevation-150);
-
-    --theme-success-50: var(--color-success-50);
-    --theme-success-100: var(--color-success-100);
-    --theme-success-150: var(--color-success-150);
-    --theme-success-200: var(--color-success-200);
-    --theme-success-250: var(--color-success-250);
-    --theme-success-300: var(--color-success-300);
-    --theme-success-350: var(--color-success-350);
-    --theme-success-400: var(--color-success-400);
-    --theme-success-450: var(--color-success-450);
-    --theme-success-500: var(--color-success-500);
-    --theme-success-550: var(--color-success-550);
-    --theme-success-600: var(--color-success-600);
-    --theme-success-650: var(--color-success-650);
-    --theme-success-700: var(--color-success-700);
-    --theme-success-750: var(--color-success-750);
-    --theme-success-800: var(--color-success-800);
-    --theme-success-850: var(--color-success-850);
-    --theme-success-900: var(--color-success-900);
-    --theme-success-950: var(--color-success-950);
-
-    --theme-warning-50: var(--color-warning-50);
-    --theme-warning-100: var(--color-warning-100);
-    --theme-warning-150: var(--color-warning-150);
-    --theme-warning-200: var(--color-warning-200);
-    --theme-warning-250: var(--color-warning-250);
-    --theme-warning-300: var(--color-warning-300);
-    --theme-warning-350: var(--color-warning-350);
-    --theme-warning-400: var(--color-warning-400);
-    --theme-warning-450: var(--color-warning-450);
-    --theme-warning-500: var(--color-warning-500);
-    --theme-warning-550: var(--color-warning-550);
-    --theme-warning-600: var(--color-warning-600);
-    --theme-warning-650: var(--color-warning-650);
-    --theme-warning-700: var(--color-warning-700);
-    --theme-warning-750: var(--color-warning-750);
-    --theme-warning-800: var(--color-warning-800);
-    --theme-warning-850: var(--color-warning-850);
-    --theme-warning-900: var(--color-warning-900);
-    --theme-warning-950: var(--color-warning-950);
-
-    --theme-error-50: var(--color-error-50);
-    --theme-error-100: var(--color-error-100);
-    --theme-error-150: var(--color-error-150);
-    --theme-error-200: var(--color-error-200);
-    --theme-error-250: var(--color-error-250);
-    --theme-error-300: var(--color-error-300);
-    --theme-error-350: var(--color-error-350);
-    --theme-error-400: var(--color-error-400);
-    --theme-error-450: var(--color-error-450);
-    --theme-error-500: var(--color-error-500);
-    --theme-error-550: var(--color-error-550);
-    --theme-error-600: var(--color-error-600);
-    --theme-error-650: var(--color-error-650);
-    --theme-error-700: var(--color-error-700);
-    --theme-error-750: var(--color-error-750);
-    --theme-error-800: var(--color-error-800);
-    --theme-error-850: var(--color-error-850);
-    --theme-error-900: var(--color-error-900);
-    --theme-error-950: var(--color-error-950);
-
-    --theme-elevation-0: var(--color-base-0);
-    --theme-elevation-50: var(--color-base-50);
-    --theme-elevation-100: var(--color-base-100);
-    --theme-elevation-150: var(--color-base-150);
-    --theme-elevation-200: var(--color-base-200);
-    --theme-elevation-250: var(--color-base-250);
-    --theme-elevation-300: var(--color-base-300);
-    --theme-elevation-350: var(--color-base-350);
-    --theme-elevation-400: var(--color-base-400);
-    --theme-elevation-450: var(--color-base-450);
-    --theme-elevation-500: var(--color-base-500);
-    --theme-elevation-550: var(--color-base-550);
-    --theme-elevation-600: var(--color-base-600);
-    --theme-elevation-650: var(--color-base-650);
-    --theme-elevation-700: var(--color-base-700);
-    --theme-elevation-750: var(--color-base-750);
-    --theme-elevation-800: var(--color-base-800);
-    --theme-elevation-850: var(--color-base-850);
-    --theme-elevation-900: var(--color-base-900);
-    --theme-elevation-950: var(--color-base-950);
-    --theme-elevation-1000: var(--color-base-1000);
-  }
-
-  html[data-theme='dark'] {
-    --theme-border-color: var(--theme-elevation-150);
-
-    --theme-elevation-0: var(--color-base-900);
-    --theme-elevation-50: var(--color-base-850);
-    --theme-elevation-100: var(--color-base-800);
-    --theme-elevation-150: var(--color-base-750);
-    --theme-elevation-200: var(--color-base-700);
-    --theme-elevation-250: var(--color-base-650);
-    --theme-elevation-300: var(--color-base-600);
-    --theme-elevation-350: var(--color-base-550);
-    --theme-elevation-400: var(--color-base-450);
-    --theme-elevation-450: var(--color-base-400);
-    --theme-elevation-550: var(--color-base-350);
-    --theme-elevation-600: var(--color-base-300);
-    --theme-elevation-650: var(--color-base-250);
-    --theme-elevation-700: var(--color-base-200);
-    --theme-elevation-750: var(--color-base-150);
-    --theme-elevation-800: var(--color-base-100);
-    --theme-elevation-850: var(--color-base-50);
-    --theme-elevation-900: var(--color-base-0);
-    --theme-elevation-950: var(--color-base-0);
-    --theme-elevation-1000: var(--color-base-0);
-
-    --theme-success-50: var(--color-success-950);
-    --theme-success-100: var(--color-success-900);
-    --theme-success-150: var(--color-success-850);
-    --theme-success-200: var(--color-success-800);
-    --theme-success-250: var(--color-success-750);
-    --theme-success-300: var(--color-success-700);
-    --theme-success-350: var(--color-success-650);
-    --theme-success-400: var(--color-success-600);
-    --theme-success-450: var(--color-success-550);
-    --theme-success-550: var(--color-success-450);
-    --theme-success-600: var(--color-success-400);
-    --theme-success-650: var(--color-success-350);
-    --theme-success-700: var(--color-success-300);
-    --theme-success-750: var(--color-success-250);
-    --theme-success-800: var(--color-success-200);
-    --theme-success-850: var(--color-success-150);
-    --theme-success-900: var(--color-success-100);
-    --theme-success-950: var(--color-success-50);
-
-    --theme-warning-50: var(--color-warning-950);
-    --theme-warning-100: var(--color-warning-900);
-    --theme-warning-150: var(--color-warning-850);
-    --theme-warning-200: var(--color-warning-800);
-    --theme-warning-250: var(--color-warning-750);
-    --theme-warning-300: var(--color-warning-700);
-    --theme-warning-350: var(--color-warning-650);
-    --theme-warning-400: var(--color-warning-600);
-    --theme-warning-450: var(--color-warning-550);
-    --theme-warning-550: var(--color-warning-450);
-    --theme-warning-600: var(--color-warning-400);
-    --theme-warning-650: var(--color-warning-350);
-    --theme-warning-700: var(--color-warning-300);
-    --theme-warning-750: var(--color-warning-250);
-    --theme-warning-800: var(--color-warning-200);
-    --theme-warning-850: var(--color-warning-150);
-    --theme-warning-900: var(--color-warning-100);
-    --theme-warning-950: var(--color-warning-50);
-
-    --theme-error-50: var(--color-error-950);
-    --theme-error-100: var(--color-error-900);
-    --theme-error-150: var(--color-error-850);
-    --theme-error-200: var(--color-error-800);
-    --theme-error-250: var(--color-error-750);
-    --theme-error-300: var(--color-error-700);
-    --theme-error-350: var(--color-error-650);
-    --theme-error-400: var(--color-error-600);
-    --theme-error-450: var(--color-error-550);
-    --theme-error-550: var(--color-error-450);
-    --theme-error-600: var(--color-error-400);
-    --theme-error-650: var(--color-error-350);
-    --theme-error-700: var(--color-error-300);
-    --theme-error-750: var(--color-error-250);
-    --theme-error-800: var(--color-error-200);
-    --theme-error-850: var(--color-error-150);
-    --theme-error-900: var(--color-error-100);
-    --theme-error-950: var(--color-error-50);
-  }
-}

package/dist/scss/custom.css

@@ -1 +0,0 @@
-/* Used as a placeholder for when the Payload app does not have custom CSS */

package/dist/scss/queries.scss

@@ -1,27 +0,0 @@
-////////////////////////////
-// MEDIA QUERIES
-/////////////////////////////
-
-@mixin extra-small-break {
-  @media (max-width: $breakpoint-xs-width) {
-    @content;
-  }
-}
-
-@mixin small-break {
-  @media (max-width: $breakpoint-s-width) {
-    @content;
-  }
-}
-
-@mixin mid-break {
-  @media (max-width: $breakpoint-m-width) {
-    @content;
-  }
-}
-
-@mixin large-break {
-  @media (max-width: $breakpoint-l-width) {
-    @content;
-  }
-}

package/dist/scss/styles.scss

@@ -1,9 +0,0 @@
-@import './vars';
-@import './z-index';
-
-//////////////////////////////
-// IMPORT OVERRIDES
-//////////////////////////////
-
-@import './queries';
-@import './svg';

package/dist/scss/svg.scss

@@ -1,10 +0,0 @@
-@mixin color-svg($color) {
-  .stroke {
-    stroke: $color;
-    fill: none;
-  }
-
-  .fill {
-    fill: $color;
-  }
-}

package/dist/scss/toastify.scss

@@ -1,61 +0,0 @@
-@import './vars';
-@import './queries';
-
-@layer payload-default {
-  .Toastify {
-    .Toastify__toast-container {
-      left: base(5);
-      transform: none;
-      right: base(5);
-      width: auto;
-    }
-
-    .Toastify__toast {
-      padding: base(0.5);
-      border-radius: $style-radius-m;
-      font-weight: 600;
-    }
-
-    .Toastify__close-button {
-      align-self: center;
-      opacity: 0.7;
-
-      &:hover {
-        opacity: 1;
-      }
-    }
-
-    .Toastify__toast--success {
-      color: var(--color-success-900);
-      background: var(--color-success-500);
-
-      .Toastify__progress-bar {
-        background-color: var(--color-success-900);
-      }
-    }
-
-    .Toastify__close-button--success {
-      color: var(--color-success-900);
-    }
-
-    .Toastify__toast--error {
-      background: var(--theme-error-500);
-      color: #fff;
-
-      .Toastify__progress-bar {
-        background-color: #fff;
-      }
-    }
-
-    .Toastify__close-button--light {
-      color: inherit;
-    }
-
-    @include mid-break {
-      .Toastify__toast-container {
-        left: $baseline;
-        right: $baseline;
-      }
-    }
-  }
-}