@byline/admin 6.10.0 → 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,185 +1,189 @@
1
- :is(.header-quQOWP, .byline-field-relation-picker-header) {
2
- margin-bottom: var(--spacing-8);
3
- justify-content: space-between;
4
- align-items: baseline;
5
- gap: var(--spacing-8);
6
- flex-wrap: wrap;
7
- padding-top: 1rem;
8
- display: flex;
9
- }
10
-
11
- :is(.actions-s42_zl, .byline-field-relation-picker-actions) {
12
- align-items: center;
13
- gap: var(--spacing-8);
14
- display: flex;
15
- }
16
-
17
- :is(.refresh-CVQwEV, .byline-field-relation-picker-refresh) {
18
- white-space: nowrap;
19
- }
20
-
21
- :is(.create-Ol3jYM, .byline-field-relation-picker-create) {
22
- white-space: nowrap;
23
- text-decoration: none;
24
- }
25
-
26
- :is(.title-nX1CSv, .byline-field-relation-picker-title) {
27
- margin: 0 0 var(--spacing-8) 0;
28
- font-size: var(--font-size-xl);
29
- }
30
-
31
- :is(.body-S2EcHm, .byline-field-relation-picker-body) {
32
- flex-direction: column;
33
- gap: .75rem;
34
- display: flex;
35
- }
36
-
37
- :is(.list-UFzd89, .byline-field-relation-picker-list) {
38
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
39
- border-radius: var(--border-radius-md);
40
- min-height: 320px;
41
- max-height: 420px;
42
- overflow-y: auto;
43
- }
44
-
45
- :is(.loading-LZVbkl, .byline-field-relation-picker-loading) {
46
- justify-content: center;
47
- align-items: center;
48
- padding: 2.5rem 0;
49
- display: flex;
50
- }
51
-
52
- :is(.error-ZtOVuJ, .byline-field-relation-picker-error) {
53
- color: var(--red-500);
54
- font-size: var(--font-size-sm);
55
- text-align: center;
56
- padding: 2.5rem 1rem;
57
- }
58
-
59
- :is(.empty-ks6ZeP, .byline-field-relation-picker-empty) {
60
- color: var(--gray-400);
61
- font-size: var(--font-size-sm);
62
- text-align: center;
63
- padding: 2.5rem 1rem;
64
- }
65
-
66
- :is(.rows-QZrdT9, .byline-field-relation-picker-rows) {
67
- margin: 0;
68
- padding: 0;
69
- list-style: none;
70
- }
71
-
72
- :is(.rows-QZrdT9 > li + li, .byline-field-relation-picker-rows > li + li) {
73
- border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
74
- }
75
-
76
- :is(.row-button-ZHfXmj, .byline-field-relation-picker-row-button) {
77
- width: 100%;
78
- padding: var(--spacing-8) .75rem;
79
- text-align: left;
80
- color: inherit;
81
- cursor: pointer;
82
- background: none;
83
- border: none;
84
- transition: background-color .15s;
85
- }
86
-
87
- :is(.row-button-ZHfXmj:hover, .byline-field-relation-picker-row-button:hover) {
88
- background-color: var(--gray-25);
89
- }
90
-
91
- :is(.row-selected-VlrgyO, .byline-field-relation-picker-row-selected) {
92
- background-color: oklch(from var(--primary-200) l c h / .3);
93
- border-left: 2px solid var(--primary-200);
94
- }
95
-
96
- :is(.row-multi-o06YCW, .byline-field-relation-picker-row-multi) {
97
- align-items: center;
98
- gap: .625rem;
99
- display: flex;
100
- }
101
-
102
- :is(.check-gYmVOq, .byline-field-relation-picker-check) {
103
- border: 1px solid var(--gray-400);
104
- color: #0000;
105
- border-radius: 4px;
106
- flex: none;
107
- justify-content: center;
108
- align-items: center;
109
- width: 16px;
110
- height: 16px;
111
- display: inline-flex;
112
- }
113
-
114
- :is(.check-checked-Nopylj, .byline-field-relation-picker-check-checked) {
115
- background-color: var(--primary-200);
116
- border-color: var(--primary-200);
117
- color: #fff;
118
- }
119
-
120
- :is(.row-added-PmlIQL, .byline-field-relation-picker-row-added) {
121
- opacity: .55;
122
- cursor: default;
123
- }
124
-
125
- :is(.row-added-PmlIQL:hover, .byline-field-relation-picker-row-added:hover) {
126
- background-color: #0000;
127
- }
128
-
129
- :is(.added-hint-QGoYN3, .byline-field-relation-picker-added-hint) {
130
- color: var(--gray-500);
131
- font-size: var(--font-size-xs);
132
- white-space: nowrap;
133
- flex: none;
134
- margin-left: auto;
135
- }
136
-
137
- :is(.row-cells-aSIcf5, .byline-field-relation-picker-row-cells) {
138
- align-items: center;
139
- gap: .75rem;
140
- display: flex;
141
- }
142
-
143
- :is(.row-stack-BOPzzj, .byline-field-relation-picker-row-stack) {
144
- flex-direction: column;
145
- gap: .125rem;
146
- display: flex;
147
- }
148
-
149
- :is(.row-label-gEaOEB, .byline-field-relation-picker-row-label) {
150
- color: var(--gray-100);
151
- font-size: var(--font-size-sm);
152
- text-overflow: ellipsis;
153
- white-space: nowrap;
154
- overflow: hidden;
155
- }
156
-
157
- :is(.row-path-v1lJwb, .byline-field-relation-picker-row-path) {
158
- color: var(--gray-500);
159
- font-size: var(--font-size-xs);
160
- text-overflow: ellipsis;
161
- white-space: nowrap;
162
- overflow: hidden;
163
- }
164
-
165
- :is(.pager-EWOfET, .byline-field-relation-picker-pager) {
166
- color: var(--gray-400);
167
- font-size: var(--font-size-xs);
168
- justify-content: space-between;
169
- align-items: center;
170
- display: flex;
171
- }
172
-
173
- :is(.action-STxQVM, .byline-field-relation-picker-action) {
174
- min-width: 70px;
175
- }
176
-
177
- :is(:is([data-theme="dark"], .dark) .row-button-ZHfXmj:hover, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-button:hover) {
178
- background-color: var(--gray-900);
179
- }
180
-
181
- :is(:is([data-theme="dark"], .dark) .row-selected-VlrgyO, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-selected) {
182
- background-color: oklch(from var(--primary-900) l c h / .3);
183
- border-left: 2px solid var(--primary-400);
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
2
+
3
+ @layer byline-components.cms {
4
+ :is(.header-quQOWP, .byline-field-relation-picker-header) {
5
+ margin-bottom: var(--spacing-8);
6
+ justify-content: space-between;
7
+ align-items: baseline;
8
+ gap: var(--spacing-8);
9
+ flex-wrap: wrap;
10
+ padding-top: 1rem;
11
+ display: flex;
12
+ }
13
+
14
+ :is(.actions-s42_zl, .byline-field-relation-picker-actions) {
15
+ align-items: center;
16
+ gap: var(--spacing-8);
17
+ display: flex;
18
+ }
19
+
20
+ :is(.refresh-CVQwEV, .byline-field-relation-picker-refresh) {
21
+ white-space: nowrap;
22
+ }
23
+
24
+ :is(.create-Ol3jYM, .byline-field-relation-picker-create) {
25
+ white-space: nowrap;
26
+ text-decoration: none;
27
+ }
28
+
29
+ :is(.title-nX1CSv, .byline-field-relation-picker-title) {
30
+ margin: 0 0 var(--spacing-8) 0;
31
+ font-size: var(--font-size-xl);
32
+ }
33
+
34
+ :is(.body-S2EcHm, .byline-field-relation-picker-body) {
35
+ flex-direction: column;
36
+ gap: .75rem;
37
+ display: flex;
38
+ }
39
+
40
+ :is(.list-UFzd89, .byline-field-relation-picker-list) {
41
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
42
+ border-radius: var(--border-radius-md);
43
+ min-height: 320px;
44
+ max-height: 420px;
45
+ overflow-y: auto;
46
+ }
47
+
48
+ :is(.loading-LZVbkl, .byline-field-relation-picker-loading) {
49
+ justify-content: center;
50
+ align-items: center;
51
+ padding: 2.5rem 0;
52
+ display: flex;
53
+ }
54
+
55
+ :is(.error-ZtOVuJ, .byline-field-relation-picker-error) {
56
+ color: var(--red-500);
57
+ font-size: var(--font-size-sm);
58
+ text-align: center;
59
+ padding: 2.5rem 1rem;
60
+ }
61
+
62
+ :is(.empty-ks6ZeP, .byline-field-relation-picker-empty) {
63
+ color: var(--gray-400);
64
+ font-size: var(--font-size-sm);
65
+ text-align: center;
66
+ padding: 2.5rem 1rem;
67
+ }
68
+
69
+ :is(.rows-QZrdT9, .byline-field-relation-picker-rows) {
70
+ margin: 0;
71
+ padding: 0;
72
+ list-style: none;
73
+ }
74
+
75
+ :is(.rows-QZrdT9 > li + li, .byline-field-relation-picker-rows > li + li) {
76
+ border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-700);
77
+ }
78
+
79
+ :is(.row-button-ZHfXmj, .byline-field-relation-picker-row-button) {
80
+ width: 100%;
81
+ padding: var(--spacing-8) .75rem;
82
+ text-align: left;
83
+ color: inherit;
84
+ cursor: pointer;
85
+ background: none;
86
+ border: none;
87
+ transition: background-color .15s;
88
+ }
89
+
90
+ :is(.row-button-ZHfXmj:hover, .byline-field-relation-picker-row-button:hover) {
91
+ background-color: var(--gray-25);
92
+ }
93
+
94
+ :is(.row-selected-VlrgyO, .byline-field-relation-picker-row-selected) {
95
+ background-color: oklch(from var(--primary-200) l c h / .3);
96
+ border-left: 2px solid var(--primary-200);
97
+ }
98
+
99
+ :is(.row-multi-o06YCW, .byline-field-relation-picker-row-multi) {
100
+ align-items: center;
101
+ gap: .625rem;
102
+ display: flex;
103
+ }
104
+
105
+ :is(.check-gYmVOq, .byline-field-relation-picker-check) {
106
+ border: 1px solid var(--gray-400);
107
+ color: #0000;
108
+ border-radius: 4px;
109
+ flex: none;
110
+ justify-content: center;
111
+ align-items: center;
112
+ width: 16px;
113
+ height: 16px;
114
+ display: inline-flex;
115
+ }
116
+
117
+ :is(.check-checked-Nopylj, .byline-field-relation-picker-check-checked) {
118
+ background-color: var(--primary-200);
119
+ border-color: var(--primary-200);
120
+ color: #fff;
121
+ }
122
+
123
+ :is(.row-added-PmlIQL, .byline-field-relation-picker-row-added) {
124
+ opacity: .55;
125
+ cursor: default;
126
+ }
127
+
128
+ :is(.row-added-PmlIQL:hover, .byline-field-relation-picker-row-added:hover) {
129
+ background-color: #0000;
130
+ }
131
+
132
+ :is(.added-hint-QGoYN3, .byline-field-relation-picker-added-hint) {
133
+ color: var(--gray-500);
134
+ font-size: var(--font-size-xs);
135
+ white-space: nowrap;
136
+ flex: none;
137
+ margin-left: auto;
138
+ }
139
+
140
+ :is(.row-cells-aSIcf5, .byline-field-relation-picker-row-cells) {
141
+ align-items: center;
142
+ gap: .75rem;
143
+ display: flex;
144
+ }
145
+
146
+ :is(.row-stack-BOPzzj, .byline-field-relation-picker-row-stack) {
147
+ flex-direction: column;
148
+ gap: .125rem;
149
+ display: flex;
150
+ }
151
+
152
+ :is(.row-label-gEaOEB, .byline-field-relation-picker-row-label) {
153
+ color: var(--gray-100);
154
+ font-size: var(--font-size-sm);
155
+ text-overflow: ellipsis;
156
+ white-space: nowrap;
157
+ overflow: hidden;
158
+ }
159
+
160
+ :is(.row-path-v1lJwb, .byline-field-relation-picker-row-path) {
161
+ color: var(--gray-500);
162
+ font-size: var(--font-size-xs);
163
+ text-overflow: ellipsis;
164
+ white-space: nowrap;
165
+ overflow: hidden;
166
+ }
167
+
168
+ :is(.pager-EWOfET, .byline-field-relation-picker-pager) {
169
+ color: var(--gray-400);
170
+ font-size: var(--font-size-xs);
171
+ justify-content: space-between;
172
+ align-items: center;
173
+ display: flex;
174
+ }
175
+
176
+ :is(.action-STxQVM, .byline-field-relation-picker-action) {
177
+ min-width: 70px;
178
+ }
179
+
180
+ :is(:is([data-theme="dark"], .dark) .row-button-ZHfXmj:hover, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-button:hover) {
181
+ background-color: var(--gray-900);
182
+ }
183
+
184
+ :is(:is([data-theme="dark"], .dark) .row-selected-VlrgyO, :is([data-theme="dark"], .dark) .byline-field-relation-picker-row-selected) {
185
+ background-color: oklch(from var(--primary-900) l c h / .3);
186
+ border-left: 2px solid var(--primary-400);
187
+ }
184
188
  }
