docs: adapt docs to new elevation tokens

kiwicom · Aug 13, 2024 · 9fac003 · 9fac003
1 parent 7aaa18c
commit 9fac003
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/docs/src/components/Bookmarks/index.tsx b/docs/src/components/Bookmarks/index.tsx
@@ -29,7 +29,7 @@ const tileMixin = css`
     border-radius: 16px;
     box-sizing: border-box;
     padding: ${theme.orbit.spaceXLarge};
-    box-shadow: ${theme.orbit.boxShadowAction};
+    box-shadow: ${theme.orbit.elevationLevel1BoxShadow};
     > div {
       height: 100%;
       margin-right: ${theme.orbit.spaceXSmall};

diff --git a/docs/src/components/DocLayout/TopBar.tsx b/docs/src/components/DocLayout/TopBar.tsx
@@ -66,7 +66,7 @@ const TopBar = ({
           ? { top: "none", bottom: "XLarge", left: "XLarge", right: "XLarge" }
           : { top: "XLarge", bottom: "XXLarge", left: "XLarge", right: "XLarge" }
       }
-      elevation={noElevation ? undefined : "raised"}
+      elevation={noElevation ? undefined : "level3"}
     >
       {children}
     </StyledProse>

diff --git a/docs/src/components/Palette/ColorContainer.tsx b/docs/src/components/Palette/ColorContainer.tsx
@@ -63,7 +63,7 @@ export const StyledColorContainerWrapper = styled(({ className, children }) => (
     :focus,
     :active {
       transform: scale(1.01);
-      box-shadow: ${theme.orbit.boxShadowRaised};
+      box-shadow: ${theme.orbit.elevationLevel3BoxShadow};
 
       ${StyledCopyWrapper} {
         visibility: visible;

diff --git a/docs/src/components/ReactExample/components/ViewportsRuler.tsx b/docs/src/components/ReactExample/components/ViewportsRuler.tsx
@@ -46,7 +46,7 @@ const StyledCell = styled.button.attrs({ type: "button" })<{
     }
     &:focus {
       outline: none;
-      box-shadow: ${theme.orbit.boxShadowFixed};
+      box-shadow: ${theme.orbit.elevationFixedBoxShadow};
     }
   `}
 `;

diff --git a/docs/src/components/Search/primitives/StyledInputContainer.ts b/docs/src/components/Search/primitives/StyledInputContainer.ts
@@ -3,7 +3,7 @@ import styled from "styled-components";
 const StyledInputContainer = styled.div`
   display: flex;
   position: relative;
-  box-shadow: ${({ theme }) => theme.orbit.boxShadowAction};
+  box-shadow: ${({ theme }) => theme.orbit.elevationLevel1BoxShadow};
   padding: 10px 1.5em;
   border-radius: 100px;
   flex-direction: row;

diff --git a/docs/src/components/Tabs/consts.ts b/docs/src/components/Tabs/consts.ts
@@ -2,5 +2,5 @@ import mediaQueries from "../MediaQueries";
 
 export const TAB_HEIGHT = "64px";
 export const BORDER_RADIUS = "12px";
-export const TAB_ACTIVE_SHADOW_TOKEN = "boxShadowRaised";
+export const TAB_ACTIVE_SHADOW_TOKEN = "elevationLevel3BoxShadow";
 export const FULL_WIDTH_BREAKPOINT: keyof typeof mediaQueries = "largeMobile";