@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
@@ -1,192 +1,196 @@
1
- :is(.wrap-oHhxZn, .byline-role-permissions-wrap) {
2
- gap: var(--spacing-12);
3
- margin-bottom: var(--spacing-48);
4
- flex-direction: column;
5
- display: flex;
6
- }
7
-
8
- :is(.toolbar-xiFHRx, .byline-role-permissions-toolbar) {
9
- align-items: center;
10
- gap: var(--spacing-12);
11
- padding: var(--spacing-12);
12
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
13
- background-color: var(--canvas-25);
14
- border-radius: var(--border-radius-sm);
15
- flex-wrap: wrap;
16
- display: flex;
17
- }
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(.wrap-oHhxZn, .byline-role-permissions-wrap) {
5
+ gap: var(--spacing-12);
6
+ margin-bottom: var(--spacing-48);
7
+ flex-direction: column;
8
+ display: flex;
9
+ }
18
10
 
19
- :is(.counter-pkbHZT, .byline-role-permissions-counter) {
20
- font-size: var(--font-size-sm);
21
- margin: 0;
22
- }
11
+ :is(.toolbar-xiFHRx, .byline-role-permissions-toolbar) {
12
+ align-items: center;
13
+ gap: var(--spacing-12);
14
+ padding: var(--spacing-12);
15
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
16
+ background-color: var(--canvas-25);
17
+ border-radius: var(--border-radius-sm);
18
+ flex-wrap: wrap;
19
+ display: flex;
20
+ }
23
21
 
24
- :is(.counter-num-zDSQWA, .byline-role-permissions-counter-num) {
25
- font-weight: var(--font-weight-medium);
26
- }
22
+ :is(.counter-pkbHZT, .byline-role-permissions-counter) {
23
+ font-size: var(--font-size-sm);
24
+ margin: 0;
25
+ }
27
26
 
28
- :is(.actions-TSS9AS, .byline-role-permissions-actions) {
29
- align-items: center;
30
- gap: var(--spacing-8);
31
- margin-left: auto;
32
- display: flex;
33
- }
27
+ :is(.counter-num-zDSQWA, .byline-role-permissions-counter-num) {
28
+ font-weight: var(--font-weight-medium);
29
+ }
34
30
 
35
- :is(.action-jzyool, .byline-role-permissions-action) {
36
- min-width: 4rem;
37
- }
31
+ :is(.actions-TSS9AS, .byline-role-permissions-actions) {
32
+ align-items: center;
33
+ gap: var(--spacing-8);
34
+ margin-left: auto;
35
+ display: flex;
36
+ }
38
37
 
39
- :is(.checkbox-auto-TFunEY, .byline-role-permissions-checkbox-auto) {
40
- width: auto !important;
41
- }
38
+ :is(.action-jzyool, .byline-role-permissions-action) {
39
+ min-width: 4rem;
40
+ }
42
41
 
43
- :is(.groups-agis2F, .byline-role-permissions-groups) {
44
- gap: var(--spacing-8);
45
- flex-direction: column;
46
- display: flex;
47
- }
42
+ :is(.checkbox-auto-TFunEY, .byline-role-permissions-checkbox-auto) {
43
+ width: auto;
44
+ }
48
45
 
49
- :is(.group-Xf1YG0, .byline-role-permissions-group) {
50
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
51
- border-radius: var(--border-radius-sm);
52
- }
46
+ :is(.groups-agis2F, .byline-role-permissions-groups) {
47
+ gap: var(--spacing-8);
48
+ flex-direction: column;
49
+ display: flex;
50
+ }
53
51
 
54
- :is(.group-head-IUhwe9, .byline-role-permissions-group-head) {
55
- padding: var(--spacing-12);
56
- border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
57
- justify-content: space-between;
58
- align-items: center;
59
- display: flex;
60
- }
52
+ :is(.group-Xf1YG0, .byline-role-permissions-group) {
53
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
54
+ border-radius: var(--border-radius-sm);
55
+ }
61
56
 
