From 98a4558132b81802542211919217ca24edb67f9a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cnora?= <nkrantz@twilio.com>
Date: Tue, 23 May 2023 11:58:17 -0400
Subject: [PATCH] chore(sidebar, codeblock, topbar): update styles

---
 .changeset/fresh-emus-walk.md                               | 6 ++++++
 .changeset/olive-sheep-warn.md                              | 6 ++++++
 .changeset/stale-hornets-build.md                           | 6 ++++++
 packages/paste-core/components/code-block/src/CodeBlock.tsx | 2 +-
 packages/paste-core/components/sidebar/src/Sidebar.tsx      | 4 +++-
 .../paste-core/components/sidebar/src/SidebarHeader.tsx     | 3 ++-
 packages/paste-core/components/topbar/src/Topbar.tsx        | 4 +++-
 7 files changed, 27 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/fresh-emus-walk.md
 create mode 100644 .changeset/olive-sheep-warn.md
 create mode 100644 .changeset/stale-hornets-build.md

diff --git a/.changeset/fresh-emus-walk.md b/.changeset/fresh-emus-walk.md
new file mode 100644
index 0000000000..a6118943f6
--- /dev/null
+++ b/.changeset/fresh-emus-walk.md
@@ -0,0 +1,6 @@
+---
+'@twilio-paste/code-block': patch
+'@twilio-paste/core': patch
+---
+
+[Codeblock] Update styles
diff --git a/.changeset/olive-sheep-warn.md b/.changeset/olive-sheep-warn.md
new file mode 100644
index 0000000000..75e1133d02
--- /dev/null
+++ b/.changeset/olive-sheep-warn.md
@@ -0,0 +1,6 @@
+---
+'@twilio-paste/topbar': patch
+'@twilio-paste/core': patch
+---
+
+[Topbar] Update styles
diff --git a/.changeset/stale-hornets-build.md b/.changeset/stale-hornets-build.md
new file mode 100644
index 0000000000..82af3dc311
--- /dev/null
+++ b/.changeset/stale-hornets-build.md
@@ -0,0 +1,6 @@
+---
+'@twilio-paste/sidebar': patch
+'@twilio-paste/core': patch
+---
+
+[Sidebar] Update styles
diff --git a/packages/paste-core/components/code-block/src/CodeBlock.tsx b/packages/paste-core/components/code-block/src/CodeBlock.tsx
index 3d9f23a1b1..18085919eb 100644
--- a/packages/paste-core/components/code-block/src/CodeBlock.tsx
+++ b/packages/paste-core/components/code-block/src/CodeBlock.tsx
@@ -40,7 +40,7 @@ const CodeBlockVariantStyles: Record<CodeBlockVariants, BoxStyleProps> = {
     gridTemplateAreas: '"button-group" "code-block"',
     rowGap: 'space20',
     paddingTop: 'space50',
-    paddingBottom: 'space100',
+    paddingBottom: 'space90',
   },
 };
 
diff --git a/packages/paste-core/components/sidebar/src/Sidebar.tsx b/packages/paste-core/components/sidebar/src/Sidebar.tsx
index 94d1e4f12f..a4386a5d1a 100644
--- a/packages/paste-core/components/sidebar/src/Sidebar.tsx
+++ b/packages/paste-core/components/sidebar/src/Sidebar.tsx
@@ -15,7 +15,9 @@ const StyledSidebar = React.forwardRef<HTMLDivElement, BoxProps>((props, ref) =>
     as="nav"
     display="block"
     ref={ref}
-    boxShadow="shadowBorderInverse"
+    borderRightStyle="solid"
+    borderRightWidth="borderWidth10"
+    borderRightColor="colorBorderInverseWeaker"
     backgroundColor="colorBackgroundInverse"
     zIndex="zIndex40"
     position="fixed"
diff --git a/packages/paste-core/components/sidebar/src/SidebarHeader.tsx b/packages/paste-core/components/sidebar/src/SidebarHeader.tsx
index 45f9990eac..b2df2bc720 100644
--- a/packages/paste-core/components/sidebar/src/SidebarHeader.tsx
+++ b/packages/paste-core/components/sidebar/src/SidebarHeader.tsx
@@ -16,7 +16,8 @@ export const SidebarHeader = React.forwardRef<HTMLButtonElement, SidebarHeaderPr
         {...safelySpreadBoxProps(props)}
         element={element}
         ref={ref}
-        padding="space60"
+        paddingX="space60"
+        minHeight="sizeTopbar"
         borderBottomWidth="borderWidth10"
         borderBottomStyle="solid"
         borderBottomColor="colorBorderInverseWeaker"
diff --git a/packages/paste-core/components/topbar/src/Topbar.tsx b/packages/paste-core/components/topbar/src/Topbar.tsx
index 71311a896a..cf798b2f76 100644
--- a/packages/paste-core/components/topbar/src/Topbar.tsx
+++ b/packages/paste-core/components/topbar/src/Topbar.tsx
@@ -17,7 +17,9 @@ export const Topbar = React.forwardRef<HTMLDivElement, TopbarProps>(({element =
       width="100%"
       minHeight="sizeTopbar"
       backgroundColor="colorBackgroundWeak"
-      boxShadow="shadowBorderWeaker"
+      borderBottomWidth="borderWidth10"
+      borderBottomStyle="solid"
+      borderBottomColor="colorBorderWeaker"
       paddingX="space70"
       paddingY="space60"
       position="sticky"