Adopt new BB UI changes (#229)

Author: filiptronicek

src/button/button-contributions.ts

@@ -412,7 +412,7 @@ export const buttonContributions: ButtonContributionParams[] = [
     // we use xpath expressions, because the CSS selectors are not stable enough
     // tests are disabled because the URLs are not reachable without a session
     {
-        id: "bb-repo",
+        id: "bb-repo-old",
         exampleUrls: [
             // "https://bitbucket.org/svenefftinge/browser-extension-test/src/master/"
         ],
@@ -424,11 +424,33 @@ export const buttonContributions: ButtonContributionParams[] = [
         }),
         application: "bitbucket",
     },
+    {
+        id: "bb-repo",
+        exampleUrls: [
+            // "https://bitbucket.org/svenefftinge/browser-extension-test/src/master/"
+        ],
+        selector: 'xpath://*[@id="uid25"]/div/div[1]/div/header/div/div/div/div[2]/div',
+        insertBefore:
+            'xpath:/html/body/div[1]/div[2]/div[2]/div/div/div[1]/div/div/div/div[1]/div/div[2]/div/div[2]/div',
+        containerElement: createContainerElement("div", {
+            marginLeft: "2px",
+        }),
+        application: "bitbucket",
+    },
     {
         id: "bb-pull-request",
         exampleUrls: [
             // "https://bitbucket.org/efftinge/browser-extension-test/pull-requests/1"
         ],
+        selector: `[data-testid="pr-header"] div[role="group"] div[role="group"]`,
+        containerElement: createContainerElement("div", {}),
+        application: "bitbucket",
+    },
+    {
+        id: "bb-pull-request-old",
+        exampleUrls: [
+            // "https://bitbucket.org/efftinge/browser-extension-test/pull-requests/1"
+        ],
         selector: 'xpath://*[@id="main"]/div/div/div[1]/div/div/div/div[1]/div/div[2]/div/div[2]/div/div', // grandparent div of the "Request changes" and "Approve" buttons
         containerElement: createContainerElement("div", {}),
         insertBefore:

src/button/button.css

@@ -311,8 +311,8 @@
     --border-radius: 3px;
     --border-width: 0;
 
-    --primary-bg-color: rgb(0, 82, 204);
-    --primary-hover-bg-color: rgba(0, 82, 204, 0.9);
+    --primary-bg-color: var(--ds-background-brand-bold,#0052cc);
+    --primary-hover-bg-color: var(--ds-background-brand-bold-hovered,#0065ff);
     --primary-border-color: var(--aui-button-default-border-color, transparent);
     --primary-hover-border-color: var(--aui-button-default-border-color, transparent);
     --primary-color: var(--ds-text-inverse, #ffffff) !important;