@payloadcms/richtext-slate 3.0.0-canary.a0b06af → 3.0.0-canary.a5aaf21

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 (300) hide show
  1. package/dist/cell/index.d.ts.map +1 -1
  2. package/dist/cell/index.js +23 -2
  3. package/dist/cell/index.js.map +1 -1
  4. package/dist/data/populate.d.ts +2 -2
  5. package/dist/data/populate.d.ts.map +1 -1
  6. package/dist/data/populate.js.map +1 -1
  7. package/dist/data/recurseNestedFields.js +2 -2
  8. package/dist/data/recurseNestedFields.js.map +1 -1
  9. package/dist/data/richTextRelationshipPromise.d.ts +1 -1
  10. package/dist/data/richTextRelationshipPromise.d.ts.map +1 -1
  11. package/dist/data/richTextRelationshipPromise.js.map +1 -1
  12. package/dist/data/validation.d.ts.map +1 -1
  13. package/dist/data/validation.js +3 -1
  14. package/dist/data/validation.js.map +1 -1
  15. package/dist/exports/client/index.d.ts +49 -0
  16. package/dist/exports/client/index.d.ts.map +1 -0
  17. package/dist/exports/client/index.js +51 -0
  18. package/dist/exports/client/index.js.map +1 -0
  19. package/dist/field/RichText.d.ts +4 -13
  20. package/dist/field/RichText.d.ts.map +1 -1
  21. package/dist/field/RichText.js +30 -15
  22. package/dist/field/RichText.js.map +1 -1
  23. package/dist/field/createFeatureMap.d.ts +2 -1
  24. package/dist/field/createFeatureMap.d.ts.map +1 -1
  25. package/dist/field/createFeatureMap.js +12 -4
  26. package/dist/field/createFeatureMap.js.map +1 -1
  27. package/dist/field/elements/EnabledRelationshipsCondition.d.ts.map +1 -1
  28. package/dist/field/elements/EnabledRelationshipsCondition.js +1 -1
  29. package/dist/field/elements/EnabledRelationshipsCondition.js.map +1 -1
  30. package/dist/field/elements/blockquote/Button.d.ts +4 -0
  31. package/dist/field/elements/blockquote/Button.d.ts.map +1 -0
  32. package/dist/field/elements/blockquote/Button.js +11 -0
  33. package/dist/field/elements/blockquote/Button.js.map +1 -0
  34. package/dist/field/elements/blockquote/Element.d.ts +3 -0
  35. package/dist/field/elements/blockquote/Element.d.ts.map +1 -0
  36. package/dist/field/elements/blockquote/{Blockquote.js → Element.js} +2 -2
  37. package/dist/field/elements/blockquote/Element.js.map +1 -0
  38. package/dist/field/elements/blockquote/index.d.ts.map +1 -1
  39. package/dist/field/elements/blockquote/index.js +7 -10
  40. package/dist/field/elements/blockquote/index.js.map +1 -1
  41. package/dist/field/elements/h1/Button.d.ts +4 -0
  42. package/dist/field/elements/h1/Button.d.ts.map +1 -0
  43. package/dist/field/elements/h1/Button.js +11 -0
  44. package/dist/field/elements/h1/Button.js.map +1 -0
  45. package/dist/field/elements/h1/Heading1.d.ts +1 -1
  46. package/dist/field/elements/h1/Heading1.d.ts.map +1 -1
  47. package/dist/field/elements/h1/Heading1.js +1 -1
  48. package/dist/field/elements/h1/Heading1.js.map +1 -1
  49. package/dist/field/elements/h1/index.d.ts.map +1 -1
  50. package/dist/field/elements/h1/index.js +7 -10
  51. package/dist/field/elements/h1/index.js.map +1 -1
  52. package/dist/field/elements/h2/Button.d.ts +4 -0
  53. package/dist/field/elements/h2/Button.d.ts.map +1 -0
  54. package/dist/field/elements/h2/Button.js +11 -0
  55. package/dist/field/elements/h2/Button.js.map +1 -0
  56. package/dist/field/elements/h2/Heading2.d.ts +1 -1
  57. package/dist/field/elements/h2/Heading2.d.ts.map +1 -1
  58. package/dist/field/elements/h2/Heading2.js +1 -1
  59. package/dist/field/elements/h2/Heading2.js.map +1 -1
  60. package/dist/field/elements/h2/index.d.ts.map +1 -1
  61. package/dist/field/elements/h2/index.js +7 -10
  62. package/dist/field/elements/h2/index.js.map +1 -1
  63. package/dist/field/elements/h3/Button.d.ts +4 -0
  64. package/dist/field/elements/h3/Button.d.ts.map +1 -0
  65. package/dist/field/elements/h3/Button.js +11 -0
  66. package/dist/field/elements/h3/Button.js.map +1 -0
  67. package/dist/field/elements/h3/Heading3.d.ts +1 -1
  68. package/dist/field/elements/h3/Heading3.d.ts.map +1 -1
  69. package/dist/field/elements/h3/Heading3.js +1 -1
  70. package/dist/field/elements/h3/Heading3.js.map +1 -1
  71. package/dist/field/elements/h3/index.d.ts.map +1 -1
  72. package/dist/field/elements/h3/index.js +7 -10
  73. package/dist/field/elements/h3/index.js.map +1 -1
  74. package/dist/field/elements/h4/Button.d.ts +4 -0
  75. package/dist/field/elements/h4/Button.d.ts.map +1 -0
  76. package/dist/field/elements/h4/Button.js +11 -0
  77. package/dist/field/elements/h4/Button.js.map +1 -0
  78. package/dist/field/elements/h4/Heading4.d.ts +1 -1
  79. package/dist/field/elements/h4/Heading4.d.ts.map +1 -1
  80. package/dist/field/elements/h4/Heading4.js +1 -1
  81. package/dist/field/elements/h4/Heading4.js.map +1 -1
  82. package/dist/field/elements/h4/index.d.ts.map +1 -1
  83. package/dist/field/elements/h4/index.js +7 -10
  84. package/dist/field/elements/h4/index.js.map +1 -1
  85. package/dist/field/elements/h5/Button.d.ts +4 -0
  86. package/dist/field/elements/h5/Button.d.ts.map +1 -0
  87. package/dist/field/elements/h5/Button.js +11 -0
  88. package/dist/field/elements/h5/Button.js.map +1 -0
  89. package/dist/field/elements/h5/Heading5.d.ts +1 -1
  90. package/dist/field/elements/h5/Heading5.d.ts.map +1 -1
  91. package/dist/field/elements/h5/Heading5.js +1 -1
  92. package/dist/field/elements/h5/Heading5.js.map +1 -1
  93. package/dist/field/elements/h5/index.d.ts.map +1 -1
  94. package/dist/field/elements/h5/index.js +7 -10
  95. package/dist/field/elements/h5/index.js.map +1 -1
  96. package/dist/field/elements/h6/Button.d.ts +4 -0
  97. package/dist/field/elements/h6/Button.d.ts.map +1 -0
  98. package/dist/field/elements/h6/Button.js +11 -0
  99. package/dist/field/elements/h6/Button.js.map +1 -0
  100. package/dist/field/elements/h6/Heading6.d.ts +1 -1
  101. package/dist/field/elements/h6/Heading6.d.ts.map +1 -1
  102. package/dist/field/elements/h6/Heading6.js +1 -1
  103. package/dist/field/elements/h6/Heading6.js.map +1 -1
  104. package/dist/field/elements/h6/index.d.ts.map +1 -1
  105. package/dist/field/elements/h6/index.js +7 -10
  106. package/dist/field/elements/h6/index.js.map +1 -1
  107. package/dist/field/elements/indent/index.d.ts.map +1 -1
  108. package/dist/field/elements/indent/index.js +2 -4
  109. package/dist/field/elements/indent/index.js.map +1 -1
  110. package/dist/field/elements/isActive.d.ts.map +1 -1
  111. package/dist/field/elements/isActive.js +3 -1
  112. package/dist/field/elements/isActive.js.map +1 -1
  113. package/dist/field/elements/isLastSelectedElementEmpty.d.ts.map +1 -1
  114. package/dist/field/elements/isLastSelectedElementEmpty.js +3 -1
  115. package/dist/field/elements/isLastSelectedElementEmpty.js.map +1 -1
  116. package/dist/field/elements/isListActive.d.ts.map +1 -1
  117. package/dist/field/elements/isListActive.js +6 -2
  118. package/dist/field/elements/isListActive.js.map +1 -1
  119. package/dist/field/elements/li/index.d.ts.map +1 -1
  120. package/dist/field/elements/li/index.js +1 -2
  121. package/dist/field/elements/li/index.js.map +1 -1
  122. package/dist/field/elements/link/Button/index.d.ts.map +1 -1
  123. package/dist/field/elements/link/Button/index.js +5 -5
  124. package/dist/field/elements/link/Button/index.js.map +1 -1
  125. package/dist/field/elements/link/Element/index.d.ts.map +1 -1
  126. package/dist/field/elements/link/Element/index.js +11 -7
  127. package/dist/field/elements/link/Element/index.js.map +1 -1
  128. package/dist/field/elements/link/Element/index.scss +3 -7
  129. package/dist/field/elements/link/LinkDrawer/index.d.ts.map +1 -1
  130. package/dist/field/elements/link/LinkDrawer/index.js +5 -4
  131. package/dist/field/elements/link/LinkDrawer/index.js.map +1 -1
  132. package/dist/field/elements/link/LinkDrawer/index.scss +4 -4
  133. package/dist/field/elements/link/LinkDrawer/types.d.ts +6 -7
  134. package/dist/field/elements/link/LinkDrawer/types.d.ts.map +1 -1
  135. package/dist/field/elements/link/LinkDrawer/types.js.map +1 -1
  136. package/dist/field/elements/link/index.d.ts.map +1 -1
  137. package/dist/field/elements/link/index.js +3 -6
  138. package/dist/field/elements/link/index.js.map +1 -1
  139. package/dist/field/elements/link/types.d.ts +2 -2
  140. package/dist/field/elements/link/types.d.ts.map +1 -1
  141. package/dist/field/elements/link/types.js.map +1 -1
  142. package/dist/field/elements/ol/Button.d.ts +4 -0
  143. package/dist/field/elements/ol/Button.d.ts.map +1 -0
  144. package/dist/field/elements/ol/Button.js +11 -0
  145. package/dist/field/elements/ol/Button.js.map +1 -0
  146. package/dist/field/elements/ol/OrderedList.d.ts +1 -1
  147. package/dist/field/elements/ol/OrderedList.d.ts.map +1 -1
  148. package/dist/field/elements/ol/OrderedList.js +1 -1
  149. package/dist/field/elements/ol/OrderedList.js.map +1 -1
  150. package/dist/field/elements/ol/index.d.ts.map +1 -1
  151. package/dist/field/elements/ol/index.js +7 -10
  152. package/dist/field/elements/ol/index.js.map +1 -1
  153. package/dist/field/elements/relationship/Button/index.d.ts +1 -1
  154. package/dist/field/elements/relationship/Button/index.d.ts.map +1 -1
  155. package/dist/field/elements/relationship/Button/index.js +3 -3
  156. package/dist/field/elements/relationship/Button/index.js.map +1 -1
  157. package/dist/field/elements/relationship/Element/index.d.ts +5 -5
  158. package/dist/field/elements/relationship/Element/index.d.ts.map +1 -1
  159. package/dist/field/elements/relationship/Element/index.js +7 -7
  160. package/dist/field/elements/relationship/Element/index.js.map +1 -1
  161. package/dist/field/elements/relationship/index.d.ts.map +1 -1
  162. package/dist/field/elements/relationship/index.js +3 -6
  163. package/dist/field/elements/relationship/index.js.map +1 -1
  164. package/dist/field/elements/relationship/types.d.ts +2 -2
  165. package/dist/field/elements/relationship/types.d.ts.map +1 -1
  166. package/dist/field/elements/relationship/types.js.map +1 -1
  167. package/dist/field/elements/textAlign/Button.d.ts +2 -0
  168. package/dist/field/elements/textAlign/Button.d.ts.map +1 -0
  169. package/dist/field/elements/textAlign/Button.js +28 -0
  170. package/dist/field/elements/textAlign/Button.js.map +1 -0
  171. package/dist/field/elements/textAlign/index.d.ts.map +1 -1
  172. package/dist/field/elements/textAlign/index.js +2 -28
  173. package/dist/field/elements/textAlign/index.js.map +1 -1
  174. package/dist/field/elements/toggleList.d.ts.map +1 -1
  175. package/dist/field/elements/toggleList.js +6 -2
  176. package/dist/field/elements/toggleList.js.map +1 -1
  177. package/dist/field/elements/ul/Button.d.ts +4 -0
  178. package/dist/field/elements/ul/Button.d.ts.map +1 -0
  179. package/dist/field/elements/ul/Button.js +11 -0
  180. package/dist/field/elements/ul/Button.js.map +1 -0
  181. package/dist/field/elements/ul/UnorderedList.d.ts +1 -1
  182. package/dist/field/elements/ul/UnorderedList.d.ts.map +1 -1
  183. package/dist/field/elements/ul/UnorderedList.js +1 -1
  184. package/dist/field/elements/ul/UnorderedList.js.map +1 -1
  185. package/dist/field/elements/ul/index.d.ts.map +1 -1
  186. package/dist/field/elements/ul/index.js +7 -10
  187. package/dist/field/elements/ul/index.js.map +1 -1
  188. package/dist/field/elements/upload/Button/index.d.ts +1 -1
  189. package/dist/field/elements/upload/Button/index.d.ts.map +1 -1
  190. package/dist/field/elements/upload/Button/index.js +1 -1
  191. package/dist/field/elements/upload/Button/index.js.map +1 -1
  192. package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts +6 -9
  193. package/dist/field/elements/upload/Element/UploadDrawer/index.d.ts.map +1 -1
  194. package/dist/field/elements/upload/Element/UploadDrawer/index.js +7 -6
  195. package/dist/field/elements/upload/Element/UploadDrawer/index.js.map +1 -1
  196. package/dist/field/elements/upload/Element/index.d.ts +4 -4
  197. package/dist/field/elements/upload/Element/index.d.ts.map +1 -1
  198. package/dist/field/elements/upload/Element/index.js +10 -10
  199. package/dist/field/elements/upload/Element/index.js.map +1 -1
  200. package/dist/field/elements/upload/index.d.ts.map +1 -1
  201. package/dist/field/elements/upload/index.js +3 -6
  202. package/dist/field/elements/upload/index.js.map +1 -1
  203. package/dist/field/elements/upload/types.d.ts +2 -2
  204. package/dist/field/elements/upload/types.d.ts.map +1 -1
  205. package/dist/field/elements/upload/types.js.map +1 -1
  206. package/dist/field/index.d.ts +2 -5
  207. package/dist/field/index.d.ts.map +1 -1
  208. package/dist/field/index.js +6 -4
  209. package/dist/field/index.js.map +1 -1
  210. package/dist/field/index.scss +32 -13
  211. package/dist/field/leaves/bold/Bold/index.d.ts +1 -1
  212. package/dist/field/leaves/bold/Bold/index.d.ts.map +1 -1
  213. package/dist/field/leaves/bold/Bold/index.js +1 -1
  214. package/dist/field/leaves/bold/Bold/index.js.map +1 -1
  215. package/dist/field/leaves/bold/LeafButton.d.ts +2 -0
  216. package/dist/field/leaves/bold/LeafButton.d.ts.map +1 -0
  217. package/dist/field/leaves/bold/LeafButton.js +11 -0
  218. package/dist/field/leaves/bold/LeafButton.js.map +1 -0
  219. package/dist/field/leaves/bold/index.d.ts.map +1 -1
  220. package/dist/field/leaves/bold/index.js +2 -10
  221. package/dist/field/leaves/bold/index.js.map +1 -1
  222. package/dist/field/leaves/code/Code/index.d.ts +1 -1
  223. package/dist/field/leaves/code/Code/index.d.ts.map +1 -1
  224. package/dist/field/leaves/code/Code/index.js +1 -1
  225. package/dist/field/leaves/code/Code/index.js.map +1 -1
  226. package/dist/field/leaves/code/LeafButton.d.ts +2 -0
  227. package/dist/field/leaves/code/LeafButton.d.ts.map +1 -0
  228. package/dist/field/leaves/code/LeafButton.js +11 -0
  229. package/dist/field/leaves/code/LeafButton.js.map +1 -0
  230. package/dist/field/leaves/code/index.d.ts.map +1 -1
  231. package/dist/field/leaves/code/index.js +2 -10
  232. package/dist/field/leaves/code/index.js.map +1 -1
  233. package/dist/field/leaves/italic/Italic/index.d.ts +1 -1
  234. package/dist/field/leaves/italic/Italic/index.d.ts.map +1 -1
  235. package/dist/field/leaves/italic/Italic/index.js +1 -1
  236. package/dist/field/leaves/italic/Italic/index.js.map +1 -1
  237. package/dist/field/leaves/italic/LeafButton.d.ts +2 -0
  238. package/dist/field/leaves/italic/LeafButton.d.ts.map +1 -0
  239. package/dist/field/leaves/italic/LeafButton.js +11 -0
  240. package/dist/field/leaves/italic/LeafButton.js.map +1 -0
  241. package/dist/field/leaves/italic/index.d.ts.map +1 -1
  242. package/dist/field/leaves/italic/index.js +2 -10
  243. package/dist/field/leaves/italic/index.js.map +1 -1
  244. package/dist/field/leaves/strikethrough/LeafButton.d.ts +2 -0
  245. package/dist/field/leaves/strikethrough/LeafButton.d.ts.map +1 -0
  246. package/dist/field/leaves/strikethrough/LeafButton.js +11 -0
  247. package/dist/field/leaves/strikethrough/LeafButton.js.map +1 -0
  248. package/dist/field/leaves/strikethrough/Strikethrough/index.d.ts +1 -1
  249. package/dist/field/leaves/strikethrough/Strikethrough/index.d.ts.map +1 -1
  250. package/dist/field/leaves/strikethrough/Strikethrough/index.js +1 -1
  251. package/dist/field/leaves/strikethrough/Strikethrough/index.js.map +1 -1
  252. package/dist/field/leaves/strikethrough/index.d.ts.map +1 -1
  253. package/dist/field/leaves/strikethrough/index.js +2 -10
  254. package/dist/field/leaves/strikethrough/index.js.map +1 -1
  255. package/dist/field/leaves/underline/LeafButton.d.ts +2 -0
  256. package/dist/field/leaves/underline/LeafButton.d.ts.map +1 -0
  257. package/dist/field/leaves/underline/LeafButton.js +11 -0
  258. package/dist/field/leaves/underline/LeafButton.js.map +1 -0
  259. package/dist/field/leaves/underline/Underline/index.d.ts +1 -1
  260. package/dist/field/leaves/underline/Underline/index.d.ts.map +1 -1
  261. package/dist/field/leaves/underline/Underline/index.js +1 -1
  262. package/dist/field/leaves/underline/Underline/index.js.map +1 -1
  263. package/dist/field/leaves/underline/index.d.ts.map +1 -1
  264. package/dist/field/leaves/underline/index.js +2 -10
  265. package/dist/field/leaves/underline/index.js.map +1 -1
  266. package/dist/field/providers/ElementButtonProvider.d.ts +4 -7
  267. package/dist/field/providers/ElementButtonProvider.d.ts.map +1 -1
  268. package/dist/field/providers/ElementButtonProvider.js.map +1 -1
  269. package/dist/field/providers/ElementProvider.d.ts +5 -8
  270. package/dist/field/providers/ElementProvider.d.ts.map +1 -1
  271. package/dist/field/providers/ElementProvider.js.map +1 -1
  272. package/dist/field/providers/LeafButtonProvider.d.ts +4 -6
  273. package/dist/field/providers/LeafButtonProvider.d.ts.map +1 -1
  274. package/dist/field/providers/LeafButtonProvider.js.map +1 -1
  275. package/dist/field/providers/LeafProvider.d.ts +5 -7
  276. package/dist/field/providers/LeafProvider.d.ts.map +1 -1
  277. package/dist/field/providers/LeafProvider.js.map +1 -1
  278. package/dist/field/types.d.ts +12 -5
  279. package/dist/field/types.d.ts.map +1 -1
  280. package/dist/field/types.js.map +1 -1
  281. package/dist/generateComponentMap.d.ts +2 -2
  282. package/dist/generateComponentMap.d.ts.map +1 -1
  283. package/dist/generateComponentMap.js +28 -23
  284. package/dist/generateComponentMap.js.map +1 -1
  285. package/dist/index.d.ts +1 -5
  286. package/dist/index.d.ts.map +1 -1
  287. package/dist/index.js +63 -10
  288. package/dist/index.js.map +1 -1
  289. package/dist/scss/app.scss +12 -17
  290. package/dist/scss/toastify.scss +59 -0
  291. package/dist/scss/toasts.scss +73 -42
  292. package/dist/scss/type.scss +19 -27
  293. package/dist/scss/vars.scss +26 -47
  294. package/dist/types.d.ts +7 -7
  295. package/dist/types.d.ts.map +1 -1
  296. package/dist/types.js.map +1 -1
  297. package/package.json +26 -15
  298. package/dist/field/elements/blockquote/Blockquote.d.ts +0 -3
  299. package/dist/field/elements/blockquote/Blockquote.d.ts.map +0 -1
  300. package/dist/field/elements/blockquote/Blockquote.js.map +0 -1
