fix: implement feedback

Author: dcoa

dist/Menu/menu.scss

@@ -6,7 +6,7 @@
   position: absolute;
   top: 100%;
   z-index: 10;
-  background: var(--pgn-color-white, $white);
+  background: var(--pgn-color-white, #fff);
   min-width: 10rem;
 
   &.pin-left {

dist/index.scss

@@ -1,6 +1,9 @@
-
 $spacer: 1rem;
+$blue: #007db8;
 $white: #fff;
+$component-active-bg: #0A3055FF !default;
+$component-active-color: $white !default;
+$rounded-pill: 50rem;
 
 @import './Menu/menu.scss';
 @import './studio-header/StudioHeader.scss';

dist/studio-header/StudioHeader.scss

@@ -1,3 +1,6 @@
+$spacer: 1rem;
+$white: #FFFFFF;
+
 .studio-header {
   position: relative;
   z-index: 1000;

package-lock.json

@@ -35,10 +35,10 @@
   "devDependencies": {
     "@edx/brand": "npm:@openedx/brand-openedx@^1.2.2",
     "@edx/browserslist-config": "^1.1.1",
-    "@edx/frontend-platform": "^8.3.0",
+    "@edx/frontend-platform": "^8.3.1",
     "@edx/reactifex": "^2.1.1",
     "@openedx/frontend-build": "14.2.2",
-    "@openedx/paragon": "^23.3.0",
+    "@openedx/paragon": "^23.0.0",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "10.4.9",
@@ -70,7 +70,7 @@
   },
   "peerDependencies": {
     "@edx/frontend-platform": "^7.0.0 || ^8.0.0",
-    "@openedx/paragon": ">= 23.0.0",
+    "@openedx/paragon": ">= 22.0.0 < 24.0.0",
     "prop-types": "^15.5.10",
     "react": "^16.9.0 || ^17.0.0",
     "react-dom": "^16.9.0 || ^17.0.0",

package.json

@@ -6,7 +6,7 @@
   position: absolute;
   top: 100%;
   z-index: 10;
-  background: var(--pgn-color-white, $white);
+  background: var(--pgn-color-white, #fff);
   min-width: 10rem;
 
   &.pin-left {

src/Menu/menu.scss

@@ -1,6 +1,9 @@
-
 $spacer: 1rem;
+$blue: #007db8;
 $white: #fff;
+$component-active-bg: #0A3055FF !default;
+$component-active-color: $white !default;
+$rounded-pill: 50rem  !default;
 
 @import './Menu/menu.scss';
 @import './studio-header/StudioHeader.scss';

src/index.scss

@@ -1,3 +1,6 @@
+$spacer: 1rem;
+$white: #FFFFFF;
+
 .studio-header {
   position: relative;
   z-index: 1000;