@payloadcms/ui 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 (169) hide show
  1. package/dist/elements/AddNewRelation/index.scss +36 -34
  2. package/dist/elements/AppHeader/index.scss +152 -150
  3. package/dist/elements/ArrayAction/index.scss +23 -21
  4. package/dist/elements/Autosave/index.scss +4 -2
  5. package/dist/elements/Banner/index.scss +51 -49
  6. package/dist/elements/BulkUpload/ActionsBar/index.scss +45 -43
  7. package/dist/elements/BulkUpload/AddFilesView/index.scss +23 -21
  8. package/dist/elements/BulkUpload/AddingFilesView/index.scss +16 -14
  9. package/dist/elements/BulkUpload/DrawerCloseButton/index.scss +23 -21
  10. package/dist/elements/BulkUpload/EditForm/index.scss +6 -4
  11. package/dist/elements/BulkUpload/FileSidebar/index.scss +214 -212
  12. package/dist/elements/BulkUpload/Header/index.scss +11 -9
  13. package/dist/elements/Button/index.scss +202 -200
  14. package/dist/elements/Card/index.scss +58 -56
  15. package/dist/elements/CodeEditor/index.scss +16 -14
  16. package/dist/elements/Collapsible/index.scss +125 -123
  17. package/dist/elements/ColumnSelector/index.scss +36 -34
  18. package/dist/elements/CopyToClipboard/index.scss +21 -19
  19. package/dist/elements/DatePicker/index.scss +309 -307
  20. package/dist/elements/DeleteDocument/index.scss +32 -30
  21. package/dist/elements/DeleteMany/index.scss +29 -27
  22. package/dist/elements/DocumentControls/index.js +1 -1
  23. package/dist/elements/DocumentControls/index.js.map +1 -1
  24. package/dist/elements/DocumentControls/index.scss +190 -188
  25. package/dist/elements/DocumentDrawer/index.scss +55 -53
  26. package/dist/elements/DocumentFields/index.scss +144 -142
  27. package/dist/elements/Drawer/index.scss +111 -109
  28. package/dist/elements/Dropzone/index.scss +32 -30
  29. package/dist/elements/DuplicateDocument/index.scss +31 -29
  30. package/dist/elements/EditMany/index.scss +162 -160
  31. package/dist/elements/EditUpload/index.scss +180 -178
  32. package/dist/elements/ErrorPill/index.scss +27 -25
  33. package/dist/elements/FieldSelect/index.scss +4 -2
  34. package/dist/elements/FileDetails/DraggableFileDetails/index.scss +25 -23
  35. package/dist/elements/FileDetails/FileMeta/index.scss +21 -19
  36. package/dist/elements/FileDetails/StaticFileDetails/index.scss +104 -102
  37. package/dist/elements/GenerateConfirmation/index.scss +29 -27
  38. package/dist/elements/Gutter/index.scss +14 -12
  39. package/dist/elements/Hamburger/index.scss +38 -36
  40. package/dist/elements/IDLabel/index.scss +11 -9
  41. package/dist/elements/ListControls/index.scss +71 -69
  42. package/dist/elements/ListDrawer/index.scss +93 -91
  43. package/dist/elements/ListHeader/index.scss +9 -7
  44. package/dist/elements/ListSelection/index.scss +14 -12
  45. package/dist/elements/Loading/index.scss +108 -106
  46. package/dist/elements/Localizer/LocalizerLabel/index.scss +44 -42
  47. package/dist/elements/Localizer/index.scss +7 -5
  48. package/dist/elements/Locked/index.scss +11 -9
  49. package/dist/elements/Nav/NavToggler/index.scss +9 -7
  50. package/dist/elements/NavGroup/index.scss +43 -41
  51. package/dist/elements/Pagination/ClickableArrow/index.scss +34 -32
  52. package/dist/elements/Pagination/index.scss +40 -38
  53. package/dist/elements/PerPage/index.scss +37 -35
  54. package/dist/elements/Pill/index.scss +103 -101
  55. package/dist/elements/Popup/PopupButtonList/index.scss +45 -43
  56. package/dist/elements/Popup/PopupTrigger/index.scss +23 -21
  57. package/dist/elements/Popup/index.scss +185 -183
  58. package/dist/elements/PreviewSizes/index.scss +115 -113
  59. package/dist/elements/PublishMany/index.scss +28 -26
  60. package/dist/elements/ReactSelect/ClearIndicator/index.scss +6 -4
  61. package/dist/elements/ReactSelect/DropdownIndicator/index.scss +11 -9
  62. package/dist/elements/ReactSelect/MultiValue/index.scss +26 -24
  63. package/dist/elements/ReactSelect/MultiValueLabel/index.scss +16 -14
  64. package/dist/elements/ReactSelect/MultiValueRemove/index.scss +20 -18
  65. package/dist/elements/ReactSelect/ValueContainer/index.scss +22 -20
  66. package/dist/elements/ReactSelect/index.d.ts.map +1 -1
  67. package/dist/elements/ReactSelect/index.js +1 -0
  68. package/dist/elements/ReactSelect/index.js.map +1 -1
  69. package/dist/elements/ReactSelect/index.scss +63 -60
  70. package/dist/elements/RelationshipTable/cells/DrawerLink/index.scss +5 -3
  71. package/dist/elements/RelationshipTable/index.scss +21 -19
  72. package/dist/elements/RenderTitle/index.scss +7 -5
  73. package/dist/elements/SearchFilter/index.scss +31 -28
  74. package/dist/elements/SelectAll/index.scss +5 -3
  75. package/dist/elements/SelectRow/index.scss +6 -4
  76. package/dist/elements/ShimmerEffect/index.scss +26 -24
  77. package/dist/elements/SortColumn/index.scss +51 -49
  78. package/dist/elements/SortComplex/index.scss +27 -25
  79. package/dist/elements/Status/index.scss +45 -43
  80. package/dist/elements/StayLoggedIn/index.scss +28 -26
  81. package/dist/elements/StepNav/index.scss +62 -61
  82. package/dist/elements/Table/DefaultCell/fields/Checkbox/index.scss +20 -18
  83. package/dist/elements/Table/DefaultCell/fields/Code/index.scss +22 -20
  84. package/dist/elements/Table/DefaultCell/fields/File/index.scss +18 -16
  85. package/dist/elements/Table/DefaultCell/fields/JSON/index.scss +20 -18
  86. package/dist/elements/Table/index.scss +74 -72
  87. package/dist/elements/Thumbnail/index.scss +37 -35
  88. package/dist/elements/ThumbnailCard/index.scss +31 -29
  89. package/dist/elements/Tooltip/index.scss +77 -75
  90. package/dist/elements/UnpublishMany/index.scss +28 -26
  91. package/dist/elements/Upload/index.scss +122 -120
  92. package/dist/elements/WhereBuilder/Condition/Number/index.scss +4 -2
  93. package/dist/elements/WhereBuilder/Condition/Relationship/index.scss +9 -7
  94. package/dist/elements/WhereBuilder/Condition/Text/index.scss +4 -2
  95. package/dist/elements/WhereBuilder/Condition/index.scss +43 -41
  96. package/dist/elements/WhereBuilder/index.scss +28 -26
  97. package/dist/exports/client/index.d.ts +1 -0
  98. package/dist/exports/client/index.d.ts.map +1 -1
  99. package/dist/exports/client/index.js +7 -7
  100. package/dist/exports/client/index.js.map +3 -3
  101. package/dist/fields/Array/index.scss +74 -72
  102. package/dist/fields/Blocks/BlocksDrawer/BlockSearch/index.scss +25 -23
  103. package/dist/fields/Blocks/BlocksDrawer/index.scss +36 -34
  104. package/dist/fields/Blocks/SectionTitle/index.scss +51 -49
  105. package/dist/fields/Blocks/index.scss +89 -87
  106. package/dist/fields/Checkbox/index.scss +107 -105
  107. package/dist/fields/Code/index.scss +18 -16
  108. package/dist/fields/Collapsible/index.d.ts.map +1 -1
  109. package/dist/fields/Collapsible/index.scss +8 -6
  110. package/dist/fields/ConfirmPassword/index.scss +18 -16
  111. package/dist/fields/DateTime/index.scss +13 -11
  112. package/dist/fields/Email/index.scss +21 -19
  113. package/dist/fields/FieldDescription/index.scss +9 -7
  114. package/dist/fields/FieldError/index.scss +13 -11
  115. package/dist/fields/FieldLabel/index.scss +17 -15
  116. package/dist/fields/Group/index.scss +107 -105
  117. package/dist/fields/JSON/index.scss +11 -9
  118. package/dist/fields/Number/index.scss +19 -17
  119. package/dist/fields/Password/index.scss +18 -16
  120. package/dist/fields/Point/index.scss +33 -31
  121. package/dist/fields/RadioGroup/Radio/index.scss +58 -56
  122. package/dist/fields/RadioGroup/index.scss +57 -55
  123. package/dist/fields/Relationship/index.scss +44 -42
  124. package/dist/fields/Relationship/select-components/MultiValueLabel/index.scss +40 -38
  125. package/dist/fields/Relationship/select-components/SingleValue/index.scss +43 -41
  126. package/dist/fields/Row/index.scss +31 -29
  127. package/dist/fields/Select/index.scss +16 -14
  128. package/dist/fields/Tabs/Tab/index.scss +58 -56
  129. package/dist/fields/Tabs/index.scss +46 -44
  130. package/dist/fields/Text/index.scss +23 -21
  131. package/dist/fields/Textarea/index.scss +89 -87
  132. package/dist/fields/Upload/HasMany/index.scss +20 -18
  133. package/dist/fields/Upload/HasOne/index.scss +5 -3
  134. package/dist/fields/Upload/RelationshipContent/index.scss +44 -42
  135. package/dist/fields/Upload/UploadCard/index.scss +21 -19
  136. package/dist/fields/Upload/index.scss +49 -47
  137. package/dist/forms/Form/index.scss +5 -3
  138. package/dist/forms/RenderFields/index.scss +47 -45
  139. package/dist/forms/Submit/index.scss +5 -3
  140. package/dist/graphics/Account/Default/index.scss +43 -41
  141. package/dist/icons/Calendar/index.scss +8 -6
  142. package/dist/icons/Check/index.scss +9 -7
  143. package/dist/icons/Chevron/index.scss +18 -16
  144. package/dist/icons/CloseMenu/index.scss +7 -5
  145. package/dist/icons/Copy/index.scss +9 -7
  146. package/dist/icons/DragHandle/index.scss +9 -7
  147. package/dist/icons/Edit/index.scss +9 -7
  148. package/dist/icons/Line/index.scss +8 -6
  149. package/dist/icons/Link/index.scss +8 -6
  150. package/dist/icons/Lock/index.scss +6 -4
  151. package/dist/icons/LogOut/index.scss +8 -6
  152. package/dist/icons/Menu/index.scss +6 -4
  153. package/dist/icons/More/index.scss +8 -6
  154. package/dist/icons/Plus/index.scss +6 -4
  155. package/dist/icons/Search/index.scss +8 -6
  156. package/dist/icons/Swap/index.scss +9 -7
  157. package/dist/icons/X/index.scss +6 -4
  158. package/dist/providers/Auth/index.d.ts +9 -4
  159. package/dist/providers/Auth/index.d.ts.map +1 -1
  160. package/dist/providers/Auth/index.js +51 -56
  161. package/dist/providers/Auth/index.js.map +1 -1
  162. package/dist/scss/app.scss +166 -162
  163. package/dist/scss/colors.scss +256 -254
  164. package/dist/scss/resets.scss +9 -7
  165. package/dist/scss/toastify.scss +42 -40
  166. package/dist/scss/toasts.scss +105 -103
  167. package/dist/scss/type.scss +81 -79
  168. package/dist/styles.css +1 -1
  169. package/package.json +5 -5
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
  }