@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d3909a9

package/dist/elements/Table/DefaultCell/fields/File/index.scss

@@ -1,25 +0,0 @@
-@import '../../../../../scss/styles.scss';
-
-@layer payload-default {
-  .file {
-    display: flex;
-    flex-wrap: nowrap;
-
-    &__thumbnail {
-      display: inline-block;
-      max-width: calc(var(--base) * 2);
-      height: calc(var(--base) * 2);
-      border-radius: var(--style-radius-s);
-    }
-
-    &__filename {
-      align-self: center;
-      [dir='ltr'] & {
-        margin-left: var(--base);
-      }
-      [dir='rtl'] & {
-        margin-right: var(--base);
-      }
-    }
-  }
-}

package/dist/elements/Table/DefaultCell/fields/Hierarchy/index.scss

@@ -1,29 +0,0 @@
-.hierarchy-cell {
-  display: flex;
-  align-items: center;
-
-  &__pill {
-    cursor: pointer;
-    display: inline-flex;
-    align-items: center;
-    gap: calc(var(--base) / 3);
-
-    &:hover {
-      opacity: 0.8;
-    }
-  }
-
-  &__icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 16px;
-    height: 16px;
-    flex-shrink: 0;
-
-    svg {
-      width: 100%;
-      height: 100%;
-    }
-  }
-}

package/dist/elements/Table/DefaultCell/fields/JSON/index.scss

@@ -1,31 +0,0 @@
-@import '../../../../../scss/styles.scss';
-
-@layer payload-default {
-  .json-cell {
-    font-size: 1rem;
-    line-height: base(1);
-    border: 0;
-    display: inline-flex;
-    vertical-align: middle;
-    background: var(--theme-elevation-150);
-    color: var(--theme-elevation-800);
-    border-radius: $style-radius-m;
-    padding: 0 base(0.25);
-    max-width: 99.9%;
-    [dir='ltr'] & {
-      padding-left: base(0.0875 + 0.25);
-    }
-    [dir='rtl'] & {
-      padding-right: base(0.0875 + 0.25);
-    }
-
-    background: var(--theme-elevation-100);
-    color: var(--theme-elevation-800);
-
-    span {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-  }
-}

package/dist/elements/Table/index.scss

@@ -1,145 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .table {
-    margin-bottom: $baseline;
-    overflow: auto;
-    max-width: 100%;
-    isolation: isolate;
-
-    table {
-      min-width: 100%;
-    }
-
-    thead {
-      color: var(--theme-elevation-400);
-
-      th {
-        font-weight: normal;
-        text-align: left;
-        vertical-align: middle;
-        [dir='rtl'] & {
-          text-align: right;
-        }
-      }
-    }
-
-    th,
-    td {
-      vertical-align: top;
-      padding: calc(var(--base) * 0.6);
-      min-width: 150px;
-      position: relative;
-      z-index: 1;
-
-      &:first-child {
-        padding-inline-start: base(0.8);
-      }
-
-      &:last-child {
-        padding-inline-end: base(0.8);
-      }
-
-      &.cell-_select,
-      &.cell-_dragHandle {
-        width: var(--base);
-      }
-    }
-
-    tbody {
-      tr {
-        position: relative;
-        &:nth-child(odd) {
-          background: var(--theme-elevation-50);
-          border-radius: var(--style-radius-s);
-          td:first-child {
-            border-top-left-radius: inherit;
-            border-bottom-left-radius: inherit;
-          }
-          td:last-child {
-            border-top-right-radius: inherit;
-            border-bottom-right-radius: inherit;
-          }
-        }
-      }
-    }
-
-    a:focus-visible {
-      outline: var(--accessibility-outline);
-      outline-offset: var(--accessibility-outline-offset);
-      border-radius: var(--radius-small);
-    }
-
-    &--appearance-condensed {
-      border-radius: var(--style-radius-s);
-      table {
-        border-collapse: collapse;
-      }
-      thead {
-        th:first-child {
-          border-top-left-radius: var(--style-radius-s);
-        }
-
-        th:last-child {
-          border-top-right-radius: var(--style-radius-s);
-        }
-
-        background: var(--theme-elevation-50);
-      }
-
-      tbody {
-        tr {
-          &:nth-child(odd) {
-            &:after {
-              display: none;
-            }
-          }
-
-          &:last-child {
-            td:first-child {
-              border-bottom-left-radius: var(--style-radius-s);
-            }
-
-            td:last-child {
-              border-bottom-right-radius: var(--style-radius-s);
-            }
-          }
-        }
-      }
-
-      th,
-      td {
-        padding: base(0.3) base(0.3);
-
-        &:first-child {
-          padding-inline-start: base(0.6);
-        }
-
-        &:last-child {
-          padding-inline-end: base(0.6);
-        }
-      }
-
-      th {
-        padding: base(0.3);
-      }
-
-      tr td,
-      th {
-        border: 0.5px solid var(--theme-elevation-100);
-      }
-    }
-
-    &--drag-preview {
-      cursor: grabbing;
-      z-index: var(--z-popup);
-    }
-
-    @include mid-break {
-      th,
-      td {
-        max-width: 70vw;
-      }
-    }
-  }
-}

