@byline/admin 6.10.1 → 6.11.0

package/dist/fields/draggable-context-menu_module.css

@@ -1,91 +1,95 @@
-:is(.menu-AK92L8, .byline-draggable-menu) {
-  z-index: 40;
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  border-radius: var(--border-radius-sm);
-  background-color: #fff;
-  width: 8.5rem;
-  padding: .25rem .375rem;
-  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-:is(.item-cZy6je, .byline-draggable-menu-item) {
-  border-radius: var(--border-radius-sm);
-  width: 100%;
-  color: var(--gray-600);
-  cursor: default;
-  -webkit-user-select: none;
-  user-select: none;
-  outline: none;
-  align-items: center;
-  gap: .25rem;
-  padding: 5px 2px;
-  display: flex;
-}
+@layer byline-components.cms {
+  :is(.menu-AK92L8, .byline-draggable-menu) {
+    z-index: 40;
+    border: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
+    border-radius: var(--border-radius-sm);
+    background-color: #fff;
+    width: 8.5rem;
+    padding: .25rem .375rem;
+    box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
+  }
 
-@media (min-width: 48rem) {
   :is(.item-cZy6je, .byline-draggable-menu-item) {
-    font-size: var(--font-size-sm);
+    border-radius: var(--border-radius-sm);
+    width: 100%;
+    color: var(--gray-600);
+    cursor: default;
+    -webkit-user-select: none;
+    user-select: none;
+    outline: none;
+    align-items: center;
+    gap: .25rem;
+    padding: 5px 2px;
+    display: flex;
   }
-}
 
-:is(.item-cZy6je:hover, .item-cZy6je:focus, .byline-draggable-menu-item:hover, .byline-draggable-menu-item:focus) {
-  background-color: oklch(from var(--canvas-50) l c h / .3);
-}
+  @media (min-width: 48rem) {
+    :is(.item-cZy6je, .byline-draggable-menu-item) {
+      font-size: var(--font-size-sm);
+    }
+  }
 
-:is(.row-IT7owe, .byline-draggable-menu-row) {
-  align-items: center;
-  gap: .25rem;
-  width: 100%;
-  display: flex;
-}
+  :is(.item-cZy6je:hover, .item-cZy6je:focus, .byline-draggable-menu-item:hover, .byline-draggable-menu-item:focus) {
+    background-color: oklch(from var(--canvas-50) l c h / .3);
+  }
 
-:is(.icon-slot-eFcN9X, .byline-draggable-menu-icon-slot) {
-  width: 22px;
-  display: inline-block;
-}
+  :is(.row-IT7owe, .byline-draggable-menu-row) {
+    align-items: center;
+    gap: .25rem;
+    width: 100%;
+    display: flex;
+  }
 
-:is(.label-FpWNo3, .byline-draggable-menu-label) {
-  text-align: left;
-  color: #000;
-  flex: 1;
-  align-self: flex-start;
-  width: 100%;
-  display: inline-block;
-}
+  :is(.icon-slot-eFcN9X, .byline-draggable-menu-icon-slot) {
+    width: 22px;
+    display: inline-block;
+  }
 
-:is(.label-danger-QfUDsA, .byline-draggable-menu-label-danger) {
-  color: var(--red-600);
-}
+  :is(.label-FpWNo3, .byline-draggable-menu-label) {
+    text-align: left;
+    color: #000;
+    flex: 1;
+    align-self: flex-start;
+    width: 100%;
+    display: inline-block;
+  }
 
-:is(.delete-icon-VR2oJo, .byline-draggable-menu-delete-icon) {
-  stroke: var(--red-600);
-}
+  :is(.label-danger-QfUDsA, .byline-draggable-menu-label-danger) {
+    color: var(--red-600);
+  }
 
-:is(.separator-wdzZsH, .byline-draggable-menu-separator) {
-  border: none;
-  border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  width: 90%;
-  margin: .25rem auto;
-}
+  :is(.delete-icon-VR2oJo, .byline-draggable-menu-delete-icon) {
+    stroke: var(--red-600);
+  }
 
-:is(:is([data-theme="dark"], .dark) .menu-AK92L8, :is([data-theme="dark"], .dark) .byline-draggable-menu) {
-  background-color: var(--canvas-800);
-  border-color: var(--canvas-700);
-}
+  :is(.separator-wdzZsH, .byline-draggable-menu-separator) {
+    border: none;
+    border-top: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
+    width: 90%;
+    margin: .25rem auto;
+  }
 
-:is(:is([data-theme="dark"], .dark) .item-cZy6je, :is([data-theme="dark"], .dark) .byline-draggable-menu-item) {
-  color: var(--gray-300);
-}
+  :is(:is([data-theme="dark"], .dark) .menu-AK92L8, :is([data-theme="dark"], .dark) .byline-draggable-menu) {
+    background-color: var(--canvas-800);
+    border-color: var(--canvas-700);
+  }
 
-:is(:is([data-theme="dark"], .dark) .item-cZy6je:hover, :is([data-theme="dark"], .dark) .item-cZy6je:focus, :is([data-theme="dark"], .dark) .byline-draggable-menu-item:hover, :is([data-theme="dark"], .dark) .byline-draggable-menu-item:focus) {
-  background-color: var(--canvas-900);
-}
+  :is(:is([data-theme="dark"], .dark) .item-cZy6je, :is([data-theme="dark"], .dark) .byline-draggable-menu-item) {
+    color: var(--gray-300);
+  }
 
-:is(:is([data-theme="dark"], .dark) .label-FpWNo3, :is([data-theme="dark"], .dark) .byline-draggable-menu-label) {
-  color: var(--gray-300);
-}
+  :is(:is([data-theme="dark"], .dark) .item-cZy6je:hover, :is([data-theme="dark"], .dark) .item-cZy6je:focus, :is([data-theme="dark"], .dark) .byline-draggable-menu-item:hover, :is([data-theme="dark"], .dark) .byline-draggable-menu-item:focus) {
+    background-color: var(--canvas-900);
+  }
 
-:is(:is([data-theme="dark"], .dark) .separator-wdzZsH, :is([data-theme="dark"], .dark) .byline-draggable-menu-separator) {
-  border-top-color: var(--gray-900);
+  :is(:is([data-theme="dark"], .dark) .label-FpWNo3, :is([data-theme="dark"], .dark) .byline-draggable-menu-label) {
+    color: var(--gray-300);
+  }
+
+  :is(:is([data-theme="dark"], .dark) .separator-wdzZsH, :is([data-theme="dark"], .dark) .byline-draggable-menu-separator) {
+    border-top-color: var(--gray-900);
+  }
 }
 

package/dist/fields/field-renderer_module.css

@@ -1,11 +1,15 @@
-:is(.localized-wrap-bv51Y7, .byline-field-localized-wrap) {
-  position: relative;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
+
+@layer byline-components.cms {
+  :is(.localized-wrap-bv51Y7, .byline-field-localized-wrap) {
+    position: relative;
+  }
 
-:is(.localized-badge-D5MrbH, .byline-field-localized-badge) {
-  line-height: 1;
-  position: absolute;
-  top: 0;
-  right: 0;
+  :is(.localized-badge-D5MrbH, .byline-field-localized-badge) {
+    line-height: 1;
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
 }
 

package/dist/fields/file/file-field_module.css

@@ -1,131 +1,135 @@
-:is(.header-4BiMwv, .byline-field-file-header) {
-  align-items: baseline;
-  gap: var(--spacing-8);
-  margin-bottom: .25rem;
-  display: flex;
-}
-
-:is(.actions-Yd3WIq, .byline-field-file-actions) {
-  top: var(--spacing-6);
-  right: var(--spacing-6);
-  z-index: 1;
-  align-items: center;
-  gap: var(--spacing-4);
-  display: flex;
-  position: absolute;
-}
-
-.byline-field-file-actions .byline-button {
-  color: var(--gray-900);
-}
-
-:is(.dark .byline-field-file-actions .byline-button, [data-theme="dark"] .byline-field-file-actions .byline-button) {
-  color: var(--gray-200);
-}
-
-:is(.empty-Afgknj, .byline-field-file-empty) {
-  color: var(--gray-500);
-  font-size: var(--font-size-xs);
-  font-style: italic;
-}
-
-:is(.tile-K1K1D_, .byline-field-file-tile) {
-  gap: var(--spacing-16);
-  padding: var(--spacing-8);
-  border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
-  border-radius: var(--border-radius-md);
-  margin-top: .25rem;
-  display: flex;
-  position: relative;
-}
-
-:is(.uploading-KCIPa6, .byline-field-file-uploading) {
-  z-index: 2;
-  background-color: oklch(from var(--gray-950) l c h / .5);
-  border-radius: var(--border-radius-md);
-  justify-content: center;
-  align-items: center;
-  display: flex;
-  position: absolute;
-  inset: 0;
-}
-
-:is(.icon-wrap-TckWPs, .byline-field-file-icon-wrap) {
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-600);
-  border-radius: var(--border-radius-sm);
-  width: 4rem;
-  height: 4rem;
-  color: var(--gray-300);
-  flex-shrink: 0;
-  justify-content: center;
-  align-self: flex-start;
-  align-items: center;
-  display: flex;
-  position: relative;
-}
-
-a.icon-wrap-TckWPs {
-  cursor: pointer;
-  text-decoration: none;
-  transition: border-color .12s, color .12s;
-}
-
-a.byline-field-file-icon-wrap {
-  cursor: pointer;
-  text-decoration: none;
-  transition: border-color .12s, color .12s;
-}
-
-a.icon-wrap-TckWPs:hover {
-  border-color: var(--primary-500);
-  color: var(--primary-400);
-}
-
-a.byline-field-file-icon-wrap:hover {
-  border-color: var(--primary-500);
-  color: var(--primary-400);
-}
-
-a.icon-wrap-TckWPs:focus-visible {
-  outline: 2px solid var(--primary-500);
-  outline-offset: 2px;
-}
-
-a.byline-field-file-icon-wrap:focus-visible {
-  outline: 2px solid var(--primary-500);
-  outline-offset: 2px;
-}
-
-:is(.icon-HnknJj, .byline-field-file-icon) {
-  opacity: .85;
-}
-
-:is(.pending-mh5ZKa, .byline-field-file-pending) {
-  background-color: oklch(from var(--yellow-600) l c h / .9);
-  color: var(--yellow-100);
-  font-size: .6rem;
-  font-weight: var(--font-weight-medium);
-  border-radius: var(--border-radius-sm);
-  padding: .125rem .375rem;
-  position: absolute;
-  top: .25rem;
-  left: .25rem;
-}
-
-:is(.meta-mm1UmQ, .byline-field-file-meta) {
-  padding-right: var(--spacing-32);
-  color: var(--gray-200);
-  font-size: var(--font-size-xs);
-  flex-direction: column;
-  gap: .125rem;
-  display: flex;
-}
-
-:is(.meta-key-q6cipk, .byline-field-file-meta-key) {
-  font-weight: var(--font-weight-semibold);
-}
-
-:is(.meta-pending-Q0ICzl, .byline-field-file-meta-pending) {
-  color: var(--yellow-400);
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
+
+@layer byline-components.cms {
+  :is(.header-4BiMwv, .byline-field-file-header) {
+    align-items: baseline;
+    gap: var(--spacing-8);
+    margin-bottom: .25rem;
+    display: flex;
+  }
+
+  :is(.actions-Yd3WIq, .byline-field-file-actions) {
+    top: var(--spacing-6);
+    right: var(--spacing-6);
+    z-index: 1;
+    align-items: center;
+    gap: var(--spacing-4);
+    display: flex;
+    position: absolute;
+  }
+
+  .byline-field-file-actions .byline-button {
+    color: var(--gray-900);
+  }
+
+  :is(.dark .byline-field-file-actions .byline-button, [data-theme="dark"] .byline-field-file-actions .byline-button) {
+    color: var(--gray-200);
+  }
+
+  :is(.empty-Afgknj, .byline-field-file-empty) {
+    color: var(--gray-500);
+    font-size: var(--font-size-xs);
+    font-style: italic;
+  }
+
+  :is(.tile-K1K1D_, .byline-field-file-tile) {
+    gap: var(--spacing-16);
+    padding: var(--spacing-8);
+    border: var(--border-width-thin) var(--border-style-solid) var(--primary-500);
+    border-radius: var(--border-radius-md);
+    margin-top: .25rem;
+    display: flex;
+    position: relative;
+  }
+
+  :is(.uploading-KCIPa6, .byline-field-file-uploading) {
+    z-index: 2;
+    background-color: oklch(from var(--gray-950) l c h / .5);
+    border-radius: var(--border-radius-md);
+    justify-content: center;
+    align-items: center;
+    display: flex;
+    position: absolute;
+    inset: 0;
+  }
+
+  :is(.icon-wrap-TckWPs, .byline-field-file-icon-wrap) {
+    border: var(--border-width-thin) var(--border-style-solid) var(--gray-600);
+    border-radius: var(--border-radius-sm);
+    width: 4rem;
+    height: 4rem;
+    color: var(--gray-300);
+    flex-shrink: 0;
+    justify-content: center;
+    align-self: flex-start;
+    align-items: center;
+    display: flex;
+    position: relative;
+  }
+
+  a.icon-wrap-TckWPs {
+    cursor: pointer;
+    text-decoration: none;
+    transition: border-color .12s, color .12s;
+  }
+
+  a.byline-field-file-icon-wrap {
+    cursor: pointer;
+    text-decoration: none;
+    transition: border-color .12s, color .12s;
+  }
+
+  a.icon-wrap-TckWPs:hover {
+    border-color: var(--primary-500);
+    color: var(--primary-400);
+  }
+
+  a.byline-field-file-icon-wrap:hover {
+    border-color: var(--primary-500);
+    color: var(--primary-400);
+  }
+
+  a.icon-wrap-TckWPs:focus-visible {
+    outline: 2px solid var(--primary-500);
+    outline-offset: 2px;
+  }
+
+  a.byline-field-file-icon-wrap:focus-visible {
+    outline: 2px solid var(--primary-500);
+    outline-offset: 2px;
+  }
+
+  :is(.icon-HnknJj, .byline-field-file-icon) {
+    opacity: .85;
+  }
+
+  :is(.pending-mh5ZKa, .byline-field-file-pending) {
+    background-color: oklch(from var(--yellow-600) l c h / .9);
+    color: var(--yellow-100);
+    font-size: .6rem;
+    font-weight: var(--font-weight-medium);
+    border-radius: var(--border-radius-sm);
+    padding: .125rem .375rem;
+    position: absolute;
+    top: .25rem;
+    left: .25rem;
+  }
+
+  :is(.meta-mm1UmQ, .byline-field-file-meta) {
+    padding-right: var(--spacing-32);
+    color: var(--gray-200);
+    font-size: var(--font-size-xs);
+    flex-direction: column;
+    gap: .125rem;
+    display: flex;
+  }
+
+  :is(.meta-key-q6cipk, .byline-field-file-meta-key) {
+    font-weight: var(--font-weight-semibold);
+  }
+
+  :is(.meta-pending-Q0ICzl, .byline-field-file-meta-pending) {
+    color: var(--yellow-400);
+  }
 }
 

package/dist/fields/file/file-upload-field_module.css

@@ -1,74 +1,78 @@
-:is(.root-Eb8eWY, .byline-field-file-upload) {
-  margin-top: .25rem;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-:is(.input-xBB8ah, .byline-field-file-upload-input) {
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  overflow: hidden;
-}
+@layer byline-components.cms {
+  :is(.root-Eb8eWY, .byline-field-file-upload) {
+    margin-top: .25rem;
+  }
 
-:is(.zone-HdQNmA, .byline-field-file-upload-zone) {
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-8);
-  border: 2px dashed var(--gray-600);
-  border-radius: var(--border-radius-lg);
-  color: var(--gray-400);
-  text-align: center;
-  cursor: pointer;
-  -webkit-user-select: none;
-  user-select: none;
-  flex-direction: column;
-  padding: 1.5rem 1rem;
-  transition: color .15s, background-color .15s, border-color .15s;
-  display: flex;
-}
+  :is(.input-xBB8ah, .byline-field-file-upload-input) {
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
 
-:is(.zone-HdQNmA:hover, .byline-field-file-upload-zone:hover) {
-  border-color: var(--primary-500);
-  background-color: oklch(from var(--primary-900) l c h / .1);
-}
+  :is(.zone-HdQNmA, .byline-field-file-upload-zone) {
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-8);
+    border: 2px dashed var(--gray-600);
+    border-radius: var(--border-radius-lg);
+    color: var(--gray-400);
+    text-align: center;
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+    flex-direction: column;
+    padding: 1.5rem 1rem;
+    transition: color .15s, background-color .15s, border-color .15s;
+    display: flex;
+  }
 
-:is(.zone-active-iYZTsU, .byline-field-file-upload-zone-active) {
-  border-color: var(--primary-400);
-  background-color: oklch(from var(--primary-900) l c h / .2);
-  color: var(--primary-300);
-}
+  :is(.zone-HdQNmA:hover, .byline-field-file-upload-zone:hover) {
+    border-color: var(--primary-500);
+    background-color: oklch(from var(--primary-900) l c h / .1);
+  }
 
-:is(.zone-busy-GmToil, .byline-field-file-upload-zone-busy) {
-  border-color: var(--gray-700);
-  background-color: oklch(from var(--canvas-800) l c h / .5);
-  color: var(--gray-600);
-  cursor: not-allowed;
-}
+  :is(.zone-active-iYZTsU, .byline-field-file-upload-zone-active) {
+    border-color: var(--primary-400);
+    background-color: oklch(from var(--primary-900) l c h / .2);
+    color: var(--primary-300);
+  }
 
-:is(.icon-vXw1Do, .byline-field-file-upload-icon) {
-  opacity: .6;
-  width: 1.75rem;
-  height: 1.75rem;
-}
+  :is(.zone-busy-GmToil, .byline-field-file-upload-zone-busy) {
+    border-color: var(--gray-700);
+    background-color: oklch(from var(--canvas-800) l c h / .5);
+    color: var(--gray-600);
+    cursor: not-allowed;
+  }
 
-:is(.label-XCy7AX, .byline-field-file-upload-label) {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-}
+  :is(.icon-vXw1Do, .byline-field-file-upload-icon) {
+    opacity: .6;
+    width: 1.75rem;
+    height: 1.75rem;
+  }
 
-:is(.action-LUT6jM, .byline-field-file-upload-action) {
-  color: var(--primary-400);
-  text-underline-offset: 2px;
-  text-decoration: underline;
-}
+  :is(.label-XCy7AX, .byline-field-file-upload-label) {
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-medium);
+  }
+
+  :is(.action-LUT6jM, .byline-field-file-upload-action) {
+    color: var(--primary-400);
+    text-underline-offset: 2px;
+    text-decoration: underline;
+  }
 
-:is(.error-fFWMW2, .byline-field-file-upload-error) {
-  color: var(--red-400);
-  font-size: var(--font-size-xs);
-  margin-top: .375rem;
+  :is(.error-fFWMW2, .byline-field-file-upload-error) {
+    color: var(--red-400);
+    font-size: var(--font-size-xs);
+    margin-top: .375rem;
+  }
 }
 

package/dist/fields/group/group-field_module.css

@@ -1,27 +1,31 @@
-:is(.header-QiCfGn, .byline-field-group-header) {
-  margin-bottom: var(--spacing-8);
-  flex-direction: column;
-  gap: .125rem;
-  display: flex;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-:is(.title-N84bq9, .byline-field-group-title) {
-  font-size: 1rem;
-  font-weight: var(--font-weight-medium);
-}
+@layer byline-components.cms {
+  :is(.header-QiCfGn, .byline-field-group-header) {
+    margin-bottom: var(--spacing-8);
+    flex-direction: column;
+    gap: .125rem;
+    display: flex;
+  }
 
-:is(.required-aR0X2E, .byline-field-group-required) {
-  color: var(--red-500);
-}
+  :is(.title-N84bq9, .byline-field-group-title) {
+    font-size: 1rem;
+    font-weight: var(--font-weight-medium);
+  }
 
-:is(.help-xFiofl, .byline-field-group-help) {
-  color: var(--gray-500);
-  font-size: var(--font-size-xs);
-}
+  :is(.required-aR0X2E, .byline-field-group-required) {
+    color: var(--red-500);
+  }
+
+  :is(.help-xFiofl, .byline-field-group-help) {
+    color: var(--gray-500);
+    font-size: var(--font-size-xs);
+  }
 
-:is(.body-_PqbfY, .byline-field-group-body) {
-  gap: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
+  :is(.body-_PqbfY, .byline-field-group-body) {
+    gap: var(--spacing-8);
+    flex-direction: column;
+    display: flex;
+  }
 }