jett.admin.npmpackage 1.0.77 → 1.0.78

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 (4) hide show
  1. package/dist/index.css +45 -6
  2. package/dist/index.js +11 -11
  3. package/dist/index.mjs +11 -11
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -51,6 +51,7 @@
51
51
  --text-sm--line-height: calc(1.25 / 0.875);
52
52
  --text-lg: 1.125rem;
53
53
  --text-lg--line-height: calc(1.75 / 1.125);
54
+ --font-weight-normal: 400;
54
55
  --font-weight-medium: 500;
55
56
  --font-weight-semibold: 600;
56
57
  --radius-sm: 0.25rem;
@@ -62,7 +63,6 @@
62
63
  --default-font-family: var(--font-sans);
63
64
  --default-mono-font-family: var(--font-mono);
64
65
  --color-primary: rgb(63, 63, 70);
65
- --color-accent: rgb(244, 244, 245);
66
66
  }
67
67
  }
68
68
  @layer base {
@@ -341,12 +341,15 @@
341
341
  .ml-2 {
342
342
  margin-left: calc(var(--spacing) * 2);
343
343
  }
344
+ .ml-4 {
345
+ margin-left: calc(var(--spacing) * 4);
346
+ }
347
+ .ml-8 {
348
+ margin-left: calc(var(--spacing) * 8);
349
+ }
344
350
  .ml-\[2px\] {
345
351
  margin-left: 2px;
346
352
  }
347
- .ml-\[8px\] {
348
- margin-left: 8px;
349
- }
350
353
  .ml-\[16px\] {
351
354
  margin-left: 16px;
352
355
  }
@@ -704,6 +707,9 @@
704
707
  .p-2 {
705
708
  padding: calc(var(--spacing) * 2);
706
709
  }
710
+ .p-2\.5 {
711
+ padding: calc(var(--spacing) * 2.5);
712
+ }
707
713
  .p-4 {
708
714
  padding: calc(var(--spacing) * 4);
709
715
  }
@@ -725,6 +731,9 @@
725
731
  .py-1 {
726
732
  padding-block: calc(var(--spacing) * 1);
727
733
  }
734
+ .py-1\.5 {
735
+ padding-block: calc(var(--spacing) * 1.5);
736
+ }
728
737
  .py-2 {
729
738
  padding-block: calc(var(--spacing) * 2);
730
739
  }
@@ -773,6 +782,9 @@
773
782
  .text-\[14px\] {
774
783
  font-size: 14px;
775
784
  }
785
+ .text-\[15px\] {
786
+ font-size: 15px;
787
+ }
776
788
  .text-\[16px\] {
777
789
  font-size: 16px;
778
790
  }
@@ -796,6 +808,10 @@
796
808
  --tw-font-weight: var(--font-weight-medium);
797
809
  font-weight: var(--font-weight-medium);
798
810
  }
811
+ .font-normal {
812
+ --tw-font-weight: var(--font-weight-normal);
813
+ font-weight: var(--font-weight-normal);
814
+ }
799
815
  .font-semibold {
800
816
  --tw-font-weight: var(--font-weight-semibold);
801
817
  font-weight: var(--font-weight-semibold);
@@ -803,6 +819,9 @@
803
819
  .whitespace-nowrap {
804
820
  white-space: nowrap;
805
821
  }
822
+ .text-\[\#3f3f46\] {
823
+ color: #3f3f46;
824
+ }
806
825
  .text-\[\#3f3f46cc\] {
807
826
  color: #3f3f46cc;
808
827
  }
@@ -1012,10 +1031,10 @@
1012
1031
  }
1013
1032
  }
1014
1033
  }
1015
- .hover\:bg-accent {
1034
+ .hover\:bg-\[\#f4f4f5\] {
1016
1035
  &:hover {
1017
1036
  @media (hover: hover) {
1018
- background-color: var(--color-accent);
1037
+ background-color: #f4f4f5;
1019
1038
  }
1020
1039
  }
1021
1040
  }
@@ -1213,11 +1232,31 @@
1213
1232
  background-color: var(--color-yellow-900);
1214
1233
  }
1215
1234
  }
1235
+ .dark\:text-\[\#71717a\] {
1236
+ &:where(.dark, .dark *) {
1237
+ color: #71717a;
1238
+ }
1239
+ }
1240
+ .dark\:text-\[\#a1a1aa\] {
1241
+ &:where(.dark, .dark *) {
1242
+ color: #a1a1aa;
1243
+ }
1244
+ }
1216
1245
  .dark\:text-\[\#f4f4f5cc\] {
1217
1246
  &:where(.dark, .dark *) {
1218
1247
  color: #f4f4f5cc;
1219
1248
  }
1220
1249
  }
