feat: new border-radius tokens (#2497)

Closes #2476 --------- Co-authored-by: Michael Marszalek <[email protected]> Co-authored-by: Une Sofie Kinn Ekroll <[email protected]>
digdir · Oct 22, 2024 · 5f51c95 · 5f51c95
1 parent ce5b845
commit 5f51c95
Show file tree

Hide file tree

Showing 56 changed files with 8,210 additions and 8,390 deletions.
diff --git a/.changeset/three-moles-attack.md b/.changeset/three-moles-attack.md
@@ -0,0 +1,7 @@
+---
+"@digdir/designsystemet-theme": minor
+"@digdir/designsystemet": minor
+"@digdir/designsystemet-css": minor
+---
+
+Implemented a more flexible system of semantic border-radius tokens.
diff --git a/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css b/apps/storefront/app/bloggen/_components/Contributors/Contributors.module.css
@@ -10,7 +10,7 @@
   margin: 0 auto;
   margin-top: var(--ds-spacing-18);
   padding: var(--ds-spacing-10);
-  border-radius: var(--ds-border-radius-2xl);
+  border-radius: var(--ds-border-radius-lg);
   border: 1px solid var(--ds-color-neutral-border-subtle);
 }
 

diff --git a/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css b/apps/storefront/app/bloggen/_components/PostLayout/PostLayout.module.css
@@ -88,7 +88,7 @@
 
 .wantToWrite {
   margin-top: var(--ds-spacing-12);
-  border-radius: var(--ds-border-radius-2xl);
+  border-radius: var(--ds-border-radius-lg);
   background: var(--ds-color-brand1-surface-default);
   color: var(--ds-color-brand1-text-default);
   padding: var(--ds-spacing-8);

diff --git a/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css b/apps/storefront/layouts/MenuPageLayout/MenuPageLayout.module.css
@@ -27,7 +27,7 @@
   margin-bottom: var(--ds-spacing-6);
   padding: var(--ds-spacing-10);
   width: 100%;
-  border-radius: var(--ds-border-radius-xl);
+  border-radius: var(--ds-border-radius-lg);
   background-color: var(--ds-color-neutral-background-subtle);
 }