package/dist/elements/Thumbnail/index.scss

@@ -1,53 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .thumbnail {
-    &:not(.thumbnail--size-none) {
-      min-height: 100%;
-      flex-shrink: 0;
-      align-self: stretch;
-      overflow: hidden;
-
-      img,
-      svg {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-    }
-
-    &--size-expand {
-      max-height: 100%;
-      width: 100%;
-      padding-top: 100%;
-      position: relative;
-
-      img,
-      svg {
-        position: absolute;
-        top: 0;
-      }
-    }
-
-    &--size-large {
-      max-height: base(9);
-      width: base(9);
-    }
-
-    &--size-medium {
-      max-height: base(7);
-      width: base(7);
-    }
-
-    &--size-small {
-      max-height: base(5);
-      width: base(5);
-    }
-
-    @include large-break {
-      .thumbnail {
-        width: base(5);
-      }
-    }
-  }
-}

package/dist/elements/TimezonePicker/index.scss

@@ -1,52 +0,0 @@
-@layer payload-default {
-  .timezone-picker-wrapper {
-    display: flex;
-    gap: calc(var(--base) / 4);
-    margin-top: calc(var(--base) / 4);
-    align-items: center;
-
-    .field-label {
-      margin-right: unset;
-      color: var(--theme-elevation-400);
-      flex-shrink: 0;
-    }
-
-    .timezone-picker {
-      display: inline-block;
-
-      .rs__menu {
-        min-width: calc(var(--base) * 14);
-        overflow: hidden;
-        border-radius: calc(var(--base) * 0.25);
-      }
-
-      .rs__value-container {
-        text-align: center;
-      }
-
-      .rs__control {
-        background: none;
-        border: none;
-        padding: 0;
-        padding-left: calc(var(--base) * 0.25);
-        min-height: auto !important;
-        position: relative;
-        box-shadow: unset;
-        min-width: var(--base);
-
-        &:hover {
-          cursor: pointer;
-          box-shadow: unset;
-        }
-
-        &.rs__control--menu-is-open::before {
-          display: block;
-        }
-      }
-
-      .rs__indicators {
-        margin-inline-start: calc(var(--base) * 0.25);
-      }
-    }
-  }
-}

package/dist/elements/Toasts/fieldErrors.spec.js

@@ -1,46 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { createErrorsFromMessage } from './fieldErrors.js';
-describe('createErrorsFromMessage', () => {
-  it('should return the full message when there is no colon', () => {
-    const result = createErrorsFromMessage('Something went wrong');
-    expect(result).toEqual({
-      message: 'Something went wrong'
-    });
-  });
-  it('should split a single field error after the colon', () => {
-    const result = createErrorsFromMessage('Validation failed: email');
-    expect(result).toEqual({
-      errors: ['email'],
-      message: 'Validation failed: '
-    });
-  });
-  it('should split multiple comma-separated field errors after the colon', () => {
-    const result = createErrorsFromMessage('The following fields are invalid: email, name');
-    expect(result).toEqual({
-      errors: ['email', 'name'],
-      message: 'The following fields are invalid (2):'
-    });
-  });
-  it('should preserve the full message when it contains multiple colons', () => {
-    const result = createErrorsFromMessage('With: multiple: colons');
-    expect(result).toEqual({
-      errors: ['multiple: colons'],
-      message: 'With: '
-    });
-  });
-  it('should replace " > " with " → " in error paths', () => {
-    const result = createErrorsFromMessage('Invalid: parent > child');
-    expect(result).toEqual({
-      errors: ['parent → child'],
-      message: 'Invalid: '
-    });
-  });
-  it('should group similar errors and count them', () => {
-    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other');
-    expect(result).toEqual({
-      errors: ['blocks → 0', 'blocks → 1', 'other'],
-      message: 'Invalid (3):'
-    });
-  });
-});
-//# sourceMappingURL=fieldErrors.spec.js.map

