@luzmo/analytics-components-kit 1.0.1-alpha.38 → 1.0.1-alpha.39

package/utils/themes/default-dark.d.ts

@@ -0,0 +1,46 @@
+export declare const defaultDarkTheme: {
+    type: string;
+    background: string;
+    itemsBackground: string;
+    boxShadow: {
+        size: string;
+        color: string;
+    };
+    title: {
+        align: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        border: boolean;
+    };
+    font: {
+        fontFamily: string;
+        'font-style': string;
+        'font-weight': number;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {
+        'border-color': string;
+        'border-style': string;
+        'border-radius': string;
+        'border-top-width': string;
+        'border-left-width': string;
+        'border-right-width': string;
+        'border-bottom-width': string;
+    };
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {
+        background: string;
+    };
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+};

package/utils/themes/default.d.ts

@@ -0,0 +1,46 @@
+export declare const defaultTheme: {
+    type: string;
+    background: string;
+    itemsBackground: string;
+    boxShadow: {
+        size: string;
+        color: string;
+    };
+    title: {
+        align: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        border: boolean;
+    };
+    font: {
+        fontFamily: string;
+        'font-style': string;
+        'font-weight': number;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {
+        'border-color': string;
+        'border-style': string;
+        'border-radius': string;
+        'border-top-width': string;
+        'border-left-width': string;
+        'border-right-width': string;
+        'border-bottom-width': string;
+    };
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {
+        background: string;
+    };
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+};

package/utils/themes/index.d.ts

@@ -1,6 +1,6 @@
+export type ThemeName = 'default' | 'default_dark' | 'vivid' | 'seasonal' | 'orion' | 'royale' | 'urban' | 'pinky' | 'bliss' | 'radiant' | 'classic' | 'classic_dark';
 export declare const themes: {
     default: {
-        name: string;
         type: string;
         background: string;
         itemsBackground: string;
@@ -44,17 +44,12 @@ export declare const themes: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     default_dark: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
-        colors: string[];
-        mainColor: string;
-        tooltip: {
-            background: string;
-        };
-        type: string;
         boxShadow: {
             size: string;
             color: string;
@@ -72,6 +67,7 @@ export declare const themes: {
             'font-weight': number;
             fontSize: number;
         };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -82,19 +78,28 @@ export declare const themes: {
             'border-bottom-width': string;
         };
         margins: number[];
+        mainColor: string;
         axis: {};
         legend: {
             type: string;
         };
+        tooltip: {
+            background: string;
+        };
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     vivid: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
         title: {
             align: string;
             bold: boolean;
@@ -102,22 +107,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
-        margins: number[];
-        mainColor: string;
-        legend: {
-            type: string;
-        };
-        tooltip: {};
-        colors: string[];
         font: {
             fontFamily: string;
             fontSize: number;
         };
-        type: string;
-        boxShadow: {
-            size: string;
-            color: string;
-        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -127,16 +121,27 @@ export declare const themes: {
             'border-right-width': string;
             'border-bottom-width': string;
         };
+        margins: number[];
+        mainColor: string;
         axis: {};
+        legend: {
+            type: string;
+        };
+        tooltip: {};
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     seasonal: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
         title: {
             align: string;
             bold: boolean;
@@ -144,7 +149,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
-        editModeBackground: string;
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -156,28 +165,20 @@ export declare const themes: {
         };
         margins: number[];
         mainColor: string;
-        tooltip: {};
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
-        boxShadow: {
-            size: string;
-            color: string;
-        };
         axis: {};
         legend: {
             type: string;
         };
+        tooltip: {};
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
+        editModeBackground: string;
     };
     orion: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
         boxShadow: {
@@ -191,6 +192,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -200,18 +206,12 @@ export declare const themes: {
             'border-right-width': string;
             'border-bottom-width': string;
         };
+        margins: number[];
         mainColor: string;
+        axis: {};
         legend: {
             type: string;
         };
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
-        margins: number[];
-        axis: {};
         tooltip: {
             background: string;
         };
@@ -219,9 +219,10 @@ export declare const themes: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     royale: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
         boxShadow: {
@@ -235,31 +236,35 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {
             'border-radius': string;
         };
         margins: number[];
         mainColor: string;
+        axis: {};
         legend: {
             type: string;
         };
         tooltip: {};
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
-        axis: {};
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     urban: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
         title: {
             align: string;
             bold: boolean;
@@ -267,21 +272,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
-        margins: number[];
-        mainColor: string;
-        legend: {
-            type: string;
-        };
-        colors: string[];
         font: {
             fontFamily: string;
             fontSize: number;
         };
-        type: string;
-        boxShadow: {
-            size: string;
-            color: string;
-        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -291,7 +286,12 @@ export declare const themes: {
             'border-right-width': string;
             'border-bottom-width': string;
         };
+        margins: number[];
+        mainColor: string;
         axis: {};
+        legend: {
+            type: string;
+        };
         tooltip: {
             background: string;
         };
@@ -299,11 +299,16 @@ export declare const themes: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     pinky: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
         title: {
             align: string;
             bold: boolean;
@@ -311,6 +316,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -322,28 +332,19 @@ export declare const themes: {
         };
         margins: number[];
         mainColor: string;
+        axis: {};
         legend: {
             type: string;
         };
         tooltip: {};
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
-        boxShadow: {
-            size: string;
-            color: string;
-        };
-        axis: {};
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     bliss: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
         boxShadow: {
@@ -357,7 +358,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
-        editModeBackground: string;
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -374,21 +379,21 @@ export declare const themes: {
             type: string;
         };
         tooltip: {};
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
+        editModeBackground: string;
     };
     radiant: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
         title: {
             align: string;
             bold: boolean;
@@ -396,6 +401,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -407,30 +417,25 @@ export declare const themes: {
         };
         margins: number[];
         mainColor: string;
+        axis: {};
         legend: {
             type: string;
         };
         tooltip: {};
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
-        boxShadow: {
-            size: string;
-            color: string;
-        };
-        axis: {};
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
     classic: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
         title: {
             align: string;
             bold: boolean;
@@ -438,7 +443,11 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
-        editModeBackground: string;
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {
             'border-color': string;
             'border-style': string;
@@ -450,30 +459,26 @@ export declare const themes: {
         };
         margins: number[];
         mainColor: string;
+        axis: {};
         legend: {
             type: string;
         };
         tooltip: {};
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
-        boxShadow: {
-            size: string;
-            color: string;
-        };
-        axis: {};
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
+        editModeBackground: string;
     };
     classic_dark: {
-        name: string;
+        type: string;
         background: string;
         itemsBackground: string;
+        boxShadow: {
+            size: string;
+            color: string;
+        };
         title: {
             align: string;
             bold: boolean;
@@ -481,27 +486,23 @@ export declare const themes: {
             underline: boolean;
             border: boolean;
         };
+        font: {
+            fontFamily: string;
+            fontSize: number;
+        };
+        colors: string[];
         borders: {};
         margins: number[];
         mainColor: string;
+        axis: {};
         legend: {
             type: string;
         };
         tooltip: {};
-        colors: string[];
-        font: {
-            fontFamily: string;
-            fontSize: number;
-        };
-        type: string;
-        boxShadow: {
-            size: string;
-            color: string;
-        };
-        axis: {};
         itemSpecific: {
             rounding: number;
             padding: number;
         };
+        name: string;
     };
 };

package/utils/themes/orion.d.ts

@@ -0,0 +1,44 @@
+export declare const orionTheme: {
+    type: string;
+    background: string;
+    itemsBackground: string;
+    boxShadow: {
+        size: string;
+        color: string;
+    };
+    title: {
+        align: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        border: boolean;
+    };
+    font: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {
+        'border-color': string;
+        'border-style': string;
+        'border-radius': string;
+        'border-top-width': string;
+        'border-left-width': string;
+        'border-right-width': string;
+        'border-bottom-width': string;
+    };
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {
+        background: string;
+    };
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+};

package/utils/themes/pinky.d.ts

@@ -0,0 +1,42 @@
+export declare const pinkyTheme: {
+    type: string;
+    background: string;
+    itemsBackground: string;
+    boxShadow: {
+        size: string;
+        color: string;
+    };
+    title: {
+        align: string;
+        bold: boolean;
+        italic: boolean;
+        underline: boolean;
+        border: boolean;
+    };
+    font: {
+        fontFamily: string;
+        fontSize: number;
+    };
+    colors: string[];
+    borders: {
+        'border-color': string;
+        'border-style': string;
+        'border-radius': string;
+        'border-top-width': string;
+        'border-left-width': string;
+        'border-right-width': string;
+        'border-bottom-width': string;
+    };
+    margins: number[];
+    mainColor: string;
+    axis: {};
+    legend: {
+        type: string;
+    };
+    tooltip: {};
+    itemSpecific: {
+        rounding: number;
+        padding: number;
+    };
+    name: string;
+};