@thednp/color-picker 2.0.0-alpha1 → 2.0.0-alpha2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thednp/color-picker",
-  "version": "2.0.0-alpha1",
+  "version": "2.0.0-alpha2",
   "author": "thednp",
   "license": "MIT",
   "description": "🎨 Modern Color Picker Component",
@@ -63,20 +63,20 @@
     "typescript"
   ],
   "dependencies": {
-    "@thednp/color": "^1.0.6",
-    "@thednp/event-listener": "^2.0.0",
-    "@thednp/shorty": "^2.0.0-alpha14"
+    "@thednp/color": "^1.0.7",
+    "@thednp/event-listener": "^2.0.1",
+    "@thednp/shorty": "^2.0.0-alpha15"
   },
   "devDependencies": {
     "@bahmutov/cypress-esbuild-preprocessor": "^2.2.0",
-    "@cypress/code-coverage": "^3.10.3",
+    "@cypress/code-coverage": "^3.10.7",
     "@types/istanbul-lib-instrument": "^1.7.4",
-    "@typescript-eslint/eslint-plugin": "^5.57.1",
-    "@typescript-eslint/parser": "^5.57.1",
-    "cypress": "^12.9.0",
-    "dts-bundle-generator": "^8.0.0",
-    "eslint": "^8.37.0",
-    "eslint-plugin-jsdoc": "^40.1.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.9",
+    "@typescript-eslint/parser": "^5.59.9",
+    "cypress": "^12.14.0",
+    "dts-bundle-generator": "^8.0.1",
+    "eslint": "^8.42.0",
+    "eslint-plugin-jsdoc": "^46.2.6",
     "eslint-plugin-prefer-arrow": "^1.2.3",
     "eslint-plugin-prettier": "^4.2.1",
     "istanbul-lib-coverage": "^3.2.0",
@@ -84,15 +84,15 @@
     "ncp": "^2.0.0",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
-    "prettier": "^2.8.7",
-    "rimraf": "^4.4.1",
-    "sass": "^1.60.0",
-    "stylelint": "^15.4.0",
-    "stylelint-config-standard": "^32.0.0",
-    "stylelint-config-standard-scss": "^7.0.1",
+    "prettier": "^2.8.8",
+    "rimraf": "^5.0.1",
+    "sass": "^1.63.3",
+    "stylelint": "^15.7.0",
+    "stylelint-config-standard": "^33.0.0",
+    "stylelint-config-standard-scss": "^9.0.0",
     "stylelint-order": "^6.0.3",
-    "stylelint-scss": "^4.6.0",
-    "typescript": "^5.0.3",
+    "stylelint-scss": "^5.0.1",
+    "typescript": "^5.1.3",
     "vite": "^4.3.9"
   }
 }

package/src/scss/color-picker.scss

@@ -64,7 +64,11 @@
 }
 
 .color-dropdown.picker { left: 0; }
-.color-dropdown.menu { right: 0; max-height: 230px; }
+
+.color-dropdown.menu {
+  right: 0;
+  max-height: 230px;
+}
 
 .open .color-dropdown.top {
   top: auto;
@@ -427,12 +431,12 @@
   cursor: ns-resize;
 }
 
-@media (min-width: 578px) {
+@media (width >= 578px) {
   .visual-control { height: 230px; }
   .visual-control1 { width: 230px; }
 }
 
-@media (min-width: 1200px) {
+@media (width >= 1200px) {
   .visual-control { height: 300px; }
   .visual-control1 { width: 300px; }
 }