chore: update packages

.editorconfig

@@ -10,4 +10,8 @@ indent_style = tab
 
 [*.{js,ts}]
 indent_style = tab
-indent_size = 4
+indent_size = 4
+
+[*.json]
+indent_style = space
+indent_size = 2

.wp-env.json

@@ -1,7 +1,7 @@
 {
 	"core": null,
 	"plugins": ["."],
-	"phpVersion": "8.3",
+	"phpVersion": "8.2",
 	"env": {
 		"tests": {
 			"mappings": {

package.json

@@ -1,72 +1,73 @@
 {
-  "name": "codeb-feature-flags",
-  "version": "0.3.2",
-  "description": "Allows developers to enable / disable features based on flags.",
-  "license": "ISC",
-  "author": "Mohan Raj <https://mohanraj.dev>",
-  "scripts": {
-	"build": "wp-scripts build",
-	"lint:css": "wp-scripts lint-style",
-	"lint:css:fix": "npm run lint:css -- --fix",
-	"lint:js": "wp-scripts lint-js",
-	"lint:js:fix": "wp-scripts lint-js --fix",
-	"prepare": "husky",
-	"start": "wp-scripts start",
-	"test:e2e": "wp-scripts test-playwright",
-	"test:js": "wp-scripts test-unit-js",
-	"test:performance": "wp-scripts test-playwright --config tests/performance/playwright.config.ts",
-	"test:performance:merge-reports": "playwright merge-reports --reporter tests/performance/config/performance-reporter.ts ./blob-report",
-	"test:performance:results": "node tests/performance/cli/results.js",
-	"test:watch": "wp-scripts test-unit-js --watch",
-	"version:major": "node ./scripts/version major",
-	"version:minor": "node ./scripts/version minor",
-	"version:patch": "node ./scripts/version patch",
-	"wp-env": "wp-env start",
-	"wp-env:coverage": "wp-env start --xdebug=coverage",
-	"php:unit": "wp-env run --env-cwd='wp-content/plugins/feature-flags' tests-wordpress composer test:unit",
-	"php:integration": "wp-env run tests-wordpress --env-cwd=wp-content/plugins/feature-flags composer test:integration",
-	"php:multisite": "wp-env run tests-wordpress --env-cwd=wp-content/plugins/feature-flags composer test:multisite"
-  },
-  "dependencies": {
-	"@testing-library/user-event": "^14.5.2",
-	"@wordpress/api-fetch": "^6.48.0",
-	"@wordpress/components": "^27.1.0",
-	"@wordpress/data": "^9.23.0",
-	"@wordpress/dom-ready": "^3.53.0",
-	"@wordpress/hooks": "^3.53.0",
-	"@wordpress/i18n": "^4.54.0",
-	"@wordpress/notices": "^4.21.0",
-	"dotenv": "^16.4.5",
-	"react": "18.2.0",
-	"react-dom": "18.2.0",
-	"react-syntax-highlighter": "^15.5.0",
-	"react-test-renderer": "^18.2.0",
-	"ts-loader": "^9.5.1",
-	"typescript": "^5.4.2"
-  },
-  "devDependencies": {
-	"@playwright/test": "^1.42.1",
-	"@testing-library/jest-dom": "^6.4.2",
-	"@testing-library/react": "14.2.2",
-	"@types/jest": "^29.5.12",
-	"@types/node": "^20.12.5",
-	"@types/react-syntax-highlighter": "^15.5.11",
-	"@types/wordpress__components": "^23.0.11",
-	"@wordpress/e2e-test-utils-playwright": "^0.22.0",
-	"@wordpress/env": "^9.7.0",
-	"@wordpress/eslint-plugin": "^17.10.0",
-	"@wordpress/scripts": "^27.5.0",
-	"eslint": "^8.57.0",
-	"eslint-import-resolver-alias": "^1.1.2",
-	"eslint-plugin-cypress": "^2.15.1",
-	"eslint-plugin-import": "^2.29.1",
-	"husky": "^9.0.11",
-	"jest-environment-jsdom": "^29.7.0",
-	"prettier": "^3.2.5"
-  },
-  "keywords": [
-	"feature flags",
-	"wordpress",
-	"plugin"
-  ]
+	"name": "codeb-feature-flags",
+	"version": "0.3.2",
+	"description": "Allows developers to enable / disable features based on flags.",
+	"license": "ISC",
+	"author": "Mohan Raj <https://mohanraj.dev>",
+	"scripts": {
+		"build": "wp-scripts build",
+		"lint:css": "wp-scripts lint-style",
+		"lint:css:fix": "npm run lint:css -- --fix",
+		"lint:js": "wp-scripts lint-js",
+		"lint:js:fix": "wp-scripts lint-js --fix",
+		"prepare": "husky",
+		"start": "wp-scripts start",
+		"test:e2e": "wp-scripts test-playwright",
+		"test:js": "wp-scripts test-unit-js",
+		"test:performance": "wp-scripts test-playwright --config tests/performance/playwright.config.ts",
+		"test:performance:merge-reports": "playwright merge-reports --reporter tests/performance/config/performance-reporter.ts ./blob-report",
+		"test:performance:results": "node tests/performance/cli/results.js",
+		"test:watch": "wp-scripts test-unit-js --watch",
+		"version:major": "node ./scripts/version major",
+		"version:minor": "node ./scripts/version minor",
+		"version:patch": "node ./scripts/version patch",
+		"wp-env": "wp-env start",
+		"wp-env:coverage": "wp-env start --xdebug=coverage",
+		"php:unit": "wp-env run --env-cwd='wp-content/plugins/feature-flags' tests-wordpress composer test:unit",
+		"php:integration": "wp-env run tests-wordpress --env-cwd=wp-content/plugins/feature-flags composer test:integration",
+		"php:multisite": "wp-env run tests-wordpress --env-cwd=wp-content/plugins/feature-flags composer test:multisite"
+	},
+	"dependencies": {
+		"@testing-library/user-event": "^14.5.2",
+		"@wordpress/api-fetch": "^7.0.0",
+		"@wordpress/components": "^28.0.0",
+		"@wordpress/data": "^10.0.0",
+		"@wordpress/dom-ready": "^4.0.0",
+		"@wordpress/hooks": "^4.0.0",
+		"@wordpress/i18n": "^5.0.0",
+		"@wordpress/notices": "^5.0.0",
+		"dotenv": "^16.4.5",
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
+		"react-syntax-highlighter": "^15.5.0",
+		"react-test-renderer": "^18.2.0",
+		"ts-loader": "^9.5.1",
+		"typescript": "^5.4.2"
+	},
+	"devDependencies": {
+		"@playwright/test": "^1.42.1",
+		"@testing-library/dom": "^10.1.0",
+		"@testing-library/jest-dom": "^6.4.2",
+		"@testing-library/react": "^16.0.0",
+		"@types/jest": "^29.5.12",
+		"@types/node": "^20.14.0",
+		"@types/react-syntax-highlighter": "^15.5.11",
+		"@types/wordpress__components": "^23.0.11",
+		"@wordpress/e2e-test-utils-playwright": "^1.0.0",
+		"@wordpress/env": "^10.0.0",
+		"@wordpress/eslint-plugin": "^19.0.0",
+		"@wordpress/scripts": "27.9.0",
+		"eslint": "^9.4.0",
+		"eslint-import-resolver-alias": "^1.1.2",
+		"eslint-plugin-cypress": "^3.3.0",
+		"eslint-plugin-import": "^2.29.1",
+		"husky": "^9.0.11",
+		"jest-environment-jsdom": "^29.7.0",
+		"prettier": "^3.2.5"
+	},
+	"keywords": [
+		"feature flags",
+		"wordpress",
+		"plugin"
+	]
 }

src/styles/settings.scss

@@ -15,6 +15,11 @@
 		right: 250px;
 	}
 
+	.components-snackbar__content {
+		padding-left: 22px;
+		position: static;
+	}
+
 	.components-snackbar__icon {
 		top: auto;
 		left: 18px;