@secretstache/wordpress-gutenberg 0.5.15 → 0.6.0

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 (34) hide show
  1. package/build/editor-canvas.css +1 -0
  2. package/build/editor-ui.css +1 -0
  3. package/build/index.js +7955 -3
  4. package/build/index.js.map +1 -1
  5. package/package.json +13 -13
  6. package/src/components/{DataQueryControls.js → DataQueryControls.jsx} +1 -1
  7. package/src/components/{IconPicker.js → IconPicker.jsx} +2 -1
  8. package/src/components/{MediaControl.js → MediaControl.jsx} +1 -1
  9. package/src/components/{MediaTypeControl.js → MediaTypeControl.jsx} +1 -1
  10. package/src/components/{MediaWithFocalPointControl.js → MediaWithFocalPointControl.jsx} +1 -1
  11. package/src/components/{ResponsiveSpacingControl.js → ResponsiveSpacingControl.jsx} +1 -1
  12. package/src/components/{SpacingControl.js → SpacingControl.jsx} +6 -5
  13. package/src/components/index.js +16 -16
  14. package/src/hooks/index.js +4 -5
  15. package/src/hooks/{usePreviewControl.js → usePreviewControl.jsx} +1 -1
  16. package/src/hooks/{useTabs.js → useTabs.jsx} +2 -2
  17. package/src/icons/index.jsx +38 -0
  18. package/src/index.js +3 -5
  19. package/src/styles/editor-canvas.scss +59 -0
  20. package/src/styles/editor-ui.scss +28 -0
  21. package/src/styles/styles.scss +1 -1
  22. package/src/utils/index.js +1 -1
  23. package/build/styles.css +0 -306
  24. package/src/hooks/useColorChange.js +0 -22
  25. /package/src/components/{ColorPaletteControl.js → ColorPaletteControl.jsx} +0 -0
  26. /package/src/components/{DividersControl.js → DividersControl.jsx} +0 -0
  27. /package/src/components/{EmptyBlockAppender.js → EmptyBlockAppender.jsx} +0 -0
  28. /package/src/components/{ImageActions.js → ImageActions.jsx} +0 -0
  29. /package/src/components/{InsertBlockToolbar.js → InsertBlockToolbar.jsx} +0 -0
  30. /package/src/components/{LinkControl.js → LinkControl.jsx} +0 -0
  31. /package/src/components/{PreviewControl.js → PreviewControl.jsx} +0 -0
  32. /package/src/components/{ResourcesWrapper.js → ResourcesWrapper.jsx} +0 -0
  33. /package/src/components/{SortableSelect.js → SortableSelect.jsx} +0 -0
  34. /package/src/utils/{filters.js → filters.jsx} +0 -0
