@wordpress/edit-widgets 6.41.0 → 6.41.1-next.v.202603161435.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 (3) hide show
  1. package/build-style/style-rtl.css +68 -103
  2. package/build-style/style.css +68 -103
  3. package/package.json +29 -29
package/build-style/style-rtl.css CHANGED
@@ -106,100 +106,11 @@
106
106
  }
107
107
  }
108
108
 
109
- /**
110
- * Colors
111
- */
112
- /**
113
- * SCSS Variables.
114
- *
115
- * Please use variables from this sheet to ensure consistency across the UI.
116
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
117
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
118
- */
119
- /**
120
- * Fonts & basic variables.
121
- */
122
- /**
123
- * Typography
124
- */
125
- /**
126
- * Grid System.
127
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
128
- */
129
- /**
130
- * Radius scale.
131
- */
132
- /**
133
- * Elevation scale.
134
- */
135
- /**
136
- * Dimensions.
137
- */
138
- /**
139
- * Mobile specific styles
140
- */
141
- /**
142
- * Editor styles.
143
- */
144
- /**
145
- * Block & Editor UI.
146
- */
147
- /**
148
- * Block paddings.
149
- */
150
- /**
151
- * React Native specific.
152
- * These variables do not appear to be used anywhere else.
153
- */
154
- /**
155
- * Typography
156
- */
157
- /**
158
- * Breakpoints & Media Queries
159
- */
160
- /**
161
- * Converts a hex value into the rgb equivalent.
162
- *
163
- * @param {string} hex - the hexadecimal value to convert
164
- * @return {string} comma separated rgb values
165
- */
166
- /**
167
- * Long content fade mixin
168
- *
169
- * Creates a fading overlay to signify that the content is longer
170
- * than the space allows.
171
- */
172
- /**
173
- * Breakpoint mixins
174
- */
175
- /**
176
- * Focus styles.
177
- */
178
- /**
179
- * Applies editor left position to the selector passed as argument
180
- */
181
- /**
182
- * Styles that are reused verbatim in a few places
183
- */
184
- /**
185
- * Allows users to opt-out of animations via OS-level preferences.
186
- */
187
- /**
188
- * Reset default styles for JavaScript UI based pages.
189
- * This is a WP-admin agnostic reset
190
- */
191
- /**
192
- * Reset the WP Admin page styles for Gutenberg-like pages.
193
- */
194
- /**
195
- * Creates a checkerboard pattern background to indicate transparency.
196
- * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
197
- */
198
109
  .admin-ui-page {
199
110
  display: flex;
200
111
  height: 100%;
201
- background-color: #fff;
202
- color: #2f2f2f;
112
+ background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
113
+ color: var(--wpds-color-fg-content-neutral, #1e1e1e);
203
114
  position: relative;
204
115
  z-index: 1;
205
116
  flex-flow: column;
@@ -207,25 +118,34 @@
207
118
  }
208
119
 
209
120
  .admin-ui-page__header {
210
- padding: 16px 24px;
211
- border-bottom: 1px solid #f0f0f0;
212
- background: #fff;
121
+ padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
122
+ border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
123
+ background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
213
124
  position: sticky;
214
125
  top: 0;
215
126
  z-index: 1;
216
127
  }
217
128
 
129
+ .admin-ui-page__header-title {
130
+ font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
131
+ font-size: var(--wpds-font-size-xl, 20px);
132
+ font-weight: var(--wpds-font-weight-medium, 499);
133
+ line-height: var(--wpds-font-line-height-xl, 32px);
134
+ margin: 0;
135
+ overflow: hidden;
136
+ text-overflow: ellipsis;
137
+ white-space: nowrap;
138
+ }
139
+
218
140
  .admin-ui-page__sidebar-toggle-slot:empty {
219
141
  display: none;
220
142
  }
221
143
 
222
144
  .admin-ui-page__header-subtitle {
223
- padding-block-end: 8px;
224
- color: #757575;
225
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
226
- font-weight: 400;
227
- font-size: 13px;
228
- line-height: 20px;
145
+ padding-block-end: var(--wpds-dimension-padding-xs, 4px);
146
+ color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
147
+ font-size: var(--wpds-font-size-md, 13px);
148
+ line-height: var(--wpds-font-line-height-md, 24px);
229
149
  margin: 0;
230
150
  }
231
151
 
@@ -237,12 +157,12 @@
237
157
  }
238
158
 
