docs: updated map style section [build doc]

docs/api/core/components.md

@@ -360,7 +360,7 @@ Shapes['my-shape'] = {
 },
 ```
 
-::: note Tip
+::: tip Tip
 Checkout the [Miscellaneous activity](https://kapp.dev.kalisio.xyz/#/home/miscellaneous) to see examples.
 :::
 
@@ -369,7 +369,7 @@ Checkout the [Miscellaneous activity](https://kapp.dev.kalisio.xyz/#/home/miscel
 The [KColorScale](https://github.com/kalisio/kdk/blob/master/core/client/components/media/KColorScale.vue) component helps to render [Chroma color scales](https://gka.github.io/chroma.js/#color-scales).
 You can provide the `scale`, `domain` and `classes` properties and also a `label` as well as a `direction` (vertical or horizontal).
 
-::: note Tip
+::: tip Tip
 Checkout the [Miscellaneous activity](https://kapp.dev.kalisio.xyz/#/home/miscellaneous) to see examples.
 :::
 
@@ -381,7 +381,7 @@ In addition and only if needed, it uses [chroma.js](https://gka.github.io/chroma
 
 Checkout the [ChartActivity](https://github.com/kalisio/kApp/blob/master/src/components/ChartActivity.vue) to understand how it works.
 
-::: tip
+::: tip Tip
 Have a look at the [choma color scales](https://gka.github.io/chroma.js/#color-scales) to see how to define your color scale.
 :::
 

docs/api/map/map-mixins.md

@@ -158,13 +158,16 @@ In addition and for backward compatibility, **KDK** supports an enhanced [simple
 | `icon-x-offset` | `style.point.icon.xOffset` |
 | `icon-y-offset` | `style.point.icon.yOffset` |
 
-https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dashoffset
-
 The mixin automatically registers defaults styling for the the following type: `point`, `line` and `polygon`. For each type, the following options are  merged with the following order of precedence:
-    * feature style :  **feature.style** or on [simple style spec options](https://github.com/mapbox/simplestyle-spec) **feature.properties**
+    * feature style:  **feature.style** or on [simple style spec options](https://github.com/mapbox/simplestyle-spec) **feature.properties**
     * layer style set on layer descriptor
     * engline style set on engine descriptot
 
+::: tip Tip
+Check out this [features.geojson](https://github.com/kalisio/kano/blob/master/test/data/style-editor/features.geojson) file to have some examples
+![Map style](../../.vitepress/public/images/kano-style.png)
+:::
+
 ## Map Popup
 
 Make it possible to generate [Leaflet popups](https://leafletjs.com/reference.html#popup) based on GeoJson feature properties. Use **register/unregisterStyle(`popup`, generator)** to (un)register a function **f(feature, layer, options)** returning a [Leaflet popup](https://leafletjs.com/reference.html#popup)