refactor: use separate props for details summary border width and color (#10289)

jouni · web-flow · commit 64fbb33e2761 · 2025-10-02T17:28:24.000+03:00
diff --git a/packages/details/src/styles/vaadin-details-summary-base-styles.js b/packages/details/src/styles/vaadin-details-summary-base-styles.js
@@ -11,7 +11,8 @@ export const detailsSummary = (partName = 'vaadin-details-summary') => css`
     align-items: center;
     background: var(--${unsafeCSS(partName)}-background, transparent);
     background-origin: border-box;
-    border: var(--${unsafeCSS(partName)}-border, none);
+    border: var(--${unsafeCSS(partName)}-border-width, 0) solid
+      var(--${unsafeCSS(partName)}-border-color, var(--vaadin-border-color-secondary));
     border-radius: var(--${unsafeCSS(partName)}-border-radius, var(--vaadin-radius-m));
     box-sizing: border-box;
     color: var(--${unsafeCSS(partName)}-text-color, var(--vaadin-text-color));
