@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,55 +1,59 @@
1
- :is(.title-HMJs1n, .byline-field-array-title) {
2
- font-size: 1rem;
3
- font-weight: var(--font-weight-medium);
4
- margin-bottom: .25rem;
5
- }
6
-
7
- :is(.stack-emBcXW, .byline-field-array-stack) {
8
- gap: var(--spacing-16);
9
- flex-direction: column;
10
- display: flex;
11
- }
12
-
13
- :is(.card-j_6w_O, .byline-field-array-card) {
14
- gap: var(--spacing-16);
15
- padding: var(--spacing-16);
16
- border: var(--border-width-thin) dashed var(--gray-600);
17
- border-radius: var(--border-radius-md);
18
- flex-direction: column;
19
- display: flex;
20
- }
21
-
22
- :is(.group-header-KJxpIV, .byline-field-array-group-header) {
23
- font-size: .9rem;
24
- font-weight: var(--font-weight-medium);
25
- }
26
-
27
- :is(.group-fields-Bmi_hA, .byline-field-array-group-fields) {
28
- gap: var(--spacing-16);
29
- flex-direction: column;
30
- display: flex;
31
- }
32
-
33
- :is(.add-row-bCHtVe, .byline-field-array-add-row) {
34
- color: var(--muted);
35
- align-items: center;
36
- gap: var(--spacing-8);
37
- font-size: .9rem;
38
- display: flex;
39
- }
40
-
41
- :is(.add-label-KdsV2D, .byline-field-array-add-label) {
42
- appearance: none;
43
- font: inherit;
44
- color: inherit;
45
- cursor: pointer;
46
- background: none;
47
- border: none;
48
- padding: 0;
49
- transition: color .12s;
50
- }
51
-
52
- :is(.add-row-bCHtVe:hover .add-label-KdsV2D, .byline-field-array-add-row:hover .byline-field-array-add-label) {
53
- color: var(--text);
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(.title-HMJs1n, .byline-field-array-title) {
5
+ font-size: 1rem;
6
+ font-weight: var(--font-weight-medium);
7
+ margin-bottom: .25rem;
8
+ }
9
+
10
+ :is(.stack-emBcXW, .byline-field-array-stack) {
11
+ gap: var(--spacing-16);
12
+ flex-direction: column;
13
+ display: flex;
14
+ }
15
+
16
+ :is(.card-j_6w_O, .byline-field-array-card) {
17
+ gap: var(--spacing-16);
18
+ padding: var(--spacing-16);
19
+ border: var(--border-width-thin) dashed var(--gray-600);
20
+ border-radius: var(--border-radius-md);
21
+ flex-direction: column;
22
+ display: flex;
23
+ }
24
+
25
+ :is(.group-header-KJxpIV, .byline-field-array-group-header) {
26
+ font-size: .9rem;
27
+ font-weight: var(--font-weight-medium);
28
+ }
29
+
30
+ :is(.group-fields-Bmi_hA, .byline-field-array-group-fields) {
31
+ gap: var(--spacing-16);
32
+ flex-direction: column;
33
+ display: flex;
34
+ }
35
+
36
+ :is(.add-row-bCHtVe, .byline-field-array-add-row) {
37
+ color: var(--muted);
38
+ align-items: center;
39
+ gap: var(--spacing-8);
40
+ font-size: .9rem;
41
+ display: flex;
42
+ }
43
+
44
+ :is(.add-label-KdsV2D, .byline-field-array-add-label) {
45
+ appearance: none;
46
+ font: inherit;
47
+ color: inherit;
48
+ cursor: pointer;
49
+ background: none;
50
+ border: none;
51
+ padding: 0;
52
+ transition: color .12s;
53
+ }
54
+
55
+ :is(.add-row-bCHtVe:hover .add-label-KdsV2D, .byline-field-array-add-row:hover .byline-field-array-add-label) {
56
+ color: var(--text);
57
+ }
54
58
  }
55
59
 
