@kws3/ui 1.5.0 → 1.5.1

package/charts/Chart.svelte

@@ -14,7 +14,7 @@
 
 <script>
   import { onMount, createEventDispatcher } from "svelte";
-  import ApexCharts from "apexcharts";
+  import ApexCharts from "apexcharts/dist/apexcharts.esm";
   import { merge } from "./utils";
 
   const fire = createEventDispatcher();

package/charts/utils.js

@@ -1,4 +1,4 @@
-import ApexCharts from "apexcharts";
+import ApexCharts from "apexcharts/dist/apexcharts.esm";
 
 const themeColors = [
   "#284BED",

package/controls/NumberInput.svelte

@@ -28,7 +28,7 @@ This will be overridden if `min` is higher, or `max` is lower, Default: `0`
 <div class="field has-addons">
   <div class="control">
     <button
-      data-testid="minus-button"
+      role="button"
       type="button"
       class="button is-{size} is-{minus_button_color}"
       style="box-shadow:none;"
@@ -42,7 +42,7 @@ This will be overridden if `min` is higher, or `max` is lower, Default: `0`
   </div>
   <div class="control is-{fullwidth ? 'expanded' : 'narrow'}">
     <input
-      data-testid="number-input"
+      data-testid="input"
       class="input has-text-centered is-{size} is-{value < min || value > max
         ? 'danger'
         : ''}"
@@ -58,7 +58,7 @@ This will be overridden if `min` is higher, or `max` is lower, Default: `0`
   </div>
   <div class="control">
     <button
-      data-testid="plus-button"
+      role="button"
       type="button"
       class="button is-{size} is-{plus_button_color}"
       style="box-shadow:none;"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "scripts": {
@@ -28,5 +28,5 @@
     "text-mask-core": "^5.1.2",
     "tippy.js": "^6.3.1"
   },
-  "gitHead": "ef298daf2ccfb5ae8075c4ee9508228ad24e69c1"
+  "gitHead": "affc920010dff752a3f8b3b997fe2e160b8a9e67"
 }

package/styles/Chart.scss

@@ -12,7 +12,7 @@ $kws-chart-tooltip-foreground-color: $scheme-invert-ter !default;
       color: $kws-chart-tooltip-foreground-color;
       border: none;
     }
-    .apexcharts-tooltip-series-group.active,
+    .apexcharts-tooltip-series-group.apexcharts-active,
     .apexcharts-tooltip-series-group:last-child {
       padding-bottom: 0;
     }