Customize property style (#16)

benri · web-flow · commit 0ead8b19c1ce · 2021-04-19T17:46:35.000-03:00
* property style

* bump version
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@api-components/api-type-document",
   "description": "A documentation table for type (resource) properties. Works with AMF data model",
-  "version": "4.2.6",
+  "version": "4.2.7",
   "license": "Apache-2.0",
   "main": "index.js",
   "module": "index.js",
diff --git a/src/ShapeStyles.js b/src/ShapeStyles.js
@@ -24,6 +24,10 @@ export default css`
   }
 
   .property-title {
+    font-family: var(
+      --property-shape-document-title-font-family,
+      var(--arc-font-subhead-font-family)
+    );
     font-size: var(
       --property-shape-document-title-font-size,
       var(--arc-font-subhead-font-size, 1rem)
@@ -37,7 +41,11 @@ export default css`
       var(--arc-font-subhead-line-height)
     );
 
-    margin: 4px 0 4px 0;
+    margin: var(
+      --property-shape-document-title-margin,
+      4px 0 4px 0
+    );
+    font-size: 1rem;
     font-weight: var(--api-type-document-property-title-font-weight, 500);
     word-break: break-word;
     color: var(--api-type-document-property-title-color);
@@ -99,6 +107,7 @@ export default css`
   }
 
   .property-traits {
+    font-family: var(--api-type-document-trait-font-family);
     display: -ms-flexbox;
     display: flex;
     flex-direction: row;
diff --git a/src/TypeStyles.js b/src/TypeStyles.js
@@ -9,7 +9,10 @@ export default css`
   }
 
   property-shape-document {
-    padding: 12px 0;
+    padding: var(
+      --property-shape-document-padding,
+      12px 0
+    );
   }
 
   property-shape-document:last-of-type,

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@api-components/api-type-document",`
`3`	`3`	`"description": "A documentation table for type (resource) properties. Works with AMF data model",`
`4`		`- "version": "4.2.6",`
	`4`	`+ "version": "4.2.7",`
`5`	`5`	`"license": "Apache-2.0",`
`6`	`6`	`"main": "index.js",`
`7`	`7`	`"module": "index.js",`
Original file line number	Diff line number	Diff line change
@@ -9,7 +9,10 @@ export default css`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`property-shape-document {`
`12`		`- padding: 12px 0;`
	`12`	`+ padding: var(`
	`13`	`+ --property-shape-document-padding,`
	`14`	`+ 12px 0`
	`15`	`+ );`
`13`	`16`	`}`
`14`	`17`
`15`	`18`	`property-shape-document:last-of-type,`