@inchurch/matcha-theme 22.16.5 → 22.18.0

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

@@ -36,28 +36,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 +144,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 +163,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/components/matcha-select.scss

@@ -86,38 +86,6 @@
     }
   }
 
-  // Combobox input (searchable + single): plano, herda tipografia do trigger,
-  // sem border/background próprios — parece o próprio campo.
-  .matcha-select-combobox-input {
-    flex: 1;
-    min-width: 0;
-    padding: 0;
-    margin: 0;
-    border: 0;
-    background: transparent;
-    color: var(--matcha-color-fg);
-    font: inherit;
-    font-family: var(--matcha-font-family);
-    outline: none;
-    text-overflow: ellipsis;
-    cursor: text;
-
-    &::placeholder {
-      color: var(--matcha-color-text-placeholder);
-    }
-
-    &:disabled {
-      color: var(--matcha-color-disabled-fg);
-      cursor: not-allowed;
-      background: transparent;
-    }
-  }
-
-  // Modo combobox: trigger não tem cursor pointer (quem manda é o input).
-  .matcha-select-trigger.matcha-select-combobox {
-    cursor: text;
-  }
-
   .matcha-select-arrow {
     display: inline-flex;
     align-items: center;
@@ -158,27 +126,19 @@
   // --matcha-text-body-sm nesse tier). Antes o select herdava 14/20 junto do MD e ficava
   // 2px maior que input/date dentro do MESMO matcha-field size="small".
   matcha-form-field[size="lg"] .matcha-select-value,
-  matcha-form-field[size="lg"] .matcha-select-combobox-input,
   matcha-form-field[size="large"] .matcha-select-value,
-  matcha-form-field[size="large"] .matcha-select-combobox-input,
-  matcha-form-field[size="huge"] .matcha-select-value,
-  matcha-form-field[size="huge"] .matcha-select-combobox-input {
+  matcha-form-field[size="huge"] .matcha-select-value {
     font-size: 16px;
     line-height: 24px;
   }
   matcha-form-field[size="sm"] .matcha-select-value,
-  matcha-form-field[size="sm"] .matcha-select-combobox-input,
   matcha-form-field[size="tiny"] .matcha-select-value,
-  matcha-form-field[size="tiny"] .matcha-select-combobox-input,
-  matcha-form-field[size="small"] .matcha-select-value,
-  matcha-form-field[size="small"] .matcha-select-combobox-input {
+  matcha-form-field[size="small"] .matcha-select-value {
     font-size: var(--matcha-text-body-sm, 12px);
     line-height: var(--matcha-leading-body-sm, 16px);
   }
   matcha-form-field[size="md"] .matcha-select-value,
-  matcha-form-field[size="md"] .matcha-select-combobox-input,
-  matcha-form-field[size="medium"] .matcha-select-value,
-  matcha-form-field[size="medium"] .matcha-select-combobox-input {
+  matcha-form-field[size="medium"] .matcha-select-value {
     font-size: 14px;
     line-height: 20px;
   }

package/package.json

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