@byline/admin 6.10.1 → 6.11.0

package/dist/presentation/tabs_module.css

@@ -1,229 +1,233 @@
-:is(.tabs-AUVgW2, .byline-admin-tabs) {
-  align-items: stretch;
-  gap: var(--byline-admin-tabs-trigger-gap, 12px);
-  display: flex;
-  position: relative;
-}
-
-.tabs-AUVgW2:after {
-  content: "";
-  z-index: 0;
-  height: var(--border-width-thin);
-  background-color: var(--gray-200);
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-.byline-admin-tabs:after {
-  content: "";
-  z-index: 0;
-  height: var(--border-width-thin);
-  background-color: var(--gray-200);
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
-
-:is(.viewport-Q34w7N, .byline-admin-tabs-viewport) {
-  z-index: 1;
-  overscroll-behavior-x: contain;
-  scrollbar-width: none;
-  flex: auto;
-  min-width: 0;
-  position: relative;
-  overflow: auto hidden;
-}
-
-.viewport-Q34w7N::-webkit-scrollbar {
-  display: none;
-}
-
-.byline-admin-tabs-viewport::-webkit-scrollbar {
-  display: none;
-}
-
-:is(.viewport-Q34w7N[data-draggable="true"], .byline-admin-tabs-viewport[data-draggable="true"]) {
-  cursor: grab;
-}
-
-:is(.viewport-Q34w7N[data-dragging="true"], .byline-admin-tabs-viewport[data-dragging="true"]) {
-  cursor: grabbing;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-:is(.viewport-Q34w7N[data-dragging="true"] .byline-admin-tab, .byline-admin-tabs-viewport[data-dragging="true"] .byline-admin-tab) {
-  cursor: grabbing;
-}
-
-:is(.viewport-Q34w7N, .byline-admin-tabs-viewport) {
-  --fade-start: 0px;
-  --fade-end: 0px;
-  -webkit-mask-image: linear-gradient(to right,
-    transparent 0,
-    black var(--fade-start),
-    black calc(100% - var(--fade-end)),
-    transparent 100%);
-  -webkit-mask-image: linear-gradient(to right,
-    transparent 0,
-    black var(--fade-start),
-    black calc(100% - var(--fade-end)),
-    transparent 100%);
-  mask-image: linear-gradient(to right,
-    transparent 0,
-    black var(--fade-start),
-    black calc(100% - var(--fade-end)),
-    transparent 100%);
-}
-
-:is(.viewport-Q34w7N[data-at-start="false"], .byline-admin-tabs-viewport[data-at-start="false"]) {
-  --fade-start: 1.5rem;
-}
-
-:is(.viewport-Q34w7N[data-at-end="false"], .byline-admin-tabs-viewport[data-at-end="false"]) {
-  --fade-end: 1.5rem;
-}
-
-:is(.tablist-a3JXdm, .byline-admin-tablist) {
-  gap: var(--spacing-16);
-  width: max-content;
-  display: flex;
-  position: relative;
-}
-
-:is(.tab-Tn7xcQ, .byline-admin-tab) {
-  color: var(--gray-500);
-  font-size: 1.1rem;
-  font-weight: var(--font-weight-medium);
-  white-space: nowrap;
-  cursor: pointer;
-  background: none;
-  border-bottom: 2px solid #0000;
-  outline: none;
-  flex: none;
-  padding: .625rem 0;
-  transition: color .15s, border-color .15s;
-  position: relative;
-}
-
-:is(.tab-Tn7xcQ:hover, .byline-admin-tab:hover) {
-  color: var(--gray-800);
-  border-bottom-color: var(--gray-300);
-}
-
-:is(.tab-Tn7xcQ:focus-visible, .byline-admin-tab:focus-visible) {
-  box-shadow: inset 0 0 0 2px var(--blue-500);
-  border-radius: var(--radius-sm, 3px);
-}
-
-:is(.tab-active-cGf5N5, .byline-admin-tab-active), :is(.tab-active-cGf5N5:hover, .byline-admin-tab-active:hover) {
-  color: var(--primary-600);
-  border-bottom-color: var(--primary-400);
-}
-
-:is(.label-PvJgbb, .byline-admin-tab-label) {
-  align-items: center;
-  gap: .375rem;
-  display: flex;
-}
-
-:is(.badge-NJVOEv, .byline-admin-tab-badge) {
-  justify-content: center;
-  align-items: center;
-  min-width: 1.25rem;
-  height: 1.25rem;
-  padding: 0 .375rem;
-  font-size: .7rem;
-  display: flex;
-}
-
-:is(.overflow-trigger-sQPQE8, .byline-admin-tabs-overflow-trigger) {
-  z-index: 1;
-  width: var(--byline-admin-tabs-trigger-size, 32px);
-  height: var(--byline-admin-tabs-trigger-size, 32px);
-  border: var(--border-width-thin) var(--border-style-solid) transparent;
-  border-radius: var(--radius-sm, 3px);
-  color: var(--gray-500);
-  cursor: pointer;
-  background: none;
-  flex: none;
-  justify-content: center;
-  align-self: center;
-  align-items: center;
-  padding: 0;
-  transition: color .15s, background-color .15s;
-  display: flex;
-  position: relative;
-}
-
-:is(.overflow-trigger-sQPQE8:hover, .byline-admin-tabs-overflow-trigger:hover) {
-  color: var(--gray-800);
-  background-color: var(--gray-100);
-}
-
-:is(.overflow-trigger-sQPQE8:focus-visible, .byline-admin-tabs-overflow-trigger:focus-visible) {
-  outline: 2px solid var(--blue-500);
-  outline-offset: 1px;
-}
-
-:is(.overflow-icon-E4aR_Z, .byline-admin-tabs-overflow-icon) {
-  width: 1.125rem;
-  height: 1.125rem;
-}
-
-:is(.overflow-menu-BkkmwS, .byline-admin-tabs-overflow-menu) {
-  min-width: 12rem;
-  max-height: 60vh;
-  overflow-y: auto;
-}
-
-:is(.overflow-item-ahgTA4, .byline-admin-tabs-overflow-item) {
-  justify-content: space-between;
-  align-items: center;
-  gap: var(--spacing-8);
-  display: flex;
-}
-
-:is(.overflow-item-ahgTA4[data-active="true"], .byline-admin-tabs-overflow-item[data-active="true"]) {
-  color: var(--primary-600);
-  font-weight: var(--font-weight-medium);
-}
-
-:is([data-theme="dark"], .dark) .tabs-AUVgW2:after {
-  background-color: var(--gray-700);
-}
-
-:is([data-theme="dark"], .dark) .byline-admin-tabs:after {
-  background-color: var(--gray-700);
-}
-
-:is(:is([data-theme="dark"], .dark) .tab-Tn7xcQ, :is([data-theme="dark"], .dark) .byline-admin-tab) {
-  color: var(--gray-400);
-}
-
-:is(:is([data-theme="dark"], .dark) .tab-Tn7xcQ:hover, :is([data-theme="dark"], .dark) .byline-admin-tab:hover) {
-  color: var(--gray-200);
-  border-bottom-color: var(--gray-600);
-}
-
-:is(:is([data-theme="dark"], .dark) .tab-active-cGf5N5, :is([data-theme="dark"], .dark) .byline-admin-tab-active), :is(:is([data-theme="dark"], .dark) .tab-active-cGf5N5:hover, :is([data-theme="dark"], .dark) .byline-admin-tab-active:hover) {
-  color: var(--primary-200);
-  border-bottom-color: var(--primary-400);
-}
-
-:is(:is([data-theme="dark"], .dark) .overflow-trigger-sQPQE8, :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-trigger) {
-  color: var(--gray-400);
-}
-
-:is(:is([data-theme="dark"], .dark) .overflow-trigger-sQPQE8:hover, :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-trigger:hover) {
-  color: var(--gray-200);
-  background-color: var(--gray-800);
-}
-
-:is(:is([data-theme="dark"], .dark) .overflow-item-ahgTA4[data-active="true"], :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-item[data-active="true"]) {
-  color: var(--primary-200);
+@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(.tabs-AUVgW2, .byline-admin-tabs) {
+    align-items: stretch;
+    gap: var(--byline-admin-tabs-trigger-gap, 12px);
+    display: flex;
+    position: relative;
+  }
+
+  .tabs-AUVgW2:after {
+    content: "";
+    z-index: 0;
+    height: var(--border-width-thin);
+    background-color: var(--gray-200);
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .byline-admin-tabs:after {
+    content: "";
+    z-index: 0;
+    height: var(--border-width-thin);
+    background-color: var(--gray-200);
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  :is(.viewport-Q34w7N, .byline-admin-tabs-viewport) {
+    z-index: 1;
+    overscroll-behavior-x: contain;
+    scrollbar-width: none;
+    flex: auto;
+    min-width: 0;
+    position: relative;
+    overflow: auto hidden;
+  }
+
+  .viewport-Q34w7N::-webkit-scrollbar {
+    display: none;
+  }
+
+  .byline-admin-tabs-viewport::-webkit-scrollbar {
+    display: none;
+  }
+
+  :is(.viewport-Q34w7N[data-draggable="true"], .byline-admin-tabs-viewport[data-draggable="true"]) {
+    cursor: grab;
+  }
+
+  :is(.viewport-Q34w7N[data-dragging="true"], .byline-admin-tabs-viewport[data-dragging="true"]) {
+    cursor: grabbing;
+    -webkit-user-select: none;
+    user-select: none;
+  }
+
+  :is(.viewport-Q34w7N[data-dragging="true"] .byline-admin-tab, .byline-admin-tabs-viewport[data-dragging="true"] .byline-admin-tab) {
+    cursor: grabbing;
+  }
+
+  :is(.viewport-Q34w7N, .byline-admin-tabs-viewport) {
+    --fade-start: 0px;
+    --fade-end: 0px;
+    -webkit-mask-image: linear-gradient(to right,
+      transparent 0,
+      black var(--fade-start),
+      black calc(100% - var(--fade-end)),
+      transparent 100%);
+    -webkit-mask-image: linear-gradient(to right,
+      transparent 0,
+      black var(--fade-start),
+      black calc(100% - var(--fade-end)),
+      transparent 100%);
+    mask-image: linear-gradient(to right,
+      transparent 0,
+      black var(--fade-start),
+      black calc(100% - var(--fade-end)),
+      transparent 100%);
+  }
+
+  :is(.viewport-Q34w7N[data-at-start="false"], .byline-admin-tabs-viewport[data-at-start="false"]) {
+    --fade-start: 1.5rem;
+  }
+
+  :is(.viewport-Q34w7N[data-at-end="false"], .byline-admin-tabs-viewport[data-at-end="false"]) {
+    --fade-end: 1.5rem;
+  }
+
+  :is(.tablist-a3JXdm, .byline-admin-tablist) {
+    gap: var(--spacing-16);
+    width: max-content;
+    display: flex;
+    position: relative;
+  }
+
+  :is(.tab-Tn7xcQ, .byline-admin-tab) {
+    color: var(--gray-500);
+    font-size: 1.1rem;
+    font-weight: var(--font-weight-medium);
+    white-space: nowrap;
+    cursor: pointer;
+    background: none;
+    border-bottom: 2px solid #0000;
+    outline: none;
+    flex: none;
+    padding: .625rem 0;
+    transition: color .15s, border-color .15s;
+    position: relative;
+  }
+
+  :is(.tab-Tn7xcQ:hover, .byline-admin-tab:hover) {
+    color: var(--gray-800);
+    border-bottom-color: var(--gray-300);
+  }
+
+  :is(.tab-Tn7xcQ:focus-visible, .byline-admin-tab:focus-visible) {
+    box-shadow: inset 0 0 0 2px var(--blue-500);
+    border-radius: var(--radius-sm, 3px);
+  }
+
+  :is(.tab-active-cGf5N5, .byline-admin-tab-active), :is(.tab-active-cGf5N5:hover, .byline-admin-tab-active:hover) {
+    color: var(--primary-600);
+    border-bottom-color: var(--primary-400);
+  }
+
+  :is(.label-PvJgbb, .byline-admin-tab-label) {
+    align-items: center;
+    gap: .375rem;
+    display: flex;
+  }
+
+  :is(.badge-NJVOEv, .byline-admin-tab-badge) {
+    justify-content: center;
+    align-items: center;
+    min-width: 1.25rem;
+    height: 1.25rem;
+    padding: 0 .375rem;
+    font-size: .7rem;
+    display: flex;
+  }
+
+  :is(.overflow-trigger-sQPQE8, .byline-admin-tabs-overflow-trigger) {
+    z-index: 1;
+    width: var(--byline-admin-tabs-trigger-size, 32px);
+    height: var(--byline-admin-tabs-trigger-size, 32px);
+    border: var(--border-width-thin) var(--border-style-solid) transparent;
+    border-radius: var(--radius-sm, 3px);
+    color: var(--gray-500);
+    cursor: pointer;
+    background: none;
+    flex: none;
+    justify-content: center;
+    align-self: center;
+    align-items: center;
+    padding: 0;
+    transition: color .15s, background-color .15s;
+    display: flex;
+    position: relative;
+  }
+
+  :is(.overflow-trigger-sQPQE8:hover, .byline-admin-tabs-overflow-trigger:hover) {
+    color: var(--gray-800);
+    background-color: var(--gray-100);
+  }
+
+  :is(.overflow-trigger-sQPQE8:focus-visible, .byline-admin-tabs-overflow-trigger:focus-visible) {
+    outline: 2px solid var(--blue-500);
+    outline-offset: 1px;
+  }
+
+  :is(.overflow-icon-E4aR_Z, .byline-admin-tabs-overflow-icon) {
+    width: 1.125rem;
+    height: 1.125rem;
+  }
+
+  :is(.overflow-menu-BkkmwS, .byline-admin-tabs-overflow-menu) {
+    min-width: 12rem;
+    max-height: 60vh;
+    overflow-y: auto;
+  }
+
+  :is(.overflow-item-ahgTA4, .byline-admin-tabs-overflow-item) {
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--spacing-8);
+    display: flex;
+  }
+
+  :is(.overflow-item-ahgTA4[data-active="true"], .byline-admin-tabs-overflow-item[data-active="true"]) {
+    color: var(--primary-600);
+    font-weight: var(--font-weight-medium);
+  }
+
+  :is([data-theme="dark"], .dark) .tabs-AUVgW2:after {
+    background-color: var(--gray-700);
+  }
+
+  :is([data-theme="dark"], .dark) .byline-admin-tabs:after {
+    background-color: var(--gray-700);
+  }
+
+  :is(:is([data-theme="dark"], .dark) .tab-Tn7xcQ, :is([data-theme="dark"], .dark) .byline-admin-tab) {
+    color: var(--gray-400);
+  }
+
+  :is(:is([data-theme="dark"], .dark) .tab-Tn7xcQ:hover, :is([data-theme="dark"], .dark) .byline-admin-tab:hover) {
+    color: var(--gray-200);
+    border-bottom-color: var(--gray-600);
+  }
+
+  :is(:is([data-theme="dark"], .dark) .tab-active-cGf5N5, :is([data-theme="dark"], .dark) .byline-admin-tab-active), :is(:is([data-theme="dark"], .dark) .tab-active-cGf5N5:hover, :is([data-theme="dark"], .dark) .byline-admin-tab-active:hover) {
+    color: var(--primary-200);
+    border-bottom-color: var(--primary-400);
+  }
+
+  :is(:is([data-theme="dark"], .dark) .overflow-trigger-sQPQE8, :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-trigger) {
+    color: var(--gray-400);
+  }
+
+  :is(:is([data-theme="dark"], .dark) .overflow-trigger-sQPQE8:hover, :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-trigger:hover) {
+    color: var(--gray-200);
+    background-color: var(--gray-800);
+  }
+
+  :is(:is([data-theme="dark"], .dark) .overflow-item-ahgTA4[data-active="true"], :is([data-theme="dark"], .dark) .byline-admin-tabs-overflow-item[data-active="true"]) {
+    color: var(--primary-200);
+  }
 }
 

package/dist/widgets/diff-viewer/diff-modal_module.css

@@ -1,56 +1,60 @@
-:is(.header-da1tQG, .byline-diff-modal-header) {
-  padding-top: var(--spacing-16);
-  margin-bottom: var(--spacing-8);
-  flex-shrink: 0;
-}
-
-:is(.title-stack-mSxmPG, .byline-diff-modal-title-stack) {
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.title-xO708s, .byline-diff-modal-title) {
-  font-size: var(--font-size-xl);
-  margin: 0;
-}
-
-:is(.subtitle-VnkAjp, .byline-diff-modal-subtitle) {
-  font-size: var(--font-size-sm);
-  color: var(--gray-400);
-  margin: 0;
-}
-
-:is(.version-sRziHD, .byline-diff-modal-version) {
-  font-family: var(--font-family-mono);
-  font-size: var(--font-size-xs);
-  background-color: var(--canvas-700);
-  padding: 0 var(--spacing-4);
-  border-radius: var(--border-radius-sm);
-}
-
-:is(.content-_KyVkg, .byline-diff-modal-content) {
-  flex: 1 1 0;
-  min-height: 0;
-  padding: 0;
-  overflow: auto;
-}
-
-:is(.state-Gg9w8j, .byline-diff-modal-state) {
-  justify-content: center;
-  align-items: center;
-  gap: var(--spacing-12);
-  height: 100%;
-  color: var(--gray-400);
-  display: flex;
-}
-
-:is(.error-BP4kEV, .byline-diff-modal-error) {
-  color: var(--red-400);
-  gap: 0;
-}
-
-:is(.viewer-hxDZsJ, .byline-diff-modal-viewer) {
-  font-family: var(--font-family-mono);
-  font-size: var(--font-size-sm);
+@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-da1tQG, .byline-diff-modal-header) {
+    padding-top: var(--spacing-16);
+    margin-bottom: var(--spacing-8);
+    flex-shrink: 0;
+  }
+
+  :is(.title-stack-mSxmPG, .byline-diff-modal-title-stack) {
+    flex-direction: column;
+    display: flex;
+  }
+
+  :is(.title-xO708s, .byline-diff-modal-title) {
+    font-size: var(--font-size-xl);
+    margin: 0;
+  }
+
+  :is(.subtitle-VnkAjp, .byline-diff-modal-subtitle) {
+    font-size: var(--font-size-sm);
+    color: var(--gray-400);
+    margin: 0;
+  }
+
+  :is(.version-sRziHD, .byline-diff-modal-version) {
+    font-family: var(--font-family-mono);
+    font-size: var(--font-size-xs);
+    background-color: var(--canvas-700);
+    padding: 0 var(--spacing-4);
+    border-radius: var(--border-radius-sm);
+  }
+
+  :is(.content-_KyVkg, .byline-diff-modal-content) {
+    flex: 1 1 0;
+    min-height: 0;
+    padding: 0;
+    overflow: auto;
+  }
+
+  :is(.state-Gg9w8j, .byline-diff-modal-state) {
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-12);
+    height: 100%;
+    color: var(--gray-400);
+    display: flex;
+  }
+
+  :is(.error-BP4kEV, .byline-diff-modal-error) {
+    color: var(--red-400);
+    gap: 0;
+  }
+
+  :is(.viewer-hxDZsJ, .byline-diff-modal-viewer) {
+    font-family: var(--font-family-mono);
+    font-size: var(--font-size-sm);
+  }
 }
 

package/dist/widgets/source-locale-badge/source-locale-badge_module.css

@@ -1,10 +1,14 @@
-:is(.badge-agHrzy, .byline-source-locale-badge) {
-  font-size: .65rem;
-  font-weight: var(--font-weight-semibold);
-  letter-spacing: var(--letter-spacing-wide);
-  vertical-align: middle;
-  margin-left: .5rem;
-  padding: 0 .375rem;
-  line-height: 1.5;
+@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-agHrzy, .byline-source-locale-badge) {
+    font-size: .65rem;
+    font-weight: var(--font-weight-semibold);
+    letter-spacing: var(--letter-spacing-wide);
+    vertical-align: middle;
+    margin-left: .5rem;
+    padding: 0 .375rem;
+    line-height: 1.5;
+  }
 }
 

package/dist/widgets/status-badge/status-badge_module.css

@@ -1,20 +1,24 @@
-:is(.wrap-ZbeRnh, .byline-status-badge-wrap) {
-  align-items: center;
-  gap: var(--spacing-4);
-  display: inline-flex;
-}
+@layer base, byline-base, theme, byline-theme, byline-functional, byline-typography, components, byline-components, overrides, byline-utilities, utilities, byline-components.primitives;
 
-:is(.dot-VmpmJH, .byline-status-badge-dot) {
-  border-radius: var(--border-radius-full);
-  background-color: var(--green-500);
-  width: .5rem;
-  height: .5rem;
-  display: inline-block;
-}
+@layer byline-components.cms {
+  :is(.wrap-ZbeRnh, .byline-status-badge-wrap) {
+    align-items: center;
+    gap: var(--spacing-4);
+    display: inline-flex;
+  }
+
+  :is(.dot-VmpmJH, .byline-status-badge-dot) {
+    border-radius: var(--border-radius-full);
+    background-color: var(--green-500);
+    width: .5rem;
+    height: .5rem;
+    display: inline-block;
+  }
 
-:is(.badge-zXEFyw, .byline-status-badge) {
-  padding: 0 .375rem;
-  font-size: .65rem;
-  line-height: 1.5;
+  :is(.badge-zXEFyw, .byline-status-badge) {
+    padding: 0 .375rem;
+    font-size: .65rem;
+    line-height: 1.5;
+  }
 }