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

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 (44) hide show
  1. package/dist/data/populate.d.ts +3 -2
  2. package/dist/data/populate.d.ts.map +1 -1
  3. package/dist/data/populate.js +2 -1
  4. package/dist/data/populate.js.map +1 -1
  5. package/dist/data/recurseNestedFields.d.ts +3 -2
  6. package/dist/data/recurseNestedFields.d.ts.map +1 -1
  7. package/dist/data/recurseNestedFields.js +10 -1
  8. package/dist/data/recurseNestedFields.js.map +1 -1
  9. package/dist/data/richTextRelationshipPromise.d.ts +4 -3
  10. package/dist/data/richTextRelationshipPromise.d.ts.map +1 -1
  11. package/dist/data/richTextRelationshipPromise.js +8 -2
  12. package/dist/data/richTextRelationshipPromise.js.map +1 -1
  13. package/dist/exports/client/index.d.ts +1 -0
  14. package/dist/exports/client/index.d.ts.map +1 -1
  15. package/dist/exports/client/index.js +1 -0
  16. package/dist/exports/client/index.js.map +1 -1
  17. package/dist/field/buttons.scss +11 -10
  18. package/dist/field/elements/Button.js +2 -2
  19. package/dist/field/elements/Button.js.map +1 -1
  20. package/dist/field/elements/blockquote/index.scss +7 -5
  21. package/dist/field/elements/link/Element/index.scss +66 -64
  22. package/dist/field/elements/link/LinkDrawer/index.scss +39 -37
  23. package/dist/field/elements/ol/index.scss +5 -3
  24. package/dist/field/elements/relationship/Button/index.scss +6 -4
  25. package/dist/field/elements/relationship/Element/index.scss +73 -71
  26. package/dist/field/elements/ul/index.scss +5 -3
  27. package/dist/field/elements/upload/Button/index.scss +6 -4
  28. package/dist/field/elements/upload/Element/index.scss +116 -114
  29. package/dist/field/icons/IndentLeft/index.scss +12 -10
  30. package/dist/field/icons/IndentRight/index.scss +12 -10
  31. package/dist/field/icons/Link/index.scss +8 -6
  32. package/dist/field/icons/Relationship/index.scss +9 -7
  33. package/dist/field/icons/Upload/index.scss +8 -6
  34. package/dist/field/index.scss +167 -166
  35. package/dist/index.d.ts.map +1 -1
  36. package/dist/index.js +2 -1
  37. package/dist/index.js.map +1 -1
  38. package/dist/scss/app.scss +164 -163
  39. package/dist/scss/colors.scss +256 -254
  40. package/dist/scss/resets.scss +9 -7
  41. package/dist/scss/toastify.scss +42 -41
  42. package/dist/scss/toasts.scss +104 -103
  43. package/dist/scss/type.scss +80 -79
  44. package/package.json +7 -7
package/dist/field/elements/upload/Element/index.scss CHANGED
@@ -1,147 +1,149 @@
1
1
  @import '../../../../scss/styles.scss';
2
2
 