package/dist/elements/Toasts/fieldErrors.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldErrors.spec.js","names":["describe","expect","it","createErrorsFromMessage","result","toEqual","message","errors"],"sources":["../../../src/elements/Toasts/fieldErrors.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { createErrorsFromMessage } from './fieldErrors.js'\n\ndescribe('createErrorsFromMessage', () => {\n  it('should return the full message when there is no colon', () => {\n    const result = createErrorsFromMessage('Something went wrong')\n\n    expect(result).toEqual({ message: 'Something went wrong' })\n  })\n\n  it('should split a single field error after the colon', () => {\n    const result = createErrorsFromMessage('Validation failed: email')\n\n    expect(result).toEqual({ errors: ['email'], message: 'Validation failed: ' })\n  })\n\n  it('should split multiple comma-separated field errors after the colon', () => {\n    const result = createErrorsFromMessage('The following fields are invalid: email, name')\n\n    expect(result).toEqual({\n      errors: ['email', 'name'],\n      message: 'The following fields are invalid (2):',\n    })\n  })\n\n  it('should preserve the full message when it contains multiple colons', () => {\n    const result = createErrorsFromMessage('With: multiple: colons')\n\n    expect(result).toEqual({ errors: ['multiple: colons'], message: 'With: ' })\n  })\n\n  it('should replace \" > \" with \" → \" in error paths', () => {\n    const result = createErrorsFromMessage('Invalid: parent > child')\n\n    expect(result).toEqual({ errors: ['parent → child'], message: 'Invalid: ' })\n  })\n\n  it('should group similar errors and count them', () => {\n    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other')\n\n    expect(result).toEqual({\n      errors: ['blocks → 0', 'blocks → 1', 'other'],\n      message: 'Invalid (3):',\n    })\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SAASC,uBAAuB,QAAQ;AAExCH,QAAA,CAAS,2BAA2B;EAClCE,EAAA,CAAG,yDAAyD;IAC1D,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEC,OAAA,EAAS;IAAuB;EAC3D;EAEAJ,EAAA,CAAG,qDAAqD;IACtD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,QAAQ;MAAED,OAAA,EAAS;IAAsB;EAC7E;EAEAJ,EAAA,CAAG,sEAAsE;IACvE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,SAAS,OAAO;MACzBD,OAAA,EAAS;IACX;EACF;EAEAJ,EAAA,CAAG,qEAAqE;IACtE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,mBAAmB;MAAED,OAAA,EAAS;IAAS;EAC3E;EAEAJ,EAAA,CAAG,kDAAkD;IACnD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,iBAAiB;MAAED,OAAA,EAAS;IAAY;EAC5E;EAEAJ,EAAA,CAAG,8CAA8C;IAC/C,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,cAAc,cAAc,QAAQ;MAC7CD,OAAA,EAAS;IACX;EACF;AACF","ignoreList":[]}

package/dist/elements/TrashBanner/index.scss

@@ -1,20 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .trash-banner {
-    display: flex;
-    align-items: center;
-    gap: calc(var(--base) * 0.5);
-    margin-bottom: var(--base);
-    padding: calc(var(--base) * 0.5) calc(var(--base) * 0.75);
-    border-radius: var(--style-radius-s);
-    background: var(--theme-warning-100);
-    color: var(--theme-warning-600);
-  }
-
-  html[data-theme='dark'] {
-    .trash-banner {
-      color: var(--theme-warning-800);
-    }
-  }
-}

package/dist/elements/Upload/index.scss

@@ -1,141 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .file-field {
-    position: relative;
-    margin-bottom: var(--base);
-    background: var(--theme-elevation-50);
-    border-radius: var(--style-radius-s);
-
-    &__upload {
-      display: flex;
-    }
-
-    .tooltip.error-message {
-      z-index: 3;
-      bottom: calc(100% - #{calc(var(--base) * 0.5)});
-    }
-
-    &__file-selected {
-      display: flex;
-    }
-
-    &__thumbnail-wrap {
-      position: relative;
-      width: 150px;
-
-      .thumbnail {
-        position: relative;
-        width: 100%;
-        height: 100%;
-        object-fit: contain;
-        border-radius: var(--style-radius-s) 0 0 var(--style-radius-s);
-      }
-    }
-
-    &__remove {
-      margin: calc($baseline * 1.5) $baseline $baseline 0;
-      place-self: flex-start;
-    }
-
-    &__file-adjustments,
-    &__remote-file-wrap {
-      padding: $baseline;
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 2);
-    }
-
-    &__filename,
-    &__remote-file {
-      @include formInput;
-      background-color: var(--theme-bg);
-    }
-
-    &__upload-actions,
-    &__add-file-wrap {
-      display: flex;
-      gap: calc(var(--base) / 2);
-      flex-wrap: wrap;
-    }
-
-    &__upload-actions {
-      margin-top: calc(var(--base) * 0.5);
-    }
-
-    &__previewDrawer {
-      & h2 {
-        margin: 0 var(--base) 0 0;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        max-width: calc(100% - calc(var(--base) * 2));
-      }
-    }
-
-    .dropzone {
-      background-color: transparent;
-      padding-block: calc(var(--base) * 2.25);
-    }
-
-    &__dropzoneContent {
-      display: flex;
-      flex-wrap: wrap;
-      gap: calc(var(--base) * 0.4);
-      justify-content: space-between;
-      width: 100%;
-    }
-
-    &__dropzoneButtons {
-      display: flex;
-      gap: calc(var(--base) * 0.5);
-      align-items: center;
-    }
-
-    &__orText {
-      color: var(--theme-elevation-500);
-      text-transform: lowercase;
-    }
-
-    &__dragAndDropText {
-      flex-shrink: 0;
-      margin: 0;
-      text-transform: lowercase;
-      align-self: center;
-      color: var(--theme-elevation-500);
-    }
-
-    @include small-break {
-      &__upload {
-        flex-wrap: wrap;
-        justify-content: space-between;
-      }
-
-      &__remove {
-        margin: $baseline;
-        order: 2;
-      }
-
-      &__file-adjustments {
-        order: 3;
-        border-top: 2px solid var(--theme-elevation-0);
-        padding: calc($baseline * 0.5);
-        gap: 0;
-      }
-
-      &__thumbnail-wrap {
-        order: 1;
-        width: 50%;
-
-        .thumbnail {
-          width: 100%;
-        }
-      }
-
-      &__edit {
-        display: none;
-      }
-    }
-  }
-}

package/dist/elements/ViewDescription/types.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/elements/ViewDescription/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/elements/ViewDescription/types.ts"],"names":[],"mappings":""}

package/dist/elements/ViewDescription/types.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=types.js.map

package/dist/elements/ViewDescription/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../src/elements/ViewDescription/types.ts"],"sourcesContent":[null],"mappings":"","ignoreList":[]}

package/dist/elements/WhereBuilder/Condition/Number/index.scss

@@ -1,7 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-@layer payload-default {
-  .condition-value-number {
-    @include formInput;
-  }
-}

package/dist/elements/WhereBuilder/Condition/Relationship/index.scss

@@ -1,13 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-@layer payload-default {
-  .condition-value-relationship {
-    &__error-loading {
-      border: 1px solid var(--theme-error-600);
-      min-height: base(2);
-      padding: base(0.5) base(0.75);
-      background-color: var(--theme-error-100);
-      color: var(--theme-elevation-0);
-    }
-  }
-}