@payloadcms/next 3.0.0-beta.111 → 3.0.0-beta.113

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 (122) hide show
  1. package/dist/cjs/withPayload.cjs +145 -0
  2. package/dist/cjs/withPayload.cjs.map +1 -0
  3. package/dist/elements/FormHeader/index.d.ts +9 -0
  4. package/dist/elements/FormHeader/index.d.ts.map +1 -0
  5. package/dist/elements/FormHeader/index.js +20 -0
  6. package/dist/elements/FormHeader/index.js.map +1 -0
  7. package/dist/elements/FormHeader/index.scss +6 -0
  8. package/dist/exports/utilities.d.ts +1 -0
  9. package/dist/exports/utilities.d.ts.map +1 -1
  10. package/dist/exports/utilities.js +1 -0
  11. package/dist/exports/utilities.js.map +1 -1
  12. package/dist/prod/styles.css +1 -1
  13. package/dist/routes/rest/auth/login.js +2 -2
  14. package/dist/routes/rest/auth/login.js.map +1 -1
  15. package/dist/routes/rest/auth/logout.d.ts.map +1 -1
  16. package/dist/routes/rest/auth/logout.js +3 -2
  17. package/dist/routes/rest/auth/logout.js.map +1 -1
  18. package/dist/routes/rest/auth/refresh.js +2 -2
  19. package/dist/routes/rest/auth/refresh.js.map +1 -1
  20. package/dist/routes/rest/auth/registerFirstUser.js +2 -2
  21. package/dist/routes/rest/auth/registerFirstUser.js.map +1 -1
  22. package/dist/routes/rest/auth/resetPassword.js +2 -2
  23. package/dist/routes/rest/auth/resetPassword.js.map +1 -1
  24. package/dist/scss/app.scss +166 -162
  25. package/dist/scss/colors.scss +256 -254
  26. package/dist/scss/resets.scss +9 -7
  27. package/dist/scss/toastify.scss +42 -40
  28. package/dist/scss/toasts.scss +105 -103
  29. package/dist/scss/type.scss +80 -79
  30. package/dist/utilities/initPage/handleAdminPage.d.ts +11 -11
  31. package/dist/utilities/initPage/handleAdminPage.d.ts.map +1 -1
  32. package/dist/utilities/initPage/handleAdminPage.js +7 -20
  33. package/dist/utilities/initPage/handleAdminPage.js.map +1 -1
  34. package/dist/utilities/initPage/handleAuthRedirect.d.ts +6 -3
  35. package/dist/utilities/initPage/handleAuthRedirect.d.ts.map +1 -1
  36. package/dist/utilities/initPage/handleAuthRedirect.js +23 -36
  37. package/dist/utilities/initPage/handleAuthRedirect.js.map +1 -1
  38. package/dist/utilities/initPage/index.d.ts +1 -1
  39. package/dist/utilities/initPage/index.d.ts.map +1 -1
  40. package/dist/utilities/initPage/index.js +20 -9
  41. package/dist/utilities/initPage/index.js.map +1 -1
  42. package/dist/utilities/initPage/shared.d.ts +2 -2
  43. package/dist/utilities/initPage/shared.d.ts.map +1 -1
  44. package/dist/utilities/initPage/shared.js +18 -13
  45. package/dist/utilities/initPage/shared.js.map +1 -1
  46. package/dist/views/API/index.scss +98 -96
  47. package/dist/views/Account/Settings/index.scss +37 -35
  48. package/dist/views/CreateFirstUser/index.client.d.ts.map +1 -1
  49. package/dist/views/CreateFirstUser/index.client.js +1 -1
  50. package/dist/views/CreateFirstUser/index.client.js.map +1 -1
  51. package/dist/views/CreateFirstUser/index.scss +13 -11
  52. package/dist/views/Dashboard/Default/index.scss +51 -49
  53. package/dist/views/Edit/Default/Auth/index.scss +56 -54
  54. package/dist/views/Edit/Default/index.scss +15 -13
  55. package/dist/views/ForgotPassword/ForgotPasswordForm/index.d.ts.map +1 -1
  56. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js +9 -11
  57. package/dist/views/ForgotPassword/ForgotPasswordForm/index.js.map +1 -1
  58. package/dist/views/ForgotPassword/index.d.ts.map +1 -1
  59. package/dist/views/ForgotPassword/index.js +6 -6
  60. package/dist/views/ForgotPassword/index.js.map +1 -1
  61. package/dist/views/List/Default/index.scss +136 -134
  62. package/dist/views/LivePreview/IFrame/index.scss +8 -6
  63. package/dist/views/LivePreview/Preview/index.scss +32 -30
  64. package/dist/views/LivePreview/Toolbar/Controls/index.scss +49 -47
  65. package/dist/views/LivePreview/Toolbar/SizeInput/index.scss +11 -9
  66. package/dist/views/LivePreview/Toolbar/index.scss +33 -31
  67. package/dist/views/LivePreview/ToolbarArea/index.scss +5 -3
  68. package/dist/views/LivePreview/index.scss +48 -46
  69. package/dist/views/Login/LoginForm/index.d.ts.map +1 -1
  70. package/dist/views/Login/LoginForm/index.js +1 -1
  71. package/dist/views/Login/LoginForm/index.js.map +1 -1
  72. package/dist/views/Login/LoginForm/index.scss +8 -6
  73. package/dist/views/Login/index.scss +8 -6
  74. package/dist/views/Logout/LogoutClient.d.ts.map +1 -1
  75. package/dist/views/Logout/LogoutClient.js +77 -55
  76. package/dist/views/Logout/LogoutClient.js.map +1 -1
  77. package/dist/views/Logout/index.scss +17 -15
  78. package/dist/views/NotFound/index.scss +38 -36
  79. package/dist/views/ResetPassword/ResetPasswordForm/index.d.ts +7 -0
  80. package/dist/views/ResetPassword/ResetPasswordForm/index.d.ts.map +1 -0
  81. package/dist/views/ResetPassword/{index.client.js → ResetPasswordForm/index.js} +16 -19
  82. package/dist/views/ResetPassword/ResetPasswordForm/index.js.map +1 -0
  83. package/dist/views/ResetPassword/index.d.ts.map +1 -1
  84. package/dist/views/ResetPassword/index.js +17 -10
  85. package/dist/views/ResetPassword/index.js.map +1 -1
  86. package/dist/views/ResetPassword/index.scss +6 -26
  87. package/dist/views/Root/getViewFromConfig.d.ts.map +1 -1
  88. package/dist/views/Root/getViewFromConfig.js +0 -6
  89. package/dist/views/Root/getViewFromConfig.js.map +1 -1
  90. package/dist/views/Root/index.d.ts.map +1 -1
  91. package/dist/views/Root/index.js +5 -2
  92. package/dist/views/Root/index.js.map +1 -1
  93. package/dist/views/Unauthorized/index.d.ts.map +1 -1
  94. package/dist/views/Unauthorized/index.js +14 -7
  95. package/dist/views/Unauthorized/index.js.map +1 -1
  96. package/dist/views/Unauthorized/index.scss +4 -31
  97. package/dist/views/Verify/index.client.d.ts +7 -0
  98. package/dist/views/Verify/index.client.d.ts.map +1 -0
  99. package/dist/views/Verify/index.client.js +46 -0
  100. package/dist/views/Verify/index.client.js.map +1 -0
  101. package/dist/views/Verify/index.d.ts.map +1 -1
  102. package/dist/views/Verify/index.js +12 -11
  103. package/dist/views/Verify/index.js.map +1 -1
  104. package/dist/views/Verify/index.scss +13 -11
  105. package/dist/views/Version/Default/index.scss +52 -50
  106. package/dist/views/Version/RenderFieldsToDiff/Label/index.scss +5 -3
  107. package/dist/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +29 -27
  108. package/dist/views/Version/RenderFieldsToDiff/fields/Nested/index.scss +11 -9
  109. package/dist/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +12 -10
  110. package/dist/views/Version/RenderFieldsToDiff/fields/Select/index.scss +12 -10
  111. package/dist/views/Version/RenderFieldsToDiff/fields/Text/index.scss +12 -10
  112. package/dist/views/Version/RenderFieldsToDiff/index.scss +12 -10
  113. package/dist/views/Version/Restore/index.scss +57 -55
  114. package/dist/views/Version/SelectComparison/index.scss +12 -10
  115. package/dist/views/Version/SelectLocales/index.scss +6 -4
  116. package/dist/views/Versions/index.scss +78 -76
  117. package/package.json +9 -9
  118. package/dist/cjs/withPayload.js +0 -111
  119. package/dist/cjs/withPayload.js.map +0 -1
  120. package/dist/views/ResetPassword/index.client.d.ts +0 -7
  121. package/dist/views/ResetPassword/index.client.d.ts.map +0 -1
  122. package/dist/views/ResetPassword/index.client.js.map +0 -1
