@sikka/hawa 0.13.13-next → 0.13.15-next

package/dist/index.js

@@ -2484,7 +2484,7 @@ var Chip = function(param) {
 var import_react16 = __toESM(require("react"));
 var import_clsx6 = __toESM(require("clsx"));
 var Alert = function(_param) {
-    var _param_variant = _param.variant, variant = _param_variant === void 0 ? "normal" : _param_variant, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_severity = _param.severity, severity = _param_severity === void 0 ? "info" : _param_severity, duration = _param.duration, icon = _param.icon, className = _param.className, props = _object_without_properties(_param, [
+    var _param_variant = _param.variant, variant = _param_variant === void 0 ? "normal" : _param_variant, _param_direction = _param.direction, direction = _param_direction === void 0 ? "ltr" : _param_direction, _param_severity = _param.severity, severity = _param_severity === void 0 ? "none" : _param_severity, duration = _param.duration, icon = _param.icon, className = _param.className, props = _object_without_properties(_param, [
         "variant",
         "direction",
         "severity",
@@ -2540,9 +2540,9 @@ var Alert = function(_param) {
     }, icon), /* @__PURE__ */ import_react16.default.createElement("div", {
         className: "hawa-flex hawa-flex-col"
     }, /* @__PURE__ */ import_react16.default.createElement("span", {
-        className: (0, import_clsx6.default)("font-medium", direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
+        className: (0, import_clsx6.default)("hawa-font-bold", direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
     }, props.title), /* @__PURE__ */ import_react16.default.createElement("span", {
-        className: (0, import_clsx6.default)(direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
+        className: (0, import_clsx6.default)(direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8", props.persistant ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]")
     }, props.text), props.actions && /* @__PURE__ */ import_react16.default.createElement("div", {
         className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2"
     }, props.actions.map(function(act, index) {
@@ -2553,9 +2553,9 @@ var Alert = function(_param) {
         }, act.label);
     })))), !props.persistant && /* @__PURE__ */ import_react16.default.createElement("button", {
         type: "button",
-        className: (0, import_clsx6.default)("hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all  hover:hawa-text-gray-900", closeButtonStyle[severity], direction === "rtl" ? "hawa-left-2" : "hawa-right-2"),
         "data-dismiss-target": "#alert-default",
         "aria-label": "Close",
+        className: (0, import_clsx6.default)("hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all  hover:hawa-text-gray-900", closeButtonStyle[severity], direction === "rtl" ? "hawa-left-2" : "hawa-right-2"),
         onClick: function() {
             setClosed(true);
             setTimeout(function() {
@@ -7126,7 +7126,7 @@ var AppLayout = function(_param) {
         delayDuration: 500,
         content: keepOpen ? ((_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.collapseSidebar) || "Collapse Sidebar" : ((_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.expandSidebar) || "Expand Sidebar"
     }, /* @__PURE__ */ import_react36.default.createElement(Button, {
-        variant: "light",
+        variant: "outline",
         onClick: function() {
             var newKeepOpenState = !keepOpen;
             if (props.onDrawerExpand) {

package/dist/index.mjs

@@ -2003,7 +2003,7 @@ import clsx6 from "clsx";
 var Alert = ({
   variant = "normal",
   direction = "ltr",
-  severity = "info",
+  severity = "none",
   duration,
   icon,
   className,
@@ -2064,7 +2064,7 @@ var Alert = ({
       "span",
       {
         className: clsx6(
-          "font-medium",
+          "hawa-font-bold",
           direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
         )
       },
@@ -2072,7 +2072,10 @@ var Alert = ({
     ), /* @__PURE__ */ React25.createElement(
       "span",
       {
-        className: clsx6(direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8")
+        className: clsx6(
+          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
+          props.persistant ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
+        )
       },
       props.text
     ), props.actions && /* @__PURE__ */ React25.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React25.createElement(
@@ -2088,13 +2091,13 @@ var Alert = ({
       "button",
       {
         type: "button",
+        "data-dismiss-target": "#alert-default",
+        "aria-label": "Close",
         className: clsx6(
           "hawa-absolute  hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all  hover:hawa-text-gray-900",
           closeButtonStyle[severity],
           direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
         ),
-        "data-dismiss-target": "#alert-default",
-        "aria-label": "Close",
         onClick: () => {
           setClosed(true);
           setTimeout(() => {
@@ -7053,7 +7056,7 @@ var AppLayout = ({
         /* @__PURE__ */ React61.createElement(
           Button,
           {
-            variant: "light",
+            variant: "outline",
             onClick: () => {
               const newKeepOpenState = !keepOpen;
               if (props.onDrawerExpand) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.13.13-next",
+  "version": "0.13.15-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -17,6 +17,7 @@
     "build": "next build",
     "start": "next start -p 3032",
     "lint": "next lint",
+    "test": "jest",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "build-lib": "tsup components/index.tsx --format cjs,esm --dts",
@@ -65,6 +66,7 @@
     "zod": "^3.22.3"
   },
   "devDependencies": {
+    "@babel/preset-react": "^7.22.15",
     "@storybook/addon-essentials": "^7.5.2",
     "@storybook/addon-interactions": "^7.5.2",
     "@storybook/addon-links": "^7.5.2",
@@ -76,8 +78,13 @@
     "@storybook/react": "^7.5.2",
     "@storybook/testing-library": "^0.2.2",
     "@storybook/theming": "^7.5.2",
+    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.7",
     "autoprefixer": "^10.4.16",
     "eslint-plugin-storybook": "^0.6.15",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "lucide-react": "^0.290.0",
     "postcss": "^8.4.31",
     "postcss-cli": "^10.1.0",