From 914ac07550ac57eea787567d983cfb7495615070 Mon Sep 17 00:00:00 2001 From: Psami-wondah Date: Thu, 15 Aug 2024 06:13:02 +0100 Subject: [PATCH] feat: DX-1678 - update fonts fallback --- .../components/Dialogs/CookieDialog/index.tsx | 8 +-- .../EmbedChartDialog/chartContainer.tsx | 4 +- .../Dialogs/EmbedChartDialog/copyButton.tsx | 2 +- .../Dialogs/EmbedChartDialog/embedOptions.tsx | 8 +-- .../Dialogs/EmbedChartDialog/index.tsx | 8 +-- .../Dialogs/EmbedChartDialog/linkOptions.tsx | 2 +- .../Dialogs/EmbedChartDialog/shareContent.tsx | 2 +- .../Dialogs/TourGuide/rowFrameIntro.tsx | 2 +- .../Dialogs/TourGuide/selectStructure.tsx | 2 +- .../components/Dialogs/TourGuide/tourEnd.tsx | 2 +- src/app/components/Styled/tabs.ts | 6 +-- .../components/Table/Preview-table/style.ts | 2 +- .../chartSubheaderToolbar/index.tsx | 9 ++-- .../chartSubheaderToolbar/styles.ts | 2 +- .../components/dialog/errrorComponent.tsx | 4 +- .../components/dialog/warningDialog.tsx | 2 +- .../components/exporter/styles.ts | 50 +++++++++---------- .../components/toolbox/steps/index.tsx | 2 +- .../steps/panels-content/ChartType.tsx | 6 ++- .../toolbox/steps/panels-content/Mapping.tsx | 4 +- .../steps/panels-content/SelectDataset.tsx | 4 +- .../components/toolbox/steps/sub-header.tsx | 4 +- .../chart-module/routes/chart-type/index.tsx | 23 +++++---- .../chart-module/routes/mapping/error.tsx | 6 +-- .../routes/preview-theme/index.tsx | 6 ++- .../RichEditor/FontSizeController/index.tsx | 4 +- .../common/not-authorized-message/index.tsx | 2 +- .../dataset-module/component/styles.ts | 2 +- .../component/dataParserToolBox/style.ts | 2 +- .../component/dropzone/index.tsx | 2 +- .../component/externalSourcesList.tsx | 4 +- .../table/externalSearchTable/index.tsx | 2 +- .../upload-module/component/uploadOption.tsx | 9 ++-- .../routes/upload-module/style.ts | 4 +- .../upload-steps/addDatasetFragment.tsx | 5 +- .../upload-steps/externalSearch.tsx | 4 +- .../upload-steps/finishedFragment.tsx | 10 ++-- .../upload-module/upload-steps/processing.tsx | 5 +- .../modules/embed-module/embedChart/index.tsx | 6 +-- .../Charts/chartAddNewCard.tsx | 2 +- .../AssetCollection/Charts/gridItem.tsx | 2 +- .../Datasets/datasetAddNewCard.tsx | 2 +- .../Datasets/externalDatasetCard.tsx | 6 +-- .../AssetCollection/Datasets/gridItem.tsx | 4 +- .../AssetCollection/Reports/gridItem.tsx | 4 +- .../Reports/reportAddNewCard.tsx | 2 +- .../components/AssetCollection/index.tsx | 2 +- .../components/Breadcrumbs/index.tsx | 4 +- .../home-module/components/Footer/index.tsx | 9 ++-- .../components/Subscribe/index.tsx | 6 +-- .../home-module/components/Table/index.tsx | 2 +- src/app/modules/home-module/style.ts | 12 ++--- .../home-module/sub-modules/about/index.tsx | 21 ++++---- .../home-module/sub-modules/about/style.ts | 4 +- .../home-module/sub-modules/contact/index.tsx | 4 +- .../home-module/sub-modules/landing/index.tsx | 6 +-- .../partners/components/bestDecisionBlock.tsx | 4 +- .../partners/components/tabCard.tsx | 4 +- .../home-module/sub-modules/partners/style.ts | 18 +++---- .../pricing/components/features.tsx | 3 +- .../why-dx/components/keyFeaturesBlock.tsx | 4 +- .../why-dx/components/tryUsBlock.tsx | 6 +-- .../home-module/sub-modules/why-dx/style.ts | 6 +-- .../component/card/index.tsx | 2 +- .../onboarding-module/component/card/style.ts | 2 +- .../component/splibar/index.tsx | 4 +- src/app/modules/onboarding-module/index.tsx | 2 +- .../components/chart-wrapper/index.tsx | 4 +- .../autoSaveSwitch/style.css | 2 +- .../reportSubHeaderToolbar/index.tsx | 9 ++-- .../right-panel-create-view/index.tsx | 8 +-- .../right-panel-create-view/panelLabel.tsx | 4 +- .../right-panel-create-view/rhpGridItem.tsx | 2 +- .../components/use-report-panel/index.tsx | 4 +- .../components/headerBlock/style.ts | 2 +- .../rowStructure/addRowFrameButton.tsx | 2 +- .../sub-module/rowStructure/index.tsx | 2 +- .../report-module/views/ai-template/index.tsx | 3 +- .../report-module/views/ai-template/style.ts | 8 +-- .../report-module/views/initial/index.tsx | 2 +- src/app/modules/user-profile-module/style.ts | 2 +- 81 files changed, 229 insertions(+), 203 deletions(-) diff --git a/src/app/components/Dialogs/CookieDialog/index.tsx b/src/app/components/Dialogs/CookieDialog/index.tsx index 8576a6eb0..24bac54e1 100644 --- a/src/app/components/Dialogs/CookieDialog/index.tsx +++ b/src/app/components/Dialogs/CookieDialog/index.tsx @@ -37,12 +37,12 @@ const BaseSnackbar = styled((props) => ( height: 32px; } & [class*="MuiTypography-root"] { - font-weight: bold; + font-weight: 400; font-size: 18px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; > a { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } } @@ -54,7 +54,7 @@ const BaseSnackbar = styled((props) => ( & [class*="MuiSnackbarContent-action"] { padding-left: 64px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } `; diff --git a/src/app/components/Dialogs/EmbedChartDialog/chartContainer.tsx b/src/app/components/Dialogs/EmbedChartDialog/chartContainer.tsx index 21ff8ee0c..435e26b24 100644 --- a/src/app/components/Dialogs/EmbedChartDialog/chartContainer.tsx +++ b/src/app/components/Dialogs/EmbedChartDialog/chartContainer.tsx @@ -50,7 +50,7 @@ export default function ChartContainer(props: { p:nth-of-type(1) { color: #e75656; text-align: center; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 18px; margin-top: 16px; margin-bottom: 0; @@ -58,7 +58,7 @@ export default function ChartContainer(props: { p:nth-of-type(2) { color: #e75656; text-align: center; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; font-size: 14px; margin-top: 16px; } diff --git a/src/app/components/Dialogs/EmbedChartDialog/copyButton.tsx b/src/app/components/Dialogs/EmbedChartDialog/copyButton.tsx index dcd380013..56508eaf5 100644 --- a/src/app/components/Dialogs/EmbedChartDialog/copyButton.tsx +++ b/src/app/components/Dialogs/EmbedChartDialog/copyButton.tsx @@ -17,7 +17,7 @@ export default function CopyButton(props: { align-items: center; color: #fff; text-transform: uppercase; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 14px; border: none; outline: none; diff --git a/src/app/components/Dialogs/EmbedChartDialog/embedOptions.tsx b/src/app/components/Dialogs/EmbedChartDialog/embedOptions.tsx index 8d1b2405f..fa1326c2b 100644 --- a/src/app/components/Dialogs/EmbedChartDialog/embedOptions.tsx +++ b/src/app/components/Dialogs/EmbedChartDialog/embedOptions.tsx @@ -32,7 +32,7 @@ export default function EmbedOptions(props: {

@@ -84,7 +84,7 @@ export default function EmbedOptions(props: {

@@ -111,7 +111,7 @@ export default function EmbedOptions(props: { height: 41px; display: flex; align-items: end; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; font-size: 14px; `} > diff --git a/src/app/components/Dialogs/EmbedChartDialog/index.tsx b/src/app/components/Dialogs/EmbedChartDialog/index.tsx index a6d9481a1..ca2f7a27e 100644 --- a/src/app/components/Dialogs/EmbedChartDialog/index.tsx +++ b/src/app/components/Dialogs/EmbedChartDialog/index.tsx @@ -169,7 +169,7 @@ export default function EmbedChartDialog(props: { width: 73%; > p { color: #231d2c; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 14px; overflow: hidden; text-overflow: ellipsis; @@ -210,14 +210,16 @@ export default function EmbedChartDialog(props: { margin: 0; span:nth-of-type(1) { color: #70777e; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", + sans-serif; font-size: 12px; margin: 0; line-height: 14.52px; } span:nth-of-type(2) { color: #231d2c; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", + sans-serif; font-size: 12px; margin: 0; line-height: 14.52px; diff --git a/src/app/components/Dialogs/EmbedChartDialog/linkOptions.tsx b/src/app/components/Dialogs/EmbedChartDialog/linkOptions.tsx index 476d2bfae..3ec16674e 100644 --- a/src/app/components/Dialogs/EmbedChartDialog/linkOptions.tsx +++ b/src/app/components/Dialogs/EmbedChartDialog/linkOptions.tsx @@ -19,7 +19,7 @@ export default function LinkOptions(props: { justify-content: center; align-items: center; p { - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; font-size: 14px; } `} diff --git a/src/app/components/Dialogs/EmbedChartDialog/shareContent.tsx b/src/app/components/Dialogs/EmbedChartDialog/shareContent.tsx index 2096382f5..65fdf9f3c 100644 --- a/src/app/components/Dialogs/EmbedChartDialog/shareContent.tsx +++ b/src/app/components/Dialogs/EmbedChartDialog/shareContent.tsx @@ -19,7 +19,7 @@ export default function ShareContent(props: { border-radius: 8px; line-height: 16px; background: #f5f5f7; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; color: #000; font-size: 14px; `} diff --git a/src/app/components/Dialogs/TourGuide/rowFrameIntro.tsx b/src/app/components/Dialogs/TourGuide/rowFrameIntro.tsx index eb6a0c1fb..f9abf7bf4 100644 --- a/src/app/components/Dialogs/TourGuide/rowFrameIntro.tsx +++ b/src/app/components/Dialogs/TourGuide/rowFrameIntro.tsx @@ -37,7 +37,7 @@ export default function RowFrameIntro(props: { border-radius: 8px; background: #231d2c; color: #fff; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; font-size: 12px; font-style: normal; font-weight: 350; diff --git a/src/app/components/Dialogs/TourGuide/selectStructure.tsx b/src/app/components/Dialogs/TourGuide/selectStructure.tsx index d6d07861c..ddd0903f4 100644 --- a/src/app/components/Dialogs/TourGuide/selectStructure.tsx +++ b/src/app/components/Dialogs/TourGuide/selectStructure.tsx @@ -33,7 +33,7 @@ export default function SelectStructure(props: { border-radius: 8px; background: #231d2c; color: #fff; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; font-size: 12px; font-style: normal; font-weight: 350; diff --git a/src/app/components/Dialogs/TourGuide/tourEnd.tsx b/src/app/components/Dialogs/TourGuide/tourEnd.tsx index 4028d9005..ce20a3787 100644 --- a/src/app/components/Dialogs/TourGuide/tourEnd.tsx +++ b/src/app/components/Dialogs/TourGuide/tourEnd.tsx @@ -42,7 +42,7 @@ export default function TourEnd({ border-radius: 8px; background: #231d2c; color: #fff; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; font-style: normal; font-weight: 350; line-height: 16px; diff --git a/src/app/components/Styled/tabs.ts b/src/app/components/Styled/tabs.ts index d78cb1935..34853ecd3 100644 --- a/src/app/components/Styled/tabs.ts +++ b/src/app/components/Styled/tabs.ts @@ -22,7 +22,7 @@ export const Tab = { font-weight: ${(props) => (props.active ? "bold" : "normal")}; font-family: ${(props) => props.active ? "GothamNarrow-Bold" : "GothamNarrow-Book"}, - sans-serif; + "Helvetica Neue", sans-serif; ::after { content: ""; @@ -44,7 +44,7 @@ export const Tab = { font-weight: ${(props) => (props.active ? "bold" : "normal")}; font-family: ${(props) => props.active ? "GothamNarrow-Bold" : "GothamNarrow-Book"}, - sans-serif; + "Helvetica Neue", sans-serif; ::after { content: ""; @@ -69,7 +69,7 @@ export const Tab = { font-weight: ${(props) => (props.active ? "700" : "normal")}; font-family: ${(props) => props.active ? "GothamNarrow-Bold" : "GothamNarrow-Book"}, - sans-serif; + "Helvetica Neue", sans-serif; ::after { content: ""; diff --git a/src/app/components/Table/Preview-table/style.ts b/src/app/components/Table/Preview-table/style.ts index d5a507c3b..e86714753 100644 --- a/src/app/components/Table/Preview-table/style.ts +++ b/src/app/components/Table/Preview-table/style.ts @@ -23,7 +23,7 @@ export const previewTablecss = css` height: 35px; font-weight: 400; font-size: 14px; - font-family: "GothamNarrow-Book"; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; } tr { diff --git a/src/app/modules/chart-module/components/chartSubheaderToolbar/index.tsx b/src/app/modules/chart-module/components/chartSubheaderToolbar/index.tsx index 22f0cad35..95665fd3c 100644 --- a/src/app/modules/chart-module/components/chartSubheaderToolbar/index.tsx +++ b/src/app/modules/chart-module/components/chartSubheaderToolbar/index.tsx @@ -373,7 +373,8 @@ export function ChartSubheaderToolbar(props: Readonly) {

) {

) { css={` color: #000; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", + sans-serif; font-size: 12px; font-style: normal; font-weight: 325; diff --git a/src/app/modules/chart-module/components/chartSubheaderToolbar/styles.ts b/src/app/modules/chart-module/components/chartSubheaderToolbar/styles.ts index 647af325f..f2010842b 100644 --- a/src/app/modules/chart-module/components/chartSubheaderToolbar/styles.ts +++ b/src/app/modules/chart-module/components/chartSubheaderToolbar/styles.ts @@ -52,7 +52,7 @@ export const styles = { align-items: center; height: 32px; padding: 10px 20px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; gap: 10px; outline: none; border: none; diff --git a/src/app/modules/chart-module/components/dialog/errrorComponent.tsx b/src/app/modules/chart-module/components/dialog/errrorComponent.tsx index 4e13a447d..d98549389 100644 --- a/src/app/modules/chart-module/components/dialog/errrorComponent.tsx +++ b/src/app/modules/chart-module/components/dialog/errrorComponent.tsx @@ -31,7 +31,7 @@ export default function ErrorComponent(props: { font-size: 14px; line-height: 20px; font-weight: bold; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; text-align: center; button { outline: none; @@ -44,7 +44,7 @@ export default function ErrorComponent(props: { margin-top: 34px; white-space: pre-line; line-height: 11px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } `} > diff --git a/src/app/modules/chart-module/components/dialog/warningDialog.tsx b/src/app/modules/chart-module/components/dialog/warningDialog.tsx index 2ba507ca4..fc49d8e94 100644 --- a/src/app/modules/chart-module/components/dialog/warningDialog.tsx +++ b/src/app/modules/chart-module/components/dialog/warningDialog.tsx @@ -18,7 +18,7 @@ export default function WarningDialog(props: { isMappingValid: boolean }) { font-size: 14px; line-height: 20px; font-weight: bold; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; text-align: center; button { outline: none; diff --git a/src/app/modules/chart-module/components/exporter/styles.ts b/src/app/modules/chart-module/components/exporter/styles.ts index e8968eeab..8b10e9608 100644 --- a/src/app/modules/chart-module/components/exporter/styles.ts +++ b/src/app/modules/chart-module/components/exporter/styles.ts @@ -13,43 +13,43 @@ export const styles = { flex-direction: row; > input { - width: 140px; - height: 32px; - font-size 14px; - background: #fff; - padding-left: 16px; - border-style: none; - border-radius: 16px 0px 0px 16px; + width: 140px; + height: 32px; + font-size: 14px; + background: #fff; + padding-left: 16px; + border-style: none; + border-radius: 16px 0px 0px 16px; } > button { - color: #fff; - width: 60px; - height: 32px; - font-size 14px; - cursor: pointer; - border-style: none; - background: #262C34; - border-radius: 0px 16px 16px 0px; + color: #fff; + width: 60px; + height: 32px; + font-size: 14px; + cursor: pointer; + border-style: none; + background: #262c34; + border-radius: 0px 16px 16px 0px; - > svg { - top: -2px; - margin-left: 5px; - position: relative; - transition: all 0.2s ease-in-out; - transform: rotate(${open ? 0 : 180}deg); + > svg { + top: -2px; + margin-left: 5px; + position: relative; + transition: all 0.2s ease-in-out; + transform: rotate(${open ? 0 : 180}deg); - > path { - fill: #fff; - } + > path { + fill: #fff; } + } } `, downloadBtn: css` color: #fff; width: 120px; height: 32px; - font-size 14px; + font-size: 14px; cursor: pointer; font-weight: bold; border-style: none; diff --git a/src/app/modules/chart-module/components/toolbox/steps/index.tsx b/src/app/modules/chart-module/components/toolbox/steps/index.tsx index 472ac4b4f..03d1d95a5 100644 --- a/src/app/modules/chart-module/components/toolbox/steps/index.tsx +++ b/src/app/modules/chart-module/components/toolbox/steps/index.tsx @@ -186,7 +186,7 @@ export function ChartToolBoxSteps(props: ChartToolBoxStepsProps) { align-items: center; justify-content: center; font-size: 14px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; cursor: ${props.isClickable ? "pointer" : "not-allowed"}; /* pointer-events: ${props.isClickable ? "auto" : "none"}; */ :nth-child(1) { diff --git a/src/app/modules/chart-module/components/toolbox/steps/panels-content/ChartType.tsx b/src/app/modules/chart-module/components/toolbox/steps/panels-content/ChartType.tsx index ddab50b05..84e706c10 100644 --- a/src/app/modules/chart-module/components/toolbox/steps/panels-content/ChartType.tsx +++ b/src/app/modules/chart-module/components/toolbox/steps/panels-content/ChartType.tsx @@ -116,7 +116,8 @@ export function ChartToolBoxChartType() { font-size: 14px; margin: 0px; line-height: 20px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", + sans-serif; `} > {fChartType.label} @@ -158,7 +159,8 @@ export function ChartToolBoxChartType() { />

{ css={` font-size: 14px; color: #262c34; - font-family: "GothamNarrow-Bold", sans-serif; ; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; `} > {props.dimension.name} diff --git a/src/app/modules/chart-module/components/toolbox/steps/panels-content/SelectDataset.tsx b/src/app/modules/chart-module/components/toolbox/steps/panels-content/SelectDataset.tsx index cf41f51aa..619e8c25a 100644 --- a/src/app/modules/chart-module/components/toolbox/steps/panels-content/SelectDataset.tsx +++ b/src/app/modules/chart-module/components/toolbox/steps/panels-content/SelectDataset.tsx @@ -99,7 +99,7 @@ function ChartToolBoxSelectDataset(props: { deselectDataset: () => void }) { margin-top: -8px; color: #231d2c; font-size: 14px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } > label { @@ -203,7 +203,7 @@ const ConnectData = () => { cursor: pointer; } p { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; margin-bottom: 4px; margin-top: -8px; font-size: 14px; diff --git a/src/app/modules/chart-module/components/toolbox/steps/sub-header.tsx b/src/app/modules/chart-module/components/toolbox/steps/sub-header.tsx index 8311b1bfc..e11ea117a 100644 --- a/src/app/modules/chart-module/components/toolbox/steps/sub-header.tsx +++ b/src/app/modules/chart-module/components/toolbox/steps/sub-header.tsx @@ -36,7 +36,7 @@ export default function ToolboxSubHeader( align-items: center; } p:nth-child(1) { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 700; } @@ -59,7 +59,7 @@ export default function ToolboxSubHeader( borderRadius: "8px", color: "#fff", fontSize: "12px", - fontFamily: "GothamNarrow-Medium", + fontFamily: '"GothamNarrow-Medium", "Helvetica Neue", sans-serif', width: "320px", lineHeight: "16px", }} diff --git a/src/app/modules/chart-module/routes/chart-type/index.tsx b/src/app/modules/chart-module/routes/chart-type/index.tsx index 810e68b22..adb6e65a4 100644 --- a/src/app/modules/chart-module/routes/chart-type/index.tsx +++ b/src/app/modules/chart-module/routes/chart-type/index.tsx @@ -217,13 +217,15 @@ function ChartBuilderChartType(props: Readonly) { {isAiActive ? (

@@ -258,7 +260,7 @@ function ChartBuilderChartType(props: Readonly) { span { color: #000000; font-size: 12px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; } `} > @@ -281,7 +283,7 @@ function ChartBuilderChartType(props: Readonly) {

) { height: 16px; color: #373d43; font-size: 10px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", + sans-serif; `} data-cy="ai-suggestion-icon" > @@ -417,7 +420,7 @@ function ChartBuilderChartType(props: Readonly) {

) { height: 16px; color: #373d43; font-size: 10px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", + sans-serif; `} data-cy="ai-suggestion-icon" > @@ -555,7 +559,7 @@ function ChartBuilderChartType(props: Readonly) {

) { height: 16px; color: #373d43; font-size: 10px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", + sans-serif; `} data-cy="ai-suggestion-icon" > diff --git a/src/app/modules/chart-module/routes/mapping/error.tsx b/src/app/modules/chart-module/routes/mapping/error.tsx index 6f386b4f6..ff7f8b969 100644 --- a/src/app/modules/chart-module/routes/mapping/error.tsx +++ b/src/app/modules/chart-module/routes/mapping/error.tsx @@ -408,7 +408,7 @@ export default function MappingErrorComponent(props: { font-size: 14px; line-height: 20px; font-weight: bold; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; text-align: center; svg { width: 48px; @@ -425,12 +425,12 @@ export default function MappingErrorComponent(props: { margin-top: 34px; white-space: pre-line; line-height: 22px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 18px; } p:nth-of-type(2) { margin: 0; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; } `} > diff --git a/src/app/modules/chart-module/routes/preview-theme/index.tsx b/src/app/modules/chart-module/routes/preview-theme/index.tsx index bb7a37011..4df1136ed 100644 --- a/src/app/modules/chart-module/routes/preview-theme/index.tsx +++ b/src/app/modules/chart-module/routes/preview-theme/index.tsx @@ -284,10 +284,12 @@ export function ChartBuilderPreviewTheme(props: ChartBuilderPreviewThemeProps) {

{" "}

{ font-size: 20px; line-height: normal; font-style: normal; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; font-weight: 325; margin: 0; padding: 0; diff --git a/src/app/modules/dataset-module/routes/upload-module/component/externalSourcesList.tsx b/src/app/modules/dataset-module/routes/upload-module/component/externalSourcesList.tsx index e2103d191..0f475acd4 100644 --- a/src/app/modules/dataset-module/routes/upload-module/component/externalSourcesList.tsx +++ b/src/app/modules/dataset-module/routes/upload-module/component/externalSourcesList.tsx @@ -44,7 +44,7 @@ export default function SourceCategoryList(props: Readonly) { background: #fff; border-radius: 30px; border: 0.5px solid #231d2c; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; padding: 12px 0px; } `} @@ -69,7 +69,7 @@ export default function SourceCategoryList(props: Readonly) { background: "#6061E5", border: "none", fontWeight: 400, - fontFamily: "GothamNarrow-Bold, sans-serif", + fontFamily: "GothamNarrow-Bold, 'Helvetica Neue', sans-serif", } : {} } diff --git a/src/app/modules/dataset-module/routes/upload-module/component/table/externalSearchTable/index.tsx b/src/app/modules/dataset-module/routes/upload-module/component/table/externalSearchTable/index.tsx index 9cf6d31e1..e24e0bae3 100644 --- a/src/app/modules/dataset-module/routes/upload-module/component/table/externalSearchTable/index.tsx +++ b/src/app/modules/dataset-module/routes/upload-module/component/table/externalSearchTable/index.tsx @@ -64,7 +64,7 @@ export default function ExternalSearchTable(props: { > tr > th { font-size: 14px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; border-right: 1px solid #e4e4e4; } `} diff --git a/src/app/modules/dataset-module/routes/upload-module/component/uploadOption.tsx b/src/app/modules/dataset-module/routes/upload-module/component/uploadOption.tsx index a7cfc56ad..6bf3923b7 100644 --- a/src/app/modules/dataset-module/routes/upload-module/component/uploadOption.tsx +++ b/src/app/modules/dataset-module/routes/upload-module/component/uploadOption.tsx @@ -55,7 +55,7 @@ const UploadOption = (props: { font-weight: 400; line-height: 20px; /* 111.111% */ letter-spacing: 0.5px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; margin: 0; padding: 0; text-align: left; @@ -70,7 +70,7 @@ const UploadOption = (props: { font-weight: 325; line-height: 20px; /* 111.111% */ letter-spacing: 0.5px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; margin: 0; padding: 0; text-align: left; @@ -106,7 +106,7 @@ const UploadOption = (props: { font-weight: 325; line-height: 15px; /* 125% */ letter-spacing: 0.5px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; color: #6b727b; `} > @@ -155,7 +155,8 @@ const UploadOption = (props: { line-height: 15px; /* 125% */ letter-spacing: 0.5px; color: white; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", + sans-serif; border-radius: 12px; background: #6061e5; border: none; diff --git a/src/app/modules/dataset-module/routes/upload-module/style.ts b/src/app/modules/dataset-module/routes/upload-module/style.ts index 1507aa761..4d7b7bf55 100644 --- a/src/app/modules/dataset-module/routes/upload-module/style.ts +++ b/src/app/modules/dataset-module/routes/upload-module/style.ts @@ -108,7 +108,7 @@ export const CssTextField = withStyles({ }, "&.MuiInputLabel-outlined": { fontSize: "16px", - fontFamily: "'GothamNarrow-Book', sans-serif", + fontFamily: "'GothamNarrow-Book', 'Helvetica Neue', sans-serif", color: "#231D2C", }, "& .MuiOutlinedInput-input": { @@ -151,7 +151,7 @@ export const CssSelectField = withStyles({ }, "&.MuiInputLabel-outlined": { fontSize: "16px", - fontFamily: "'GothamNarrow-Book', sans-serif", + fontFamily: "'GothamNarrow-Book', 'Helvetica Neue', sans-serif", color: "#231D2C", }, "&.MuiSelect-outlined": { diff --git a/src/app/modules/dataset-module/routes/upload-module/upload-steps/addDatasetFragment.tsx b/src/app/modules/dataset-module/routes/upload-module/upload-steps/addDatasetFragment.tsx index 4ca755770..f41d494a4 100644 --- a/src/app/modules/dataset-module/routes/upload-module/upload-steps/addDatasetFragment.tsx +++ b/src/app/modules/dataset-module/routes/upload-module/upload-steps/addDatasetFragment.tsx @@ -156,7 +156,7 @@ export default function AddDatasetFragment(props: Props) { } p { color: #231d2c; - font-family: "GothamNarrow-Book"; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 325; line-height: 20px; @@ -195,8 +195,7 @@ export default function AddDatasetFragment(props: Props) { font-style: normal; font-weight: 400; line-height: normal; - font-family: "GothamNarrow-Bold", sans-serif; - background: #dadaf84d; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; border-radius: 16px 16px 0px 0px; width: 100%; `} diff --git a/src/app/modules/dataset-module/routes/upload-module/upload-steps/externalSearch.tsx b/src/app/modules/dataset-module/routes/upload-module/upload-steps/externalSearch.tsx index 28dd47069..700707dcc 100644 --- a/src/app/modules/dataset-module/routes/upload-module/upload-steps/externalSearch.tsx +++ b/src/app/modules/dataset-module/routes/upload-module/upload-steps/externalSearch.tsx @@ -156,7 +156,7 @@ export default function ExternalSearch(props: { } p { color: #231d2c; - font-family: "GothamNarrow-Book"; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 325; line-height: 20px; @@ -262,7 +262,7 @@ export default function ExternalSearch(props: { font-weight: 325; line-height: normal; letter-spacing: 0.5px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; `} > No datasets were found using federated search. Please consider trying diff --git a/src/app/modules/dataset-module/routes/upload-module/upload-steps/finishedFragment.tsx b/src/app/modules/dataset-module/routes/upload-module/upload-steps/finishedFragment.tsx index 663dcfea2..2be676d97 100644 --- a/src/app/modules/dataset-module/routes/upload-module/upload-steps/finishedFragment.tsx +++ b/src/app/modules/dataset-module/routes/upload-module/upload-steps/finishedFragment.tsx @@ -100,14 +100,14 @@ export default function FinishedFragment(props: Props) { font-size: 14px; font-weight: 400; font-style: normal; - font-family: "GothamNarrow-Book"; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; `} >

diff --git a/src/app/modules/dataset-module/routes/upload-module/upload-steps/processing.tsx b/src/app/modules/dataset-module/routes/upload-module/upload-steps/processing.tsx index 03e772700..74b3e6569 100644 --- a/src/app/modules/dataset-module/routes/upload-module/upload-steps/processing.tsx +++ b/src/app/modules/dataset-module/routes/upload-module/upload-steps/processing.tsx @@ -112,7 +112,7 @@ export default function Processing(props: ProcessingMetaDataProps) {

@@ -127,7 +127,8 @@ export default function Processing(props: ProcessingMetaDataProps) { justify-content: space-between; align-items: center; p { - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", + sans-serif; font-size: 12px; color: #adb5bd; margin-top: 0; diff --git a/src/app/modules/embed-module/embedChart/index.tsx b/src/app/modules/embed-module/embedChart/index.tsx index e595a5147..53c812e07 100644 --- a/src/app/modules/embed-module/embedChart/index.tsx +++ b/src/app/modules/embed-module/embedChart/index.tsx @@ -91,7 +91,7 @@ export default function EmbedChartRoute() { padding: 24px; > p { color: #231d2c; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 18px; width: 100%; overflow: hidden; @@ -137,11 +137,11 @@ export default function EmbedChartRoute() { id={`datasource-${loadedChart.id || "1"}`} css={` color: #70777e; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 12px; margin: 0; a { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; color: #70777e; text-decoration: none; border-bottom: 1px solid #70777e; diff --git a/src/app/modules/home-module/components/AssetCollection/Charts/chartAddNewCard.tsx b/src/app/modules/home-module/components/AssetCollection/Charts/chartAddNewCard.tsx index 97d274b74..70299b223 100644 --- a/src/app/modules/home-module/components/AssetCollection/Charts/chartAddNewCard.tsx +++ b/src/app/modules/home-module/components/AssetCollection/Charts/chartAddNewCard.tsx @@ -53,7 +53,7 @@ export default function ChartAddnewCard() {

) { margin-top: -5px; font-size: 14px; line-height: 22px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; overflow: hidden; margin-bottom: 2px; white-space: nowrap; @@ -210,7 +210,7 @@ export default function GridItem(props: Readonly) { height: 20px; border-radius: 20px; color: #ffffff; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; right: 8px; bottom: 30px; z-index: 2; diff --git a/src/app/modules/home-module/components/AssetCollection/Reports/gridItem.tsx b/src/app/modules/home-module/components/AssetCollection/Reports/gridItem.tsx index c427f7580..c4b5603c5 100644 --- a/src/app/modules/home-module/components/AssetCollection/Reports/gridItem.tsx +++ b/src/app/modules/home-module/components/AssetCollection/Reports/gridItem.tsx @@ -89,7 +89,7 @@ export default function gridItem(props: Props) { css={` font-size: 14px; line-height: 22px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; margin-top: 2px; overflow: hidden; @@ -105,7 +105,7 @@ export default function gridItem(props: Props) { css={` font-size: 10px; line-height: 14px; - font-family: "Gotham Narrow ", sans-serif; + font-family: "Gotham Narrow ", "Helvetica Neue", sans-serif; margin-top: 1px; overflow: hidden; display: -webkit-box; diff --git a/src/app/modules/home-module/components/AssetCollection/Reports/reportAddNewCard.tsx b/src/app/modules/home-module/components/AssetCollection/Reports/reportAddNewCard.tsx index 25a2d2ee8..52504cc0b 100644 --- a/src/app/modules/home-module/components/AssetCollection/Reports/reportAddNewCard.tsx +++ b/src/app/modules/home-module/components/AssetCollection/Reports/reportAddNewCard.tsx @@ -52,7 +52,7 @@ export default function ReportAddnewCard() {

diff --git a/src/app/modules/home-module/components/Breadcrumbs/index.tsx b/src/app/modules/home-module/components/Breadcrumbs/index.tsx index 47e0e4b01..5853027c1 100644 --- a/src/app/modules/home-module/components/Breadcrumbs/index.tsx +++ b/src/app/modules/home-module/components/Breadcrumbs/index.tsx @@ -28,7 +28,7 @@ function BreadCrumbs(props: BreadCrumbsProps) { &, * { font-size: 24px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-weight: 400; line-height: 29px; color: #2b3674; @@ -47,7 +47,7 @@ function BreadCrumbs(props: BreadCrumbsProps) { &, * { font-size: 24px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; font-weight: 325; line-height: 29px; color: #2b3674; diff --git a/src/app/modules/home-module/components/Footer/index.tsx b/src/app/modules/home-module/components/Footer/index.tsx index ea42aa934..7692b1659 100644 --- a/src/app/modules/home-module/components/Footer/index.tsx +++ b/src/app/modules/home-module/components/Footer/index.tsx @@ -41,7 +41,8 @@ export default function HomeFooter() { font-size: 16px; text-decoration: none; color: #000; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", + sans-serif; } `} > @@ -91,7 +92,8 @@ export default function HomeFooter() { margin-top: 20px; color: #000; font-weight: 325; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", + sans-serif; } a { text-decoration: none; @@ -134,7 +136,8 @@ export default function HomeFooter() { font-size: 16px; font-weight: 350; color: #000; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", + sans-serif; `} > Subscribe to our newsletter diff --git a/src/app/modules/home-module/components/Subscribe/index.tsx b/src/app/modules/home-module/components/Subscribe/index.tsx index cd502e4b8..11f71ec68 100644 --- a/src/app/modules/home-module/components/Subscribe/index.tsx +++ b/src/app/modules/home-module/components/Subscribe/index.tsx @@ -31,7 +31,7 @@ export default function Subscribe() {

tr > th { font-size: 14px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } `} > diff --git a/src/app/modules/home-module/style.ts b/src/app/modules/home-module/style.ts index 32d30b402..adea221f4 100644 --- a/src/app/modules/home-module/style.ts +++ b/src/app/modules/home-module/style.ts @@ -12,7 +12,7 @@ export const turnsDataCss = css` align-items: center; h1 { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-weight: 700; font-size: 40px; line-height: 48px; @@ -22,7 +22,7 @@ export const turnsDataCss = css` padding: 0; } h2 { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-weight: 400; font-size: 34px; line-height: 42px; @@ -33,7 +33,7 @@ export const turnsDataCss = css` p { color: #495057; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 18px; line-height: 22px; text-align: center; @@ -50,7 +50,7 @@ export const turnsDataCss = css` outline: none; border: none; color: #ffffff; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-weight: 400; font-size: 14px; text-transform: uppercase; @@ -70,7 +70,7 @@ export const turnsDataCss = css` export const featuredAssetsCss = css` h3 { font-size: 24px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; line-height: 29px; color: #000000; margin: 0; @@ -148,7 +148,7 @@ export const sortByItemCss = (active: boolean) => css` color: #231d2c; font-size: 12px; padding: 8px 22px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; background: ${active ? "#f1f3f5" : "transparent"}; &:hover { diff --git a/src/app/modules/home-module/sub-modules/about/index.tsx b/src/app/modules/home-module/sub-modules/about/index.tsx index 8d5ead0d2..092dbeed3 100644 --- a/src/app/modules/home-module/sub-modules/about/index.tsx +++ b/src/app/modules/home-module/sub-modules/about/index.tsx @@ -146,7 +146,7 @@ export default function AboutModule() { >

With 20+ years combined experience in data and global health @@ -283,7 +283,8 @@ export default function AboutModule() {

@@ -328,7 +331,7 @@ export default function AboutModule() {

diff --git a/src/app/modules/home-module/sub-modules/about/style.ts b/src/app/modules/home-module/sub-modules/about/style.ts index 36f2684a2..6361c0069 100644 --- a/src/app/modules/home-module/sub-modules/about/style.ts +++ b/src/app/modules/home-module/sub-modules/about/style.ts @@ -8,11 +8,11 @@ export const subParagraphcss = css` font-style: normal; font-weight: 350; line-height: normal; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; } p { margin: 0; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; font-size: 20px; font-style: normal; font-weight: 350; diff --git a/src/app/modules/home-module/sub-modules/contact/index.tsx b/src/app/modules/home-module/sub-modules/contact/index.tsx index 4b55bbf7b..c74fedc3a 100644 --- a/src/app/modules/home-module/sub-modules/contact/index.tsx +++ b/src/app/modules/home-module/sub-modules/contact/index.tsx @@ -141,7 +141,7 @@ export default function ContactModule() { height: 100%; margin: auto; h4 { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 36px; line-height: 43px; color: #231d2c; @@ -151,7 +151,7 @@ export default function ContactModule() { font-size: 20px; line-height: 24px; text-align: center; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; margin-top: 0; } .MuiFormControl-root { diff --git a/src/app/modules/home-module/sub-modules/landing/index.tsx b/src/app/modules/home-module/sub-modules/landing/index.tsx index 1f1f45f64..9821c858c 100644 --- a/src/app/modules/home-module/sub-modules/landing/index.tsx +++ b/src/app/modules/home-module/sub-modules/landing/index.tsx @@ -41,7 +41,7 @@ export default function LandingModule() { margin: 0; padding: 0; font-size: 36px; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; color: #231d2c; font-weight: 350; } @@ -53,7 +53,7 @@ export default function LandingModule() { font-weight: 350; line-height: 30px; /* 150% */ letter-spacing: 0.5px; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; } `} > @@ -143,7 +143,7 @@ export default function LandingModule() { font-style: normal; font-weight: 400; line-height: normal; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; text-align: center; `} > diff --git a/src/app/modules/home-module/sub-modules/partners/components/bestDecisionBlock.tsx b/src/app/modules/home-module/sub-modules/partners/components/bestDecisionBlock.tsx index 87f2c0e6a..7da38e07d 100644 --- a/src/app/modules/home-module/sub-modules/partners/components/bestDecisionBlock.tsx +++ b/src/app/modules/home-module/sub-modules/partners/components/bestDecisionBlock.tsx @@ -38,7 +38,7 @@ export default function BestDecisionBlock() { color: #ffffff; font-size: 40px; line-height: 48px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; margin: 0; `} > @@ -49,7 +49,7 @@ export default function BestDecisionBlock() { font-weight: 325; font-size: 24px; color: #f4f4f4; - font-family: "GothamNarrow-Light", sans-serif; + font-family: "GothamNarrow-Light", "Helvetica Neue", sans-serif; `} > Dataxplorer turns data into impact in minutes  diff --git a/src/app/modules/home-module/sub-modules/partners/components/tabCard.tsx b/src/app/modules/home-module/sub-modules/partners/components/tabCard.tsx index 91a6653eb..58e3e77fa 100644 --- a/src/app/modules/home-module/sub-modules/partners/components/tabCard.tsx +++ b/src/app/modules/home-module/sub-modules/partners/components/tabCard.tsx @@ -24,7 +24,7 @@ function TabCard(props: { display: flex; justify-content: center; gap: 39px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; padding: 72px 40px 100px 88px; color: #231d2c; @@ -50,7 +50,7 @@ function TabCard(props: { margin-bottom: 11px; } p { - font-family: "GothamNarrow-Light", sans-serif; + font-family: "GothamNarrow-Light", "Helvetica Neue", sans-serif; white-space: pre-line; font-weight: 400; line-height: 19px; diff --git a/src/app/modules/home-module/sub-modules/partners/style.ts b/src/app/modules/home-module/sub-modules/partners/style.ts index 807b1576a..0f38e7f41 100644 --- a/src/app/modules/home-module/sub-modules/partners/style.ts +++ b/src/app/modules/home-module/sub-modules/partners/style.ts @@ -8,7 +8,7 @@ export const empowercss = (view: string) => css` position: relative; margin-top: 48px; padding: 78px 0 55px 0; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; background: url(${view === "landing" ? Ellipses2 : Ellipses}), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #f2f7fd 100%); background-repeat: no-repeat; @@ -25,7 +25,7 @@ export const empowercss = (view: string) => css` white-space: pre-line; text-align: center; margin-bottom: ${view === "landing" ? "14px" : "26px"}; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } p { margin: 0; @@ -33,7 +33,7 @@ export const empowercss = (view: string) => css` font-size: 18px; line-height: 22px; text-align: center; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } div { gap: 34px; @@ -87,13 +87,13 @@ export const useDXcss = css` font-size: 40px; line-height: 48px; text-align: center; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; margin-top: 0; } h3 { font-size: 24px; line-height: 29px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; text-align: center; margin-bottom: 0; margin-top: 48px; @@ -102,7 +102,7 @@ export const useDXcss = css` font-size: 20px; line-height: 24px; text-align: center; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; width: 85%; margin: 16px auto 0 auto; } @@ -120,7 +120,7 @@ export const quotecss = css` font-size: 40px; line-height: 48px; text-align: center; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; margin: 0; } @@ -138,7 +138,7 @@ export const quotecss = css` font-size: 16px; line-height: 19px; text-align: center; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } } `; @@ -148,7 +148,7 @@ export const bestDecisioncss = css` font-size: 48px; line-height: 58px; text-align: center; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; color: #231d2c; margin: 0; margin-bottom: 36px; diff --git a/src/app/modules/home-module/sub-modules/pricing/components/features.tsx b/src/app/modules/home-module/sub-modules/pricing/components/features.tsx index 22ae91049..eb0185071 100644 --- a/src/app/modules/home-module/sub-modules/pricing/components/features.tsx +++ b/src/app/modules/home-module/sub-modules/pricing/components/features.tsx @@ -291,7 +291,8 @@ const Features = () => { align-items: center; text-transform: uppercase; font-size: 10px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", + sans-serif; } `} > diff --git a/src/app/modules/home-module/sub-modules/why-dx/components/keyFeaturesBlock.tsx b/src/app/modules/home-module/sub-modules/why-dx/components/keyFeaturesBlock.tsx index 4c7ff4831..7d9d4f2c2 100644 --- a/src/app/modules/home-module/sub-modules/why-dx/components/keyFeaturesBlock.tsx +++ b/src/app/modules/home-module/sub-modules/why-dx/components/keyFeaturesBlock.tsx @@ -25,13 +25,13 @@ export default function KeyFeaturesBlock() { font-size: 36px; line-height: 20px; font-weight: 350; - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; margin-bottom: 25px; margin-top: 0; color: #231d2c; } p :nth-of-type(2) { - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; font-weight: 350; line-height: 30px; letter-spacing: 0.5px; diff --git a/src/app/modules/home-module/sub-modules/why-dx/components/tryUsBlock.tsx b/src/app/modules/home-module/sub-modules/why-dx/components/tryUsBlock.tsx index 4c523ebe9..945bac068 100644 --- a/src/app/modules/home-module/sub-modules/why-dx/components/tryUsBlock.tsx +++ b/src/app/modules/home-module/sub-modules/why-dx/components/tryUsBlock.tsx @@ -14,7 +14,7 @@ export default function TryUsBlock() {

@@ -54,7 +54,7 @@ export default function TryUsBlock() { css={` font-size: 24px; color: #f4f4f4; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; `} > Dataxplorer turns data into impact  diff --git a/src/app/modules/home-module/sub-modules/why-dx/style.ts b/src/app/modules/home-module/sub-modules/why-dx/style.ts index 73665a146..b7d1e9d9e 100644 --- a/src/app/modules/home-module/sub-modules/why-dx/style.ts +++ b/src/app/modules/home-module/sub-modules/why-dx/style.ts @@ -9,12 +9,12 @@ export const benefitscss = css` line-height: 43px; text-align: center; color: #000000; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; margin-bottom: 66px; margin-top: 0px; } h3 { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-weight: 400; font-size: 40px; line-height: 48px; @@ -25,7 +25,7 @@ export const benefitscss = css` font-size: 20px; line-height: 24px; /* width: 90%; */ - font-family: "GothamNarrow-Medium", sans-serif; + font-family: "GothamNarrow-Medium", "Helvetica Neue", sans-serif; margin-top: 14px; } `; diff --git a/src/app/modules/onboarding-module/component/card/index.tsx b/src/app/modules/onboarding-module/component/card/index.tsx index 0532af9a0..03c2bd26d 100644 --- a/src/app/modules/onboarding-module/component/card/index.tsx +++ b/src/app/modules/onboarding-module/component/card/index.tsx @@ -98,7 +98,7 @@ export default function AuthCard(props: { isLogin?: boolean }) { css={` color: #231d2c; font-size: 12px; - font-family: "GothamNarrow-Book"; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; `} > I agree with DX's{" "} diff --git a/src/app/modules/onboarding-module/component/card/style.ts b/src/app/modules/onboarding-module/component/card/style.ts index f824f1daa..0df5d01fb 100644 --- a/src/app/modules/onboarding-module/component/card/style.ts +++ b/src/app/modules/onboarding-module/component/card/style.ts @@ -9,7 +9,7 @@ export const socialloginbuttoncss = css` padding: 6px 0; font-size: 14px; cursor: pointer; - font-family: "GothamNarrow-Book"; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; line-height: 20px; border: 1px solid #231d2c; border-radius: 10px; diff --git a/src/app/modules/onboarding-module/component/splibar/index.tsx b/src/app/modules/onboarding-module/component/splibar/index.tsx index e81e0dc58..d2c01266f 100644 --- a/src/app/modules/onboarding-module/component/splibar/index.tsx +++ b/src/app/modules/onboarding-module/component/splibar/index.tsx @@ -32,7 +32,7 @@ export default function SplitBar(props: Props) {

{props.leftLabel} @@ -48,7 +48,7 @@ export default function SplitBar(props: Props) {
{props.rightLabel} diff --git a/src/app/modules/onboarding-module/index.tsx b/src/app/modules/onboarding-module/index.tsx index 0fe46eaa1..520aeb9df 100644 --- a/src/app/modules/onboarding-module/index.tsx +++ b/src/app/modules/onboarding-module/index.tsx @@ -53,7 +53,7 @@ export default function Onboarding() { font-size: 24px; font-weight: 700; font-style: normal; - font-family: "GothamNarrow-Bold"; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; padding: 0; margin: 0; `} diff --git a/src/app/modules/report-module/components/chart-wrapper/index.tsx b/src/app/modules/report-module/components/chart-wrapper/index.tsx index 11197beb3..d6c7782d4 100644 --- a/src/app/modules/report-module/components/chart-wrapper/index.tsx +++ b/src/app/modules/report-module/components/chart-wrapper/index.tsx @@ -143,7 +143,7 @@ export function ReportChartWrapper(props: Props) { font-size: ${parseInt(props.width) > 250 ? "14px" : "10px"}; line-height: 15px; font-weight: bold; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; text-align: center; `} > @@ -210,7 +210,7 @@ export function ReportChartWrapper(props: Props) { css={` margin: 0; margin-bottom: 12px; - font-family: "GothamNarrow-bold", sans-serif; + font-family: "GothamNarrow-bold", "Helvetica Neue", sans-serif; font-size: 14px; color: #231d2c; letter-spacing: 0.5px; diff --git a/src/app/modules/report-module/components/reportSubHeaderToolbar/autoSaveSwitch/style.css b/src/app/modules/report-module/components/reportSubHeaderToolbar/autoSaveSwitch/style.css index 64633b05a..9b645c064 100644 --- a/src/app/modules/report-module/components/reportSubHeaderToolbar/autoSaveSwitch/style.css +++ b/src/app/modules/report-module/components/reportSubHeaderToolbar/autoSaveSwitch/style.css @@ -115,7 +115,7 @@ #button-13 .knobs:after { content: "OFF"; right: 4px; - font-family: "GothamNarrow-Light", sans-serif; + font-family: "GothamNarrow-Light", "Helvetica Neue", sans-serif; } #button-13 .knobs span { diff --git a/src/app/modules/report-module/components/reportSubHeaderToolbar/index.tsx b/src/app/modules/report-module/components/reportSubHeaderToolbar/index.tsx index df29e7e1d..7a6dd1422 100644 --- a/src/app/modules/report-module/components/reportSubHeaderToolbar/index.tsx +++ b/src/app/modules/report-module/components/reportSubHeaderToolbar/index.tsx @@ -330,7 +330,8 @@ export function ReportSubheaderToolbar(

({ fontSize: "14px", borderRadius: "0px", backgroundColor: "#C7CDD1", - fontFamily: "GothamNarrow-Bold, sans-serif", + fontFamily: "GothamNarrow-Bold, 'Helvetica Neue', sans-serif", "&:first-child": { borderRight: "1px solid #f1f3f5", }, @@ -98,7 +98,7 @@ const Button = withStyles(() => ({ color: "#fff", fontSize: "14px", textTransform: "none", - fontFamily: "GothamNarrow-Book, sans-serif", + fontFamily: "GothamNarrow-Book, 'Helvetica Neue', sans-serif", }, }))(MuiButton); @@ -1224,7 +1224,7 @@ function CreateChartCard(props: {

Added diff --git a/src/app/modules/report-module/components/use-report-panel/index.tsx b/src/app/modules/report-module/components/use-report-panel/index.tsx index 7d8c346bf..f22e15a53 100644 --- a/src/app/modules/report-module/components/use-report-panel/index.tsx +++ b/src/app/modules/report-module/components/use-report-panel/index.tsx @@ -43,7 +43,7 @@ function ReportUsePanel() { font-style: normal; font-weight: 400; line-height: normal; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; color: #fff; `} > @@ -58,7 +58,7 @@ function ReportUsePanel() { font-style: normal; font-weight: 325; line-height: normal; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; margin-top: 12.03px; color: #fff; `} diff --git a/src/app/modules/report-module/sub-module/components/headerBlock/style.ts b/src/app/modules/report-module/sub-module/components/headerBlock/style.ts index 4ab138de4..ca70ea4ea 100644 --- a/src/app/modules/report-module/sub-module/components/headerBlock/style.ts +++ b/src/app/modules/report-module/sub-module/components/headerBlock/style.ts @@ -16,7 +16,7 @@ export const headerBlockcss = { outline: none; font-size: 28.9px; font-weight: 400; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; line-height: 48px; background: inherit; padding-left: 0px; diff --git a/src/app/modules/report-module/sub-module/rowStructure/addRowFrameButton.tsx b/src/app/modules/report-module/sub-module/rowStructure/addRowFrameButton.tsx index 9a30758b6..ff1f1ece2 100644 --- a/src/app/modules/report-module/sub-module/rowStructure/addRowFrameButton.tsx +++ b/src/app/modules/report-module/sub-module/rowStructure/addRowFrameButton.tsx @@ -77,7 +77,7 @@ export default function AddRowFrameButton(props: Props) { background-color: #626262; border-radius: 4px; font-size: 12px; - font-family: "GothamNarrow-Book"; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; display: flex; justify-content: center; align-items: center; diff --git a/src/app/modules/report-module/sub-module/rowStructure/index.tsx b/src/app/modules/report-module/sub-module/rowStructure/index.tsx index 82e8e07d1..95d375d41 100644 --- a/src/app/modules/report-module/sub-module/rowStructure/index.tsx +++ b/src/app/modules/report-module/sub-module/rowStructure/index.tsx @@ -508,7 +508,7 @@ export default function RowFrame(props: RowFrameProps) { css={` margin-bottom: 0; color: #000; - font-family: "GothamNarrow-bold", sans-serif; + font-family: "GothamNarrow-bold", "Helvetica Neue", sans-serif; `} > Select your row structure diff --git a/src/app/modules/report-module/views/ai-template/index.tsx b/src/app/modules/report-module/views/ai-template/index.tsx index c77085294..9e6ac14b3 100644 --- a/src/app/modules/report-module/views/ai-template/index.tsx +++ b/src/app/modules/report-module/views/ai-template/index.tsx @@ -134,7 +134,8 @@ export default function AITemplate() { padding-left: 10px; color: #e75656; p { - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", + sans-serif; text-align: left; display: flex; align-items: center; diff --git a/src/app/modules/report-module/views/ai-template/style.ts b/src/app/modules/report-module/views/ai-template/style.ts index 76bf559f1..a0d01be99 100644 --- a/src/app/modules/report-module/views/ai-template/style.ts +++ b/src/app/modules/report-module/views/ai-template/style.ts @@ -20,7 +20,7 @@ export const newsletterIllustrationcss = css` } p { font-size: 18px; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; color: #231d2c; margin-top: 44px; margin-bottom: 24px; @@ -54,10 +54,10 @@ export const subscribedcss = css` font-size: 18px; line-height: 22px; color: #231d2c; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; } p { - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; text-align: center; } @@ -89,7 +89,7 @@ export const notSubscribedcss = (error: boolean) => css` font-weight: 325; font-size: 14px; line-height: 17px; - font-family: "GothamNarrow-Book", sans-serif; + font-family: "GothamNarrow-Book", "Helvetica Neue", sans-serif; } input { background: #f7f7f7; diff --git a/src/app/modules/report-module/views/initial/index.tsx b/src/app/modules/report-module/views/initial/index.tsx index fa6a7369c..d6e8f556a 100644 --- a/src/app/modules/report-module/views/initial/index.tsx +++ b/src/app/modules/report-module/views/initial/index.tsx @@ -134,7 +134,7 @@ function ReportInitialView(props: Readonly) { font-size: 18px; line-height: 22px; color: #000000; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; `} > Explore or duplicate reports diff --git a/src/app/modules/user-profile-module/style.ts b/src/app/modules/user-profile-module/style.ts index 724d8725d..29c5f7ca1 100644 --- a/src/app/modules/user-profile-module/style.ts +++ b/src/app/modules/user-profile-module/style.ts @@ -65,7 +65,7 @@ export const avicss = css` align-items: center; border-radius: 50%; justify-self: flex-start; - font-family: "GothamNarrow-Bold", sans-serif; + font-family: "GothamNarrow-Bold", "Helvetica Neue", sans-serif; font-size: 22.0606px; line-height: 32px; b {