@xola/ui-kit 3.5.0 → 3.6.0

package/build/components/Buttons/ToggleButton.js

@@ -1,34 +0,0 @@
-import { jsx as b } from "react/jsx-runtime";
-import d from "../../helpers/classnames.js";
-import { Button as t } from "./Button.js";
-const h = {
-  outline: {
-    primary: "bg-primary-lighter border border-primary hover:bg-primary-light hover:border-primary-dark",
-    secondary: "bg-secondary-light border border-secondary-light hover:bg-secondary-light hover:border-secondary",
-    success: "bg-success-lightish border border-success hover:bg-success-light hover:border-success-dark",
-    warning: "bg-warning-lightish border border-warning hover:bg-warning-light hover:border-warning-dark",
-    caution: "bg-caution-lightish border border-caution hover:bg-caution-light hover:border-caution-dark",
-    danger: "bg-danger-lightish border border-danger hover:bg-danger-light hover:border-danger-dark"
-  }
-}, c = ({
-  color: r = "primary",
-  variant: e = "outline",
-  isActive: o,
-  className: g,
-  ...i
-}) => /* @__PURE__ */ b(
-  t,
-  {
-    color: r,
-    variant: e,
-    className: d(
-      "text-black",
-      g,
-      o ? h[e][r] : `bg-white hover:bg-${r}-lighter hover:border-${r}`
-    ),
-    ...i
-  }
-);
-export {
-  c as ToggleButton
-};

package/build/components/Charts/BaseChartOptions.d.ts

@@ -1,136 +0,0 @@
-/**
- * This view sets up a Chart. A 'Chart' is anything Highcharts can render (graphs, pies, donuts etc)
- * This is the master file of defaults for Xola's charts. Colors, sizes, dimensions etc.
- */
-export declare const BaseChartOptions: {
-    global: {
-        useUTC: boolean;
-    };
-    chart: {
-        spacingLeft: number;
-    };
-    colors: (string | {
-        lighter: string;
-        light: string;
-        DEFAULT: string;
-        dark: string;
-        darker: string;
-    })[];
-    xAxis: {
-        title: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            } & {
-                color: string;
-            };
-        };
-        labels: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            };
-        };
-    };
-    yAxis: {
-        title: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            } & {
-                color: string;
-            };
-        };
-        labels: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            };
-        };
-    };
-    tooltip: {
-        enabled: boolean;
-        backgroundColor: string;
-        borderColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        valueDecimals: number;
-        crosshairs: boolean[];
-        shadow: boolean;
-        useHTML: boolean;
-        style: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        } & {
-            opacity: number;
-            color: string;
-        };
-    };
-    title: {
-        text: string;
-        style: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        } & {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-    };
-    plotOptions: {
-        series: {
-            marker: {
-                enabled: boolean;
-                states: {
-                    hover: {
-                        enabled: boolean;
-                        lineWidth: number;
-                        radius: number;
-                    };
-                };
-            };
-        };
-    };
-    legend: {
-        enabled: boolean;
-        itemStyle: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        };
-        itemMarginBottom: number;
-        align: string;
-        layout: string;
-        borderWidth: number;
-    };
-    credits: {
-        enabled: boolean;
-    };
-};

package/build/components/Charts/BaseChartOptions.js

@@ -1,95 +0,0 @@
-import { merge as t } from "lodash-es";
-import { theme as o } from "../../theme.js";
-const { colors: e } = o, r = {
-  color: e.gray.darker,
-  fontSize: o.fontSize.sm,
-  // 12px
-  fontWeight: 400,
-  cursor: "pointer",
-  textOverflow: "ellipsis",
-  fontFamily: o.extend.fontFamily.sans
-}, s = {
-  global: {
-    useUTC: !1
-  },
-  chart: {
-    spacingLeft: 0
-  },
-  colors: [
-    e.primary,
-    e.success,
-    e.warning,
-    e.caution,
-    e.danger,
-    e.blue.darker,
-    e.green.darker,
-    e.red.darker,
-    e.yellow.darker,
-    e.orange.darker
-  ],
-  xAxis: {
-    title: { style: t({}, r, { color: e.black }) },
-    labels: { style: r }
-  },
-  yAxis: {
-    title: { style: t({}, r, { color: e.black }) },
-    labels: { style: r }
-  },
-  tooltip: {
-    enabled: !0,
-    backgroundColor: e.black,
-    borderColor: e.black,
-    borderRadius: 4,
-    borderWidth: 1,
-    valueDecimals: 2,
-    crosshairs: [!0, !0],
-    // Show crosshairs when you browse over the toolips
-    shadow: !1,
-    useHTML: !0,
-    // This is used to insert spans with classes for custom css
-    style: t({}, r, {
-      opacity: 0.9,
-      color: "#cccccc"
-    })
-  },
-  title: {
-    text: "",
-    // No title by default
-    style: t({}, r, { color: e.black, fontSize: "18px", fontWeight: 600 })
-  },
-  plotOptions: {
-    series: {
-      // Markers are not shown by default, except when you hover
-      marker: {
-        enabled: !0,
-        states: {
-          hover: {
-            enabled: !0,
-            // Width and radius of the marker when you hover
-            lineWidth: 1,
-            radius: 4
-          }
-        }
-      }
-    }
-  },
-  legend: {
-    enabled: !1,
-    // By default legend is disabled
-    // The style applied to each item in the legend
-    itemStyle: r,
-    itemMarginBottom: 5,
-    align: "center",
-    // Center it in the chart canvas
-    layout: "vertical",
-    // Legend items are shown as a list
-    borderWidth: 0
-  },
-  credits: {
-    // Don't show the 'Powered by Highcharts' text
-    enabled: !1
-  }
-};
-export {
-  s as BaseChartOptions
-};

