@sikka/hawa 0.17.8-next → 0.17.10-next

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.css +2 -1
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +13 -9
  5. package/dist/index.mjs +13 -9
  6. package/package.json +2 -1
package/dist/index.css CHANGED
@@ -400,7 +400,8 @@ video {
400
400
  --muted-foreground: 240 3.8% 46.1%;
401
401
  --accent: 240 4.8% 95.9%;
402
402
  --accent-foreground: 240 5.9% 10%;
403
- --destructive: 0 84.2% 60.2%;
403
+ /* --destructive: 0 84.2% 60.2%; OLD LOW CONTRAST*/
404
+ --destructive: 0 72.22% 50.59%;
404
405
  --destructive-foreground: 0 0% 98%;
405
406
  --info: 209 62% 50%;
406
407
  --info-foreground: 0 0% 98%;
package/dist/index.d.mts CHANGED
@@ -973,7 +973,7 @@ interface StatTypes extends React__default.HTMLAttributes<HTMLDivElement> {
973
973
  helperText?: string;
974
974
  helperTextColor?: "default" | "positive" | "negative" | "muted";
975
975
  chart?: any;
976
- icon?: any;
976
+ icon?: React__default.ReactNode;
977
977
  variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
978
978
  width?: "full" | "min" | "normal";
979
979
  isLoading?: boolean;
package/dist/index.d.ts CHANGED
@@ -973,7 +973,7 @@ interface StatTypes extends React__default.HTMLAttributes<HTMLDivElement> {
973
973
  helperText?: string;
974
974
  helperTextColor?: "default" | "positive" | "negative" | "muted";
975
975
  chart?: any;
976
- icon?: any;
976
+ icon?: React__default.ReactNode;
977
977
  variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
978
978
  width?: "full" | "min" | "normal";
979
979
  isLoading?: boolean;
package/dist/index.js CHANGED
@@ -2929,7 +2929,7 @@ var Tooltip = ({
2929
2929
 
2930
2930
  // components/elements/Label.tsx
2931
2931
  var Label2 = React14.forwardRef(
2932
- ({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React14.createElement(
2932
+ ({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-transition-all hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React14.createElement(
2933
2933
  "label",
2934
2934
  {
2935
2935
  ref,
@@ -5860,7 +5860,7 @@ var DataTable = ({
5860
5860
  /* @__PURE__ */ React45.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
5861
5861
  " ",
5862
5862
  /* @__PURE__ */ React45.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
5863
- ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React45.createElement(
5863
+ ), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React45.createElement(
5864
5864
  "input",
5865
5865
  {
5866
5866
  max: table.getPageCount(),
@@ -5901,7 +5901,7 @@ var DataTable = ({
5901
5901
  ),
5902
5902
  onItemSelect: (e) => table.setPageSize(Number(e))
5903
5903
  }
5904
- ), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
5904
+ ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
5905
5905
  Button,
5906
5906
  {
5907
5907
  "aria-label": "Previous Table Page",
@@ -5909,7 +5909,9 @@ var DataTable = ({
5909
5909
  size: "smallIcon",
5910
5910
  onClick: () => table.previousPage(),
5911
5911
  disabled: !table.getCanPreviousPage(),
5912
- className: cn(props.direction === "ltr" && "hawa-rotate-180")
5912
+ className: cn(
5913
+ props.direction === "ltr" && "hawa-rotate-180"
5914
+ )
5913
5915
  },
5914
5916
  /* @__PURE__ */ React45.createElement(
5915
5917
  "svg",
@@ -5938,7 +5940,9 @@ var DataTable = ({
5938
5940
  size: "smallIcon",
5939
5941
  onClick: () => table.nextPage(),
5940
5942
  disabled: !table.getCanNextPage(),
5941
- className: cn(props.direction === "rtl" && "hawa-rotate-180")
5943
+ className: cn(
5944
+ props.direction === "rtl" && "hawa-rotate-180"
5945
+ )
5942
5946
  },
5943
5947
  /* @__PURE__ */ React45.createElement(
5944
5948
  "svg",
@@ -5959,7 +5963,7 @@ var DataTable = ({
5959
5963
  }
5960
5964
  )
5961
5965
  )
5962
- )))
5966
+ ))))
5963
5967
  ));
5964
5968
  };
5965
5969
 
@@ -7261,7 +7265,7 @@ var Stats = ({
7261
7265
  negative: "hawa-text-red-600 dark:hawa-text-red-500",
7262
7266
  muted: "hawa-text-muted-foreground"
7263
7267
  };
7264
- return /* @__PURE__ */ import_react37.default.createElement(Card, { ...props, clickable: Boolean(props.onClick) }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-p-4 hawa-items-center" }, /* @__PURE__ */ import_react37.default.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ import_react37.default.createElement("span", null, icon)), /* @__PURE__ */ import_react37.default.createElement(CardContent, null, isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), isLoading && helperText ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : /* @__PURE__ */ import_react37.default.createElement(
7268
+ return /* @__PURE__ */ import_react37.default.createElement(Card, { ...props, clickable: Boolean(props.onClick) }, /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-p-4 hawa-items-center" }, /* @__PURE__ */ import_react37.default.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ import_react37.default.createElement("span", null, icon)), /* @__PURE__ */ import_react37.default.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ import_react37.default.createElement(
7265
7269
  "p",
7266
7270
  {
7267
7271
  className: cn(
@@ -7270,8 +7274,8 @@ var Stats = ({
7270
7274
  helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
7271
7275
  )
7272
7276
  },
7273
- helperText
7274
- ), isLoading && chart ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart));
7277
+ isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
7278
+ ), chart && (isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
7275
7279
  };
7276
7280
 
7277
7281
  // components/layout/Sidebar.tsx
package/dist/index.mjs CHANGED
@@ -2707,7 +2707,7 @@ var Tooltip = ({
2707
2707
 
2708
2708
  // components/elements/Label.tsx
2709
2709
  var Label2 = React14.forwardRef(
2710
- ({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React14.createElement(
2710
+ ({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React14.createElement("div", { className: "hawa-transition-all hawa-flex hawa-flex-row hawa-gap-1 hawa-items-center" }, /* @__PURE__ */ React14.createElement(
2711
2711
  "label",
2712
2712
  {
2713
2713
  ref,
@@ -5649,7 +5649,7 @@ var DataTable = ({
5649
5649
  /* @__PURE__ */ React45.createElement("span", null, (_g = props.texts) == null ? void 0 : _g.total),
5650
5650
  " ",
5651
5651
  /* @__PURE__ */ React45.createElement("span", null, table.getFilteredRowModel().rows.length.toLocaleString())
5652
- ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React45.createElement(
5652
+ ), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 " }, enableGoTo && /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-center hawa-items-center hawa-gap-2" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-text-sm" }, (_h = props.texts) == null ? void 0 : _h.goTo), /* @__PURE__ */ React45.createElement(
5653
5653
  "input",
5654
5654
  {
5655
5655
  max: table.getPageCount(),
@@ -5690,7 +5690,7 @@ var DataTable = ({
5690
5690
  ),
5691
5691
  onItemSelect: (e) => table.setPageSize(Number(e))
5692
5692
  }
5693
- ), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
5693
+ ), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
5694
5694
  Button,
5695
5695
  {
5696
5696
  "aria-label": "Previous Table Page",
@@ -5698,7 +5698,9 @@ var DataTable = ({
5698
5698
  size: "smallIcon",
5699
5699
  onClick: () => table.previousPage(),
5700
5700
  disabled: !table.getCanPreviousPage(),
5701
- className: cn(props.direction === "ltr" && "hawa-rotate-180")
5701
+ className: cn(
5702
+ props.direction === "ltr" && "hawa-rotate-180"
5703
+ )
5702
5704
  },
5703
5705
  /* @__PURE__ */ React45.createElement(
5704
5706
  "svg",
@@ -5727,7 +5729,9 @@ var DataTable = ({
5727
5729
  size: "smallIcon",
5728
5730
  onClick: () => table.nextPage(),
5729
5731
  disabled: !table.getCanNextPage(),
5730
- className: cn(props.direction === "rtl" && "hawa-rotate-180")
5732
+ className: cn(
5733
+ props.direction === "rtl" && "hawa-rotate-180"
5734
+ )
5731
5735
  },
5732
5736
  /* @__PURE__ */ React45.createElement(
5733
5737
  "svg",
@@ -5748,7 +5752,7 @@ var DataTable = ({
5748
5752
  }
5749
5753
  )
5750
5754
  )
5751
- )))
5755
+ ))))
5752
5756
  ));
5753
5757
  };
5754
5758
 
@@ -7056,7 +7060,7 @@ var Stats = ({
7056
7060
  negative: "hawa-text-red-600 dark:hawa-text-red-500",
7057
7061
  muted: "hawa-text-muted-foreground"
7058
7062
  };
7059
- return /* @__PURE__ */ React62.createElement(Card, { ...props, clickable: Boolean(props.onClick) }, /* @__PURE__ */ React62.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-p-4 hawa-items-center" }, /* @__PURE__ */ React62.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React62.createElement("span", null, icon)), /* @__PURE__ */ React62.createElement(CardContent, null, isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React62.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), isLoading && helperText ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : /* @__PURE__ */ React62.createElement(
7063
+ return /* @__PURE__ */ React62.createElement(Card, { ...props, clickable: Boolean(props.onClick) }, /* @__PURE__ */ React62.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between hawa-p-4 hawa-items-center" }, /* @__PURE__ */ React62.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React62.createElement("span", null, icon)), /* @__PURE__ */ React62.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React62.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React62.createElement(
7060
7064
  "p",
7061
7065
  {
7062
7066
  className: cn(
@@ -7065,8 +7069,8 @@ var Stats = ({
7065
7069
  helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
7066
7070
  )
7067
7071
  },
7068
- helperText
7069
- ), isLoading && chart ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart));
7072
+ isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
7073
+ ), chart && (isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
7070
7074
  };
7071
7075
 
7072
7076
  // components/layout/Sidebar.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.17.8-next",
3
+ "version": "0.17.10-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",
@@ -116,6 +116,7 @@
116
116
  "postcss": "^8.4.31",
117
117
  "postcss-cli": "^10.1.0",
118
118
  "postcss-import": "^15.1.0",
119
+ "recharts": "^2.9.3",
119
120
  "storybook": "^7.5.3",
120
121
  "storybook-dark-mode": "^3.0.1",
121
122
  "tailwindcss": "^3.3.5",