@byline/admin 6.10.1 → 6.12.0

package/dist/modules/analytics/components/dashboard_module.css

@@ -1,325 +1,329 @@
-:is(.header-zAoAGd, .byline-analytics-header) {
-  border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-items: flex-end;
-  gap: 1rem 1.5rem;
-  margin-bottom: 1.25rem;
-  padding-bottom: 1rem;
-  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-ZhxB2D, .byline-analytics-title) {
-  letter-spacing: -.02em;
-  margin: 0;
-  font-size: 1.875rem;
-  font-weight: 650;
-}
+@layer byline-components.cms {
+  :is(.header-zAoAGd, .byline-analytics-header) {
+    border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: flex-end;
+    gap: 1rem 1.5rem;
+    margin-bottom: 1.25rem;
+    padding-bottom: 1rem;
+    display: flex;
+  }
 
-:is(.help-HT9JOI, .byline-analytics-help) {
-  max-width: 48ch;
-  margin: .35rem 0 0;
-  font-size: .8125rem;
-}
+  :is(.title-ZhxB2D, .byline-analytics-title) {
+    letter-spacing: -.02em;
+    margin: 0;
+    font-size: 1.875rem;
+    font-weight: 650;
+  }
 
-:is(.chartCard-NaXVMm .byline-card-title, .list-sR__nc .byline-card-title) {
-  letter-spacing: normal;
-  font-size: 1.25rem;
-  font-weight: 600;
-}
+  :is(.help-HT9JOI, .byline-analytics-help) {
+    max-width: 48ch;
+    margin: .35rem 0 0;
+    font-size: .8125rem;
+  }
 
-:is(.chartCard-NaXVMm .byline-card-description, .list-sR__nc .byline-card-description) {
-  font-size: .75rem;
-}
+  :is(.chartCard-NaXVMm .byline-card-title, .list-sR__nc .byline-card-title) {
+    letter-spacing: normal;
+    font-size: 1.25rem;
+    font-weight: 600;
+  }
 
-:is(.controls-_Alpbi, .byline-analytics-controls) {
-  flex-wrap: wrap;
-  align-items: center;
-  gap: .75rem;
-  display: flex;
-}
+  :is(.chartCard-NaXVMm .byline-card-description, .list-sR__nc .byline-card-description) {
+    font-size: .75rem;
+  }
 
-:is(.stats-u3kcTH, .byline-analytics-stats) {
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  gap: .75rem;
-  margin-bottom: .75rem;
-  display: grid;
-}
+  :is(.controls-_Alpbi, .byline-analytics-controls) {
+    flex-wrap: wrap;
+    align-items: center;
+    gap: .75rem;
+    display: flex;
+  }
 
-:is(.stat-KhSBeS, .byline-analytics-stat) {
-  border-radius: .375rem;
-  flex-direction: column;
-  gap: .5rem;
-  min-width: 0;
-  padding: 1rem 1.125rem 1.125rem;
-  display: flex;
-}
+  :is(.stats-u3kcTH, .byline-analytics-stats) {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+    gap: .75rem;
+    margin-bottom: .75rem;
+    display: grid;
+  }
 
-:is(.statLabel-X0_tdu, .byline-analytics-stat-label) {
-  text-transform: uppercase;
-  letter-spacing: .1em;
-  font-size: .625rem;
-  font-weight: 600;
-  line-height: 1;
-}
+  :is(.stat-KhSBeS, .byline-analytics-stat) {
+    border-radius: .375rem;
+    flex-direction: column;
+    gap: .5rem;
+    min-width: 0;
+    padding: 1rem 1.125rem 1.125rem;
+    display: flex;
+  }
 
-:is(.statValue-D32ine, .byline-analytics-stat-value) {
-  font-variant-numeric: tabular-nums;
-  letter-spacing: -.02em;
-  font-size: clamp(1.75rem, 4.5vw, 2.5rem);
-  font-weight: 700;
-  line-height: 1;
-}
+  :is(.statLabel-X0_tdu, .byline-analytics-stat-label) {
+    text-transform: uppercase;
+    letter-spacing: .1em;
+    font-size: .625rem;
+    font-weight: 600;
+    line-height: 1;
+  }
 
-:is(.statFoot-yvtZiS, .byline-analytics-stat-foot) {
-  font-variant-numeric: tabular-nums;
-  color: var(--gray-600);
-  font-size: .6875rem;
-}
+  :is(.statValue-D32ine, .byline-analytics-stat-value) {
+    font-variant-numeric: tabular-nums;
+    letter-spacing: -.02em;
+    font-size: clamp(1.75rem, 4.5vw, 2.5rem);
+    font-weight: 700;
+    line-height: 1;
+  }
 
-.toneViews-QGWabX {
-  background-color: #f0f9ff;
-}
+  :is(.statFoot-yvtZiS, .byline-analytics-stat-foot) {
+    font-variant-numeric: tabular-nums;
+    color: var(--gray-600);
+    font-size: .6875rem;
+  }
 
-.toneViews-QGWabX .statLabel-X0_tdu, .toneViews-QGWabX .statValue-D32ine {
-  color: #0369a1;
-}
+  .toneViews-QGWabX {
+    background-color: #f0f9ff;
+  }
 
-.toneVisitors-GTLZDo {
-  background-color: #f5f3ff;
-}
+  .toneViews-QGWabX .statLabel-X0_tdu, .toneViews-QGWabX .statValue-D32ine {
+    color: #0369a1;
+  }
 
-.toneVisitors-GTLZDo .statLabel-X0_tdu, .toneVisitors-GTLZDo .statValue-D32ine {
-  color: #6d28d9;
-}
+  .toneVisitors-GTLZDo {
+    background-color: #f5f3ff;
+  }
 
-.toneDownloads-WuDN7n {
-  background-color: #ecfdf5;
-}
+  .toneVisitors-GTLZDo .statLabel-X0_tdu, .toneVisitors-GTLZDo .statValue-D32ine {
+    color: #6d28d9;
+  }
 
-.toneDownloads-WuDN7n .statLabel-X0_tdu, .toneDownloads-WuDN7n .statValue-D32ine {
-  color: #047857;
-}
+  .toneDownloads-WuDN7n {
+    background-color: #ecfdf5;
+  }
 
-:is(:is([data-theme="dark"], .dark) .statFoot-yvtZiS, :is([data-theme="dark"], .dark) .byline-analytics-stat-foot) {
-  color: var(--gray-400);
-}
+  .toneDownloads-WuDN7n .statLabel-X0_tdu, .toneDownloads-WuDN7n .statValue-D32ine {
+    color: #047857;
+  }
 
-:is([data-theme="dark"], .dark) .toneViews-QGWabX {
-  background-color: #0c4a6e47;
-}
+  :is(:is([data-theme="dark"], .dark) .statFoot-yvtZiS, :is([data-theme="dark"], .dark) .byline-analytics-stat-foot) {
+    color: var(--gray-400);
+  }
 
-:is([data-theme="dark"], .dark) .toneViews-QGWabX .statLabel-X0_tdu, :is([data-theme="dark"], .dark) .toneViews-QGWabX .statValue-D32ine {
-  color: #7dd3fc;
-}
+  :is([data-theme="dark"], .dark) .toneViews-QGWabX {
+    background-color: #0c4a6e47;
+  }
 
-:is([data-theme="dark"], .dark) .toneVisitors-GTLZDo {
-  background-color: #4c1d954d;
-}
+  :is([data-theme="dark"], .dark) .toneViews-QGWabX .statLabel-X0_tdu, :is([data-theme="dark"], .dark) .toneViews-QGWabX .statValue-D32ine {
+    color: #7dd3fc;
+  }
 
-:is([data-theme="dark"], .dark) .toneVisitors-GTLZDo .statLabel-X0_tdu, :is([data-theme="dark"], .dark) .toneVisitors-GTLZDo .statValue-D32ine {
-  color: #c4b5fd;
-}
+  :is([data-theme="dark"], .dark) .toneVisitors-GTLZDo {
+    background-color: #4c1d954d;
+  }
 
-:is([data-theme="dark"], .dark) .toneDownloads-WuDN7n {
-  background-color: #064e3b47;
-}
+  :is([data-theme="dark"], .dark) .toneVisitors-GTLZDo .statLabel-X0_tdu, :is([data-theme="dark"], .dark) .toneVisitors-GTLZDo .statValue-D32ine {
+    color: #c4b5fd;
+  }
 
-:is([data-theme="dark"], .dark) .toneDownloads-WuDN7n .statLabel-X0_tdu, :is([data-theme="dark"], .dark) .toneDownloads-WuDN7n .statValue-D32ine {
-  color: #6ee7b7;
-}
+  :is([data-theme="dark"], .dark) .toneDownloads-WuDN7n {
+    background-color: #064e3b47;
+  }
 
-:is(.chartCard-NaXVMm, .byline-analytics-chart-card) {
-  margin-bottom: .75rem;
-}
+  :is([data-theme="dark"], .dark) .toneDownloads-WuDN7n .statLabel-X0_tdu, :is([data-theme="dark"], .dark) .toneDownloads-WuDN7n .statValue-D32ine {
+    color: #6ee7b7;
+  }
 
-:is(.lists-BLqFfy, .byline-analytics-lists) {
-  grid-template-columns: 1.55fr 1fr;
-  align-items: start;
-  gap: .75rem;
-  margin-bottom: .75rem;
-  display: grid;
-}
+  :is(.chartCard-NaXVMm, .byline-analytics-chart-card) {
+    margin-bottom: .75rem;
+  }
 
-.stack-Yzch8f {
-  flex-direction: column;
-  gap: .75rem;
-  display: flex;
-}
+  :is(.lists-BLqFfy, .byline-analytics-lists) {
+    grid-template-columns: 1.55fr 1fr;
+    align-items: start;
+    gap: .75rem;
+    margin-bottom: .75rem;
+    display: grid;
+  }
 
-:is(.ranking-yfNSnw, .byline-analytics-ranking) {
-  flex-direction: column;
-  gap: 1px;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  display: flex;
-}
+  .stack-Yzch8f {
+    flex-direction: column;
+    gap: .75rem;
+    display: flex;
+  }
 
-:is(.rankingRow-CH1cHn, .byline-analytics-ranking-row) {
-  isolation: isolate;
-  border-radius: .25rem;
-  grid-template-columns: minmax(0, 1fr) auto auto;
-  align-items: center;
-  gap: .75rem;
-  padding: .45rem .625rem;
-  display: grid;
-  position: relative;
-}
+  :is(.ranking-yfNSnw, .byline-analytics-ranking) {
+    flex-direction: column;
+    gap: 1px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    display: flex;
+  }
 
-.rankingRow-CH1cHn:before {
-  content: "";
-  z-index: -1;
-  width: var(--byline-analytics-share, 0%);
-  background-color: var(--byline-analytics-bar, transparent);
-  opacity: .16;
-  border-radius: .25rem;
-  position: absolute;
-  inset: 0 auto 0 0;
-}
+  :is(.rankingRow-CH1cHn, .byline-analytics-ranking-row) {
+    isolation: isolate;
+    border-radius: .25rem;
+    grid-template-columns: minmax(0, 1fr) auto auto;
+    align-items: center;
+    gap: .75rem;
+    padding: .45rem .625rem;
+    display: grid;
+    position: relative;
+  }
 
-.barViews-E6VuaR {
-  --byline-analytics-bar: #38bdf8;
-}
+  .rankingRow-CH1cHn:before {
+    content: "";
+    z-index: -1;
+    width: var(--byline-analytics-share, 0%);
+    background-color: var(--byline-analytics-bar, transparent);
+    opacity: .16;
+    border-radius: .25rem;
+    position: absolute;
+    inset: 0 auto 0 0;
+  }
 
-.barVisitors-eIANXw {
-  --byline-analytics-bar: #7c3aed;
-}
+  .barViews-E6VuaR {
+    --byline-analytics-bar: #38bdf8;
+  }
 
-.barDownloads-Z50NxT {
-  --byline-analytics-bar: #10b981;
-}
+  .barVisitors-eIANXw {
+    --byline-analytics-bar: #7c3aed;
+  }
 
-.rankingOverflow-hUQMKU {
-  border: var(--border-width-thin) dashed var(--gray-300);
-}
+  .barDownloads-Z50NxT {
+    --byline-analytics-bar: #10b981;
+  }
 
-.rankingOverflow-hUQMKU:before {
-  opacity: .07;
-}
+  .rankingOverflow-hUQMKU {
+    border: var(--border-width-thin) dashed var(--gray-300);
+  }
 
-.rankingOverflow-hUQMKU .rankingLabel-wsuniC {
-  color: var(--gray-600);
-  font-style: italic;
-}
+  .rankingOverflow-hUQMKU:before {
+    opacity: .07;
+  }
 
-.rankingLabel-wsuniC {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  min-width: 0;
-  font-size: .8125rem;
-  overflow: hidden;
-}
+  .rankingOverflow-hUQMKU .rankingLabel-wsuniC {
+    color: var(--gray-600);
+    font-style: italic;
+  }
 
-.rankingValue-i_vmgf {
-  font-variant-numeric: tabular-nums;
-  font-size: .8125rem;
-  font-weight: 600;
-}
+  .rankingLabel-wsuniC {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    font-size: .8125rem;
+    overflow: hidden;
+  }
 
-.rankingVisitors-NZl_jj {
-  font-variant-numeric: tabular-nums;
-  text-align: end;
-  min-width: 3ch;
-  color: var(--gray-500);
-  font-size: .6875rem;
-}
+  .rankingValue-i_vmgf {
+    font-variant-numeric: tabular-nums;
+    font-size: .8125rem;
+    font-weight: 600;
+  }
 
-:is(:is([data-theme="dark"], .dark) .header-zAoAGd, :is([data-theme="dark"], .dark) .byline-analytics-header) {
-  border-bottom-color: var(--gray-700);
-}
+  .rankingVisitors-NZl_jj {
+    font-variant-numeric: tabular-nums;
+    text-align: end;
+    min-width: 3ch;
+    color: var(--gray-500);
+    font-size: .6875rem;
+  }
 
-:is([data-theme="dark"], .dark) .rankingVisitors-NZl_jj {
-  color: var(--gray-400);
-}
+  :is(:is([data-theme="dark"], .dark) .header-zAoAGd, :is([data-theme="dark"], .dark) .byline-analytics-header) {
+    border-bottom-color: var(--gray-700);
+  }
 
-:is([data-theme="dark"], .dark) .rankingOverflow-hUQMKU {
-  border-color: var(--gray-600);
-}
+  :is([data-theme="dark"], .dark) .rankingVisitors-NZl_jj {
+    color: var(--gray-400);
+  }
 
-:is([data-theme="dark"], .dark) .rankingOverflow-hUQMKU .rankingLabel-wsuniC {
-  color: var(--gray-400);
-}
+  :is([data-theme="dark"], .dark) .rankingOverflow-hUQMKU {
+    border-color: var(--gray-600);
+  }
 
-:is([data-theme="dark"], .dark) .barVisitors-eIANXw {
-  --byline-analytics-bar: #a78bfa;
-}
+  :is([data-theme="dark"], .dark) .rankingOverflow-hUQMKU .rankingLabel-wsuniC {
+    color: var(--gray-400);
+  }
 
-:is([data-theme="dark"], .dark) .barDownloads-Z50NxT {
-  --byline-analytics-bar: #34d399;
-}
+  :is([data-theme="dark"], .dark) .barVisitors-eIANXw {
+    --byline-analytics-bar: #a78bfa;
+  }
 
-@media (max-width: 900px) {
-  :is(.lists-BLqFfy, .byline-analytics-lists) {
-    grid-template-columns: 1fr;
+  :is([data-theme="dark"], .dark) .barDownloads-Z50NxT {
+    --byline-analytics-bar: #34d399;
   }
-}
 
-@media (max-width: 720px) {
-  :is(.header-zAoAGd, .byline-analytics-header) {
-    flex-direction: column;
-    align-items: stretch;
+  @media (max-width: 900px) {
+    :is(.lists-BLqFfy, .byline-analytics-lists) {
+      grid-template-columns: 1fr;
+    }
   }
 
-  :is(.stats-u3kcTH, .byline-analytics-stats) {
-    grid-template-columns: 1fr;
+  @media (max-width: 720px) {
+    :is(.header-zAoAGd, .byline-analytics-header) {
+      flex-direction: column;
+      align-items: stretch;
+    }
+
+    :is(.stats-u3kcTH, .byline-analytics-stats) {
+      grid-template-columns: 1fr;
+    }
   }
-}
 
-:is(.listHeader-nWIpzD, .byline-analytics-list-header) {
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: .75rem;
-  display: flex;
-}
+  :is(.listHeader-nWIpzD, .byline-analytics-list-header) {
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: .75rem;
+    display: flex;
+  }
 
-.listHeading-ljSubR {
-  min-width: 0;
-}
+  .listHeading-ljSubR {
+    min-width: 0;
+  }
 
-:is(.viewAll-jPtoC0, .byline-analytics-view-all) {
-  white-space: nowrap;
-  flex-shrink: 0;
-}
+  :is(.viewAll-jPtoC0, .byline-analytics-view-all) {
+    white-space: nowrap;
+    flex-shrink: 0;
+  }
 
-:is(.modal-_Fpti3, .byline-analytics-modal) {
-  width: min(40rem, 100vw - 2rem);
-}
+  :is(.modal-_Fpti3, .byline-analytics-modal) {
+    width: min(40rem, 100vw - 2rem);
+  }
 
-:is(.modalCaption-Z7Qsck, .byline-analytics-modal-caption) {
-  font-variant-numeric: tabular-nums;
-  margin: .25rem 0 0;
-  font-size: .75rem;
-}
+  :is(.modalCaption-Z7Qsck, .byline-analytics-modal-caption) {
+    font-variant-numeric: tabular-nums;
+    margin: .25rem 0 0;
+    font-size: .75rem;
+  }
 
-:is(.modalContent-raK5q1, .byline-analytics-modal-content) {
-  max-height: min(60vh, 48rem);
-  overflow-y: auto;
-}
+  :is(.modalContent-raK5q1, .byline-analytics-modal-content) {
+    max-height: min(60vh, 48rem);
+    overflow-y: auto;
+  }
 
-.modalStatus-bXbZr9 {
-  justify-content: center;
-  padding: 2rem 0;
-  display: flex;
-}
+  .modalStatus-bXbZr9 {
+    justify-content: center;
+    padding: 2rem 0;
+    display: flex;
+  }
 
-:is(.modalActions-XVBrOS, .byline-analytics-modal-actions) {
-  flex-wrap: wrap;
-  justify-content: space-between;
-  align-items: center;
-  gap: .75rem;
-  display: flex;
-}
+  :is(.modalActions-XVBrOS, .byline-analytics-modal-actions) {
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+    gap: .75rem;
+    display: flex;
+  }
 
-.srOnly-szSAhX {
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border: 0;
-  width: 1px;
-  height: 1px;
-  margin: -1px;
-  padding: 0;
-  position: absolute;
-  overflow: hidden;
+  .srOnly-szSAhX {
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
 }