@payloadcms/richtext-slate 3.0.0-canary.4704e79 → 3.0.0-canary.483db21

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 (195) hide show
  1. package/dist/cell/index.js +1 -1
  2. package/dist/cell/index.js.map +1 -1
  3. package/dist/data/defaultValue.js.map +1 -1
  4. package/dist/data/populate.d.ts +4 -4
  5. package/dist/data/populate.d.ts.map +1 -1
  6. package/dist/data/populate.js.map +1 -1
  7. package/dist/data/recurseNestedFields.d.ts +2 -2
  8. package/dist/data/recurseNestedFields.d.ts.map +1 -1
  9. package/dist/data/recurseNestedFields.js +2 -2
  10. package/dist/data/recurseNestedFields.js.map +1 -1
  11. package/dist/data/richTextRelationshipPromise.d.ts +2 -2
  12. package/dist/data/richTextRelationshipPromise.d.ts.map +1 -1
  13. package/dist/data/richTextRelationshipPromise.js.map +1 -1
  14. package/dist/data/validation.js.map +1 -1
  15. package/dist/field/RichText.d.ts +7 -6
  16. package/dist/field/RichText.d.ts.map +1 -1
  17. package/dist/field/RichText.js +1 -1
  18. package/dist/field/RichText.js.map +1 -1
  19. package/dist/field/createFeatureMap.d.ts.map +1 -1
  20. package/dist/field/createFeatureMap.js.map +1 -1
  21. package/dist/field/elements/Button.js +1 -1
  22. package/dist/field/elements/Button.js.map +1 -1
  23. package/dist/field/elements/EnabledRelationshipsCondition.js +1 -1
  24. package/dist/field/elements/EnabledRelationshipsCondition.js.map +1 -1
  25. package/dist/field/elements/ListButton.js.map +1 -1
  26. package/dist/field/elements/areAllChildrenElements.js.map +1 -1
  27. package/dist/field/elements/blockquote/Blockquote.js.map +1 -1
  28. package/dist/field/elements/blockquote/index.js.map +1 -1
  29. package/dist/field/elements/getCommonBlock.d.ts.map +1 -1
  30. package/dist/field/elements/getCommonBlock.js.map +1 -1
  31. package/dist/field/elements/h1/Heading1.js.map +1 -1
  32. package/dist/field/elements/h1/index.js.map +1 -1
  33. package/dist/field/elements/h2/Heading2.js.map +1 -1
  34. package/dist/field/elements/h2/index.js.map +1 -1
  35. package/dist/field/elements/h3/Heading3.js.map +1 -1
  36. package/dist/field/elements/h3/index.js.map +1 -1
  37. package/dist/field/elements/h4/Heading4.js.map +1 -1
  38. package/dist/field/elements/h4/index.js.map +1 -1
  39. package/dist/field/elements/h5/Heading5.js.map +1 -1
  40. package/dist/field/elements/h5/index.js.map +1 -1
  41. package/dist/field/elements/h6/Heading6.js.map +1 -1
  42. package/dist/field/elements/h6/index.js.map +1 -1
  43. package/dist/field/elements/indent/Button.js.map +1 -1
  44. package/dist/field/elements/indent/Element.js.map +1 -1
  45. package/dist/field/elements/indent/index.js.map +1 -1
  46. package/dist/field/elements/indent/shared.js.map +1 -1
  47. package/dist/field/elements/index.js.map +1 -1
  48. package/dist/field/elements/injectVoid.js.map +1 -1
  49. package/dist/field/elements/isActive.js.map +1 -1
  50. package/dist/field/elements/isBlockElement.d.ts +2 -2
  51. package/dist/field/elements/isBlockElement.d.ts.map +1 -1
  52. package/dist/field/elements/isBlockElement.js.map +1 -1
  53. package/dist/field/elements/isLastSelectedElementEmpty.js.map +1 -1
  54. package/dist/field/elements/isListActive.js.map +1 -1
  55. package/dist/field/elements/isWithinListItem.js.map +1 -1
  56. package/dist/field/elements/li/ListItem.js.map +1 -1
  57. package/dist/field/elements/li/index.js.map +1 -1
  58. package/dist/field/elements/link/Button/index.d.ts.map +1 -1
  59. package/dist/field/elements/link/Button/index.js +3 -2
  60. package/dist/field/elements/link/Button/index.js.map +1 -1
  61. package/dist/field/elements/link/Element/index.js +3 -3
  62. package/dist/field/elements/link/Element/index.js.map +1 -1
  63. package/dist/field/elements/link/LinkDrawer/baseFields.js.map +1 -1
  64. package/dist/field/elements/link/LinkDrawer/index.js +1 -1
  65. package/dist/field/elements/link/LinkDrawer/index.js.map +1 -1
  66. package/dist/field/elements/link/LinkDrawer/types.d.ts +1 -2
  67. package/dist/field/elements/link/LinkDrawer/types.d.ts.map +1 -1
  68. package/dist/field/elements/link/LinkDrawer/types.js.map +1 -1
  69. package/dist/field/elements/link/WithLinks.js.map +1 -1
  70. package/dist/field/elements/link/index.js.map +1 -1
  71. package/dist/field/elements/link/shared.js.map +1 -1
  72. package/dist/field/elements/link/types.d.ts +2 -2
  73. package/dist/field/elements/link/types.d.ts.map +1 -1
  74. package/dist/field/elements/link/types.js.map +1 -1
  75. package/dist/field/elements/link/utilities.js.map +1 -1
  76. package/dist/field/elements/listTypes.js.map +1 -1
  77. package/dist/field/elements/ol/OrderedList.js.map +1 -1
  78. package/dist/field/elements/ol/index.js.map +1 -1
  79. package/dist/field/elements/relationship/Button/index.d.ts.map +1 -1
  80. package/dist/field/elements/relationship/Button/index.js +1 -1
  81. package/dist/field/elements/relationship/Button/index.js.map +1 -1
  82. package/dist/field/elements/relationship/Element/index.d.ts +3 -3
  83. package/dist/field/elements/relationship/Element/index.d.ts.map +1 -1
  84. package/dist/field/elements/relationship/Element/index.js +1 -1
  85. package/dist/field/elements/relationship/Element/index.js.map +1 -1
  86. package/dist/field/elements/relationship/index.js.map +1 -1
  87. package/dist/field/elements/relationship/plugin.js.map +1 -1
  88. package/dist/field/elements/relationship/shared.js.map +1 -1
  89. package/dist/field/elements/relationship/types.d.ts +2 -2
  90. package/dist/field/elements/relationship/types.d.ts.map +1 -1
  91. package/dist/field/elements/relationship/types.js.map +1 -1
  92. package/dist/field/elements/textAlign/index.js.map +1 -1
  93. package/dist/field/elements/toggle.js.map +1 -1
  94. package/dist/field/elements/toggleList.js.map +1 -1
  95. package/dist/field/elements/types.js.map +1 -1
  96. package/dist/field/elements/ul/UnorderedList.js.map +1 -1
  97. package/dist/field/elements/ul/index.js.map +1 -1
  98. package/dist/field/elements/unwrapList.d.ts.map +1 -1
  99. package/dist/field/elements/unwrapList.js.map +1 -1
  100. package/dist/field/elements/upload/Button/index.d.ts.map +1 -1
  101. package/dist/field/elements/upload/Button/index.js +1 -1
  102. package/dist/field/elements/upload/Button/index.js.map +1 -1
  103. package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts +3 -4
  104. package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts.map +1 -1
  105. package/dist/field/elements/upload/Element/UploadDrawer/index.js +1 -2
  106. package/dist/field/elements/upload/Element/UploadDrawer/index.js.map +1 -1
  107. package/dist/field/elements/upload/Element/index.d.ts +3 -3
  108. package/dist/field/elements/upload/Element/index.d.ts.map +1 -1
  109. package/dist/field/elements/upload/Element/index.js +1 -2
  110. package/dist/field/elements/upload/Element/index.js.map +1 -1
  111. package/dist/field/elements/upload/index.js.map +1 -1
  112. package/dist/field/elements/upload/plugin.js.map +1 -1
  113. package/dist/field/elements/upload/shared.js.map +1 -1
  114. package/dist/field/elements/upload/types.d.ts +2 -2
  115. package/dist/field/elements/upload/types.d.ts.map +1 -1
  116. package/dist/field/elements/upload/types.js.map +1 -1
  117. package/dist/field/hotkeys.js.map +1 -1
  118. package/dist/field/icons/AlignCenter/index.js.map +1 -1
  119. package/dist/field/icons/AlignLeft/index.js.map +1 -1
  120. package/dist/field/icons/AlignRight/index.js.map +1 -1
  121. package/dist/field/icons/Blockquote/index.js.map +1 -1
  122. package/dist/field/icons/Bold/index.js.map +1 -1
  123. package/dist/field/icons/Code/index.js.map +1 -1
  124. package/dist/field/icons/IndentLeft/index.js.map +1 -1
  125. package/dist/field/icons/IndentRight/index.js.map +1 -1
  126. package/dist/field/icons/Italic/index.js.map +1 -1
  127. package/dist/field/icons/Link/index.js.map +1 -1
  128. package/dist/field/icons/OrderedList/index.js.map +1 -1
  129. package/dist/field/icons/Relationship/index.js.map +1 -1
  130. package/dist/field/icons/Strikethrough/index.js.map +1 -1
  131. package/dist/field/icons/Underline/index.js.map +1 -1
  132. package/dist/field/icons/UnorderedList/index.js.map +1 -1
  133. package/dist/field/icons/Upload/index.js.map +1 -1
  134. package/dist/field/icons/headings/H1/index.js.map +1 -1
  135. package/dist/field/icons/headings/H2/index.js.map +1 -1
  136. package/dist/field/icons/headings/H3/index.js.map +1 -1
  137. package/dist/field/icons/headings/H4/index.js.map +1 -1
  138. package/dist/field/icons/headings/H5/index.js.map +1 -1
  139. package/dist/field/icons/headings/H6/index.js.map +1 -1
  140. package/dist/field/index.d.ts +3 -3
  141. package/dist/field/index.d.ts.map +1 -1
  142. package/dist/field/index.js +1 -1
  143. package/dist/field/index.js.map +1 -1
  144. package/dist/field/index.scss +3 -1
  145. package/dist/field/leaves/Button.js.map +1 -1
  146. package/dist/field/leaves/bold/Bold/index.js.map +1 -1
  147. package/dist/field/leaves/bold/index.js.map +1 -1
  148. package/dist/field/leaves/code/Code/index.js.map +1 -1
  149. package/dist/field/leaves/code/index.js.map +1 -1
  150. package/dist/field/leaves/index.js.map +1 -1
  151. package/dist/field/leaves/isActive.js.map +1 -1
  152. package/dist/field/leaves/italic/Italic/index.js.map +1 -1
  153. package/dist/field/leaves/italic/index.js.map +1 -1
  154. package/dist/field/leaves/strikethrough/Strikethrough/index.js.map +1 -1
  155. package/dist/field/leaves/strikethrough/index.js.map +1 -1
  156. package/dist/field/leaves/toggle.js.map +1 -1
  157. package/dist/field/leaves/underline/Underline/index.js.map +1 -1
  158. package/dist/field/leaves/underline/index.js.map +1 -1
  159. package/dist/field/mergeCustomFunctions.js.map +1 -1
  160. package/dist/field/plugins/withEnterBreakOut.js.map +1 -1
  161. package/dist/field/plugins/withHTML.js.map +1 -1
  162. package/dist/field/providers/ElementButtonProvider.d.ts +5 -5
  163. package/dist/field/providers/ElementButtonProvider.d.ts.map +1 -1
  164. package/dist/field/providers/ElementButtonProvider.js.map +1 -1
  165. package/dist/field/providers/ElementProvider.d.ts +5 -5
  166. package/dist/field/providers/ElementProvider.d.ts.map +1 -1
  167. package/dist/field/providers/ElementProvider.js.map +1 -1
  168. package/dist/field/providers/LeafButtonProvider.d.ts +5 -5
  169. package/dist/field/providers/LeafButtonProvider.d.ts.map +1 -1
  170. package/dist/field/providers/LeafButtonProvider.js.map +1 -1
  171. package/dist/field/providers/LeafProvider.d.ts +5 -5
  172. package/dist/field/providers/LeafProvider.d.ts.map +1 -1
  173. package/dist/field/providers/LeafProvider.js.map +1 -1
  174. package/dist/field/types.d.ts +0 -1
  175. package/dist/field/types.d.ts.map +1 -1
  176. package/dist/field/types.js.map +1 -1
  177. package/dist/generateComponentMap.d.ts +1 -1
  178. package/dist/generateComponentMap.d.ts.map +1 -1
  179. package/dist/generateComponentMap.js +3 -1
  180. package/dist/generateComponentMap.js.map +1 -1
  181. package/dist/generateSchemaMap.d.ts +1 -1
  182. package/dist/generateSchemaMap.js.map +1 -1
  183. package/dist/index.js.map +1 -1
  184. package/dist/scss/app.scss +4 -9
  185. package/dist/scss/colors.scss +76 -76
  186. package/dist/scss/toastify.scss +59 -0
  187. package/dist/scss/toasts.scss +75 -45
  188. package/dist/scss/type.scss +14 -23
  189. package/dist/scss/vars.scss +26 -47
  190. package/dist/types.d.ts +0 -1
  191. package/dist/types.d.ts.map +1 -1
  192. package/dist/types.js.map +1 -1
  193. package/dist/utilities/useSlatePlugin.js +1 -1
  194. package/dist/utilities/useSlatePlugin.js.map +1 -1
  195. package/package.json +14 -14