@@ -1,163 +1,167 @@
1
- :is(.title-lxXfG6, .byline-field-blocks-title) {
2
- font-size: 1rem;
3
- font-weight: var(--font-weight-medium);
4
- margin-bottom: .25rem;
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(.stack-Xxa89J, .byline-field-blocks-stack) {
8
- gap: var(--spacing-16);
9
- flex-direction: column;
10
- display: flex;
11
- }
3
+ @layer byline-components.cms {
4
+ :is(.title-lxXfG6, .byline-field-blocks-title) {
5
+ font-size: 1rem;
6
+ font-weight: var(--font-weight-medium);
7
+ margin-bottom: .25rem;
8
+ }
12
9
 
13
- :is(.unavailable-B9h_EU, .byline-field-blocks-unavailable) {
14
- align-items: flex-start;
15
- gap: var(--spacing-8);
16
- padding: var(--spacing-16);
17
- border: 1px solid var(--stroke-warning);
18
- border-radius: var(--border-radius-md);
19
- background-color: oklch(from var(--fill-warning-weak) l c h / calc(alpha * .5));
20
- color: var(--foreground);
21
- display: flex;
22
- }
10
+ :is(.stack-Xxa89J, .byline-field-blocks-stack) {
11
+ gap: var(--spacing-16);
12
+ flex-direction: column;
13
+ display: flex;
14
+ }
23
15
 
24
- :is(.unavailable-B9h_EU > :first-child, .byline-field-blocks-unavailable > :first-child) {
25
- flex-shrink: 0;
26
- }
16
+ :is(.unavailable-B9h_EU, .byline-field-blocks-unavailable) {
17
+ align-items: flex-start;
18
+ gap: var(--spacing-8);
19
+ padding: var(--spacing-16);
20
+ border: 1px solid var(--stroke-warning);
21
+ border-radius: var(--border-radius-md);
22
+ background-color: oklch(from var(--fill-warning-weak) l c h / calc(alpha * .5));
23
+ color: var(--foreground);
24
+ display: flex;
25
+ }
27
26
 
28
- :is(.unavailable-B9h_EU p, .byline-field-blocks-unavailable p) {
29
- margin: var(--spacing-4) 0 0;
30
- }
27
+ :is(.unavailable-B9h_EU > :first-child, .byline-field-blocks-unavailable > :first-child) {
28
+ flex-shrink: 0;
29
+ }
31
30
 
32
- :is(.add-row-gEqjM_, .byline-field-blocks-add-row) {
33
- color: var(--muted);
34
- align-items: center;
35
- gap: var(--spacing-8);
36
- font-size: .9rem;
37
- display: flex;
38
- }
31
+ :is(.unavailable-B9h_EU p, .byline-field-blocks-unavailable p) {
32
+ margin: var(--spacing-4) 0 0;
33
+ }
39
34
 
40
- :is(.add-label-jiOURu, .byline-field-blocks-add-label) {
41
- appearance: none;
42
- font: inherit;
43
- color: inherit;
44
- cursor: pointer;
45
- background: none;
46
- border: none;
47
- padding: 0;
48
- transition: color .12s;
49
- }
35
+ :is(.add-row-gEqjM_, .byline-field-blocks-add-row) {
36
+ color: var(--muted);
37
+ align-items: center;
38
+ gap: var(--spacing-8);
39
+ font-size: .9rem;
40
+ display: flex;
41
+ }
50
42
 
51
- :is(.add-label-jiOURu:disabled, .byline-field-blocks-add-label:disabled) {
52
- cursor: default;
53
- }
43
+ :is(.add-label-jiOURu, .byline-field-blocks-add-label) {
44
+ appearance: none;
45
+ font: inherit;
46
+ color: inherit;
47
+ cursor: pointer;
48
+ background: none;
49
+ border: none;
50
+ padding: 0;
51
+ transition: color .12s;
52
+ }
54
53
 
55
- :is(.add-row-gEqjM_:hover .add-label-jiOURu:not(:disabled), .byline-field-blocks-add-row:hover .byline-field-blocks-add-label:not(:disabled)) {
56
- color: var(--text);
57
- }
54
+ :is(.add-label-jiOURu:disabled, .byline-field-blocks-add-label:disabled) {
55
+ cursor: default;
56
+ }
58
57
 
59
- :is(.modal-head-BTxR9C, .byline-field-blocks-modal-head) {
60
- margin-bottom: var(--spacing-8);
61
- padding-top: 1rem;
62
- }
58
+ :is(.add-row-gEqjM_:hover .add-label-jiOURu:not(:disabled), .byline-field-blocks-add-row:hover .byline-field-blocks-add-label:not(:disabled)) {
59
+ color: var(--text);
60
+ }
63
61
 
64
- :is(.modal-title-jwOfU_, .byline-field-blocks-modal-title) {
65
- margin: 0 0 var(--spacing-8) 0;
66
- font-size: var(--font-size-2xl);
67
- }
62
+ :is(.modal-head-BTxR9C, .byline-field-blocks-modal-head) {
63
+ margin-bottom: var(--spacing-8);
64
+ padding-top: 1rem;
65
+ }
68
66
 
69
- :is(.modal-content-S12b_T, .byline-field-blocks-card-cursor) {
70
- cursor: pointer;
71
- overscroll-behavior: contain;
72
- min-height: 0;
73
- max-height: 80dvh;
74
- overflow-y: auto;
75
- }
67
+ :is(.modal-title-jwOfU_, .byline-field-blocks-modal-title) {
68
+ margin: 0 0 var(--spacing-8) 0;
69
+ font-size: var(--font-size-2xl);
70
+ }
76
71
 
77
- @media (min-width: 40rem) {
78
72
  :is(.modal-content-S12b_T, .byline-field-blocks-card-cursor) {
79
- max-height: 70dvh;
73
+ cursor: pointer;
74
+ overscroll-behavior: contain;
75
+ min-height: 0;
76
+ max-height: 80dvh;
77
+ overflow-y: auto;
80
78
  }
81
- }
82
79
 
83
- @media (min-width: 64rem) {
84
- :is(.modal-content-S12b_T, .byline-field-blocks-card-cursor) {
85
- max-height: 60dvh;
80
+ @media (min-width: 40rem) {
81
+ :is(.modal-content-S12b_T, .byline-field-blocks-card-cursor) {
82
+ max-height: 70dvh;
83
+ }
86
84
  }
87
- }
88
85
 
89
- :is(.grid-gALL6j, .byline-field-blocks-grid) {
90
- gap: var(--spacing-16);
91
- grid-template-columns: 1fr;
92
- display: grid;
93
- }
86
+ @media (min-width: 64rem) {
87
+ :is(.modal-content-S12b_T, .byline-field-blocks-card-cursor) {
88
+ max-height: 60dvh;
89
+ }
90
+ }
94
91
 
95
- @media (min-width: 40rem) {
96
92
  :is(.grid-gALL6j, .byline-field-blocks-grid) {
97
- grid-template-columns: repeat(2, 1fr);
93
+ gap: var(--spacing-16);
94
+ grid-template-columns: 1fr;
95
+ display: grid;
98
96
  }
99
- }
100
97
 
101
- @media (min-width: 48rem) {
102
- :is(.grid-gALL6j, .byline-field-blocks-grid) {
103
- grid-template-columns: repeat(3, 1fr);
98
+ @media (min-width: 40rem) {
99
+ :is(.grid-gALL6j, .byline-field-blocks-grid) {
100
+ grid-template-columns: repeat(2, 1fr);
101
+ }
104
102
  }
105
- }
106
103
 
107
- :is(.card-O4b_4k, .byline-field-blocks-card) {
108
- margin-bottom: var(--spacing-8);
109
- }
104
+ @media (min-width: 48rem) {
105
+ :is(.grid-gALL6j, .byline-field-blocks-grid) {
106
+ grid-template-columns: repeat(3, 1fr);
107
+ }
108
+ }
110
109
 
111
- :is(.card-head-yrL68H, .byline-field-blocks-card-head) {
112
- justify-content: space-between;
113
- align-items: flex-start;
114
- gap: var(--spacing-8);
115
- display: flex;
116
- }
110
+ :is(.card-O4b_4k, .byline-field-blocks-card) {
111
+ margin-bottom: var(--spacing-8);
112
+ }
117
113
 
118
- :is(.card-title-yBgy__, .byline-field-blocks-card-title) {
119
- font-size: 1.3rem;
120
- line-height: var(--line-height-tight);
121
- }
114
+ :is(.card-head-yrL68H, .byline-field-blocks-card-head) {
115
+ justify-content: space-between;
116
+ align-items: flex-start;
117
+ gap: var(--spacing-8);
118
+ display: flex;
119
+ }
122
120
 
123
- :is(.card-index-XD_vf6, .byline-field-blocks-card-index) {
124
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
125
- border-radius: var(--border-radius-full);
126
- width: 1.25rem;
127
- height: 1.25rem;
128
- color: var(--gray-400);
129
- font-size: 10px;
130
- font-weight: var(--font-weight-semibold);
131
- font-variant-numeric: tabular-nums;
132
- flex-shrink: 0;
133
- justify-content: center;
134
- align-items: center;
135
- margin-top: .125rem;
136
- display: inline-flex;
137
- }
121
+ :is(.card-title-yBgy__, .byline-field-blocks-card-title) {
122
+ font-size: 1.3rem;
123
+ line-height: var(--line-height-tight);
124
+ }
138
125
 
139
- :is(.card-code-pEAcf6, .byline-field-blocks-card-code) {
140
- color: var(--gray-400);
141
- margin-top: 0;
142
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
143
- font-size: 12px;
144
- display: block;
145
- }
126
+ :is(.card-index-XD_vf6, .byline-field-blocks-card-index) {
127
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
128
+ border-radius: var(--border-radius-full);
129
+ width: 1.25rem;
130
+ height: 1.25rem;
131
+ color: var(--gray-400);
132
+ font-size: 10px;
133
+ font-weight: var(--font-weight-semibold);
134
+ font-variant-numeric: tabular-nums;
135
+ flex-shrink: 0;
136
+ justify-content: center;
137
+ align-items: center;
138
+ margin-top: .125rem;
139
+ display: inline-flex;
140
+ }
146
141
 
147
- :is(.card-body-RhabRg, .byline-field-blocks-card-body) {
148
- color: var(--gray-500);
149
- font-size: var(--font-size-sm);
150
- }
142
+ :is(.card-code-pEAcf6, .byline-field-blocks-card-code) {
143
+ color: var(--gray-400);
144
+ margin-top: 0;
145
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
146
+ font-size: 12px;
147
+ display: block;
148
+ }
151
149
 
152
- :is(:is([data-theme="dark"], .dark) .card-index-XD_vf6, :is([data-theme="dark"], .dark) .byline-field-blocks-card-index) {
153
- border-color: var(--gray-700);
154
- }
150
+ :is(.card-body-RhabRg, .byline-field-blocks-card-body) {
151
+ color: var(--gray-500);
152
+ font-size: var(--font-size-sm);
153
+ }
155
154
 
156
- :is(:is([data-theme="dark"], .dark) .card-code-pEAcf6, :is([data-theme="dark"], .dark) .byline-field-blocks-card-code) {
157
- color: var(--gray-500);
158
- }
155
+ :is(:is([data-theme="dark"], .dark) .card-index-XD_vf6, :is([data-theme="dark"], .dark) .byline-field-blocks-card-index) {
156
+ border-color: var(--gray-700);
157
+ }
159
158
 
160
- :is(:is([data-theme="dark"], .dark) .card-body-RhabRg, :is([data-theme="dark"], .dark) .byline-field-blocks-card-body) {
161
- color: var(--gray-200);
159
+ :is(:is([data-theme="dark"], .dark) .card-code-pEAcf6, :is([data-theme="dark"], .dark) .byline-field-blocks-card-code) {
160
+ color: var(--gray-500);
161
+ }
162
+
163
+ :is(:is([data-theme="dark"], .dark) .card-body-RhabRg, :is([data-theme="dark"], .dark) .byline-field-blocks-card-body) {
164
+ color: var(--gray-200);
165
+ }
162
166
  }
163
167
 
@@ -1,4 +1,8 @@
1
- :is(.byline-field-checkbox, .field-checkbox-H7UwUd) {
2
- margin: 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(.byline-field-checkbox, .field-checkbox-H7UwUd) {
5
+ margin: 0;
6
+ }
3
7
  }
4
8
 
@@ -1,58 +1,62 @@
1
- :is(.label-row-bNilI8, .byline-field-code-label-row) {
2
- align-items: center;
3
- margin-bottom: .25rem;
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
- .byline-field-code {
8
- --byline-code-bg: var(--canvas-50, #fafafa);
9
- --byline-code-fg: var(--canvas-950, #1c1c1e);
10
- --byline-code-border: var(--canvas-300, #d6d6d6);
11
- --byline-code-gutter-bg: var(--canvas-100, #f2f2f2);
12
- --byline-code-gutter-fg: var(--canvas-500, #8b8b90);
13
- --byline-code-active-line: #0000000a;
14
- --byline-code-selection: #3b82f62e;
15
- --byline-code-caret: var(--canvas-950, #1c1c1e);
16
- --byline-code-focus-ring: #3b82f699;
17
- --byline-code-keyword: #7c3aed;
18
- --byline-code-string: #15803d;
19
- --byline-code-comment: #767680;
20
- --byline-code-number: #c2410c;
21
- --byline-code-function: #1d4ed8;
22
- --byline-code-type: #0f766e;
23
- --byline-code-property: #a16207;
24
- --byline-code-operator: #52525b;
25
- }
3
+ @layer byline-components.cms {
4
+ :is(.label-row-bNilI8, .byline-field-code-label-row) {
5
+ align-items: center;
6
+ margin-bottom: .25rem;
7
+ display: flex;
8
+ }
26
9
 
27
- :is([data-theme="dark"], .dark) .byline-field-code {
28
- --byline-code-bg: var(--canvas-900, #1b1b1f);
29
- --byline-code-fg: var(--canvas-100, #e6e6ea);
30
- --byline-code-border: var(--canvas-700, #3f3f46);
31
- --byline-code-gutter-bg: var(--canvas-800, #232327);
32
- --byline-code-gutter-fg: var(--canvas-500, #77777f);
33
- --byline-code-active-line: #ffffff0d;
34
- --byline-code-selection: #60a5fa47;
35
- --byline-code-caret: var(--canvas-100, #e6e6ea);
36
- --byline-code-focus-ring: #60a5fa8c;
37
- --byline-code-keyword: #c4b5fd;
38
- --byline-code-string: #86efac;
39
- --byline-code-comment: #8e8e96;
40
- --byline-code-number: #fdba74;
41
- --byline-code-function: #93c5fd;
42
- --byline-code-type: #5eead4;
43
- --byline-code-property: #fde047;
44
- --byline-code-operator: #a1a1aa;
45
- }
10
+ .byline-field-code {
11
+ --byline-code-bg: var(--canvas-50, #fafafa);
12
+ --byline-code-fg: var(--canvas-950, #1c1c1e);
13
+ --byline-code-border: var(--canvas-300, #d6d6d6);
14
+ --byline-code-gutter-bg: var(--canvas-100, #f2f2f2);
15
+ --byline-code-gutter-fg: var(--canvas-500, #8b8b90);
16
+ --byline-code-active-line: #0000000a;
17
+ --byline-code-selection: #3b82f62e;
18
+ --byline-code-caret: var(--canvas-950, #1c1c1e);
19
+ --byline-code-focus-ring: #3b82f699;
20
+ --byline-code-keyword: #7c3aed;
21
+ --byline-code-string: #15803d;
22
+ --byline-code-comment: #767680;
23
+ --byline-code-number: #c2410c;
24
+ --byline-code-function: #1d4ed8;
25
+ --byline-code-type: #0f766e;
26
+ --byline-code-property: #a16207;
27
+ --byline-code-operator: #52525b;
28
+ }
29
+
30
+ :is([data-theme="dark"], .dark) .byline-field-code {
31
+ --byline-code-bg: var(--canvas-900, #1b1b1f);
32
+ --byline-code-fg: var(--canvas-100, #e6e6ea);
33
+ --byline-code-border: var(--canvas-700, #3f3f46);
34
+ --byline-code-gutter-bg: var(--canvas-800, #232327);
35
+ --byline-code-gutter-fg: var(--canvas-500, #77777f);
36
+ --byline-code-active-line: #ffffff0d;
37
+ --byline-code-selection: #60a5fa47;
38
+ --byline-code-caret: var(--canvas-100, #e6e6ea);
39
+ --byline-code-focus-ring: #60a5fa8c;
40
+ --byline-code-keyword: #c4b5fd;
41
+ --byline-code-string: #86efac;
42
+ --byline-code-comment: #8e8e96;
43
+ --byline-code-number: #fdba74;
44
+ --byline-code-function: #93c5fd;
45
+ --byline-code-type: #5eead4;
46
+ --byline-code-property: #fde047;
47
+ --byline-code-operator: #a1a1aa;
48
+ }
46
49
 
47
- :is(.loading-sejBT6, .byline-field-code-loading) {
48
- resize: none;
49
- width: 100%;
50
- font-family: var(--byline-code-font, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
51
- font-size: var(--byline-code-font-size, 13px);
52
- color: var(--byline-code-fg);
53
- background-color: var(--byline-code-bg);
54
- border: 1px solid var(--byline-code-border);
55
- border-radius: var(--byline-code-radius, 4px);
56
- padding: .5rem;
50
+ :is(.loading-sejBT6, .byline-field-code-loading) {
51
+ resize: none;
52
+ width: 100%;
53
+ font-family: var(--byline-code-font, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
54
+ font-size: var(--byline-code-font-size, 13px);
55
+ color: var(--byline-code-fg);
56
+ background-color: var(--byline-code-bg);
57
+ border: 1px solid var(--byline-code-border);
58
+ border-radius: var(--byline-code-radius, 4px);
59
+ padding: .5rem;
60
+ }
57
61
  }
58
62
 
@@ -1,4 +1,8 @@
1
- :is(.dirty-cC4ARG, .byline-field-datetime-dirty) {
2
- border-color: var(--blue-300);
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(.dirty-cC4ARG, .byline-field-datetime-dirty) {
5
+ border-color: var(--blue-300);
6
+ }
3
7
  }
4
8