@sikka/hawa 0.17.7-next → 0.17.9-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 +4 -4
  5. package/dist/index.mjs +4 -4
  6. package/package.json +6 -5
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,
@@ -7261,7 +7261,7 @@ var Stats = ({
7261
7261
  negative: "hawa-text-red-600 dark:hawa-text-red-500",
7262
7262
  muted: "hawa-text-muted-foreground"
7263
7263
  };
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(
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, { 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
7265
  "p",
7266
7266
  {
7267
7267
  className: cn(
@@ -7270,8 +7270,8 @@ var Stats = ({
7270
7270
  helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
7271
7271
  )
7272
7272
  },
7273
- helperText
7274
- ), isLoading && chart ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart));
7273
+ isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
7274
+ ), chart && (isLoading ? /* @__PURE__ */ import_react37.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
7275
7275
  };
7276
7276
 
7277
7277
  // 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,
@@ -7056,7 +7056,7 @@ var Stats = ({
7056
7056
  negative: "hawa-text-red-600 dark:hawa-text-red-500",
7057
7057
  muted: "hawa-text-muted-foreground"
7058
7058
  };
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(
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, { 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
7060
  "p",
7061
7061
  {
7062
7062
  className: cn(
@@ -7065,8 +7065,8 @@ var Stats = ({
7065
7065
  helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0"
7066
7066
  )
7067
7067
  },
7068
- helperText
7069
- ), isLoading && chart ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart));
7068
+ isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
7069
+ ), chart && (isLoading ? /* @__PURE__ */ React62.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
7070
7070
  };
7071
7071
 
7072
7072
  // components/layout/Sidebar.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.17.7-next",
3
+ "version": "0.17.9-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",
@@ -79,9 +79,9 @@
79
79
  "embla-carousel-auto-height": "^8.0.0-rc14",
80
80
  "embla-carousel-react": "^8.0.0-rc14",
81
81
  "eslint": "^8.53.0",
82
- "eslint-config-next": "^14.0.1",
82
+ "eslint-config-next": "^14.0.2",
83
83
  "libphonenumber-js": "^1.10.49",
84
- "next": "^14.0.1",
84
+ "next": "^14.0.2",
85
85
  "next-themes": "^0.2.1",
86
86
  "prism-react-renderer": "^2.1.0",
87
87
  "react": "18.2.0",
@@ -94,7 +94,7 @@
94
94
  "zod": "^3.22.3"
95
95
  },
96
96
  "devDependencies": {
97
- "@babel/preset-react": "^7.22.15",
97
+ "@babel/preset-react": "^7.23.3",
98
98
  "@storybook/addon-essentials": "^7.5.3",
99
99
  "@storybook/addon-interactions": "^7.5.3",
100
100
  "@storybook/addon-links": "^7.5.3",
@@ -106,7 +106,7 @@
106
106
  "@storybook/testing-library": "^0.2.2",
107
107
  "@storybook/theming": "^7.5.3",
108
108
  "@testing-library/jest-dom": "^6.1.4",
109
- "@testing-library/react": "^14.0.0",
109
+ "@testing-library/react": "^14.1.0",
110
110
  "@types/jest": "^29.5.8",
111
111
  "autoprefixer": "^10.4.16",
112
112
  "eslint-plugin-storybook": "^0.6.15",
@@ -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",