baaz-custom-components 3.1.6 → 3.1.7

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 (7) hide show
  1. package/dist/index.css +57 -0
  2. package/dist/index.d.mts +12 -3
  3. package/dist/index.d.ts +12 -3
  4. package/dist/index.js +202 -90
  5. package/dist/index.mjs +199 -87
  6. package/dist/styles.css +1 -1
  7. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -39,6 +39,7 @@
39
39
  --font-weight-normal: 400;
40
40
  --font-weight-medium: 500;
41
41
  --font-weight-semibold: 600;
42
+ --font-weight-bold: 700;
42
43
  --tracking-widest: 0.1em;
43
44
  --radius-xs: 0.125rem;
44
45
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
@@ -355,12 +356,18 @@
355
356
  .my-1 {
356
357
  margin-block: calc(var(--spacing) * 1);
357
358
  }
359
+ .my-2 {
360
+ margin-block: calc(var(--spacing) * 2);
361
+ }
358
362
  .my-4 {
359
363
  margin-block: calc(var(--spacing) * 4);
360
364
  }
361
365
  .mt-1\.5 {
362
366
  margin-top: calc(var(--spacing) * 1.5);
363
367
  }
368
+ .mt-2 {
369
+ margin-top: calc(var(--spacing) * 2);
370
+ }
364
371
  .mt-4 {
365
372
  margin-top: calc(var(--spacing) * 4);
366
373
  }
@@ -440,6 +447,9 @@
440
447
  .h-2\.5 {
441
448
  height: calc(var(--spacing) * 2.5);
442
449
  }
450
+ .h-3 {
451
+ height: calc(var(--spacing) * 3);
452
+ }
443
453
  .h-4 {
444
454
  height: calc(var(--spacing) * 4);
445
455
  }
@@ -461,6 +471,12 @@
461
471
  .h-12 {
462
472
  height: calc(var(--spacing) * 12);
463
473
  }
474
+ .h-80 {
475
+ height: calc(var(--spacing) * 80);
476
+ }
477
+ .h-96 {
478
+ height: calc(var(--spacing) * 96);
479
+ }
464
480
  .h-\[calc\(100dvh-3rem\)\] {
465
481
  height: calc(100dvh - 3rem);
466
482
  }
@@ -503,6 +519,9 @@
503
519
  .w-2\.5 {
504
520
  width: calc(var(--spacing) * 2.5);
505
521
  }
522
+ .w-3 {
523
+ width: calc(var(--spacing) * 3);
524
+ }
506
525
  .w-3\/4 {
507
526
  width: calc(3/4 * 100%);
508
527
  }
@@ -515,6 +534,9 @@
515
534
  .w-56 {
516
535
  width: calc(var(--spacing) * 56);
517
536
  }
537
+ .w-96 {
538
+ width: calc(var(--spacing) * 96);
539
+ }
518
540
  .w-auto {
519
541
  width: auto;
520
542
  }
@@ -554,6 +576,9 @@
554
576
  .flex-1 {
555
577
  flex: 1;
556
578
  }
579
+ .flex-shrink-0 {
580
+ flex-shrink: 0;
581
+ }
557
582
  .shrink-0 {
558
583
  flex-shrink: 0;
559
584
  }
@@ -653,6 +678,9 @@
653
678
  .gap-4 {
654
679
  gap: calc(var(--spacing) * 4);
655
680
  }
681
+ .gap-6 {
682
+ gap: calc(var(--spacing) * 6);
683
+ }
656
684
  .overflow-auto {
657
685
  overflow: auto;
658
686
  }
@@ -747,6 +775,9 @@
747
775
  .bg-card {
748
776
  background-color: var(--card);
749
777
  }
778
+ .bg-card-foreground {
779
+ background-color: var(--card-foreground);
780
+ }
750
781
  .bg-destructive {
751
782
  background-color: var(--destructive);
752
783
  }
@@ -771,6 +802,12 @@
771
802
  .bg-transparent {
772
803
  background-color: transparent;
773
804
  }
805
+ .bg-white\/10 {
806
+ background-color: color-mix(in srgb, #fff 10%, transparent);
807
+ @supports (color: color-mix(in lab, red, red)) {
808
+ background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
809
+ }
810
+ }
774
811
  .fill-current {
775
812
  fill: currentcolor;
776
813
  }
@@ -786,6 +823,9 @@
786
823
  .p-2 {
787
824
  padding: calc(var(--spacing) * 2);
788
825
  }
826
+ .p-3 {
827
+ padding: calc(var(--spacing) * 3);
828
+ }
789
829
  .p-4 {
790
830
  padding: calc(var(--spacing) * 4);
791
831
  }
@@ -810,6 +850,9 @@
810
850
  .px-4 {
811
851
  padding-inline: calc(var(--spacing) * 4);
812
852
  }
853
+ .px-5 {
854
+ padding-inline: calc(var(--spacing) * 5);
855
+ }
813
856
  .px-6 {
814
857
  padding-inline: calc(var(--spacing) * 6);
815
858
  }
@@ -828,6 +871,9 @@
828
871
  .py-2 {
829
872
  padding-block: calc(var(--spacing) * 2);
830
873
  }
874
+ .py-4 {
875
+ padding-block: calc(var(--spacing) * 4);
876
+ }
831
877
  .pt-12 {
832
878
  padding-top: calc(var(--spacing) * 12);
833
879
  }
@@ -879,6 +925,10 @@
879
925
  --tw-font-weight: var(--font-weight-light) !important;
880
926
  font-weight: var(--font-weight-light) !important;
881
927
  }
