@inchurch/matcha-theme 22.17.0 → 22.18.1

package/components/matcha-cards.scss

@@ -178,27 +178,9 @@ matcha-card,
         }
     }
 
-    // ── Media slot (16:9) ──
-    .matcha-card__media {
-        width: 100%;
-        aspect-ratio: 16 / 9;
-        overflow: hidden;
-        border-radius: var(--matcha-radius-md, 4px);
-        flex-shrink: 0;
-
-        img {
-            width: 100%;
-            height: 100%;
-            object-fit: cover;
-        }
-    }
-
-    // Horizontal media
-    &.matcha-card--horizontal .matcha-card__media {
-        width: 160px;
-        aspect-ratio: auto;
-        height: 100%;
-    }
+    // .matcha-card__media (slot de mídia 16:9) saiu: dead code — a anatomia
+    // real do componente usa .matcha-card__slot--media (card.component.html),
+    // nome diferente; esta classe nunca teve consumidor (nem legado, nem real).
 
     @media (prefers-reduced-motion: reduce) {
         &.disabled, &.enabled {

package/components/matcha-horizontal-tree.scss

@@ -8,7 +8,13 @@
 @mixin matcha-horizontal-tree-theme($theme) {
 
   .svg-line line {
-    stroke: var(--matcha-color-text-placeholder);
+    // Mesma cor que TODOS os outros conectores deste arquivo usam
+    // (.the-line-connect-first/-last/etc = --matcha-color-accent). Estava
+    // --matcha-color-text-placeholder (cinza), que sempre vencia a classe
+    // stroke-primary aplicada pelo consumidor no <line> (.svg-line line e
+    // seletor composto, mais especifico que uma unica classe) -- a linha
+    // rendia cinza mesmo com a intencao de ser colorida.
+    stroke: var(--matcha-color-accent);
   }
 
   .child {
@@ -36,28 +42,11 @@
       box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent-alpha);
     }
 
-    .the-line-connect-start-modal {
-      box-shadow: inset 2px -2px 0 2px var(--matcha-color-accent-alpha);
-    }
-
     .the-line-connect-middle {
       box-shadow: inset 2px -2px 0 2px var(--matcha-color-border);
     }
   }
 
-  .tree-node {
-    &-content {
-      &-btn-add-node {
-        background: var(--matcha-color-surface);
-        box-shadow: inset 0 0 0 3px var(--matcha-color-accent);
-
-        &-i {
-          color: var(--matcha-color-accent);
-        }
-      }
-    }
-  }
-
   .tree-first-node {
     &-begin {
       &-btn-add-node {
@@ -161,17 +150,6 @@
     background: transparent;
   }
 
-  .the-line-connect-start-modal {
-    height: 92px;
-    margin: -34px -16px 56px -40px;
-    width: 56px;
-    border-radius: 0 0 0 40px;
-    z-index: 1;
-    display: flex;
-    position: absolute;
-    background: transparent;
-  }
-
   .the-line-connect-middle {
     height: 92px;
     margin: -34px -16px 56px -40px;
@@ -191,76 +169,29 @@
   height: 80px;
   z-index: 1;
 
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    margin-bottom: var(--matcha-space-050, 4px);
-
-    &-title {
-      font-family: var(--matcha-font-family);
-      font-size: var(--matcha-text-body-sm, 12px);
-      line-height: var(--matcha-leading-body-sm, 16px);
-      display: flex;
-      margin: 0 0 var(--matcha-space-050, 4px) 0;
-      align-items: center;
-      letter-spacing: 0.08em;
-      text-transform: uppercase;
-      font-weight: var(--matcha-weight-bold, 700);
-
-      &-bullet {
-        height: var(--matcha-space-200, 16px);
-        width: var(--matcha-space-100, 8px);
-        margin: 0 var(--matcha-space-100, 8px) 0 0;
-        display: inline-block;
-        position: relative;
-        border-radius: var(--matcha-radius-pill, 9999px);
-      }
-    }
-  }
-
+  // &-header, &-content e &-content-profile saíram: eram só display:flex +
+  // justify-content/align-items — hoje cobertos por utilitárias
+  // (flex-between/flex-align-center/flex-grow-1/min-w-0) direto no consumidor,
+  // sem precisar de uma classe própria do tema pra isso. &-content-btn-add-node
+  // e &-content-profile-avatar saíram por não terem mais consumidor (canonização
+  // do control-panel-v2 pro matcha-card/matcha-avatar reais).
   &-content {
-    display: flex;
-    justify-content: space-between;
-
     &-profile {
-      display: flex;
-      align-items: center;
-      width: 100%;
-
-      &-avatar {
-        border-radius: var(--matcha-radius-pill, 9999px);
-        min-width: var(--matcha-icon-size-md, 24px);
-        min-height: var(--matcha-icon-size-md, 24px);
-        width: var(--matcha-icon-size-md, 24px);
-        height: var(--matcha-icon-size-md, 24px);
-        max-width: var(--matcha-icon-size-md, 24px);
-        max-height: var(--matcha-icon-size-md, 24px);
-      }
-
       &-name {
         width: calc(100% - 48px);
-        display: flex;
+        // display:flex aqui era o bug: -webkit-line-clamp exige display:-webkit-box
+        // pra funcionar, e nowrap+ellipsis exige block/inline-block — nenhum dos
+        // dois mecanismos de truncamento funcionava com flex, resultando em corte
+        // cru sem "...". block resolve o ellipsis de 1 linha (não há espaço
+        // vertical pra 2 linhas nesta altura de row).
+        display: block;
         line-height: var(--matcha-leading-body-md, 20px);
         font-size: var(--matcha-text-title-sm, 16px);
         margin: 0 0 0 var(--matcha-space-100, 8px);
-        -webkit-line-clamp: 2;
         overflow: hidden;
         text-overflow: ellipsis;
         word-break: break-word;
         white-space: nowrap;
-        -webkit-box-orient: vertical;
-      }
-    }
-
-    &-btn-add-node {
-      position: absolute;
-      margin: var(--matcha-space-300, 24px) 0 0 236px;
-      width: var(--matcha-icon-size-md, 24px);
-      height: var(--matcha-icon-size-md, 24px);
-
-      &-i {
-        line-height: var(--matcha-leading-body-sm, 16px);
-        border-radius: var(--matcha-radius-pill, 9999px);
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inchurch/matcha-theme",
-  "version": "22.17.0",
+  "version": "22.18.1",
   "description": "Themes for matcha-design-system",
   "main": "main.scss",
   "scripts": {