package/dist/scss/colors.scss CHANGED
@@ -1,269 +1,271 @@
1
- :root {
2
- --color-base-0: rgb(255, 255, 255);
3
- --color-base-50: rgb(245, 245, 245);
4
- --color-base-100: rgb(235, 235, 235);
5
- --color-base-150: rgb(221, 221, 221);
6
- --color-base-200: rgb(208, 208, 208);
7
- --color-base-250: rgb(195, 195, 195);
8
- --color-base-300: rgb(181, 181, 181);
9
- --color-base-350: rgb(168, 168, 168);
10
- --color-base-400: rgb(154, 154, 154);
11
- --color-base-450: rgb(141, 141, 141);
12
- --color-base-500: rgb(128, 128, 128);
13
- --color-base-550: rgb(114, 114, 114);
14
- --color-base-600: rgb(101, 101, 101);
15
- --color-base-650: rgb(87, 87, 87);
16
- --color-base-700: rgb(74, 74, 74);
17
- --color-base-750: rgb(60, 60, 60);
18
- --color-base-800: rgb(47, 47, 47);
19
- --color-base-850: rgb(34, 34, 34);
20
- --color-base-900: rgb(20, 20, 20);
21
- --color-base-950: rgb(7, 7, 7);
22
- --color-base-1000: rgb(0, 0, 0);
1
+ @layer payload-default {
2
+ :root {
3
+ --color-base-0: rgb(255, 255, 255);
4
+ --color-base-50: rgb(245, 245, 245);
5
+ --color-base-100: rgb(235, 235, 235);
6
+ --color-base-150: rgb(221, 221, 221);
7
+ --color-base-200: rgb(208, 208, 208);
8
+ --color-base-250: rgb(195, 195, 195);
9
+ --color-base-300: rgb(181, 181, 181);
10
+ --color-base-350: rgb(168, 168, 168);
11
+ --color-base-400: rgb(154, 154, 154);
12
+ --color-base-450: rgb(141, 141, 141);
13
+ --color-base-500: rgb(128, 128, 128);
14
+ --color-base-550: rgb(114, 114, 114);
15
+ --color-base-600: rgb(101, 101, 101);
16
+ --color-base-650: rgb(87, 87, 87);
17
+ --color-base-700: rgb(74, 74, 74);
18
+ --color-base-750: rgb(60, 60, 60);
19
+ --color-base-800: rgb(47, 47, 47);
20
+ --color-base-850: rgb(34, 34, 34);
21
+ --color-base-900: rgb(20, 20, 20);
22
+ --color-base-950: rgb(7, 7, 7);
23
+ --color-base-1000: rgb(0, 0, 0);
23
24
 
24
- --color-success-50: rgb(237, 245, 249);
25
- --color-success-100: rgb(218, 237, 248);
26
- --color-success-150: rgb(188, 225, 248);
27
- --color-success-200: rgb(156, 216, 253);
28
- --color-success-250: rgb(125, 204, 248);
29
- --color-success-300: rgb(97, 190, 241);
30
- --color-success-350: rgb(65, 178, 236);
31
- --color-success-400: rgb(36, 164, 223);
32
- --color-success-450: rgb(18, 148, 204);
33
- --color-success-500: rgb(21, 135, 186);
34
- --color-success-550: rgb(12, 121, 168);
35
- --color-success-600: rgb(11, 110, 153);
36
- --color-success-650: rgb(11, 97, 135);
37
- --color-success-700: rgb(17, 88, 121);
38
- --color-success-750: rgb(17, 76, 105);
39
- --color-success-800: rgb(18, 66, 90);
40
- --color-success-850: rgb(18, 56, 76);
41
- --color-success-900: rgb(19, 44, 58);
42
- --color-success-950: rgb(22, 33, 39);
25
+ --color-success-50: rgb(237, 245, 249);
26
+ --color-success-100: rgb(218, 237, 248);
27
+ --color-success-150: rgb(188, 225, 248);
28
+ --color-success-200: rgb(156, 216, 253);
29
+ --color-success-250: rgb(125, 204, 248);
30
+ --color-success-300: rgb(97, 190, 241);
31
+ --color-success-350: rgb(65, 178, 236);
32
+ --color-success-400: rgb(36, 164, 223);
33
+ --color-success-450: rgb(18, 148, 204);
34
+ --color-success-500: rgb(21, 135, 186);
35
+ --color-success-550: rgb(12, 121, 168);
36
+ --color-success-600: rgb(11, 110, 153);
37
+ --color-success-650: rgb(11, 97, 135);
38
+ --color-success-700: rgb(17, 88, 121);
39
+ --color-success-750: rgb(17, 76, 105);
40
+ --color-success-800: rgb(18, 66, 90);
41
+ --color-success-850: rgb(18, 56, 76);
42
+ --color-success-900: rgb(19, 44, 58);
43
+ --color-success-950: rgb(22, 33, 39);
43
44
 
44
- --color-error-50: rgb(250, 241, 240);
45
- --color-error-100: rgb(252, 229, 227);
46
- --color-error-150: rgb(247, 208, 204);
47
- --color-error-200: rgb(254, 193, 188);
48
- --color-error-250: rgb(253, 177, 170);
49
- --color-error-300: rgb(253, 154, 146);
50
- --color-error-350: rgb(253, 131, 123);
51
- --color-error-400: rgb(246, 109, 103);
52
- --color-error-450: rgb(234, 90, 86);
53
- --color-error-500: rgb(218, 75, 72);
54
- --color-error-550: rgb(200, 62, 61);
55
- --color-error-600: rgb(182, 54, 54);
56
- --color-error-650: rgb(161, 47, 47);
57
- --color-error-700: rgb(144, 44, 43);
58
- --color-error-750: rgb(123, 41, 39);
59
- --color-error-800: rgb(105, 39, 37);
60
- --color-error-850: rgb(86, 36, 33);
61
- --color-error-900: rgb(64, 32, 29);
62
- --color-error-950: rgb(44, 26, 24);
45
+ --color-error-50: rgb(250, 241, 240);
46
+ --color-error-100: rgb(252, 229, 227);
47
+ --color-error-150: rgb(247, 208, 204);
48
+ --color-error-200: rgb(254, 193, 188);
49
+ --color-error-250: rgb(253, 177, 170);
50
+ --color-error-300: rgb(253, 154, 146);
51
+ --color-error-350: rgb(253, 131, 123);
52
+ --color-error-400: rgb(246, 109, 103);
53
+ --color-error-450: rgb(234, 90, 86);
54
+ --color-error-500: rgb(218, 75, 72);
55
+ --color-error-550: rgb(200, 62, 61);
56
+ --color-error-600: rgb(182, 54, 54);
57
+ --color-error-650: rgb(161, 47, 47);
58
+ --color-error-700: rgb(144, 44, 43);
59
+ --color-error-750: rgb(123, 41, 39);
60
+ --color-error-800: rgb(105, 39, 37);
61
+ --color-error-850: rgb(86, 36, 33);
62
+ --color-error-900: rgb(64, 32, 29);
63
+ --color-error-950: rgb(44, 26, 24);
63
64
 
64
- --color-warning-50: rgb(249, 242, 237);
65
- --color-warning-100: rgb(248, 232, 219);
66
- --color-warning-150: rgb(243, 212, 186);
67
- --color-warning-200: rgb(243, 200, 162);
68
- --color-warning-250: rgb(240, 185, 136);
69
- --color-warning-300: rgb(238, 166, 98);
70
- --color-warning-350: rgb(234, 148, 58);
71
- --color-warning-400: rgb(223, 132, 17);
72
- --color-warning-450: rgb(204, 120, 15);
73
- --color-warning-500: rgb(185, 108, 13);
74
- --color-warning-550: rgb(167, 97, 10);
75
- --color-warning-600: rgb(150, 87, 11);
76
- --color-warning-650: rgb(134, 78, 11);
77
- --color-warning-700: rgb(120, 70, 13);
78
- --color-warning-750: rgb(105, 61, 13);
79
- --color-warning-800: rgb(90, 55, 19);
80
- --color-warning-850: rgb(73, 47, 21);
81
- --color-warning-900: rgb(56, 38, 20);
82
- --color-warning-950: rgb(38, 29, 21);
65
+ --color-warning-50: rgb(249, 242, 237);
66
+ --color-warning-100: rgb(248, 232, 219);
67
+ --color-warning-150: rgb(243, 212, 186);
68
+ --color-warning-200: rgb(243, 200, 162);
69
+ --color-warning-250: rgb(240, 185, 136);
70
+ --color-warning-300: rgb(238, 166, 98);
71
+ --color-warning-350: rgb(234, 148, 58);
72
+ --color-warning-400: rgb(223, 132, 17);
73
+ --color-warning-450: rgb(204, 120, 15);
74
+ --color-warning-500: rgb(185, 108, 13);
75
+ --color-warning-550: rgb(167, 97, 10);
76
+ --color-warning-600: rgb(150, 87, 11);
77
+ --color-warning-650: rgb(134, 78, 11);
78
+ --color-warning-700: rgb(120, 70, 13);
79
+ --color-warning-750: rgb(105, 61, 13);
80
+ --color-warning-800: rgb(90, 55, 19);
81
+ --color-warning-850: rgb(73, 47, 21);
82
+ --color-warning-900: rgb(56, 38, 20);
83
+ --color-warning-950: rgb(38, 29, 21);
83
84
 
84
- --color-blue-50: rgb(237, 245, 249);
85
- --color-blue-100: rgb(218, 237, 248);
86
- --color-blue-150: rgb(188, 225, 248);
87
- --color-blue-200: rgb(156, 216, 253);
88
- --color-blue-250: rgb(125, 204, 248);
89
- --color-blue-300: rgb(97, 190, 241);
90
- --color-blue-350: rgb(65, 178, 236);
91
- --color-blue-400: rgb(36, 164, 223);
92
- --color-blue-450: rgb(18, 148, 204);
93
- --color-blue-500: rgb(21, 135, 186);
94
- --color-blue-550: rgb(12, 121, 168);
95
- --color-blue-600: rgb(11, 110, 153);
96
- --color-blue-650: rgb(11, 97, 135);
97
- --color-blue-700: rgb(17, 88, 121);
98
- --color-blue-750: rgb(17, 76, 105);
99
- --color-blue-800: rgb(18, 66, 90);
100
- --color-blue-850: rgb(18, 56, 76);
101
- --color-blue-900: rgb(19, 44, 58);
102
- --color-blue-950: rgb(22, 33, 39);
85
+ --color-blue-50: rgb(237, 245, 249);
86
+ --color-blue-100: rgb(218, 237, 248);
87
+ --color-blue-150: rgb(188, 225, 248);
88
+ --color-blue-200: rgb(156, 216, 253);
89
+ --color-blue-250: rgb(125, 204, 248);
90
+ --color-blue-300: rgb(97, 190, 241);
91
+ --color-blue-350: rgb(65, 178, 236);
92
+ --color-blue-400: rgb(36, 164, 223);
93
+ --color-blue-450: rgb(18, 148, 204);
94
+ --color-blue-500: rgb(21, 135, 186);
95
+ --color-blue-550: rgb(12, 121, 168);
96
+ --color-blue-600: rgb(11, 110, 153);
97
+ --color-blue-650: rgb(11, 97, 135);
98
+ --color-blue-700: rgb(17, 88, 121);
99
+ --color-blue-750: rgb(17, 76, 105);
100
+ --color-blue-800: rgb(18, 66, 90);
101
+ --color-blue-850: rgb(18, 56, 76);
102
+ --color-blue-900: rgb(19, 44, 58);
103
+ --color-blue-950: rgb(22, 33, 39);
103
104
 
104
- --theme-border-color: var(--theme-elevation-150);
105
+ --theme-border-color: var(--theme-elevation-150);
105
106
 
106
- --theme-success-50: var(--color-success-50);
107
- --theme-success-100: var(--color-success-100);
108
- --theme-success-150: var(--color-success-150);
109
- --theme-success-200: var(--color-success-200);
110
- --theme-success-250: var(--color-success-250);
111
- --theme-success-300: var(--color-success-300);
112
- --theme-success-350: var(--color-success-350);
113
- --theme-success-400: var(--color-success-400);
114
- --theme-success-450: var(--color-success-450);
115
- --theme-success-500: var(--color-success-500);
116
- --theme-success-550: var(--color-success-550);
117
- --theme-success-600: var(--color-success-600);
118
- --theme-success-650: var(--color-success-650);
119
- --theme-success-700: var(--color-success-700);
120
- --theme-success-750: var(--color-success-750);
121
- --theme-success-800: var(--color-success-800);
122
- --theme-success-850: var(--color-success-850);
123
- --theme-success-900: var(--color-success-900);
124
- --theme-success-950: var(--color-success-950);
107
+ --theme-success-50: var(--color-success-50);
108
+ --theme-success-100: var(--color-success-100);
109
+ --theme-success-150: var(--color-success-150);
110
+ --theme-success-200: var(--color-success-200);
111
+ --theme-success-250: var(--color-success-250);
112
+ --theme-success-300: var(--color-success-300);
113
+ --theme-success-350: var(--color-success-350);
114
+ --theme-success-400: var(--color-success-400);
115
+ --theme-success-450: var(--color-success-450);
116
+ --theme-success-500: var(--color-success-500);
117
+ --theme-success-550: var(--color-success-550);
118
+ --theme-success-600: var(--color-success-600);
119
+ --theme-success-650: var(--color-success-650);
120
+ --theme-success-700: var(--color-success-700);
121
+ --theme-success-750: var(--color-success-750);
122
+ --theme-success-800: var(--color-success-800);
123
+ --theme-success-850: var(--color-success-850);
124
+ --theme-success-900: var(--color-success-900);
125
+ --theme-success-950: var(--color-success-950);
125
126
 
126
- --theme-warning-50: var(--color-warning-50);
127
- --theme-warning-100: var(--color-warning-100);
128
- --theme-warning-150: var(--color-warning-150);
129
- --theme-warning-200: var(--color-warning-200);
130
- --theme-warning-250: var(--color-warning-250);
131
- --theme-warning-300: var(--color-warning-300);
132
- --theme-warning-350: var(--color-warning-350);
133
- --theme-warning-400: var(--color-warning-400);
134
- --theme-warning-450: var(--color-warning-450);
135
- --theme-warning-500: var(--color-warning-500);
136
- --theme-warning-550: var(--color-warning-550);
137
- --theme-warning-600: var(--color-warning-600);
138
- --theme-warning-650: var(--color-warning-650);
139
- --theme-warning-700: var(--color-warning-700);
140
- --theme-warning-750: var(--color-warning-750);
141
- --theme-warning-800: var(--color-warning-800);
142
- --theme-warning-850: var(--color-warning-850);
143
- --theme-warning-900: var(--color-warning-900);
144
- --theme-warning-950: var(--color-warning-950);
127
+ --theme-warning-50: var(--color-warning-50);
128
+ --theme-warning-100: var(--color-warning-100);
129
+ --theme-warning-150: var(--color-warning-150);
130
+ --theme-warning-200: var(--color-warning-200);
131
+ --theme-warning-250: var(--color-warning-250);
132
+ --theme-warning-300: var(--color-warning-300);
133
+ --theme-warning-350: var(--color-warning-350);
134
+ --theme-warning-400: var(--color-warning-400);
135
+ --theme-warning-450: var(--color-warning-450);
136
+ --theme-warning-500: var(--color-warning-500);
137
+ --theme-warning-550: var(--color-warning-550);
138
+ --theme-warning-600: var(--color-warning-600);
139
+ --theme-warning-650: var(--color-warning-650);
140
+ --theme-warning-700: var(--color-warning-700);
141
+ --theme-warning-750: var(--color-warning-750);
142
+ --theme-warning-800: var(--color-warning-800);
143
+ --theme-warning-850: var(--color-warning-850);
144
+ --theme-warning-900: var(--color-warning-900);
145
+ --theme-warning-950: var(--color-warning-950);
145
146
 
146
- --theme-error-50: var(--color-error-50);
147
- --theme-error-100: var(--color-error-100);
148
- --theme-error-150: var(--color-error-150);
149
- --theme-error-200: var(--color-error-200);
150
- --theme-error-250: var(--color-error-250);
151
- --theme-error-300: var(--color-error-300);
152
- --theme-error-350: var(--color-error-350);
153
- --theme-error-400: var(--color-error-400);
154
- --theme-error-450: var(--color-error-450);
155
- --theme-error-500: var(--color-error-500);
156
- --theme-error-550: var(--color-error-550);
157
- --theme-error-600: var(--color-error-600);
158
- --theme-error-650: var(--color-error-650);
159
- --theme-error-700: var(--color-error-700);
160
- --theme-error-750: var(--color-error-750);
161
- --theme-error-800: var(--color-error-800);
162
- --theme-error-850: var(--color-error-850);
163
- --theme-error-900: var(--color-error-900);
164
- --theme-error-950: var(--color-error-950);
147
+ --theme-error-50: var(--color-error-50);
148
+ --theme-error-100: var(--color-error-100);
149
+ --theme-error-150: var(--color-error-150);
150
+ --theme-error-200: var(--color-error-200);
151
+ --theme-error-250: var(--color-error-250);
152
+ --theme-error-300: var(--color-error-300);
153
+ --theme-error-350: var(--color-error-350);
154
+ --theme-error-400: var(--color-error-400);
155
+ --theme-error-450: var(--color-error-450);
156
+ --theme-error-500: var(--color-error-500);
157
+ --theme-error-550: var(--color-error-550);
158
+ --theme-error-600: var(--color-error-600);
159
+ --theme-error-650: var(--color-error-650);
160
+ --theme-error-700: var(--color-error-700);
161
+ --theme-error-750: var(--color-error-750);
162
+ --theme-error-800: var(--color-error-800);
163
+ --theme-error-850: var(--color-error-850);
164
+ --theme-error-900: var(--color-error-900);
165
+ --theme-error-950: var(--color-error-950);
165
166
 
166
- --theme-elevation-0: var(--color-base-0);
167
- --theme-elevation-50: var(--color-base-50);
168
- --theme-elevation-100: var(--color-base-100);
169
- --theme-elevation-150: var(--color-base-150);
170
- --theme-elevation-200: var(--color-base-200);
171
- --theme-elevation-250: var(--color-base-250);
172
- --theme-elevation-300: var(--color-base-300);
173
- --theme-elevation-350: var(--color-base-350);
174
- --theme-elevation-400: var(--color-base-400);
175
- --theme-elevation-450: var(--color-base-450);
176
- --theme-elevation-500: var(--color-base-500);
177
- --theme-elevation-550: var(--color-base-550);
178
- --theme-elevation-600: var(--color-base-600);
179
- --theme-elevation-650: var(--color-base-650);
180
- --theme-elevation-700: var(--color-base-700);
181
- --theme-elevation-750: var(--color-base-750);
182
- --theme-elevation-800: var(--color-base-800);
183
- --theme-elevation-850: var(--color-base-850);
184
- --theme-elevation-900: var(--color-base-900);
185
- --theme-elevation-950: var(--color-base-950);
186
- --theme-elevation-1000: var(--color-base-1000);
187
- }
167
+ --theme-elevation-0: var(--color-base-0);
168
+ --theme-elevation-50: var(--color-base-50);
169
+ --theme-elevation-100: var(--color-base-100);
170
+ --theme-elevation-150: var(--color-base-150);
171
+ --theme-elevation-200: var(--color-base-200);
172
+ --theme-elevation-250: var(--color-base-250);
173
+ --theme-elevation-300: var(--color-base-300);
174
+ --theme-elevation-350: var(--color-base-350);
175
+ --theme-elevation-400: var(--color-base-400);
176
+ --theme-elevation-450: var(--color-base-450);
177
+ --theme-elevation-500: var(--color-base-500);
178
+ --theme-elevation-550: var(--color-base-550);
179
+ --theme-elevation-600: var(--color-base-600);
180
+ --theme-elevation-650: var(--color-base-650);
181
+ --theme-elevation-700: var(--color-base-700);
182
+ --theme-elevation-750: var(--color-base-750);
183
+ --theme-elevation-800: var(--color-base-800);
184
+ --theme-elevation-850: var(--color-base-850);
185
+ --theme-elevation-900: var(--color-base-900);
186
+ --theme-elevation-950: var(--color-base-950);
187
+ --theme-elevation-1000: var(--color-base-1000);
188
+ }
188
189
 
189
- html[data-theme='dark'] {
190
- --theme-border-color: var(--theme-elevation-150);
190
+ html[data-theme='dark'] {
191
+ --theme-border-color: var(--theme-elevation-150);
191
192
 
192
- --theme-elevation-0: var(--color-base-900);
193
- --theme-elevation-50: var(--color-base-850);
194
- --theme-elevation-100: var(--color-base-800);
195
- --theme-elevation-150: var(--color-base-750);
196
- --theme-elevation-200: var(--color-base-700);
197
- --theme-elevation-250: var(--color-base-650);
198
- --theme-elevation-300: var(--color-base-600);
199
- --theme-elevation-350: var(--color-base-550);
200
- --theme-elevation-400: var(--color-base-450);
201
- --theme-elevation-450: var(--color-base-400);
202
- --theme-elevation-550: var(--color-base-350);
203
- --theme-elevation-600: var(--color-base-300);
204
- --theme-elevation-650: var(--color-base-250);
205
- --theme-elevation-700: var(--color-base-200);
206
- --theme-elevation-750: var(--color-base-150);
207
- --theme-elevation-800: var(--color-base-100);
208
- --theme-elevation-850: var(--color-base-50);
209
- --theme-elevation-900: var(--color-base-0);
210
- --theme-elevation-950: var(--color-base-0);
211
- --theme-elevation-1000: var(--color-base-0);
193
+ --theme-elevation-0: var(--color-base-900);
194
+ --theme-elevation-50: var(--color-base-850);
195
+ --theme-elevation-100: var(--color-base-800);
196
+ --theme-elevation-150: var(--color-base-750);
197
+ --theme-elevation-200: var(--color-base-700);
198
+ --theme-elevation-250: var(--color-base-650);
199
+ --theme-elevation-300: var(--color-base-600);
200
+ --theme-elevation-350: var(--color-base-550);
201
+ --theme-elevation-400: var(--color-base-450);
202
+ --theme-elevation-450: var(--color-base-400);
203
+ --theme-elevation-550: var(--color-base-350);
204
+ --theme-elevation-600: var(--color-base-300);
205
+ --theme-elevation-650: var(--color-base-250);
206
+ --theme-elevation-700: var(--color-base-200);
207
+ --theme-elevation-750: var(--color-base-150);
208
+ --theme-elevation-800: var(--color-base-100);
209
+ --theme-elevation-850: var(--color-base-50);
210
+ --theme-elevation-900: var(--color-base-0);
211
+ --theme-elevation-950: var(--color-base-0);
212
+ --theme-elevation-1000: var(--color-base-0);
212
213
 
213
- --theme-success-50: var(--color-success-950);
214
- --theme-success-100: var(--color-success-900);
215
- --theme-success-150: var(--color-success-850);
216
- --theme-success-200: var(--color-success-800);
217
- --theme-success-250: var(--color-success-750);
218
- --theme-success-300: var(--color-success-700);
219
- --theme-success-350: var(--color-success-650);
220
- --theme-success-400: var(--color-success-600);
221
- --theme-success-450: var(--color-success-550);
222
- --theme-success-550: var(--color-success-450);
223
- --theme-success-600: var(--color-success-400);
224
- --theme-success-650: var(--color-success-350);
225
- --theme-success-700: var(--color-success-300);
226
- --theme-success-750: var(--color-success-250);
227
- --theme-success-800: var(--color-success-200);
228
- --theme-success-850: var(--color-success-150);
229
- --theme-success-900: var(--color-success-100);
230
- --theme-success-950: var(--color-success-50);
214
+ --theme-success-50: var(--color-success-950);
215
+ --theme-success-100: var(--color-success-900);
216
+ --theme-success-150: var(--color-success-850);
217
+ --theme-success-200: var(--color-success-800);
218
+ --theme-success-250: var(--color-success-750);
219
+ --theme-success-300: var(--color-success-700);
220
+ --theme-success-350: var(--color-success-650);
221
+ --theme-success-400: var(--color-success-600);
222
+ --theme-success-450: var(--color-success-550);
223
+ --theme-success-550: var(--color-success-450);
224
+ --theme-success-600: var(--color-success-400);
225
+ --theme-success-650: var(--color-success-350);
226
+ --theme-success-700: var(--color-success-300);
227
+ --theme-success-750: var(--color-success-250);
228
+ --theme-success-800: var(--color-success-200);
229
+ --theme-success-850: var(--color-success-150);
230
+ --theme-success-900: var(--color-success-100);
231
+ --theme-success-950: var(--color-success-50);
231
232
 
232
- --theme-warning-50: var(--color-warning-950);
233
- --theme-warning-100: var(--color-warning-900);
234
- --theme-warning-150: var(--color-warning-850);
235
- --theme-warning-200: var(--color-warning-800);
236
- --theme-warning-250: var(--color-warning-750);
237
- --theme-warning-300: var(--color-warning-700);
238
- --theme-warning-350: var(--color-warning-650);
239
- --theme-warning-400: var(--color-warning-600);
240
- --theme-warning-450: var(--color-warning-550);
241
- --theme-warning-550: var(--color-warning-450);
242
- --theme-warning-600: var(--color-warning-400);
243
- --theme-warning-650: var(--color-warning-350);
244
- --theme-warning-700: var(--color-warning-300);
245
- --theme-warning-750: var(--color-warning-250);
246
- --theme-warning-800: var(--color-warning-200);
247
- --theme-warning-850: var(--color-warning-150);
248
- --theme-warning-900: var(--color-warning-100);
249
- --theme-warning-950: var(--color-warning-50);
233
+ --theme-warning-50: var(--color-warning-950);
234
+ --theme-warning-100: var(--color-warning-900);
235
+ --theme-warning-150: var(--color-warning-850);
236
+ --theme-warning-200: var(--color-warning-800);
237
+ --theme-warning-250: var(--color-warning-750);
238
+ --theme-warning-300: var(--color-warning-700);
239
+ --theme-warning-350: var(--color-warning-650);
240
+ --theme-warning-400: var(--color-warning-600);
241
+ --theme-warning-450: var(--color-warning-550);
242
+ --theme-warning-550: var(--color-warning-450);
243
+ --theme-warning-600: var(--color-warning-400);
244
+ --theme-warning-650: var(--color-warning-350);
245
+ --theme-warning-700: var(--color-warning-300);
246
+ --theme-warning-750: var(--color-warning-250);
247
+ --theme-warning-800: var(--color-warning-200);
248
+ --theme-warning-850: var(--color-warning-150);
249
+ --theme-warning-900: var(--color-warning-100);
250
+ --theme-warning-950: var(--color-warning-50);
250
251
 
251
- --theme-error-50: var(--color-error-950);
252
- --theme-error-100: var(--color-error-900);
253
- --theme-error-150: var(--color-error-850);
254
- --theme-error-200: var(--color-error-800);
255
- --theme-error-250: var(--color-error-750);
256
- --theme-error-300: var(--color-error-700);
257
- --theme-error-350: var(--color-error-650);
258
- --theme-error-400: var(--color-error-600);
259
- --theme-error-450: var(--color-error-550);
260
- --theme-error-550: var(--color-error-450);
261
- --theme-error-600: var(--color-error-400);
262
- --theme-error-650: var(--color-error-350);
263
- --theme-error-700: var(--color-error-300);
264
- --theme-error-750: var(--color-error-250);
265
- --theme-error-800: var(--color-error-200);
266
- --theme-error-850: var(--color-error-150);
267
- --theme-error-900: var(--color-error-100);
268
- --theme-error-950: var(--color-error-50);
252
+ --theme-error-50: var(--color-error-950);
253
+ --theme-error-100: var(--color-error-900);
254
+ --theme-error-150: var(--color-error-850);
255
+ --theme-error-200: var(--color-error-800);
256
+ --theme-error-250: var(--color-error-750);
257
+ --theme-error-300: var(--color-error-700);
258
+ --theme-error-350: var(--color-error-650);
259
+ --theme-error-400: var(--color-error-600);
260
+ --theme-error-450: var(--color-error-550);
261
+ --theme-error-550: var(--color-error-450);
262
+ --theme-error-600: var(--color-error-400);
263
+ --theme-error-650: var(--color-error-350);
264
+ --theme-error-700: var(--color-error-300);
265
+ --theme-error-750: var(--color-error-250);
266
+ --theme-error-800: var(--color-error-200);
267
+ --theme-error-850: var(--color-error-150);
268
+ --theme-error-900: var(--color-error-100);
269
+ --theme-error-950: var(--color-error-50);
270
+ }
269
271
  }
package/dist/scss/resets.scss CHANGED
@@ -1,10 +1,12 @@
1
- %btn-reset {
2
- border: 0;
3
- background: none;
4
- box-shadow: none;
5
- border-radius: 0;
6
- padding: 0;
7
- color: currentColor;
1
+ @layer payload-default {
2
+ %btn-reset {
3
+ border: 0;
4
+ background: none;
5
+ box-shadow: none;
6
+ border-radius: 0;
7
+ padding: 0;
8
+ color: currentColor;
9
+ }
8
10
  }
9
11
 
10
12
  @mixin btn-reset {
package/dist/scss/toastify.scss CHANGED
@@ -1,59 +1,61 @@
1
1
  @import 'vars';
2
2
  @import 'queries';
3
3
 
4
- .Toastify {
5
- .Toastify__toast-container {
6
- left: base(5);
7
- transform: none;
8
- right: base(5);
9
- width: auto;
10
- }
4
+ @layer payload-default {
5
+ .Toastify {
6
+ .Toastify__toast-container {
7
+ left: base(5);
8
+ transform: none;
9
+ right: base(5);
10
+ width: auto;
11
+ }
11
12
 
12
- .Toastify__toast {
13
- padding: base(0.5);
14
- border-radius: $style-radius-m;
15
- font-weight: 600;
16
- }
13
+ .Toastify__toast {
14
+ padding: base(0.5);
15
+ border-radius: $style-radius-m;
16
+ font-weight: 600;
17
+ }
17
18
 
18
- .Toastify__close-button {
19
- align-self: center;
20
- opacity: 0.7;
19
+ .Toastify__close-button {
20
+ align-self: center;
21
+ opacity: 0.7;
21
22
 
22
- &:hover {
23
- opacity: 1;
23
+ &:hover {
24
+ opacity: 1;
25
+ }
24
26
  }
25
- }
26
27
 
27
- .Toastify__toast--success {
28
- color: var(--color-success-900);
29
- background: var(--color-success-500);
28
+ .Toastify__toast--success {
29
+ color: var(--color-success-900);
30
+ background: var(--color-success-500);
30
31
 
31
- .Toastify__progress-bar {
32
- background-color: var(--color-success-900);
32
+ .Toastify__progress-bar {
33
+ background-color: var(--color-success-900);
34
+ }
33
35
  }
34
- }
35
36
 
36
- .Toastify__close-button--success {
37
- color: var(--color-success-900);
38
- }
37
+ .Toastify__close-button--success {
38
+ color: var(--color-success-900);
39
+ }
39
40
 
40
- .Toastify__toast--error {
41
- background: var(--theme-error-500);
42
- color: #fff;
41
+ .Toastify__toast--error {
42
+ background: var(--theme-error-500);
43
+ color: #fff;
43
44
 
44
- .Toastify__progress-bar {
45
- background-color: #fff;
45
+ .Toastify__progress-bar {
46
+ background-color: #fff;
47
+ }
46
48
  }
47
- }
48
49
 
49
- .Toastify__close-button--light {
50
- color: inherit;
51
- }
50
+ .Toastify__close-button--light {
51
+ color: inherit;
52
+ }
52
53
 
53
- @include mid-break {
54
- .Toastify__toast-container {
55
- left: $baseline;
56
- right: $baseline;
54
+ @include mid-break {
55
+ .Toastify__toast-container {
56
+ left: $baseline;
57
+ right: $baseline;
58
+ }
57
59
  }
58
60
  }
59
61
  }