@payloadcms/ui 3.84.0 → 4.0.0-internal.38b7f1d

package/dist/fields/Relationship/select-components/SingleValue/index.scss

@@ -1,54 +0,0 @@
-@import '../../../../scss/styles.scss';
-
-@layer payload-default {
-  .relationship--single-value {
-    &.rs__single-value {
-      overflow: visible;
-      min-width: 0;
-    }
-
-    &__label-text {
-      max-width: unset;
-      display: flex;
-      align-items: center;
-      overflow: visible;
-      width: 100%;
-      flex-shrink: 1;
-    }
-
-    &__text {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-
-    &__drawer-toggler {
-      border: none;
-      background-color: transparent;
-      padding: 0;
-      cursor: pointer;
-      position: relative;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      margin-left: base(0.25);
-      pointer-events: all;
-
-      .icon {
-        width: base(0.75);
-        height: base(0.75);
-      }
-
-      &:focus-visible {
-        outline: var(--accessibility-outline);
-      }
-
-      &:hover {
-        background-color: var(--theme-elevation-100);
-      }
-    }
-
-    &__label {
-      flex-grow: 1;
-    }
-  }
-}

package/dist/fields/Select/index.scss

@@ -1,27 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .field-type.select {
-    position: relative;
-  }
-
-  html[data-theme='light'] {
-    .field-type.select {
-      &.error {
-        .rs__control {
-          @include lightInputError;
-        }
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .field-type.select {
-      &.error {
-        .rs__control {
-          @include darkInputError;
-        }
-      }
-    }
-  }
-}

package/dist/fields/Slug/index.scss

@@ -1,17 +0,0 @@
-@layer payload-default {
-  .slug-field-component {
-    width: 100%;
-
-    .label-wrapper {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      gap: calc(var(--base) / 2);
-    }
-
-    .lock-button {
-      margin: 0;
-      padding-bottom: 0.3125rem;
-    }
-  }
-}

package/dist/fields/Tabs/Tab/index.scss

@@ -1,85 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .tabs-field__tab-button {
-    @extend %btn-reset;
-    @extend %h4;
-    display: flex;
-    padding-bottom: base(1);
-    margin: 0;
-    margin-inline-end: $baseline;
-    cursor: pointer;
-    opacity: 0.5;
-    position: relative;
-    white-space: nowrap;
-    flex-shrink: 0;
-    gap: base(0.5);
-
-    &:last-child {
-      margin: 0;
-    }
-
-    &:after {
-      content: ' ';
-      position: absolute;
-      right: 0;
-      bottom: -1px;
-      left: 0;
-      height: 1px;
-      background: var(--theme-elevation-800);
-      opacity: 0;
-    }
-
-    &:hover {
-      opacity: 0.75;
-
-      &:after {
-        opacity: 0.2;
-      }
-    }
-
-    &--hidden {
-      display: none;
-    }
-
-    &--active {
-      opacity: 1 !important;
-
-      &:after {
-        opacity: 1 !important;
-        height: 2px;
-      }
-    }
-
-    &__description {
-      margin-bottom: calc(var(--base) / 2);
-    }
-
-    @include small-break {
-      margin: 0 base(0.75) 0 0;
-      padding-bottom: base(0.5);
-
-      &:last-child {
-        margin: 0;
-      }
-    }
-  }
-
-  html[data-theme='light'] {
-    .tabs-field__tab-button--has-error {
-      color: var(--theme-error-750);
-      &:after {
-        background: var(--theme-error-500);
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .tabs-field__tab-button--has-error {
-      color: var(--theme-error-500);
-      &:after {
-        background: var(--theme-error-500);
-      }
-    }
-  }
-}

package/dist/fields/Tabs/index.scss

@@ -1,72 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .tabs-field {
-    margin-top: base(2);
-    margin-left: calc(var(--gutter-h) * -1);
-    margin-right: calc(var(--gutter-h) * -1);
-
-    &--hidden {
-      display: none;
-    }
-
-    &__content-wrap {
-      padding-left: var(--gutter-h);
-      padding-right: var(--gutter-h);
-    }
-
-    &--within-collapsible {
-      margin: 0 calc(#{$baseline} * -1);
-
-      .tabs-field__content-wrap {
-        padding-left: $baseline;
-        padding-right: $baseline;
-      }
-
-      .tabs-field__tabs {
-        &:before,
-        &:after {
-          content: ' ';
-          display: block;
-          width: $baseline;
-        }
-      }
-    }
-
-    &__tabs-wrap {
-      overflow-x: auto;
-      overflow-y: hidden;
-      margin-bottom: $baseline;
-    }
-
-    &__tabs {
-      border-bottom: 1px solid var(--theme-elevation-100);
-      display: inline-flex;
-      min-width: 100%;
-      vertical-align: bottom;
-
-      &:before,
-      &:after {
-        content: ' ';
-        display: block;
-        width: var(--gutter-h);
-        flex-shrink: 0;
-      }
-    }
-
-    &__tab--hidden {
-      display: none;
-    }
-
-    &__description {
-      margin-bottom: calc(var(--base) / 2);
-    }
-
-    @include small-break {
-      &--within-collapsible {
-        margin-left: calc(var(--gutter-h) * -1);
-        margin-right: calc(var(--gutter-h) * -1);
-      }
-    }
-  }
-}

package/dist/fields/Text/index.scss

@@ -1,39 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .field-type.text {
-    position: relative;
-
-    &:not(.has-many) {
-      input {
-        @include formInput;
-      }
-    }
-  }
-
-  .has-many {
-    .rs__input-container {
-      overflow: hidden;
-    }
-  }
-
-  html[data-theme='light'] {
-    .field-type.text {
-      &.error {
-        input {
-          @include lightInputError;
-        }
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .field-type.text {
-      &.error {
-        input {
-          @include darkInputError;
-        }
-      }
-    }
-  }
-}

package/dist/fields/Textarea/index.scss

@@ -1,49 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .field-type.textarea {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-
-    textarea {
-      @include formInput();
-      overflow-y: auto;
-      resize: vertical;
-      min-height: base(3);
-      height: auto;
-      display: flex;
-    }
-
-    textarea:not(:empty) {
-      field-sizing: content;
-      min-height: calc(var(--rows) * var(--base) + var(--base) * 0.8 + 2px);
-    }
-
-    &.read-only {
-      .textarea-outer {
-        @include readOnly;
-      }
-    }
-  }
-
-  html[data-theme='light'] {
-    .field-type.textarea {
-      &.error {
-        textarea {
-          @include lightInputError;
-        }
-      }
-    }
-  }
-
-  html[data-theme='dark'] {
-    .field-type.textarea {
-      &.error {
-        textarea {
-          @include darkInputError;
-        }
-      }
-    }
-  }
-}

package/dist/fields/Upload/HasMany/index.scss

@@ -1,37 +0,0 @@
-@import '../../../scss/styles.scss';
-
-@layer payload-default {
-  .upload--has-many {
-    position: relative;
-    max-width: 100%;
-
-    &__drag {
-      &[aria-disabled='true'] {
-        &:hover {
-          cursor: default;
-        }
-      }
-    }
-
-    &__draggable-rows {
-      display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
-    }
-
-    &__dragItem {
-      .icon--drag-handle {
-        color: var(--theme-elevation-400);
-      }
-
-      .thumbnail {
-        width: 26px;
-        height: 26px;
-      }
-
-      .uploadDocRelationshipContent__details {
-        line-height: 1.2;
-      }
-    }
-  }
-}

package/dist/fields/Upload/RelationshipContent/index.scss

@@ -1,56 +0,0 @@
-@layer payload-default {
-  .upload-relationship-details {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
-    min-width: 0;
-
-    &__imageAndDetails {
-      display: flex;
-      gap: calc(var(--base) / 2);
-      align-items: center;
-      min-width: 0;
-    }
-
-    &__thumbnail {
-      align-self: center;
-      border-radius: var(--style-radius-s);
-    }
-
-    &__details {
-      display: flex;
-      flex-direction: column;
-      gap: 0;
-      overflow: hidden;
-      margin-right: calc(var(--base) * 2);
-    }
-
-    &__filename {
-      margin: 0;
-      text-wrap: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      a {
-        text-decoration: none;
-      }
-    }
-
-    &__meta {
-      margin: 0;
-      color: var(--theme-elevation-500);
-      text-wrap: nowrap;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-
-    &__actions {
-      flex-shrink: 0;
-      display: flex;
-    }
-
-    .btn {
-      margin: 0;
-    }
-  }
-}

package/dist/fields/Upload/UploadCard/index.scss

@@ -1,28 +0,0 @@
-@layer payload-default {
-  .upload-field-card {
-    background: var(--theme-elevation-50);
-    border: 1px solid var(--theme-border-color);
-    border-radius: var(--style-radius-s);
-    display: flex;
-    align-items: center;
-    width: 100%;
-    gap: calc(var(--base) / 2);
-
-    &--size-medium {
-      padding: calc(var(--base) * 0.5);
-
-      .thumbnail {
-        width: 40px;
-        height: 40px;
-      }
-    }
-
-    &--size-small {
-      padding: calc(var(--base) / 3) calc(var(--base) / 2);
-      .thumbnail {
-        width: 25px;
-        height: 25px;
-      }
-    }
-  }
-}

package/dist/fields/Upload/index.scss

@@ -1,60 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .upload {
-    &__dropzoneAndUpload {
-      display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
-    }
-
-    &__dropzoneContent {
-      display: flex;
-      flex-wrap: wrap;
-      gap: base(0.4);
-      justify-content: space-between;
-      width: 100%;
-    }
-
-    &__dropzoneContent__buttons {
-      display: flex;
-      gap: calc(var(--base) / 2);
-      position: relative;
-      left: -2px;
-
-      .btn .btn__content {
-        gap: calc(var(--base) / 5);
-      }
-    }
-
-    &__dropzoneContent__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);
-    }
-
-    &__loadingRows {
-      display: flex;
-      flex-direction: column;
-      gap: calc(var(--base) / 4);
-    }
-
-    .shimmer-effect {
-      border-radius: var(--style-radius-s);
-      border: 1px solid var(--theme-border-color);
-    }
-
-    @include small-break {
-      &__dragAndDropText {
-        display: none;
-      }
-    }
-  }
-}

package/dist/icons/Calendar/index.scss

@@ -1,13 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .icon--calendar {
-    height: $baseline;
-    width: $baseline;
-
-    .stroke {
-      stroke: currentColor;
-      stroke-width: $style-stroke-width-s;
-    }
-  }
-}

