small fixes after merging up to main

Author: Alice Koreman

package.json

@@ -146,7 +146,7 @@
   "size-limit": [
     {
       "path": "lib/components/index.js",
-      "limit": "6.25kb"
+      "limit": "6.52kb"
     },
     {
       "path": "lib/components/code-view/highlight/javascript.js",

src/code-view/__tests__/code-view.test.tsx

@@ -16,15 +16,16 @@ describe("CodeView", () => {
   test("correctly renders simple content", () => {
     render(<CodeView content={"Hello World"}></CodeView>);
     const wrapper = createWrapper()!.findCodeView();
-    expect(wrapper!.findContent().getElement()).toHaveTextContent("Hello World");
+    expect(wrapper!.findContent()[0].getElement()).toHaveTextContent("Hello World");
   });
 
   test("correctly renders multi line content", () => {
     render(<CodeView content={`# Hello World\n\nThis is a markdown example.`}></CodeView>);
     const wrapper = createWrapper()!.findCodeView()!;
     const content = wrapper.findContent();
-    expect(content.getElement()).toHaveTextContent("# Hello World This is a markdown example.");
-    expect(wrapper!.findContent()[0].getElement()).toHaveTextContent("Hello World");
+    expect(content[0].getElement()).toHaveTextContent("# Hello World");
+    expect(content[1].getElement()).toHaveTextContent("");
+    expect(content[2].getElement()).toHaveTextContent("This is a markdown example.");
   });
 
   test("correctly renders multi line content", () => {

src/code-view/styles.scss

@@ -3,28 +3,18 @@
  SPDX-License-Identifier: Apache-2.0
 */
 
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-
 @use "../../node_modules/@cloudscape-design/design-tokens/index.scss" as cs;
 
 $color-background-code-view-light: #f8f8f8;
 $color-background-code-view-dark: #282c34;
 
 .root {
   position: relative;
+  background-color: $color-background-code-view-light;
   :global(.awsui-dark-mode) &,
   :global(.awsui-polaris-dark-mode) & {
     background-color: $color-background-code-view-dark;
   }
-  background-color: $color-background-code-view-light;
 }
 
 .scroll-container {
@@ -53,10 +43,6 @@ $color-background-code-view-dark: #282c34;
 
 .line-number {
   border-right-color: cs.$color-border-divider-default;
-  :global(.awsui-dark-mode) &,
-  :global(.awsui-polaris-dark-mode) & {
-    background-color: $color-background-code-view-dark;
-  }
   background-color: $color-background-code-view-light;
   vertical-align: text-top;
   position: sticky;
@@ -65,6 +51,10 @@ $color-background-code-view-dark: #282c34;
   border-right-style: solid;
   padding-left: cs.$space-static-xs;
   padding-right: cs.$space-static-xs;
+  :global(.awsui-dark-mode) &,
+  :global(.awsui-polaris-dark-mode) & {
+    background-color: $color-background-code-view-dark;
+  }
 }
 
 .unselectable {