feat: import aliases from rebrand theme

Author: serifluous

packages/paste-core/components/code-block/src/CodeBlock.tsx

@@ -97,7 +97,7 @@ const CodeBlockVariantStyles: Record<CodeBlockVariants, BoxStyleProps> = {
     gridTemplateColumns: "1fr auto",
     gridTemplateAreas: '"code-block button-group"',
     columnGap: "space40",
-    borderRadius: "borderRadius20",
+    borderRadius: "borderRadius70",
     paddingY: "space60",
   },
   "multi-line": {

packages/paste-core/components/code-block/src/CodeBlockHeader.tsx

@@ -36,8 +36,8 @@ export const CodeBlockHeader = React.forwardRef<HTMLHeadingElement, CodeBlockHea
       paddingY="space50"
       paddingX="space70"
       margin="space0"
-      borderTopLeftRadius="borderRadius20"
-      borderTopRightRadius="borderRadius20"
+      borderTopLeftRadius="borderRadius70"
+      borderTopRightRadius="borderRadius70"
       fontWeight="fontWeightSemibold"
       fontSize="fontSize30"
     >

packages/paste-core/components/code-block/src/CodeBlockWrapper.tsx

@@ -32,7 +32,7 @@ export const CodeBlockWrapper = React.forwardRef<HTMLDivElement, CodeBlockWrappe
       <Tabs variant="inverse" state={state}>
         <Box
           backgroundColor="colorBackgroundInverseStrong"
-          borderRadius="borderRadius20"
+          borderRadius="borderRadius70"
           overflow="hidden"
           element={element}
           ref={ref}

packages/paste-core/components/editable-code-block/src/EditableCodeBlock.tsx

@@ -237,7 +237,7 @@ export const EditableCodeBlock: React.FC<EditableCodeBlockProps> = ({
   );
 
   return (
-    <Box element={element} borderRadius="borderRadius10" overflow="hidden">
+    <Box element={element} borderRadius="borderRadius70" overflow="hidden">
       <StylingGlobals styles={globalStyles} />
       <CodeEditor
         {...props}

packages/paste-core/components/editable-code-block/src/EditableCodeBlockHeader.tsx

@@ -35,8 +35,8 @@ export const EditableCodeBlockHeader = React.forwardRef<HTMLHeadingElement, Edit
       paddingY="space50"
       paddingX="space70"
       margin="space0"
-      borderTopLeftRadius="borderRadius20"
-      borderTopRightRadius="borderRadius20"
+      borderTopLeftRadius="borderRadius70"
+      borderTopRightRadius="borderRadius70"
       fontWeight="fontWeightSemibold"
       fontSize="fontSize30"
       borderBottomWidth="borderWidth30"

packages/paste-core/components/editable-code-block/src/EditableCodeBlockWrapper.tsx

@@ -7,7 +7,7 @@ import * as React from "react";
 const StyledEditableCodeBlockWrapper = styled(Box)(
   css({
     backgroundColor: "rgb(1, 22, 39)", // Matches the Night Owl background theme
-    borderRadius: "borderRadius20",
+    borderRadius: "borderRadius70",
     overflow: "hidden",
   }),
 );

packages/paste-core/components/minimizable-dialog/src/MinimizableDialogContent.tsx

@@ -27,8 +27,8 @@ const MinimizableDialogContent = React.forwardRef<HTMLDivElement, MinimizableDia
         element={element}
         ref={ref}
         display={minimized ? "none" : "block"}
-        borderBottomLeftRadius="borderRadius20"
-        borderBottomRightRadius="borderRadius20"
+        borderBottomLeftRadius="borderRadius40"
+        borderBottomRightRadius="borderRadius40"
       >
         {children}
       </Box>

packages/paste-core/components/minimizable-dialog/src/MinimizableDialogHeader.tsx

@@ -68,8 +68,8 @@ const MinimizableDialogHeader = React.forwardRef<HTMLDivElement, MinimizableDial
         borderBottomWidth="borderWidth10"
         borderBottomStyle="solid"
         borderBottomColor="colorBorderWeaker"
-        borderTopRightRadius="borderRadius20"
-        borderTopLeftRadius="borderRadius20"
+        borderTopRightRadius="borderRadius40"
+        borderTopLeftRadius="borderRadius40"
         element={element}
       >
         <Box

packages/paste-core/components/minimizable-dialog/src/StyledMinimizableDialog.tsx

@@ -8,7 +8,7 @@ export const StyledMinimizableDialog: React.FC<React.PropsWithChildren<Pick<BoxP
 }) => (
   <Box
     element={element}
-    borderRadius="borderRadius20"
+    borderRadius="borderRadius40"
     display="flex"
     flexDirection="column"
     backgroundColor="colorBackgroundBody"

packages/paste-design-tokens/tokens/themes/rebrand/aliases/color-palette.yml

@@ -11,23 +11,28 @@ aliases:
   palette-blue-30: "19ABF3"
   palette-blue-40: "2188EF"
   palette-blue-50: "1866EE"
+  palette-blue-55: "1866EE"
   palette-blue-60: "1953B9"
   palette-blue-70: "0E3E92"
   palette-blue-80: "0B2A60"
   palette-blue-85: "081F47"
-  palette-blue-90: "000D25"
+  palette-blue-90: "081F47"
   palette-blue-100: "0F1621"
   palette-blue-50-transparent-30: "rgb(24, 102, 238, .3)"
   palette-blue-20-transparent-40: "rgb(58, 206, 250, .4)"
   palette-gray-05: "F3F4F7"
   palette-gray-10: "DDE0E6"
+  palette-gray-15: "EDEEF2"
   palette-gray-20: "BABECC"
   palette-gray-30: "9AA0B4"
   palette-gray-40: "7E869C"
   palette-gray-50: "656E87"
+  palette-gray-55: "67728E"
   palette-gray-60: "4D5777"
   palette-gray-70: "38425E"
+  palette-gray-75: "404F6E"
   palette-gray-80: "232B45"
   palette-gray-85: "191F36"
   palette-gray-90: "080C18"
+  palette-gray-95: "19273E"
   palette-gray-100: "080C18"