@byline/host-tanstack-start 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 (59) hide show
  1. package/dist/admin-shell/admin-activity/list_module.css +47 -43
  2. package/dist/admin-shell/admin-roles/container_module.css +75 -71
  3. package/dist/admin-shell/admin-roles/delete_module.css +31 -27
  4. package/dist/admin-shell/admin-roles/list_module.css +95 -91
  5. package/dist/admin-shell/admin-users/container_module.css +112 -108
  6. package/dist/admin-shell/admin-users/delete_module.css +31 -27
  7. package/dist/admin-shell/admin-users/list_module.css +92 -88
  8. package/dist/admin-shell/chrome/admin-app-bar_module.css +53 -49
  9. package/dist/admin-shell/chrome/admin-drawer-toggle_module.css +20 -16
  10. package/dist/admin-shell/chrome/admin-layout_module.css +10 -6
  11. package/dist/admin-shell/chrome/admin-menu-drawer_module.css +149 -145
  12. package/dist/admin-shell/chrome/branding_module.css +12 -8
  13. package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs_module.css +179 -175
  14. package/dist/admin-shell/chrome/content_module.css +12 -8
  15. package/dist/admin-shell/chrome/dashboard_module.css +203 -199
  16. package/dist/admin-shell/chrome/hamburger_module.css +9 -5
  17. package/dist/admin-shell/chrome/route-error_module.css +78 -74
  18. package/dist/admin-shell/chrome/route-progress-bar_module.css +25 -21
  19. package/dist/admin-shell/chrome/session-change-boundary_module.css +72 -68
  20. package/dist/admin-shell/chrome/sign-in-page_module.css +65 -61
  21. package/dist/admin-shell/chrome/th-sortable_module.css +45 -41
  22. package/dist/admin-shell/collections/api_module.css +37 -33
  23. package/dist/admin-shell/collections/document-history_module.css +25 -21
  24. package/dist/admin-shell/collections/history_module.css +169 -165
  25. package/dist/admin-shell/collections/list_module.css +136 -132
  26. package/dist/admin-shell/collections/restore-version-modal_module.css +28 -24
  27. package/dist/admin-shell/collections/tree-list_module.css +119 -115
  28. package/dist/admin-shell/collections/view-menu_module.css +46 -42
  29. package/dist/admin-shell/scheduled-publications/list_module.css +99 -95
  30. package/package.json +10 -10
  31. package/src/admin-shell/admin-activity/list.module.css +60 -44
  32. package/src/admin-shell/admin-roles/container.module.css +105 -89
  33. package/src/admin-shell/admin-roles/delete.module.css +50 -34
  34. package/src/admin-shell/admin-roles/list.module.css +134 -118
  35. package/src/admin-shell/admin-users/container.module.css +157 -141
  36. package/src/admin-shell/admin-users/delete.module.css +50 -34
  37. package/src/admin-shell/admin-users/list.module.css +131 -115
  38. package/src/admin-shell/chrome/admin-app-bar.module.css +72 -56
  39. package/src/admin-shell/chrome/admin-drawer-toggle.module.css +36 -20
  40. package/src/admin-shell/chrome/admin-layout.module.css +22 -9
  41. package/src/admin-shell/chrome/admin-menu-drawer.module.css +213 -197
  42. package/src/admin-shell/chrome/branding.module.css +26 -10
  43. package/src/admin-shell/chrome/breadcrumbs/breadcrumbs.module.css +161 -145
  44. package/src/admin-shell/chrome/content.module.css +25 -9
  45. package/src/admin-shell/chrome/dashboard.module.css +270 -254
  46. package/src/admin-shell/chrome/hamburger.module.css +22 -6
  47. package/src/admin-shell/chrome/route-error.module.css +99 -83
  48. package/src/admin-shell/chrome/route-progress-bar.module.css +44 -28
  49. package/src/admin-shell/chrome/session-change-boundary.module.css +98 -82
  50. package/src/admin-shell/chrome/sign-in-page.module.css +86 -70
  51. package/src/admin-shell/chrome/th-sortable.module.css +54 -38
  52. package/src/admin-shell/collections/api.module.css +56 -40
  53. package/src/admin-shell/collections/document-history.module.css +43 -27
  54. package/src/admin-shell/collections/history.module.css +208 -192
  55. package/src/admin-shell/collections/list.module.css +162 -146
  56. package/src/admin-shell/collections/restore-version-modal.module.css +46 -30
  57. package/src/admin-shell/collections/tree-list.module.css +142 -126
  58. package/src/admin-shell/collections/view-menu.module.css +70 -57
  59. package/src/admin-shell/scheduled-publications/list.module.css +116 -100