62
- :is(.group-name-jAKMI7, .byline-role-permissions-group-name) {
63
- font-weight: var(--font-weight-medium);
64
- }
57
+ :is(.group-head-IUhwe9, .byline-role-permissions-group-head) {
58
+ padding: var(--spacing-12);
59
+ border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
60
+ justify-content: space-between;
61
+ align-items: center;
62
+ display: flex;
63
+ }
65
64
 
66
- :is(.group-count-BQDjxo, .byline-role-permissions-group-count) {
67
- margin-left: var(--spacing-8);
68
- font-size: var(--font-size-xs);
69
- }
65
+ :is(.group-name-jAKMI7, .byline-role-permissions-group-name) {
66
+ font-weight: var(--font-weight-medium);
67
+ }
70
68
 
71
- :is(.group-buttons-KZVdZK, .byline-role-permissions-group-buttons) {
72
- align-items: center;
73
- gap: var(--spacing-4);
74
- display: flex;
75
- }
69
+ :is(.group-count-BQDjxo, .byline-role-permissions-group-count) {
70
+ margin-left: var(--spacing-8);
71
+ font-size: var(--font-size-xs);
72
+ }
76
73
 
77
- :is(.grid-tLxHtG, .byline-role-permissions-grid) {
78
- gap: var(--spacing-4);
79
- padding: var(--spacing-12);
80
- grid-template-columns: 1fr;
81
- display: grid;
82
- }
74
+ :is(.group-buttons-KZVdZK, .byline-role-permissions-group-buttons) {
75
+ align-items: center;
76
+ gap: var(--spacing-4);
77
+ display: flex;
78
+ }
83
79
 
84
- @media (min-width: 40rem) {
85
80
  :is(.grid-tLxHtG, .byline-role-permissions-grid) {
86
- grid-template-columns: 1fr 1fr;
81
+ gap: var(--spacing-4);
82
+ padding: var(--spacing-12);
83
+ grid-template-columns: 1fr;
84
+ display: grid;
87
85
  }
88
- }
89
86
 
90
- :is(.row-Q7NujV, .byline-role-permissions-row) {
91
- align-items: flex-start;
92
- gap: var(--spacing-8);
93
- padding: var(--spacing-4) 0;
94
- display: flex;
95
- }
87
+ @media (min-width: 40rem) {
88
+ :is(.grid-tLxHtG, .byline-role-permissions-grid) {
89
+ grid-template-columns: 1fr 1fr;
90
+ }
91
+ }
96
92
 
97
- :is(.label-wOoMvK, .byline-role-permissions-label) {
98
- cursor: default;
99
- flex: 1 1 0;
100
- min-width: 0;
101
- }
93
+ :is(.row-Q7NujV, .byline-role-permissions-row) {
94
+ align-items: flex-start;
95
+ gap: var(--spacing-8);
96
+ padding: var(--spacing-4) 0;
97
+ display: flex;
98
+ }
102
99
 
103
- :is(.label-edit-oRTY7d, .byline-role-permissions-label-edit) {
104
- cursor: pointer;
105
- }
100
+ :is(.label-wOoMvK, .byline-role-permissions-label) {
101
+ cursor: default;
102
+ flex: 1 1 0;
103
+ min-width: 0;
104
+ }
106
105
 
107
- :is(.label-head-nm1MZV, .byline-role-permissions-label-head) {
108
- align-items: center;
109
- gap: var(--spacing-8);
110
- display: flex;
111
- }
106
+ :is(.label-edit-oRTY7d, .byline-role-permissions-label-edit) {
107
+ cursor: pointer;
108
+ }
112
109
 
