@byline/admin 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 (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,124 +1,128 @@
1
- :is(.root-nYQaZT, .byline-sortable) {
2
- padding: var(--spacing-16);
3
- padding-top: var(--spacing-8);
4
- border: var(--border-width-thin) dashed var(--gray-600);
5
- border-radius: var(--border-radius-md);
6
- background-color: oklch(from var(--canvas-50) l c h / .5);
7
- box-shadow: 0 1px 2px #0000000d;
8
- }
9
-
10
- :is(.dragging-rtG5ct, .byline-sortable-dragging) {
11
- background-color: oklch(from var(--canvas-50) l c h / .8);
12
- box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
13
- }
14
-
15
- :is(.collapsed-BA4JvQ, .byline-sortable-collapsed) {
16
- padding-top: var(--spacing-8);
17
- padding-bottom: var(--spacing-8);
18
- }
19
-
20
- :is(.header-IyXOb9, .byline-sortable-header) {
21
- align-items: center;
22
- gap: var(--spacing-8);
23
- margin-bottom: 0;
24
- margin-left: -.75rem;
25
- display: flex;
26
- }
27
-
28
- :is(.header-expanded-xwmWic, .byline-sortable-header-expanded) {
29
- margin-bottom: var(--spacing-8);
30
- }
31
-
32
- :is(.grip-XZjBQM, .byline-sortable-grip) {
33
- border-radius: var(--border-radius-sm);
34
- color: var(--gray-400);
35
- cursor: grab;
36
- background: none;
37
- border: none;
38
- justify-content: center;
39
- align-items: center;
40
- padding: .25rem;
41
- display: flex;
42
- }
43
-
44
- :is(.grip-XZjBQM:hover, .byline-sortable-grip:hover) {
45
- background-color: var(--gray-100);
46
- }
47
-
48
- :is(.grip-XZjBQM:active, .byline-sortable-grip:active) {
49
- cursor: grabbing;
50
- }
51
-
52
- :is(.grip-icon-tCuFX_, .byline-sortable-grip-icon) {
53
- width: 1rem;
54
- height: 1rem;
55
- color: var(--primary-500);
56
- }
57
-
58
- :is(.label-SFRtoy, .byline-sortable-label) {
59
- min-width: 0;
60
- font-size: 1rem;
61
- font-weight: var(--font-weight-medium);
62
- text-overflow: ellipsis;
63
- white-space: nowrap;
64
- flex: 1;
65
- overflow: hidden;
66
- }
67
-
68
- :is(.toggle-zv8W_y, .byline-sortable-toggle) {
69
- border-radius: var(--border-radius-sm);
70
- color: var(--gray-400);
71
- cursor: pointer;
72
- background: none;
73
- border: none;
74
- justify-content: center;
75
- align-items: center;
76
- padding: .25rem;
77
- display: flex;
78
- }
79
-
80
- :is(.toggle-zv8W_y:hover, .byline-sortable-toggle:hover) {
81
- background-color: var(--gray-800);
82
- }
83
-
84
- :is(.toggle-icon-vk15Bb, .byline-sortable-toggle-icon) {
85
- width: 1rem;
86
- height: 1rem;
87
- transition: transform .15s;
88
- }
89
-
90
- :is(.toggle-icon-rotated-p9rEVP, .byline-sortable-toggle-icon-rotated) {
91
- transform: rotate(180deg);
92
- }
93
-
94
- :is(.content-ril4mv, .byline-sortable-content) {
95
- gap: var(--spacing-16);
96
- opacity: 1;
97
- flex-direction: column;
98
- transition: all .2s;
99
- display: flex;
100
- position: relative;
101
- }
102
-
103
- :is(.content-hidden-zrS2UX, .byline-sortable-content-hidden) {
104
- opacity: 0;
105
- z-index: -10;
106
- max-height: 0;
107
- }
108
-
109
- :is(:is([data-theme="dark"], .dark) .root-nYQaZT, :is([data-theme="dark"], .dark) .byline-sortable) {
110
- background-color: var(--canvas-800);
111
- }
112
-
113
- :is(:is([data-theme="dark"], .dark) .dragging-rtG5ct, :is([data-theme="dark"], .dark) .byline-sortable-dragging) {
114
- background-color: oklch(from var(--canvas-700) l c h / .3);
115
- }
116
-
117
- :is(:is([data-theme="dark"], .dark) .grip-XZjBQM:hover, :is([data-theme="dark"], .dark) .byline-sortable-grip:hover) {
118
- background-color: var(--gray-800);
119
- }
120
-
121
- :is(:is([data-theme="dark"], .dark) .grip-icon-tCuFX_, :is([data-theme="dark"], .dark) .byline-sortable-grip-icon) {
122
- color: var(--primary-200);
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(.root-nYQaZT, .byline-sortable) {
5
+ padding: var(--spacing-16);
6
+ padding-top: var(--spacing-8);
7
+ border: var(--border-width-thin) dashed var(--gray-600);
8
+ border-radius: var(--border-radius-md);
9
+ background-color: oklch(from var(--canvas-50) l c h / .5);
10
+ box-shadow: 0 1px 2px #0000000d;
11
+ }
12
+
13
+ :is(.dragging-rtG5ct, .byline-sortable-dragging) {
14
+ background-color: oklch(from var(--canvas-50) l c h / .8);
15
+ box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
16
+ }
17
+
18
+ :is(.collapsed-BA4JvQ, .byline-sortable-collapsed) {
19
+ padding-top: var(--spacing-8);
20
+ padding-bottom: var(--spacing-8);
21
+ }
22
+
23
+ :is(.header-IyXOb9, .byline-sortable-header) {
24
+ align-items: center;
25
+ gap: var(--spacing-8);
26
+ margin-bottom: 0;
27
+ margin-left: -.75rem;
28
+ display: flex;
29
+ }
30
+
31
+ :is(.header-expanded-xwmWic, .byline-sortable-header-expanded) {
32
+ margin-bottom: var(--spacing-8);
33
+ }
34
+
35
+ :is(.grip-XZjBQM, .byline-sortable-grip) {
36
+ border-radius: var(--border-radius-sm);
37
+ color: var(--gray-400);
38
+ cursor: grab;
39
+ background: none;
40
+ border: none;
41
+ justify-content: center;
42
+ align-items: center;
43
+ padding: .25rem;
44
+ display: flex;
45
+ }
46
+
47
+ :is(.grip-XZjBQM:hover, .byline-sortable-grip:hover) {
48
+ background-color: var(--gray-100);
49
+ }
50
+
51
+ :is(.grip-XZjBQM:active, .byline-sortable-grip:active) {
52
+ cursor: grabbing;
53
+ }
54
+
55
+ :is(.grip-icon-tCuFX_, .byline-sortable-grip-icon) {
56
+ width: 1rem;
57
+ height: 1rem;
58
+ color: var(--primary-500);
59
+ }
60
+
61
+ :is(.label-SFRtoy, .byline-sortable-label) {
62
+ min-width: 0;
63
+ font-size: 1rem;
64
+ font-weight: var(--font-weight-medium);
65
+ text-overflow: ellipsis;
66
+ white-space: nowrap;
67
+ flex: 1;
68
+ overflow: hidden;
69
+ }
70
+
71
+ :is(.toggle-zv8W_y, .byline-sortable-toggle) {
72
+ border-radius: var(--border-radius-sm);
73
+ color: var(--gray-400);
74
+ cursor: pointer;
75
+ background: none;
76
+ border: none;
77
+ justify-content: center;
78
+ align-items: center;
79
+ padding: .25rem;
80
+ display: flex;
81
+ }
82
+
83
+ :is(.toggle-zv8W_y:hover, .byline-sortable-toggle:hover) {
84
+ background-color: var(--gray-800);
85
+ }
86
+
87
+ :is(.toggle-icon-vk15Bb, .byline-sortable-toggle-icon) {
88
+ width: 1rem;
89
+ height: 1rem;
90
+ transition: transform .15s;
91
+ }
92
+
93
+ :is(.toggle-icon-rotated-p9rEVP, .byline-sortable-toggle-icon-rotated) {
94
+ transform: rotate(180deg);
95
+ }
96
+
97
+ :is(.content-ril4mv, .byline-sortable-content) {
98
+ gap: var(--spacing-16);
99
+ opacity: 1;
100
+ flex-direction: column;
101
+ transition: all .2s;
102
+ display: flex;
103
+ position: relative;
104
+ }
105
+
106
+ :is(.content-hidden-zrS2UX, .byline-sortable-content-hidden) {
107
+ opacity: 0;
108
+ z-index: -10;
109
+ max-height: 0;
110
+ }
111
+
112
+ :is(:is([data-theme="dark"], .dark) .root-nYQaZT, :is([data-theme="dark"], .dark) .byline-sortable) {
113
+ background-color: var(--canvas-800);
114
+ }
115
+
116
+ :is(:is([data-theme="dark"], .dark) .dragging-rtG5ct, :is([data-theme="dark"], .dark) .byline-sortable-dragging) {
117
+ background-color: oklch(from var(--canvas-700) l c h / .3);
118
+ }
119
+
120
+ :is(:is([data-theme="dark"], .dark) .grip-XZjBQM:hover, :is([data-theme="dark"], .dark) .byline-sortable-grip:hover) {
121
+ background-color: var(--gray-800);
122
+ }
123
+
124
+ :is(:is([data-theme="dark"], .dark) .grip-icon-tCuFX_, :is([data-theme="dark"], .dark) .byline-sortable-grip-icon) {
125
+ color: var(--primary-200);
126
+ }
123
127
  }
124
128
 
@@ -1,6 +1,10 @@
1
- :is(.label-row-sjBuRb, .byline-field-text-label-row) {
2
- align-items: center;
3
- margin-bottom: .25rem;
4
- display: flex;
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(.label-row-sjBuRb, .byline-field-text-label-row) {
5
+ align-items: center;
6
+ margin-bottom: .25rem;
7
+ display: flex;
8
+ }
5
9
  }
6
10
 
@@ -1,6 +1,10 @@
1
- :is(.label-row-HwX7C9, .byline-field-text-area-label-row) {
2
- align-items: center;
3
- margin-bottom: .25rem;
4
- display: flex;
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(.label-row-HwX7C9, .byline-field-text-area-label-row) {
5
+ align-items: center;
6
+ margin-bottom: .25rem;
7
+ display: flex;
8
+ }
5
9
  }
6
10
 
@@ -1,18 +1,22 @@
1
- :is(.container-exFiHE, .byline-form-available-locales), :is(.list-q2z1qA, .byline-form-available-locales-list) {
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;
2
+
3
+ @layer byline-components.cms {
4
+ :is(.container-exFiHE, .byline-form-available-locales), :is(.list-q2z1qA, .byline-form-available-locales-list) {
5
+ gap: var(--spacing-8);
6
+ flex-direction: column;
7
+ display: flex;
8
+ }
6
9
 
7
- :is(.sr-only-duiY99, .byline-form-available-locales-sr-only) {
8
- clip: rect(0, 0, 0, 0);
9
- white-space: nowrap;
10
- border: 0;
11
- width: 1px;
12
- height: 1px;
13
- margin: -1px;
14
- padding: 0;
15
- position: absolute;
16
- overflow: hidden;
10
+ :is(.sr-only-duiY99, .byline-form-available-locales-sr-only) {
11
+ clip: rect(0, 0, 0, 0);
12
+ white-space: nowrap;
13
+ border: 0;
14
+ width: 1px;
15
+ height: 1px;
16
+ margin: -1px;
17
+ padding: 0;
18
+ position: absolute;
19
+ overflow: hidden;
20
+ }
17
21
  }
18
22
 
@@ -1,118 +1,122 @@
1
- :is(.icon-s8mBo2, .byline-form-actions-icon) {
2
- color: var(--primary-500);
3
- transform: rotate(90deg);
4
- }
5
-
6
- :is(.menu-IxqAyg, .byline-form-actions-menu) {
7
- min-width: 140px;
8
- }
9
-
10
- :is(.item-k3szmy, .byline-form-actions-item) {
11
- margin-left: var(--spacing-8);
12
- align-items: center;
13
- display: flex;
14
- }
15
-
16
- :is(.item-icon-G0Twql, .byline-form-actions-item-icon) {
17
- width: 28px;
18
- display: inline-block;
19
- }
20
-
21
- :is(.item-text-QjsRkV, .byline-form-actions-item-text) {
22
- width: 100%;
23
- font-size: var(--font-size-sm);
24
- text-align: left;
25
- flex: 1;
26
- display: inline-block;
27
- }
28
-
29
- :is(.delete-xmSRLN, .byline-form-actions-delete) {
30
- width: 100%;
31
- color: var(--red-600);
32
- text-align: left;
33
- cursor: pointer;
34
- background: none;
35
- border: none;
36
- flex: 1;
37
- padding: 0;
38
- line-height: 1;
39
- }
40
-
41
- :is(.modal-head-T7hzCI, .byline-form-actions-modal-head) {
42
- margin-bottom: var(--spacing-8);
43
- padding-top: 1rem;
44
- }
45
-
46
- :is(.modal-title-e2sqE2, .byline-form-actions-modal-title) {
47
- margin: 0 0 var(--spacing-8) 0;
48
- font-size: var(--font-size-2xl);
49
- }
50
-
51
- :is(.sr-only-VaKvc6, .byline-form-actions-sr-only) {
52
- clip: rect(0, 0, 0, 0);
53
- white-space: nowrap;
54
- border: 0;
55
- width: 1px;
56
- height: 1px;
57
- margin: -1px;
58
- padding: 0;
59
- position: absolute;
60
- overflow: hidden;
61
- }
62
-
63
- :is(.list-TuqTao, .byline-form-actions-list) {
64
- margin: var(--spacing-8) 0;
65
- font-size: var(--font-size-sm);
66
- padding-left: 1.25rem;
67
- }
68
-
69
- :is(.preview-oePPZR, .byline-form-actions-preview) {
70
- margin-top: var(--spacing-16);
71
- padding: var(--spacing-8) var(--spacing-12);
72
- background: var(--surface-2, #00000008);
73
- border: 1px solid var(--border-subtle, #00000014);
74
- border-radius: var(--radius-md, 4px);
75
- font-size: var(--font-size-sm);
76
- }
77
-
78
- :is(.preview-label-bvWDqG, .byline-form-actions-preview-label) {
79
- margin-bottom: var(--spacing-4);
80
- opacity: .75;
81
- font-weight: 500;
82
- }
83
-
84
- :is(.preview-row-NyFKjX, .byline-form-actions-preview-row) {
85
- align-items: center;
86
- gap: var(--spacing-8);
87
- flex-wrap: wrap;
88
- display: flex;
89
- }
90
-
91
- :is(.preview-before-tmxeNQ, .byline-form-actions-preview-before) {
92
- font-family: var(--font-mono, monospace);
93
- opacity: .7;
94
- }
95
-
96
- :is(.preview-arrow-plq330, .byline-form-actions-preview-arrow) {
97
- opacity: .5;
98
- }
99
-
100
- :is(.preview-after-pYlSUr, .byline-form-actions-preview-after) {
101
- font-family: var(--font-mono, monospace);
102
- font-weight: 500;
103
- }
104
-
105
- :is(.copy-row-EGqeNw, .byline-form-actions-copy-row) {
106
- flex-wrap: wrap;
107
- align-items: center;
108
- display: flex;
109
- }
110
-
111
- :is(.copy-source-IV71b6, .byline-form-actions-copy-source) {
112
- font-family: var(--font-mono, monospace);
113
- }
114
-
115
- :is(:is([data-theme="dark"], .dark) .delete-xmSRLN, :is([data-theme="dark"], .dark) .byline-form-actions-delete) {
116
- color: var(--red-400);
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(.icon-s8mBo2, .byline-form-actions-icon) {
5
+ color: var(--primary-500);
6
+ transform: rotate(90deg);
7
+ }
8
+
9
+ :is(.menu-IxqAyg, .byline-form-actions-menu) {
10
+ min-width: 140px;
11
+ }
12
+
13
+ :is(.item-k3szmy, .byline-form-actions-item) {
14
+ margin-left: var(--spacing-8);
15
+ align-items: center;
16
+ display: flex;
17
+ }
18
+
19
+ :is(.item-icon-G0Twql, .byline-form-actions-item-icon) {
20
+ width: 28px;
21
+ display: inline-block;
22
+ }
23
+
24
+ :is(.item-text-QjsRkV, .byline-form-actions-item-text) {
25
+ width: 100%;
26
+ font-size: var(--font-size-sm);
27
+ text-align: left;
28
+ flex: 1;
29
+ display: inline-block;
30
+ }
31
+
32
+ :is(.delete-xmSRLN, .byline-form-actions-delete) {
33
+ width: 100%;
34
+ color: var(--red-600);
35
+ text-align: left;
36
+ cursor: pointer;
37
+ background: none;
38
+ border: none;
39
+ flex: 1;
40
+ padding: 0;
41
+ line-height: 1;
42
+ }
43
+
44
+ :is(.modal-head-T7hzCI, .byline-form-actions-modal-head) {
45
+ margin-bottom: var(--spacing-8);
46
+ padding-top: 1rem;
47
+ }
48
+
49
+ :is(.modal-title-e2sqE2, .byline-form-actions-modal-title) {
50
+ margin: 0 0 var(--spacing-8) 0;
51
+ font-size: var(--font-size-2xl);
52
+ }
53
+
54
+ :is(.sr-only-VaKvc6, .byline-form-actions-sr-only) {
55
+ clip: rect(0, 0, 0, 0);
56
+ white-space: nowrap;
57
+ border: 0;
58
+ width: 1px;
59
+ height: 1px;
60
+ margin: -1px;
61
+ padding: 0;
62
+ position: absolute;
63
+ overflow: hidden;
64
+ }
65
+
66
+ :is(.list-TuqTao, .byline-form-actions-list) {
67
+ margin: var(--spacing-8) 0;
68
+ font-size: var(--font-size-sm);
69
+ padding-left: 1.25rem;
70
+ }
71
+
72
+ :is(.preview-oePPZR, .byline-form-actions-preview) {
73
+ margin-top: var(--spacing-16);
74
+ padding: var(--spacing-8) var(--spacing-12);
75
+ background: var(--surface-2, #00000008);
76
+ border: 1px solid var(--border-subtle, #00000014);
77
+ border-radius: var(--radius-md, 4px);
78
+ font-size: var(--font-size-sm);
79
+ }
80
+
81
+ :is(.preview-label-bvWDqG, .byline-form-actions-preview-label) {
82
+ margin-bottom: var(--spacing-4);
83
+ opacity: .75;
84
+ font-weight: 500;
85
+ }
86
+
87
+ :is(.preview-row-NyFKjX, .byline-form-actions-preview-row) {
88
+ align-items: center;
89
+ gap: var(--spacing-8);
90
+ flex-wrap: wrap;
91
+ display: flex;
92
+ }
93
+
94
+ :is(.preview-before-tmxeNQ, .byline-form-actions-preview-before) {
95
+ font-family: var(--font-mono, monospace);
96
+ opacity: .7;
97
+ }
98
+
99
+ :is(.preview-arrow-plq330, .byline-form-actions-preview-arrow) {
100
+ opacity: .5;
101
+ }
102
+
103
+ :is(.preview-after-pYlSUr, .byline-form-actions-preview-after) {
104
+ font-family: var(--font-mono, monospace);
105
+ font-weight: 500;
106
+ }
107
+
108
+ :is(.copy-row-EGqeNw, .byline-form-actions-copy-row) {
109
+ flex-wrap: wrap;
110
+ align-items: center;
111
+ display: flex;
112
+ }
113
+
114
+ :is(.copy-source-IV71b6, .byline-form-actions-copy-source) {
115
+ font-family: var(--font-mono, monospace);
116
+ }
117
+
118
+ :is(:is([data-theme="dark"], .dark) .delete-xmSRLN, :is([data-theme="dark"], .dark) .byline-form-actions-delete) {
119
+ color: var(--red-400);
120
+ }
117
121
  }
118
122