jett.admin.npmpackage 1.0.71 → 1.0.73

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 +38 -2
  2. package/dist/index.js +6 -6
  3. package/dist/index.mjs +6 -6
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -429,6 +429,9 @@
429
429
  .shrink-0 {
430
430
  flex-shrink: 0;
431
431
  }
432
+ .table-fixed {
433
+ table-layout: fixed;
434
+ }
432
435
  .caption-bottom {
433
436
  caption-side: bottom;
434
437
  }
@@ -589,6 +592,9 @@
589
592
  .border-red-500 {
590
593
  border-color: var(--color-red-500);
591
594
  }
595
+ .bg-\[\#F7FAFC\] {
596
+ background-color: #F7FAFC;
597
+ }
592
598
  .bg-\[\#ef4444\] {
593
599
  background-color: #ef4444;
594
600
  }
@@ -908,6 +914,13 @@
908
914
  }
909
915
  }
910
916
  }
917
+ .hover\:bg-\[\#F7FAFC\] {
918
+ &:hover {
919
+ @media (hover: hover) {
920
+ background-color: #F7FAFC;
921
+ }
922
+ }
923
+ }
911
924
  .hover\:bg-accent {
912
925
  &:hover {
913
926
  @media (hover: hover) {
@@ -1069,6 +1082,11 @@
1069
1082
  background-color: #27272a;
1070
1083
  }
1071
1084
  }
1085
+ .dark\:bg-\[\#303036\] {
1086
+ &:where(.dark, .dark *) {
1087
+ background-color: #303036;
1088
+ }
1089
+ }
1072
1090
  .dark\:bg-gray-800 {
1073
1091
  &:where(.dark, .dark *) {
1074
1092
  background-color: var(--color-gray-800);
@@ -1143,16 +1161,34 @@
1143
1161
  }
1144
1162
  }
1145
1163
  }
1146
- .dark\:hover\:bg-gray-800 {
1164
+ .dark\:hover\:bg-\[\#303036\] {
1165
+ &:where(.dark, .dark *) {
1166
+ &:hover {
1167
+ @media (hover: hover) {
1168
+ background-color: #303036;
1169
+ }
1170
+ }
1171
+ }
1172
+ }
1173
+ .dark\:hover\:text-white {
1147
1174
  &:where(.dark, .dark *) {
1148
1175
  &:hover {
1149
1176
  @media (hover: hover) {
1150
- background-color: var(--color-gray-800);
1177
+ color: var(--color-white);
1151
1178
  }
1152
1179
  }
1153
1180
  }
1154
1181
  }
1155
1182
  }
1183
+ @layer utilities {
1184
+ .scrollbar-hide {
1185
+ scrollbar-width: none;
1186
+ -ms-overflow-style: none;
1187
+ }
1188
+ .scrollbar-hide::-webkit-scrollbar {
1189
+ display: none;
1190
+ }
1191
+ }
1156
1192
  @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1157
1193
  @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
1158
1194
  @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