@@ -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,4 @@
1
- import type { Field, RichTextFieldProps, SanitizedConfig } from 'payload';
1
+ import type { Field, PayloadComponent, RichTextFieldClientProps, SanitizedConfig } from 'payload';
2
2
  import type { Editor } from 'slate';
3
3
  export type TextNode = {
4
4
  [x: string]: unknown;
@@ -9,17 +9,17 @@ export type ElementNode = {
9
9
  type?: string;
10
10
  };
11
11
  export declare function nodeIsTextNode(node: ElementNode | TextNode): node is TextNode;
12
- export type RichTextPluginComponent = React.ComponentType;
12
+ export type RichTextPluginComponent = PayloadComponent;
13
13
  export type RichTextPlugin = (editor: Editor) => Editor;
14
14
  export type RichTextCustomElement = {
15
- Button?: React.ComponentType<any>;
16
- Element: React.ComponentType<any>;
15
+ Button?: PayloadComponent;
16
+ Element: PayloadComponent;
17
17
  name: string;
18
18
  plugins?: RichTextPluginComponent[];
19
19
  };
20
20
  export type RichTextCustomLeaf = {
21
- Button: React.ComponentType<any>;
22
- Leaf: React.ComponentType<any>;
21
+ Button: PayloadComponent;
22
+ Leaf: PayloadComponent;
23
23
  name: string;
24
24
  plugins?: RichTextPluginComponent[];
25
25
  };
@@ -47,5 +47,5 @@ export type AdapterArguments = {
47
47
  };
48
48
  };
