@byline/ui 2.2.5 → 2.2.6

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/dist/forms/form-renderer_module.css +9 -5
  2. package/package.json +4 -4
  3. package/src/forms/form-renderer.module.css +9 -5
package/dist/forms/form-renderer_module.css CHANGED
@@ -150,7 +150,7 @@
150
150
  }
151
151
 
152
152
  :is(.layout-WTbLYr, .byline-form-layout) {
153
- gap: var(--spacing-32);
153
+ gap: var(--spacing-12);
154
154
  padding-top: var(--spacing-32);
155
155
  flex-direction: column;
156
156
  display: flex;
@@ -158,6 +158,7 @@
158
158
 
159
159
  @media (min-width: 60rem) {
160
160
  :is(.layout-WTbLYr, .byline-form-layout) {
161
+ gap: var(--spacing-32);
161
162
  grid-column-gap: 36px;
162
163
  grid-template-columns: minmax(0, 1fr) .4fr;
163
164
  align-items: start;
@@ -181,19 +182,22 @@
181
182
 
182
183
  :is(.sidebar-WsxX88, .byline-form-sidebar) {
183
184
  gap: var(--spacing-20);
184
- padding-right: 12px;
185
- padding-left: var(--spacing-16);
186
- border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
187
185
  background-color: oklch(from var(--canvas-50) l c h / .2);
188
186
  flex-direction: column;
189
187
  max-width: 100%;
190
188
  margin-top: 0;
191
- padding-top: .25rem;
189
+ margin-bottom: 4rem;
192
190
  display: flex;
193
191
  }
194
192
 
195
193
  @media (min-width: 60rem) {
196
194
  :is(.sidebar-WsxX88, .byline-form-sidebar) {
195
+ padding-top: .25rem;
196
+ padding-right: 12px;
197
+ padding-left: var(--spacing-16);
198
+ border-left: var(--border-width-thin) var(--border-style-solid)
199
+ var(--gray-100);
200
+ margin-bottom: 0;
197
201
  position: sticky;
198
202
  top: 95px;
199
203
  }
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "private": false,
4
4
  "type": "module",
5
5
  "license": "MPL-2.0",
6
- "version": "2.2.5",
6
+ "version": "2.2.6",
7
7
  "engines": {
8
8
  "node": ">=20.9.0"
9
9
  },
@@ -65,9 +65,9 @@
65
65
  "react-diff-viewer-continued": "^4.2.2",
66
66
  "zod": "^4.4.3",
67
67
  "zod-form-data": "^3.0.1",
68
- "@byline/admin": "2.2.5",
69
- "@byline/core": "2.2.5",
70
- "@byline/client": "2.2.5"
68
+ "@byline/admin": "2.2.6",
69
+ "@byline/client": "2.2.6",
70
+ "@byline/core": "2.2.6"
71
71
  },
72
72
  "peerDependencies": {
73
73
  "react": "^19.0.0",
package/src/forms/form-renderer.module.css CHANGED
@@ -212,13 +212,14 @@
212
212
  :global(.byline-form-layout) {
213
213
  display: flex;
214
214
  flex-direction: column;
215
- gap: var(--spacing-32);
215
+ gap: var(--spacing-12);
216
216
  padding-top: var(--spacing-32);
217
217
  }
218
218
 
219
219
  @media (min-width: 60rem) {
220
220
  .layout,
221
221
  :global(.byline-form-layout) {
222
+ gap: var(--spacing-32);
222
223
  display: grid;
223
224
  grid-template-columns: minmax(0, 1fr) 0.4fr;
224
225
  grid-column-gap: 36px;
@@ -248,17 +249,20 @@
248
249
  flex-direction: column;
249
250
  gap: var(--spacing-20);
250
251
  margin-top: 0;
251
- padding-right: 12px;
252
- padding-left: var(--spacing-16);
253
- padding-top: 0.25rem;
254
- border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
255
252
  background-color: oklch(from var(--canvas-50) l c h / 0.2);
256
253
  max-width: 100%;
254
+ margin-bottom: 4rem;
257
255
  }
258
256
 
259
257
  @media (min-width: 60rem) {
260
258
  .sidebar,
261
259
  :global(.byline-form-sidebar) {
260
+ margin-bottom: 0;
261
+ padding-right: 12px;
262
+ padding-top: 0.25rem;
263
+ padding-left: var(--spacing-16);
264
+ border-left: var(--border-width-thin) var(--border-style-solid)
265
+ var(--gray-100);
262
266
  position: sticky;
263
267
  top: 95px;
264
268
  }