feat: add --facet-font-family

unchartedsoftware · Dec 18, 2024 · 3923e3b · 3923e3b
1 parent 9eeda09
commit 3923e3b
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 12 deletions.
diff --git a/packages/facets-core/src/facet-container/FacetContainer.css b/packages/facets-core/src/facet-container/FacetContainer.css
@@ -30,7 +30,7 @@
 .facet-container-header {
     height: 20px;
     color: var(--facet-container-surface-foreground, #1A1B1C);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 14px;
     font-style: normal;
     font-weight: 600;
@@ -45,7 +45,7 @@
 .facet-container-footer {
     height: 20px;
     color: var(--facet-container-surface-foreground, #1A1B1C);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 10px;
     font-style: normal;
     font-weight: 600;

diff --git a/packages/facets-core/src/facet-plugin/default/facet-bars-labels/FacetBarsLabels.css b/packages/facets-core/src/facet-plugin/default/facet-bars-labels/FacetBarsLabels.css
@@ -70,7 +70,7 @@
     height: 10px;
     margin-top: 2px;
     color: var(--facet-bars-labels-foreground, #B2B3B4);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 10px;
     line-height: 10px;
 }

diff --git a/packages/facets-core/src/facet-plugin/default/facet-timeline-labels/FacetTimelineLabels.css b/packages/facets-core/src/facet-plugin/default/facet-timeline-labels/FacetTimelineLabels.css
@@ -43,7 +43,7 @@
 
 .facet-timeline-labels-label {
     position: absolute;
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 10px;
     font-style: normal;
     line-height: 13px;

diff --git a/.../facets-core/src/facet-plugin/default/facet-timeline-selection/FacetTimelineSelection.css b/.../facets-core/src/facet-plugin/default/facet-timeline-selection/FacetTimelineSelection.css
@@ -124,7 +124,7 @@
     top: 2px;
 
     color: var(--facet-timeline-date-foreground, #050D5C);
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     font-style: normal;
     font-weight: 600;

diff --git a/packages/facets-core/src/facet-terms-value/FacetTermsValue.css b/packages/facets-core/src/facet-terms-value/FacetTermsValue.css
@@ -197,15 +197,15 @@
 }
 
 .facet-term-label {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.02em;
     color: var(--facet-term-label, #1A1B1C);
 }
 
 .facet-term-annotation {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.02em;
@@ -216,7 +216,7 @@
 }
 
 .facet-term-value {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans"), sans-serif;
     font-size: 12px;
     line-height: 16px;
     letter-spacing: 0.02em;

diff --git a/packages/facets-docs/src/basic/examples/facet-list/style.css b/packages/facets-docs/src/basic/examples/facet-list/style.css
@@ -44,7 +44,7 @@
 }
 
 .histogram-header {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 14px;
     line-height: 16px;
     margin: 5px;
@@ -69,7 +69,7 @@
 }
 
 .inspired-header {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 14px;
     line-height: 35px;
     height: 35px;
@@ -89,7 +89,7 @@
     height: 45px;
     color: white;
 
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 28px;
     line-height: 45px;
 

diff --git a/packages/facets-docs/src/basic/examples/facet-template/style.css b/packages/facets-docs/src/basic/examples/facet-template/style.css
@@ -36,7 +36,7 @@
 }
 
 .histogram-header {
-    font-family: "IBM Plex Sans", sans-serif;
+    font-family: var(--facet-font-family, "IBM Plex Sans") sans-serif;
     font-size: 14px;
     line-height: 16px;
     border-top: 5px solid white;