feat: add base styles custom CSS properties for vaadin-tabs (#10507)

Author: jouni

packages/tabs/src/styles/vaadin-tab-base-styles.js

@@ -21,6 +21,7 @@ export const tabStyles = css`
     color: var(--vaadin-tab-text-color, var(--vaadin-text-color-secondary));
     background: var(--vaadin-tab-background, transparent);
     border-radius: var(--vaadin-tab-border-radius, var(--vaadin-radius-m));
+    border: var(--vaadin-tab-border-width, 0) solid var(--vaadin-tab-border-color, var(--vaadin-border-color-secondary));
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     user-select: none;

packages/tabs/src/styles/vaadin-tabs-base-styles.js

@@ -12,6 +12,12 @@ export const tabsStyles = css`
     max-width: 100%;
     max-height: 100%;
     position: relative;
+    box-sizing: border-box;
+    padding: var(--vaadin-tabs-padding);
+    background: var(--vaadin-tabs-background);
+    border-radius: var(--vaadin-tabs-border-radius);
+    border: var(--vaadin-tabs-border-width, 0) solid
+      var(--vaadin-tabs-border-color, var(--vaadin-border-color-secondary));
   }
 
   :host([hidden]) {