jett.admin.npmpackage 1.0.77 → 1.0.79

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 +40 -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
@@ -62,7 +62,6 @@
62
62
  --default-font-family: var(--font-sans);
63
63
  --default-mono-font-family: var(--font-mono);
64
64
  --color-primary: rgb(63, 63, 70);
65
- --color-accent: rgb(244, 244, 245);
66
65
  }
67
66
  }
68
67
  @layer base {
@@ -341,12 +340,15 @@
341
340
  .ml-2 {
342
341
  margin-left: calc(var(--spacing) * 2);
343
342
  }
343
+ .ml-4 {
344
+ margin-left: calc(var(--spacing) * 4);
345
+ }
346
+ .ml-8 {
347
+ margin-left: calc(var(--spacing) * 8);
348
+ }
344
349
  .ml-\[2px\] {
345
350
  margin-left: 2px;
346
351
  }
347
- .ml-\[8px\] {
348
- margin-left: 8px;
349
- }
350
352
  .ml-\[16px\] {
351
353
  margin-left: 16px;
352
354
  }
@@ -704,6 +706,9 @@
704
706
  .p-2 {
705
707
  padding: calc(var(--spacing) * 2);
706
708
  }
709
+ .p-2\.5 {
710
+ padding: calc(var(--spacing) * 2.5);
711
+ }
707
712
  .p-4 {
708
713
  padding: calc(var(--spacing) * 4);
709
714
  }
@@ -725,6 +730,9 @@
725
730
  .py-1 {
726
731
  padding-block: calc(var(--spacing) * 1);
727
732
  }
733
+ .py-1\.5 {
734
+ padding-block: calc(var(--spacing) * 1.5);
735
+ }
728
736
  .py-2 {
729
737
  padding-block: calc(var(--spacing) * 2);
730
738
  }
@@ -803,6 +811,12 @@
803
811
  .whitespace-nowrap {
804
812
  white-space: nowrap;
805
813
  }
814
+ .text-\[\#000\] {
815
+ color: #000;
816
+ }
817
+ .text-\[\#3f3f46\] {
818
+ color: #3f3f46;
819
+ }
806
820
  .text-\[\#3f3f46cc\] {
807
821
  color: #3f3f46cc;
808
822
  }
@@ -1012,10 +1026,10 @@
1012
1026
  }
1013
1027
  }
1014
1028
  }
1015
- .hover\:bg-accent {
1029
+ .hover\:bg-\[\#f4f4f5\] {
1016
1030
  &:hover {
1017
1031
  @media (hover: hover) {
1018
- background-color: var(--color-accent);
1032
+ background-color: #f4f4f5;
1019
1033
  }
1020
1034
  }
1021
1035
  }
@@ -1213,11 +1227,31 @@
1213
1227
  background-color: var(--color-yellow-900);
1214
1228
  }
1215
1229
  }
1230
+ .dark\:text-\[\#71717a\] {
1231
+ &:where(.dark, .dark *) {
1232
+ color: #71717a;
1233
+ }
1234
+ }
1235
+ .dark\:text-\[\#a1a1aa\] {
1236
+ &:where(.dark, .dark *) {
1237
+ color: #a1a1aa;
1238
+ }
1239
+ }
1216
1240
  .dark\:text-\[\#f4f4f5cc\] {
1217
1241
  &:where(.dark, .dark *) {
1218
1242
  color: #f4f4f5cc;
1219
1243
  }
1220
1244
  }
1245
+ .dark\:text-gray-400 {
1246
+ &:where(.dark, .dark *) {
1247
+ color: var(--color-gray-400);
1248
+ }
1249
+ }
1250
+ .dark\:text-gray-500 {
1251
+ &:where(.dark, .dark *) {
1252
+ color: var(--color-gray-500);
1253
+ }
1254
+ }
1221
1255
  .dark\:text-gray-600 {
1222
1256
  &:where(.dark, .dark *) {
1223
1257
  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-[16px] text-[#000] 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-medium 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-[16px] text-[#000] 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-medium 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.79",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {