@kws3/ui 2.0.0 → 2.0.2

package/CHANGELOG.mdx

@@ -1,3 +1,10 @@
+## 2.0.2
+ - Bugfixes with chart default colours
+ - Set today's date on datepicker initialisation so that long running pages don't stick to the date of first load as today's date
+
+## 2.0.1
+ - Hardcoded color bugfix on pagination styles
+
 ## 2.0.0
  - Add support for custom CSS classes for the table in `GridView` component
  - Add support for displaying `GridView` table rows in a compact manner using `is_narrow` prop.

package/charts/AreaChart.svelte

@@ -142,11 +142,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = {};
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/BarChart.svelte

@@ -162,11 +162,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = {};
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/DonutChart.svelte

@@ -129,11 +129,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   $: __class =
     "kws-donut-chart " + `${sparklines ? "kws-sparklines" : ""} ` + klass;
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: _data = data || Array(labels.length || 0).fill(0);
   $: _options = merge(

package/charts/LineChart.svelte

@@ -142,11 +142,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = {};
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/MixedChart.svelte

@@ -147,11 +147,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   let _data = [];
   let yAxis = [];
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, sets, normaliseAll();
   $: _options = merge(

package/charts/PieChart.svelte

@@ -129,11 +129,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   $: __class =
     "kws-pie-chart " + `${sparklines ? "kws-sparklines" : ""} ` + klass;
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: _data = data || Array(labels.length || 0).fill(0);
   $: _options = merge(

package/charts/RadialChart.svelte

@@ -142,11 +142,12 @@ This is to prevent unnecessary event subscriptions., Default: `[]`
   $: __class =
     "kws-radial-chart " + `${sparklines ? "kws-sparklines" : ""} ` + klass;
 
-  $: usedColors = colors
-    ? colors
-    : $defaultChartColors
-    ? $defaultChartColors
-    : [];
+  $: usedColors =
+    colors && colors.length
+      ? colors
+      : $defaultChartColors
+      ? $defaultChartColors
+      : [];
 
   $: data, normaliseData();
   $: labels, normaliseLabels();

package/forms/actions.js

@@ -34,6 +34,10 @@ function createFlatpickrAction(defaultOpts, hooks, type) {
       _opts["onChange"] = createFirer("dateChange");
     }
 
+    //set today's date on initilisation
+    //otherwise pages that are open overnight do not update their "Today's date"
+    _opts.now = new Date();
+
     let OPTS = Object.assign(defaultOpts, _opts, opts);
 
     let picker = flatpickr(node, OPTS);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kws3/ui",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "description": "UI components for use with Svelte v3 applications.",
   "main": "index.js",
   "svelte": "index.js",
@@ -32,5 +32,5 @@
     "text-mask-core": "^5.1.2",
     "tippy.js": "^6.3.1"
   },
-  "gitHead": "9606d798a4c6d550863290f2c0b6baac3a61a09e"
+  "gitHead": "f0fcfc46afc23ad17512ff1a783352372990c22d"
 }

package/styles/Pagination.scss

@@ -1,12 +1,12 @@
 $kws-pagination-item-color: $text !default;
-$kws-pagination-item-background: #fff !default;
+$kws-pagination-item-background: $scheme-main !default;
 $kws-pagination-item-border: 1px solid $border !default;
 $kws-pagination-item-hover-color: $kws-pagination-item-color !default;
 $kws-pagination-item-hover-border: $kws-pagination-item-border !default;
-$kws-pagination-item-disabled-background: $white-ter !default;
+$kws-pagination-item-disabled-background: $scheme-main-ter !default;
 $kws-pagination-item-disabled-color: $grey !default;
-$kws-pagination-item-ellipsis-background: $white-bis !default;
-$kws-pagination-item-ellipsis-border-color: $grey-lighter !default;
+$kws-pagination-item-ellipsis-background: $scheme-main-ter !default;
+$kws-pagination-item-ellipsis-border-color: $scheme-main-ter !default;
 $kws-pagination-item-active-background: $success !default;
 $kws-pagination-item-active-color: findColorInvert(
   $kws-pagination-item-active-background
@@ -14,7 +14,10 @@ $kws-pagination-item-active-color: findColorInvert(
 
 $kws-pagination-frame-box-shadow: 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.1),
   0 0 0 0.0625rem rgba(0, 0, 0, 0.1) !default;
-$kws-pagination-frame-background: linear-gradient(#fff, #fafafa) !default;
+$kws-pagination-frame-background: linear-gradient(
+  $scheme-main,
+  $scheme-main-ter
+) !default;
 
 .pagination {
   &.is-small {