package/build/styles.css DELETED
@@ -1,306 +0,0 @@
1
- .editor-visual-editor__post-title-wrapper {
2
- margin-top: 10px !important;
3
- margin-bottom: 10px !important; }
4
- .editor-visual-editor__post-title-wrapper h1.editor-post-title {
5
- margin: 0;
6
- border-bottom: 1px dashed #ddd;
7
- padding-bottom: 10px;
8
- font-weight: normal;
9
- font-size: 30px;
10
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11
- text-align: center; }
12
-
13
- .editor-visual-editor {
14
- z-index: 1; }
15
- .editor-visual-editor.is-resizable + .edit-post-layout__metaboxes {
16
- display: none; }
17
- .editor-visual-editor:not(.is-resizable) .editor-styles-wrapper::after {
18
- display: none; }
19
-
20
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
21
- margin-bottom: 0;
22
- padding-bottom: 0; }
23
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender {
24
- position: absolute;
25
- bottom: 30px;
26
- left: 50%;
27
- transform: translateX(-50%);
28
- width: calc(100% - var(--content-padding) * 2); }
29
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender::after {
30
- content: attr(data-tooltip);
31
- position: absolute;
32
- left: 50%;
33
- bottom: -30px;
34
- transform: translateX(-50%);
35
- z-index: 1;
36
- visibility: hidden;
37
- opacity: 0;
38
- transition: opacity 0.3s;
39
- width: max-content;
40
- max-width: 200px;
41
- white-space: nowrap;
42
- background: #000;
43
- border-radius: 2px;
44
- color: #f0f0f0;
45
- font-size: 12px;
46
- line-height: 1.4;
47
- padding: 4px 8px;
48
- text-align: center;
49
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; }
50
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender:hover::after {
51
- visibility: visible;
52
- opacity: 1; }
53
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender ~ .block-list-appender.wp-block {
54
- display: none; }
55
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender {
56
- --button-color: #192f5f;
57
- --button-color-hover: var(--wp-admin-theme-color);
58
- --button-border: #192f5f;
59
- --button-border-hover: var(--wp-admin-theme-color);
60
- --button-background: transparent;
61
- --button-background-hover: transparent;
62
- --text-color: #192f5f;
63
- --tr: .3s;
64
- display: flex;
65
- flex-direction: column;
66
- align-items: center;
67
- justify-content: center;
68
- padding: 32px; }
69
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender--light {
70
- --button-color: #fff;
71
- --button-color-hover: #192f5f;
72
- --button-border: #fff;
73
- --button-border-hover: #fff;
74
- --button-background: transparent;
75
- --button-background-hover: #fff;
76
- --text-color: #fff; }
77
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__content {
78
- display: flex;
79
- flex-direction: column;
80
- align-items: center;
81
- text-align: center; }
82
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__icon {
83
- width: 48px;
84
- height: 48px;
85
- color: var(--text-color);
86
- margin-bottom: 16px; }
87
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__title {
88
- font-size: 32px;
89
- font-weight: 600;
90
- line-height: 110%;
91
- color: var(--text-color);
92
- margin-bottom: 0.5rem; }
93
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__text {
94
- font-size: 1rem;
95
- font-weight: 400;
96
- color: var(--text-color);
97
- margin-bottom: 1.5rem; }
98
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender {
99
- display: inline-flex;
100
- justify-content: center;
101
- align-items: center;
102
- transition: color var(--tr), border-color var(--tr);
103
- cursor: pointer;
104
- border: 2px solid var(--button-border) !important;
105
- box-shadow: none;
106
- border-radius: 10px;
107
- background: var(--button-background) !important;
108
- padding: 12px 24px;
109
- min-height: 50px;
110
- min-width: 200px;
111
- color: var(--button-color);
112
- font-weight: 600;
113
- font-size: 22px; }
114
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender:hover, .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender:focus {
115
- color: var(--button-color-hover) !important;
116
- border-color: var(--button-border-hover) !important;
117
- outline: none !important;
118
- box-shadow: none !important;
119
- background: var(--button-background-hover) !important; }
120
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender::before, .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender::after {
121
- display: none !important; }
122
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender .block-editor-button-block-appender__content {
123
- display: flex;
124
- align-items: center;
125
- justify-content: center;
126
- width: 24px;
127
- height: 24px; }
128
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-add-new-child-btn {
129
- display: flex;
130
- margin: 20px auto !important;
131
- align-items: center;
132
- flex-direction: column;
133
- height: 50px;
134
- justify-content: center;
135
- width: 100%;
136
- user-select: text;
137
- font-family: inherit;
138
- font-size: 100%;
139
- padding: 12px !important;
140
- box-shadow: inset 0 0 0 1px #1e1e1e;
141
- color: #1e1e1e; }
142
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container:has(.root-block-appender) {
143
- margin-bottom: 3rem;
144
- padding-bottom: 200px; }
145
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container.has-background {
146
- transition: background 1s, color 1s; }
147
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child p {
148
- margin-top: 0;
149
- margin-bottom: 0; }
150
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child,
151
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > p.wp-block:only-child {
152
- margin: 2rem 0; }
153
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .components-notice {
154
- color: #000; }
155
-
156
- .editor-sidebar .bc-url-input {
157
- min-width: 100%; }
158
- .editor-sidebar .bc-url-input input {
159
- width: 100%;
160
- border: 1px solid #949494; }
161
- .editor-sidebar .bc-url-input__suggestions {
162
- max-width: 245px; }
163
-
164
- .editor-sidebar .components-base-control .block-editor-link-control .block-editor-url-input {
165
- margin-top: 0; }
166
-
167
- .editor-sidebar .components-base-control .block-editor-link-control .block-editor-link-control__search-item {
168
- padding-top: 0; }
169
-
170
- .editor-sidebar .block-editor-link-control {
171
- min-width: 100%;
172
- width: 100%; }
173
- .editor-sidebar .block-editor-link-control .block-editor-url-input {
174
- min-width: 100%; }
175
- .editor-sidebar .block-editor-link-control .block-editor-url-input__input {
176
- width: 100%; }
177
- .editor-sidebar .block-editor-link-control .components-base-control {
178
- margin-left: 0;
179
- margin-right: 0; }
180
- .editor-sidebar .block-editor-link-control .block-editor-link-control__search-enter {
181
- right: 5px; }
182
- .editor-sidebar .block-editor-link-control .components-spinner {
183
- top: 50%;
184
- transform: translateY(-50%); }
185
- .editor-sidebar .block-editor-link-control .block-editor-link-control__tools,
186
- .editor-sidebar .block-editor-link-control .block-editor-link-control__search-actions,
187
- .editor-sidebar .block-editor-link-control .block-editor-link-control__search-results,
188
- .editor-sidebar .block-editor-link-control .block-editor-link-control__search-item {
189
- padding-left: 0;
190
- padding-right: 0; }
191
- .editor-sidebar .block-editor-link-control .components-menu-item__item {
192
- min-width: unset; }
193
- .editor-sidebar .block-editor-link-control .components-button.block-editor-link-control__drawer-toggle {
194
- box-shadow: none;
195
- outline: none; }
196
-
197
- .editor-sidebar .bc-animation-block-json-file {
198
- display: flex;
199
- align-items: center;
200
- cursor: pointer; }
201
-
202
- .editor-sidebar .bc-remove-btn {
203
- margin-top: 15px;
204
- margin-bottom: 15px;
205
- display: flex; }
206
-
207
- .editor-sidebar .svg-container {
208
- width: 100%;
209
- height: auto; }
210
-
211
- .editor-sidebar .bc-selected-media-wrapper {
212
- max-width: 200px;
213
- cursor: pointer;
214
- background: rgba(0, 0, 0, 0.3); }
215
-
216
- .editor-sidebar .bc-selected-media {
217
- display: block;
218
- width: 100%; }
219
- .editor-sidebar .bc-selected-media--image {
220
- max-height: 300px; }
221
-
222
- .editor-sidebar .bc-select-btn,
223
- .editor-sidebar .bc-remove-btn {
224
- margin-top: 15px;
225
- margin-bottom: 15px;
226
- display: flex; }
227
-
228
- .editor-sidebar .react-select__input {
229
- box-shadow: none !important; }
230
-
231
- .editor-sidebar .bc-responsive-spacing-tab:last-child {
232
- margin-bottom: 2rem; }
233
-
234
- .editor-sidebar .bc-spacing-control-wrapper {
235
- margin-bottom: 35px; }
236
-
237
- .editor-sidebar .bc-spacing-range-control {
238
- padding: 0 6px; }
239
- .editor-sidebar .bc-spacing-range-control .components-base-control__label {
240
- margin-left: -9px; }
241
- .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper {
242
- margin-bottom: 0; }
243
- .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper .components-range-control__marks .components-range-control__mark-label {
244
- left: 8px !important;
245
- margin-top: 7px !important; }
246
- .editor-sidebar .bc-spacing-range-control .components-base-control__help {
247
- margin-left: -11px; }
248
-
249
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper,
250
- .editor-sidebar .bc-image-wrapper {
251
- position: relative;
252
- height: auto;
253
- align-self: start; }
254
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions,
255
- .editor-sidebar .bc-image-wrapper__actions {
256
- display: none;
257
- position: absolute;
258
- top: 0;
259
- left: 0;
260
- right: 0;
261
- bottom: 0;
262
- flex-wrap: nowrap;
263
- justify-content: center;
264
- align-items: center;
265
- gap: 20px;
266
- padding: 5px 15px;
267
- z-index: 20; }
268
- @media screen and (max-width: 768px) {
269
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions,
270
- .editor-sidebar .bc-image-wrapper__actions {
271
- gap: 15px; } }
272
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn,
273
- .editor-sidebar .bc-image-wrapper__btn {
274
- font-size: 14px !important;
275
- backdrop-filter: blur(16px) saturate(180%);
276
- background: rgba(255, 255, 255, 0.75);
277
- flex-grow: 1;
278
- justify-content: center;
279
- max-width: 130px; }
280
- @media screen and (max-width: 768px) {
281
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn,
282
- .editor-sidebar .bc-image-wrapper__btn {
283
- padding: 5px; } }
284
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__overlay,
285
- .editor-sidebar .bc-image-wrapper__overlay {
286
- display: none;
287
- position: absolute;
288
- top: 0;
289
- left: 0;
290
- right: 0;
291
- bottom: 0;
292
- z-index: 10;
293
- background: rgba(255, 255, 255, 0.3);
294
- backdrop-filter: blur(3px); }
295
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions,
296
- .editor-sidebar .bc-image-wrapper:hover .bc-image-wrapper__actions {
297
- display: flex; }
298
- .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay,
299
- .editor-sidebar .bc-image-wrapper:hover .bc-image-wrapper__overlay {
300
- display: block; }
301
-
302
- .block-editor-block-types-list > [role=presentation] {
303
- justify-content: center; }
304
-
305
- .block-editor-inserter__insertable-blocks-at-selection + .block-editor-inserter__all-blocks {
306
- display: none; }
@@ -1,22 +0,0 @@
1
- import { deprecationWarning } from '../utils/internal/helpers.js';
2
-
3
- /**
4
- * @deprecated since 0.5.3
5
- */
6
- export const useColorChange = (colors, setAttributes) => (colorValue, property) => {
7
- deprecationWarning('Warning: useColorChange is deprecated since version 0.5.3 and will be removed in future versions.');
8
-
9
- const selectedColor = colors.find(color => color.color === colorValue);
10
-
11
- setAttributes({
12
- [property]: selectedColor
13
- ? {
14
- value: colorValue,
15
- slug: selectedColor.slug,
16
- }
17
- : {
18
- value: '',
19
- slug: '',
20
- },
21
- });
22
- };
File without changes