more renaming that did not get caught

digdir · Jun 7, 2024 · 24109a8 · 24109a8
1 parent c8fa464
commit 24109a8
Show file tree

Hide file tree

Showing 11 changed files with 24 additions and 24 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -42,6 +42,6 @@ import '@digdir/designsystemet-theme/brand/altinn/tokens.css';
 
 ```css
 div {
-  padding: var(--fds-spacing-1);
+  padding: var(--ds-spacing-1);
 }
 ```
-Original file line number
+Diff line change
@@ Expand Up @@
     ```css
     div {
-      padding: var(--fds-spacing-1);
+      padding: var(--ds-spacing-1);
     }
     ```