@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,16 +1,20 @@
1
- :is(.wrap-Nbrlzw, .byline-account-theme-switch) {
2
- gap: var(--spacing-8);
3
- flex-direction: column;
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(.group-FhIRi0, .byline-account-theme-group) {
8
- width: 100%;
9
- }
3
+ @layer byline-components.cms {
4
+ :is(.wrap-Nbrlzw, .byline-account-theme-switch) {
5
+ gap: var(--spacing-8);
6
+ flex-direction: column;
7
+ display: flex;
8
+ }
9
+
10
+ :is(.group-FhIRi0, .byline-account-theme-group) {
11
+ width: 100%;
12
+ }
10
13
 
11
- :is(.help-SiI4LX, .byline-account-theme-help) {
12
- margin-top: var(--spacing-4);
13
- font-size: var(--font-size-xs);
14
- margin-bottom: 0;
14
+ :is(.help-SiI4LX, .byline-account-theme-help) {
15
+ margin-top: var(--spacing-4);
16
+ font-size: var(--font-size-xs);
17
+ margin-bottom: 0;
18
+ }
15
19
  }
16
20
 
@@ -1,27 +1,31 @@
1
- :is(.wrap-d0Vkmj, .byline-account-update-wrap) {
2
- gap: var(--spacing-8);
3
- padding: var(--spacing-4);
4
- margin-top: var(--spacing-4);
5
- flex-direction: column;
6
- display: flex;
7
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
8
2
 
9
- :is(.form-VjOmD9, .byline-account-update-form) {
10
- gap: var(--spacing-16);
11
- padding-top: var(--spacing-8);
12
- flex-direction: column;
13
- display: flex;
14
- }
3
+ @layer byline-components.cms {
4
+ :is(.wrap-d0Vkmj, .byline-account-update-wrap) {
5
+ gap: var(--spacing-8);
6
+ padding: var(--spacing-4);
7
+ margin-top: var(--spacing-4);
8
+ flex-direction: column;
9
+ display: flex;
10
+ }
15
11
 
16
- :is(.actions-QYTC9w, .byline-account-update-actions) {
17
- justify-content: flex-end;
18
- align-items: center;
19
- gap: var(--spacing-8);
20
- margin-top: var(--spacing-16);
21
- display: flex;
22
- }
12
+ :is(.form-VjOmD9, .byline-account-update-form) {
13
+ gap: var(--spacing-16);
14
+ padding-top: var(--spacing-8);
15
+ flex-direction: column;
16
+ display: flex;
17
+ }
18
+
19
+ :is(.actions-QYTC9w, .byline-account-update-actions) {
20
+ justify-content: flex-end;
21
+ align-items: center;
22
+ gap: var(--spacing-8);
23
+ margin-top: var(--spacing-16);
24
+ display: flex;
25
+ }
23
26
 
24
- :is(.action-Qs2VUY, .byline-account-update-action) {
25
- min-width: 4rem;
27
+ :is(.action-Qs2VUY, .byline-account-update-action) {
28
+ min-width: 4rem;
29
+ }
26
30
  }
27
31
 
@@ -1,238 +1,242 @@
1
- :is(.head-LSZDaP, .byline-inspector-head) {
2
- align-items: center;
3
- gap: var(--spacing-12);
4
- margin-bottom: var(--spacing-16);
5
- display: flex;
6
- }
7
-
8
- :is(.title-lDK_Fk, .byline-inspector-title) {
9
- margin: 0;
10
- }
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(.head-LSZDaP, .byline-inspector-head) {
5
+ align-items: center;
6
+ gap: var(--spacing-12);
7
+ margin-bottom: var(--spacing-16);
8
+ display: flex;
9
+ }
11
10
 
12
- :is(.count-pill-ITgdEl, .byline-inspector-count-pill) {
13
- background-color: var(--gray-25);
14
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
15
- padding: var(--spacing-4) var(--spacing-8);
16
- font-size: var(--font-size-sm);
17
- border-radius: var(--border-radius-sm);
18
- }
11
+ :is(.title-lDK_Fk, .byline-inspector-title) {
12
+ margin: 0;
13
+ }
19
14
 
20
- :is(.lead-izInZI, .byline-inspector-lead) {
21
- margin-bottom: var(--spacing-16);
22
- font-size: var(--font-size-sm);
23
- }
15
+ :is(.count-pill-ITgdEl, .byline-inspector-count-pill) {
16
+ background-color: var(--gray-25);
17
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
18
+ padding: var(--spacing-4) var(--spacing-8);
19
+ font-size: var(--font-size-sm);
20
+ border-radius: var(--border-radius-sm);
21
+ }
24
22
 
25
- :is(.groups-fkoeOF, .byline-inspector-groups) {
26
- gap: var(--spacing-8);
27
- flex-direction: column;
28
- display: flex;
29
- }
23
+ :is(.lead-izInZI, .byline-inspector-lead) {
24
+ margin-bottom: var(--spacing-16);
25
+ font-size: var(--font-size-sm);
26
+ }
30
27
 
31
- :is(.group-sFsp6u, .byline-inspector-group) {
32
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
33
- border-radius: var(--border-radius-sm);
34
- }
28
+ :is(.groups-fkoeOF, .byline-inspector-groups) {
29
+ gap: var(--spacing-8);
30
+ flex-direction: column;
31
+ display: flex;
32
+ }
35
33
 
36
- .group-sFsp6u summary::-webkit-details-marker {
37
- display: none;
38
- }
34
+ :is(.group-sFsp6u, .byline-inspector-group) {
35
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
36
+ border-radius: var(--border-radius-sm);
37
+ }
39
38
 
40
- :is(.group-summary-pHxhr7, .byline-inspector-group-summary) {
41
- cursor: pointer;
42
- padding: var(--spacing-12);
43
- justify-content: space-between;
44
- align-items: center;
45
- list-style: none;
46
- display: flex;
47
- }
39
+ .group-sFsp6u summary::-webkit-details-marker {
40
+ display: none;
41
+ }
48
42
 
49
- :is(.group-name-XGxN_k, .byline-inspector-group-name) {
50
- font-weight: var(--font-weight-medium);
51
- }
43
+ :is(.group-summary-pHxhr7, .byline-inspector-group-summary) {
44
+ cursor: pointer;
45
+ padding: var(--spacing-12);
46
+ justify-content: space-between;
47
+ align-items: center;
48
+ list-style: none;
49
+ display: flex;
50
+ }
52
51
 
53
- :is(.group-count-AySjLk, .byline-inspector-group-count) {
54
- font-size: var(--font-size-xs);
55
- }
52
+ :is(.group-name-XGxN_k, .byline-inspector-group-name) {
53
+ font-weight: var(--font-weight-medium);
54
+ }
56
55
 
57
- :is(.group-body-bsRbDC, .byline-inspector-group-body) {
58
- padding: 0 var(--spacing-12) var(--spacing-12) var(--spacing-12);
59
- }
56
+ :is(.group-count-AySjLk, .byline-inspector-group-count) {
57
+ font-size: var(--font-size-xs);
58
+ }
60
59
 
61
- :is(.row-EWBEL6, .byline-inspector-row) {
62
- border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
63
- padding: var(--spacing-8) 0;
64
- }
60
+ :is(.group-body-bsRbDC, .byline-inspector-group-body) {
61
+ padding: 0 var(--spacing-12) var(--spacing-12) var(--spacing-12);
62
+ }
65
63
 
66
- :is(.row-EWBEL6:first-child, .byline-inspector-row:first-child) {
67
- border-top: 0;
68
- }
64
+ :is(.row-EWBEL6, .byline-inspector-row) {
65
+ border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
66
+ padding: var(--spacing-8) 0;
67
+ }
69
68
 
70
- :is(.row-head-v7sV3a, .byline-inspector-row-head) {
71
- align-items: flex-start;
72
- gap: var(--spacing-12);
73
- display: flex;
74
- }
69
+ :is(.row-EWBEL6:first-child, .byline-inspector-row:first-child) {
70
+ border-top: 0;
71
+ }
75
72
 
76
- :is(.row-info-Ue09nn, .byline-inspector-row-info) {
77
- flex: 1 1 0;
78
- min-width: 0;
79
- }
73
+ :is(.row-head-v7sV3a, .byline-inspector-row-head) {
74
+ align-items: flex-start;
75
+ gap: var(--spacing-12);
76
+ display: flex;
77
+ }
80
78
 
81
- :is(.row-meta-vd_MXt, .byline-inspector-row-meta) {
82
- align-items: center;
83
- gap: var(--spacing-8);
84
- display: flex;
85
- }
79
+ :is(.row-info-Ue09nn, .byline-inspector-row-info) {
80
+ flex: 1 1 0;
81
+ min-width: 0;
82
+ }
86
83
 
87
- :is(.row-key-DOMQOX, .byline-inspector-row-key) {
88
- background-color: var(--gray-50);
89
- font-size: var(--font-size-xs);
90
- border-radius: var(--border-radius-sm);
91
- padding: .125rem .375rem;
92
- }
84
+ :is(.row-meta-vd_MXt, .byline-inspector-row-meta) {
85
+ align-items: center;
86
+ gap: var(--spacing-8);
87
+ display: flex;
88
+ }
93
89
 
94
- :is(.row-source-PVTPVk, .byline-inspector-row-source) {
95
- text-transform: uppercase;
96
- letter-spacing: .05em;
97
- border-radius: var(--border-radius-sm);
98
- background-color: var(--gray-100);
99
- color: var(--gray-800);
100
- padding: .125rem .375rem;
101
- font-size: .625rem;
102
- }
90
+ :is(.row-key-DOMQOX, .byline-inspector-row-key) {
91
+ background-color: var(--gray-50);
92
+ font-size: var(--font-size-xs);
93
+ border-radius: var(--border-radius-sm);
94
+ padding: .125rem .375rem;
95
+ }
103
96
 
104
- :is(.row-source-collection-jMqWJY, .byline-inspector-row-source-collection) {
105
- background-color: var(--gray-100);
106
- color: var(--gray-800);
107
- }
97
+ :is(.row-source-PVTPVk, .byline-inspector-row-source) {
98
+ text-transform: uppercase;
99
+ letter-spacing: .05em;
100
+ border-radius: var(--border-radius-sm);
101
+ background-color: var(--gray-100);
102
+ color: var(--gray-800);
103
+ padding: .125rem .375rem;
104
+ font-size: .625rem;
105
+ }
108
106
 
109
- :is(.row-source-admin-f0X_cD, .byline-inspector-row-source-admin) {
110
- background-color: var(--blue-50);
111
- color: var(--blue-700);
112
- }
107
+ :is(.row-source-collection-jMqWJY, .byline-inspector-row-source-collection) {
108
+ background-color: var(--gray-100);
109
+ color: var(--gray-800);
110
+ }
113
111
 
114
- :is(.row-source-plugin-mvW_Tv, .byline-inspector-row-source-plugin) {
115
- background-color: var(--primary-50);
116
- color: var(--primary-700);
117
- }
112
+ :is(.row-source-admin-f0X_cD, .byline-inspector-row-source-admin) {
113
+ background-color: var(--blue-50);
114
+ color: var(--blue-700);
115
+ }
118
116
 
119
- :is(.row-source-core-FpbsYQ, .byline-inspector-row-source-core) {
120
- background-color: var(--green-50);
121
- color: var(--green-700);
122
- }
117
+ :is(.row-source-plugin-mvW_Tv, .byline-inspector-row-source-plugin) {
118
+ background-color: var(--primary-50);
119
+ color: var(--primary-700);
120
+ }
123
121
 
124
- :is(.row-source-unknown-Y7M8Ui, .byline-inspector-row-source-unknown) {
125
- background-color: var(--gray-50);
126
- color: var(--gray-600);
127
- }
122
+ :is(.row-source-core-FpbsYQ, .byline-inspector-row-source-core) {
123
+ background-color: var(--green-50);
124
+ color: var(--green-700);
125
+ }
128
126
 
129
- :is(.row-label-AaK0cT, .byline-inspector-row-label) {
130
- margin: var(--spacing-4) 0 0 0;
131
- font-size: var(--font-size-sm);
132
- font-weight: var(--font-weight-medium);
133
- }
127
+ :is(.row-source-unknown-Y7M8Ui, .byline-inspector-row-source-unknown) {
128
+ background-color: var(--gray-50);
129
+ color: var(--gray-600);
130
+ }
134
131
 
135
- :is(.row-description-zN1YP1, .byline-inspector-row-description) {
136
- font-size: var(--font-size-xs);
137
- margin-bottom: 0;
138
- }
132
+ :is(.row-label-AaK0cT, .byline-inspector-row-label) {
133
+ margin: var(--spacing-4) 0 0 0;
134
+ font-size: var(--font-size-sm);
135
+ font-weight: var(--font-weight-medium);
136
+ }
139
137
 
140
- :is(.loader-Nd5rQi, .byline-inspector-loader) {
141
- align-items: center;
142
- gap: var(--spacing-8);
143
- margin-top: var(--spacing-8);
144
- font-size: var(--font-size-sm);
145
- display: flex;
146
- }
138
+ :is(.row-description-zN1YP1, .byline-inspector-row-description) {
139
+ font-size: var(--font-size-xs);
140
+ margin-bottom: 0;
141
+ }
147
142
 
148
- :is(.matrix-hXQUki, .byline-inspector-matrix) {
149
- margin-top: var(--spacing-8);
150
- gap: var(--spacing-12);
151
- padding: var(--spacing-12);
152
- background-color: var(--canvas-25);
153
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
154
- border-radius: var(--border-radius-sm);
155
- grid-template-columns: 1fr;
156
- display: grid;
157
- }
143
+ :is(.loader-Nd5rQi, .byline-inspector-loader) {
144
+ align-items: center;
145
+ gap: var(--spacing-8);
146
+ margin-top: var(--spacing-8);
147
+ font-size: var(--font-size-sm);
148
+ display: flex;
149
+ }
158
150
 
159
- @media (min-width: 40rem) {
160
151
  :is(.matrix-hXQUki, .byline-inspector-matrix) {
161
- grid-template-columns: 1fr 1fr;
152
+ margin-top: var(--spacing-8);
153
+ gap: var(--spacing-12);
154
+ padding: var(--spacing-12);
155
+ background-color: var(--canvas-25);
156
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
157
+ border-radius: var(--border-radius-sm);
158
+ grid-template-columns: 1fr;
159
+ display: grid;
162
160
  }
163
- }
164
161
 
165
- :is(.matrix-title-Cb_VsP, .byline-inspector-matrix-title) {
166
- margin: 0 0 var(--spacing-8) 0;
167
- font-size: var(--font-size-sm);
168
- font-weight: var(--font-weight-bold);
169
- }
162
+ @media (min-width: 40rem) {
163
+ :is(.matrix-hXQUki, .byline-inspector-matrix) {
164
+ grid-template-columns: 1fr 1fr;
165
+ }
166
+ }
170
167
 
171
- :is(.matrix-empty-hvBS57, .byline-inspector-matrix-empty) {
172
- font-style: italic;
173
- font-size: var(--font-size-sm);
174
- margin: 0;
175
- }
168
+ :is(.matrix-title-Cb_VsP, .byline-inspector-matrix-title) {
169
+ margin: 0 0 var(--spacing-8) 0;
170
+ font-size: var(--font-size-sm);
171
+ font-weight: var(--font-weight-bold);
172
+ }
176
173
 
177
- :is(.matrix-list-XIClzY, .byline-inspector-matrix-list) {
178
- font-size: var(--font-size-sm);
179
- margin: 0;
180
- padding: 0;
181
- list-style: none;
182
- }
174
+ :is(.matrix-empty-hvBS57, .byline-inspector-matrix-empty) {
175
+ font-style: italic;
176
+ font-size: var(--font-size-sm);
177
+ margin: 0;
178
+ }
183
179
 
184
- :is(.matrix-item-J5vk6D, .byline-inspector-matrix-item) {
185
- margin-bottom: var(--spacing-4);
186
- }
180
+ :is(.matrix-list-XIClzY, .byline-inspector-matrix-list) {
181
+ font-size: var(--font-size-sm);
182
+ margin: 0;
183
+ padding: 0;
184
+ list-style: none;
185
+ }
187
186
 
188
- :is(.matrix-name-TtDpnW, .byline-inspector-matrix-name) {
189
- font-weight: var(--font-weight-medium);
190
- }
187
+ :is(.matrix-item-J5vk6D, .byline-inspector-matrix-item) {
188
+ margin-bottom: var(--spacing-4);
189
+ }
191
190
 
192
- :is(:is([data-theme="dark"], .dark) .count-pill-ITgdEl, :is([data-theme="dark"], .dark) .byline-inspector-count-pill) {
193
- background-color: var(--canvas-700);
194
- border-color: var(--gray-700);
195
- }
191
+ :is(.matrix-name-TtDpnW, .byline-inspector-matrix-name) {
192
+ font-weight: var(--font-weight-medium);
193
+ }
196
194
 
197
- :is(:is([data-theme="dark"], .dark) .group-sFsp6u, :is([data-theme="dark"], .dark) .byline-inspector-group) {
198
- border-color: var(--gray-700);
199
- }
195
+ :is(:is([data-theme="dark"], .dark) .count-pill-ITgdEl, :is([data-theme="dark"], .dark) .byline-inspector-count-pill) {
196
+ background-color: var(--canvas-700);
197
+ border-color: var(--gray-700);
198
+ }
200
199
 
201
- :is(:is([data-theme="dark"], .dark) .row-EWBEL6, :is([data-theme="dark"], .dark) .byline-inspector-row) {
202
- border-top-color: var(--gray-700);
203
- }
200
+ :is(:is([data-theme="dark"], .dark) .group-sFsp6u, :is([data-theme="dark"], .dark) .byline-inspector-group) {
201
+ border-color: var(--gray-700);
202
+ }
204
203
 
205
- :is(:is([data-theme="dark"], .dark) .row-key-DOMQOX, :is([data-theme="dark"], .dark) .byline-inspector-row-key) {
206
- background-color: var(--canvas-800);
207
- }
204
+ :is(:is([data-theme="dark"], .dark) .row-EWBEL6, :is([data-theme="dark"], .dark) .byline-inspector-row) {
205
+ border-top-color: var(--gray-700);
206
+ }
208
207
 
209
- :is(:is([data-theme="dark"], .dark) .row-source-collection-jMqWJY, :is([data-theme="dark"], .dark) .byline-inspector-row-source-collection) {
210
- background-color: var(--canvas-700);
211
- color: var(--gray-200);
212
- }
208
+ :is(:is([data-theme="dark"], .dark) .row-key-DOMQOX, :is([data-theme="dark"], .dark) .byline-inspector-row-key) {
209
+ background-color: var(--canvas-800);
210
+ }
213
211
 
214
- :is(:is([data-theme="dark"], .dark) .row-source-admin-f0X_cD, :is([data-theme="dark"], .dark) .byline-inspector-row-source-admin) {
215
- background-color: var(--blue-900);
216
- color: var(--blue-200);
217
- }
212
+ :is(:is([data-theme="dark"], .dark) .row-source-collection-jMqWJY, :is([data-theme="dark"], .dark) .byline-inspector-row-source-collection) {
213
+ background-color: var(--canvas-700);
214
+ color: var(--gray-200);
215
+ }
218
216
 
219
- :is(:is([data-theme="dark"], .dark) .row-source-plugin-mvW_Tv, :is([data-theme="dark"], .dark) .byline-inspector-row-source-plugin) {
220
- background-color: var(--primary-900);
221
- color: var(--primary-200);
222
- }
217
+ :is(:is([data-theme="dark"], .dark) .row-source-admin-f0X_cD, :is([data-theme="dark"], .dark) .byline-inspector-row-source-admin) {
218
+ background-color: var(--blue-900);
219
+ color: var(--blue-200);
220
+ }
223
221
 
224
- :is(:is([data-theme="dark"], .dark) .row-source-core-FpbsYQ, :is([data-theme="dark"], .dark) .byline-inspector-row-source-core) {
225
- background-color: var(--green-900);
226
- color: var(--green-200);
227
- }
222
+ :is(:is([data-theme="dark"], .dark) .row-source-plugin-mvW_Tv, :is([data-theme="dark"], .dark) .byline-inspector-row-source-plugin) {
223
+ background-color: var(--primary-900);
224
+ color: var(--primary-200);
225
+ }
228
226
 
229
- :is(:is([data-theme="dark"], .dark) .row-source-unknown-Y7M8Ui, :is([data-theme="dark"], .dark) .byline-inspector-row-source-unknown) {
230
- background-color: var(--canvas-800);
231
- color: var(--gray-400);
232
- }
227
+ :is(:is([data-theme="dark"], .dark) .row-source-core-FpbsYQ, :is([data-theme="dark"], .dark) .byline-inspector-row-source-core) {
228
+ background-color: var(--green-900);
229
+ color: var(--green-200);
230
+ }
233
231
 
234
- :is(:is([data-theme="dark"], .dark) .matrix-hXQUki, :is([data-theme="dark"], .dark) .byline-inspector-matrix) {
235
- background-color: var(--canvas-800);
236
- border-color: var(--gray-700);
232
+ :is(:is([data-theme="dark"], .dark) .row-source-unknown-Y7M8Ui, :is([data-theme="dark"], .dark) .byline-inspector-row-source-unknown) {
233
+ background-color: var(--canvas-800);
234
+ color: var(--gray-400);
235
+ }
236
+
237
+ :is(:is([data-theme="dark"], .dark) .matrix-hXQUki, :is([data-theme="dark"], .dark) .byline-inspector-matrix) {
238
+ background-color: var(--canvas-800);
239
+ border-color: var(--gray-700);
240
+ }
237
241
  }
238
242
 
@@ -1,27 +1,31 @@
1
- :is(.wrap-TO0OTc, .byline-role-create-wrap) {
2
- gap: var(--spacing-8);
3
- padding: var(--spacing-4);
4
- margin-top: var(--spacing-4);
5
- flex-direction: column;
6
- display: flex;
7
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
8
2
 
9
- :is(.form-wmLTJg, .byline-role-create-form) {
10
- gap: var(--spacing-16);
11
- padding-top: var(--spacing-8);
12
- flex-direction: column;
13
- display: flex;
14
- }
3
+ @layer byline-components.cms {
4
+ :is(.wrap-TO0OTc, .byline-role-create-wrap) {
5
+ gap: var(--spacing-8);
6
+ padding: var(--spacing-4);
7
+ margin-top: var(--spacing-4);
8
+ flex-direction: column;
9
+ display: flex;
10
+ }
15
11
 
16
- :is(.actions-mZfReT, .byline-role-create-actions) {
17
- justify-content: flex-end;
18
- align-items: center;
19
- gap: var(--spacing-8);
20
- margin-top: var(--spacing-16);
21
- display: flex;
22
- }
12
+ :is(.form-wmLTJg, .byline-role-create-form) {
13
+ gap: var(--spacing-16);
14
+ padding-top: var(--spacing-8);
15
+ flex-direction: column;
16
+ display: flex;
17
+ }
18
+
19
+ :is(.actions-mZfReT, .byline-role-create-actions) {
20
+ justify-content: flex-end;
21
+ align-items: center;
22
+ gap: var(--spacing-8);
23
+ margin-top: var(--spacing-16);
24
+ display: flex;
25
+ }
23
26
 
24
- :is(.action-yPyZD3, .byline-role-create-action) {
25
- min-width: 4rem;
27
+ :is(.action-yPyZD3, .byline-role-create-action) {
28
+ min-width: 4rem;
29
+ }
26
30
  }
27
31