package/dist/icons/Check/index.scss

@@ -1,14 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .icon--check {
-    height: $baseline;
-    width: $baseline;
-
-    .stroke {
-      fill: none;
-      stroke: currentColor;
-      stroke-width: $style-stroke-width-m;
-    }
-  }
-}

package/dist/icons/Chevron/index.scss

@@ -1,25 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .icon--chevron {
-    height: var(--base);
-    width: var(--base);
-
-    .stroke {
-      fill: none;
-      stroke: currentColor;
-      stroke-width: $style-stroke-width-s;
-      vector-effect: non-scaling-stroke;
-    }
-
-    &.icon--size-large {
-      height: var(--base);
-      width: var(--base);
-    }
-
-    &.icon--size-small {
-      height: 12px;
-      width: 12px;
-    }
-  }
-}

package/dist/icons/CloseMenu/index.scss

@@ -1,12 +0,0 @@
-@import '../../scss/styles.scss';
-
-@layer payload-default {
-  .icon--close-menu {
-    height: $baseline;
-    width: $baseline;
-
-    .stroke {
-      stroke: currentColor;
-    }
-  }
-}

package/dist/icons/Copy/index.scss

@@ -1,14 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .icon--copy {
-    height: $baseline;
-    width: $baseline;
-
-    .stroke {
-      fill: none;
-      stroke: currentColor;
-      stroke-width: $style-stroke-width-s;
-    }
-  }
-}