package/src/admin-shell/chrome/breadcrumbs/breadcrumbs.module.css CHANGED
@@ -1,3 +1,17 @@
1
+ @layer base,
2
+ byline-base,
3
+ theme,
4
+ byline-theme,
5
+ byline-functional,
6
+ byline-typography,
7
+ components,
8
+ byline-components,
9
+ overrides,
10
+ byline-utilities,
11
+ utilities;
12
+
13
+ @layer byline-components.primitives, byline-components.cms;
14
+
1
15
  /**
2
16
  * Breadcrumbs — admin app-bar trail.
3
17
  *
@@ -13,165 +27,167 @@
13
27
  * .byline-breadcrumbs-overflow-item — each link inside the overflow dropdown
14
28
  */
15
29
 
16
- .nav,
17
- :global(.byline-breadcrumbs) {
18
- display: flex;
19
- position: relative;
20
- min-width: 0;
21
- flex: 1 1 auto;
22
- overflow: hidden;
23
- }
30
+ @layer byline-components.cms {
31
+ .nav,
32
+ :global(.byline-breadcrumbs) {
33
+ display: flex;
34
+ position: relative;
35
+ min-width: 0;
36
+ flex: 1 1 auto;
37
+ overflow: hidden;
38
+ }
24
39
 
25
- .list,
26
- :global(.byline-breadcrumbs-list) {
27
- display: inline-flex;
28
- flex-wrap: nowrap;
29
- white-space: nowrap;
30
- align-items: center;
31
- list-style: none;
32
- margin: 0;
33
- padding: 0;
34
- gap: 0.25rem;
35
- }
40
+ .list,
41
+ :global(.byline-breadcrumbs-list) {
42
+ display: inline-flex;
43
+ flex-wrap: nowrap;
44
+ white-space: nowrap;
45
+ align-items: center;
46
+ list-style: none;
47
+ margin: 0;
48
+ padding: 0;
49
+ gap: 0.25rem;
50
+ }
36
51
 
37
- /* Hidden measurement layer: mirrors all items so we can read their widths
52
+ /* Hidden measurement layer: mirrors all items so we can read their widths
38
53
  without affecting layout. Positioned absolutely with visibility hidden so
39
54
  it takes up no flow space and isn't focusable / clickable. */
40
- .measure {
41
- position: absolute;
42
- top: 0;
43
- left: 0;
44
- visibility: hidden;
45
- pointer-events: none;
46
- }
55
+ .measure {
56
+ position: absolute;
57
+ top: 0;
58
+ left: 0;
59
+ visibility: hidden;
60
+ pointer-events: none;
61
+ }
47
62
 
48
- .item,
49
- :global(.byline-breadcrumbs-item) {
50
- display: inline-flex;
51
- align-items: center;
52
- margin: 0;
53
- padding: 0;
54
- flex: 0 0 auto;
55
- }
63
+ .item,
64
+ :global(.byline-breadcrumbs-item) {
65
+ display: inline-flex;
66
+ align-items: center;
67
+ margin: 0;
68
+ padding: 0;
69
+ flex: 0 0 auto;
70
+ }
56
71
 
57
- .link,
58
- :global(.byline-breadcrumbs-link) {
59
- display: inline-flex;
60
- align-items: center;
61
- margin: 0;
62
- font-size: 0.875rem;
63
- font-weight: 500;
64
- color: var(--gray-900);
65
- }
66
- .link:hover,
67
- :global(.byline-breadcrumbs-link:hover) {
68
- color: var(--gray-800);
69
- }
72
+ .link,
73
+ :global(.byline-breadcrumbs-link) {
74
+ display: inline-flex;
75
+ align-items: center;
76
+ margin: 0;
77
+ font-size: 0.875rem;
78
+ font-weight: 500;
79
+ color: var(--gray-900);
80
+ }
81
+ .link:hover,
82
+ :global(.byline-breadcrumbs-link:hover) {
83
+ color: var(--gray-800);
84
+ }
70
85
 
71
- :is([data-theme="dark"], :global(.dark)) .link,
72
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-link) {
73
- color: var(--gray-400);
74
- }
75
- :is([data-theme="dark"], :global(.dark)) .link:hover,
76
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-link:hover) {
77
- color: #ffffff;
78
- }
86
+ :is([data-theme="dark"], :global(.dark)) .link,
87
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-link) {
88
+ color: var(--gray-400);
89
+ }
90
+ :is([data-theme="dark"], :global(.dark)) .link:hover,
91
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-link:hover) {
92
+ color: #ffffff;
93
+ }
79
94
 
