@byline/admin 6.10.1 → 6.12.0

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

@@ -1,121 +1,125 @@
-:is(.header-qe_E_5, .byline-field-image-header) {
-  align-items: baseline;
-  gap: var(--spacing-8);
-  margin-bottom: .25rem;
-  display: flex;
-}
-
-:is(.remove-ib7eKx, .byline-field-image-remove) {
-  top: var(--spacing-6);
-  right: var(--spacing-6);
-  z-index: 1;
-  position: absolute;
-}
-
-.byline-field-image-remove .byline-button {
-  color: var(--gray-900);
-}
-
-:is(.dark .byline-field-image-remove .byline-button, [data-theme="dark"] .byline-field-image-remove .byline-button) {
-  color: var(--gray-200);
-}
-
-:is(.empty-b8pdoJ, .byline-field-image-empty) {
-  color: var(--gray-500);
-  font-size: var(--font-size-xs);
-  font-style: italic;
-}
-
-:is(.tile-izbLn0, .byline-field-image-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(.preview-wrap-Cjr0PD, .byline-field-image-preview-wrap) {
-  position: relative;
-}
-
-:is(.preview-button-LAsENX, .byline-field-image-preview-button) {
-  appearance: none;
-  cursor: pointer;
-  border-radius: var(--border-radius-sm);
-  background: none;
-  border: none;
-  margin: 0;
-  padding: 0;
-  display: block;
-}
-
-:is(.preview-button-LAsENX:focus-visible, .byline-field-image-preview-button:focus-visible) {
-  outline: 2px solid var(--primary-500);
-  outline-offset: 2px;
-}
-
-:is(.preview-button-LAsENX img, .byline-field-image-preview-button img) {
-  transition: opacity .12s;
-}
-
-:is(.preview-button-LAsENX:hover img, .byline-field-image-preview-button:hover img) {
-  opacity: .85;
-}
-
-:is(.preview-DIASGB, .byline-field-image-preview) {
-  border: var(--border-width-thin) var(--border-style-solid) var(--gray-600);
-  border-radius: var(--border-radius-sm);
-  object-fit: contain;
-  min-width: 4rem;
-  min-height: 4rem;
-  max-height: 10rem;
-}
-
-:is(.preview-svg-sCwreb, .byline-field-image-preview-svg) {
-  width: 271px;
-  height: 159px;
-  max-height: none;
-}
-
-:is(.pending-s6X_52, .byline-field-image-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(.uploading-nqh2Gh, .byline-field-image-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(.meta-uHyKiu, .byline-field-image-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-eR6iRU, .byline-field-image-meta-key) {
-  font-weight: var(--font-weight-semibold);
-}
-
-:is(.meta-pending-lEdTAj, .byline-field-image-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-qe_E_5, .byline-field-image-header) {
+    align-items: baseline;
+    gap: var(--spacing-8);
+    margin-bottom: .25rem;
+    display: flex;
+  }
+
+  :is(.remove-ib7eKx, .byline-field-image-remove) {
+    top: var(--spacing-6);
+    right: var(--spacing-6);
+    z-index: 1;
+    position: absolute;
+  }
+
+  .byline-field-image-remove .byline-button {
+    color: var(--gray-900);
+  }
+
+  :is(.dark .byline-field-image-remove .byline-button, [data-theme="dark"] .byline-field-image-remove .byline-button) {
+    color: var(--gray-200);
+  }
+
+  :is(.empty-b8pdoJ, .byline-field-image-empty) {
+    color: var(--gray-500);
+    font-size: var(--font-size-xs);
+    font-style: italic;
+  }
+
+  :is(.tile-izbLn0, .byline-field-image-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(.preview-wrap-Cjr0PD, .byline-field-image-preview-wrap) {
+    position: relative;
+  }
+
+  :is(.preview-button-LAsENX, .byline-field-image-preview-button) {
+    appearance: none;
+    cursor: pointer;
+    border-radius: var(--border-radius-sm);
+    background: none;
+    border: none;
+    margin: 0;
+    padding: 0;
+    display: block;
+  }
+
+  :is(.preview-button-LAsENX:focus-visible, .byline-field-image-preview-button:focus-visible) {
+    outline: 2px solid var(--primary-500);
+    outline-offset: 2px;
+  }
+
+  :is(.preview-button-LAsENX img, .byline-field-image-preview-button img) {
+    transition: opacity .12s;
+  }
+
+  :is(.preview-button-LAsENX:hover img, .byline-field-image-preview-button:hover img) {
+    opacity: .85;
+  }
+
+  :is(.preview-DIASGB, .byline-field-image-preview) {
+    border: var(--border-width-thin) var(--border-style-solid) var(--gray-600);
+    border-radius: var(--border-radius-sm);
+    object-fit: contain;
+    min-width: 4rem;
+    min-height: 4rem;
+    max-height: 10rem;
+  }
+
+  :is(.preview-svg-sCwreb, .byline-field-image-preview-svg) {
+    width: 271px;
+    height: 159px;
+    max-height: none;
+  }
+
+  :is(.pending-s6X_52, .byline-field-image-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(.uploading-nqh2Gh, .byline-field-image-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(.meta-uHyKiu, .byline-field-image-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-eR6iRU, .byline-field-image-meta-key) {
+    font-weight: var(--font-weight-semibold);
+  }
+
+  :is(.meta-pending-lEdTAj, .byline-field-image-meta-pending) {
+    color: var(--yellow-400);
+  }
 }
 

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

@@ -1,92 +1,96 @@
-:is(.root-RQ8s0u, .byline-field-image-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-DnqmLy, .byline-field-image-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-RQ8s0u, .byline-field-image-upload) {
+    margin-top: .25rem;
+  }
 
-:is(.zone-ZQQueP, .byline-field-image-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-DnqmLy, .byline-field-image-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-ZQQueP:hover, .byline-field-image-upload-zone:hover) {
-  border-color: var(--primary-500);
-  background-color: oklch(from var(--primary-900) l c h / .1);
-}
+  :is(.zone-ZQQueP, .byline-field-image-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-GgYY5w, .byline-field-image-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-ZQQueP:hover, .byline-field-image-upload-zone:hover) {
+    border-color: var(--primary-500);
+    background-color: oklch(from var(--primary-900) l c h / .1);
+  }
 
-:is(.zone-busy-QscsjT, .byline-field-image-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-GgYY5w, .byline-field-image-upload-zone-active) {
+    border-color: var(--primary-400);
+    background-color: oklch(from var(--primary-900) l c h / .2);
+    color: var(--primary-300);
+  }
 
-:is(.spinner-vgmURt, .byline-field-image-upload-spinner) {
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--primary-400);
-  animation: 1s linear infinite byline-image-upload-spin-PnC9WU;
-}
+  :is(.zone-busy-QscsjT, .byline-field-image-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;
+  }
 
-@keyframes byline-image-upload-spin-PnC9WU {
-  to {
-    transform: rotate(360deg);
+  :is(.spinner-vgmURt, .byline-field-image-upload-spinner) {
+    width: 1.5rem;
+    height: 1.5rem;
+    color: var(--primary-400);
+    animation: 1s linear infinite byline-image-upload-spin-PnC9WU;
   }
-}
 
-:is(.icon-ZueG4I, .byline-field-image-upload-icon) {
-  opacity: .6;
-  width: 1.75rem;
-  height: 1.75rem;
-}
+  @keyframes byline-image-upload-spin-PnC9WU {
+    to {
+      transform: rotate(360deg);
+    }
+  }
 
-:is(.label-jdwMD2, .byline-field-image-upload-label) {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-}
+  :is(.icon-ZueG4I, .byline-field-image-upload-icon) {
+    opacity: .6;
+    width: 1.75rem;
+    height: 1.75rem;
+  }
 
-:is(.action-g1CZcT, .byline-field-image-upload-action) {
-  color: var(--primary-400);
-  text-underline-offset: 2px;
-  text-decoration: underline;
-}
+  :is(.label-jdwMD2, .byline-field-image-upload-label) {
+    font-size: var(--font-size-xs);
+    font-weight: var(--font-weight-medium);
+  }
 
-:is(.hint-WOpqdr, .byline-field-image-upload-hint) {
-  color: var(--gray-500);
-  font-size: .65rem;
-}
+  :is(.action-g1CZcT, .byline-field-image-upload-action) {
+    color: var(--primary-400);
+    text-underline-offset: 2px;
+    text-decoration: underline;
+  }
 
-:is(.error-bRg83I, .byline-field-image-upload-error) {
-  color: var(--red-400);
-  font-size: var(--font-size-xs);
-  margin-top: .375rem;
+  :is(.hint-WOpqdr, .byline-field-image-upload-hint) {
+    color: var(--gray-500);
+    font-size: .65rem;
+  }
+
+  :is(.error-bRg83I, .byline-field-image-upload-error) {
+    color: var(--red-400);
+    font-size: var(--font-size-xs);
+    margin-top: .375rem;
+  }
 }
 

package/dist/fields/locale-badge_module.css

@@ -1,27 +1,31 @@
-:is(.badge-w0AW86, .byline-locale-badge) {
-  border: var(--border-width-thin) var(--border-style-solid) var(--yellow-400);
-  border-radius: var(--border-radius-sm);
-  background-color: var(--yellow-100);
-  color: var(--yellow-800);
-  font-size: .6rem;
-  font-weight: var(--font-weight-semibold);
-  letter-spacing: var(--letter-spacing-wide);
-  text-transform: uppercase;
-  pointer-events: none;
-  -webkit-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  align-items: center;
-  gap: .125rem;
-  margin-left: .375rem;
-  padding: .125rem .375rem;
-  line-height: 1;
-  display: inline-flex;
-}
+@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(.badge-w0AW86, .byline-locale-badge) {
+    border: var(--border-width-thin) var(--border-style-solid) var(--yellow-400);
+    border-radius: var(--border-radius-sm);
+    background-color: var(--yellow-100);
+    color: var(--yellow-800);
+    font-size: .6rem;
+    font-weight: var(--font-weight-semibold);
+    letter-spacing: var(--letter-spacing-wide);
+    text-transform: uppercase;
+    pointer-events: none;
+    -webkit-user-select: none;
+    user-select: none;
+    vertical-align: middle;
+    align-items: center;
+    gap: .125rem;
+    margin-left: .375rem;
+    padding: .125rem .375rem;
+    line-height: 1;
+    display: inline-flex;
+  }
 
-:is(:is([data-theme="dark"], .dark) .badge-w0AW86, :is([data-theme="dark"], .dark) .byline-locale-badge) {
-  border-color: var(--yellow-700);
-  background-color: oklch(from var(--yellow-900) l c h / .4);
-  color: var(--yellow-400);
+  :is(:is([data-theme="dark"], .dark) .badge-w0AW86, :is([data-theme="dark"], .dark) .byline-locale-badge) {
+    border-color: var(--yellow-700);
+    background-color: oklch(from var(--yellow-900) l c h / .4);
+    color: var(--yellow-400);
+  }
 }
 

package/dist/fields/relation/relation-display_module.css

@@ -1,21 +1,25 @@
-:is(.cell-ax9SO1, .byline-relation-cell) {
-  min-width: 0;
-  color: var(--gray-700);
-  font-size: var(--font-size-sm);
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-:is(.cell-center-DhmZOy, .byline-relation-cell-center) {
-  text-align: center;
-}
+@layer byline-components.cms {
+  :is(.cell-ax9SO1, .byline-relation-cell) {
+    min-width: 0;
+    color: var(--gray-700);
+    font-size: var(--font-size-sm);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
 
-:is(.cell-right-GKn6SW, .byline-relation-cell-right) {
-  text-align: right;
-}
+  :is(.cell-center-DhmZOy, .byline-relation-cell-center) {
+    text-align: center;
+  }
+
+  :is(.cell-right-GKn6SW, .byline-relation-cell-right) {
+    text-align: right;
+  }
 
-:is(:is([data-theme="dark"], .dark) .cell-ax9SO1, :is([data-theme="dark"], .dark) .byline-relation-cell) {
-  color: var(--gray-100);
+  :is(:is([data-theme="dark"], .dark) .cell-ax9SO1, :is([data-theme="dark"], .dark) .byline-relation-cell) {
+    color: var(--gray-100);
+  }
 }