113
- :is(.label-name-c9gt0V, .byline-role-permissions-label-name) {
114
- font-size: var(--font-size-sm);
115
- font-weight: var(--font-weight-medium);
116
- }
110
+ :is(.label-head-nm1MZV, .byline-role-permissions-label-head) {
111
+ align-items: center;
112
+ gap: var(--spacing-8);
113
+ display: flex;
114
+ }
117
115
 
118
- :is(.key-ZIoxQA, .byline-role-permissions-key) {
119
- background-color: var(--gray-100);
120
- font-size: var(--font-size-xs);
121
- border-radius: var(--border-radius-sm);
122
- padding: .125rem .375rem;
123
- }
116
+ :is(.label-name-c9gt0V, .byline-role-permissions-label-name) {
117
+ font-size: var(--font-size-sm);
118
+ font-weight: var(--font-weight-medium);
119
+ }
124
120
 
125
- :is(.description-FHyeNa, .byline-role-permissions-description) {
126
- font-size: var(--font-size-xs);
127
- margin-bottom: 0;
128
- }
121
+ :is(.key-ZIoxQA, .byline-role-permissions-key) {
122
+ background-color: var(--gray-100);
123
+ font-size: var(--font-size-xs);
124
+ border-radius: var(--border-radius-sm);
125
+ padding: .125rem .375rem;
126
+ }
129
127
 
130
- :is(.mode-toggle-rfVYTa, .byline-role-permissions-mode-toggle) {
131
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
132
- border-radius: var(--border-radius-sm);
133
- display: inline-flex;
134
- overflow: hidden;
135
- }
128
+ :is(.description-FHyeNa, .byline-role-permissions-description) {
129
+ font-size: var(--font-size-xs);
130
+ margin-bottom: 0;
131
+ }
136
132
 
137
- :is(.mode-button-y37cUe, .byline-role-permissions-mode-button) {
138
- font-size: var(--font-size-xs);
139
- cursor: pointer;
140
- background-color: #0000;
141
- border: 0;
142
- padding: .125rem .625rem;
143
- transition: background-color .15s;
144
- }
133
+ :is(.mode-toggle-rfVYTa, .byline-role-permissions-mode-toggle) {
134
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
135
+ border-radius: var(--border-radius-sm);
136
+ display: inline-flex;
137
+ overflow: hidden;
138
+ }
145
139
 
146
- :is(.mode-button-y37cUe:hover, .byline-role-permissions-mode-button:hover) {
147
- background-color: var(--gray-50);
148
- }
140
+ :is(.mode-button-y37cUe, .byline-role-permissions-mode-button) {
141
+ font-size: var(--font-size-xs);
142
+ cursor: pointer;
143
+ background-color: #0000;
144
+ border: 0;
145
+ padding: .125rem .625rem;
146
+ transition: background-color .15s;
147
+ }
149
148
 
150
- :is(.mode-button-active-O9hDFq, .byline-role-permissions-mode-button-active) {
151
- background-color: var(--gray-100);
152
- font-weight: var(--font-weight-medium);
153
- }
149
+ :is(.mode-button-y37cUe:hover, .byline-role-permissions-mode-button:hover) {
150
+ background-color: var(--gray-50);
151
+ }
154
152
 
155
- :is(.mode-button-divider-i7CEW9, .byline-role-permissions-mode-button-divider) {
156
- border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
157
- }
153
+ :is(.mode-button-active-O9hDFq, .byline-role-permissions-mode-button-active) {
154
+ background-color: var(--gray-100);
155
+ font-weight: var(--font-weight-medium);
156
+ }
158
157
 
159
- :is(.mode-button-disabled-i9SxhV, .byline-role-permissions-mode-button-disabled) {
160
- opacity: .5;
161
- cursor: not-allowed;
162
- }
158
+ :is(.mode-button-divider-i7CEW9, .byline-role-permissions-mode-button-divider) {
159
+ border-left: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
160
+ }
163
161
 
