@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,95 +1,99 @@
1
- .cell-PLfZ8N {
2
- color: var(--text-success);
3
- overflow-wrap: anywhere;
4
- white-space: normal;
5
- flex-basis: 100%;
6
- font-weight: 600;
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
- @media (min-width: 66rem) {
3
+ @layer byline-components.cms {
10
4
  .cell-PLfZ8N {
11
- margin-left: var(--spacing-4);
12
- flex-basis: auto;
5
+ color: var(--text-success);
6
+ overflow-wrap: anywhere;
7
+ white-space: normal;
8
+ flex-basis: 100%;
9
+ font-weight: 600;
13
10
  }
14
11
 
15
- .byline-form-status-cell:has( > .cell-PLfZ8N) {
16
- align-items: flex-start;
12
+ @media (min-width: 66rem) {
13
+ .cell-PLfZ8N {
14
+ margin-left: var(--spacing-4);
15
+ flex-basis: auto;
16
+ }
17
+
18
+ .byline-form-status-cell:has( > .cell-PLfZ8N) {
19
+ align-items: flex-start;
20
+ }
17
21
  }
18
- }
19
22
 
20
- .notice-a85M8d {
21
- margin-top: var(--spacing-8);
22
- margin-bottom: var(--spacing-8);
23
- }
23
+ .notice-a85M8d {
24
+ margin-top: var(--spacing-8);
25
+ margin-bottom: var(--spacing-8);
26
+ }
24
27
 
25
- .notice-body-I7ZQZ6, .notice-instant-vUk7Iz, .notice-attempts-lqDFQZ, .notice-error-b8EmB9 {
26
- margin: 0 0 var(--spacing-4);
27
- font-size: var(--font-size-sm);
28
- }
28
+ .notice-body-I7ZQZ6, .notice-instant-vUk7Iz, .notice-attempts-lqDFQZ, .notice-error-b8EmB9 {
29
+ margin: 0 0 var(--spacing-4);
30
+ font-size: var(--font-size-sm);
31
+ }
29
32
 
30
- .notice-instant-vUk7Iz {
31
- font-weight: 600;
32
- }
33
+ .notice-instant-vUk7Iz {
34
+ font-weight: 600;
35
+ }
33
36
 
34
- .notice-attempts-lqDFQZ {
35
- color: var(--gray-500);
36
- }
37
+ .notice-attempts-lqDFQZ {
38
+ color: var(--gray-500);
39
+ }
37
40
 
38
- .notice-error-b8EmB9 {
39
- font-family: var(--font-family-mono, monospace);
40
- overflow-wrap: anywhere;
41
- }
41
+ .notice-error-b8EmB9 {
42
+ font-family: var(--font-family-mono, monospace);
43
+ overflow-wrap: anywhere;
44
+ }
42
45
 
43
- .notice-actions-dDHhl_ {
44
- align-items: center;
45
- gap: var(--spacing-8);
46
- margin-top: var(--spacing-8);
47
- flex-wrap: wrap;
48
- display: flex;
49
- }
46
+ .notice-actions-dDHhl_ {
47
+ align-items: center;
48
+ gap: var(--spacing-8);
49
+ margin-top: var(--spacing-8);
50
+ flex-wrap: wrap;
51
+ display: flex;
52
+ }
50
53
 
51
- .modalHead-sE__5Y {
52
- margin-bottom: var(--spacing-8);
53
- padding-top: 1rem;
54
- }
54
+ .modalHead-sE__5Y {
55
+ margin-bottom: var(--spacing-8);
56
+ padding-top: 1rem;
57
+ }
55
58
 
56
- .modalTitle-NXtMjb {
57
- margin: 0 0 var(--spacing-8) 0;
58
- font-size: var(--font-size-2xl);
59
- }
59
+ .modalTitle-NXtMjb {
60
+ margin: 0 0 var(--spacing-8) 0;
61
+ font-size: var(--font-size-2xl);
62
+ }
60
63
 
61
- .field-Z0Zwaq {
62
- display: block;
63
- }
64
+ .field-Z0Zwaq {
65
+ display: block;
66
+ }
64
67
 
65
- .help-UVZDXJ, .validation-ThnwlW, .warningText-zXrWei {
66
- font-size: var(--font-size-sm);
67
- }
68
+ .help-UVZDXJ, .validation-ThnwlW, .warningText-zXrWei {
69
+ font-size: var(--font-size-sm);
70
+ }
68
71
 
69
- .help-UVZDXJ {
70
- margin: var(--spacing-4) 0 0;
71
- }
72
+ .help-UVZDXJ {
73
+ margin: var(--spacing-4) 0 0;
74
+ }
72
75
 
73
- .warningText-zXrWei {
74
- margin: var(--spacing-12) 0 0;
75
- color: var(--gray-500);
76
- }
76
+ .warningText-zXrWei {
77
+ margin: var(--spacing-12) 0 0;
78
+ color: var(--gray-500);
79
+ }
77
80
 
78
- .validation-ThnwlW {
79
- margin: var(--spacing-8) 0 0;
80
- color: var(--red-600);
81
- }
81
+ .validation-ThnwlW {
82
+ margin: var(--spacing-8) 0 0;
83
+ color: var(--red-600);
84
+ }
82
85
 
83
- .choice-aTHmEn {
84
- margin-top: var(--spacing-12);
85
- }
86
+ .choice-aTHmEn {
87
+ margin-top: var(--spacing-12);
88
+ }
86
89
 
87
- .choice-select-fA1Bvp {
88
- min-width: 16rem;
89
- max-width: 100%;
90
- }
90
+ .choice-select-fA1Bvp {
91
+ min-width: 16rem;
92
+ max-width: 100%;
93
+ }
91
94
 
92
- :is([data-theme="dark"], .dark) .validation-ThnwlW {
93
- color: var(--red-400, #f87171);
95
+ :is([data-theme="dark"], .dark) .validation-ThnwlW {
96
+ color: var(--red-400, #f87171);
97
+ }
94
98
  }
95
99
 
@@ -1,69 +1,73 @@
1
- :is(.tree-QTfVWc, .byline-form-tree) {
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(.heading-kMlzJM, .byline-form-tree-heading) {
8
- font-size: .875rem;
9
- font-weight: 600;
10
- }
3
+ @layer byline-components.cms {
4
+ :is(.tree-QTfVWc, .byline-form-tree) {
5
+ gap: var(--spacing-8);
6
+ flex-direction: column;
7
+ display: flex;
8
+ }
11
9
 
12
- :is(.current-V4s8B9, .byline-form-tree-current) {
13
- font-size: .875rem;
14
- }
10
+ :is(.heading-kMlzJM, .byline-form-tree-heading) {
11
+ font-size: .875rem;
12
+ font-weight: 600;
13
+ }
15
14
 
16
- .parentLabel-AOKJXk {
17
- color: var(--gray-500);
18
- }
15
+ :is(.current-V4s8B9, .byline-form-tree-current) {
16
+ font-size: .875rem;
17
+ }
19
18
 
20
- .parentValue-EzOVWx {
21
- font-weight: 500;
22
- }
19
+ .parentLabel-AOKJXk {
20
+ color: var(--gray-500);
21
+ }
23
22
 
24
- .root-mvHqUc {
25
- color: var(--gray-500);
26
- font-style: italic;
27
- font-weight: 400;
28
- }
23
+ .parentValue-EzOVWx {
24
+ font-weight: 500;
25
+ }
29
26
 
30
- :is(.actions-e3yRzc, .byline-form-tree-actions) {
31
- flex-wrap: wrap;
32
- align-items: center;
33
- gap: .75rem;
34
- display: flex;
35
- }
27
+ .root-mvHqUc {
28
+ color: var(--gray-500);
29
+ font-style: italic;
30
+ font-weight: 400;
31
+ }
36
32
 
37
- :is(.link-hHX4SE, .byline-form-tree-link) {
38
- color: inherit;
39
- cursor: pointer;
40
- background: none;
41
- border: none;
42
- padding: 0;
43
- font-size: .8rem;
44
- text-decoration: underline;
45
- }
33
+ :is(.actions-e3yRzc, .byline-form-tree-actions) {
34
+ flex-wrap: wrap;
35
+ align-items: center;
36
+ gap: .75rem;
37
+ display: flex;
38
+ }
46
39
 
47
- :is(.link-hHX4SE:disabled, .byline-form-tree-link:disabled) {
48
- opacity: .5;
49
- cursor: default;
50
- }
40
+ :is(.link-hHX4SE, .byline-form-tree-link) {
41
+ color: inherit;
42
+ cursor: pointer;
43
+ background: none;
44
+ border: none;
45
+ padding: 0;
46
+ font-size: .8rem;
47
+ text-decoration: underline;
48
+ }
51
49
 
52
- :is(.error-SXo8E4, .byline-form-tree-error) {
53
- color: var(--danger-600, #c0392b);
54
- margin: 0;
55
- font-size: .8rem;
56
- }
50
+ :is(.link-hHX4SE:disabled, .byline-form-tree-link:disabled) {
51
+ opacity: .5;
52
+ cursor: default;
53
+ }
54
+
55
+ :is(.error-SXo8E4, .byline-form-tree-error) {
56
+ color: var(--danger-600, #c0392b);
57
+ margin: 0;
58
+ font-size: .8rem;
59
+ }
57
60
 
58
- .sr-only-iZPr5G {
59
- clip: rect(0, 0, 0, 0);
60
- white-space: nowrap;
61
- border: 0;
62
- width: 1px;
63
- height: 1px;
64
- margin: -1px;
65
- padding: 0;
66
- position: absolute;
67
- overflow: hidden;
61
+ .sr-only-iZPr5G {
62
+ clip: rect(0, 0, 0, 0);
63
+ white-space: nowrap;
64
+ border: 0;
65
+ width: 1px;
66
+ height: 1px;
67
+ margin: -1px;
68
+ padding: 0;
69
+ position: absolute;
70
+ overflow: hidden;
71
+ }
68
72
  }
69
73
 
@@ -1,27 +1,31 @@
1
- :is(.wrap-S1VOJs, .byline-account-change-password-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-W_yW2Y, .byline-account-change-password-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-S1VOJs, .byline-account-change-password-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-vW3jby, .byline-account-change-password-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-W_yW2Y, .byline-account-change-password-form) {
13
+ gap: var(--spacing-16);
14
+ padding-top: var(--spacing-8);
15
+ flex-direction: column;
16
+ display: flex;
17
+ }
18
+
19
+ :is(.actions-vW3jby, .byline-account-change-password-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-DnlRqk, .byline-account-change-password-action) {
25
- min-width: 4rem;
27
+ :is(.action-DnlRqk, .byline-account-change-password-action) {
28
+ min-width: 4rem;
29
+ }
26
30
  }
27
31
 
@@ -1,113 +1,117 @@
1
- :is(.grid-TDIPZJ, .byline-account-grid) {
2
- gap: var(--spacing-16);
3
- margin-bottom: var(--spacing-48);
4
- flex-direction: column;
5
- display: flex;
6
- }
1
+ @layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
7
2
 
8
- @media (min-width: 40rem) {
3
+ @layer byline-components.cms {
9
4
  :is(.grid-TDIPZJ, .byline-account-grid) {
10
- grid-template-columns: 1fr 1fr;
11
- display: grid;
5
+ gap: var(--spacing-16);
6
+ margin-bottom: var(--spacing-48);
7
+ flex-direction: column;
8
+ display: flex;
12
9
  }
13
- }
14
10
 
15
- :is(.column-RGIay3, .byline-account-column) {
16
- gap: var(--spacing-16);
17
- margin-bottom: var(--spacing-16);
18
- flex-direction: column;
19
- display: flex;
20
- }
11
+ @media (min-width: 40rem) {
12
+ :is(.grid-TDIPZJ, .byline-account-grid) {
13
+ grid-template-columns: 1fr 1fr;
14
+ display: grid;
15
+ }
16
+ }
21
17
 
22
- :is(.section-iYQnMb, .byline-account-section) {
23
- padding: var(--spacing-16);
24
- border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
25
- background-color: var(--canvas-25);
26
- border-radius: var(--border-radius-sm);
27
- }
18
+ :is(.column-RGIay3, .byline-account-column) {
19
+ gap: var(--spacing-16);
20
+ margin-bottom: var(--spacing-16);
21
+ flex-direction: column;
22
+ display: flex;
23
+ }
28
24
 
29
- :is(.section-head-O3uWgR, .byline-account-section-head) {
30
- margin-bottom: var(--spacing-8);
31
- justify-content: space-between;
32
- align-items: center;
33
- display: flex;
34
- }
25
+ :is(.section-iYQnMb, .byline-account-section) {
26
+ padding: var(--spacing-16);
27
+ border: var(--border-width-thin) var(--border-style-solid) var(--gray-100);
28
+ background-color: var(--canvas-25);
29
+ border-radius: var(--border-radius-sm);
30
+ }
35
31
 
36
- :is(.line-Yue0Yc, .byline-account-line) {
37
- margin-bottom: 0;
38
- }
32
+ :is(.section-head-O3uWgR, .byline-account-section-head) {
33
+ margin-bottom: var(--spacing-8);
34
+ justify-content: space-between;
35
+ align-items: center;
36
+ display: flex;
37
+ }
39
38
 
40
- :is(.cta-line-JwOIoW, .byline-account-cta-line) {
41
- margin-bottom: var(--spacing-12);
42
- }
39
+ :is(.line-Yue0Yc, .byline-account-line) {
40
+ margin-bottom: 0;
41
+ }
43
42
 
44
- :is(.meta-CLvEpZ, .byline-account-meta) {
45
- margin-top: var(--spacing-16);
46
- font-size: var(--font-size-xs);
47
- }
43
+ :is(.cta-line-JwOIoW, .byline-account-cta-line) {
44
+ margin-bottom: var(--spacing-12);
45
+ }
48
46
 
49
- :is(.status-on-_9iyL2, .byline-account-status-on) {
50
- color: var(--green-600);
51
- }
47
+ :is(.meta-CLvEpZ, .byline-account-meta) {
48
+ margin-top: var(--spacing-16);
49
+ font-size: var(--font-size-xs);
50
+ }
52
51
 
53
- :is(.status-off-WJAcBy, .byline-account-status-off) {
54
- color: var(--red-600);
55
- }
52
+ :is(.status-on-_9iyL2, .byline-account-status-on) {
53
+ color: var(--green-600);
54
+ }
56
55
 
57
- :is(.status-help-GVOlMV, .byline-account-status-help) {
58
- margin-top: var(--spacing-12);
59
- font-size: var(--font-size-xs);
60
- margin-bottom: 0;
61
- }
56
+ :is(.status-off-WJAcBy, .byline-account-status-off) {
57
+ color: var(--red-600);
58
+ }
62
59
 
63
- :is(.preferences-theme-SHTZmr, .byline-account-preferences-theme) {
64
- gap: var(--spacing-8);
65
- margin-top: var(--spacing-20);
66
- flex-direction: column;
67
- display: flex;
68
- }
60
+ :is(.status-help-GVOlMV, .byline-account-status-help) {
61
+ margin-top: var(--spacing-12);
62
+ font-size: var(--font-size-xs);
63
+ margin-bottom: 0;
64
+ }
69
65
 
70
- :is(.not-set-Ek2yXe, .byline-account-not-set) {
71
- font-style: italic;
72
- }
66
+ :is(.preferences-theme-SHTZmr, .byline-account-preferences-theme) {
67
+ gap: var(--spacing-8);
68
+ margin-top: var(--spacing-20);
69
+ flex-direction: column;
70
+ display: flex;
71
+ }
73
72
 
74
- @media (min-width: 48rem) {
75
- :is(.drawer-dDlpic, .byline-account-drawer) {
76
- width: 500px;
73
+ :is(.not-set-Ek2yXe, .byline-account-not-set) {
74
+ font-style: italic;
77
75
  }
78
- }
79
76
 
80
- :is(.drawer-body-eVTFVC, .byline-account-drawer-body) {
81
- padding: var(--spacing-8);
82
- }
77
+ @media (min-width: 48rem) {
78
+ :is(.drawer-dDlpic, .byline-account-drawer) {
79
+ width: 500px;
80
+ }
81
+ }
83
82
 
84
- :is(.drawer-scroll-T9DAB_, .byline-account-drawer-scroll) {
85
- max-height: calc(100vh - 160px);
86
- overflow-y: auto;
87
- }
83
+ :is(.drawer-body-eVTFVC, .byline-account-drawer-body) {
84
+ padding: var(--spacing-8);
85
+ }
88
86
 
89
- :is(.drawer-skip-neMrNH, .byline-account-drawer-skip) {
90
- clip: rect(0, 0, 0, 0);
91
- white-space: nowrap;
92
- border: 0;
93
- width: 1px;
94
- height: 1px;
95
- margin: -1px;
96
- padding: 0;
97
- position: absolute;
98
- overflow: hidden;
99
- }
87
+ :is(.drawer-scroll-T9DAB_, .byline-account-drawer-scroll) {
88
+ max-height: calc(100vh - 160px);
89
+ overflow-y: auto;
90
+ }
100
91
 
101
- :is(:is([data-theme="dark"], .dark) .section-iYQnMb, :is([data-theme="dark"], .dark) .byline-account-section) {
102
- border-color: var(--gray-700);
103
- background-color: var(--canvas-800);
104
- }
92
+ :is(.drawer-skip-neMrNH, .byline-account-drawer-skip) {
93
+ clip: rect(0, 0, 0, 0);
94
+ white-space: nowrap;
95
+ border: 0;
96
+ width: 1px;
97
+ height: 1px;
98
+ margin: -1px;
99
+ padding: 0;
100
+ position: absolute;
101
+ overflow: hidden;
102
+ }
105
103
 
106
- :is(:is([data-theme="dark"], .dark) .status-on-_9iyL2, :is([data-theme="dark"], .dark) .byline-account-status-on) {
107
- color: var(--green-400);
108
- }
104
+ :is(:is([data-theme="dark"], .dark) .section-iYQnMb, :is([data-theme="dark"], .dark) .byline-account-section) {
105
+ border-color: var(--gray-700);
106
+ background-color: var(--canvas-800);
107
+ }
108
+
109
+ :is(:is([data-theme="dark"], .dark) .status-on-_9iyL2, :is([data-theme="dark"], .dark) .byline-account-status-on) {
110
+ color: var(--green-400);
111
+ }
109
112
 
110
- :is(:is([data-theme="dark"], .dark) .status-off-WJAcBy, :is([data-theme="dark"], .dark) .byline-account-status-off) {
111
- color: var(--red-400);
113
+ :is(:is([data-theme="dark"], .dark) .status-off-WJAcBy, :is([data-theme="dark"], .dark) .byline-account-status-off) {
114
+ color: var(--red-400);
115
+ }
112
116
  }
113
117
 
@@ -1,41 +1,45 @@
1
- :is(.wrap-Z0_u4U, .byline-account-preferences-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-vgAqtC, .byline-account-preferences-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-Z0_u4U, .byline-account-preferences-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(.row-v7Li8f, .byline-account-preferences-row) {
17
- gap: var(--spacing-4);
18
- flex-direction: column;
19
- display: flex;
20
- }
12
+ :is(.form-vgAqtC, .byline-account-preferences-form) {
13
+ gap: var(--spacing-16);
14
+ padding-top: var(--spacing-8);
15
+ flex-direction: column;
16
+ display: flex;
17
+ }
21
18
 
22
- :is(.label-Y07C1f, .byline-account-preferences-label) {
23
- font-weight: 500;
24
- }
19
+ :is(.row-v7Li8f, .byline-account-preferences-row) {
20
+ gap: var(--spacing-4);
21
+ flex-direction: column;
22
+ display: flex;
23
+ }
25
24
 
26
- :is(.help-pf3pyB, .byline-account-preferences-help) {
27
- font-size: .875rem;
28
- }
25
+ :is(.label-Y07C1f, .byline-account-preferences-label) {
26
+ font-weight: 500;
27
+ }
29
28
 
30
- :is(.actions-cxaMe0, .byline-account-preferences-actions) {
31
- justify-content: flex-end;
32
- align-items: center;
33
- gap: var(--spacing-8);
34
- margin-top: var(--spacing-16);
35
- display: flex;
36
- }
29
+ :is(.help-pf3pyB, .byline-account-preferences-help) {
30
+ font-size: .875rem;
31
+ }
32
+
33
+ :is(.actions-cxaMe0, .byline-account-preferences-actions) {
34
+ justify-content: flex-end;
35
+ align-items: center;
36
+ gap: var(--spacing-8);
37
+ margin-top: var(--spacing-16);
38
+ display: flex;
39
+ }
37
40
 
38
- :is(.action-k1vCLN, .byline-account-preferences-action) {
39
- min-width: 4rem;
41
+ :is(.action-k1vCLN, .byline-account-preferences-action) {
42
+ min-width: 4rem;
43
+ }
40
44
  }
41
45