@@ -0,0 +1,59 @@
1
+ @import 'vars';
2
+ @import 'queries';
3
+
4
+ .Toastify {
5
+ .Toastify__toast-container {
6
+ left: base(5);
7
+ transform: none;
8
+ right: base(5);
9
+ width: auto;
10
+ }
11
+
12
+ .Toastify__toast {
13
+ padding: base(0.5);
14
+ border-radius: $style-radius-m;
15
+ font-weight: 600;
16
+ }
17
+
18
+ .Toastify__close-button {
19
+ align-self: center;
20
+ opacity: 0.7;
21
+
22
+ &:hover {
23
+ opacity: 1;
24
+ }
25
+ }
26
+
27
+ .Toastify__toast--success {
28
+ color: var(--color-success-900);
29
+ background: var(--color-success-500);
30
+
31
+ .Toastify__progress-bar {
32
+ background-color: var(--color-success-900);
33
+ }
34
+ }
35
+
36
+ .Toastify__close-button--success {
37
+ color: var(--color-success-900);
38
+ }
39
+
40
+ .Toastify__toast--error {
41
+ background: var(--theme-error-500);
42
+ color: #fff;
43
+
44
+ .Toastify__progress-bar {
45
+ background-color: #fff;
46
+ }
47
+ }
48
+
49
+ .Toastify__close-button--light {
50
+ color: inherit;
51
+ }
52
+
53
+ @include mid-break {
54
+ .Toastify__toast-container {
55
+ left: $baseline;
56
+ right: $baseline;
57
+ }
58
+ }
59
+ }
@@ -1,24 +1,28 @@
1
+ @import './styles.scss';
2
+
1
3
  .payload-toast-container {
4
+ padding: 0;
5
+ margin: 0;
6
+
2
7
  .payload-toast-close-button {
8
+ position: absolute;
9
+ order: 3;
3
10
  left: unset;
4
- right: 0.5rem;
5
- top: 1.55rem;
6
- color: var(--theme-elevation-400);
11
+ inset-inline-end: base(0.5);
12
+ top: 50%;
13
+ transform: translateY(-50%);
14
+ color: var(--theme-elevation-600);
7
15
  background: unset;
8
16
  border: none;
9
- display: flex;
10
- width: 1.25rem;
11
- height: 1.25rem;
12
- justify-content: center;
13
- align-items: center;
14
17
 
15
- &:hover {
16
- background: none;
18
+ svg {
19
+ width: base(0.75);
20
+ height: base(0.75);
17
21
  }
18
22
 
19
- svg {
20
- width: 2rem;
21
- height: 2rem;
23
+ &:hover {
24
+ color: var(--theme-elevation-250);
25
+ background: none;
22
26
  }
23
27
 
24
28
  [dir='RTL'] & {
@@ -27,16 +31,20 @@
27
31
  }
28
32
  }
29
33
 
34
+ .toast-title {
35
+ line-height: base(1);
36
+ }
37
+
30
38
  .payload-toast-item {
31
- padding: 1rem 2.5rem 1rem 1rem;
32
- color: var(--theme-text);
39
+ padding: base(0.5);
40
+ color: var(--theme-elevation-800);
33
41
  font-style: normal;
34
42
  font-weight: 600;
35
43
  display: flex;
36
44
  gap: 1rem;
37
45
  align-items: center;
38
46
  width: 100%;
39
- border-radius: 0.15rem;
47
+ border-radius: 4px;
40
48
  border: 1px solid var(--theme-border-color);
41
49
  background: var(--theme-input-bg);
42
50
  box-shadow:
@@ -45,6 +53,7 @@
45
53
 
46
54
  .toast-content {
47
55
  transition: opacity 100ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
56
+ width: 100%;
48
57
  }
49
58
 
50
59
  &[data-front='false'] {
@@ -60,51 +69,72 @@
60
69
  }
61
70
 
62
71
  .toast-icon {
63
- svg {
64
- width: 2.4rem;
65
- height: 2.4rem;
72
+ width: base(1);
73
+ height: base(1);
74
+ margin: 0;
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: center;
78
+
79
+ & > * {
80
+ width: base(1.2);
81
+ height: base(1.2);
66
82
  }
67
83
  }
68
84
 
69
85
  &.toast-warning {
70
- border-color: var(--theme-warning-200);
71
- background-color: var(--theme-warning-100);
86
+ color: var(--theme-warning-800);
87
+ border-color: var(--theme-warning-150);
88
+ background-color: var(--theme-warning-50);
89
+
90
+ .payload-toast-close-button {
91
+ color: var(--theme-warning-600);
92
+
93
+ &:hover {
94
+ color: var(--theme-warning-250);
95
+ }
96
+ }
72
97
  }
73
98
 
74
99
  &.toast-error {
75
- border-color: var(--theme-error-300);
76
- background-color: var(--theme-error-150);
100
+ color: var(--theme-error-800);
101
+ border-color: var(--theme-error-150);
102
+ background-color: var(--theme-error-50);
103
+
104
+ .payload-toast-close-button {
105
+ color: var(--theme-error-600);
106
+
107
+ &:hover {
108
+ color: var(--theme-error-250);
109
+ }
110
+ }
77
111
  }
78
112
 
79
113
  &.toast-success {
80
- border-color: var(--theme-success-200);
81
- background-color: var(--theme-success-100);
82
- }
114
+ color: var(--theme-success-800);
115
+ border-color: var(--theme-success-150);
116
+ background-color: var(--theme-success-50);
83
117
 
84
- &.toast-info {
85
- border-color: var(--theme-elevation-250);
86
- background-color: var(--theme-elevation-100);
87
- }
118
+ .payload-toast-close-button {
119
+ color: var(--theme-success-600);
88
120
 
89
- [data-theme='light'] & {
90
- &.toast-warning {
91
- border-color: var(--theme-warning-550);
92
- background-color: var(--theme-warning-100);
121
+ &:hover {
122
+ color: var(--theme-success-250);
123
+ }
93
124
  }
125
+ }
94
126
 
95
- &.toast-error {
96
- border-color: var(--theme-error-200);
97
- background-color: var(--theme-error-50);
98
- }
127
+ &.toast-info {
128
+ color: var(--theme-elevation-800);
129
+ border-color: var(--theme-elevation-150);
130
+ background-color: var(--theme-elevation-50);
99
131
 
100
- &.toast-success {
101
- border-color: var(--theme-success-550);
102
- background-color: var(--theme-success-50);
103
- }
132
+ .payload-toast-close-button {
133
+ color: var(--theme-elevation-600);
104
134
 
105
- &.toast-info {
106
- border-color: var(--theme-border-color);
107
- background-color: var(--theme-elevation-50);
135
+ &:hover {
136
+ color: var(--theme-elevation-250);
137
+ }
108
138
  }
109
139
  }
110
140
  }
@@ -15,17 +15,10 @@
15
15
  font-weight: 500;
16
16
  }
17
17
 
18
- %jumbo {
19
- font-size: base(2.5);
20
- line-height: 1;
21
- margin: 0 0 base(2);
22
- }
23
-
24
18
  %h1 {
25
19
  margin: 0 0 base(1);
26
- font-size: base(2);
27
- line-height: 1.15;
28
- letter-spacing: -1px;
20
+ font-size: base(1.6);
21
+ line-height: base(1.8);
29
22
 
30
23
  @include small-break {
31
24
  letter-spacing: -0.5px;
@@ -35,9 +28,8 @@
35
28
 
36
29
  %h2 {
37
30
  margin: 0 0 base(1);
38
- font-size: base(1.25);
39
- line-height: 1.15;
40
- letter-spacing: -0.5px;
31
+ font-size: base(1.3);
32
+ line-height: base(1.6);
41
33
 
42
34
  @include small-break {
43
35
  font-size: base(0.85);
@@ -46,9 +38,8 @@
46
38
 
47
39
  %h3 {
48
40
  margin: 0 0 base(1);
49
- font-size: base(0.925);
50
- line-height: 1.25;
51
- letter-spacing: -0.5px;
41
+ font-size: base(1);
42
+ line-height: base(1.2);
52
43
 
53
44
  @include small-break {
54
45
  font-size: base(0.65);
@@ -58,27 +49,27 @@
58
49
 
59
50
  %h4 {
60
51
  margin: 0 0 $baseline;
61
- font-size: base(0.75);
62
- line-height: 1.5;
52
+ font-size: base(0.8);
53
+ line-height: base(1);
63
54
  letter-spacing: -0.375px;
64
55
  }
65
56
 
66
57
  %h5 {
67
58
  margin: 0;
68
- font-size: base(0.5625);
69
- line-height: 1.5;
59
+ font-size: base(0.65);
60
+ line-height: base(0.8);
70
61
  }
71
62
 
72
63
  %h6 {
73
64
  margin: 0;
74
- font-size: base(0.5);
75
- line-height: 1.5;
65
+ font-size: base(0.6);
66
+ line-height: base(0.8);
76
67
  }
77
68
 
78
69
  %small {
79
70
  margin: 0;
80
- font-size: 11px;
81
- line-height: 1.5;
71
+ font-size: 12px;
72
+ line-height: 20px;
82
73
  }
83
74
 
84
75
  /////////////////////////////
@@ -13,7 +13,7 @@ $breakpoint-l-width: 1440px !default;
13
13
  // BASELINE GRID
14
14
  //////////////////////////////
15
15
 
16
- $baseline-px: 25px !default;
16
+ $baseline-px: 20px !default;
17
17
  $baseline-body-size: 13px !default;
18
18
  $baseline: math.div($baseline-px, $baseline-body-size) + rem;
19
19
 
@@ -40,7 +40,7 @@ $color-purple: #f3ddf3 !default;
40
40
 
41
41
  $style-radius-s: 3px !default;
42
42
  $style-radius-m: 4px !default;
43
- $style-radius-l: 9px !default;
43
+ $style-radius-l: 8px !default;
44
44
  $style-stroke-width: 1px !default;
45
45
 
46
46
  $style-stroke-width-s: 1px !default;
@@ -50,8 +50,8 @@ $style-stroke-width-m: 2px !default;
50
50
  // MISC
51
51
  //////////////////////////////
52
52
 
53
- $top-header-offset: calc(var(--base) - 1px);
54
- $top-header-offset-m: calc(var(--base) * 3);
53
+ $top-header-offset: calc(base(1) - 1px);
54
+ $top-header-offset-m: base(3);
55
55
  $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
56
56
 
57
57
  //////////////////////////////
@@ -59,41 +59,19 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
59
59
  //////////////////////////////
60
60
 
61
61
  @mixin shadow-sm {
62
- box-shadow:
63
- 0 2px 3px 0 rgba(0, 2, 4, 0.05),
64
- 0 10px 4px -8px rgba(0, 2, 4, 0.02);
62
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
65
63
  }
66
64
 
67
65
  @mixin shadow-m {
68
- box-shadow:
69
- 0 0 30px 0 rgb(0 2 4 / 12%),
70
- 0 30px 25px -8px rgb(0 2 4 / 10%);
66
+ box-shadow: 0 4px 8px -3px rgba(0, 0, 0, 0.1);
71
67
  }
72
68
 
73
69
  @mixin shadow-lg {
74
- box-shadow:
75
- 0 20px 35px -10px rgba(0, 2, 4, 0.2),
76
- 0 6px 4px -4px rgba(0, 2, 4, 0.02);
70
+ box-shadow: 0 -2px 16px -2px rgba(0, 0, 0, 0.2);
77
71
  }
78
72
 
79
73
  @mixin shadow-lg-top {
80
- box-shadow:
81
- 0 -20px 35px -10px rgba(0, 2, 4, 0.2),
82
- 0 -6px 4px -4px rgba(0, 2, 4, 0.02);
83
- }
84
-
85
- @mixin shadow {
86
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
87
-
88
- &:hover {
89
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
90
- }
91
- }
92
-
93
- @mixin inputShadowActive {
94
- box-shadow:
95
- 0 2px 3px 0 rgba(0, 2, 4, 0.16),
96
- 0 6px 4px -4px rgba(0, 2, 4, 0.13);
74
+ box-shadow: 0 2px 16px -2px rgba(0, 0, 0, 0.2);
97
75
  }
98
76
 
99
77
  @mixin inputShadow {
@@ -101,15 +79,7 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
101
79
 
102
80
  &:not(:disabled) {
103
81
  &:hover {
104
- box-shadow:
105
- 0 2px 3px 0 rgba(0, 2, 4, 0.13),
106
- 0 6px 4px -4px rgba(0, 2, 4, 0.1);
107
- }
108
-
109
- &:active,
110
- &:focus-within,
111
- &:focus {
112
- @include inputShadowActive;
82
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2);
113
83
  }
114
84
  }
115
85
  }
@@ -147,19 +117,33 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
147
117
  @include blur-bg(var(--theme-bg), 0.3);
148
118
  }
149
119
 
120
+ @mixin readOnly {
121
+ background: var(--theme-elevation-100);
122
+ color: var(--theme-elevation-400);
123
+ box-shadow: none;
124
+
125
+ &:hover {
126
+ border-color: var(--theme-elevation-150);
127
+ box-shadow: none;
128
+ }
129
+ }
130
+
150
131
  @mixin formInput() {
151
132
  @include inputShadow;
152
133
  font-family: var(--font-body);
153
134
  width: 100%;
154
135
  border: 1px solid var(--theme-elevation-150);
136
+ border-radius: var(--style-radius-s);
155
137
  background: var(--theme-input-bg);
156
138
  color: var(--theme-elevation-800);
157
- border-radius: 0;
158
139
  font-size: 1rem;
159
140
  height: base(2);
160
141
  line-height: base(1);
161
- padding: base(0.5) base(0.75);
142
+ padding: base(0.4) base(0.75);
162
143
  -webkit-appearance: none;
144
+ transition-property: border, box-shadow;
145
+ transition-duration: 100ms;
146
+ transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
163
147
 
164
148
  &[data-rtl='true'] {
165
149
  direction: rtl;
@@ -189,12 +173,7 @@ $focus-box-shadow: 0 0 0 $style-stroke-width-m var(--theme-success-500);
189
173
  }
190
174
 
191
175
  &:disabled {
192
- background: var(--theme-elevation-200);
193
- color: var(--theme-elevation-450);
194
-
195
- &:hover {
196
- border-color: var(--theme-elevation-150);
197
- }
176
+ @include readOnly;
198
177
  }
199
178
  }
200
179
 
package/dist/types.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
1
  import type { Field, RichTextFieldProps, SanitizedConfig } from 'payload';
3
2
  import type { Editor } from 'slate';
4
3
  export type TextNode = {
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEnC,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG;IAAE,QAAQ,EAAE,CAAC,WAAW,GAAG,QAAQ,CAAC,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,IAAI,QAAQ,CAE7E;AAED,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACjC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,cAAc,GACd,WAAW,GACX,IAAI,GACJ,QAAQ,GACR,qBAAqB,CAAA;AACzB,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,WAAW,GACX,kBAAkB,CAAA;AAEtB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;QACvB,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;gBAAE,MAAM,EAAE,eAAe,CAAC;gBAAC,aAAa,EAAE,KAAK,EAAE,CAAA;aAAE,KAAK,KAAK,EAAE,CAAC,GAAG,KAAK,EAAE,CAAA;SAC5F,CAAA;QACD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QAC7C,GAAG,CAAC,EAAE,OAAO,CAAA;QACb,MAAM,CAAC,EAAE;YACP,WAAW,EAAE;gBACX,CAAC,UAAU,EAAE,MAAM,GAAG;oBACpB,MAAM,EAAE,KAAK,EAAE,CAAA;iBAChB,CAAA;aACF,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEnC,MAAM,MAAM,QAAQ,GAAG;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAE7D,MAAM,MAAM,WAAW,GAAG;IAAE,QAAQ,EAAE,CAAC,WAAW,GAAG,QAAQ,CAAC,EAAE,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAEjF,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,IAAI,IAAI,QAAQ,CAE7E;AAED,MAAM,MAAM,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACjC,OAAO,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IACjC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAChC,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,MAAM,GACN,IAAI,GACJ,cAAc,GACd,WAAW,GACX,IAAI,GACJ,QAAQ,GACR,qBAAqB,CAAA;AACzB,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,MAAM,GACN,QAAQ,GACR,eAAe,GACf,WAAW,GACX,kBAAkB,CAAA;AAEtB,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE;QACN,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAA;QAC5B,UAAU,CAAC,EAAE,OAAO,CAAA;QACpB,MAAM,CAAC,EAAE,YAAY,EAAE,CAAA;QACvB,IAAI,CAAC,EAAE;YACL,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE;gBAAE,MAAM,EAAE,eAAe,CAAC;gBAAC,aAAa,EAAE,KAAK,EAAE,CAAA;aAAE,KAAK,KAAK,EAAE,CAAC,GAAG,KAAK,EAAE,CAAA;SAC5F,CAAA;QACD,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;QAC7C,GAAG,CAAC,EAAE,OAAO,CAAA;QACb,MAAM,CAAC,EAAE;YACP,WAAW,EAAE;gBACX,CAAC,UAAU,EAAE,MAAM,GAAG;oBACpB,MAAM,EAAE,KAAK,EAAE,CAAA;iBAChB,CAAA;aACF,CAAA;SACF,CAAA;KACF,CAAA;CACF,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,kBAAkB,CAAC,GAAG,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAA"}
package/dist/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { Field, RichTextFieldProps, SanitizedConfig } from 'payload'\nimport type { Editor } from 'slate'\n\nexport type TextNode = { [x: string]: unknown; text: string }\n\nexport type ElementNode = { children: (ElementNode | TextNode)[]; type?: string }\n\nexport function nodeIsTextNode(node: ElementNode | TextNode): node is TextNode {\n return 'text' in node\n}\n\nexport type RichTextPluginComponent = React.ComponentType\nexport type RichTextPlugin = (editor: Editor) => Editor\n\nexport type RichTextCustomElement = {\n Button?: React.ComponentType<any>\n Element: React.ComponentType<any>\n name: string\n plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextCustomLeaf = {\n Button: React.ComponentType<any>\n Leaf: React.ComponentType<any>\n name: string\n plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextElement =\n | 'blockquote'\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'\n | 'indent'\n | 'link'\n | 'ol'\n | 'relationship'\n | 'textAlign'\n | 'ul'\n | 'upload'\n | RichTextCustomElement\nexport type RichTextLeaf =\n | 'bold'\n | 'code'\n | 'italic'\n | 'strikethrough'\n | 'underline'\n | RichTextCustomLeaf\n\nexport type AdapterArguments = {\n admin?: {\n elements?: RichTextElement[]\n hideGutter?: boolean\n leaves?: RichTextLeaf[]\n link?: {\n fields?: ((args: { config: SanitizedConfig; defaultFields: Field[] }) => Field[]) | Field[]\n }\n placeholder?: Record<string, string> | string\n rtl?: boolean\n upload?: {\n collections: {\n [collection: string]: {\n fields: Field[]\n }\n }\n }\n }\n}\n\nexport type FieldProps = RichTextFieldProps<any[], AdapterArguments, AdapterArguments>\n"],"names":["nodeIsTextNode","node"],"rangeMappings":";;","mappings":"AAOA,OAAO,SAASA,eAAeC,IAA4B;IACzD,OAAO,UAAUA;AACnB"}
1
+ {"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { Field, RichTextFieldProps, SanitizedConfig } from 'payload'\nimport type { Editor } from 'slate'\n\nexport type TextNode = { [x: string]: unknown; text: string }\n\nexport type ElementNode = { children: (ElementNode | TextNode)[]; type?: string }\n\nexport function nodeIsTextNode(node: ElementNode | TextNode): node is TextNode {\n return 'text' in node\n}\n\nexport type RichTextPluginComponent = React.ComponentType\nexport type RichTextPlugin = (editor: Editor) => Editor\n\nexport type RichTextCustomElement = {\n Button?: React.ComponentType<any>\n Element: React.ComponentType<any>\n name: string\n plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextCustomLeaf = {\n Button: React.ComponentType<any>\n Leaf: React.ComponentType<any>\n name: string\n plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextElement =\n | 'blockquote'\n | 'h1'\n | 'h2'\n | 'h3'\n | 'h4'\n | 'h5'\n | 'h6'\n | 'indent'\n | 'link'\n | 'ol'\n | 'relationship'\n | 'textAlign'\n | 'ul'\n | 'upload'\n | RichTextCustomElement\nexport type RichTextLeaf =\n | 'bold'\n | 'code'\n | 'italic'\n | 'strikethrough'\n | 'underline'\n | RichTextCustomLeaf\n\nexport type AdapterArguments = {\n admin?: {\n elements?: RichTextElement[]\n hideGutter?: boolean\n leaves?: RichTextLeaf[]\n link?: {\n fields?: ((args: { config: SanitizedConfig; defaultFields: Field[] }) => Field[]) | Field[]\n }\n placeholder?: Record<string, string> | string\n rtl?: boolean\n upload?: {\n collections: {\n [collection: string]: {\n fields: Field[]\n }\n }\n }\n }\n}\n\nexport type FieldProps = RichTextFieldProps<any[], AdapterArguments, AdapterArguments>\n"],"names":["nodeIsTextNode","node"],"mappings":"AAOA,OAAO,SAASA,eAAeC,IAA4B;IACzD,OAAO,UAAUA;AACnB"}
@@ -1,4 +1,4 @@
1
- import { useAddClientFunction, useFieldProps } from '@payloadcms/ui/client';
1
+ import { useAddClientFunction, useFieldProps } from '@payloadcms/ui';
2
2
  export const useSlatePlugin = (key, plugin)=>{
3
3
  const { schemaPath } = useFieldProps();
4
4
  useAddClientFunction(`slatePlugin.${schemaPath}.${key}`, plugin);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/utilities/useSlatePlugin.tsx"],"sourcesContent":["import type { Editor } from 'slate'\n\nimport { useAddClientFunction, useFieldProps } from '@payloadcms/ui/client'\n\ntype Plugin = (editor: Editor) => Editor\n\nexport const useSlatePlugin = (key: string, plugin: Plugin) => {\n const { schemaPath } = useFieldProps()\n\n useAddClientFunction(`slatePlugin.${schemaPath}.${key}`, plugin)\n}\n"],"names":["useAddClientFunction","useFieldProps","useSlatePlugin","key","plugin","schemaPath"],"rangeMappings":";;;;","mappings":"AAEA,SAASA,oBAAoB,EAAEC,aAAa,QAAQ,wBAAuB;AAI3E,OAAO,MAAMC,iBAAiB,CAACC,KAAaC;IAC1C,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IAEvBD,qBAAqB,CAAC,YAAY,EAAEK,WAAW,CAAC,EAAEF,IAAI,CAAC,EAAEC;AAC3D,EAAC"}
1
+ {"version":3,"sources":["../../src/utilities/useSlatePlugin.tsx"],"sourcesContent":["import type { Editor } from 'slate'\n\nimport { useAddClientFunction, useFieldProps } from '@payloadcms/ui'\n\ntype Plugin = (editor: Editor) => Editor\n\nexport const useSlatePlugin = (key: string, plugin: Plugin) => {\n const { schemaPath } = useFieldProps()\n\n useAddClientFunction(`slatePlugin.${schemaPath}.${key}`, plugin)\n}\n"],"names":["useAddClientFunction","useFieldProps","useSlatePlugin","key","plugin","schemaPath"],"mappings":"AAEA,SAASA,oBAAoB,EAAEC,aAAa,QAAQ,iBAAgB;AAIpE,OAAO,MAAMC,iBAAiB,CAACC,KAAaC;IAC1C,MAAM,EAAEC,UAAU,EAAE,GAAGJ;IAEvBD,qBAAqB,CAAC,YAAY,EAAEK,WAAW,CAAC,EAAEF,IAAI,CAAC,EAAEC;AAC3D,EAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/richtext-slate",
3
- "version": "3.0.0-canary.4704e79",
3
+ "version": "3.0.0-canary.483db21",
4
4
  "description": "The officially supported Slate richtext adapter for Payload",
5
5
  "homepage": "https://payloadcms.com",
6
6
  "repository": {
@@ -14,8 +14,8 @@
14
14
  "exports": {
15
15
  ".": {
16
16
  "import": "./dist/index.js",
17
- "require": "./dist/index.js",
18
- "types": "./dist/index.d.ts"
17
+ "types": "./dist/index.d.ts",
18
+ "default": "./dist/index.js"
19
19
  }
20
20
  },
21
21
  "main": "./dist/index.js",
@@ -33,17 +33,17 @@
33
33
  "devDependencies": {
34
34
  "@types/is-hotkey": "^0.1.10",
35
35
  "@types/node": "20.12.5",
36
- "@types/react": "npm:types-react@19.0.0-beta.2",
37
- "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2",
38
- "@payloadcms/eslint-config": "1.1.1",
39
- "payload": "3.0.0-canary.4704e79",
40
- "@payloadcms/ui": "3.0.0-canary.4704e79"
36
+ "@types/react": "npm:types-react@19.0.0-rc.0",
37
+ "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0",
38
+ "@payloadcms/eslint-config": "3.0.0-beta.59",
39
+ "payload": "3.0.0-canary.483db21",
40
+ "@payloadcms/ui": "3.0.0-canary.483db21"
41
41
  },
42
42
  "peerDependencies": {
43
- "react": "^19.0.0 || ^19.0.0-rc-f994737d14-20240522",
44
- "@payloadcms/translations": "3.0.0-canary.4704e79",
45
- "payload": "3.0.0-canary.4704e79",
46
- "@payloadcms/ui": "3.0.0-canary.4704e79"
43
+ "react": "^19.0.0 || ^19.0.0-rc-06d0b89e-20240801",
44
+ "@payloadcms/translations": "3.0.0-canary.483db21",
45
+ "@payloadcms/ui": "3.0.0-canary.483db21",
46
+ "payload": "3.0.0-canary.483db21"
47
47
  },
48
48
  "engines": {
49
49
  "node": "^18.20.2 || >=20.9.0"
@@ -52,8 +52,8 @@
52
52
  "registry": "https://registry.npmjs.org/"
53
53
  },
54
54
  "overrides": {
55
- "@types/react": "npm:types-react@19.0.0-beta.2",
56
- "@types/react-dom": "npm:types-react-dom@19.0.0-beta.2"
55
+ "@types/react": "npm:types-react@19.0.0-rc.0",
56
+ "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
57
57
  },
58
58
  "scripts": {
59
59
  "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",