Rename css (#185)

Resolves #83

* Rename CSS classes from mapboxgl-* to maplibre-* #83 - Initial commit

* Added changelog comment

* Rename CSS classes from mapboxgl-* to maplibre-* #83 - Fix missing rename

* Rename CSS classes from mapboxgl-* to maplibre-* #83 - more fixes

* Update migration readme

* Bump version and update changelog accordingly

Author: HarelM

.stylelintrc

@@ -5,7 +5,7 @@
     "declaration-block-semicolon-newline-after": "always-multi-line",
     "block-opening-brace-space-before": "always-multi-line",
     "declaration-block-single-line-max-declarations": 3,
-    "selector-class-pattern": "mapboxgl-[a-z-]+",
+    "selector-class-pattern": "maplibregl-[a-z-]+",
     "at-rule-no-unknown": [true, {
       "ignoreAtRules": ["svg-load"]
     }]

CHANGELOG.md

@@ -3,6 +3,16 @@
 ### Features and improvements
 
 - *...Add new stuff here...*
+
+### 🐞 Bug fixes
+
+- *...Add fixed bugs here...*
+
+## 1.15.0
+
+### Features and improvements
+
+- ** Breaking Change: ** Rename css classes ((#83)[https://github.com/maplibre/maplibre-gl-js/issues/83])
 - Added custom protocol support to allow overriding ajax calls ((#29)[https://github.com/maplibre/maplibre-gl-js/issues/29])
 - Added setTransformRequest to map (#159)
 - Publish @maplibre/maplibre-gl-style-spec v14.0.0 on NPM (#149)
@@ -16,7 +26,6 @@
 
 ### 🐞 Bug fixes
 
-- *...Add fixed bugs here...*
 - Prevented attribution button from submiting form (#178)
 
 ## 1.14.0

README.md

@@ -12,10 +12,13 @@ If you depend on mapbox-gl directly, simply replace `mapbox-gl` with `maplibre-g
   }
 ```
 
-And replace ```mapboxgl``` with ```maplibregl``` in your JavaScript code:
+And replace ```mapboxgl``` with ```maplibregl``` in your JavaScript/HTML/CSS code:
 ```diff
 -    var map = new mapboxgl.Map({
 +    var map = new maplibregl.Map({
+
+-    <button class="mapboxgl-ctrl">
++    <button class="maplibregl-ctrl">
 ```
 
 Want an example? [Try out MapLibre GL on CodePen](https://codepen.io/klokan/pen/WNoZRyx) and have a look at ones in the official [MapLibre GL JS Documentation](https://maplibre.org/maplibre-gl-js-docs/example/).

build/rollup_plugins.js

@@ -11,7 +11,7 @@ import {createFilter} from 'rollup-pluginutils';
 import strip from '@rollup/plugin-strip';
 
 // Common set of plugins/transformations shared across different rollup
-// builds (main mapboxgl bundle, style-spec package, benchmarks bundle)
+// builds (main maplibre bundle, style-spec package, benchmarks bundle)
 
 export const plugins = (minified, production) => [
     flow(),

debug/chinese.html

@@ -9,7 +9,7 @@
         body { margin: 0; padding: 0; }
         html, body, #map { height: 100%; }
 
-        .mapboxgl-marker {
+        .maplibregl-marker {
             width: 10px;
             height: 10px;
             background: red;

debug/events.html

@@ -37,7 +37,7 @@
     transition-duration: 200ms;
 }
 
-#map.blur .mapboxgl-canvas-container {
+#map.blur .maplibregl-canvas-container {
     opacity: 0.6;
     -webkit-filter: blur(2px);
     filter: blur(2px);

package.json

@@ -1,7 +1,7 @@
 {
   "name": "maplibre-gl",
   "description": "BSD licensed community fork of mapbox-gl, a WebGL interactive maps library",
-  "version": "1.14.1-rc.2",
+  "version": "1.15.0",
   "main": "dist/maplibre-gl.js",
   "style": "dist/maplibre-gl.css",
   "license": "BSD-3-Clause",