payload 0.20.0 → 0.20.1

package/dist/admin/index.js

@@ -0,0 +1,46 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore - need to do this because this file doesn't actually exist
+import config from 'payload-config';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { BrowserRouter as Router } from 'react-router-dom';
+import { ScrollInfoProvider } from '@faceless-ui/scroll-info';
+import { WindowInfoProvider } from '@faceless-ui/window-info';
+import { ModalProvider, ModalContainer } from '@faceless-ui/modal';
+import { ToastContainer, Slide } from 'react-toastify';
+import { AuthProvider } from './components/utilities/Auth';
+import { ConfigProvider } from './components/utilities/Config';
+import { PreferencesProvider } from './components/utilities/Preferences';
+import { CustomProvider } from './components/utilities/CustomProvider';
+import { SearchParamsProvider } from './components/utilities/SearchParams';
+import { LocaleProvider } from './components/utilities/Locale';
+import Routes from './components/Routes';
+import { StepNavProvider } from './components/elements/StepNav';
+import './scss/app.scss';
+const Index = () => (React.createElement(React.Fragment, null,
+    React.createElement(ConfigProvider, { config: config },
+        React.createElement(WindowInfoProvider, { breakpoints: {
+                xs: '(max-width: 400px)',
+                s: '(max-width: 768px)',
+                m: '(max-width: 1024px)',
+                l: '(max-width: 1440px)',
+            } },
+            React.createElement(ScrollInfoProvider, null,
+                React.createElement(Router, null,
+                    React.createElement(ModalProvider, { classPrefix: "payload", zIndex: 50 },
+                        React.createElement(AuthProvider, null,
+                            React.createElement(PreferencesProvider, null,
+                                React.createElement(SearchParamsProvider, null,
+                                    React.createElement(LocaleProvider, null,
+                                        React.createElement(StepNavProvider, null,
+                                            React.createElement(CustomProvider, null,
+                                                React.createElement(Routes, null))))),
+                                React.createElement(ModalContainer, null)))))))),
+    React.createElement(ToastContainer, { position: "bottom-center", transition: Slide, icon: false })));
+const container = document.getElementById('app');
+const root = createRoot(container); // createRoot(container!) if you use TypeScript
+root.render(React.createElement(Index, null));
+// Needed for Hot Module Replacement
+if (typeof (module.hot) !== 'undefined') {
+    module.hot.accept();
+}

package/dist/admin/scss/app.scss

