feat(Typography): change sbanken bold to medium (#2808)

Changed all uses of bold to medium in sbanken theme
dnbexperience · Nov 9, 2023 · 4b0f930 · 4b0f930
1 parent 1571138
commit 4b0f930
Show file tree

Hide file tree

Showing 137 changed files with 18 additions and 16 deletions.
diff --git a/packages/dnb-design-system-portal/src/docs/uilib/elements/paragraph/Examples.tsx b/packages/dnb-design-system-portal/src/docs/uilib/elements/paragraph/Examples.tsx
@@ -207,7 +207,7 @@ export function ParagraphRegressionTests() {
   }
 
   return (
-    <ComponentBox scope={{ PWrap }} data-visual-test={'paragraph-sizes'}>
+    <ComponentBox scope={{ PWrap }} data-visual-test="paragraph-sizes">
       <PWrap customSize="default" />
       <PWrap size="xx-large" />
       <PWrap size="x-large" />

diff --git a/packages/dnb-design-system-portal/src/e2e/typography.spec.ts b/packages/dnb-design-system-portal/src/e2e/typography.spec.ts
@@ -168,7 +168,7 @@ test.describe('Typography for Sbanken', () => {
     const element = page
       .locator('.typography-box > .dnb-typo-bold')
       .first()
-    await expect(element).toHaveCSS('font-weight', '700')
+    await expect(element).toHaveCSS('font-weight', '500')
   })
 
   test('examples should not have paragraphs inside headings', async ({

diff --git a/...nb-eufemia/scripts/prebuild/tasks/__tests__/__snapshots__/makePropertiesFile.test.ts.snap b/...nb-eufemia/scripts/prebuild/tasks/__tests__/__snapshots__/makePropertiesFile.test.ts.snap
@@ -100,8 +100,8 @@ export default {
   '--font-weight-default': 'normal',
   '--font-weight-basis': 'normal',
   '--font-weight-regular': 'normal',
-  '--font-weight-medium': 'var(--sb-font-weight-bold)',
-  '--font-weight-bold': '600',
+  '--font-weight-medium': 'var(--sb-font-weight-medium)',
+  '--font-weight-bold': 'var(--sb-font-weight-bold)',
   '--font-size-x-small': 'var(--sb-font-size-x-small)',
   '--font-size-small': 'var(--sb-font-size-small)',
   '--font-size-basis': 'var(--sb-font-size-basis)',

diff --git a/...__image_snapshots__/accordion-for-sbanken-have-to-match-disabled-state.snap.png b/...__image_snapshots__/accordion-for-sbanken-have-to-match-disabled-state.snap.png
diff --git a/..._image_snapshots__/accordion-for-sbanken-have-to-match-in-closed-state.snap.png b/..._image_snapshots__/accordion-for-sbanken-have-to-match-in-closed-state.snap.png
diff --git a/...__image_snapshots__/accordion-for-sbanken-have-to-match-in-first-state.snap.png b/...__image_snapshots__/accordion-for-sbanken-have-to-match-in-first-state.snap.png
diff --git a/...e_snapshots__/accordion-for-sbanken-have-to-match-in-nested-accordions.snap.png b/...e_snapshots__/accordion-for-sbanken-have-to-match-in-nested-accordions.snap.png
diff --git a/...apshots__/accordion-for-sbanken-have-to-match-in-open-state-with-focus.snap.png b/...apshots__/accordion-for-sbanken-have-to-match-in-open-state-with-focus.snap.png
diff --git a/..._image_snapshots__/accordion-for-sbanken-have-to-match-in-second-state.snap.png b/..._image_snapshots__/accordion-for-sbanken-have-to-match-in-second-state.snap.png
diff --git a/...age_snapshots__/accordion-for-sbanken-have-to-match-with-large-content.snap.png b/...age_snapshots__/accordion-for-sbanken-have-to-match-with-large-content.snap.png
diff --git a/...age_snapshots__/accordion-for-sbanken-have-to-match-with-plain-variant.snap.png b/...age_snapshots__/accordion-for-sbanken-have-to-match-with-plain-variant.snap.png
diff --git a/packages/dnb-eufemia/src/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss b/packages/dnb-eufemia/src/components/accordion/style/themes/dnb-accordion-theme-sbanken.scss
@@ -112,7 +112,7 @@
     --accordion-frame-width--active: 0.125rem;
 
     > .dnb-accordion__header {
-      font-weight: var(--sb-font-weight-bold);
+      font-weight: var(--font-weight-medium);
     }
 
     // disabled

diff --git a/...__image_snapshots__/anchor-for-sbanken-have-to-match-anchor-in-heading.snap.png b/...__image_snapshots__/anchor-for-sbanken-have-to-match-anchor-in-heading.snap.png
diff --git a/...age_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-icon-left.snap.png b/...age_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-icon-left.snap.png
diff --git a/...age_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-icon-node.snap.png b/...age_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-icon-node.snap.png
diff --git a/...ge_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-icon-right.snap.png b/...ge_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-icon-right.snap.png
diff --git a/...age_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-paragraph.snap.png b/...age_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-paragraph.snap.png
diff --git a/...mage_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-skeleton.snap.png b/...mage_snapshots__/anchor-for-sbanken-have-to-match-anchor-with-skeleton.snap.png
diff --git a/...__/__image_snapshots__/anchor-for-sbanken-have-to-match-breaking-lines.snap.png b/...__/__image_snapshots__/anchor-for-sbanken-have-to-match-breaking-lines.snap.png
diff --git a/.../__image_snapshots__/anchor-for-sbanken-have-to-match-the-active-state.snap.png b/.../__image_snapshots__/anchor-for-sbanken-have-to-match-the-active-state.snap.png
diff --git a/...ts__/anchor-for-sbanken-have-to-match-the-anchor-contrast-active-state.snap.png b/...ts__/anchor-for-sbanken-have-to-match-the-anchor-contrast-active-state.snap.png
diff --git a/...s__/anchor-for-sbanken-have-to-match-the-anchor-contrast-default-state.snap.png b/...s__/anchor-for-sbanken-have-to-match-the-anchor-contrast-default-state.snap.png
diff --git a/...ots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-focus-state.snap.png b/...ots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-focus-state.snap.png
diff --git a/...ots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-hover-state.snap.png b/...ots__/anchor-for-sbanken-have-to-match-the-anchor-contrast-hover-state.snap.png
diff --git a/...__image_snapshots__/anchor-for-sbanken-have-to-match-the-default-state.snap.png b/...__image_snapshots__/anchor-for-sbanken-have-to-match-the-default-state.snap.png
diff --git a/...pshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-active.snap.png b/...pshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-active.snap.png
diff --git a/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-class.snap.png b/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-class.snap.png
diff --git a/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-focus.snap.png b/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-focus.snap.png
diff --git a/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-hover.snap.png b/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-inline-hover.snap.png
diff --git a/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-no-underline.snap.png b/...apshots__/anchor-for-sbanken-have-to-match-the-dnb-anchor-no-underline.snap.png
diff --git a/..._/__image_snapshots__/anchor-for-sbanken-have-to-match-the-focus-state.snap.png b/..._/__image_snapshots__/anchor-for-sbanken-have-to-match-the-focus-state.snap.png
diff --git a/...anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-hover.snap.png b/...anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-hover.snap.png
diff --git a/...anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-style.snap.png b/...anchor-for-sbanken-have-to-match-the-hover-state-for-modifier-no-style.snap.png
diff --git a/..._/__image_snapshots__/anchor-for-sbanken-have-to-match-the-hover-state.snap.png b/..._/__image_snapshots__/anchor-for-sbanken-have-to-match-the-hover-state.snap.png
diff --git a/..._image_snapshots__/anchor-for-sbanken-have-to-match-the-preview-states.snap.png b/..._image_snapshots__/anchor-for-sbanken-have-to-match-the-preview-states.snap.png
diff --git a/...-target-blank-for-sbanken-have-to-match-blank-target-anchor-in-heading.snap.png b/...-target-blank-for-sbanken-have-to-match-blank-target-anchor-in-heading.snap.png
diff --git a/...hor-target-blank-for-sbanken-have-to-match-blank-target-with-icon-left.snap.png b/...hor-target-blank-for-sbanken-have-to-match-blank-target-with-icon-left.snap.png
diff --git a/..._/anchor-target-blank-for-sbanken-have-to-match-the-target-blank-state.snap.png b/..._/anchor-target-blank-for-sbanken-have-to-match-the-target-blank-state.snap.png
diff --git a/...et-blank-for-sbanken-have-to-match-the-target-blank-with-href-protocol.snap.png b/...et-blank-for-sbanken-have-to-match-the-target-blank-with-href-protocol.snap.png
diff --git a/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap b/packages/dnb-eufemia/src/components/anchor/__tests__/__snapshots__/Anchor.test.tsx.snap
@@ -513,7 +513,7 @@ exports[`Anchor scss has to match theme css for sbanken 1`] = `
   --anchor-underline-thickness: 0.125rem;
   --anchor-background: transparent;
   --anchor-color--contrast: var(--sb-color-text);
-  font-weight: var(--sb-font-weight-bold);
+  font-weight: var(--font-weight-medium);
   color: var(--sb-color-gray-dark-3);
   text-decoration-color: var(--sb-color-green-dark);
   padding: 0.15625em 0;
@@ -597,7 +597,7 @@ exports[`Anchor scss has to match theme css for sbanken 1`] = `
     --anchor-underline-thickness: 0.125rem;
     --anchor-background: transparent;
     --anchor-color--contrast: var(--sb-color-text);
-    font-weight: var(--sb-font-weight-bold);
+    font-weight: var(--font-weight-medium);
     color: var(--sb-color-gray-dark-3);
     text-decoration-color: var(--sb-color-green-dark);
     padding: 0.15625em 0;

diff --git a/packages/dnb-eufemia/src/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss b/packages/dnb-eufemia/src/components/anchor/style/themes/dnb-anchor-theme-sbanken.scss
@@ -47,8 +47,7 @@
     --anchor-background: transparent;
     --anchor-color--contrast: var(--sb-color-text);
 
-    // Has to use --sb-font-weight-bold to get correct weighting as --sb-font-weight-medium does nothing at the moment
-    font-weight: var(--sb-font-weight-bold);
+    font-weight: var(--font-weight-medium);
     color: var(--sb-color-gray-dark-3);
     text-decoration-color: var(--sb-color-green-dark);
     padding: 0.15625em 0;

diff --git a/..._/avatar-for-sbanken-grouping-have-to-match-grouping-of-medium-avatars.snap.png b/..._/avatar-for-sbanken-grouping-have-to-match-grouping-of-medium-avatars.snap.png
diff --git a/...__/avatar-for-sbanken-grouping-have-to-match-grouping-of-small-avatars.snap.png b/...__/avatar-for-sbanken-grouping-have-to-match-grouping-of-small-avatars.snap.png
diff --git a/...__image_snapshots__/avatar-for-sbanken-size-have-to-match-default-size.snap.png b/...__image_snapshots__/avatar-for-sbanken-size-have-to-match-default-size.snap.png
diff --git a/.../__image_snapshots__/avatar-for-sbanken-size-have-to-match-medium-size.snap.png b/.../__image_snapshots__/avatar-for-sbanken-size-have-to-match-medium-size.snap.png
diff --git a/..._/__image_snapshots__/avatar-for-sbanken-size-have-to-match-small-size.snap.png b/..._/__image_snapshots__/avatar-for-sbanken-size-have-to-match-small-size.snap.png
diff --git a/...e_snapshots__/avatar-for-sbanken-variant-have-to-match-default-variant.snap.png b/...e_snapshots__/avatar-for-sbanken-variant-have-to-match-default-variant.snap.png
diff --git a/...e_snapshots__/avatar-for-sbanken-variant-have-to-match-primary-variant.snap.png b/...e_snapshots__/avatar-for-sbanken-variant-have-to-match-primary-variant.snap.png
diff --git a/...snapshots__/avatar-for-sbanken-variant-have-to-match-secondary-variant.snap.png b/...snapshots__/avatar-for-sbanken-variant-have-to-match-secondary-variant.snap.png
diff --git a/..._snapshots__/avatar-for-sbanken-variant-have-to-match-tertiary-variant.snap.png b/..._snapshots__/avatar-for-sbanken-variant-have-to-match-tertiary-variant.snap.png
diff --git a/...hots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-collapse-opened.snap.png b/...hots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-collapse-opened.snap.png
diff --git a/...e_snapshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-collapse.snap.png b/...e_snapshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-collapse.snap.png
diff --git a/...napshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-focus-state.snap.png b/...napshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-focus-state.snap.png
diff --git a/...breadcrumb-for-sbanken-have-to-match-breadcrumb-multiple-with-children.snap.png b/...breadcrumb-for-sbanken-have-to-match-breadcrumb-multiple-with-children.snap.png
diff --git a/...e_snapshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-multiple.snap.png b/...e_snapshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-multiple.snap.png
diff --git a/...age_snapshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-single.snap.png b/...age_snapshots__/breadcrumb-for-sbanken-have-to-match-breadcrumb-single.snap.png
diff --git a/...ots__/dialog-for-sbanken-have-to-match-the-cookie-concent-confirmation.snap.png b/...ots__/dialog-for-sbanken-have-to-match-the-cookie-concent-confirmation.snap.png
diff --git a/..._snapshots__/dialog-for-sbanken-have-to-match-the-custom-dialog-window.snap.png b/..._snapshots__/dialog-for-sbanken-have-to-match-the-custom-dialog-window.snap.png
diff --git a/...dialog-for-sbanken-scrollable-content-have-to-match-scrolled-to-bottom.snap.png b/...dialog-for-sbanken-scrollable-content-have-to-match-scrolled-to-bottom.snap.png
diff --git a/..._image_snapshots__/formstatus-for-sbanken-have-to-match-custom-content.snap.png b/..._image_snapshots__/formstatus-for-sbanken-have-to-match-custom-content.snap.png
diff --git a/...status-for-sbanken-have-to-match-the-default-state-with-custom-content.snap.png b/...status-for-sbanken-have-to-match-the-default-state-with-custom-content.snap.png
diff --git a/.../__image_snapshots__/section-for-sbanken-have-to-match-default-section.snap.png b/.../__image_snapshots__/section-for-sbanken-have-to-match-default-section.snap.png
diff --git a/...__/__image_snapshots__/section-for-sbanken-have-to-match-error-section.snap.png b/...__/__image_snapshots__/section-for-sbanken-have-to-match-error-section.snap.png
diff --git a/...s__/__image_snapshots__/section-for-sbanken-have-to-match-info-section.snap.png b/...s__/__image_snapshots__/section-for-sbanken-have-to-match-info-section.snap.png
diff --git a/.../__image_snapshots__/section-for-sbanken-have-to-match-success-section.snap.png b/.../__image_snapshots__/section-for-sbanken-have-to-match-success-section.snap.png
diff --git a/.../__image_snapshots__/section-for-sbanken-have-to-match-warning-section.snap.png b/.../__image_snapshots__/section-for-sbanken-have-to-match-warning-section.snap.png
diff --git a/...__/__image_snapshots__/section-for-sbanken-have-to-match-white-section.snap.png b/...__/__image_snapshots__/section-for-sbanken-have-to-match-white-section.snap.png
diff --git a/...r-sbanken-have-to-match-a-active-sortable-table-header-on-active-state.snap.png b/...r-sbanken-have-to-match-a-active-sortable-table-header-on-active-state.snap.png
diff --git a/...age_snapshots__/table-for-sbanken-have-to-match-a-complex-table-layout.snap.png b/...age_snapshots__/table-for-sbanken-have-to-match-a-complex-table-layout.snap.png
diff --git a/...image_snapshots__/table-for-sbanken-have-to-match-a-fixed-table-layout.snap.png b/...image_snapshots__/table-for-sbanken-have-to-match-a-fixed-table-layout.snap.png
diff --git a/...pshots__/table-for-sbanken-have-to-match-a-row-scope-only-table-layout.snap.png b/...pshots__/table-for-sbanken-have-to-match-a-row-scope-only-table-layout.snap.png
diff --git a/...ts__/table-for-sbanken-have-to-match-a-sortable-table-header-on-active.snap.png b/...ts__/table-for-sbanken-have-to-match-a-sortable-table-header-on-active.snap.png
diff --git a/...ots__/table-for-sbanken-have-to-match-a-sortable-table-header-on-focus.snap.png b/...ots__/table-for-sbanken-have-to-match-a-sortable-table-header-on-focus.snap.png
diff --git a/...ots__/table-for-sbanken-have-to-match-a-sortable-table-header-on-hover.snap.png b/...ots__/table-for-sbanken-have-to-match-a-sortable-table-header-on-hover.snap.png
diff --git a/...e_snapshots__/table-for-sbanken-have-to-match-header-with-wrapped-text.snap.png b/...e_snapshots__/table-for-sbanken-have-to-match-header-with-wrapped-text.snap.png
diff --git a/...ts__/__image_snapshots__/table-for-sbanken-have-to-match-sticky-header.snap.png b/...ts__/__image_snapshots__/table-for-sbanken-have-to-match-sticky-header.snap.png
diff --git a/...__/table-for-sbanken-have-to-match-table-empty-container-head-and-foot.snap.png b/...__/table-for-sbanken-have-to-match-table-empty-container-head-and-foot.snap.png
diff --git a/...image_snapshots__/table-for-sbanken-have-to-match-table-in-medium-size.snap.png b/...image_snapshots__/table-for-sbanken-have-to-match-table-in-medium-size.snap.png
diff --git a/..._image_snapshots__/table-for-sbanken-have-to-match-table-in-small-size.snap.png b/..._image_snapshots__/table-for-sbanken-have-to-match-table-in-small-size.snap.png
diff --git a/...napshots__/table-for-sbanken-have-to-match-table-without-inner-classes.snap.png b/...napshots__/table-for-sbanken-have-to-match-table-without-inner-classes.snap.png
diff --git a/...s__/table-for-sbanken-have-to-match-the-default-choice-of-table-styles.snap.png b/...s__/table-for-sbanken-have-to-match-the-default-choice-of-table-styles.snap.png
diff --git a/...apshots__/table-with-accordion-for-sbanken-have-to-match-default-state.snap.png b/...apshots__/table-with-accordion-for-sbanken-have-to-match-default-state.snap.png
diff --git a/...e-with-accordion-for-sbanken-have-to-match-expanded-state-on-first-row.snap.png b/...e-with-accordion-for-sbanken-have-to-match-expanded-state-on-first-row.snap.png
diff --git a/...table-with-accordion-for-sbanken-have-to-match-focus-state-on-last-row.snap.png b/...table-with-accordion-for-sbanken-have-to-match-focus-state-on-last-row.snap.png
diff --git a/...able-with-accordion-for-sbanken-have-to-match-hover-state-on-first-row.snap.png b/...able-with-accordion-for-sbanken-have-to-match-hover-state-on-first-row.snap.png
diff --git a/...table-with-accordion-for-sbanken-have-to-match-hover-state-on-last-row.snap.png b/...table-with-accordion-for-sbanken-have-to-match-hover-state-on-last-row.snap.png
diff --git a/...napshots__/table-with-skeleton-for-sbanken-have-to-match-default-table.snap.png b/...napshots__/table-with-skeleton-for-sbanken-have-to-match-default-table.snap.png
diff --git a/packages/dnb-eufemia/src/components/table/style/themes/dnb-table-theme-sbanken.scss b/packages/dnb-eufemia/src/components/table/style/themes/dnb-table-theme-sbanken.scss
@@ -26,6 +26,7 @@
   &__th,
   & thead th {
     padding: 0.5rem 1.5rem 0.25rem;
+    font-weight: var(--font-weight-medium);
     background-color: var(--sb-color-white);
   }
 

diff --git a/...snapshots__/tabs-for-sbanken-have-to-match-a-tab-button-in-focus-state.snap.png b/...snapshots__/tabs-for-sbanken-have-to-match-a-tab-button-in-focus-state.snap.png
diff --git a/...pshots__/tabs-for-sbanken-have-to-match-a-tablist-with-a-click-handler.snap.png b/...pshots__/tabs-for-sbanken-have-to-match-a-tablist-with-a-click-handler.snap.png
diff --git a/...image_snapshots__/tabs-for-sbanken-have-to-match-custom-section-styles.snap.png b/...image_snapshots__/tabs-for-sbanken-have-to-match-custom-section-styles.snap.png
diff --git a/...image_snapshots__/tabs-for-sbanken-have-to-match-first-scrollable-tabs.snap.png b/...image_snapshots__/tabs-for-sbanken-have-to-match-first-scrollable-tabs.snap.png
diff --git a/...age_snapshots__/tabs-for-sbanken-have-to-match-horizontal-aligned-tabs.snap.png b/...age_snapshots__/tabs-for-sbanken-have-to-match-horizontal-aligned-tabs.snap.png
diff --git a/...age_snapshots__/tabs-for-sbanken-have-to-match-ignored-scrollable-tabs.snap.png b/...age_snapshots__/tabs-for-sbanken-have-to-match-ignored-scrollable-tabs.snap.png
diff --git a/..._image_snapshots__/tabs-for-sbanken-have-to-match-last-scrollable-tabs.snap.png b/..._image_snapshots__/tabs-for-sbanken-have-to-match-last-scrollable-tabs.snap.png
diff --git a/...ts__/__image_snapshots__/tabs-for-sbanken-have-to-match-max-width-tabs.snap.png b/...ts__/__image_snapshots__/tabs-for-sbanken-have-to-match-max-width-tabs.snap.png
diff --git a/...mage_snapshots__/tabs-for-sbanken-have-to-match-scrollable-tabs-narrow.snap.png b/...mage_snapshots__/tabs-for-sbanken-have-to-match-scrollable-tabs-narrow.snap.png
diff --git a/...s__/__image_snapshots__/tabs-for-sbanken-have-to-match-scrollable-tabs.snap.png b/...s__/__image_snapshots__/tabs-for-sbanken-have-to-match-scrollable-tabs.snap.png
diff --git a/..._snapshots__/tabs-for-sbanken-have-to-match-tabs-with-no-bottom-border.snap.png b/..._snapshots__/tabs-for-sbanken-have-to-match-tabs-with-no-bottom-border.snap.png
diff --git a/..._snapshots__/tabs-for-sbanken-have-to-match-the-tablist-on-focus-state.snap.png b/..._snapshots__/tabs-for-sbanken-have-to-match-the-tablist-on-focus-state.snap.png
diff --git a/...tests__/__image_snapshots__/tabs-for-sbanken-have-to-match-the-tablist.snap.png b/...tests__/__image_snapshots__/tabs-for-sbanken-have-to-match-the-tablist.snap.png
diff --git a/...banken-have-to-match-when-used-with-a-single-children-as-react-element.snap.png b/...banken-have-to-match-when-used-with-a-single-children-as-react-element.snap.png
diff --git a/...tabs-for-sbanken-have-to-match-when-used-with-a-single-element-in-data.snap.png b/...tabs-for-sbanken-have-to-match-when-used-with-a-single-element-in-data.snap.png
diff --git a/...tests__/__image_snapshots__/upload-for-sbanken-have-to-match-file-list.snap.png b/...tests__/__image_snapshots__/upload-for-sbanken-have-to-match-file-list.snap.png
diff --git a/...sts__/__image_snapshots__/upload-for-sbanken-have-to-match-the-default.snap.png b/...sts__/__image_snapshots__/upload-for-sbanken-have-to-match-the-default.snap.png
diff --git a/...__image_snapshots__/upload-for-sbanken-have-to-match-the-loading-state.snap.png b/...__image_snapshots__/upload-for-sbanken-have-to-match-the-loading-state.snap.png
diff --git a/...s__/elements-without-classes-have-to-match-all-the-typography-variants.snap.png b/...s__/elements-without-classes-have-to-match-all-the-typography-variants.snap.png
diff --git a/...s__/blockquote-for-sbanken-have-to-match-blockquote-with-no-background.snap.png b/...s__/blockquote-for-sbanken-have-to-match-blockquote-with-no-background.snap.png
diff --git a/...en-have-to-match-blockquote-with-top-aligned-graphic-and-no-background.snap.png b/...en-have-to-match-blockquote-with-top-aligned-graphic-and-no-background.snap.png
diff --git a/...ockquote-for-sbanken-have-to-match-blockquote-with-top-aligned-graphic.snap.png b/...ockquote-for-sbanken-have-to-match-blockquote-with-top-aligned-graphic.snap.png
diff --git a/...ge_snapshots__/blockquote-for-sbanken-have-to-match-default-blockquote.snap.png b/...ge_snapshots__/blockquote-for-sbanken-have-to-match-default-blockquote.snap.png
diff --git a/...pshots__/blockquote-for-ui-have-to-match-blockquote-with-no-background.snap.png b/...pshots__/blockquote-for-ui-have-to-match-blockquote-with-no-background.snap.png
diff --git a/...__image_snapshots__/blockquote-for-ui-have-to-match-default-blockquote.snap.png b/...__image_snapshots__/blockquote-for-ui-have-to-match-default-blockquote.snap.png
diff --git a/...uote-on-mobile-for-sbanken-have-to-match-blockquote-with-no-background.snap.png b/...uote-on-mobile-for-sbanken-have-to-match-blockquote-with-no-background.snap.png
diff --git a/...en-have-to-match-blockquote-with-top-aligned-graphic-and-no-background.snap.png b/...en-have-to-match-blockquote-with-top-aligned-graphic-and-no-background.snap.png
diff --git a/...n-mobile-for-sbanken-have-to-match-blockquote-with-top-aligned-graphic.snap.png b/...n-mobile-for-sbanken-have-to-match-blockquote-with-top-aligned-graphic.snap.png
diff --git a/...ts__/blockquote-on-mobile-for-sbanken-have-to-match-default-blockquote.snap.png b/...ts__/blockquote-on-mobile-for-sbanken-have-to-match-default-blockquote.snap.png
diff --git a/...shots__/heading-for-sbanken-have-to-match-the-default-heading-examples.snap.png b/...shots__/heading-for-sbanken-have-to-match-the-default-heading-examples.snap.png
diff --git a/...__image_snapshots__/heading-for-sbanken-matches-all-sizes-and-variants.snap.png b/...__image_snapshots__/heading-for-sbanken-matches-all-sizes-and-variants.snap.png
diff --git a/...tests__/__image_snapshots__/heading-for-sbanken-matches-base-component.snap.png b/...tests__/__image_snapshots__/heading-for-sbanken-matches-base-component.snap.png
diff --git a/...__tests__/__image_snapshots__/heading-for-sbanken-matches-basic-levels.snap.png b/...__tests__/__image_snapshots__/heading-for-sbanken-matches-basic-levels.snap.png
diff --git a/.../heading-mobile-for-sbanken-have-to-match-the-default-heading-examples.snap.png b/.../heading-mobile-for-sbanken-have-to-match-the-default-heading-examples.snap.png
diff --git a/..._snapshots__/heading-mobile-for-sbanken-matches-all-sizes-and-variants.snap.png b/..._snapshots__/heading-mobile-for-sbanken-matches-all-sizes-and-variants.snap.png
diff --git a/.../__image_snapshots__/heading-mobile-for-sbanken-matches-base-component.snap.png b/.../__image_snapshots__/heading-mobile-for-sbanken-matches-base-component.snap.png
diff --git a/...__/__image_snapshots__/heading-mobile-for-sbanken-matches-basic-levels.snap.png b/...__/__image_snapshots__/heading-mobile-for-sbanken-matches-basic-levels.snap.png
diff --git a/..._snapshots__/paragraph-for-sbanken-have-to-match-the-paragraph-example.snap.png b/..._snapshots__/paragraph-for-sbanken-have-to-match-the-paragraph-example.snap.png
diff --git a/...ots__/paragraph-for-sbanken-have-to-match-the-paragraph-with-modifiers.snap.png b/...ots__/paragraph-for-sbanken-have-to-match-the-paragraph-with-modifiers.snap.png
diff --git a/...ts__/paragraph-for-sbanken-have-to-match-the-paragraph-with-small-text.snap.png b/...ts__/paragraph-for-sbanken-have-to-match-the-paragraph-with-small-text.snap.png
diff --git a/..._image_snapshots__/paragraph-for-sbanken-matches-all-sizes-and-weights.snap.png b/..._image_snapshots__/paragraph-for-sbanken-matches-all-sizes-and-weights.snap.png
diff --git a/...ots__/typography-for-sbanken-have-to-match-all-the-typography-variants.snap.png b/...ots__/typography-for-sbanken-have-to-match-all-the-typography-variants.snap.png
diff --git a/...ypography-mobile-for-sbanken-have-to-match-all-the-typography-variants.snap.png b/...ypography-mobile-for-sbanken-have-to-match-all-the-typography-variants.snap.png
diff --git a/...apshots__/drawerlist-for-sbanken-have-to-match-the-default-drawer-list.snap.png b/...apshots__/drawerlist-for-sbanken-have-to-match-the-default-drawer-list.snap.png
diff --git a/...apshots__/drawerlist-for-sbanken-have-to-match-the-sbanken-drawer-list.snap.png b/...apshots__/drawerlist-for-sbanken-have-to-match-the-sbanken-drawer-list.snap.png
diff --git a/...__image_snapshots__/helperclasses-for-sbanken-have-to-match-core-style.snap.png b/...__image_snapshots__/helperclasses-for-sbanken-have-to-match-core-style.snap.png
diff --git a/packages/dnb-eufemia/src/style/themes/theme-sbanken/fonts.scss b/packages/dnb-eufemia/src/style/themes/theme-sbanken/fonts.scss
diff --git a/packages/dnb-eufemia/src/style/themes/theme-sbanken/properties.js b/packages/dnb-eufemia/src/style/themes/theme-sbanken/properties.js
@@ -97,8 +97,8 @@ export default {
   '--font-weight-default': 'normal',
   '--font-weight-basis': 'normal',
   '--font-weight-regular': 'normal',
-  '--font-weight-medium': 'var(--sb-font-weight-bold)',
-  '--font-weight-bold': '600',
+  '--font-weight-medium': 'var(--sb-font-weight-medium)',
+  '--font-weight-bold': 'var(--sb-font-weight-bold)',
   '--font-size-x-small': 'var(--sb-font-size-x-small)',
   '--font-size-small': 'var(--sb-font-size-small)',
   '--font-size-basis': 'var(--sb-font-size-basis)',

diff --git a/packages/dnb-eufemia/src/style/themes/theme-sbanken/theme-mapping.scss b/packages/dnb-eufemia/src/style/themes/theme-sbanken/theme-mapping.scss
@@ -14,7 +14,8 @@
   --font-family-default: var(--sb-font-family-default);
 
   // font-weight
-  --font-weight-medium: var(--sb-font-weight-bold);
+  --font-weight-medium: var(--sb-font-weight-medium);
+  --font-weight-bold: var(--sb-font-weight-bold);
 
   // font-size
   --font-size-x-small: var(--sb-font-size-x-small);