payload 1.6.2 → 1.6.4-beta.0

package/dist/admin/scss/app.scss

@@ -1,180 +0,0 @@
-@import 'fonts';
-@import 'styles';
-@import './toastify.scss';
-@import './colors.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};
-  --scrollbar-width: 17px;
-  --nav-width: #{base(9)};
-
-  --theme-bg: var(--theme-elevation-0);
-  --theme-input-bg: var(--theme-elevation-0);
-  --theme-text: var(--theme-elevation-800);
-  --theme-baseline: #{$baseline-px};
-  --theme-baseline-body-size: #{$baseline-body-size};
-  --font-body: 'Suisse Intl', system-ui;
-  --font-mono: monospace;
-  --font-serif: 'Merriweather', serif;
-
-  --z-popup: 10;
-  --z-nav: 20;
-  --z-modal: 30;
-  --z-status: 40;
-
-  --gutter-h: #{base(5)};
-
-  @include large-break {
-    --gutter-h: #{base(3)};
-    --nav-width: #{base(8)};
-  }
-
-  @include mid-break {
-    --gutter-h: #{base(2)};
-    --nav-width: 0;
-  }
-
-  @include small-break {
-    --gutter-h: #{base(.5)};
-  }
-}
-
-/////////////////////////////
-// GLOBAL STYLES
-/////////////////////////////
-
-* {
-  box-sizing: border-box;
-}
-
-html {
-  @extend %body;
-  background: var(--theme-bg);
-  -webkit-font-smoothing: antialiased;
-
-  &[data-theme=dark] {
-    --theme-bg: var(--theme-elevation-0);
-    --theme-text: var(--theme-elevation-1000);
-    --theme-input-bg: var(--theme-elevation-50);
-    color-scheme: dark;
-
-    ::selection {
-      color: var(--color-base-1000);
-    }
-
-    ::-moz-selection {
-      color: var(--color-base-1000);
-    }
-  }
-
-  @include mid-break {
-    font-size: 12px;
-  }
-}
-
-html,
-body,
-#app {
-  height: 100%;
-}
-
-body {
-  font-family: var(--font-body);
-  font-weight: 400;
-  color: var(--theme-text);
-  margin: 0;
-}
-
-::selection {
-  background: var(--theme-success-500);
-  color: var(--theme-base-800);
-}
-
-::-moz-selection {
-  background: var(--theme-success-500);
-  color: var(--theme-base-800);
-}
-
-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: currentColor;
-
-  &:focus {
-    opacity: .8;
-    outline: none;
-  }
-
-  &:active {
-    opacity: .7;
-    outline: none;
-  }
-}
-
-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);
-}
-
-@import '~payload-user-css';

package/dist/admin/scss/colors.scss

@@ -1,245 +0,0 @@
-: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);
-
-  --color-success-50: rgb(247, 255, 251);
-  --color-success-100: rgb(240, 255, 247);
-  --color-success-150: rgb(232, 255, 243);
-  --color-success-200: rgb(224, 255, 239);
-  --color-success-250: rgb(217, 255, 235);
-  --color-success-300: rgb(209, 255, 230);
-  --color-success-350: rgb(201, 255, 226);
-  --color-success-400: rgb(193, 255, 222);
-  --color-success-450: rgb(186, 255, 218);
-  --color-success-500: rgb(178, 255, 214);
-  --color-success-550: rgb(160, 230, 193);
-  --color-success-600: rgb(142, 204, 171);
-  --color-success-650: rgb(125, 179, 150);
-  --color-success-700: rgb(107, 153, 128);
-  --color-success-750: rgb(89, 128, 107);
-  --color-success-800: rgb(71, 102, 86);
-  --color-success-850: rgb(53, 77, 64);
-  --color-success-900: rgb(36, 51, 43);
-  --color-success-950: rgb(18, 25, 21);
-
-  --color-warning-50: rgb(255, 255, 246);
-  --color-warning-100: rgb(255, 255, 237);
-  --color-warning-150: rgb(254, 255, 228);
-  --color-warning-200: rgb(254, 255, 219);
-  --color-warning-250: rgb(254, 255, 210);
-  --color-warning-300: rgb(254, 255, 200);
-  --color-warning-350: rgb(254, 255, 191);
-  --color-warning-400: rgb(253, 255, 182);
-  --color-warning-450: rgb(253, 255, 173);
-  --color-warning-500: rgb(253, 255, 164);
-  --color-warning-550: rgb(228, 230, 148);
-  --color-warning-600: rgb(202, 204, 131);
-  --color-warning-650: rgb(177, 179, 115);
-  --color-warning-700: rgb(152, 153, 98);
-  --color-warning-750: rgb(127, 128, 82);
-  --color-warning-800: rgb(101, 102, 66);
-  --color-warning-850: rgb(76, 77, 49);
-  --color-warning-900: rgb(51, 51, 33);
-  --color-warning-950: rgb(25, 25, 16);
-
-  --color-error-50: rgb(255, 241, 241);
-  --color-error-100: rgb(255, 226, 228);
-  --color-error-150: rgb(255, 212, 214);
-  --color-error-200: rgb(255, 197, 200);
-  --color-error-250: rgb(255, 183, 187);
-  --color-error-300: rgb(255, 169, 173);
-  --color-error-350: rgb(255, 154, 159);
-  --color-error-400: rgb(255, 140, 145);
-  --color-error-450: rgb(255, 125, 132);
-  --color-error-500: rgb(255, 111, 118);
-  --color-error-550: rgb(230, 100, 106);
-  --color-error-600: rgb(204, 89, 94);
-  --color-error-650: rgb(179, 78, 83);
-  --color-error-700: rgb(153, 67, 71);
-  --color-error-750: rgb(128, 56, 59);
-  --color-error-800: rgb(102, 44, 47);
-  --color-error-850: rgb(77, 33, 35);
-  --color-error-900: rgb(51, 22, 24);
-  --color-error-950: rgb(25, 11, 12);
-
-  --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-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/admin/scss/custom.css

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

package/dist/admin/scss/fonts.scss

@@ -1,67 +0,0 @@
-@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-Medium.woff2') format('woff2'),
-    url('../assets/fonts/SuisseIntl-Medium.woff') format('woff');
-  font-weight: 500;
-  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;
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 400;
-  src: local(''),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-regular.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 400;
-  src: local(''),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-italic.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: normal;
-  font-weight: 900;
-  src: local(''),
-    url('../assets/fonts/merriweather-v30-latin-900.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900.woff') format('woff');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-style: italic;
-  font-weight: 900;
-  src: local(''),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff2') format('woff2'),
-    url('../assets/fonts/merriweather-v30-latin-900italic.woff') format('woff');
-}

package/dist/admin/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/admin/scss/resets.scss

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

package/dist/admin/scss/styles.scss

@@ -1,11 +0,0 @@
-@import 'vars';
-@import 'z-index';
-
-//////////////////////////////
-// IMPORT OVERRIDES
-//////////////////////////////
-
-@import 'type';
-@import 'queries';
-@import 'resets';
-@import 'svg';

package/dist/admin/scss/svg.scss

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

package/dist/admin/scss/toastify.scss

@@ -1,59 +0,0 @@
-@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: 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;
-    }
-  }
-}