49
49
  };
50
- export type FieldProps = RichTextFieldProps<any[], AdapterArguments, AdapterArguments>;
50
+ export type SlateFieldProps = RichTextFieldClientProps<any[], AdapterArguments, AdapterArguments>;
51
51
  //# sourceMappingURL=types.d.ts.map
@@ -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,gBAAgB,EAAE,wBAAwB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACjG,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,gBAAgB,CAAA;AACtD,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAA;AAEvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,OAAO,EAAE,gBAAgB,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAA;CACpC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,EAAE,gBAAgB,CAAA;IACxB,IAAI,EAAE,gBAAgB,CAAA;IACtB,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,eAAe,GAAG,wBAAwB,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"],"mappings":"AAOA,OAAO,SAASA,eAAeC,IAA4B;IACzD,OAAO,UAAUA;AACnB"}
1
+ {"version":3,"sources":["../src/types.ts"],"sourcesContent":["import type { Field, PayloadComponent, RichTextFieldClientProps, 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 = PayloadComponent\nexport type RichTextPlugin = (editor: Editor) => Editor\n\nexport type RichTextCustomElement = {\n Button?: PayloadComponent\n Element: PayloadComponent\n name: string\n plugins?: RichTextPluginComponent[]\n}\n\nexport type RichTextCustomLeaf = {\n Button: PayloadComponent\n Leaf: PayloadComponent\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 SlateFieldProps = RichTextFieldClientProps<any[], AdapterArguments, AdapterArguments>\n"],"names":["nodeIsTextNode","node"],"mappings":"AAOA,OAAO,SAASA,eAAeC,IAA4B;IACzD,OAAO,UAAUA;AACnB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@payloadcms/richtext-slate",
3
- "version": "3.0.0-canary.a0b06af",
3
+ "version": "3.0.0-canary.a5aaf21",
4
4
  "description": "The officially supported Slate richtext adapter for Payload",
5
5
  "homepage": "https://payloadcms.com",
6
6
  "repository": {
@@ -16,6 +16,16 @@
16
16
  "import": "./dist/index.js",
17
17
  "types": "./dist/index.d.ts",
18
18
  "default": "./dist/index.js"
19
+ },
20
+ "./generateComponentMap": {
21
+ "import": "./dist/generateComponentMap.js",
22
+ "types": "./dist/generateComponentMap.d.ts",
23
+ "default": "./dist/generateComponentMap.js"
24
+ },
25
+ "./client": {
26
+ "import": "./dist/exports/client/index.js",
27
+ "types": "./dist/exports/client/index.d.ts",
28
+ "default": "./dist/exports/client/index.js"
19
29
  }
20
30
  },