@@ -0,0 +1,132 @@
+@import 'fonts';
+@import 'styles';
+@import './toastify.scss';
+
+:root {
+  --breakpoint-xs-width : #{$breakpoint-xs-width};
+  --breakpoint-s-width  : #{$breakpoint-s-width};
+  --breakpoint-m-width  : #{$breakpoint-m-width};
+  --breakpoint-l-width  : #{$breakpoint-l-width};
+  --z-modal: #{$z-modal};
+  --scrollbar-width: 17px;
+}
+
+/////////////////////////////
+// GLOBAL STYLES
+/////////////////////////////
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  @extend %body;
+  background: $color-background-gray;
+  -webkit-font-smoothing: antialiased;
+
+  @include mid-break {
+    font-size: 12px;
+  }
+}
+
+html,
+body,
+#app {
+  height: 100%;
+}
+
+body {
+  font-family: $font-body;
+  font-weight: 400;
+  color: $color-dark-gray;
+  margin: 0;
+}
+
+
+::selection {
+  background: $color-green;
+  color: $color-dark-gray;
+}
+
+::-moz-selection {
+  background: $color-green;
+  color: $color-dark-gray;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+
+h1 {
+  @extend %h1;
+}
+
+h2 {
+  @extend %h2;
+}
+
+h3 {
+  @extend %h3;
+}
+
+h4 {
+  @extend %h4;
+}
+
+h5 {
+  @extend %h5;
+}
+
+h6 {
+  @extend %h6;
+}
+
+p {
+    margin: 0 0 $baseline;
+}
+
+ul, ol {
+  padding-left: $baseline;
+  margin: 0 0 $baseline;
+}
+
+a {
+  color: $color-dark-gray;
+
+  &:focus {
+    opacity: .8;
+    outline: none;
+  }
+
+  &:active {
+    opacity: .7;
+    outline: none;
+  }
+}
+
+svg {
+  vertical-align: middle;
+}
+
+dialog {
+  width: 100%;
+  border: 0;
+  padding: 0;
+}
+
+.payload__modal-item {
+  min-height: 100%;
+}
+
+.payload__modal-container--enterDone {
+  overflow: scroll;
+}
+
+.payload__modal-item--enter,
+.payload__modal-item--enterDone {
+  z-index: $z-modal;
+}
+
+@import '~payload-user-css';

package/dist/admin/scss/custom.css

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

package/dist/admin/scss/fonts.scss

@@ -0,0 +1,40 @@
+@font-face {
+  font-family: 'Suisse Intl';
+  src: url('../assets/fonts/SuisseIntl.woff2') format('woff2'),
+      url('../assets/fonts/SuisseIntl.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Suisse Intl';
+  src: url('../assets/fonts/SuisseIntl-Thin.woff2') format('woff2'),
+      url('../assets/fonts/SuisseIntl-Thin.woff') format('woff');
+  font-weight: 100;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Suisse Intl';
+  src: url('../assets/fonts/SuisseIntl-Light.woff2') format('woff2'),
+      url('../assets/fonts/SuisseIntl-Light.woff') format('woff');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Suisse Intl';
+  src: url('../assets/fonts/SuisseIntl-SemiBold.woff2') format('woff2'),
+      url('../assets/fonts/SuisseIntl-SemiBold.woff') format('woff');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Suisse Intl';
+  src: url('../assets/fonts/SuisseIntl-Bold.woff2') format('woff2'),
+      url('../assets/fonts/SuisseIntl-Bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+}
+

package/dist/admin/scss/overrides.scss

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

package/dist/admin/scss/queries.scss

@@ -0,0 +1,27 @@
+////////////////////////////
+// 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/admin/scss/resets.scss

@@ -0,0 +1,7 @@
+%btn-reset {
+  border: 0;
+  background: none;
+  box-shadow: none;
+  border-radius: 0;
+  padding: 0;
+}

package/dist/admin/scss/styles.scss

@@ -0,0 +1,13 @@
+@import 'vars';
+@import 'z-index';
+
+//////////////////////////////
+// IMPORT OVERRIDES
+//////////////////////////////
+
+@import '~payload-scss-overrides';
+
+@import 'type';
+@import 'queries';
+@import 'resets';
+@import 'svg';

package/dist/admin/scss/svg.scss

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

package/dist/admin/scss/toastify.scss

@@ -0,0 +1,55 @@
+@import 'vars';
+@import '~react-toastify/dist/ReactToastify.css';
+
+.Toastify {
+  .Toastify__toast-container {
+    left: base(5);
+    transform: none;
+    right: base(5);
+    width: auto;
+  }
+
+  .Toastify__toast {
+    padding: base(.5);
+    border-radius: $style-radius-m;
+    font-weight: 600;
+  }
+
+  .Toastify__close-button {
+    align-self: center;
+    opacity: .7;
+
+    &:hover {
+      opacity: 1;
+    }
+  }
+
+  .Toastify__toast--success {
+    color: $color-dark-gray;
+    background: $color-green;
+  }
+
+  .Toastify__close-button--success {
+    color: $color-dark-gray;
+  }
+
+  .Toastify__progress-bar {
+    background-color: rgba(255,255,255, 0.7);
+  }
+
+  .Toastify__toast--error {
+    background: $color-red;
+    color: #fff;
+  }
+
+  .Toastify__close-button--light {
+    color: inherit;
+  }
+
+  @include mid-break {
+    .Toastify__toast-container {
+      left: $baseline;
+      right: $baseline;
+    }
+  }
+}

package/dist/admin/scss/type.scss

@@ -0,0 +1,117 @@
+@import 'vars';
+@import 'queries';
+
+/////////////////////////////
+// HEADINGS
+/////////////////////////////
+
+%h1, %h2, %h3, %h4, %h5, %h6 {
+  font-family: $font-body;
+  font-weight: 600;
+  color: $color-dark-gray;
+}
+
+%jumbo {
+  font-size: base(2.5);
+  line-height: 1;
+  margin: 0 0 base(2);
+}
+
+%h1 {
+  margin: 0 0 base(1);
+  font-size: base(2);
+  line-height: 1;
+  letter-spacing: -1px;
+
+  @include small-break {
+    letter-spacing: base(0);
+    font-size: base(1.25);
+    line-height: base(1.25);
+  }
+}
+
+%h2 {
+  margin: 0 0 base(1);
+  font-size: base(1.25);
+  line-height: base(1.5);
+  letter-spacing: -.5px;
+
+  @include small-break {
+    font-size: base(.85);
+    line-height: base(.85);
+  }
+}
+
+%h3 {
+  margin: 0 0 base(1);
+  font-size: base(.925);
+  line-height: 1.25;
+  font-weight: 600;
+  letter-spacing: -.5px;
+
+  @include small-break {
+    font-size: base(.65);
+    line-height: base(.75);
+  }
+}
+
+%h4 {
+  margin: 0 0 $baseline;
+  font-size: base(.75);
+  line-height: 1.5;
+}
+
+%h5 {
+  margin: 0;
+  font-size: base(.5625);
+  line-height: 1.5;
+  font-weight: 600;
+}
+
+%h6 {
+  margin: 0;
+  font-size: base(.5);
+  line-height: 1.5;
+  font-weight: 600;
+}
+
+%small {
+  margin: 0;
+  font-size: base(.4);
+  line-height: 1.5;
+}
+
+/////////////////////////////
+// TYPE STYLES
+/////////////////////////////
+
+%large-body {
+  font-size: base(.6);
+  line-height: base(1);
+  letter-spacing: base(.02);
+
+  @include mid-break {
+    font-size: base(.7);
+    line-height: base(1);
+  }
+
+  @include small-break {
+    font-size: base(.55);
+    line-height: base(.75);
+  }
+}
+
+%body {
+  font-size: $baseline-body-size;
+  line-height: $baseline-px;
+  font-weight: normal;
+}
+
+%code {
+  font-size: base(.4);
+  color: $color-gray;
+
+  span {
+    color: $color-dark-gray;
+  }
+}

package/dist/admin/scss/vars.scss

@@ -0,0 +1,171 @@
+@use 'sass:math';
+
+///////////////////////////////////////////////////////////////////////////////////////
+// All variables and mixins within this file are able to be overridden by
+// developers using Payload. No CSS definitions should be placed in this file.
+///////////////////////////////////////////////////////////////////////////////////////
+
+/////////////////////////////
+// BREAKPOINTS
+/////////////////////////////
+
+$breakpoint-xs-width: 400px !default;
+$breakpoint-s-width: 768px !default;
+$breakpoint-m-width: 1024px !default;
+$breakpoint-l-width: 1440px !default;
+
+//////////////////////////////
+// BASELINE GRID
+//////////////////////////////
+
+$baseline-px         : 25px !default;
+$baseline-body-size  : 13px !default;
+$baseline            : math.div($baseline-px, $baseline-body-size) + rem;
+
+@function base($multiplier) {
+	@return math.div($baseline-px, $baseline-body-size) * $multiplier + rem;
+}
+
+//////////////////////////////
+// FONTS
+//////////////////////////////
+
+$font-body  : 'Suisse Intl' !default;
+$font-mono  : monospace !default;
+
+//////////////////////////////
+// COLORS
+//////////////////////////////
+
+$color-dark-gray       : #333333 !default;
+$color-gray            : #9A9A9A !default;
+$color-light-gray      : #DADADA !default;
+$color-background-gray : #F3F3F3 !default;
+$color-red             : #ff6f76 !default;
+$color-yellow          : #FDFFA4 !default;
+$color-green           : #B2FFD6 !default;
+$color-purple          : #F3DDF3 !default;
+
+//////////////////////////////
+// STYLES
+//////////////////////////////
+
+$style-radius-s     : 3px !default;
+$style-radius-m     : 4px !default;
+$style-stroke-width : 1px !default;
+
+$style-stroke-width-s : 1px !default;
+$style-stroke-width-m : 2px !default;
+
+//////////////////////////////
+// MISC
+//////////////////////////////
+
+$top-header-offset: calc(#{base(4)} - 1px);
+$top-header-offset-m: base(3);
+$focus-box-shadow: 0 0 0 $style-stroke-width-m $color-green;
+
+//////////////////////////////
+// SHADOWS
+//////////////////////////////
+
+@mixin shadow-sm {
+  box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.1), 0 6px 4px -4px rgba(0, 2, 4, 0.02);
+}
+
+@mixin shadow-lg {
+  box-shadow: 0 2px 20px 7px rgba(0, 2, 4, 0.1), 0 6px 4px -4px rgba(0, 2, 4, 0.02);
+}
+
+@mixin shadow-lg-top {
+  box-shadow: 0 -2px 20px 7px rgba(0, 2, 4, 0.1), 0 6px 4px -4px rgba(0, 2, 4, 0.02);
+}
+
+@mixin shadow {
+  box-shadow: 0 12px 45px rgba(0,0,0,.03);
+
+  &:hover {
+    	box-shadow: 0 12px 45px rgba(0,0,0,.07);
+  }
+}
+
+@mixin inputShadowActive {
+	box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.16), 0 6px 4px -4px rgba(0, 2, 4, 0.13);
+}
+
+@mixin inputShadow {
+  @include shadow-sm;
+
+  &:not(:disabled) {
+    &:hover {
+      box-shadow: 0 2px 3px 0 rgba(0, 2, 4, 0.13), 0 6px 4px -4px rgba(0, 2, 4, 0.1);
+    }
+
+    &:active, &:focus {
+      @include inputShadowActive;
+    }
+  }
+}
+
+@mixin soft-shadow-bottom {
+  box-shadow: 0 7px 14px 0px rgb(0 0 0 / 5%);
+}
+
+//////////////////////////////
+// STYLE MIXINS
+//////////////////////////////
+
+@mixin blur-bg($color: $color-background-gray) {
+  background: rgba($color, .7);
+  backdrop-filter: saturate(180%) blur(5px);
+}
+
+@mixin formInput () {
+  @include inputShadow;
+  font-family: $font-body;
+  width: 100%;
+  border: 1px solid $color-light-gray;
+  background: white;
+  color: $color-dark-gray;
+  border-radius: 0;
+  font-size: 1rem;
+  height: base(2);
+  line-height: base(1);
+  padding: base(.5) base(.75);
+  -webkit-appearance: none;
+
+  &::-webkit-input-placeholder {
+    color: $color-gray;
+    font-weight: normal;
+    font-size: 1rem;
+  }
+
+  &::-moz-placeholder {
+    color: $color-gray;
+    font-weight: normal;
+    font-size: 1rem;
+  }
+
+  &:hover {
+    border-color: darken($color-light-gray, 10%);
+  }
+
+  &:focus,
+  &:active {
+    border-color: $color-gray;
+    outline: 0;
+  }
+
+  &:disabled {
+    background: lighten($color-light-gray, 5%);
+    color: darken($color-gray, 5%);
+
+    &:hover {
+      border-color: $color-light-gray;
+    }
+  }
+
+  @include small-break {
+      margin-bottom: base(.5);
+  }
+}

package/dist/admin/scss/z-index.scss

@@ -0,0 +1,9 @@
+/////////////////////////////
+// Z-INDEX CHART
+/////////////////////////////
+
+$z-page: 20;
+$z-page-content: 30;
+$z-nav: 40;
+$z-modal: 50;
+$z-status: 60;

package/dist/admin/utilities/getOffsetTop.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (element: HTMLElement) => number;
+export default _default;

package/dist/admin/utilities/getOffsetTop.js

@@ -0,0 +1,14 @@
+export default (element) => {
+    let el = element;
+    // Set our distance placeholder
+    let distance = 0;
+    // Loop up the DOM
+    if (el.offsetParent) {
+        do {
+            distance += el.offsetTop;
+            el = el.offsetParent;
+        } while (el);
+    }
+    // Return our distance
+    return distance < 0 ? 0 : distance;
+};

package/dist/auth/auth.spec.d.ts

@@ -0,0 +1 @@
+export {};