docs: update tokens to new names

kiwicom · Jul 31, 2024 · 231ee9b · 231ee9b
1 parent aafa6a5
commit 231ee9b
Show file tree

Hide file tree

Showing 10 changed files with 16 additions and 16 deletions.
diff --git a/docs/src/components/BlockQuote/index.tsx b/docs/src/components/BlockQuote/index.tsx
@@ -8,7 +8,7 @@ const StyledWrapper = styled.div`
     border-left: 3px solid ${theme.orbit.paletteInkDark};
     padding: ${theme.orbit.spaceMedium};
     background: ${theme.orbit.paletteCloudLight};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
     ${StyledAnchor} + & {
       margin-top: ${theme.orbit.spaceXXSmall} !important;
     }

diff --git a/docs/src/components/ComponentStatus/ComponentStatus.tsx b/docs/src/components/ComponentStatus/ComponentStatus.tsx
@@ -15,7 +15,7 @@ export const StyledContainer = styled.div`
   ${({ theme }) => css`
     position: relative;
     border: 1px solid ${theme.orbit.paletteCloudNormal};
-    border-radius: ${theme.orbit.borderRadiusLarge};
+    border-radius: ${theme.orbit.borderRadius150};
     overflow: hidden;
   `};
 `;

diff --git a/docs/src/components/ComponentStructure/index.tsx b/docs/src/components/ComponentStructure/index.tsx
@@ -32,8 +32,8 @@ const StyledTab = styled.button<{ active: boolean }>`
   ${({ theme, active }) => css`
     padding: 14px ${theme.orbit.spaceMedium};
     margin-bottom: -1px;
-    border-top-left-radius: ${theme.orbit.borderRadiusLarge};
-    border-top-right-radius: ${theme.orbit.borderRadiusLarge};
+    border-top-left-radius: ${theme.orbit.borderRadius150};
+    border-top-right-radius: ${theme.orbit.borderRadius150};
     border: 1px solid transparent;
     border-bottom: none;
     ${active &&
@@ -48,7 +48,7 @@ StyledTab.defaultProps = { theme: docsTheme };
 const StyledPanel = styled.div`
   ${({ theme }) => css`
     border: 1px solid ${theme.orbit.paletteCloudNormal};
-    border-radius: ${theme.orbit.borderRadiusLarge};
+    border-radius: ${theme.orbit.borderRadius150};
   `};
 `;
 StyledPanel.defaultProps = { theme: docsTheme };

diff --git a/docs/src/components/Container/index.tsx b/docs/src/components/Container/index.tsx
@@ -8,14 +8,14 @@ const StyledContainer = styled.div`
     justify-content: space-between;
     gap: ${theme.orbit.spaceSmall};
     padding: ${theme.orbit.spaceXLarge};
-    border-radius: ${theme.orbit.borderRadiusLarge};
+    border-radius: ${theme.orbit.borderRadius150};
     background: ${theme.orbit.paletteCloudLight};
 
     & > img {
       max-width: 100%;
       justify-self: center;
       background: ${theme.orbit.paletteWhite};
-      border-radius: ${theme.orbit.borderRadiusLarge};
+      border-radius: ${theme.orbit.borderRadius150};
       padding: ${theme.orbit.spaceXLarge};
     }
   `};

diff --git a/docs/src/components/Guidelines/GuidelineImages.tsx b/docs/src/components/Guidelines/GuidelineImages.tsx
@@ -12,7 +12,7 @@ const GuidelineContainer = styled.div<{ type: "do" | "dont"; coloredBorder: bool
     width: 100%;
     ${resolveBorders};
     background: ${theme.orbit.paletteCloudLight};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
   `}
 `;
 
@@ -24,7 +24,7 @@ const ImageContainer = styled.div<ImageContainerProps>`
   ${({ theme }) => css`
     width: 100%;
     background: ${theme.orbit.paletteWhite};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
     padding: ${theme.orbit.spaceXLarge};
   `}
 `;

diff --git a/docs/src/components/Guidelines/GuidelinesSideBySide.tsx b/docs/src/components/Guidelines/GuidelinesSideBySide.tsx
@@ -24,7 +24,7 @@ const StyledContainer = styled.div<{ type: "do" | "dont"; coloredBorder: boolean
   ${({ theme }) => css`
     padding: ${theme.orbit.spaceMedium} ${theme.orbit.spaceLarge};
     background: ${theme.orbit.paletteCloudLight};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
     width: 100%;
     ${resolveBorders};
 

diff --git a/docs/src/components/Guidelines/index.tsx b/docs/src/components/Guidelines/index.tsx
@@ -34,7 +34,7 @@ interface ImageContainerProps extends GuidelineType {
 const StyledComponent = styled.div<GuidelineComponent>`
   ${({ theme }) => css`
     background: ${theme.orbit.paletteCloudLight};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
     padding: ${theme.orbit.spaceMedium};
     ${resolveBorders};
     p + & {
@@ -52,7 +52,7 @@ const StyledComponent = styled.div<GuidelineComponent>`
 const StyledImageContainer = styled.div<ImageContainerProps>`
   ${({ theme, type }) => css`
     background: ${theme.orbit.paletteWhite};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
     border-top: 3px solid
       ${type === "do" ? theme.orbit.paletteGreenNormal : theme.orbit.paletteRedNormal};
     display: flex;

diff --git a/docs/src/components/ImagesDownloadList.tsx b/docs/src/components/ImagesDownloadList.tsx
@@ -16,7 +16,7 @@ const StyledAnchor = styled.a`
     padding: ${theme.orbit.paddingButtonSmallWithLeftIcon};
     padding-top: ${theme.orbit.spaceXXSmall};
     height: ${theme.orbit.heightButtonSmall};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
     transition: all ${theme.orbit.durationFast} ease-in;
 
     &:hover,
@@ -42,7 +42,7 @@ const ImageWrap = styled.div<ImageWrapProps>`
   ${({ theme, width }) => css`
     padding: ${theme.orbit.spaceSmall};
     border: 1px solid ${theme.orbit.borderColorCard};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
     margin-top: ${theme.orbit.spaceMedium};
     width: ${width};
     margin-right: 2%;

diff --git a/docs/src/components/Palette/helpers.tsx b/docs/src/components/Palette/helpers.tsx
@@ -36,7 +36,7 @@ export const isLight = (hex: string) => {
 export const resolveBorders =
   ({ order, isFull, isMiddle, isLeft, isFullBottom, isRight, isExpanded }: BorderProps) =>
   ({ theme }) => {
-    const radius = theme.orbit.borderRadiusLarge;
+    const radius = theme.orbit.borderRadius150;
 
     if (order === "only") {
       if (isExpanded) {

diff --git a/docs/src/components/Search/SearchButton.tsx b/docs/src/components/Search/SearchButton.tsx
@@ -35,7 +35,7 @@ export const StyledIcon = styled.span<{ type: Type }>`
     background: ${type === "primary"
       ? theme.orbit.paletteProductLightActive
       : theme.orbit.paletteCloudNormal};
-    border-radius: ${theme.orbit.borderRadiusNormal};
+    border-radius: ${theme.orbit.borderRadius100};
   `}
 `;