185
189
 
@@ -1,37 +1,41 @@
1
- :is(.stack-ITEVDV, .byline-relation-summary-stack) {
2
- flex-direction: column;
3
- gap: .125rem;
4
- min-width: 0;
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(.row-uUGbE4, .byline-relation-summary-row) {
9
- align-items: center;
10
- gap: .75rem;
11
- min-width: 0;
12
- display: flex;
13
- }
3
+ @layer byline-components.cms {
4
+ :is(.stack-ITEVDV, .byline-relation-summary-stack) {
5
+ flex-direction: column;
6
+ gap: .125rem;
7
+ min-width: 0;
8
+ display: flex;
9
+ }
14
10
 
15
- :is(.kind-hB0ZeQ, .byline-relation-summary-kind) {
16
- color: var(--gray-500);
17
- }
11
+ :is(.row-uUGbE4, .byline-relation-summary-row) {
12
+ align-items: center;
13
+ gap: .75rem;
14
+ min-width: 0;
15
+ display: flex;
16
+ }
18
17
 
19
- :is(.value-YXgMQf, .byline-relation-summary-value) {
20
- color: var(--gray-100);
21
- text-overflow: ellipsis;
22
- white-space: nowrap;
23
- overflow: hidden;
24
- }
18
+ :is(.kind-hB0ZeQ, .byline-relation-summary-kind) {
19
+ color: var(--gray-500);
20
+ }
25
21
 
26
- :is(.value-mono-sVr86N, .byline-relation-summary-value-mono) {
27
- text-overflow: ellipsis;
28
- white-space: nowrap;
29
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
30
- overflow: hidden;
31
- }
22
+ :is(.value-YXgMQf, .byline-relation-summary-value) {
23
+ color: var(--gray-100);
24
+ text-overflow: ellipsis;
25
+ white-space: nowrap;
26
+ overflow: hidden;
27
+ }
28
+
29
+ :is(.value-mono-sVr86N, .byline-relation-summary-value-mono) {
30
+ text-overflow: ellipsis;
31
+ white-space: nowrap;
32
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
33
+ overflow: hidden;
34
+ }
32
35
 
33
- :is(.missing-HlUIIE, .byline-relation-summary-missing) {
34
- font-size: var(--font-size-xs);
35
- color: var(--red-400);
36
+ :is(.missing-HlUIIE, .byline-relation-summary-missing) {
37
+ font-size: var(--font-size-xs);
38
+ color: var(--red-400);
39
+ }
36
40
  }
37
41
 
@@ -1,8 +1,12 @@
1
- :is(.label-ScZ_3S, .byline-field-select-label) {
2
- margin-bottom: .25rem;
3
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
2
+
3
+ @layer byline-components.cms {
4
+ :is(.label-ScZ_3S, .byline-field-select-label) {
5
+ margin-bottom: .25rem;
6
+ }
4
7
 
5
- :is(.dirty-aKaGZN, .byline-field-select-dirty) {
6
- border-color: var(--blue-300);
8
+ :is(.dirty-aKaGZN, .byline-field-select-dirty) {
9
+ border-color: var(--blue-300);
10
+ }
7
11
  }
8
12