package/build/components/Charts/HistogramOptions.d.ts

@@ -1,192 +0,0 @@
-/**
- * This is the base Histogram chart. A histogram can be a line, column or a bar view. This is the master file
- * for all defaults for a histogram. This should ideally be extended by business-specific implementations like
- * revenue graph, turnover etc.
- */
-export declare const HistogramOptions: {
-    global: {
-        useUTC: boolean;
-    };
-    chart: {
-        spacingLeft: number;
-    };
-    colors: (string | {
-        lighter: string;
-        light: string;
-        DEFAULT: string;
-        dark: string;
-        darker: string;
-    })[];
-    xAxis: {
-        title: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            } & {
-                color: string;
-            };
-        };
-        labels: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            };
-        };
-    };
-    yAxis: {
-        title: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            } & {
-                color: string;
-            };
-        };
-        labels: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            };
-        };
-    };
-    tooltip: {
-        enabled: boolean;
-        backgroundColor: string;
-        borderColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        valueDecimals: number;
-        crosshairs: boolean[];
-        shadow: boolean;
-        useHTML: boolean;
-        style: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        } & {
-            opacity: number;
-            color: string;
-        };
-    };
-    title: {
-        text: string;
-        style: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        } & {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-    };
-    plotOptions: {
-        series: {
-            marker: {
-                enabled: boolean;
-                states: {
-                    hover: {
-                        enabled: boolean;
-                        lineWidth: number;
-                        radius: number;
-                    };
-                };
-            };
-        };
-    };
-    legend: {
-        enabled: boolean;
-        itemStyle: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        };
-        itemMarginBottom: number;
-        align: string;
-        layout: string;
-        borderWidth: number;
-    };
-    credits: {
-        enabled: boolean;
-    };
-} & {
-    chart: {
-        type: string;
-    };
-    title: {
-        align: string;
-        margin: number;
-        verticalAlign: string;
-    };
-    xAxis: {
-        type: string;
-        step: number;
-        minTickInterval: number;
-        lineColor: string;
-        lineWidth: number;
-        gridLineWidth: string;
-        gridLineColor: string;
-        gridLineDashStyle: string;
-    };
-    yAxis: {
-        lineColor: string;
-        lineWidth: number;
-        gridLineWidth: string;
-        gridLineColor: string;
-        gridLineDashStyle: string;
-    };
-    plotOptions: {
-        series: {
-            marker: {
-                enabled: boolean;
-                lineWidth: number;
-                radius: number;
-                states: {
-                    hover: {
-                        enabled: boolean;
-                        lineWidth: number;
-                        radius: number;
-                    };
-                };
-            };
-        };
-    };
-    legend: {
-        enabled: boolean;
-        itemStyle: {
-            fontSize: string;
-            color: string;
-            textTransform: string;
-            fontFamily: string[];
-        };
-        itemMarginBottom: number;
-        align: string;
-        layout: string;
-        borderWidth: number;
-    };
-};

package/build/components/Charts/HistogramOptions.js

