@tabler/core 1.3.2 → 1.4.0

package/dist/libs/jsvectormap/dist/jsvectormap.css

@@ -1,9 +1,32 @@
-svg {
-  -ms-touch-action: none;
-      touch-action: none;
+:root {
+  --jvm-border-color: #E5E6E7;
+  --jvm-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --jvm-tooltip-font-size: 0.9rem;
+  --jvm-tooltip-bg-color: #337FFA;
+  --jvm-tooltip-color: #FFF;
+  --jvm-tooltip-padding: 3px 5px;
+  --jvm-tooltip-shadow: var(--jvm-box-shadow);
+  --jvm-tooltip-radius: 3px;
+  --jvm-zoom-btn-bg-color: #292929;
+  --jvm-zoom-btn-color: #FFF;
+  --jvm-zoom-btn-size: 15px;
+  --jvm-zoom-btn-radius: 3px;
+  --jvm-series-container-right: 15px;
+  --jvm-legend-bg-color: #FFF;
+  --jvm-legend-radius: 0.15rem;
+  --jvm-legend-margin-left: 0.75rem;
+  --jvm-legend-padding: 0.6rem;
+  --jvm-legend-title-padding-bottom: 0.5rem;
+  --jvm-legend-title-margin-bottom: 0.575rem;
+  --jvm-legend-tick-margin-top: 0.575rem;
+  --jvm-legend-tick-sample-radius: 0;
+  --jvm-legend-tick-sample-height: 12px;
+  --jvm-legend-tick-sample-width: 30px;
+  --jvm-legend-tick-text-font-size: 12px;
+  --jvm-legend-tick-text-margin-top: 3px;
 }
 
-image, text, .jvm-zoomin, .jvm-zoomout {
+image, text, .jvm-zoom-btn {
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -11,98 +34,101 @@ image, text, .jvm-zoomin, .jvm-zoomout {
 }
 
 .jvm-container {
-  -ms-touch-action: none;
-      touch-action: none;
   position: relative;
-  overflow: hidden;
   height: 100%;
   width: 100%;
 }
 
 .jvm-tooltip {
-  border-radius: 3px;
-  background-color: #5c5cff;
-  font-family: sans-serif, Verdana;
-  font-size: smaller;
-  box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.2);
-  padding: 3px 5px;
+  border-radius: var(--jvm-tooltip-radius);
+  background-color: var(--jvm-tooltip-bg-color);
+  color: var(--jvm-tooltip-color);
+  font-size: var(--jvm-tooltip-font-size);
+  box-shadow: var(--jvm-tooltip-shadow);
+  padding: var(--jvm-tooltip-padding);
   white-space: nowrap;
   position: absolute;
   display: none;
-  color: #FFF;
 }
 .jvm-tooltip.active {
   display: block;
 }
 
 .jvm-zoom-btn {
-  border-radius: 3px;
-  background-color: #292929;
-  padding: 3px;
+  background-color: var(--jvm-zoom-btn-bg-color);
+  color: var(--jvm-zoom-btn-color);
+  border-radius: var(--jvm-zoom-btn-radius);
+  height: var(--jvm-zoom-btn-size);
+  width: var(--jvm-zoom-btn-size);
   box-sizing: border-box;
   position: absolute;
-  line-height: 10px;
-  cursor: pointer;
-  color: #FFF;
-  height: 15px;
-  width: 15px;
   left: 10px;
-}
-.jvm-zoom-btn.jvm-zoomout {
-  top: 30px;
+  line-height: var(--jvm-zoom-btn-size);
+  text-align: center;
+  cursor: pointer;
 }
 .jvm-zoom-btn.jvm-zoomin {
-  top: 10px;
+  top: var(--jvm-zoom-btn-size);
+}
+.jvm-zoom-btn.jvm-zoomout {
+  top: calc(var(--jvm-zoom-btn-size) * 2 + var(--jvm-zoom-btn-size) / 3);
 }
 
 .jvm-series-container {
-  right: 15px;
   position: absolute;
+  right: var(--jvm-series-container-right);
 }
 .jvm-series-container.jvm-series-h {
   bottom: 15px;
 }
 .jvm-series-container.jvm-series-v {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 0.75rem;
   top: 15px;
 }
-.jvm-series-container .jvm-legend {
-  background-color: #FFF;
-  border: 1px solid #e5e7eb;
-  margin-left: 0.75rem;
-  border-radius: 0.25rem;
-  border-color: #e5e7eb;
-  padding: 0.6rem;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  float: left;
-}
-.jvm-series-container .jvm-legend .jvm-legend-title {
+
+.jvm-legend {
+  background-color: var(--jvm-legend-bg-color);
+  border: 1px solid var(--jvm-border-color);
+  margin-left: var(--jvm-legend-margin-left);
+  border-radius: var(--jvm-legend-radius);
+  padding: var(--jvm-legend-padding);
+  box-shadow: var(--jvm-box-shadow);
+}
+
+.jvm-legend-title {
   line-height: 1;
-  border-bottom: 1px solid #e5e7eb;
-  padding-bottom: 0.5rem;
-  margin-bottom: 0.575rem;
+  border-bottom: 1px solid var(--jvm-border-color);
+  padding-bottom: var(--jvm-legend-title-padding-bottom);
+  margin-bottom: var(--jvm-legend-title-margin-bottom);
   text-align: left;
 }
-.jvm-series-container .jvm-legend .jvm-legend-inner {
-  overflow: hidden;
-}
-.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick {
-  overflow: hidden;
+
+.jvm-legend-tick {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
   min-width: 40px;
 }
-.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick:not(:first-child) {
-  margin-top: 0.575rem;
+.jvm-legend-tick:not(:first-child) {
+  margin-top: var(--jvm-legend-tick-margin-top);
 }
-.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-sample {
-  border-radius: 4px;
-  margin-right: 0.65rem;
-  height: 16px;
-  width: 16px;
-  float: left;
+
+.jvm-legend-tick-sample {
+  border-radius: var(--jvm-legend-tick-sample-radius);
+  margin-right: 0.45rem;
+  height: var(--jvm-legend-tick-sample-height);
+  width: var(--jvm-legend-tick-sample-width);
 }
-.jvm-series-container .jvm-legend .jvm-legend-inner .jvm-legend-tick .jvm-legend-tick-text {
-  font-size: 12px;
+
+.jvm-legend-tick-text {
+  font-size: var(--jvm-legend-tick-text-font-size);
   text-align: center;
-  float: left;
+  line-height: 1;
 }
 
 .jvm-line[animation=true] {