164
- :is(:is([data-theme="dark"], .dark) .toolbar-xiFHRx, :is([data-theme="dark"], .dark) .byline-role-permissions-toolbar) {
165
- border-color: var(--gray-700);
166
- background-color: var(--canvas-800);
167
- }
162
+ :is(.mode-button-disabled-i9SxhV, .byline-role-permissions-mode-button-disabled) {
163
+ opacity: .5;
164
+ cursor: not-allowed;
165
+ }
168
166
 
169
- :is(:is([data-theme="dark"], .dark) .group-Xf1YG0, :is([data-theme="dark"], .dark) .byline-role-permissions-group) {
170
- border-color: var(--gray-700);
171
- }
167
+ :is(:is([data-theme="dark"], .dark) .toolbar-xiFHRx, :is([data-theme="dark"], .dark) .byline-role-permissions-toolbar) {
168
+ border-color: var(--gray-700);
169
+ background-color: var(--canvas-800);
170
+ }
172
171
 
173
- :is(:is([data-theme="dark"], .dark) .group-head-IUhwe9, :is([data-theme="dark"], .dark) .byline-role-permissions-group-head) {
174
- border-bottom-color: var(--gray-700);
175
- }
172
+ :is(:is([data-theme="dark"], .dark) .group-Xf1YG0, :is([data-theme="dark"], .dark) .byline-role-permissions-group) {
173
+ border-color: var(--gray-700);
174
+ }
176
175
 
177
- :is(:is([data-theme="dark"], .dark) .key-ZIoxQA, :is([data-theme="dark"], .dark) .byline-role-permissions-key) {
178
- background-color: var(--canvas-800);
179
- }
176
+ :is(:is([data-theme="dark"], .dark) .group-head-IUhwe9, :is([data-theme="dark"], .dark) .byline-role-permissions-group-head) {
177
+ border-bottom-color: var(--gray-700);
178
+ }
180
179
 
181
- :is(:is([data-theme="dark"], .dark) .mode-toggle-rfVYTa, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-toggle) {
182
- border-color: var(--gray-700);
183
- }
180
+ :is(:is([data-theme="dark"], .dark) .key-ZIoxQA, :is([data-theme="dark"], .dark) .byline-role-permissions-key) {
181
+ background-color: var(--canvas-800);
182
+ }
184
183
 
185
- :is(:is([data-theme="dark"], .dark) .mode-button-y37cUe:hover, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button:hover), :is(:is([data-theme="dark"], .dark) .mode-button-active-O9hDFq, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-active) {
186
- background-color: var(--canvas-700);
187
- }
184
+ :is(:is([data-theme="dark"], .dark) .mode-toggle-rfVYTa, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-toggle) {
185
+ border-color: var(--gray-700);
186
+ }
187
+
188
+ :is(:is([data-theme="dark"], .dark) .mode-button-y37cUe:hover, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button:hover), :is(:is([data-theme="dark"], .dark) .mode-button-active-O9hDFq, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-active) {
189
+ background-color: var(--canvas-700);
190
+ }
188
191
 
189
- :is(:is([data-theme="dark"], .dark) .mode-button-divider-i7CEW9, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-divider) {
190
- border-left-color: var(--gray-700);
192
+ :is(:is([data-theme="dark"], .dark) .mode-button-divider-i7CEW9, :is([data-theme="dark"], .dark) .byline-role-permissions-mode-button-divider) {
193
+ border-left-color: var(--gray-700);
194
+ }
191
195
  }
192
196
 
@@ -1,27 +1,31 @@
1
- :is(.wrap-eLLoXn, .byline-role-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-xu5exJ, .byline-role-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-eLLoXn, .byline-role-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-seCJ1H, .byline-role-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-xu5exJ, .byline-role-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-seCJ1H, .byline-role-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-zmeHlJ, .byline-role-update-action) {
25
- min-width: 4rem;
27
+ :is(.action-zmeHlJ, .byline-role-update-action) {
28
+ min-width: 4rem;
29
+ }
26
30
  }