239
159
  .admin-ui-page__content.has-padding {
240
- padding: 16px 24px;
160
+ padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
241
161
  }
242
162
 
243
163
  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
244
164
  width: auto;
245
- padding: 0 8px;
165
+ padding: 0 var(--wpds-dimension-padding-xs, 4px);
246
166
  }
247
167
 
248
168
  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
@@ -251,9 +171,54 @@
251
171
 
252
172
  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
253
173
  content: attr(aria-label);
254
- font-size: 12px;
174
+ font-size: var(--wpds-font-size-sm, 12px);
255
175
  }
256
176
 
177
+ /**
178
+ * SCSS Variables.
179
+ *
180
+ * Please use variables from this sheet to ensure consistency across the UI.
181
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
182
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
183
+ */
184
+ /**
185
+ * Colors
186
+ */
187
+ /**
188
+ * Fonts & basic variables.
189
+ */
190
+ /**
191
+ * Typography
192
+ */
193
+ /**
194
+ * Grid System.
195
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
196
+ */
197
+ /**
198
+ * Radius scale.
199
+ */
200
+ /**
201
+ * Elevation scale.
202
+ */
203
+ /**
204
+ * Dimensions.
205
+ */
206
+ /**
207
+ * Mobile specific styles
208
+ */
209
+ /**
210
+ * Editor styles.
211
+ */
212
+ /**
213
+ * Block & Editor UI.
214
+ */
215
+ /**
216
+ * Block paddings.
217
+ */
218
+ /**
219
+ * React Native specific.
220
+ * These variables do not appear to be used anywhere else.
221
+ */
257
222
  .admin-ui-breadcrumbs__list {
258
223
  list-style: none;
259
224
  padding: 0;
package/build-style/style.css CHANGED
@@ -106,100 +106,11 @@
106
106
  }
107
107
  }
108
108
 
