@byline/admin 6.10.1 → 6.12.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
package/dist/fields/relation/relation-field_module.css CHANGED
@@ -1,147 +1,151 @@
1
- :is(.header-y7lSnb, .byline-field-relation-header) {
2
- align-items: baseline;
3
- gap: var(--spacing-8);
4
- margin-bottom: .25rem;
5
- display: flex;
6
- }
7
-
8
- :is(.error-tile-y2kiiq, .byline-field-relation-error-tile) {
9
- padding: var(--spacing-8);
10
- border: var(--border-width-thin) var(--border-style-solid) var(--red-700);
11
- background-color: oklch(from var(--red-900) l c h / .2);
12
- border-radius: var(--border-radius-md);
13
- color: var(--red-200);
14
- font-size: var(--font-size-xs);
15
- flex-direction: column;
16
- gap: .25rem;
17
- margin-top: .25rem;
18
- display: flex;
19
- }
20
-
21
- :is(.error-text-jHQh34, .byline-field-relation-error-text) {
22
- color: oklch(from var(--red-400) l c h / .8);
23
- }
24
-
25
- :is(.tile-Y3_yre, .byline-field-relation-tile) {
26
- justify-content: space-between;
27
- align-items: flex-start;
28
- gap: var(--spacing-8);
29
- padding: var(--spacing-8);
30
- border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
31
- border-radius: var(--border-radius-md);
32
- color: var(--gray-200);
33
- font-size: var(--font-size-xs);
34
- margin-top: .25rem;
35
- display: flex;
36
- }
37
-
38
- :is(.actions-Nov8hS, .byline-field-relation-actions) {
39
- align-items: center;
40
- gap: var(--spacing-4);
41
- flex-shrink: 0;
42
- display: flex;
43
- }
44
-
45
- .byline-field-relation-actions .byline-button {
46
- color: var(--gray-900);
47
- }
48
-
49
- :is(.dark .byline-field-relation-actions .byline-button, [data-theme="dark"] .byline-field-relation-actions .byline-button) {
50
- color: var(--gray-200);
51
- }
52
-
53
- :is(.mono-y8Xo6b, .byline-field-relation-mono) {
54
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
55
- }
56
-
57
- :is(.many-ohEmr7, .byline-field-relation-many) {
58
- gap: var(--spacing-4);
59
- flex-direction: column;
60
- margin-top: .25rem;
61
- display: flex;
62
- }
63
-
64
- :is(.many-empty-T0OJd9, .byline-field-relation-many-empty) {
65
- color: var(--gray-400);
66
- font-size: var(--font-size-xs);
67
- margin: .25rem 0;
68
- }
69
-
70
- :is(.many-tile-jNifSf, .byline-field-relation-many-tile) {
71
- align-items: center;
72
- gap: var(--spacing-8);
73
- padding: var(--spacing-4) var(--spacing-8);
74
- border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
75
- border-radius: var(--border-radius-md);
76
- background-color: var(--surface-100, transparent);
77
- color: var(--gray-200);
78
- font-size: var(--font-size-xs);
79
- display: flex;
80
- }
81
-
82
- :is(.many-tile-dragging-AUDjxQ, .byline-field-relation-many-tile-dragging) {
83
- opacity: .85;
84
- box-shadow: var(--shadow-md, 0 4px 12px #0003);
85
- }
86
-
87
- :is(.many-grip-i7LGT9, .byline-field-relation-many-grip) {
88
- color: var(--gray-400);
89
- cursor: grab;
90
- touch-action: none;
91
- background: none;
92
- border: none;
93
- flex-shrink: 0;
94
- align-items: center;
95
- padding: 0;
96
- display: inline-flex;
97
- }
98
-
99
- .many-grip-i7LGT9:active {
100
- cursor: grabbing;
101
- }
102
-
103
- .byline-field-relation-many-grip:active {
104
- cursor: grabbing;
105
- }
106
-
107
- :is(.many-body-e8JKV8, .byline-field-relation-many-body) {
108
- flex: auto;
109
- min-width: 0;
110
- }
111
-
112
- :is(.many-remove-fuuKiO, .byline-field-relation-many-remove) {
113
- flex-shrink: 0;
114
- }
115
-
116
- :is(.many-add-c5uQ7B, .byline-field-relation-many-add) {
117
- margin-top: .25rem;
118
- display: flex;
119
- }
120
-
121
- :is(.frame-uo2RPX, .byline-field-relation-frame) {
122
- border: var(--border-width-thin) var(--border-style-solid) var(--field-border);
123
- border-radius: var(--border-radius-md, 6px);
124
- margin-top: .25rem;
125
- padding: .5rem;
126
- }
127
-
128
- .frame-uo2RPX > .tile-Y3_yre, .frame-uo2RPX > .many-ohEmr7 {
129
- margin-top: 0;
130
- }
131
-
132
- .byline-field-relation-frame > .byline-field-relation-tile {
133
- margin-top: 0;
134
- }
135
-
136
- .byline-field-relation-frame > .byline-field-relation-many {
137
- margin-top: 0;
138
- }
139
-
140
- .frame-uo2RPX > .many-empty-T0OJd9 {
141
- margin-top: 0;
142
- }
143
-
144
- .byline-field-relation-frame > .byline-field-relation-many-empty {
145
- margin-top: 0;
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-y7lSnb, .byline-field-relation-header) {
5
+ align-items: baseline;
6
+ gap: var(--spacing-8);
7
+ margin-bottom: .25rem;
8
+ display: flex;
9
+ }
10
+
11
+ :is(.error-tile-y2kiiq, .byline-field-relation-error-tile) {
12
+ padding: var(--spacing-8);
13
+ border: var(--border-width-thin) var(--border-style-solid) var(--red-700);
14
+ background-color: oklch(from var(--red-900) l c h / .2);
15
+ border-radius: var(--border-radius-md);
16
+ color: var(--red-200);
17
+ font-size: var(--font-size-xs);
18
+ flex-direction: column;
19
+ gap: .25rem;
20
+ margin-top: .25rem;
21
+ display: flex;
22
+ }
23
+
24
+ :is(.error-text-jHQh34, .byline-field-relation-error-text) {
25
+ color: oklch(from var(--red-400) l c h / .8);
26
+ }
27
+
28
+ :is(.tile-Y3_yre, .byline-field-relation-tile) {
29
+ justify-content: space-between;
30
+ align-items: flex-start;
31
+ gap: var(--spacing-8);
32
+ padding: var(--spacing-8);
33
+ border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
34
+ border-radius: var(--border-radius-md);
35
+ color: var(--gray-200);
36
+ font-size: var(--font-size-xs);
37
+ margin-top: .25rem;
38
+ display: flex;
39
+ }
40
+
41
+ :is(.actions-Nov8hS, .byline-field-relation-actions) {
42
+ align-items: center;
43
+ gap: var(--spacing-4);
44
+ flex-shrink: 0;
45
+ display: flex;
46
+ }
47
+
48
+ .byline-field-relation-actions .byline-button {
49
+ color: var(--gray-900);
50
+ }
51
+
52
+ :is(.dark .byline-field-relation-actions .byline-button, [data-theme="dark"] .byline-field-relation-actions .byline-button) {
53
+ color: var(--gray-200);
54
+ }
55
+
56
+ :is(.mono-y8Xo6b, .byline-field-relation-mono) {
57
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
58
+ }
59
+
60
+ :is(.many-ohEmr7, .byline-field-relation-many) {
61
+ gap: var(--spacing-4);
62
+ flex-direction: column;
63
+ margin-top: .25rem;
64
+ display: flex;
65
+ }
66
+
67
+ :is(.many-empty-T0OJd9, .byline-field-relation-many-empty) {
68
+ color: var(--gray-400);
69
+ font-size: var(--font-size-xs);
70
+ margin: .25rem 0;
71
+ }
72
+
73
+ :is(.many-tile-jNifSf, .byline-field-relation-many-tile) {
74
+ align-items: center;
75
+ gap: var(--spacing-8);
76
+ padding: var(--spacing-4) var(--spacing-8);
77
+ border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
78
+ border-radius: var(--border-radius-md);
79
+ background-color: var(--surface-100, transparent);
80
+ color: var(--gray-200);
81
+ font-size: var(--font-size-xs);
82
+ display: flex;
83
+ }
84
+
85
+ :is(.many-tile-dragging-AUDjxQ, .byline-field-relation-many-tile-dragging) {
86
+ opacity: .85;
87
+ box-shadow: var(--shadow-md, 0 4px 12px #0003);
88
+ }
89
+
90
+ :is(.many-grip-i7LGT9, .byline-field-relation-many-grip) {
91
+ color: var(--gray-400);
92
+ cursor: grab;
93
+ touch-action: none;
94
+ background: none;
95
+ border: none;
96
+ flex-shrink: 0;
97
+ align-items: center;
98
+ padding: 0;
99
+ display: inline-flex;
100
+ }
101
+
102
+ .many-grip-i7LGT9:active {
103
+ cursor: grabbing;
104
+ }
105
+
106
+ .byline-field-relation-many-grip:active {
107
+ cursor: grabbing;
108
+ }
109
+
110
+ :is(.many-body-e8JKV8, .byline-field-relation-many-body) {
111
+ flex: auto;
112
+ min-width: 0;
113
+ }
114
+
115
+ :is(.many-remove-fuuKiO, .byline-field-relation-many-remove) {
116
+ flex-shrink: 0;
117
+ }
118
+
119
+ :is(.many-add-c5uQ7B, .byline-field-relation-many-add) {
120
+ margin-top: .25rem;
121
+ display: flex;
122
+ }
123
+
124
+ :is(.frame-uo2RPX, .byline-field-relation-frame) {
125
+ border: var(--border-width-thin) var(--border-style-solid) var(--field-border);
126
+ border-radius: var(--border-radius-md, 6px);
127
+ margin-top: .25rem;
128
+ padding: .5rem;
129
+ }
130
+
131
+ .frame-uo2RPX > .tile-Y3_yre, .frame-uo2RPX > .many-ohEmr7 {
132
+ margin-top: 0;
133
+ }
134
+
135
+ .byline-field-relation-frame > .byline-field-relation-tile {
136
+ margin-top: 0;
137
+ }
138
+
139
+ .byline-field-relation-frame > .byline-field-relation-many {
140
+ margin-top: 0;
141
+ }
142
+
143
+ .frame-uo2RPX > .many-empty-T0OJd9 {
144
+ margin-top: 0;
145
+ }
146
+
147
+ .byline-field-relation-frame > .byline-field-relation-many-empty {
148
+ margin-top: 0;
149
+ }
146
150
  }
147
151