mapbox-gl-rails 2.7.0 → 2.9.0

data/app/assets/stylesheets/mapbox-gl.scss

@@ -2,7 +2,7 @@
   font: 12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;
   overflow: hidden;
   position: relative;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgb(0 0 0 / 0);
 }
 
 .mapboxgl-canvas {
@@ -123,7 +123,7 @@
   background: #fff;
 
   &:not(:empty) {
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
   }
 
   button {
@@ -169,32 +169,18 @@
 }
 
 .mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
-  box-shadow: 0 0 2px 2px #0096ff;
+  box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
 }
 
-.mapboxgl-ctrl button {
-  &:disabled {
-    cursor: not-allowed;
+.mapboxgl-ctrl button:disabled {
+  cursor: not-allowed;
 
-    .mapboxgl-ctrl-icon {
-      opacity: .25;
-    }
-  }
-
-  &:not(:disabled):hover {
-    background-color: rgba(0, 0, 0, 0.05);
+  .mapboxgl-ctrl-icon {
+    opacity: .25;
   }
 }
 
-.mapboxgl-ctrl-group button:focus {
-  &:focus-visible {
-    box-shadow: 0 0 2px 2px #0096ff;
-  }
-
-  &:not(:focus-visible) {
-    box-shadow: none;
-  }
-
+.mapboxgl-ctrl-group button {
   &:first-child {
     border-radius: 4px 4px 0 0;
   }
@@ -208,6 +194,20 @@
   }
 }
 
+.mapboxgl-ctrl button:not(:disabled):hover {
+  background-color: rgb(0 0 0 / 5%);
+}
+
+.mapboxgl-ctrl-group button:focus {
+  &:focus-visible {
+    box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
+  }
+
+  &:not(:focus-visible) {
+    box-shadow: none;
+  }
+}
+
 .mapboxgl-ctrl button {
   &.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E");
@@ -400,7 +400,7 @@ a.mapboxgl-ctrl-logo {
 
 .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
   padding: 0 5px;
-  background-color: hsla(0, 0%, 100%, 0.5);
+  background-color: rgb(255 255 255 / 50%);
   margin: 0;
 }
 
@@ -435,7 +435,7 @@ a.mapboxgl-ctrl-logo {
     cursor: pointer;
     position: absolute;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");
-    background-color: hsla(0, 0%, 100%, 0.5);
+    background-color: rgb(255 255 255 / 50%);
     width: 24px;
     height: 24px;
     box-sizing: border-box;
@@ -456,7 +456,7 @@ a.mapboxgl-ctrl-logo {
     }
 
     &.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
-      background-color: rgba(0, 0, 0, 0.05);
+      background-color: rgb(0 0 0 / 5%);
     }
   }
 
@@ -495,7 +495,7 @@ a.mapboxgl-ctrl-logo {
 
 .mapboxgl-ctrl-attrib {
   a {
-    color: rgba(0, 0, 0, 0.75);
+    color: rgb(0 0 0 / 75%);
     text-decoration: none;
 
     &:hover {
@@ -515,13 +515,14 @@ a.mapboxgl-ctrl-logo {
 }
 
 .mapboxgl-ctrl-scale {
-  background-color: hsla(0, 0%, 100%, 0.75);
+  background-color: rgb(255 255 255 / 75%);
   font-size: 10px;
   border: 2px solid #333;
   border-top: #333;
   padding: 0 5px;
   color: #333;
   box-sizing: border-box;
+  white-space: nowrap;
 }
 
 .mapboxgl-popup {
@@ -618,7 +619,7 @@ a.mapboxgl-ctrl-logo {
   background-color: transparent;
 
   &:hover {
-    background-color: rgba(0, 0, 0, 0.05);
+    background-color: rgb(0 0 0 / 5%);
   }
 }
 
@@ -626,7 +627,7 @@ a.mapboxgl-ctrl-logo {
   position: relative;
   background: #fff;
   border-radius: 3px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
   padding: 10px 10px 15px;
   pointer-events: auto;
 }
@@ -701,7 +702,7 @@ a.mapboxgl-ctrl-logo {
     top: -2px;
     width: 19px;
     box-sizing: border-box;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
+    box-shadow: 0 0 3px rgb(0 0 0 / 35%);
   }
 }
 
@@ -802,7 +803,7 @@ a.mapboxgl-ctrl-logo {
   left: 0;
   width: 100%;
   height: 100%;
-  background: rgba(0, 0, 0, 0.7);
+  background: rgb(0 0 0 / 70%);
   opacity: 0;
   pointer-events: none;
   transition: opacity .75s ease-in-out;

data/lib/mapbox-gl/rails/version.rb

@@ -14,7 +14,7 @@ module MapboxGl
       # Major version number
       MAJOR = 2
       # Minor version number
-      MINOR = 7
+      MINOR = 9
       # Smallest version number
       TINY = 0
 

data/test/dummy/app/assets/config/manifest.js

@@ -1,2 +1,2 @@
 //= link_directory ../javascripts .js
-//= link_directory ../stylesheets .scss
+//= link_directory ../stylesheets .css

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mapbox-gl-rails
 version: !ruby/object:Gem::Version
-  version: 2.7.0
+  version: 2.9.0
 platform: ruby
 authors:
 - Nikita Bulai
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-02-12 00:00:00.000000000 Z
+date: 2022-08-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties