npm - @payloadcms/next - Versions diffs - 3.0.0-canary.ff8c8fd → 3.0.0 - Mend

@payloadcms/next 3.0.0-canary.ff8c8fd → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (617) hide show

package/dist/scss/colors.scss CHANGED Viewed

@@ -1,269 +1,271 @@
-: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);
+@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);
-  --color-success-50: rgb(237, 245, 249);
-  --color-success-100: rgb(218, 237, 248);
-  --color-success-150: rgb(188, 225, 248);
-  --color-success-200: rgb(156, 216, 253);
-  --color-success-250: rgb(125, 204, 248);
-  --color-success-300: rgb(97, 190, 241);
-  --color-success-350: rgb(65, 178, 236);
-  --color-success-400: rgb(36, 164, 223);
-  --color-success-450: rgb(18, 148, 204);
-  --color-success-500: rgb(21, 135, 186);
-  --color-success-550: rgb(12, 121, 168);
-  --color-success-600: rgb(11, 110, 153);
-  --color-success-650: rgb(11, 97, 135);
-  --color-success-700: rgb(17, 88, 121);
-  --color-success-750: rgb(17, 76, 105);
-  --color-success-800: rgb(18, 66, 90);
-  --color-success-850: rgb(18, 56, 76);
-  --color-success-900: rgb(19, 44, 58);
-  --color-success-950: rgb(22, 33, 39);
+    --color-success-50: rgb(237, 245, 249);
+    --color-success-100: rgb(218, 237, 248);
+    --color-success-150: rgb(188, 225, 248);
+    --color-success-200: rgb(156, 216, 253);
+    --color-success-250: rgb(125, 204, 248);
+    --color-success-300: rgb(97, 190, 241);
+    --color-success-350: rgb(65, 178, 236);
+    --color-success-400: rgb(36, 164, 223);
+    --color-success-450: rgb(18, 148, 204);
+    --color-success-500: rgb(21, 135, 186);
+    --color-success-550: rgb(12, 121, 168);
+    --color-success-600: rgb(11, 110, 153);
+    --color-success-650: rgb(11, 97, 135);
+    --color-success-700: rgb(17, 88, 121);
+    --color-success-750: rgb(17, 76, 105);
+    --color-success-800: rgb(18, 66, 90);
+    --color-success-850: rgb(18, 56, 76);
+    --color-success-900: rgb(19, 44, 58);
+    --color-success-950: rgb(22, 33, 39);
-  --color-error-50: rgb(250, 241, 240);
-  --color-error-100: rgb(252, 229, 227);
-  --color-error-150: rgb(247, 208, 204);
-  --color-error-200: rgb(254, 193, 188);
-  --color-error-250: rgb(253, 177, 170);
-  --color-error-300: rgb(253, 154, 146);
-  --color-error-350: rgb(253, 131, 123);
-  --color-error-400: rgb(246, 109, 103);
-  --color-error-450: rgb(234, 90, 86);
-  --color-error-500: rgb(218, 75, 72);
-  --color-error-550: rgb(200, 62, 61);
-  --color-error-600: rgb(182, 54, 54);
-  --color-error-650: rgb(161, 47, 47);
-  --color-error-700: rgb(144, 44, 43);
-  --color-error-750: rgb(123, 41, 39);
-  --color-error-800: rgb(105, 39, 37);
-  --color-error-850: rgb(86, 36, 33);
-  --color-error-900: rgb(64, 32, 29);
-  --color-error-950: rgb(44, 26, 24);
+    --color-error-50: rgb(250, 241, 240);
+    --color-error-100: rgb(252, 229, 227);
+    --color-error-150: rgb(247, 208, 204);
+    --color-error-200: rgb(254, 193, 188);
+    --color-error-250: rgb(253, 177, 170);
+    --color-error-300: rgb(253, 154, 146);
+    --color-error-350: rgb(253, 131, 123);
+    --color-error-400: rgb(246, 109, 103);
+    --color-error-450: rgb(234, 90, 86);
+    --color-error-500: rgb(218, 75, 72);
+    --color-error-550: rgb(200, 62, 61);
+    --color-error-600: rgb(182, 54, 54);
+    --color-error-650: rgb(161, 47, 47);
+    --color-error-700: rgb(144, 44, 43);
+    --color-error-750: rgb(123, 41, 39);
+    --color-error-800: rgb(105, 39, 37);
+    --color-error-850: rgb(86, 36, 33);
+    --color-error-900: rgb(64, 32, 29);
+    --color-error-950: rgb(44, 26, 24);
-  --color-warning-50: rgb(249, 242, 237);
-  --color-warning-100: rgb(248, 232, 219);
-  --color-warning-150: rgb(243, 212, 186);
-  --color-warning-200: rgb(243, 200, 162);
-  --color-warning-250: rgb(240, 185, 136);
-  --color-warning-300: rgb(238, 166, 98);
-  --color-warning-350: rgb(234, 148, 58);
-  --color-warning-400: rgb(223, 132, 17);
-  --color-warning-450: rgb(204, 120, 15);
-  --color-warning-500: rgb(185, 108, 13);
-  --color-warning-550: rgb(167, 97, 10);
-  --color-warning-600: rgb(150, 87, 11);
-  --color-warning-650: rgb(134, 78, 11);
-  --color-warning-700: rgb(120, 70, 13);
-  --color-warning-750: rgb(105, 61, 13);
-  --color-warning-800: rgb(90, 55, 19);
-  --color-warning-850: rgb(73, 47, 21);
-  --color-warning-900: rgb(56, 38, 20);
-  --color-warning-950: rgb(38, 29, 21);
+    --color-warning-50: rgb(249, 242, 237);
+    --color-warning-100: rgb(248, 232, 219);
+    --color-warning-150: rgb(243, 212, 186);
+    --color-warning-200: rgb(243, 200, 162);
+    --color-warning-250: rgb(240, 185, 136);
+    --color-warning-300: rgb(238, 166, 98);
+    --color-warning-350: rgb(234, 148, 58);
+    --color-warning-400: rgb(223, 132, 17);
+    --color-warning-450: rgb(204, 120, 15);
+    --color-warning-500: rgb(185, 108, 13);
+    --color-warning-550: rgb(167, 97, 10);
+    --color-warning-600: rgb(150, 87, 11);
+    --color-warning-650: rgb(134, 78, 11);
+    --color-warning-700: rgb(120, 70, 13);
+    --color-warning-750: rgb(105, 61, 13);
+    --color-warning-800: rgb(90, 55, 19);
+    --color-warning-850: rgb(73, 47, 21);
+    --color-warning-900: rgb(56, 38, 20);
+    --color-warning-950: rgb(38, 29, 21);
-  --color-blue-50: rgb(237, 245, 249);
-  --color-blue-100: rgb(218, 237, 248);
-  --color-blue-150: rgb(188, 225, 248);
-  --color-blue-200: rgb(156, 216, 253);
-  --color-blue-250: rgb(125, 204, 248);
-  --color-blue-300: rgb(97, 190, 241);
-  --color-blue-350: rgb(65, 178, 236);
-  --color-blue-400: rgb(36, 164, 223);
-  --color-blue-450: rgb(18, 148, 204);
-  --color-blue-500: rgb(21, 135, 186);
-  --color-blue-550: rgb(12, 121, 168);
-  --color-blue-600: rgb(11, 110, 153);
-  --color-blue-650: rgb(11, 97, 135);
-  --color-blue-700: rgb(17, 88, 121);
-  --color-blue-750: rgb(17, 76, 105);
-  --color-blue-800: rgb(18, 66, 90);
-  --color-blue-850: rgb(18, 56, 76);
-  --color-blue-900: rgb(19, 44, 58);
-  --color-blue-950: rgb(22, 33, 39);
+    --color-blue-50: rgb(237, 245, 249);
+    --color-blue-100: rgb(218, 237, 248);
+    --color-blue-150: rgb(188, 225, 248);
+    --color-blue-200: rgb(156, 216, 253);
+    --color-blue-250: rgb(125, 204, 248);
+    --color-blue-300: rgb(97, 190, 241);
+    --color-blue-350: rgb(65, 178, 236);
+    --color-blue-400: rgb(36, 164, 223);
+    --color-blue-450: rgb(18, 148, 204);
+    --color-blue-500: rgb(21, 135, 186);
+    --color-blue-550: rgb(12, 121, 168);
+    --color-blue-600: rgb(11, 110, 153);
+    --color-blue-650: rgb(11, 97, 135);
+    --color-blue-700: rgb(17, 88, 121);
+    --color-blue-750: rgb(17, 76, 105);
+    --color-blue-800: rgb(18, 66, 90);
+    --color-blue-850: rgb(18, 56, 76);
+    --color-blue-900: rgb(19, 44, 58);
+    --color-blue-950: rgb(22, 33, 39);
-  --theme-border-color: var(--theme-elevation-150);
+    --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-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-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-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);
-}
+    --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);
+  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-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-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-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);
+    --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/resets.scss CHANGED Viewed

@@ -1,10 +1,12 @@
-%btn-reset {
-  border: 0;
-  background: none;
-  box-shadow: none;
-  border-radius: 0;
-  padding: 0;
-  color: currentColor;
+@layer payload-default {
+  %btn-reset {
+    border: 0;
+    background: none;
+    box-shadow: none;
+    border-radius: 0;
+    padding: 0;
+    color: currentColor;
+  }
 }
 @mixin btn-reset {

package/dist/scss/toastify.scss CHANGED Viewed

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