80
- .leaf,
81
- :global(.byline-breadcrumbs-leaf) {
82
- font-size: 0.875rem;
83
- font-weight: 500;
84
- line-height: 1.25rem;
85
- color: var(--gray-800);
86
- }
87
- :is([data-theme="dark"], :global(.dark)) .leaf,
88
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-leaf) {
89
- color: var(--gray-400);
90
- }
95
+ .leaf,
96
+ :global(.byline-breadcrumbs-leaf) {
97
+ font-size: 0.875rem;
98
+ font-weight: 500;
99
+ line-height: 1.25rem;
100
+ color: var(--gray-800);
101
+ }
102
+ :is([data-theme="dark"], :global(.dark)) .leaf,
103
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-leaf) {
104
+ color: var(--gray-400);
105
+ }
91
106
 
92
- .homeIcon,
93
- :global(.byline-breadcrumbs-home-icon) {
94
- width: 1rem;
95
- height: 1rem;
96
- margin-right: 0.5rem;
97
- }
107
+ .homeIcon,
108
+ :global(.byline-breadcrumbs-home-icon) {
109
+ width: 1rem;
110
+ height: 1rem;
111
+ margin-right: 0.5rem;
112
+ }
98
113
 
99
- .chevron,
100
- :global(.byline-breadcrumbs-chevron) {
101
- width: 1.25rem;
102
- height: 1.25rem;
103
- color: var(--gray-400);
104
- }
114
+ .chevron,
115
+ :global(.byline-breadcrumbs-chevron) {
116
+ width: 1.25rem;
117
+ height: 1.25rem;
118
+ color: var(--gray-400);
119
+ }
105
120
 
106
- .chevronCurrent,
107
- :global(.byline-breadcrumbs-chevron-current) {
108
- color: var(--gray-900);
109
- }
110
- :is([data-theme="dark"], :global(.dark)) .chevronCurrent,
111
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-chevron-current) {
112
- color: var(--gray-600);
113
- }
121
+ .chevronCurrent,
122
+ :global(.byline-breadcrumbs-chevron-current) {
123
+ color: var(--gray-900);
124
+ }
125
+ :is([data-theme="dark"], :global(.dark)) .chevronCurrent,
126
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-chevron-current) {
127
+ color: var(--gray-600);
128
+ }
114
129
 
115
- .overflowTrigger,
116
- :global(.byline-breadcrumbs-overflow-trigger) {
117
- display: inline-flex;
118
- align-items: center;
119
- justify-content: center;
120
- margin: 0;
121
- padding: 0 0.125rem;
122
- background: transparent;
123
- border: 0;
124
- border-radius: 0.25rem;
125
- color: var(--gray-700);
126
- cursor: pointer;
127
- font: inherit;
128
- line-height: 1;
129
- }
130
- .overflowTrigger:hover,
131
- :global(.byline-breadcrumbs-overflow-trigger:hover) {
132
- background-color: var(--gray-100);
133
- color: var(--gray-900);
134
- }
135
- .overflowTrigger:focus-visible,
136
- :global(.byline-breadcrumbs-overflow-trigger:focus-visible) {
137
- outline: 2px solid var(--gray-400);
138
- outline-offset: 1px;
139
- }
130
+ .overflowTrigger,
131
+ :global(.byline-breadcrumbs-overflow-trigger) {
132
+ display: inline-flex;
133
+ align-items: center;
134
+ justify-content: center;
135
+ margin: 0;
136
+ padding: 0 0.125rem;
137
+ background: transparent;
138
+ border: 0;
139
+ border-radius: 0.25rem;
140
+ color: var(--gray-700);
141
+ cursor: pointer;
142
+ font: inherit;
143
+ line-height: 1;
144
+ }
145
+ .overflowTrigger:hover,
146
+ :global(.byline-breadcrumbs-overflow-trigger:hover) {
147
+ background-color: var(--gray-100);
148
+ color: var(--gray-900);
149
+ }
150
+ .overflowTrigger:focus-visible,
151
+ :global(.byline-breadcrumbs-overflow-trigger:focus-visible) {
152
+ outline: 2px solid var(--gray-400);
153
+ outline-offset: 1px;
154
+ }
140
155
 
