@likable-hair/svelte 3.1.31 → 3.1.33

package/dist/components/composed/search/Filters.css

@@ -1,3 +1,5 @@
 :root {
+  --filters-button-cancel-default-background-color: transparent;
+  --filters-button-cancel-default-color: rgb(var(--global-color-primary-400));
   --filters-default-wrapper-width: auto;
 }

package/dist/components/composed/search/Filters.svelte

@@ -468,8 +468,8 @@ let moreItemsActivator;
                       --button-width="100%"
                       --button-box-shadow="none"
                       --button-padding="10px 0px 10px 0px"
-                      --button-background-color="rgb(var(--global-color-grey-50))"
-                      --button-color="rgb(var(--global-color-primary-500))"
+                      --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
+                      --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
                       --button-border-radius="0px 0px 0px 0px"
                       on:click={() => {mobileOpen = false; closeFilterMenu(200)}}
                     >{cancelFilterLabel}</Button>
@@ -543,8 +543,8 @@ let moreItemsActivator;
               <div class="footer">
                 <div class="actions" style:padding-bottom={mAndDown ? '20px' : undefined}>
                   <Button
-                    --button-color="rgb(var(--global-color-primary-400))"
-                    --button-background-color="transparent"
+                    --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
+                    --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
                     --button-hover-background-color="rgb(var(--global-color-primary-500))"
                     --button-hover-box-shadow="0 0 0.5rem rgba(0, 0, 0, 0.3)"
                     --button-box-shadow="none"
@@ -648,7 +648,8 @@ let moreItemsActivator;
               <svelte:fragment slot="filter-actions" let:applyFilterDisabled let:filter>
                 <div class="sub-filter-button">
                   <Button
-                    --button-background-color="transparent"
+                    --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
+                    --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
                     --button-hover-background-color="rgb(var(--global-color-primary-500))"
                     --button-hover-box-shadow="0 0 0.5rem rgba(0, 0, 0, 0.3)"
                     --button-box-shadow="none"
@@ -710,8 +711,8 @@ let moreItemsActivator;
           <div class="footer">
             <div class="actions" style:padding-bottom={mAndDown ? '20px' : undefined}>
               <Button
-                --button-color="rgb(var(--global-color-primary-400))"
-                --button-background-color="transparent"
+                --button-background-color="var(--filters-button-cancel-background-color, var(--filters-button-cancel-default-background-color))"
+                --button-color="var(--filters-button-cancel-color, var(--filters-button-cancel-default-color))"
                 --button-hover-background-color="rgb(var(--global-color-primary-500))"
                 --button-hover-box-shadow="0 0 0.5rem rgba(0, 0, 0, 0.3)"
                 --button-box-shadow="none"

package/dist/components/simple/charts/GanymedeBarChart.svelte

@@ -25,7 +25,7 @@ ChartJS.register(
 export let data = {
   labels: [],
   datasets: []
-}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = true, resetZoom = false;
+}, horizontal = false, responsive = true, maintainAspectRatio = true, showLegend = true, showYTicks = false, showXTicks = false, displayYGrid = true, lineWidth = 1, enableZoom = true, resetZoom = false, tooltipLabel = void 0, yTickLabel = void 0, xTickLabel = void 0;
 let mounted = false, zoomMounted = false;
 onMount(() => {
   mounted = true;
@@ -78,6 +78,9 @@ $:
         bodyFont: {
           size: 14,
           weight: "bold"
+        },
+        callbacks: {
+          label: tooltipLabel
         }
       },
       legend: {
@@ -113,7 +116,8 @@ $:
           display: false
         },
         ticks: {
-          display: showYTicks
+          display: showYTicks,
+          callback: xTickLabel
         }
       },
       y: {
@@ -128,7 +132,8 @@ $:
           display: false
         },
         ticks: {
-          display: showXTicks
+          display: showXTicks,
+          callback: yTickLabel
         }
       }
     }

package/dist/components/simple/charts/GanymedeBarChart.svelte.d.ts

@@ -22,6 +22,9 @@ declare const __propDef: {
         lineWidth?: number | undefined;
         enableZoom?: boolean | undefined;
         resetZoom?: boolean | undefined;
+        tooltipLabel?: ((tooltip: import("chart.js").TooltipItem<"bar">) => string) | undefined;
+        yTickLabel?: ((tickValue: string | number, index: number, ticks: any[]) => (string | number)) | undefined;
+        xTickLabel?: ((tickValue: string | number, index: number, ticks: any[]) => (string | number)) | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@likable-hair/svelte",
   "description": "A Svelte component for likablehair and others",
-  "version": "3.1.31",
+  "version": "3.1.33",
   "scripts": {
     "host": "vite --host",
     "dev": "vite dev",