928
+ .font-bold {
929
+ --tw-font-weight: var(--font-weight-bold);
930
+ font-weight: var(--font-weight-bold);
931
+ }
882
932
  .font-light {
883
933
  --tw-font-weight: var(--font-weight-light);
884
934
  font-weight: var(--font-weight-light);
@@ -895,6 +945,10 @@
895
945
  --tw-font-weight: var(--font-weight-semibold);
896
946
  font-weight: var(--font-weight-semibold);
897
947
  }
948
+ .tracking-\[0\.25rem\] {
949
+ --tw-tracking: 0.25rem;
950
+ letter-spacing: 0.25rem;
951
+ }
898
952
  .tracking-widest {
899
953
  --tw-tracking: var(--tracking-widest);
900
954
  letter-spacing: var(--tracking-widest);
@@ -911,6 +965,9 @@
911
965
  .\!text-primary {
912
966
  color: var(--primary) !important;
913
967
  }
968
+ .text-accent {
969
+ color: var(--accent);
970
+ }
914
971
  .text-accent-foreground {
915
972
  color: var(--accent-foreground);
916
973
  }
package/dist/index.d.mts CHANGED
@@ -10,18 +10,27 @@ interface UserData {
10
10
  phone: string;
11
11
  location: string;
12
12
  }
13
+ interface NotificationDataTypes {
14
+ time: number;
15
+ trail: string;
16
+ body: string;
17
+ heading: string;
18
+ otp: number;
19
+ topic: string;
20
+ }
13
21
  interface NavbarProps {
14
22
  navbarData: NavbarData$1;
15
23
  userData: UserData;
16
24
  onLogout: () => void;
17
25
  layoutName: string;
26
+ notificationData: NotificationDataTypes[];
18
27
  }
19
28
 
20
- declare function Navbar({ navbarData, userData, onLogout, layoutName }: NavbarProps): React$1.JSX.Element | null;
29
+ declare function Navbar({ navbarData, userData, onLogout, layoutName, notificationData }: NavbarProps): React$1.JSX.Element | null;
21
30
 
22
- declare function DesktopNavbar({ navbarData, userData, onLogout, layoutName, }: NavbarProps): React$1.JSX.Element;
31
+ declare function DesktopNavbar({ navbarData, userData, onLogout, layoutName, notificationData }: NavbarProps): React$1.JSX.Element;
23
32
 
24
- declare function MobileNavbar({ navbarData, userData, onLogout, layoutName, }: NavbarProps): React$1.JSX.Element;
33
+ declare function MobileNavbar({ navbarData, userData, onLogout, layoutName, notificationData, }: NavbarProps): React$1.JSX.Element;
25
34
 
26
35
  interface MobileNavbarProps {
27
36
  data?: NavbarData$1;
package/dist/index.d.ts CHANGED
@@ -10,18 +10,27 @@ interface UserData {
10
10
  phone: string;
11
11
  location: string;
12
12
  }
13
+ interface NotificationDataTypes {
14
+ time: number;
15
+ trail: string;
16
+ body: string;
17
+ heading: string;
18
+ otp: number;
19
+ topic: string;
20
+ }
13
21
  interface NavbarProps {
14
22
  navbarData: NavbarData$1;
15
23
  userData: UserData;
16
24
  onLogout: () => void;
17
25
  layoutName: string;
26
+ notificationData: NotificationDataTypes[];
18
27
  }
19
28
 
20
- declare function Navbar({ navbarData, userData, onLogout, layoutName }: NavbarProps): React$1.JSX.Element | null;
29
+ declare function Navbar({ navbarData, userData, onLogout, layoutName, notificationData }: NavbarProps): React$1.JSX.Element | null;
21
30
 
22
- declare function DesktopNavbar({ navbarData, userData, onLogout, layoutName, }: NavbarProps): React$1.JSX.Element;
31
+ declare function DesktopNavbar({ navbarData, userData, onLogout, layoutName, notificationData }: NavbarProps): React$1.JSX.Element;
23
32
 
24
- declare function MobileNavbar({ navbarData, userData, onLogout, layoutName, }: NavbarProps): React$1.JSX.Element;
33
+ declare function MobileNavbar({ navbarData, userData, onLogout, layoutName, notificationData, }: NavbarProps): React$1.JSX.Element;
25
34
 
26
35
  interface MobileNavbarProps {
27
36
  data?: NavbarData$1;