21
31
  "main": "./dist/index.js",
@@ -28,22 +38,21 @@
28
38
  "slate": "0.91.4",
29
39
  "slate-history": "0.86.0",
30
40
  "slate-hyperscript": "0.81.3",
31
- "slate-react": "0.92.0"
41
+ "slate-react": "0.92.0",
42
+ "@payloadcms/ui": "3.0.0-canary.a5aaf21",
43
+ "@payloadcms/translations": "3.0.0-canary.a5aaf21"
32
44
  },
33
45
  "devDependencies": {
34
46
  "@types/is-hotkey": "^0.1.10",
35
- "@types/node": "20.12.5",
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
- "@payloadcms/ui": "3.0.0-canary.a0b06af",
40
- "payload": "3.0.0-canary.a0b06af"
47
+ "@types/node": "22.5.4",
48
+ "@types/react": "npm:types-react@19.0.0-rc.1",
49
+ "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1",
50
+ "payload": "3.0.0-canary.a5aaf21",
51
+ "@payloadcms/eslint-config": "3.0.0-beta.97"
41
52
  },
42
53
  "peerDependencies": {
43
- "react": "^19.0.0 || ^19.0.0-rc-6230622a1a-20240610",
44
- "@payloadcms/translations": "3.0.0-canary.a0b06af",
45
- "@payloadcms/ui": "3.0.0-canary.a0b06af",
46
- "payload": "3.0.0-canary.a0b06af"
54
+ "react": "^19.0.0 || ^19.0.0-rc-5dcb0097-20240918",
55
+ "payload": "3.0.0-canary.a5aaf21"
47
56
  },