27
31
 
@@ -1,45 +1,49 @@
1
- :is(.wrap-zOIv8P, .byline-user-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-LV97FA, .byline-user-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-zOIv8P, .byline-user-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(.grid-SZGMP9, .byline-user-create-grid) {
17
- gap: var(--spacing-16);
18
- grid-template-columns: 1fr;
19
- display: grid;
20
- }
12
+ :is(.form-LV97FA, .byline-user-create-form) {
13
+ gap: var(--spacing-16);
14
+ padding-top: var(--spacing-8);
15
+ flex-direction: column;
16
+ display: flex;
17
+ }
21
18
 
22
- @media (min-width: 40rem) {
23
19
  :is(.grid-SZGMP9, .byline-user-create-grid) {
24
- grid-template-columns: 1fr 1fr;
20
+ gap: var(--spacing-16);
21
+ grid-template-columns: 1fr;
22
+ display: grid;
25
23
  }
26
- }
27
24
 
28
- :is(.flags-OuOEIh, .byline-user-create-flags) {
29
- gap: var(--spacing-8);
30
- flex-direction: column;
31
- display: flex;
32
- }
25
+ @media (min-width: 40rem) {
26
+ :is(.grid-SZGMP9, .byline-user-create-grid) {
27
+ grid-template-columns: 1fr 1fr;
28
+ }
29
+ }
33
30
 
34
- :is(.actions-krs2ow, .byline-user-create-actions) {
35
- justify-content: flex-end;
36
- align-items: center;
37
- gap: var(--spacing-8);
38
- margin-top: var(--spacing-16);
39
- display: flex;
40
- }
31
+ :is(.flags-OuOEIh, .byline-user-create-flags) {
32
+ gap: var(--spacing-8);
33
+ flex-direction: column;
34
+ display: flex;
35
+ }
41
36
 
42
- :is(.action-bnHG9_, .byline-user-create-action) {
43
- min-width: 4rem;
37
+ :is(.actions-krs2ow, .byline-user-create-actions) {
38
+ justify-content: flex-end;
39
+ align-items: center;
40
+ gap: var(--spacing-8);
41
+ margin-top: var(--spacing-16);
42
+ display: flex;
43
+ }
44
+
45
+ :is(.action-bnHG9_, .byline-user-create-action) {
46
+ min-width: 4rem;
47
+ }
44
48
  }
45
49
 
@@ -1,75 +1,79 @@
1
- :is(.wrap-YWdaNF, .byline-user-roles-wrap) {
2
- gap: var(--spacing-12);
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(.empty-ZsVXJY, .byline-user-roles-empty) {
10
- margin: 0;
11
- font-style: italic;
12
- }
3
+ @layer byline-components.cms {
4
+ :is(.wrap-YWdaNF, .byline-user-roles-wrap) {
5
+ gap: var(--spacing-12);
6
+ padding: var(--spacing-4);
7
+ margin-top: var(--spacing-4);
8
+ flex-direction: column;
9
+ display: flex;
10
+ }
13
11
 
14
- :is(.list-RsMY7h, .byline-user-roles-list) {
15
- gap: var(--spacing-4);
16
- flex-direction: column;
17
- display: flex;
18
- }
12
+ :is(.empty-ZsVXJY, .byline-user-roles-empty) {
13
+ margin: 0;
14
+ font-style: italic;
15
+ }
19
16
 
20
- :is(.row-F_1l24, .byline-user-roles-row) {
21
- align-items: flex-start;
22
- gap: var(--spacing-8);
23
- padding: var(--spacing-4) 0;
24
- display: flex;
25
- }
17
+ :is(.list-RsMY7h, .byline-user-roles-list) {
18
+ gap: var(--spacing-4);
19
+ flex-direction: column;
20
+ display: flex;
21
+ }
26
22
 
27
- :is(.label-N6501i, .byline-user-roles-label) {
28
- cursor: pointer;
29
- flex: 1 1 0;
30
- min-width: 0;
31
- }
23
+ :is(.row-F_1l24, .byline-user-roles-row) {
24
+ align-items: flex-start;
25
+ gap: var(--spacing-8);
26
+ padding: var(--spacing-4) 0;
27
+ display: flex;
28
+ }
32
29
 
33
- :is(.label-head-gZregN, .byline-user-roles-label-head) {
34
- align-items: center;
35
- gap: var(--spacing-8);
36
- display: flex;
37
- }
30
+ :is(.label-N6501i, .byline-user-roles-label) {
31
+ cursor: pointer;
32
+ flex: 1 1 0;
33
+ min-width: 0;
34
+ }
38
35
 
39
- :is(.name-hgEsQB, .byline-user-roles-name) {
40
- font-size: var(--font-size-sm);
41
- font-weight: var(--font-weight-medium);
42
- }
36
+ :is(.label-head-gZregN, .byline-user-roles-label-head) {
37
+ align-items: center;
38
+ gap: var(--spacing-8);
39
+ display: flex;
40
+ }
43
41
 
44
- :is(.machine-VzeuNO, .byline-user-roles-machine) {
45
- background-color: var(--gray-100);
46
- font-size: var(--font-size-xs);
47
- border-radius: var(--border-radius-sm);
48
- padding: .125rem .375rem;
49
- }
42
+ :is(.name-hgEsQB, .byline-user-roles-name) {
43
+ font-size: var(--font-size-sm);
44
+ font-weight: var(--font-weight-medium);
45
+ }
50
46
 
51
- :is(.description-xE3mA4, .byline-user-roles-description) {
52
- font-size: var(--font-size-xs);
53
- margin-bottom: 0;
54
- }
47
+ :is(.machine-VzeuNO, .byline-user-roles-machine) {
48
+ background-color: var(--gray-100);
49
+ font-size: var(--font-size-xs);
50
+ border-radius: var(--border-radius-sm);
51
+ padding: .125rem .375rem;
52
+ }
55
53
 
56
- :is(.actions-A6I1GP, .byline-user-roles-actions) {
57
- justify-content: flex-end;
58
- align-items: center;
59
- gap: var(--spacing-8);
60
- margin-top: var(--spacing-16);
61
- display: flex;
62
- }
54
+ :is(.description-xE3mA4, .byline-user-roles-description) {
55
+ font-size: var(--font-size-xs);
56
+ margin-bottom: 0;
57
+ }
63
58
 
64
- :is(.action-etRmtU, .byline-user-roles-action) {
65
- min-width: 4rem;
66
- }
59
+ :is(.actions-A6I1GP, .byline-user-roles-actions) {
60
+ justify-content: flex-end;
61
+ align-items: center;
62
+ gap: var(--spacing-8);
63
+ margin-top: var(--spacing-16);
64
+ display: flex;
65
+ }
67
66
 
68
- :is(.checkbox-auto-ioL2ME, .byline-user-roles-checkbox-auto) {
69
- width: auto !important;
70
- }
67
+ :is(.action-etRmtU, .byline-user-roles-action) {
68
+ min-width: 4rem;
69
+ }
70
+
71
+ :is(.checkbox-auto-ioL2ME, .byline-user-roles-checkbox-auto) {
72
+ width: auto;
73
+ }
71
74
 
72
- :is(:is([data-theme="dark"], .dark) .machine-VzeuNO, :is([data-theme="dark"], .dark) .byline-user-roles-machine) {
73
- background-color: var(--canvas-800);
75
+ :is(:is([data-theme="dark"], .dark) .machine-VzeuNO, :is([data-theme="dark"], .dark) .byline-user-roles-machine) {
76
+ background-color: var(--canvas-800);
77
+ }
74
78
  }
75
79