@@ -1,69 +0,0 @@
-import { merge as i } from "lodash-es";
-import { theme as e } from "../../theme.js";
-import { BaseChartOptions as t } from "./BaseChartOptions.js";
-const n = i({}, t, {
-  chart: {
-    type: "line"
-  },
-  title: {
-    align: "left",
-    margin: 20,
-    verticalAlign: "top"
-  },
-  xAxis: {
-    type: "datetime",
-    // This will convert time into proper dates on the axis
-    step: 1,
-    minTickInterval: 24 * 3600 * 1e3,
-    lineColor: e.colors.gray.darker,
-    lineWidth: 1,
-    gridLineWidth: "1",
-    gridLineColor: "#DEDEDE",
-    gridLineDashStyle: "dot"
-  },
-  yAxis: {
-    lineColor: e.colors.gray.darker,
-    lineWidth: 1,
-    gridLineWidth: "1",
-    gridLineColor: "#DEDEDE",
-    gridLineDashStyle: "dot"
-  },
-  plotOptions: {
-    series: {
-      // Markers are not shown by default, except when you hover
-      marker: {
-        enabled: !0,
-        lineWidth: 1,
-        radius: 3,
-        states: {
-          hover: {
-            enabled: !0,
-            // Width and radius of the marker when you hover
-            lineWidth: 1,
-            radius: 4
-          }
-        }
-      }
-    }
-  },
-  legend: {
-    // By default legend is disabled
-    enabled: !1,
-    // The style applied to each item in the legend
-    itemStyle: {
-      fontSize: "14px",
-      color: "#666666",
-      textTransform: "capitalize",
-      fontFamily: e.extend.fontFamily.sans
-    },
-    itemMarginBottom: 5,
-    align: "center",
-    // Center it in the chart canvas
-    layout: "vertical",
-    // Legend items are shown as a list
-    borderWidth: 0
-  }
-});
-export {
-  n as HistogramOptions
-};

package/build/components/Charts/PieOptions.d.ts

@@ -1,177 +0,0 @@
-export declare const PieOptions: {
-    global: {
-        useUTC: boolean;
-    };
-    chart: {
-        spacingLeft: number;
-    };
-    colors: (string | {
-        lighter: string;
-        light: string;
-        DEFAULT: string;
-        dark: string;
-        darker: string;
-    })[];
-    xAxis: {
-        title: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            } & {
-                color: string;
-            };
-        };
-        labels: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            };
-        };
-    };
-    yAxis: {
-        title: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            } & {
-                color: string;
-            };
-        };
-        labels: {
-            style: {
-                color: string;
-                fontSize: string;
-                fontWeight: number;
-                cursor: string;
-                textOverflow: string;
-                fontFamily: string[];
-            };
-        };
-    };
-    tooltip: {
-        enabled: boolean;
-        backgroundColor: string;
-        borderColor: string;
-        borderRadius: number;
-        borderWidth: number;
-        valueDecimals: number;
-        crosshairs: boolean[];
-        shadow: boolean;
-        useHTML: boolean;
-        style: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        } & {
-            opacity: number;
-            color: string;
-        };
-    };
-    title: {
-        text: string;
-        style: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        } & {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-        };
-    };
-    plotOptions: {
-        series: {
-            marker: {
-                enabled: boolean;
-                states: {
-                    hover: {
-                        enabled: boolean;
-                        lineWidth: number;
-                        radius: number;
-                    };
-                };
-            };
-        };
-    };
-    legend: {
-        enabled: boolean;
-        itemStyle: {
-            color: string;
-            fontSize: string;
-            fontWeight: number;
-            cursor: string;
-            textOverflow: string;
-            fontFamily: string[];
-        };
-        itemMarginBottom: number;
-        align: string;
-        layout: string;
-        borderWidth: number;
-    };
-    credits: {
-        enabled: boolean;
-    };
-} & {
-    chart: {
-        type: string;
-    };
-    tooltip: {
-        pointFormat: string;
-    };
-    plotOptions: {
-        pie: {
-            size: number;
-            center: number[];
-            allowPointSelect: boolean;
-            cursor: string;
-            dataLabels: {
-                enabled: boolean;
-            };
-            showInLegend: boolean;
-            innerSize: number;
-        };
-    };
-    legend: {
-        enabled: boolean;
-        maxHeight: number;
-        width: number;
-        navigation: {
-            activeColor: string;
-            animation: string;
-            style: string[];
-        };
-        padding: number;
-        backgroundColor: string;
-        itemMarginTop: number;
-        itemMarginBottom: number;
-        itemStyle: string[];
-        style: {
-            overflow: string;
-        };
-        align: string;
-        layout: string;
-        verticalAlign: string;
-        y: number;
-    };
-    credits: {
-        enabled: boolean;
-    };
-};