From 24109a8b36ce86c4a9ade5db130cc8e9e31c3091 Mon Sep 17 00:00:00 2001
From: Barsnes <tobias.barsnes@digdir.no>
Date: Fri, 7 Jun 2024 10:04:09 +0200
Subject: [PATCH] more renaming that did not get caught

---
 .../DoAndDont/DoAndDont.module.css               | 16 ++++++++--------
 apps/storybook/docs-components/Stack/Stack.tsx   |  2 +-
 apps/theme/app/globals.css                       |  2 +-
 .../CodeSnippet/CodeSnippet.module.css           |  2 +-
 .../components/TokenModal/TokenModal.module.css  |  2 +-
 packages/Overview.mdx                            |  6 +++---
 packages/css/accordion.css                       |  2 +-
 packages/css/popover.css                         |  2 +-
 packages/css/skeleton.css                        |  4 ++--
 packages/css/spinner.css                         |  8 ++++----
 packages/theme/README.md                         |  2 +-
 11 files changed, 24 insertions(+), 24 deletions(-)

diff --git a/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css b/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css
index 742fde8d75..19e732f397 100644
--- a/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css
+++ b/apps/storybook/docs-components/DoAndDont/DoAndDont.module.css
@@ -2,13 +2,13 @@
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  background-color: var(--fds-semantic-background-subtle);
+  background-color: var(--ds-color-neutral-background-subtle);
   padding: 24px;
-  width: calc(50% - (var(--fds-spacing-4) / 2));
+  width: calc(50% - (var(--ds-spacing-4) / 2));
   height: 100%;
   border-bottom: 10px solid var(--color);
-  border-radius: var(--fds-spacing-1);
-  box-shadow: var(--fds-shadow-medium);
+  border-radius: var(--ds-spacing-1);
+  box-shadow: var(--ds-shadow-md);
   margin: 0;
 }
 