109
- /**
110
- * Colors
111
- */
112
- /**
113
- * SCSS Variables.
114
- *
115
- * Please use variables from this sheet to ensure consistency across the UI.
116
- * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
117
- * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
118
- */
119
- /**
120
- * Fonts & basic variables.
121
- */
122
- /**
123
- * Typography
124
- */
125
- /**
126
- * Grid System.
127
- * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
128
- */
129
- /**
130
- * Radius scale.
131
- */
132
- /**
133
- * Elevation scale.
134
- */
135
- /**
136
- * Dimensions.
137
- */
138
- /**
139
- * Mobile specific styles
140
- */
141
- /**
142
- * Editor styles.
143
- */
144
- /**
145
- * Block & Editor UI.
146
- */
147
- /**
148
- * Block paddings.
149
- */
150
- /**
151
- * React Native specific.
152
- * These variables do not appear to be used anywhere else.
153
- */
154
- /**
155
- * Typography
156
- */
157
- /**
158
- * Breakpoints & Media Queries
159
- */
160
- /**
161
- * Converts a hex value into the rgb equivalent.
162
- *
163
- * @param {string} hex - the hexadecimal value to convert
164
- * @return {string} comma separated rgb values
165
- */
166
- /**
167
- * Long content fade mixin
168
- *
169
- * Creates a fading overlay to signify that the content is longer
170
- * than the space allows.
171
- */
172
- /**
173
- * Breakpoint mixins
174
- */
175
- /**
176
- * Focus styles.
177
- */
178
- /**
179
- * Applies editor left position to the selector passed as argument
180
- */
181
- /**
182
- * Styles that are reused verbatim in a few places
183
- */
184
- /**
185
- * Allows users to opt-out of animations via OS-level preferences.
186
- */
187
- /**
188
- * Reset default styles for JavaScript UI based pages.
189
- * This is a WP-admin agnostic reset
190
- */
191
- /**
192
- * Reset the WP Admin page styles for Gutenberg-like pages.
193
- */
194
- /**
195
- * Creates a checkerboard pattern background to indicate transparency.
196
- * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
197
- */
198
109
  .admin-ui-page {
199
110
  display: flex;
200
111
  height: 100%;
201
- background-color: #fff;
202
- color: #2f2f2f;
112
+ background-color: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
113
+ color: var(--wpds-color-fg-content-neutral, #1e1e1e);
203
114
  position: relative;
204
115
  z-index: 1;
205
116
  flex-flow: column;
@@ -207,25 +118,34 @@
207
118
  }
208
119
 
209
120
  .admin-ui-page__header {
210
- padding: 16px 24px;
211
- border-bottom: 1px solid #f0f0f0;
212
- background: #fff;
121
+ padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
122
+ border-bottom: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e0e0e0);
123
+ background: var(--wpds-color-bg-surface-neutral-strong, #ffffff);
213
124
  position: sticky;
214
125
  top: 0;
215
126
  z-index: 1;
216
127
  }
217
128
 
129
+ .admin-ui-page__header-title {
130
+ font-family: var(--wpds-font-family-heading, -apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif);
131
+ font-size: var(--wpds-font-size-xl, 20px);
132
+ font-weight: var(--wpds-font-weight-medium, 499);
133
+ line-height: var(--wpds-font-line-height-xl, 32px);
134
+ margin: 0;
135
+ overflow: hidden;
136
+ text-overflow: ellipsis;
137
+ white-space: nowrap;
138
+ }
139
+
218
140
  .admin-ui-page__sidebar-toggle-slot:empty {
219
141
  display: none;
220
142
  }
221
143
 
222
144
  .admin-ui-page__header-subtitle {
223
- padding-block-end: 8px;
224
- color: #757575;
225
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
226
- font-weight: 400;
227
- font-size: 13px;
228
- line-height: 20px;
145
+ padding-block-end: var(--wpds-dimension-padding-xs, 4px);
146
+ color: var(--wpds-color-fg-content-neutral-weak, #6d6d6d);
147
+ font-size: var(--wpds-font-size-md, 13px);
148
+ line-height: var(--wpds-font-line-height-md, 24px);
229
149
  margin: 0;
230
150
  }
231
151
 
@@ -237,12 +157,12 @@
237
157
  }
238
158
 
239
159
  .admin-ui-page__content.has-padding {
240
- padding: 16px 24px;
160
+ padding: var(--wpds-dimension-padding-lg, 16px) var(--wpds-dimension-padding-2xl, 24px);
241
161
  }
242
162
 
243
163
  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon {
244
164
  width: auto;
245
- padding: 0 8px;
165
+ padding: 0 var(--wpds-dimension-padding-xs, 4px);
246
166
  }
247
167
 
248
168
  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg {
@@ -251,9 +171,54 @@
251
171
 
252
172
  .show-icon-labels .admin-ui-page__header-actions .components-button.has-icon::after {
253
173
  content: attr(aria-label);
254
- font-size: 12px;
174
+ font-size: var(--wpds-font-size-sm, 12px);
255
175
  }
256
176
 
177
+ /**
178
+ * SCSS Variables.
179
+ *
180
+ * Please use variables from this sheet to ensure consistency across the UI.
181
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
182
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
183
+ */
184
+ /**
185
+ * Colors
186
+ */
187
+ /**
188
+ * Fonts & basic variables.
189
+ */
190
+ /**
191
+ * Typography
192
+ */
193
+ /**
194
+ * Grid System.
195
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
196
+ */
197
+ /**
198
+ * Radius scale.
199
+ */
200
+ /**
201
+ * Elevation scale.
202
+ */
203
+ /**
204
+ * Dimensions.
205
+ */
206
+ /**
207
+ * Mobile specific styles
208
+ */
209
+ /**
210
+ * Editor styles.
211
+ */
212
+ /**
213
+ * Block & Editor UI.
214
+ */
215
+ /**
216
+ * Block paddings.
217
+ */
218
+ /**
219
+ * React Native specific.
220
+ * These variables do not appear to be used anywhere else.
221
+ */
257
222
  .admin-ui-breadcrumbs__list {
258
223
  list-style: none;
259
224
  padding: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-widgets",
3
- "version": "6.41.0",
3
+ "version": "6.41.1-next.v.202603161435.0+ab4981c4f",
4
4
  "description": "Widgets Page module for WordPress..",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -48,33 +48,33 @@
48
48
  ]
49
49
  },
50
50
  "dependencies": {
51
- "@wordpress/api-fetch": "^7.41.0",
52
- "@wordpress/base-styles": "^6.17.0",
53
- "@wordpress/block-editor": "^15.14.0",
54
- "@wordpress/block-library": "^9.41.0",
55
- "@wordpress/blocks": "^15.14.0",
56
- "@wordpress/components": "^32.3.0",
57
- "@wordpress/compose": "^7.41.0",
58
- "@wordpress/core-data": "^7.41.0",
59
- "@wordpress/data": "^10.41.0",
60
- "@wordpress/deprecated": "^4.41.0",
61
- "@wordpress/dom": "^4.41.0",
62
- "@wordpress/element": "^6.41.0",
63
- "@wordpress/hooks": "^4.41.0",
64
- "@wordpress/i18n": "^6.14.0",
65
- "@wordpress/icons": "^11.8.0",
66
- "@wordpress/interface": "^9.26.0",
67
- "@wordpress/keyboard-shortcuts": "^5.41.0",
68
- "@wordpress/keycodes": "^4.41.0",
69
- "@wordpress/media-utils": "^5.41.0",
70
- "@wordpress/notices": "^5.41.0",
71
- "@wordpress/patterns": "^2.41.0",
72
- "@wordpress/plugins": "^7.41.0",
73
- "@wordpress/preferences": "^4.41.0",
74
- "@wordpress/private-apis": "^1.41.0",
75
- "@wordpress/reusable-blocks": "^5.41.0",
76
- "@wordpress/url": "^4.41.0",
77
- "@wordpress/widgets": "^4.41.0",
51
+ "@wordpress/api-fetch": "^7.41.1-next.v.202603161435.0+ab4981c4f",
52
+ "@wordpress/base-styles": "^6.17.1-next.v.202603161435.0+ab4981c4f",
53
+ "@wordpress/block-editor": "^15.14.1-next.v.202603161435.0+ab4981c4f",
54
+ "@wordpress/block-library": "^9.41.1-next.v.202603161435.0+ab4981c4f",
55
+ "@wordpress/blocks": "^15.14.1-next.v.202603161435.0+ab4981c4f",
56
+ "@wordpress/components": "^32.4.1-next.v.202603161435.0+ab4981c4f",
57
+ "@wordpress/compose": "^7.41.1-next.v.202603161435.0+ab4981c4f",
58
+ "@wordpress/core-data": "^7.41.2-next.v.202603161435.0+ab4981c4f",
59
+ "@wordpress/data": "^10.41.1-next.v.202603161435.0+ab4981c4f",
60
+ "@wordpress/deprecated": "^4.41.1-next.v.202603161435.0+ab4981c4f",
61
+ "@wordpress/dom": "^4.41.1-next.v.202603161435.0+ab4981c4f",
62
+ "@wordpress/element": "^6.41.1-next.v.202603161435.0+ab4981c4f",
63
+ "@wordpress/hooks": "^4.41.1-next.v.202603161435.0+ab4981c4f",
64
+ "@wordpress/i18n": "^6.14.1-next.v.202603161435.0+ab4981c4f",
65
+ "@wordpress/icons": "^12.0.1-next.v.202603161435.0+ab4981c4f",
66
+ "@wordpress/interface": "^9.26.1-next.v.202603161435.0+ab4981c4f",
67
+ "@wordpress/keyboard-shortcuts": "^5.41.1-next.v.202603161435.0+ab4981c4f",
68
+ "@wordpress/keycodes": "^4.41.1-next.v.202603161435.0+ab4981c4f",
69
+ "@wordpress/media-utils": "^5.41.1-next.v.202603161435.0+ab4981c4f",
70
+ "@wordpress/notices": "^5.41.1-next.v.202603161435.0+ab4981c4f",
71
+ "@wordpress/patterns": "^2.41.1-next.v.202603161435.0+ab4981c4f",
72
+ "@wordpress/plugins": "^7.41.1-next.v.202603161435.0+ab4981c4f",
73
+ "@wordpress/preferences": "^4.41.1-next.v.202603161435.0+ab4981c4f",
74
+ "@wordpress/private-apis": "^1.41.1-next.v.202603161435.0+ab4981c4f",
75
+ "@wordpress/reusable-blocks": "^5.41.1-next.v.202603161435.0+ab4981c4f",
76
+ "@wordpress/url": "^4.41.1-next.v.202603161435.0+ab4981c4f",
77
+ "@wordpress/widgets": "^4.41.1-next.v.202603161435.0+ab4981c4f",
78
78
  "clsx": "^2.1.1"
79
79
  },
80
80
  "devDependencies": {
@@ -87,5 +87,5 @@
87
87
  "publishConfig": {
88
88
  "access": "public"
89
89
  },
90
- "gitHead": "8bfc179b9aed74c0a6dd6e8edf7a49e40e4f87cc"
90
+ "gitHead": "748f4e4564fcc0e6ae90200d90bb993a3cef5828"
91
91
  }