48
57
  "engines": {
49
58
  "node": "^18.20.2 || >=20.9.0"
@@ -52,14 +61,16 @@
52
61
  "registry": "https://registry.npmjs.org/"
53
62
  },
54
63
  "overrides": {
55
- "@types/react": "npm:types-react@19.0.0-rc.0",
56
- "@types/react-dom": "npm:types-react-dom@19.0.0-rc.0"
64
+ "@types/react": "npm:types-react@19.0.0-rc.1",
65
+ "@types/react-dom": "npm:types-react-dom@19.0.0-rc.1"
57
66
  },
58
67
  "scripts": {
59
68
  "build": "pnpm copyfiles && pnpm build:types && pnpm build:swc",
60
69
  "build:swc": "swc ./src -d ./dist --config-file .swcrc --strip-leading-paths",
61
70
  "build:types": "tsc --emitDeclarationOnly --outDir dist",
62
71
  "clean": "rimraf {dist,*.tsbuildinfo}",
63
- "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/"
72
+ "copyfiles": "copyfiles -u 1 \"src/**/*.{html,css,scss,ttf,woff,woff2,eot,svg,jpg,png,json}\" dist/",
73
+ "lint": "eslint .",
74
+ "lint:fix": "eslint . --fix"
64
75
  }
65
76
  }
@@ -1,3 +0,0 @@
1
- import './index.scss';
2
- export declare const Blockquote: () => import("react/jsx-runtime").JSX.Element;
3
- //# sourceMappingURL=Blockquote.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"names":[],"mappings":"AAKA,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,+CAQtB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../../../src/field/elements/blockquote/Blockquote.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const Blockquote = () => {\n const { attributes, children } = useElement()\n\n return (\n <blockquote className=\"rich-text-blockquote\" {...attributes}>\n {children}\n </blockquote>\n )\n}\n"],"names":["React","useElement","Blockquote","attributes","children","blockquote","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAa;IACxB,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAWC,WAAU;QAAwB,GAAGH,UAAU;kBACxDC;;AAGP,EAAC"}