@@ -24,11 +24,11 @@
 }
 
 .dont {
-  --color: var(--fds-semantic-surface-danger-default);
+  --color: var(--ds-color-danger-base-default);
 }
 
 .do {
-  --color: var(--fds-semantic-surface-success-default);
+  --color: var(--ds-color-success-base-default);
 }
 
 .header {
@@ -53,8 +53,8 @@
 }
 
 .description {
-  color: var(--fds-semantic-text-neutral-default);
-  margin: var(--fds-spacing-4) 0;
+  color: var(--ds-color-neutral-text-default);
+  margin: var(--ds-spacing-4) 0;
 }
 
 .imageWrapper {
diff --git a/apps/storybook/docs-components/Stack/Stack.tsx b/apps/storybook/docs-components/Stack/Stack.tsx
index b752b52ee6..9bef2655ab 100644
--- a/apps/storybook/docs-components/Stack/Stack.tsx
+++ b/apps/storybook/docs-components/Stack/Stack.tsx
@@ -4,7 +4,7 @@ import classes from './Stack.module.css';
 
 export const Stack = ({
   style,
-  gap = 'var(--fds-spacing-4)',
+  gap = 'var(--ds-spacing-4)',
   direction = 'row',
   wrap = 'wrap',
   ...rest
diff --git a/apps/theme/app/globals.css b/apps/theme/app/globals.css
index 563d5e46fd..d2e1154a43 100644
--- a/apps/theme/app/globals.css
+++ b/apps/theme/app/globals.css
@@ -9,7 +9,7 @@ body {
   color: #1e2b3c;
 }
 
-.fds-switch-input-9a6b03bc:checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc .fds-switch-thumb-9a6b03bc {
+.ds-switch-input-9a6b03bc:checked + .ds-switch-label-9a6b03bc .ds-switch-track-9a6b03bc .ds-switch-thumb-9a6b03bc {
   background-image: none;
 }
 
diff --git a/apps/theme/components/CodeSnippet/CodeSnippet.module.css b/apps/theme/components/CodeSnippet/CodeSnippet.module.css
index 0eb95b90d7..a938895611 100644
--- a/apps/theme/components/CodeSnippet/CodeSnippet.module.css
+++ b/apps/theme/components/CodeSnippet/CodeSnippet.module.css
@@ -29,7 +29,7 @@
   justify-content: center;
   background-color: #3b434d;
   color: white;
-  border-radius: var(--fds-border_radius-medium);
+  border-radius: var(--ds-border-radius-md);
   border: none;
   transition: 0.15s all;
   cursor: pointer;
diff --git a/apps/theme/components/TokenModal/TokenModal.module.css b/apps/theme/components/TokenModal/TokenModal.module.css
index ff10d379e4..d12bfccb37 100644
--- a/apps/theme/components/TokenModal/TokenModal.module.css
+++ b/apps/theme/components/TokenModal/TokenModal.module.css
@@ -9,7 +9,7 @@
   background-color: white;
   padding: 24px;
   border-radius: 8px;
-  box-shadow: var(--fds-shadow-small);
+  box-shadow: var(--ds-shadow-sm);
   border: 1px solid #f3f3f3;
 }
 
diff --git a/packages/Overview.mdx b/packages/Overview.mdx
index 45c7cac190..b1682d4416 100644
--- a/packages/Overview.mdx
+++ b/packages/Overview.mdx
@@ -8,7 +8,7 @@ import { Card, Heading } from './react';
   src='/img/storybook-overview.png'
   alt='Designsystemets storybook'
   style={{
-    marginBottom: 'var(--fds-spacing-12)',
+    marginBottom: 'var(--ds-spacing-12)',
   }}
 />
 
@@ -21,8 +21,8 @@ som kan brukes til å videreutvikle og lage mer avanserte og sammensatte kompone
   style={{
     display: 'grid',
     gridTemplateColumns: 'repeat(auto-fill, minmax(400px, 1fr))',
-    gap: 'var(--fds-spacing-4)',
-    marginBottom: 'var(--fds-spacing-12)',
+    gap: 'var(--ds-spacing-4)',
+    marginBottom: 'var(--ds-spacing-12)',
   }}
 >
   <Card
diff --git a/packages/css/accordion.css b/packages/css/accordion.css
index 5ef3e66c2c..005d496c48 100644
--- a/packages/css/accordion.css
+++ b/packages/css/accordion.css
@@ -1,7 +1,7 @@
 @layer ds.accordion {
   .ds-accordion {
     --dsc-accordion-border-radius: var(--ds-border-radius-md);
-    --dsc-accordion-border-color: var(--ds-color-neutral-border-subtle);
+    --dsc-accordion-border-color: var(--ds-color-neutral-border-subtle);*
     --dsc-accordion-border-divider-color: var(--ds-color-neutral-border-subtle);
 
     border-bottom: 1px solid var(--ds-color-neutral-border-subtle);
diff --git a/packages/css/popover.css b/packages/css/popover.css
index fbd11dfd92..5ac89d63c2 100644
--- a/packages/css/popover.css
+++ b/packages/css/popover.css
@@ -1,4 +1,4 @@
-@layer ds.fds-popover {
+@layer ds.popover {
   .ds-popover {
     --dsc-popover-border: 1px solid;
     --dsc-popover-background: var(--ds-color-neutral-background-default);
diff --git a/packages/css/skeleton.css b/packages/css/skeleton.css
index 62b0b01127..e19943dc61 100644
--- a/packages/css/skeleton.css
+++ b/packages/css/skeleton.css
@@ -6,7 +6,7 @@
     pointer-events: none;
     user-select: none;
     background-color: var(--ds-color-neutral-surface-default);
-    animation: fds-skeleton-opacity-fade var(--dsc-skeleton-animation-duration) linear infinite alternate;
+    animation: ds-skeleton-opacity-fade var(--dsc-skeleton-animation-duration) linear infinite alternate;
   }
 
   .ds-skeleton--circle {
@@ -47,7 +47,7 @@
     }
   }
 
-  @keyframes fds-skeleton-opacity-fade {
+  @keyframes ds-skeleton-opacity-fade {
     0% {
       opacity: 1;
     }
diff --git a/packages/css/spinner.css b/packages/css/spinner.css
index 6231df3639..8e26defe4c 100644
--- a/packages/css/spinner.css
+++ b/packages/css/spinner.css
@@ -1,13 +1,13 @@
 @layer ds.spinner {
   .ds-spinner {
-    animation: fds-spinner-rotate-animation linear infinite;
+    animation: ds-spinner-rotate-animation linear infinite;
     animation-duration: 2s;
   }
 
   .ds-spinner__circle {
     stroke-dasharray: 1px, 200px;
     transform-origin: center;
-    animation: fds-spinner-stroke-animation ease-in-out infinite;
+    animation: ds-spinner-stroke-animation ease-in-out infinite;
     animation-duration: 2s;
   }
 
@@ -36,7 +36,7 @@
     stroke: var(--ds-color-neutral-surface-default);
   }
 
-  @keyframes fds-spinner-rotate-animation {
+  @keyframes ds-spinner-rotate-animation {
     0% {
       transform: rotate(0deg);
     }
@@ -46,7 +46,7 @@
     }
   }
 
-  @keyframes fds-spinner-stroke-animation {
+  @keyframes ds-spinner-stroke-animation {
     0% {
       stroke-dasharray: 1px, 200px;
       stroke-dashoffset: 0;
diff --git a/packages/theme/README.md b/packages/theme/README.md
index 57e2de3df5..7f18b5c402 100644
--- a/packages/theme/README.md
+++ b/packages/theme/README.md
@@ -42,6 +42,6 @@ import '@digdir/designsystemet-theme/brand/altinn/tokens.css';
 
 ```css
 div {
-  padding: var(--fds-spacing-1);
+  padding: var(--ds-spacing-1);
 }
 ```