package/dist/icons/Document/index.scss

@@ -1,6 +0,0 @@
-@layer payload-default {
-  .icon--document {
-    height: var(--base);
-    width: var(--base);
-  }
-}

package/dist/icons/DragHandle/index.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import './index.scss';
-export declare const DragHandleIcon: React.FC<{
-    className?: string;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/icons/DragHandle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/DragHandle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAqC3D,CAAA"}

package/dist/icons/DragHandle/index.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import './index.scss';
-export const DragHandleIcon = ({
-  className
-}) => /*#__PURE__*/_jsxs("svg", {
-  className: ['icon icon--drag-handle', className].filter(Boolean).join(' '),
-  viewBox: "0 0 20 20",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: [/*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M7.99999 10.6667C8.36818 10.6667 8.66666 10.3682 8.66666 9.99999C8.66666 9.6318 8.36818 9.33332 7.99999 9.33332C7.63181 9.33332 7.33333 9.6318 7.33333 9.99999C7.33333 10.3682 7.63181 10.6667 7.99999 10.6667Z",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M7.99999 5.99999C8.36818 5.99999 8.66666 5.70151 8.66666 5.33332C8.66666 4.96513 8.36818 4.66666 7.99999 4.66666C7.63181 4.66666 7.33333 4.96513 7.33333 5.33332C7.33333 5.70151 7.63181 5.99999 7.99999 5.99999Z",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M7.99999 15.3333C8.36818 15.3333 8.66666 15.0348 8.66666 14.6667C8.66666 14.2985 8.36818 14 7.99999 14C7.63181 14 7.33333 14.2985 7.33333 14.6667C7.33333 15.0348 7.63181 15.3333 7.99999 15.3333Z",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M12 10.6667C12.3682 10.6667 12.6667 10.3682 12.6667 9.99999C12.6667 9.6318 12.3682 9.33332 12 9.33332C11.6318 9.33332 11.3333 9.6318 11.3333 9.99999C11.3333 10.3682 11.6318 10.6667 12 10.6667Z",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M12 5.99999C12.3682 5.99999 12.6667 5.70151 12.6667 5.33332C12.6667 4.96513 12.3682 4.66666 12 4.66666C11.6318 4.66666 11.3333 4.96513 11.3333 5.33332C11.3333 5.70151 11.6318 5.99999 12 5.99999Z",
-    strokeLinecap: "square"
-  }), /*#__PURE__*/_jsx("path", {
-    className: "fill",
-    d: "M12 15.3333C12.3682 15.3333 12.6667 15.0348 12.6667 14.6667C12.6667 14.2985 12.3682 14 12 14C11.6318 14 11.3333 14.2985 11.3333 14.6667C11.3333 15.0348 11.6318 15.3333 12 15.3333Z",
-    strokeLinecap: "square"
-  })]
-});
-//# sourceMappingURL=index.js.map

package/dist/icons/DragHandle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["React","DragHandleIcon","className","_jsxs","filter","Boolean","join","viewBox","xmlns","_jsx","d","strokeLinecap"],"sources":["../../../src/icons/DragHandle/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const DragHandleIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--drag-handle', className].filter(Boolean).join(' ')}\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M7.99999 10.6667C8.36818 10.6667 8.66666 10.3682 8.66666 9.99999C8.66666 9.6318 8.36818 9.33332 7.99999 9.33332C7.63181 9.33332 7.33333 9.6318 7.33333 9.99999C7.33333 10.3682 7.63181 10.6667 7.99999 10.6667Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M7.99999 5.99999C8.36818 5.99999 8.66666 5.70151 8.66666 5.33332C8.66666 4.96513 8.36818 4.66666 7.99999 4.66666C7.63181 4.66666 7.33333 4.96513 7.33333 5.33332C7.33333 5.70151 7.63181 5.99999 7.99999 5.99999Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M7.99999 15.3333C8.36818 15.3333 8.66666 15.0348 8.66666 14.6667C8.66666 14.2985 8.36818 14 7.99999 14C7.63181 14 7.33333 14.2985 7.33333 14.6667C7.33333 15.0348 7.63181 15.3333 7.99999 15.3333Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M12 10.6667C12.3682 10.6667 12.6667 10.3682 12.6667 9.99999C12.6667 9.6318 12.3682 9.33332 12 9.33332C11.6318 9.33332 11.3333 9.6318 11.3333 9.99999C11.3333 10.3682 11.6318 10.6667 12 10.6667Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M12 5.99999C12.3682 5.99999 12.6667 5.70151 12.6667 5.33332C12.6667 4.96513 12.3682 4.66666 12 4.66666C11.6318 4.66666 11.3333 4.96513 11.3333 5.33332C11.3333 5.70151 11.6318 5.99999 12 5.99999Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M12 15.3333C12.3682 15.3333 12.6667 15.0348 12.6667 14.6667C12.6667 14.2985 12.3682 14 12 14C11.6318 14 11.3333 14.2985 11.3333 14.6667C11.3333 15.0348 11.6318 15.3333 12 15.3333Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,cAAA,GAAmDA,CAAC;EAAEC;AAAS,CAAE,kBAC5EC,KAAA,CAAC;EACCD,SAAA,EAAW,CAAC,0BAA0BA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACtEC,OAAA,EAAQ;EACRC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/DragHandle/index.scss

@@ -1,14 +0,0 @@
-@import '../../scss/styles';
-
-@layer payload-default {
-  .icon--drag-handle {
-    height: $baseline;
-    width: $baseline;
-
-    .fill {
-      stroke: currentColor;
-      stroke-width: $style-stroke-width-s;
-      fill: var(--theme-elevation-800);
-    }
-  }
-}