1250
+ .dark\:text-gray-400 {
1251
+ &:where(.dark, .dark *) {
1252
+ color: var(--color-gray-400);
1253
+ }
1254
+ }
1255
+ .dark\:text-gray-500 {
1256
+ &:where(.dark, .dark *) {
1257
+ color: var(--color-gray-500);
1258
+ }
1259
+ }
1221
1260
  .dark\:text-gray-600 {
1222
1261
  &:where(.dark, .dark *) {
1223
1262
  color: var(--color-gray-600);
package/dist/index.js CHANGED
@@ -583,7 +583,7 @@ var navItemsConstant = [
583
583
  isDropDown: true,
584
584
  options: [
585
585
  {
586
- label: "Admin user Management",
586
+ label: "Admin User Management",
587
587
  isDropDown: true,
588
588
  onClick: () => {
589
589
  },
@@ -594,7 +594,7 @@ var navItemsConstant = [
594
594
  window.location.href = "/users/";
595
595
  }
596
596
  },
597
- { label: "Admin User Attributes", onClick: () => {
597
+ { label: "Roles", onClick: () => {
598
598
  } }
599
599
  ]
600
600
  },
@@ -848,7 +848,7 @@ var AppSideBar = ({
848
848
  return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react12.default.createElement(
849
849
  "div",
850
850
  {
851
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
851
+ className: "flex items-center gap-3 p-2.5 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2 mr-2 transition-colors duration-200",
852
852
  onClick: (e) => {
853
853
  item.onClick && item.onClick(e);
854
854
  handleIconRotate(e, index);
@@ -858,8 +858,8 @@ var AppSideBar = ({
858
858
  }
859
859
  },
860
860
  /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-primary" }, /* @__PURE__ */ import_react12.default.createElement(item.Icon, { width: 20, height: 20 })),
861
- /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
862
- item.isDropDown && /* @__PURE__ */ import_react12.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 }))
861
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[15px] text-[#3f3f46] dark:text-[#f4f4f5cc]" }, item.label),
862
+ item.isDropDown && /* @__PURE__ */ import_react12.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
863
863
  ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react12.default.createElement(
864
864
  "div",
865
865
  {
@@ -870,7 +870,7 @@ var AppSideBar = ({
870
870
  return /* @__PURE__ */ import_react12.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react12.default.createElement(
871
871
  "div",
872
872
  {
873
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
873
+ className: "flex items-center gap-3 py-2 px-3 ml-4 mr-2 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-600 dark:text-[#a1a1aa] cursor-pointer rounded-md transition-colors duration-200",
874
874
  onClick: (e) => {
875
875
  options.onClick && options.onClick();
876
876
  options.isDropDown && handleIconRotate(
@@ -885,13 +885,13 @@ var AppSideBar = ({
885
885
  }
886
886
  },
887
887
  /* @__PURE__ */ import_react12.default.createElement("div", null),
888
- /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
888
+ /* @__PURE__ */ import_react12.default.createElement("span", { className: "font-medium text-[#3f3f46cc] text-sm dark:text-[#a1a1aa]" }, options.label),
889
889
  options.isDropDown && /* @__PURE__ */ import_react12.default.createElement(
890
890
  "div",
891
891
  {
892
892
  className: `ml-auto transition-all delay-75`
893
893
  },
894
- /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 20, height: 20 })
894
+ /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.ChevronDown, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
895
895
  )
896
896
  ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react12.default.createElement(
897
897
  "div",
@@ -903,7 +903,7 @@ var AppSideBar = ({
903
903
  return /* @__PURE__ */ import_react12.default.createElement(
904
904
  "div",
905
905
  {
906
- className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm cursor-pointer",
906
+ className: "py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-normal text-sm cursor-pointer ml-8 mr-2 transition-colors duration-200",
907
907
  onClick: (e) => {
908
908
  subOption.onClick && subOption.onClick();
909
909
  closeMobileMenu();
@@ -919,7 +919,7 @@ var AppSideBar = ({
919
919
  /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react12.default.createElement(
920
920
  "div",
921
921
  {
922
- className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
922
+ className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
923
923
  onClick: () => {
924
924
  window.location.href = "/profile";
925
925
  }
@@ -942,7 +942,7 @@ var AppSideBar = ({
942
942
  className: `dot ml-[2px] absolute w-7 h-7 bg-white rounded-full transition-transform duration-200 ease-in-out flex items-center justify-center ${currAppearance === "dark" ? "translate-x-8" : "translate-x-0"}`
943
943
  },
944
944
  currAppearance === "light" ? /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Sun, { width: 18, height: 18 }) : /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.Moon, { width: 18, height: 18, className: "text-black" })
945
- ), /* @__PURE__ */ import_react12.default.createElement("span", { className: "absolute whitespace-nowrap top-[-15px] left-1/2 -translate-x-1/2 font-medium text-[#6B7280]] dark:text-[#f4f4f5cc] text-xs opacity-0 group-hover:opacity-80 transition-opacity" }, "Choose your app\u2019s style."))))
945
+ ))))
946
946
  ));
947
947
  };
948
948
 
package/dist/index.mjs CHANGED
@@ -557,7 +557,7 @@ var navItemsConstant = [
557
557
  isDropDown: true,
558
558
  options: [
559
559
  {
560
- label: "Admin user Management",
560
+ label: "Admin User Management",
561
561
  isDropDown: true,
562
562
  onClick: () => {
563
563
  },
@@ -568,7 +568,7 @@ var navItemsConstant = [
568
568
  window.location.href = "/users/";
569
569
  }
570
570
  },
571
- { label: "Admin User Attributes", onClick: () => {
571
+ { label: "Roles", onClick: () => {
572
572
  } }
573
573
  ]
574
574
  },
@@ -822,7 +822,7 @@ var AppSideBar = ({
822
822
  return /* @__PURE__ */ React12.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React12.createElement(
823
823
  "div",
824
824
  {
825
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2",
825
+ className: "flex items-center gap-3 p-2.5 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2 mr-2 transition-colors duration-200",
826
826
  onClick: (e) => {
827
827
  item.onClick && item.onClick(e);
828
828
  handleIconRotate(e, index);
@@ -832,8 +832,8 @@ var AppSideBar = ({
832
832
  }
833
833
  },
834
834
  /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(item.Icon, { width: 20, height: 20 })),
835
- /* @__PURE__ */ React12.createElement("span", { className: "font-medium dark:text-[#f4f4f5cc]" }, item.label),
836
- item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 }))
835
+ /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-[15px] text-[#3f3f46] dark:text-[#f4f4f5cc]" }, item.label),
836
+ item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
837
837
  ), item.options && item.options.length > 0 && /* @__PURE__ */ React12.createElement(
838
838
  "div",
839
839
  {
@@ -844,7 +844,7 @@ var AppSideBar = ({
844
844
  return /* @__PURE__ */ React12.createElement("div", { className: "" }, /* @__PURE__ */ React12.createElement(
845
845
  "div",
846
846
  {
847
- className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
847
+ className: "flex items-center gap-3 py-2 px-3 ml-4 mr-2 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-600 dark:text-[#a1a1aa] cursor-pointer rounded-md transition-colors duration-200",
848
848
  onClick: (e) => {
849
849
  options.onClick && options.onClick();
850
850
  options.isDropDown && handleIconRotate(
@@ -859,13 +859,13 @@ var AppSideBar = ({
859
859
  }
860
860
  },
861
861
  /* @__PURE__ */ React12.createElement("div", null),
862
- /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-sm dark:text-[#f4f4f5cc] ml-[8px]" }, options.label),
862
+ /* @__PURE__ */ React12.createElement("span", { className: "font-medium text-[#3f3f46cc] text-sm dark:text-[#a1a1aa]" }, options.label),
863
863
  options.isDropDown && /* @__PURE__ */ React12.createElement(
864
864
  "div",
865
865
  {
866
866
  className: `ml-auto transition-all delay-75`
867
867
  },
868
- /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20 })
868
+ /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
869
869
  )
870
870
  ), options.options && options.options.length > 1 && /* @__PURE__ */ React12.createElement(
871
871
  "div",
@@ -877,7 +877,7 @@ var AppSideBar = ({
877
877
  return /* @__PURE__ */ React12.createElement(
878
878
  "div",
879
879
  {
880
- className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm cursor-pointer",
880
+ className: "py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-normal text-sm cursor-pointer ml-8 mr-2 transition-colors duration-200",
881
881
  onClick: (e) => {
882
882
  subOption.onClick && subOption.onClick();
883
883
  closeMobileMenu();
@@ -893,7 +893,7 @@ var AppSideBar = ({
893
893
  /* @__PURE__ */ React12.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 pt-2" }, /* @__PURE__ */ React12.createElement(
894
894
  "div",
895
895
  {
896
- className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
896
+ className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
897
897
  onClick: () => {
898
898
  window.location.href = "/profile";
899
899
  }
@@ -916,7 +916,7 @@ var AppSideBar = ({
916
916
  className: `dot ml-[2px] absolute w-7 h-7 bg-white rounded-full transition-transform duration-200 ease-in-out flex items-center justify-center ${currAppearance === "dark" ? "translate-x-8" : "translate-x-0"}`
917
917
  },
918
918
  currAppearance === "light" ? /* @__PURE__ */ React12.createElement(Sun, { width: 18, height: 18 }) : /* @__PURE__ */ React12.createElement(Moon, { width: 18, height: 18, className: "text-black" })
919
- ), /* @__PURE__ */ React12.createElement("span", { className: "absolute whitespace-nowrap top-[-15px] left-1/2 -translate-x-1/2 font-medium text-[#6B7280]] dark:text-[#f4f4f5cc] text-xs opacity-0 group-hover:opacity-80 transition-opacity" }, "Choose your app\u2019s style."))))
919
+ ))))
920
920
  ));
921
921
  };
922
922
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jett.admin.npmpackage",
3
- "version": "1.0.77",
3
+ "version": "1.0.78",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {