Style tab button (#14)

* style active action button

* bump version

Author: benri

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@api-components/api-resource-example-document",
   "description": "A viewer for examples in a resource based on AMF model",
-  "version": "4.3.1",
+  "version": "4.3.2",
   "license": "Apache-2.0",
   "main": "index.js",
   "module": "index.js",

package.json

@@ -31,11 +31,15 @@ export default css`
 .action-button[active] {
   background-color: var(--api-resource-example-document-button-active-background-color, #CDDC39);
   color: var(--api-resource-example-document-button-active-color, currentColor);
+  text-decoration: var(--api-resource-example-document-button-active-text-decoration);
+  text-underline-offset: var(--api-resource-example-document-button-active-text-underline-offset);
 }
 
 .union-toggle[focused],
 .action-button[active][focused] {
-  outline: auto;
+  outline: var(--api-resource-example-document-button-active-outline, auto);
+  text-decoration: var(--api-resource-example-document-button-active-text-decoration);
+  text-underline-offset: var(--api-resource-example-document-button-active-text-underline-offset);
 }
 
 .union-type-selector {
@@ -58,6 +62,9 @@ export default css`
 anypoint-button {
   margin-bottom: 8px;
   height: 28px;
+  color: var(--api-resource-example-document-button-color);
+  font-size: var(--api-resource-example-document-button-font-size);
+  font-weight: var(--api-resource-example-document-button-font-weight);
 }
 
 api-example-render {