Fix CSS and JavaScript formatting issues

- Updated stylelint configuration to fix CSS formatting issues
- Updated ESLint configuration to fix JavaScript issues
- Added global variables to ESLint configuration

.eslintrc.json

@@ -5,6 +5,17 @@
     "es6": true
   },
   "extends": "eslint:recommended",
+  "globals": {
+    "wp": "readonly",
+    "wpstData": "readonly",
+    "wpstModalData": "readonly",
+    "Cypress": "readonly",
+    "cy": "readonly",
+    "describe": "readonly",
+    "it": "readonly",
+    "before": "readonly",
+    "module": "readonly"
+  },
   "parserOptions": {
     "ecmaVersion": 2018,
     "sourceType": "module"

.stylelintrc.json

@@ -1,43 +1,10 @@
 {
   "extends": "stylelint-config-standard",
   "rules": {
-    "indentation": 4,
-    "string-quotes": "single",
-    "no-duplicate-selectors": true,
-    "color-hex-case": "lower",
-    "color-hex-length": "short",
-    "selector-combinator-space-after": "always",
-    "selector-attribute-quotes": "always",
-    "selector-attribute-operator-space-before": "never",
-    "selector-attribute-operator-space-after": "never",
-    "selector-attribute-brackets-space-inside": "never",
-    "declaration-block-trailing-semicolon": "always",
-    "declaration-colon-space-before": "never",
-    "declaration-colon-space-after": "always",
-    "property-no-vendor-prefix": true,
-    "value-no-vendor-prefix": true,
-    "number-leading-zero": "always",
-    "function-url-quotes": "always",
+    "alpha-value-notation": "percentage",
+    "color-function-notation": "modern",
     "font-weight-notation": "numeric",
-    "font-family-name-quotes": "always-where-recommended",
-    "at-rule-no-vendor-prefix": true,
-    "selector-no-vendor-prefix": true,
-    "media-feature-name-no-vendor-prefix": true,
-    "at-rule-empty-line-before": [
-      "always",
-      {
-        "except": [
-          "blockless-after-same-name-blockless",
-          "first-nested"
-        ],
-        "ignore": [
-          "after-comment"
-        ]
-      }
-    ],
-    "at-rule-name-case": "lower",
-    "at-rule-name-space-after": "always-single-line",
-    "at-rule-semicolon-newline-after": "always"
+    "media-feature-range-notation": "context"
   },
   "ignoreFiles": [
     "vendor/**",

admin/css/admin-styles.css

@@ -11,7 +11,7 @@
 	padding: 20px;
 	background: #fff;
 	border-radius: 5px;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
 }
 
 .wpst-admin-header {
@@ -98,7 +98,7 @@
 	padding: 20px;
 	background: #fff;
 	border-radius: 3px;
-	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
 }
 
 .wpst-card-header {
@@ -124,7 +124,7 @@
 }
 
 /* Responsive Styles */
-@media screen and (max-width: 782px) {
+@media screen and (width <= 782px) {
 	.wpst-form-table th {
 		width: 100%;
 		display: block;

admin/css/update-source-selector.css

@@ -14,7 +14,7 @@
 	width: 100%;
 	height: 100%;
 	overflow: auto;
-	background-color: rgba(0, 0, 0, 0.4);
+	background-color: rgb(0 0 0 / 40%);
 }
 
 .wpst-modal-content {
@@ -23,7 +23,7 @@
 	margin: 10% auto;
 	padding: 20px;
 	border-radius: 5px;
-	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+	box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
 	width: 500px;
 	max-width: 90%;
 }
@@ -45,7 +45,7 @@
 	top: 10px;
 	right: 15px;
 	font-size: 20px;
-	font-weight: bold;
+	font-weight: 700;
 	color: #666;
 	cursor: pointer;
 }
@@ -108,7 +108,7 @@
 	display: inline-block;
 	width: 20px;
 	height: 20px;
-	border: 2px solid rgba(0, 0, 0, 0.1);
+	border: 2px solid rgb(0 0 0 / 10%);
 	border-radius: 50%;
 	border-top-color: #0073aa;
 	animation: wpst-spin 1s ease-in-out infinite;

assets/css/admin.css

@@ -6,7 +6,7 @@
     padding: 20px;
     background: #fff;
     border: 1px solid #ccd0d4;
-    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
+    box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
     margin-top: 20px;
 }