New plugin search color scheme (#1756)

Co-authored-by: Dimitri POSTOLOV <[email protected]>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

Author: 3 people

.changeset/@theguild_components-1756-dependencies.md

@@ -0,0 +1,6 @@
+---
+"@theguild/components": patch
+---
+dependencies updates:
+  - Removed dependency [`@theguild/[email protected]` ↗︎](https://www.npmjs.com/package/@theguild/tailwind-config/v/0.5.0) (from `dependencies`)
+  - Added dependency [`@theguild/tailwind-config@0.6.0-alpha-20241106003557-2c94714753ba2342f442f836b4683119985ee2c5` ↗︎](https://www.npmjs.com/package/@theguild/tailwind-config/v/0.6.0) (to `peerDependencies`)

.changeset/pink-grapes-compete.md

@@ -0,0 +1,5 @@
+---
+'@theguild/components': minor
+---
+
+Add green colorScheme to MarketplaceSearch and MarketplaceList, change display to grid

.eslintrc.cjs

@@ -47,6 +47,7 @@ module.exports = {
         'aa-SourceHeaderTitle',
         'hive-focus',
         'hive-focus-within',
+        '@container', // Tailwind ESLint Plugin doesn't see the Container Queries classes but it does see prefixes like @sm:
       ],
     },
   },

.storybook/hive-theme-decorator.tsx

@@ -5,17 +5,10 @@ import { StoryContext } from '@storybook/react';
 import { cn } from '../packages/components/src/cn';
 
 const neueMontreal = localFont({
-  // TODO: Swap to variable version.
-  // TODO: We only use 400 and 500 weights, right?
   src: [
-    { path: '../fonts/NeueMontreal-Light.otf', weight: '300' },
-    { path: '../fonts/NeueMontreal-Light.otf', style: 'italic' },
-    { path: '../fonts/NeueMontreal-Regular.otf', weight: '400' },
-    { path: '../fonts/NeueMontreal-Italic.otf', weight: '400', style: 'italic' },
-    { path: '../fonts/NeueMontreal-Medium.otf', weight: '500' },
-    { path: '../fonts/NeueMontreal-MediumItalic.otf', weight: '500', style: 'italic' },
+    { path: '../fonts/PPNeueMontreal-Regular.woff2', weight: '400' },
+    { path: '../fonts/PPNeueMontreal-Medium.woff2', weight: '500' },
     { path: '../fonts/NeueMontreal-Bold.otf', weight: '700' },
-    { path: '../fonts/NeueMontreal-BoldItalic.otf', weight: '700', style: 'italic' },
   ],
   variable: '--font-sans',
 });
@@ -28,7 +21,7 @@ export const hiveThemeDecorator = (Story: () => React.ReactNode, ctx: StoryConte
         className={cn(
           'text-green-1000',
           neueMontreal.variable,
-          ctx.parameters.forcedLightMode && 'light',
+          ctx.parameters.forcedLightMode ? 'light' : 'dark:text-white',
         )}
         style={{
           fontFamily: 'var(--font-sans)',