setIsMenuOpen(false)}
+ onKeyDown={e => {
+ if (e.key === 'Enter' || e.key === ' ') {
+ setIsMenuOpen(false);
+ }
+ }}
+ role="button"
+ tabIndex={0}
+ aria-label="Close menu"
+ />
+ )}
+
+ );
+};
+
+export default KitchenHeader;
diff --git a/src/components/KitchenInterfaces/KitchenHeader.module.css b/src/components/KitchenInterfaces/KitchenHeader.module.css
new file mode 100644
index 0000000000..24714ad490
--- /dev/null
+++ b/src/components/KitchenInterfaces/KitchenHeader.module.css
@@ -0,0 +1,167 @@
+.headerContainer {
+ background-color: #ffffff;
+ border-bottom: 1px solid #e0e0e0;
+ padding: 0 32px;
+ height: 64px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-family: 'Inter', sans-serif;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.05);
+ position: sticky;
+ top: 0;
+ z-index: 1000;
+}
+
+/* Left side: Logo & Brand */
+.brandSection {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+}
+
+.logoImage {
+ height: 40px;
+ width: auto;
+ border-radius: 8px; /* Slight rounding if square */
+}
+
+.brandTextContainer {
+ display: flex;
+ flex-direction: column;
+ white-space: nowrap;
+}
+
+.brandTitle {
+ font-size: 16px;
+ font-weight: 600;
+ color: #333;
+ line-height: 1.2;
+}
+
+.brandSubtitle {
+ font-size: 11px;
+ color: #888;
+ text-transform: uppercase;
+ letter-spacing: 0.5px;
+}
+
+/* Center-Right: Navigation */
+.navContainer {
+ display: flex;
+ gap: 8px;
+ align-items: center;
+}
+
+.navItem {
+ text-decoration: none;
+ color: #555;
+ font-size: 14px;
+ font-weight: 500;
+ padding: 8px 16px;
+ border-radius: 20px;
+ transition: all 0.2s ease;
+ white-space: nowrap;
+}
+
+.navItem:hover {
+ background-color: #f5f5f5;
+ color: #333;
+ text-decoration: none;
+}
+
+/* Active State */
+.activeLink {
+ background-color: #e6f4ea; /* Light green background */
+ color: #2e7d32; /* Darker green text */
+ font-weight: 600;
+}
+.activeLink:hover {
+ background-color: #dcedc8;
+ color: #1b5e20;
+}
+
+/* Dropdown Arrow Indicator (simple css triangle or unicode) */
+.dropdownArrow {
+ font-size: 10px;
+ margin-left: 4px;
+ color: #777;
+}
+
+/* Mobile Menu Button */
+.menuToggle {
+ display: none;
+ background: none;
+ border: none;
+ font-size: 24px;
+ color: #333;
+ cursor: pointer;
+}
+
+/* Background Overlay */
+.overlay {
+ display: none;
+}
+
+
+/* Responsive Adjustments */
+@media (max-width: 900px) {
+ .headerContainer {
+ padding: 0 16px;
+ height: 64px; /* Fixed height again */
+ flex-wrap: nowrap; /* Prevent wrap */
+ padding-bottom: 0;
+ padding-top: 0;
+ }
+
+ .brandTextContainer {
+ white-space: nowrap;
+ }
+
+ .menuToggle {
+ display: block;
+ }
+
+ .navContainer {
+ position: absolute;
+ top: 64px;
+ left: 0;
+ width: 100%;
+ background-color: white;
+ flex-direction: column;
+ padding: 16px 0;
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ transform: translateY(-150%);
+ transition: transform 0.3s ease-in-out;
+ z-index: 999;
+ align-items: flex-start;
+ }
+
+ .navOpen {
+ transform: translateY(0);
+ }
+
+ .navItem {
+ width: 100%;
+ padding: 12px 24px;
+ border-radius: 0;
+ }
+
+ /* Overlay */
+ .overlay {
+ display: block;
+ position: fixed;
+ top: 64px;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background: rgba(0,0,0,0.3);
+ z-index: 998;
+ }
+
+ /* Prevent horizontal scrolling on container overrides */
+ .navContainer::-webkit-scrollbar {
+ display: none;
+ }
+}
+
diff --git a/src/components/KitchenInterfaces/Processing/ProcessingLandingPage.jsx b/src/components/KitchenInterfaces/Processing/ProcessingLandingPage.jsx
new file mode 100644
index 0000000000..c1755a3391
--- /dev/null
+++ b/src/components/KitchenInterfaces/Processing/ProcessingLandingPage.jsx
@@ -0,0 +1,161 @@
+import React, { useState } from 'react';
+import styles from './ProcessingLandingPage.module.css';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import {
+ faArchive,
+ faSun,
+ faSnowflake,
+ faWarehouse,
+ faPlus,
+} from '@fortawesome/free-solid-svg-icons';
+
+// Mock Data
+const DASHBOARD_METRICS = [
+ { id: 1, title: 'Items Canned', value: 245, icon: faArchive, iconClass: styles.iconPurple },
+ { id: 2, title: 'Items Dehydrated', value: 128, icon: faSun, iconClass: styles.iconOrange },
+ { id: 3, title: 'Freeze Dried', value: 67, icon: faSnowflake, iconClass: styles.iconBlue },
+ { id: 4, title: 'Cellar Storage', value: 180, icon: faWarehouse, iconClass: styles.iconGreen },
+];
+
+const PROCESSING_METHODS = [
+ { id: 'canning', name: 'Canning', total: 245, thisMonth: 45, status: 'active' },
+ { id: 'dehydration', name: 'Dehydration', total: 128, thisMonth: 28, status: 'active' },
+ { id: 'freezeDrying', name: 'Freeze Drying', total: 67, thisMonth: 12, status: 'active' },
+ { id: 'cellarStorage', name: 'Cellar Storage', total: 180, thisMonth: 52, status: 'active' },
+];
+
+const CANNING_SUPPLIES = [
+ { name: 'Quart Jars', quantity: '120 units' },
+ { name: 'Pint Jars', quantity: '85 units' },
+ { name: 'Canning Lids', quantity: '200 units' },
+];
+
+const STORAGE_SUPPLIES = [
+ { name: 'Vacuum Seal Bags (Quart)', quantity: '45 units' },
+ { name: 'Mylar Bags (Gallon)', quantity: '38 units' },
+ { name: 'Cellar Storage Bins', quantity: '12 units' },
+];
+
+const SECTIONS = [
+ 'Processing Overview',
+ 'Canning',
+ 'Dehydration',
+ 'Freeze Drying',
+ 'Cellar Storage',
+ 'Bulk Orders',
+ 'Menu Calendar',
+];
+
+const ProcessingLandingPage = () => {
+ const [activeTab, setActiveTab] = useState('Processing Overview');
+
+ return (
+
+
+
Kitchen & Processing
+
+ Manage food processing, preservation, bulk orders, and menu planning
+
+
+
+
+ {DASHBOARD_METRICS.map(metric => (
+
+
+ {metric.title}
+
+
+
{metric.value}
+
+ ))}
+
+
+
+ {SECTIONS.map(section => (
+
+ ))}
+
+
+ {activeTab === 'Processing Overview' ? (
+
+ {/* Left Column: Processing Methods */}
+
+
+
Processing Methods
+
Items processed by method
+
+
+
+ {PROCESSING_METHODS.map(method => (
+
+
+ {method.name}
+ +{method.thisMonth} this month
+
+
+ {method.total}
+ {method.status}
+
+
+ ))}
+
+
+
+ {/* Right Column: Processing Supplies */}
+
+
+
Processing Supplies
+
Current inventory of processing materials
+
+
+
+
+
Canning Supplies
+ {CANNING_SUPPLIES.map((item, idx) => (
+
+ {item.name}
+ {item.quantity}
+
+ ))}
+
+
+
+
Storage Materials
+ {STORAGE_SUPPLIES.map((item, idx) => (
+
+ {item.name}
+ {item.quantity}
+
+ ))}
+
+
+
+
+
+
+ ) : (
+
+
+
+
{activeTab} Section
+
This module is currently under development.
+
+
+ )}
+
+ );
+};
+
+export default ProcessingLandingPage;
diff --git a/src/components/KitchenInterfaces/Processing/ProcessingLandingPage.module.css b/src/components/KitchenInterfaces/Processing/ProcessingLandingPage.module.css
new file mode 100644
index 0000000000..df94ace7eb
--- /dev/null
+++ b/src/components/KitchenInterfaces/Processing/ProcessingLandingPage.module.css
@@ -0,0 +1,288 @@
+/* Main Container */
+.container {
+ padding: 24px;
+ background-color: #ffffff; /* Clean white background */
+ font-family: 'Inter', sans-serif; /* Example modern font, adjust to match project if needed */
+ color: #333;
+ width: 100%;
+}
+
+.header {
+ margin-bottom: 24px;
+}
+
+.title {
+ font-size: 24px;
+ font-weight: 600;
+ color: #333;
+ margin: 0 0 8px 0;
+}
+
+.subtitle {
+ font-size: 14px;
+ color: #666;
+ margin: 0;
+}
+
+/* Dashboard Cards */
+.cardsContainer {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+ gap: 16px;
+ margin-bottom: 32px;
+}
+
+.card {
+ background: white;
+ border: 1px solid #e0e0e0;
+ border-radius: 12px;
+ padding: 20px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ box-shadow: 0 2px 4px rgba(0,0,0,0.02);
+ transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
+
+.card:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 4px 12px rgba(0,0,0,0.05);
+}
+
+.cardHeader {
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ margin-bottom: 12px;
+}
+
+.cardTitle {
+ font-size: 14px;
+ font-weight: 500;
+ color: #666;
+}
+
+.cardIcon {
+ font-size: 20px;
+ /* Colors for icons matching the screenshot roughly */
+}
+
+.cardValue {
+ font-size: 32px;
+ font-weight: 700;
+ color: #333;
+ margin: 0;
+}
+
+/* Section Navbar */
+.navbar {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ border-bottom: 1px solid #eee;
+ padding-bottom: 16px;
+ margin-bottom: 32px;
+}
+
+.navItem {
+ padding: 8px 16px;
+ border-radius: 20px;
+ font-size: 14px;
+ font-weight: 500;
+ color: #666;
+ cursor: pointer;
+ background: none;
+ border: none;
+ transition: all 0.2s;
+}
+
+.navItem:hover {
+ background-color: #f5f5f5;
+ color: #333;
+}
+
+.activeNavItem {
+ background-color: #333; /* Or a specific green from branding */
+ color: white;
+}
+.activeNavItem:hover {
+ background-color: #444;
+ color: white;
+}
+
+
+/* Processing Overview Section Layout */
+.overviewContainer {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 24px;
+}
+
+@media (max-width: 900px) {
+ .overviewContainer {
+ grid-template-columns: 1fr;
+ }
+}
+
+.sectionBox {
+ background: #fff;
+ /* border: 1px solid #e0e0e0; */
+ /* border-radius: 12px; */
+ /* padding: 24px; */
+}
+
+.sectionHeader {
+ margin-bottom: 24px;
+}
+.sectionTitle {
+ font-size: 18px;
+ font-weight: 600;
+ margin: 0 0 4px 0;
+}
+.sectionSubtitle {
+ font-size: 14px;
+ color: #666;
+ margin: 0;
+}
+
+
+/* Processing Methods List */
+.methodList {
+ display: flex;
+ flex-direction: column;
+ gap: 16px;
+}
+
+.methodItem {
+ display: flex;
+ justify-content: space-between;
+ align-items: center; /* Center vertically */
+ padding: 16px;
+ border: 1px solid #eee;
+ border-radius: 8px;
+}
+
+.methodInfo {
+ display: flex;
+ flex-direction: column;
+}
+
+.methodName {
+ font-weight: 600;
+ font-size: 16px;
+ color: #333;
+ margin-bottom: 4px;
+}
+
+.methodSub {
+ font-size: 13px;
+ color: #888;
+}
+
+.methodStats {
+ text-align: right;
+}
+
+.methodValue {
+ display: block;
+ font-size: 18px;
+ font-weight: 700;
+ color: #333;
+}
+.methodStatus {
+ font-size: 12px;
+ color: #28a745; /* Green for active */
+ background: #e6f4ea;
+ padding: 2px 8px;
+ border-radius: 12px;
+ display: inline-block;
+ margin-top: 4px;
+}
+
+/* Supplies List */
+.suppliesList {
+ width: 100%;
+}
+.supplyCategory {
+ margin-bottom: 24px;
+}
+.categoryTitle {
+ font-size: 14px;
+ font-weight: 600;
+ color: #333;
+ margin-bottom: 12px;
+}
+
+.supplyItem {
+ display: flex;
+ justify-content: space-between;
+ padding: 12px 0;
+ border-bottom: 1px solid #f0f0f0;
+ font-size: 14px;
+}
+
+.supplyName {
+ color: #666;
+}
+
+.supplyQuantity {
+ font-weight: 500;
+ color: #888;
+}
+
+.addSupplyBtn {
+ width: 100%;
+ padding: 12px;
+ border: 1px dashed #ccc;
+ background: white;
+ color: #666;
+ border-radius: 8px;
+ cursor: pointer;
+ font-weight: 500;
+ margin-top: 16px;
+ transition: all 0.2s;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 8px;
+}
+.addSupplyBtn:hover {
+ border-color: #888;
+ color: #333;
+ background-color: #fafafa;
+}
+
+/* Icon colors specific classes */
+.iconPurple { color: #9c27b0; }
+.iconOrange { color: #ed6c02; }
+.iconBlue { color: #0288d1; }
+.iconGreen { color: #2e7d32; }
+
+/* Placeholder Styles */
+.placeholderContainer {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 48px;
+ background: #f9f9f9;
+ border-radius: 12px;
+ border: 1px dashed #e0e0e0;
+ min-height: 300px;
+}
+
+.placeholderContent {
+ text-align: center;
+ color: #888;
+}
+
+.placeholderIcon {
+ font-size: 48px;
+ margin-bottom: 16px;
+ color: #ccc;
+}
+
+.placeholderContent h2 {
+ font-size: 20px;
+ color: #666;
+ margin-bottom: 8px;
+}
diff --git a/src/routes.jsx b/src/routes.jsx
index 03d3e30bff..2f05f7773c 100644
--- a/src/routes.jsx
+++ b/src/routes.jsx
@@ -269,6 +269,9 @@ const JobAnalyticsPage = lazy(() =>
);
const SuggestedJobsListBuilder = lazy(() => import('./components/Collaboration/SuggestedJobsList'));
+const ProcessingLandingPage = lazy(() =>
+ import('./components/KitchenInterfaces/Processing/ProcessingLandingPage'),
+);
export default (
{/* ----- LB Dashboard Routing Starts----- */}
@@ -323,7 +326,6 @@ export default (
{/* ----- LB Dashboard Routing Ends----- */}
-
@@ -348,6 +350,11 @@ export default (
+
} />
diff --git a/yarn.lock b/yarn.lock
index 66b3394b54..61b8fe14fb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1760,10 +1760,10 @@
"@ephox/katamari" "^9.1.6"
"@ephox/sand" "^6.0.10"
-"@esbuild/win32-x64@0.25.9":
+"@esbuild/darwin-arm64@0.25.9":
version "0.25.9"
- resolved "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.9.tgz"
- integrity sha512-PPOl1mi6lpLNQxnGoyAfschAodRFYXJ+9fs6WHXz7CSWKbOqiMZsubC+BQsVKuul+3vKLuwTHsS2c2y9EoKwxQ==
+ resolved "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.9.tgz"
+ integrity sha512-XIpIDMAjOELi/9PB30vEbVMs3GV1v2zkkPnuyRRURbhqjyzIINwj+nbQATh4H9GxUgH1kFsEyQMxwiLFKUS6Rg==
"@eslint-community/eslint-utils@^4.2.0", "@eslint-community/eslint-utils@^4.4.0", "@eslint-community/eslint-utils@^4.7.0":
version "4.7.0"
@@ -2577,10 +2577,10 @@
resolved "https://registry.npmjs.org/@open-draft/until/-/until-2.1.0.tgz"
integrity sha512-U69T3ItWHvLwGg5eJ0n3I62nWuE6ilHlmz7zM0npLBRvPRd7e6NYmg54vvRtP5mZG7kZqZCFVdsTWo7BPtBujg==
-"@parcel/watcher-win32-x64@2.5.1":
+"@parcel/watcher-darwin-arm64@2.5.1":
version "2.5.1"
- resolved "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz"
- integrity sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==
+ resolved "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz"
+ integrity sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==
"@parcel/watcher@^2.4.1":
version "2.5.1"
@@ -2748,10 +2748,10 @@
resolved "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz"
integrity sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==
-"@rollup/rollup-win32-x64-msvc@4.49.0":
+"@rollup/rollup-darwin-arm64@4.49.0":
version "4.49.0"
- resolved "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.49.0.tgz"
- integrity sha512-gEtqFbzmZLFk2xKh7g0Rlo8xzho8KrEFEkzvHbfUGkrgXOpZ4XagQ6n+wIZFNh1nTb8UD16J4nFSFKXYgnbdBg==
+ resolved "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.49.0.tgz"
+ integrity sha512-99kMMSMQT7got6iYX3yyIiJfFndpojBmkHfTc1rIje8VbjhmqBXE+nb7ZZP3A5skLyujvT0eIUCUsxAe6NjWbw==
"@rtsao/scc@^1.1.0":
version "1.1.0"
@@ -3459,10 +3459,10 @@
resolved "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz"
integrity sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==
-"@unrs/resolver-binding-win32-x64-msvc@1.11.1":
+"@unrs/resolver-binding-darwin-arm64@1.11.1":
version "1.11.1"
- resolved "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz"
- integrity sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==
+ resolved "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz"
+ integrity sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==
"@vitejs/plugin-react@^4.5.0":
version "4.7.0"
@@ -6579,7 +6579,19 @@ glob@^10.3.10:
package-json-from-dist "^1.0.0"
path-scurry "^1.11.1"
-glob@^7.1.3, glob@^7.1.4:
+glob@^7.1.3:
+ version "7.2.3"
+ resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
+ integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+ dependencies:
+ fs.realpath "^1.0.0"
+ inflight "^1.0.4"
+ inherits "2"
+ minimatch "^3.1.1"
+ once "^1.3.0"
+ path-is-absolute "^1.0.0"
+
+glob@^7.1.4:
version "7.2.3"
resolved "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz"
integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@@ -8733,14 +8745,7 @@ p-limit@^2.2.0:
dependencies:
p-try "^2.0.0"
-p-limit@^3.0.2:
- version "3.1.0"
- resolved "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz"
- integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
- dependencies:
- yocto-queue "^0.1.0"
-
-p-limit@^3.1.0:
+p-limit@^3.0.2, p-limit@^3.1.0:
version "3.1.0"
resolved "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz"
integrity sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==
@@ -8999,7 +9004,16 @@ postcss-value-parser@^4.0.2, postcss-value-parser@^4.2.0:
resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
-postcss@^8.4.31, postcss@^8.5.3, postcss@^8.5.6:
+postcss@^8.4.31, postcss@8.4.49:
+ version "8.4.49"
+ resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz"
+ integrity sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==
+ dependencies:
+ nanoid "^3.3.7"
+ picocolors "^1.1.1"
+ source-map-js "^1.2.1"
+
+postcss@^8.5.3:
version "8.5.6"
resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz"
integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -9008,12 +9022,12 @@ postcss@^8.4.31, postcss@^8.5.3, postcss@^8.5.6:
picocolors "^1.1.1"
source-map-js "^1.2.1"
-postcss@8.4.49:
- version "8.4.49"
- resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz"
- integrity sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==
+postcss@^8.5.6:
+ version "8.5.6"
+ resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz"
+ integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
dependencies:
- nanoid "^3.3.7"
+ nanoid "^3.3.11"
picocolors "^1.1.1"
source-map-js "^1.2.1"