@squiz/resource-browser 2.1.9-rc.0 → 2.1.10-rc.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@squiz/resource-browser",
-    "version": "2.1.9-rc.0",
+    "version": "2.1.10-rc.0",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",
     "private": false,
@@ -23,7 +23,7 @@
         "@react-types/shared": "^3.22.1",
         "@squiz/dx-json-schema-lib": "^1.67.0",
         "@squiz/generic-browser-lib": "^1.66.0",
-        "@squiz/resource-browser-ui-lib": "^0.8.1-rc.0",
+        "@squiz/resource-browser-ui-lib": "^0.8.2-rc.0",
         "clsx": "^2.1.0",
         "expiry-map": "^2.0.0",
         "p-memoize": "^4.0.4",
@@ -81,5 +81,5 @@
     "volta": {
         "node": "18.18.0"
     },
-    "gitHead": "9ea5dc75a03930aaedf856fe5fb09f67a5a23364"
+    "gitHead": "0799116e7501bb4eaa3c401be6304231d8910f75"
 }

package/postcss.config.js

@@ -1,17 +1,21 @@
 module.exports = {
-  plugins: [
-    require('tailwindcss'),
-    require('autoprefixer'),
-    require('postcss-nested'),
-    require('postcss-prefix-selector')({
-      prefix: '.squiz-rb-scope',
-      transform(prefix, selector, prefixedSelector, filePath, rule) {
-        if (selector.match(/(squiz-gb-scope)/)) {
-          return selector;
-        }
-        return prefixedSelector;
-      },
-      includeFiles: ['./src/index.scss'],
-    }),
-  ],
+    plugins: [
+        require('tailwindcss'),
+        require('autoprefixer'),
+        require('postcss-nested'),
+        require('postcss-prefix-selector')({
+            prefix: '.squiz-rb-scope',
+            transform(prefix, selector, prefixedSelector, filePath, rule) {
+                if (selector.match(/(squiz-gb-scope)/)) {
+                    return selector;
+                }
+                if (selector.match(/(::)/)) {
+                    const index = prefixedSelector.indexOf('::');
+                    return `${prefixedSelector.slice(0, index)}:not(.squiz-rb-plugin *)${prefixedSelector.slice(index)}`;
+                }
+                return `${prefixedSelector}:not(.squiz-rb-plugin *)`;
+            },
+            includeFiles: ['./src/index.scss'],
+        }),
+    ],
 };

package/src/MainContainer/MainContainer.tsx

@@ -79,7 +79,7 @@ function MainContainer({
                     </svg>
                 </button>
             </div>
-            <div className="border-t border-gray-300 h-[calc(100%-72px)]">
+            <div className="squiz-rb-plugin border-t border-gray-300 overflow-y-hidden">
                 {plugin && selectedSource && SourceBrowser && (
                     <SourceBrowser
                         source={selectedSource}