3
- .rich-text-upload {
4
- @extend %body;
5
- @include shadow-sm;
6
- max-width: base(15);
7
- display: flex;
8
- align-items: center;
9
- background: var(--theme-input-bg);
10
- border: 1px solid var(--theme-elevation-100);
11
- position: relative;
12
- font-family: var(--font-body);
13
-
14
- &:hover {
15
- border: 1px solid var(--theme-elevation-150);
16
- }
17
-
18
- &[data-slate-node='element'] {
19
- margin: base(0.625) 0;
20
- }
21
-
22
- &__card {
23
- @include soft-shadow-bottom;
3
+ @layer payload-default {
4
+ .rich-text-upload {
5
+ @extend %body;
6
+ @include shadow-sm;
7
+ max-width: base(15);
24
8
  display: flex;
25
- flex-direction: column;
26
- width: 100%;
27
- }
9
+ align-items: center;
10
+ background: var(--theme-input-bg);
11
+ border: 1px solid var(--theme-elevation-100);
12
+ position: relative;
13
+ font-family: var(--font-body);
28
14
 
29
- &__topRow {
30
- display: flex;
31
- }
15
+ &:hover {
16
+ border: 1px solid var(--theme-elevation-150);
17
+ }
32
18
 
33
- &__thumbnail {
34
- width: base(3.25);
35
- height: auto;
36
- position: relative;
37
- overflow: hidden;
38
- flex-shrink: 0;
19
+ &[data-slate-node='element'] {
20
+ margin: base(0.625) 0;
21
+ }
39
22
 
40
- img,
41
- svg {
42
- position: absolute;
43
- object-fit: cover;
23
+ &__card {
24
+ @include soft-shadow-bottom;
25
+ display: flex;
26
+ flex-direction: column;
44
27
  width: 100%;
45
- height: 100%;
46
- background-color: var(--theme-elevation-800);
47
28
  }
48
- }
49
-
50
- &__topRowRightPanel {
51
- flex-grow: 1;
52
- display: flex;
53
- align-items: center;
54
- padding: base(0.75);
55
- justify-content: space-between;
56
- max-width: calc(100% - #{base(3.25)});
57
- }
58
29
 
59
- &__actions {
60
- display: flex;
61
- align-items: center;
62
- flex-shrink: 0;
63
- margin-left: base(0.5);
30
+ &__topRow {
31
+ display: flex;
32
+ }
64
33
 
65
- .rich-text-upload__doc-drawer-toggler {
66
- pointer-events: all;
34
+ &__thumbnail {
35
+ width: base(3.25);
36
+ height: auto;
37
+ position: relative;
38
+ overflow: hidden;
39
+ flex-shrink: 0;
40
+
41
+ img,
42
+ svg {
43
+ position: absolute;
44
+ object-fit: cover;
45
+ width: 100%;
46
+ height: 100%;
47
+ background-color: var(--theme-elevation-800);
48
+ }
67
49
  }
68
50
 
69
- & > *:not(:last-child) {
70
- margin-right: base(0.25);
51
+ &__topRowRightPanel {
52
+ flex-grow: 1;
53
+ display: flex;
54
+ align-items: center;
55
+ padding: base(0.75);
56
+ justify-content: space-between;
57
+ max-width: calc(100% - #{base(3.25)});
71
58
  }
72
- }
73
59
 
74
- &__removeButton {
75
- margin: 0;
60
+ &__actions {
61
+ display: flex;
62
+ align-items: center;
63
+ flex-shrink: 0;
64
+ margin-left: base(0.5);
76
65
 
77
- line {
78
- stroke-width: $style-stroke-width-m;
79
- }
66
+ .rich-text-upload__doc-drawer-toggler {
67
+ pointer-events: all;
68
+ }
80
69
 
81
- &:disabled {
82
- color: var(--theme-elevation-300);
83
- pointer-events: none;
70
+ & > *:not(:last-child) {
71
+ margin-right: base(0.25);
72
+ }
84
73
  }
85
- }
86
74
 
87
- &__upload-drawer-toggler {
88
- background-color: transparent;
89
- border: none;
90
- padding: 0;
91
- margin: 0;
92
- outline: none;
93
- line-height: inherit;
94
- }
75
+ &__removeButton {
76
+ margin: 0;
95
77
 
96
- &__doc-drawer-toggler {
97
- text-decoration: underline;
98
- }
78
+ line {
79
+ stroke-width: $style-stroke-width-m;
80
+ }
99
81
 
100
- &__doc-drawer-toggler,
101
- &__list-drawer-toggler,
102
- &__upload-drawer-toggler {
103
- & > * {
82
+ &:disabled {
83
+ color: var(--theme-elevation-300);
84
+ pointer-events: none;
85
+ }
86
+ }
87
+
88
+ &__upload-drawer-toggler {
89
+ background-color: transparent;
90
+ border: none;
91
+ padding: 0;
104
92
  margin: 0;
93
+ outline: none;
94
+ line-height: inherit;
105
95
  }
106
96
 
107
- &:disabled {
108
- color: var(--theme-elevation-300);
109
- pointer-events: none;
97
+ &__doc-drawer-toggler {
98
+ text-decoration: underline;
110
99
  }
111
- }
112
100
 
113
- &__collectionLabel {
114
- overflow: hidden;
115
- text-overflow: ellipsis;
116
- white-space: nowrap;
117
- }
101
+ &__doc-drawer-toggler,
102
+ &__list-drawer-toggler,
103
+ &__upload-drawer-toggler {
104
+ & > * {
105
+ margin: 0;
106
+ }
107
+
108
+ &:disabled {
109
+ color: var(--theme-elevation-300);
110
+ pointer-events: none;
111
+ }
112
+ }
118
113
 
119
- &__bottomRow {
120
- padding: base(0.5);
121
- border-top: 1px solid var(--theme-elevation-100);
122
- }
114
+ &__collectionLabel {
115
+ overflow: hidden;
116
+ text-overflow: ellipsis;
117
+ white-space: nowrap;
118
+ }
123
119
 
124
- h5 {
125
- white-space: nowrap;
126
- text-overflow: ellipsis;
127
- overflow: hidden;
128
- }
120
+ &__bottomRow {
121
+ padding: base(0.5);
122
+ border-top: 1px solid var(--theme-elevation-100);
123
+ }
129
124
 
130
- &__wrap {
131
- padding: base(0.5) base(0.5) base(0.5) base(1);
132
- text-align: left;
133
- overflow: hidden;
134
- text-overflow: ellipsis;
135
- }
125
+ h5 {
126
+ white-space: nowrap;
127
+ text-overflow: ellipsis;
128
+ overflow: hidden;
129
+ }
136
130
 
137
- &--selected {
138
- box-shadow: $focus-box-shadow;
139
- outline: none;
140
- }
131
+ &__wrap {
132
+ padding: base(0.5) base(0.5) base(0.5) base(1);
133
+ text-align: left;
134
+ overflow: hidden;
135
+ text-overflow: ellipsis;
136
+ }
141
137
 
142
- @include small-break {
143
- &__topRowRightPanel {
144
- padding: base(0.75) base(0.5);
138
+ &--selected {
139
+ box-shadow: $focus-box-shadow;
140
+ outline: none;
141
+ }
142
+
143
+ @include small-break {
144
+ &__topRowRightPanel {
145
+ padding: base(0.75) base(0.5);
146
+ }
145
147
  }
146
148
  }
147
149
  }
package/dist/field/icons/IndentLeft/index.scss CHANGED
@@ -1,16 +1,18 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .icon--indent-left {
4
- height: $baseline;
5
- width: $baseline;
3
+ @layer payload-default {
4
+ .icon--indent-left {
5
+ height: $baseline;
6
+ width: $baseline;
6
7
 
7
- .stroke {
8
- fill: none;
9
- stroke: var(--theme-elevation-800);
10
- stroke-width: $style-stroke-width-m;
11
- }
8
+ .stroke {
9
+ fill: none;
10
+ stroke: var(--theme-elevation-800);
11
+ stroke-width: $style-stroke-width-m;
12
+ }
12
13
 
13
- .fill {
14
- fill: var(--theme-elevation-800);
14
+ .fill {
15
+ fill: var(--theme-elevation-800);
16
+ }
15
17
  }
16
18
  }
package/dist/field/icons/IndentRight/index.scss CHANGED
@@ -1,16 +1,18 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .icon--indent-right {
4
- height: $baseline;
5
- width: $baseline;
3
+ @layer payload-default {
4
+ .icon--indent-right {
5
+ height: $baseline;
6
+ width: $baseline;
6
7
 
7
- .stroke {
8
- fill: none;
9
- stroke: var(--theme-elevation-800);
10
- stroke-width: $style-stroke-width-m;
11
- }
8
+ .stroke {
9
+ fill: none;
10
+ stroke: var(--theme-elevation-800);
11
+ stroke-width: $style-stroke-width-m;
12
+ }
12
13
 
13
- .fill {
14
- fill: var(--theme-elevation-800);
14
+ .fill {
15
+ fill: var(--theme-elevation-800);
16
+ }
15
17
  }
16
18
  }
package/dist/field/icons/Link/index.scss CHANGED
@@ -1,11 +1,13 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .icon--link {
4
- width: $baseline;
5
- height: $baseline;
3
+ @layer payload-default {
4
+ .icon--link {
5
+ width: $baseline;
6
+ height: $baseline;
6
7
 
7
- .stroke {
8
- stroke: var(--theme-elevation-800);
9
- stroke-width: $style-stroke-width;
8
+ .stroke {
9
+ stroke: var(--theme-elevation-800);
10
+ stroke-width: $style-stroke-width;
11
+ }
10
12
  }
11
13
  }
package/dist/field/icons/Relationship/index.scss CHANGED
@@ -1,12 +1,14 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .icon--relationship {
4
- height: $baseline;
5
- width: $baseline;
3
+ @layer payload-default {
4
+ .icon--relationship {
5
+ height: $baseline;
6
+ width: $baseline;
6
7
 
7
- .stroke {
8
- fill: none;
9
- stroke: var(--theme-elevation-800);
10
- stroke-width: $style-stroke-width-m;
8
+ .stroke {
9
+ fill: none;
10
+ stroke: var(--theme-elevation-800);
11
+ stroke-width: $style-stroke-width-m;
12
+ }
11
13
  }
12
14
  }
package/dist/field/icons/Upload/index.scss CHANGED
@@ -1,11 +1,13 @@
1
1
  @import '../../../scss/styles.scss';
2
2
 
3
- .icon--upload {
4
- height: $baseline;
5
- width: $baseline;
3
+ @layer payload-default {
4
+ .icon--upload {
5
+ height: $baseline;
6
+ width: $baseline;
6
7
 
7
- .fill {
8
- fill: var(--theme-elevation-800);
9
- stroke: none;
8
+ .fill {
9
+ fill: var(--theme-elevation-800);
10
+ stroke: none;
11
+ }
10
12
  }
11
13
  }