package/dist/index.js CHANGED
@@ -152,7 +152,7 @@ var CustomAutocomplete = ({
152
152
  "span",
153
153
  {
154
154
  key: opt.value,
155
- className: "bg-gray-100 border border-gray-300 px-2 dark:bg-gray-800 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
155
+ className: "bg-[#F7FAFC] dark:bg-[#303036] border border-gray-300 px-2 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
156
156
  },
157
157
  opt.label,
158
158
  /* @__PURE__ */ import_react2.default.createElement(
@@ -162,7 +162,7 @@ var CustomAutocomplete = ({
162
162
  e.stopPropagation();
163
163
  toggleValue(opt.value);
164
164
  },
165
- className: "text-gray-500 hover:text-gray-700 dark:text-white"
165
+ className: "text-gray-500 hover:text-gray-700 dark:text-white cursor-pointer dark:hover:text-white"
166
166
  },
167
167
  "\u2715"
168
168
  )
@@ -190,7 +190,7 @@ var CustomAutocomplete = ({
190
190
  {
191
191
  key: opt.value,
192
192
  onClick: () => toggleValue(opt.value),
193
- className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 ${selected ? "bg-gray-50 font-medium" : ""}`
193
+ className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-[#F7FAFC] dark:hover:bg-[#303036] ${selected ? "bg-[#F7FAFC] dark:bg-[#303036] font-medium" : ""}`
194
194
  },
195
195
  /* @__PURE__ */ import_react2.default.createElement(
196
196
  "span",
@@ -827,7 +827,7 @@ var AppSideBar = ({
827
827
  placeholder: "Select country..."
828
828
  }
829
829
  ))),
830
- /* @__PURE__ */ import_react12.default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ import_react12.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
830
+ /* @__PURE__ */ import_react12.default.createElement("div", { className: "overflow-y-auto scrollbar-hide" }, /* @__PURE__ */ import_react12.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
831
831
  return /* @__PURE__ */ import_react12.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react12.default.createElement(
832
832
  "div",
833
833
  {
@@ -974,7 +974,7 @@ var CustomTable = ({
974
974
  children,
975
975
  isHideCheckbox = "false"
976
976
  }) => {
977
- return /* @__PURE__ */ import_react14.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto flex flex-col" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-full relative overflow-x-auto flex-1" }, /* @__PURE__ */ import_react14.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] border-collapse" }, /* @__PURE__ */ import_react14.default.createElement("thead", { className: "border-b border-[#e5e5e5] dark:bg-[#18181b]" }, /* @__PURE__ */ import_react14.default.createElement(
977
+ return /* @__PURE__ */ import_react14.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react14.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse" }, /* @__PURE__ */ import_react14.default.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]" }, /* @__PURE__ */ import_react14.default.createElement(
978
978
  "tr",
979
979
  {
980
980
  className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted"
@@ -992,7 +992,7 @@ var CustomTable = ({
992
992
  return /* @__PURE__ */ import_react14.default.createElement(
993
993
  "th",
994
994
  {
995
- className: `px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
995
+ className: `text-[#737373] px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
996
996
  key: header + index
997
997
  },
998
998
  header
package/dist/index.mjs CHANGED
@@ -103,7 +103,7 @@ var CustomAutocomplete = ({
103
103
  "span",
104
104
  {
105
105
  key: opt.value,
106
- className: "bg-gray-100 border border-gray-300 px-2 dark:bg-gray-800 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
106
+ className: "bg-[#F7FAFC] dark:bg-[#303036] border border-gray-300 px-2 dark:text-white py-0.5 rounded text-xs flex items-center gap-1"
107
107
  },
108
108
  opt.label,
109
109
  /* @__PURE__ */ React2.createElement(
@@ -113,7 +113,7 @@ var CustomAutocomplete = ({
113
113
  e.stopPropagation();
114
114
  toggleValue(opt.value);
115
115
  },
116
- className: "text-gray-500 hover:text-gray-700 dark:text-white"
116
+ className: "text-gray-500 hover:text-gray-700 dark:text-white cursor-pointer dark:hover:text-white"
117
117
  },
118
118
  "\u2715"
119
119
  )
@@ -141,7 +141,7 @@ var CustomAutocomplete = ({
141
141
  {
142
142
  key: opt.value,
143
143
  onClick: () => toggleValue(opt.value),
144
- className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 ${selected ? "bg-gray-50 font-medium" : ""}`
144
+ className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-[#F7FAFC] dark:hover:bg-[#303036] ${selected ? "bg-[#F7FAFC] dark:bg-[#303036] font-medium" : ""}`
145
145
  },
146
146
  /* @__PURE__ */ React2.createElement(
147
147
  "span",
@@ -792,7 +792,7 @@ var AppSideBar = ({
792
792
  placeholder: "Select country..."
793
793
  }
794
794
  ))),
795
- /* @__PURE__ */ React12.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React12.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
795
+ /* @__PURE__ */ React12.createElement("div", { className: "overflow-y-auto scrollbar-hide" }, /* @__PURE__ */ React12.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
796
796
  return /* @__PURE__ */ React12.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React12.createElement(
797
797
  "div",
798
798
  {
@@ -939,7 +939,7 @@ var CustomTable = ({
939
939
  children,
940
940
  isHideCheckbox = "false"
941
941
  }) => {
942
- return /* @__PURE__ */ React14.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto flex flex-col" }, /* @__PURE__ */ React14.createElement("div", { className: "w-full relative overflow-x-auto flex-1" }, /* @__PURE__ */ React14.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] border-collapse" }, /* @__PURE__ */ React14.createElement("thead", { className: "border-b border-[#e5e5e5] dark:bg-[#18181b]" }, /* @__PURE__ */ React14.createElement(
942
+ return /* @__PURE__ */ React14.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React14.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React14.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse" }, /* @__PURE__ */ React14.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]" }, /* @__PURE__ */ React14.createElement(
943
943
  "tr",
944
944
  {
945
945
  className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted"
@@ -957,7 +957,7 @@ var CustomTable = ({
957
957
  return /* @__PURE__ */ React14.createElement(
958
958
  "th",
959
959
  {
960
- className: `px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
960
+ className: `text-[#737373] px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
961
961
  key: header + index
962
962
  },
963
963
  header
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jett.admin.npmpackage",
3
- "version": "1.0.71",
3
+ "version": "1.0.73",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {