@byline/admin 6.10.1 → 6.11.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 (103) hide show
  1. package/dist/fields/array/array-field_module.css +57 -53
  2. package/dist/fields/blocks/blocks-field_module.css +134 -130
  3. package/dist/fields/checkbox/checkbox-field_module.css +6 -2
  4. package/dist/fields/code/code-field_module.css +57 -53
  5. package/dist/fields/datetime/datetime-field_module.css +6 -2
  6. package/dist/fields/draggable-context-menu_module.css +77 -73
  7. package/dist/fields/field-renderer_module.css +12 -8
  8. package/dist/fields/file/file-field_module.css +133 -129
  9. package/dist/fields/file/file-upload-field_module.css +67 -63
  10. package/dist/fields/group/group-field_module.css +25 -21
  11. package/dist/fields/image/image-field_module.css +123 -119
  12. package/dist/fields/image/image-upload-field_module.css +81 -77
  13. package/dist/fields/locale-badge_module.css +28 -24
  14. package/dist/fields/relation/relation-display_module.css +20 -16
  15. package/dist/fields/relation/relation-field_module.css +149 -145
  16. package/dist/fields/relation/relation-picker_module.css +187 -183
  17. package/dist/fields/relation/relation-summary_module.css +34 -30
  18. package/dist/fields/select/select-field_module.css +9 -5
  19. package/dist/fields/sortable-item_module.css +126 -122
  20. package/dist/fields/text/text-field_module.css +8 -4
  21. package/dist/fields/text-area/text-area-field_module.css +8 -4
  22. package/dist/forms/available-locales-widget_module.css +19 -15
  23. package/dist/forms/document-actions_module.css +120 -116
  24. package/dist/forms/form-renderer_module.css +247 -243
  25. package/dist/forms/path-widget_module.css +29 -25
  26. package/dist/forms/scheduled-publication-control_module.css +76 -72
  27. package/dist/forms/tree-placement-widget_module.css +61 -57
  28. package/dist/modules/admin-account/components/change-password_module.css +26 -22
  29. package/dist/modules/admin-account/components/container_module.css +93 -89
  30. package/dist/modules/admin-account/components/preferences_module.css +37 -33
  31. package/dist/modules/admin-account/components/theme-switch_module.css +16 -12
  32. package/dist/modules/admin-account/components/update_module.css +26 -22
  33. package/dist/modules/admin-permissions/components/inspector_module.css +197 -193
  34. package/dist/modules/admin-roles/components/create_module.css +26 -22
  35. package/dist/modules/admin-roles/components/permissions_module.css +159 -155
  36. package/dist/modules/admin-roles/components/update_module.css +26 -22
  37. package/dist/modules/admin-users/components/create_module.css +39 -35
  38. package/dist/modules/admin-users/components/roles_module.css +65 -61
  39. package/dist/modules/admin-users/components/set-password_module.css +29 -25
  40. package/dist/modules/admin-users/components/update_module.css +32 -28
  41. package/dist/modules/analytics/components/dashboard_module.css +268 -264
  42. package/dist/modules/analytics/components/timeseries_module.css +192 -188
  43. package/dist/modules/auth/components/passkey-manager_module.css +87 -83
  44. package/dist/modules/auth/components/sign-in-form_module.css +68 -64
  45. package/dist/presentation/group_module.css +19 -15
  46. package/dist/presentation/row_module.css +17 -13
  47. package/dist/presentation/tabs_module.css +231 -227
  48. package/dist/widgets/diff-viewer/diff-modal_module.css +58 -54
  49. package/dist/widgets/source-locale-badge/source-locale-badge_module.css +12 -8
  50. package/dist/widgets/status-badge/status-badge_module.css +20 -16
  51. package/package.json +9 -8
  52. package/src/fields/array/array-field.module.css +71 -55
  53. package/src/fields/blocks/blocks-field.module.css +173 -156
  54. package/src/fields/checkbox/checkbox-field.module.css +17 -3
  55. package/src/fields/code/code-editor.tsx +2 -0
  56. package/src/fields/code/code-field.module.css +75 -59
  57. package/src/fields/datetime/datetime-field.module.css +19 -3
  58. package/src/fields/draggable-context-menu.module.css +108 -92
  59. package/src/fields/field-renderer.module.css +26 -10
  60. package/src/fields/file/file-field.module.css +147 -131
  61. package/src/fields/file/file-upload-field.module.css +91 -75
  62. package/src/fields/group/group-field.module.css +42 -26
  63. package/src/fields/image/image-field.module.css +152 -136
  64. package/src/fields/image/image-upload-field.module.css +107 -91
  65. package/src/fields/locale-badge.module.css +43 -27
  66. package/src/fields/relation/relation-display.module.css +37 -21
  67. package/src/fields/relation/relation-field.module.css +168 -152
  68. package/src/fields/relation/relation-picker.module.css +207 -191
  69. package/src/fields/relation/relation-summary.module.css +52 -36
  70. package/src/fields/select/select-field.module.css +23 -7
  71. package/src/fields/sortable-item.module.css +143 -127
  72. package/src/fields/text/text-field.module.css +21 -5
  73. package/src/fields/text-area/text-area-field.module.css +21 -5
  74. package/src/forms/available-locales-widget.module.css +39 -23
  75. package/src/forms/document-actions.module.css +139 -123
  76. package/src/forms/form-layout-styles.test.node.ts +12 -4
  77. package/src/forms/form-renderer.module.css +312 -296
  78. package/src/forms/path-widget.module.css +44 -28
  79. package/src/forms/scheduled-publication-control.module.css +104 -91
  80. package/src/forms/tree-placement-widget.module.css +80 -64
  81. package/src/modules/admin-account/components/change-password.module.css +42 -26
  82. package/src/modules/admin-account/components/container.module.css +129 -113
  83. package/src/modules/admin-account/components/preferences.module.css +56 -40
  84. package/src/modules/admin-account/components/theme-switch.module.css +32 -16
  85. package/src/modules/admin-account/components/update.module.css +42 -26
  86. package/src/modules/admin-permissions/components/inspector.module.css +255 -239
  87. package/src/modules/admin-roles/components/create.module.css +42 -26
  88. package/src/modules/admin-roles/components/permissions.module.css +204 -201
  89. package/src/modules/admin-roles/components/update.module.css +42 -26
  90. package/src/modules/admin-users/components/create.module.css +58 -42
  91. package/src/modules/admin-users/components/roles.module.css +96 -86
  92. package/src/modules/admin-users/components/set-password.module.css +46 -30
  93. package/src/modules/admin-users/components/update.module.css +49 -33
  94. package/src/modules/analytics/components/dashboard.module.css +322 -306
  95. package/src/modules/analytics/components/timeseries.module.css +237 -221
  96. package/src/modules/auth/components/passkey-manager.module.css +98 -84
  97. package/src/modules/auth/components/sign-in-form.module.css +85 -69
  98. package/src/presentation/group.module.css +36 -20
  99. package/src/presentation/row.module.css +32 -16
  100. package/src/presentation/tabs.module.css +243 -227
  101. package/src/widgets/diff-viewer/diff-modal.module.css +71 -55
  102. package/src/widgets/source-locale-badge/source-locale-badge.module.css +25 -9
  103. package/src/widgets/status-badge/status-badge.module.css +35 -19
@@ -1,311 +1,315 @@
1
- :is(.form-MVxxVb, .byline-form) {
2
- flex-direction: column;
3
- width: 100%;
4
- display: flex;
5
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
6
2
 
7
- :is(.heading-row-qw_UYh, .byline-form-heading-row) {
8
- align-items: start;
9
- gap: .25rem var(--spacing-16);
10
- margin-bottom: var(--spacing-8);
11
- grid-template-columns: 1fr;
12
- display: grid;
13
- }
3
+ @layer byline-components.cms {
4
+ :is(.form-MVxxVb, .byline-form) {
5
+ flex-direction: column;
6
+ width: 100%;
7
+ display: flex;
8
+ }
14
9
 
15
- @media (min-width: 40rem) {
16
10
  :is(.heading-row-qw_UYh, .byline-form-heading-row) {
17
- grid-template-columns: 1fr auto;
11
+ align-items: start;
12
+ gap: .25rem var(--spacing-16);
13
+ margin-bottom: var(--spacing-8);
14
+ grid-template-columns: 1fr;
15
+ display: grid;
18
16
  }
19
- }
20
17
 
21
- :is(.heading-wnLlb_, .byline-form-heading) {
22
- margin-bottom: 0;
23
- font-size: 1.75rem;
24
- }
18
+ @media (min-width: 40rem) {
19
+ :is(.heading-row-qw_UYh, .byline-form-heading-row) {
20
+ grid-template-columns: 1fr auto;
21
+ }
22
+ }
25
23
 
26
- :is(.status-bar-kQCXLT, .byline-form-status-bar) {
27
- z-index: 20;
28
- align-items: start;
29
- gap: .25rem var(--spacing-16);
30
- padding: var(--spacing-8);
31
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
32
- border-radius: var(--border-radius-sm);
33
- background-color: var(--canvas-25);
34
- grid-template-columns: 1fr;
35
- margin-bottom: .25rem;
36
- display: grid;
37
- position: sticky;
38
- top: 45px;
39
- }
24
+ :is(.heading-wnLlb_, .byline-form-heading) {
25
+ margin-bottom: 0;
26
+ font-size: 1.75rem;
27
+ }
40
28
 
41
- @media (min-width: 40rem) {
42
29
  :is(.status-bar-kQCXLT, .byline-form-status-bar) {
43
- grid-template-columns: 1fr auto;
30
+ z-index: 20;
31
+ align-items: start;
32
+ gap: .25rem var(--spacing-16);
33
+ padding: var(--spacing-8);
34
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
35
+ border-radius: var(--border-radius-sm);
36
+ background-color: var(--canvas-25);
37
+ grid-template-columns: 1fr;
38
+ margin-bottom: .25rem;
39
+ display: grid;
40
+ position: sticky;
41
+ top: 45px;
44
42
  }
45
- }
46
43
 
47
- @media (min-width: 66rem) {
48
- :is(.status-bar-kQCXLT, .byline-form-status-bar) {
49
- margin-bottom: 0;
44
+ @media (min-width: 40rem) {
45
+ :is(.status-bar-kQCXLT, .byline-form-status-bar) {
46
+ grid-template-columns: 1fr auto;
47
+ }
50
48
  }
51
- }
52
49
 
53
- :is(.status-XbhkJR, .byline-form-status) {
54
- flex-direction: column;
55
- justify-content: center;
56
- height: 100%;
57
- display: flex;
58
- }
50
+ @media (min-width: 66rem) {
51
+ :is(.status-bar-kQCXLT, .byline-form-status-bar) {
52
+ margin-bottom: 0;
53
+ }
54
+ }
59
55
 
60
- :is(.status-details-lv5FA6, .byline-form-status-details) {
61
- min-width: 0;
62
- }
56
+ :is(.status-XbhkJR, .byline-form-status) {
57
+ flex-direction: column;
58
+ justify-content: center;
59
+ height: 100%;
60
+ display: flex;
61
+ }
63
62
 
64
- :is(.status-meta-gppNXX, .byline-form-status-meta) {
65
- flex-direction: column;
66
- font-size: .8rem;
67
- line-height: 1.25;
68
- display: flex;
69
- }
63
+ :is(.status-details-lv5FA6, .byline-form-status-details) {
64
+ min-width: 0;
65
+ }
70
66
 
71
- @media (min-width: 48rem) {
72
67
  :is(.status-meta-gppNXX, .byline-form-status-meta) {
73
- margin-bottom: .25rem;
74
- line-height: .75rem;
68
+ flex-direction: column;
69
+ font-size: .8rem;
70
+ line-height: 1.25;
71
+ display: flex;
75
72
  }
76
- }
77
73
 
78
- @media (min-width: 66rem) {
79
- :is(.status-meta-gppNXX, .byline-form-status-meta) {
80
- flex-flow: wrap;
81
- align-items: center;
82
- row-gap: .35rem;
74
+ @media (min-width: 48rem) {
75
+ :is(.status-meta-gppNXX, .byline-form-status-meta) {
76
+ margin-bottom: .25rem;
77
+ line-height: .75rem;
78
+ }
83
79
  }
84
- }
85
80
 
86
- @media (min-width: 40rem) {
87
- :is(.status-meta-gppNXX, .byline-form-status-meta) {
88
- gap: var(--spacing-8);
81
+ @media (min-width: 66rem) {
82
+ :is(.status-meta-gppNXX, .byline-form-status-meta) {
83
+ flex-flow: wrap;
84
+ align-items: center;
85
+ row-gap: .35rem;
86
+ }
89
87
  }
90
- }
91
88
 
92
- :is(.status-cell-Tr3QHl, .byline-form-status-cell) {
93
- flex-wrap: wrap;
94
- align-items: center;
95
- gap: .25rem;
96
- min-width: 0;
97
- display: flex;
98
- }
89
+ @media (min-width: 40rem) {
90
+ :is(.status-meta-gppNXX, .byline-form-status-meta) {
91
+ gap: var(--spacing-8);
92
+ }
93
+ }
99
94
 
100
- :is(.status-muted-vHn34O, .byline-form-status-muted) {
101
- color: var(--gray-500);
102
- flex-shrink: 0;
103
- }
95
+ :is(.status-cell-Tr3QHl, .byline-form-status-cell) {
96
+ flex-wrap: wrap;
97
+ align-items: center;
98
+ gap: .25rem;
99
+ min-width: 0;
100
+ display: flex;
101
+ }
104
102
 
105
- :is(.status-trunc-jGiHWf, .byline-form-status-trunc) {
106
- text-overflow: ellipsis;
107
- white-space: nowrap;
108
- overflow: hidden;
109
- }
103
+ :is(.status-muted-vHn34O, .byline-form-status-muted) {
104
+ color: var(--gray-500);
105
+ flex-shrink: 0;
106
+ }
110
107
 
111
- :is(.status-published-hqosWb, .byline-form-status-published) {
112
- font-size: .8rem;
113
- line-height: 1rem;
114
- display: inline;
115
- }
108
+ :is(.status-trunc-jGiHWf, .byline-form-status-trunc) {
109
+ text-overflow: ellipsis;
110
+ white-space: nowrap;
111
+ overflow: hidden;
112
+ }
116
113
 
117
- @media (min-width: 48rem) {
118
114
  :is(.status-published-hqosWb, .byline-form-status-published) {
119
- line-height: .875rem;
115
+ font-size: .8rem;
116
+ line-height: 1rem;
117
+ display: inline;
120
118
  }
121
- }
122
119
 
123
- :is(.status-unpublish-DiCNI0, .byline-form-status-unpublish) {
124
- color: inherit;
125
- cursor: pointer;
126
- background: none;
127
- border: none;
128
- padding: 0;
129
- font-size: .8rem;
130
- text-decoration: underline;
131
- }
120
+ @media (min-width: 48rem) {
121
+ :is(.status-published-hqosWb, .byline-form-status-published) {
122
+ line-height: .875rem;
123
+ }
124
+ }
132
125
 
133
- :is(.actions-AZBIdR, .byline-form-actions) {
134
- align-items: center;
135
- gap: var(--spacing-8);
136
- display: flex;
137
- }
126
+ :is(.status-unpublish-DiCNI0, .byline-form-status-unpublish) {
127
+ color: inherit;
128
+ cursor: pointer;
129
+ background: none;
130
+ border: none;
131
+ padding: 0;
132
+ font-size: .8rem;
133
+ text-decoration: underline;
134
+ }
138
135
 
139
- :is(.actions-button-VIwbST, .byline-form-actions-button) {
140
- min-width: 70px;
141
- min-height: 28px;
142
- }
136
+ :is(.actions-AZBIdR, .byline-form-actions) {
137
+ align-items: center;
138
+ gap: var(--spacing-8);
139
+ display: flex;
140
+ }
143
141
 
144
- :is(.busy-status-kzSMVH, .byline-form-busy-status) {
145
- clip: rect(0 0 0 0);
146
- clip-path: inset(50%);
147
- white-space: nowrap;
148
- border: 0;
149
- width: 1px;
150
- height: 1px;
151
- margin: -1px;
152
- padding: 0;
153
- position: absolute;
154
- overflow: hidden;
155
- }
142
+ :is(.actions-button-VIwbST, .byline-form-actions-button) {
143
+ min-width: 70px;
144
+ min-height: 28px;
145
+ }
156
146
 
157
- :is(.save-content-bc8XeC, .byline-form-save-content) {
158
- display: inline-block;
159
- position: relative;
160
- }
147
+ :is(.busy-status-kzSMVH, .byline-form-busy-status) {
148
+ clip: rect(0 0 0 0);
149
+ clip-path: inset(50%);
150
+ white-space: nowrap;
151
+ border: 0;
152
+ width: 1px;
153
+ height: 1px;
154
+ margin: -1px;
155
+ padding: 0;
156
+ position: absolute;
157
+ overflow: hidden;
158
+ }
161
159
 
162
- :is(.save-label-iJw9DA, .byline-form-save-label) {
163
- display: inline-block;
164
- }
160
+ :is(.save-content-bc8XeC, .byline-form-save-content) {
161
+ display: inline-block;
162
+ position: relative;
163
+ }
165
164
 
166
- .save-label-hidden-Wct46I {
167
- visibility: hidden;
168
- }
165
+ :is(.save-label-iJw9DA, .byline-form-save-label) {
166
+ display: inline-block;
167
+ }
169
168
 
170
- :is(.save-loader-g2wcnV, .byline-form-save-loader) {
171
- display: inline-flex;
172
- position: absolute;
173
- top: 50%;
174
- left: 50%;
175
- transform: translate(-50%, -50%);
176
- }
169
+ .save-label-hidden-Wct46I {
170
+ visibility: hidden;
171
+ }
177
172
 
178
- :is(.actions-status-wrap-hSvlps, .byline-form-actions-status-wrap) {
179
- z-index: 10;
180
- position: relative;
181
- }
173
+ :is(.save-loader-g2wcnV, .byline-form-save-loader) {
174
+ display: inline-flex;
175
+ position: absolute;
176
+ top: 50%;
177
+ left: 50%;
178
+ transform: translate(-50%, -50%);
179
+ }
182
180
 
183
- :is(.actions-combo-button-XvqHCC, .byline-form-actions-combo-button) {
184
- min-width: 100px;
185
- min-height: 28px;
186
- }
181
+ :is(.actions-status-wrap-hSvlps, .byline-form-actions-status-wrap) {
182
+ z-index: 10;
183
+ position: relative;
184
+ }
187
185
 
188
- :is(.actions-combo-trigger-bmXUzc, .byline-form-actions-combo-trigger) {
189
- min-height: 28px;
190
- }
186
+ :is(.actions-combo-button-XvqHCC, .byline-form-actions-combo-button) {
187
+ min-width: 100px;
188
+ min-height: 28px;
189
+ }
191
190
 
192
- :is(.concurrency-UT6bX5, .byline-document-concurrency) {
193
- margin-top: var(--spacing-16);
194
- }
191
+ :is(.actions-combo-trigger-bmXUzc, .byline-form-actions-combo-trigger) {
192
+ min-height: 28px;
193
+ }
195
194
 
196
- :is(.concurrency-UT6bX5 button, .byline-document-concurrency button) {
197
- margin-top: var(--spacing-12);
198
- }
195
+ :is(.concurrency-UT6bX5, .byline-document-concurrency) {
196
+ margin-top: var(--spacing-16);
197
+ }
199
198
 
200
- :is(.concurrency-UT6bX5 ~ .layout-WTbLYr, .byline-document-concurrency ~ .byline-form-layout) {
201
- padding-top: var(--spacing-16);
202
- }
199
+ :is(.concurrency-UT6bX5 button, .byline-document-concurrency button) {
200
+ margin-top: var(--spacing-12);
201
+ }
203
202
 
204
- :is(.layout-WTbLYr, .byline-form-layout) {
205
- gap: var(--spacing-12);
206
- padding-top: var(--spacing-32);
207
- flex-direction: column;
208
- display: flex;
209
- }
203
+ :is(.concurrency-UT6bX5 ~ .layout-WTbLYr, .byline-document-concurrency ~ .byline-form-layout) {
204
+ padding-top: var(--spacing-16);
205
+ }
210
206
 
211
- @media (min-width: 60rem) {
212
207
  :is(.layout-WTbLYr, .byline-form-layout) {
213
- gap: var(--spacing-32);
214
- grid-column-gap: 36px;
215
- grid-template-columns: minmax(0, 1fr) .4fr;
216
- align-items: start;
217
- display: grid;
208
+ gap: var(--spacing-12);
209
+ padding-top: var(--spacing-32);
210
+ flex-direction: column;
211
+ display: flex;
218
212
  }
219
- }
220
213
 
221
- :is(.layout-stacked-yNPTOa, .byline-form-layout-stacked) {
222
- gap: var(--spacing-12);
223
- padding-top: var(--spacing-32);
224
- flex-direction: column;
225
- display: flex;
226
- }
214
+ @media (min-width: 60rem) {
215
+ :is(.layout-WTbLYr, .byline-form-layout) {
216
+ gap: var(--spacing-32);
217
+ grid-column-gap: 36px;
218
+ grid-template-columns: minmax(0, 1fr) .4fr;
219
+ align-items: start;
220
+ display: grid;
221
+ }
222
+ }
227
223
 
228
- @media (min-width: 60rem) {
229
224
  :is(.layout-stacked-yNPTOa, .byline-form-layout-stacked) {
230
- gap: var(--spacing-32);
225
+ gap: var(--spacing-12);
226
+ padding-top: var(--spacing-32);
227
+ flex-direction: column;
228
+ display: flex;
231
229
  }
232
- }
233
230
 
234
- :is(.content-_P5cdJ, .byline-form-content) {
235
- gap: var(--spacing-20);
236
- flex-direction: column;
237
- min-width: 0;
238
- max-width: 100%;
239
- margin-bottom: 2.75rem;
240
- display: flex;
241
- }
231
+ @media (min-width: 60rem) {
232
+ :is(.layout-stacked-yNPTOa, .byline-form-layout-stacked) {
233
+ gap: var(--spacing-32);
234
+ }
235
+ }
242
236
 
243
- @media (min-width: 60rem) {
244
237
  :is(.content-_P5cdJ, .byline-form-content) {
245
- margin-bottom: 3.75rem;
238
+ gap: var(--spacing-20);
239
+ flex-direction: column;
240
+ min-width: 0;
241
+ max-width: 100%;
242
+ margin-bottom: 2.75rem;
243
+ display: flex;
246
244
  }
247
- }
248
245
 
249
- :is(.sidebar-WsxX88, .byline-form-sidebar) {
250
- gap: var(--spacing-20);
251
- background-color: oklch(from var(--canvas-50) l c h / .2);
252
- flex-direction: column;
253
- max-width: 100%;
254
- margin-top: 0;
255
- margin-bottom: 4rem;
256
- display: flex;
257
- }
246
+ @media (min-width: 60rem) {
247
+ :is(.content-_P5cdJ, .byline-form-content) {
248
+ margin-bottom: 3.75rem;
249
+ }
250
+ }
258
251
 
259
- @media (min-width: 60rem) {
260
252
  :is(.sidebar-WsxX88, .byline-form-sidebar) {
261
- padding-top: .25rem;
262
- padding-right: 12px;
263
- padding-left: var(--spacing-16);
264
- border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
265
- margin-bottom: 0;
266
- position: sticky;
267
- top: 95px;
253
+ gap: var(--spacing-20);
254
+ background-color: oklch(from var(--canvas-50) l c h / .2);
255
+ flex-direction: column;
256
+ max-width: 100%;
257
+ margin-top: 0;
258
+ margin-bottom: 4rem;
259
+ display: flex;
268
260
  }
269
- }
270
261
 
271
- :is(.tabset-xfaMkP, .byline-form-tabset) {
272
- gap: var(--spacing-20);
273
- flex-direction: column;
274
- display: flex;
275
- }
262
+ @media (min-width: 60rem) {
263
+ :is(.sidebar-WsxX88, .byline-form-sidebar) {
264
+ padding-top: .25rem;
265
+ padding-right: 12px;
266
+ padding-left: var(--spacing-16);
267
+ border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
268
+ margin-bottom: 0;
269
+ position: sticky;
270
+ top: 95px;
271
+ }
272
+ }
276
273
 
277
- :is(.tabset-tabs-jZpqd_, .byline-form-tabset-tabs) {
278
- margin-top: -1rem;
279
- margin-bottom: 0;
280
- }
274
+ :is(.tabset-xfaMkP, .byline-form-tabset) {
275
+ gap: var(--spacing-20);
276
+ flex-direction: column;
277
+ display: flex;
278
+ }
281
279
 
282
- :is(.tabset-fields-JJefdw, .byline-form-tabset-fields) {
283
- gap: var(--spacing-20);
284
- flex-direction: column;
285
- display: flex;
286
- }
280
+ :is(.tabset-tabs-jZpqd_, .byline-form-tabset-tabs) {
281
+ margin-top: -1rem;
282
+ margin-bottom: 0;
283
+ }
287
284
 
288
- :is(.guard-modal-head-r2TApi, .byline-form-guard-modal-head) {
289
- margin-bottom: var(--spacing-8);
290
- padding-top: 1rem;
291
- }
285
+ :is(.tabset-fields-JJefdw, .byline-form-tabset-fields) {
286
+ gap: var(--spacing-20);
287
+ flex-direction: column;
288
+ display: flex;
289
+ }
292
290
 
293
- :is(.guard-modal-title-p9dFJ9, .byline-form-guard-modal-title) {
294
- margin: 0 0 var(--spacing-8) 0;
295
- font-size: var(--font-size-2xl);
296
- }
291
+ :is(.guard-modal-head-r2TApi, .byline-form-guard-modal-head) {
292
+ margin-bottom: var(--spacing-8);
293
+ padding-top: 1rem;
294
+ }
297
295
 
298
- :is(.guard-modal-text-uW56HS, .byline-form-guard-modal-text) {
299
- font-size: var(--font-size-sm);
300
- }
296
+ :is(.guard-modal-title-p9dFJ9, .byline-form-guard-modal-title) {
297
+ margin: 0 0 var(--spacing-8) 0;
298
+ font-size: var(--font-size-2xl);
299
+ }
301
300
 
302
- :is(:is([data-theme="dark"], .dark) .status-bar-kQCXLT, :is([data-theme="dark"], .dark) .byline-form-status-bar) {
303
- background-color: var(--canvas-800);
304
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
305
- }
301
+ :is(.guard-modal-text-uW56HS, .byline-form-guard-modal-text) {
302
+ font-size: var(--font-size-sm);
303
+ }
306
304
 
307
- :is(:is([data-theme="dark"], .dark) .sidebar-WsxX88, :is([data-theme="dark"], .dark) .byline-form-sidebar) {
308
- border-left-color: var(--gray-800);
309
- background-color: var(--canvas-900);
305
+ :is(:is([data-theme="dark"], .dark) .status-bar-kQCXLT, :is([data-theme="dark"], .dark) .byline-form-status-bar) {
306
+ background-color: var(--canvas-800);
307
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
308
+ }
309
+
310
+ :is(:is([data-theme="dark"], .dark) .sidebar-WsxX88, :is([data-theme="dark"], .dark) .byline-form-sidebar) {
311
+ border-left-color: var(--gray-800);
312
+ background-color: var(--canvas-900);
313
+ }
310
314
  }
311
315
 
@@ -1,29 +1,33 @@
1
- :is(.header-mJ5Fde, .byline-form-path-header) {
2
- justify-content: space-between;
3
- align-items: center;
4
- gap: var(--spacing-8);
5
- display: flex;
6
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
7
2
 
8
- :is(.regenerate-P5Mdye, .byline-form-path-regenerate) {
9
- color: inherit;
10
- cursor: pointer;
11
- background: none;
12
- border: none;
13
- padding: 0;
14
- font-size: .8rem;
15
- text-decoration: underline;
16
- }
3
+ @layer byline-components.cms {
4
+ :is(.header-mJ5Fde, .byline-form-path-header) {
5
+ justify-content: space-between;
6
+ align-items: center;
7
+ gap: var(--spacing-8);
8
+ display: flex;
9
+ }
10
+
11
+ :is(.regenerate-P5Mdye, .byline-form-path-regenerate) {
12
+ color: inherit;
13
+ cursor: pointer;
14
+ background: none;
15
+ border: none;
16
+ padding: 0;
17
+ font-size: .8rem;
18
+ text-decoration: underline;
19
+ }
17
20
 
18
- :is(.sr-only-feJgAM, .byline-form-path-sr-only) {
19
- clip: rect(0, 0, 0, 0);
20
- white-space: nowrap;
21
- border: 0;
22
- width: 1px;
23
- height: 1px;
24
- margin: -1px;
25
- padding: 0;
26
- position: absolute;
27
- overflow: hidden;
21
+ :is(.sr-only-feJgAM, .byline-form-path-sr-only) {
22
+ clip: rect(0, 0, 0, 0);
23
+ white-space: nowrap;
24
+ border: 0;
25
+ width: 1px;
26
+ height: 1px;
27
+ margin: -1px;
28
+ padding: 0;
29
+ position: absolute;
30
+ overflow: hidden;
31
+ }
28
32
  }
29
33