141
- :is([data-theme="dark"], :global(.dark)) .overflowTrigger,
142
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-trigger) {
143
- color: var(--gray-400);
144
- }
145
- :is([data-theme="dark"], :global(.dark)) .overflowTrigger:hover,
146
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-trigger:hover) {
147
- background-color: var(--gray-800);
148
- color: #ffffff;
149
- }
156
+ :is([data-theme="dark"], :global(.dark)) .overflowTrigger,
157
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-trigger) {
158
+ color: var(--gray-400);
159
+ }
160
+ :is([data-theme="dark"], :global(.dark)) .overflowTrigger:hover,
161
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-trigger:hover) {
162
+ background-color: var(--gray-800);
163
+ color: #ffffff;
164
+ }
150
165
 
151
- .overflowIcon,
152
- :global(.byline-breadcrumbs-overflow-icon) {
153
- width: 1rem;
154
- height: 1rem;
155
- }
166
+ .overflowIcon,
167
+ :global(.byline-breadcrumbs-overflow-icon) {
168
+ width: 1rem;
169
+ height: 1rem;
170
+ }
156
171
 
157
- .overflowItem,
158
- :global(.byline-breadcrumbs-overflow-item) {
159
- padding: 0.375rem 0.625rem;
160
- font-size: 0.875rem;
161
- color: var(--gray-900);
162
- text-decoration: none;
163
- cursor: pointer;
164
- }
165
- .overflowItem:hover,
166
- :global(.byline-breadcrumbs-overflow-item:hover) {
167
- color: var(--gray-900);
168
- }
172
+ .overflowItem,
173
+ :global(.byline-breadcrumbs-overflow-item) {
174
+ padding: 0.375rem 0.625rem;
175
+ font-size: 0.875rem;
176
+ color: var(--gray-900);
177
+ text-decoration: none;
178
+ cursor: pointer;
179
+ }
180
+ .overflowItem:hover,
181
+ :global(.byline-breadcrumbs-overflow-item:hover) {
182
+ color: var(--gray-900);
183
+ }
169
184
 
170
- :is([data-theme="dark"], :global(.dark)) .overflowItem,
171
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-item) {
172
- color: var(--gray-300);
173
- }
174
- :is([data-theme="dark"], :global(.dark)) .overflowItem:hover,
175
- :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-item:hover) {
176
- color: #ffffff;
185
+ :is([data-theme="dark"], :global(.dark)) .overflowItem,
186
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-item) {
187
+ color: var(--gray-300);
188
+ }
189
+ :is([data-theme="dark"], :global(.dark)) .overflowItem:hover,
190
+ :is([data-theme="dark"], :global(.dark)) :global(.byline-breadcrumbs-overflow-item:hover) {
191
+ color: #ffffff;
192
+ }
177
193
  }
package/src/admin-shell/chrome/content.module.css CHANGED
@@ -1,16 +1,32 @@
1
+ @layer base,
2
+ byline-base,
3
+ theme,
4
+ byline-theme,
5
+ byline-functional,
6
+ byline-typography,
7
+ components,
8
+ byline-components,
9
+ overrides,
10
+ byline-utilities,
11
+ utilities;
12
+
13
+ @layer byline-components.primitives, byline-components.cms;
14
+
1
15
  /**
2
16
  * Content — main scrollable region of the admin shell.
3
17
  *
4
18
  * Override handle: .byline-admin-content
5
19
  */
6
20
 
7
- .root,
8
- :global(.byline-admin-content) {
9
- display: flex;
10
- flex: 1 1 0%;
11
- flex-direction: column;
12
- min-width: 0;
13
- min-height: 0;
14
- padding-top: 1rem;
15
- padding-bottom: 1.5rem;
21
+ @layer byline-components.cms {
22
+ .root,
23
+ :global(.byline-admin-content) {
24
+ display: flex;
25
+ flex: 1 1 0%;
26
+ flex-direction: column;
27
+ min-width: 0;
28
+ min-height: 0;
29
+ padding-top: 1rem;
30
+ padding-bottom: 1.5rem;
31
+ }
16
32
  }