@sikka/hawa 0.29.1-next → 0.29.2-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.
package/dist/index.mjs CHANGED
@@ -8199,6 +8199,7 @@ import React66, { useEffect as useEffect14, useRef as useRef9, useState as useSt
8199
8199
  var AppLayout = ({
8200
8200
  profileMenuWidth = "default",
8201
8201
  DrawerFooterActions,
8202
+ classNames,
8202
8203
  design = "default",
8203
8204
  direction = "ltr",
8204
8205
  drawerSize = "md",
@@ -8390,7 +8391,8 @@ var AppLayout = ({
8390
8391
  dir: direction,
8391
8392
  className: cn(
8392
8393
  "hawa-fixed hawa-z-50 hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
8393
- props.onLogoClick && "hawa-cursor-pointer"
8394
+ props.onLogoClick && "hawa-cursor-pointer",
8395
+ classNames == null ? void 0 : classNames.logoContainer
8394
8396
  ),
8395
8397
  style: {
8396
8398
  width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
@@ -8402,7 +8404,8 @@ var AppLayout = ({
8402
8404
  {
8403
8405
  className: cn(
8404
8406
  "hawa-h-9 hawa-opacity-0 hawa-transition-all",
8405
- !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
8407
+ !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
8408
+ classNames == null ? void 0 : classNames.fullLogoImg
8406
8409
  ),
8407
8410
  src: props.logoLink
8408
8411
  }
@@ -8413,7 +8416,8 @@ var AppLayout = ({
8413
8416
  className: cn(
8414
8417
  "hawa-fixed hawa-h-9 hawa-transition-all",
8415
8418
  isRTL ? "hawa-right-2.5 hawa-top-2.5" : "hawa-left-2.5 hawa-top-2.5",
8416
- openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
8419
+ openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
8420
+ classNames == null ? void 0 : classNames.symbolLogoImg
8417
8421
  ),
8418
8422
  src: props.logoSymbol
8419
8423
  }
@@ -156,6 +156,11 @@ type AppLayoutTypes$1 = {
156
156
  /** Label for collapse sidebar button. */
157
157
  collapseSidebar?: string;
158
158
  };
159
+ classNames?: {
160
+ fullLogoImg?: string;
161
+ symbolLogoImg?: string;
162
+ logoContainer?: string;
163
+ };
159
164
  };
160
165
  declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
161
166
 
@@ -156,6 +156,11 @@ type AppLayoutTypes$1 = {
156
156
  /** Label for collapse sidebar button. */
157
157
  collapseSidebar?: string;
158
158
  };
159
+ classNames?: {
160
+ fullLogoImg?: string;
161
+ symbolLogoImg?: string;
162
+ logoContainer?: string;
163
+ };
159
164
  };
160
165
  declare const AppLayout: React__default.FunctionComponent<AppLayoutTypes$1>;
161
166
 
@@ -1340,6 +1340,7 @@ var Tooltip = ({
1340
1340
  var AppLayout = ({
1341
1341
  profileMenuWidth = "default",
1342
1342
  DrawerFooterActions,
1343
+ classNames,
1343
1344
  design = "default",
1344
1345
  direction = "ltr",
1345
1346
  drawerSize = "md",
@@ -1531,7 +1532,8 @@ var AppLayout = ({
1531
1532
  dir: direction,
1532
1533
  className: cn(
1533
1534
  "hawa-fixed hawa-z-50 hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
1534
- props.onLogoClick && "hawa-cursor-pointer"
1535
+ props.onLogoClick && "hawa-cursor-pointer",
1536
+ classNames == null ? void 0 : classNames.logoContainer
1535
1537
  ),
1536
1538
  style: {
1537
1539
  width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
@@ -1543,7 +1545,8 @@ var AppLayout = ({
1543
1545
  {
1544
1546
  className: cn(
1545
1547
  "hawa-h-9 hawa-opacity-0 hawa-transition-all",
1546
- !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
1548
+ !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
1549
+ classNames == null ? void 0 : classNames.fullLogoImg
1547
1550
  ),
1548
1551
  src: props.logoLink
1549
1552
  }
@@ -1554,7 +1557,8 @@ var AppLayout = ({
1554
1557
  className: cn(
1555
1558
  "hawa-fixed hawa-h-9 hawa-transition-all",
1556
1559
  isRTL ? "hawa-right-2.5 hawa-top-2.5" : "hawa-left-2.5 hawa-top-2.5",
1557
- openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
1560
+ openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
1561
+ classNames == null ? void 0 : classNames.symbolLogoImg
1558
1562
  ),
1559
1563
  src: props.logoSymbol
1560
1564
  }
@@ -393,6 +393,7 @@ import React5, { useEffect, useRef, useState as useState2 } from "react";
393
393
  var AppLayout = ({
394
394
  profileMenuWidth = "default",
395
395
  DrawerFooterActions,
396
+ classNames,
396
397
  design = "default",
397
398
  direction = "ltr",
398
399
  drawerSize = "md",
@@ -584,7 +585,8 @@ var AppLayout = ({
584
585
  dir: direction,
585
586
  className: cn(
586
587
  "hawa-fixed hawa-z-50 hawa-mb-2 hawa-flex hawa-h-14 hawa-w-full hawa-flex-row hawa-items-center hawa-justify-center hawa-bg-primary-foreground hawa-transition-all",
587
- props.onLogoClick && "hawa-cursor-pointer"
588
+ props.onLogoClick && "hawa-cursor-pointer",
589
+ classNames == null ? void 0 : classNames.logoContainer
588
590
  ),
589
591
  style: {
590
592
  width: size > 600 ? `${openSideMenu ? openDrawerWidth : 56}px` : `${openSideMenu ? openDrawerWidth : 0}px`
@@ -596,7 +598,8 @@ var AppLayout = ({
596
598
  {
597
599
  className: cn(
598
600
  "hawa-h-9 hawa-opacity-0 hawa-transition-all",
599
- !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
601
+ !openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
602
+ classNames == null ? void 0 : classNames.fullLogoImg
600
603
  ),
601
604
  src: props.logoLink
602
605
  }
@@ -607,7 +610,8 @@ var AppLayout = ({
607
610
  className: cn(
608
611
  "hawa-fixed hawa-h-9 hawa-transition-all",
609
612
  isRTL ? "hawa-right-2.5 hawa-top-2.5" : "hawa-left-2.5 hawa-top-2.5",
610
- openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100"
613
+ openSideMenu ? "hawa-invisible hawa-opacity-0" : "hawa-visible hawa-opacity-100",
614
+ classNames == null ? void 0 : classNames.symbolLogoImg
611
615
  ),
612
616
  src: props.logoSymbol
613
617
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.29.1-next",
3
+ "version": "0.29.2-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",