next-helios-fe 1.8.6 → 1.8.8

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.
@@ -348,11 +348,11 @@ export const Table: TableComponentProps = ({
348
348
  <div className="relative flex items-center">
349
349
  <Icon
350
350
  icon="ic:round-search"
351
- className="absolute text-sm text-slate-400"
351
+ className="absolute text-sm text-disabled"
352
352
  />
353
353
  <input
354
354
  type="search"
355
- className="w-full px-6 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-slate-300 focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-slate-400"
355
+ className="w-full px-6 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
356
356
  placeholder="search.."
357
357
  value={
358
358
  filter?.find((filterItem) => filterItem.key === item.key)
@@ -371,7 +371,7 @@ export const Table: TableComponentProps = ({
371
371
  {filter?.find((filterItem) => filterItem.key === item.key)
372
372
  ?.value && (
373
373
  <button
374
- className="absolute right-0 rounded-full text-slate-400 hover:bg-secondary-light"
374
+ className="absolute right-0 rounded-full text-disabled hover:bg-secondary-light"
375
375
  onClick={() => {
376
376
  setFilter(
377
377
  filter?.map((filterItem) => {
@@ -669,7 +669,7 @@ export const Table: TableComponentProps = ({
669
669
  <div className="invisible w-0 overflow-hidden">
670
670
  <input
671
671
  type="search"
672
- className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-slate-300 focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-slate-400"
672
+ className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
673
673
  />
674
674
  </div>
675
675
  )}
@@ -684,7 +684,7 @@ export const Table: TableComponentProps = ({
684
684
  <div className="invisible w-0 overflow-hidden">
685
685
  <input
686
686
  type="search"
687
- className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-slate-300 focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-slate-400"
687
+ className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
688
688
  />
689
689
  </div>
690
690
  )}
@@ -701,7 +701,7 @@ export const Table: TableComponentProps = ({
701
701
  <div className="invisible w-0 overflow-hidden">
702
702
  <input
703
703
  type="search"
704
- className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-slate-300 focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-slate-400"
704
+ className="w-full px-0 pt-0 pb-0.5 border-default border-t-0 border-b border-x-0 bg-secondary-bg text-sm font-normal placeholder:duration-300 placeholder:translate-x-0 [&::-webkit-search-cancel-button]:appearance-none focus:placeholder:translate-x-1 placeholder:text-silent focus:outline-none focus:ring-0 focus:border-primary-dark disabled:bg-secondary-light disabled:text-disabled"
705
705
  />
706
706
  </div>
707
707
  )}
@@ -768,7 +768,7 @@ export const Table: TableComponentProps = ({
768
768
  />
769
769
  </div>
770
770
  {filteredData && filteredData.length !== 0 && (
771
- <span className="hidden md:block text-sm text-slate-400">{`Showing ${
771
+ <span className="hidden md:block text-sm text-disabled">{`Showing ${
772
772
  (page - 1) * maxRow + 1
773
773
  } to ${
774
774
  page * maxRow > filteredData?.length
@@ -779,7 +779,7 @@ export const Table: TableComponentProps = ({
779
779
  <div className="flex items-center gap-2 text-xs">
780
780
  <button
781
781
  type="button"
782
- className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-slate-400 disabled:pointer-events-none"
782
+ className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
783
783
  disabled={page === 1}
784
784
  onClick={() => {
785
785
  setPage(1);
@@ -793,7 +793,7 @@ export const Table: TableComponentProps = ({
793
793
  </button>
794
794
  <button
795
795
  type="button"
796
- className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-slate-400 disabled:pointer-events-none"
796
+ className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
797
797
  disabled={page === 1}
798
798
  onClick={() => {
799
799
  setPage((prev) => prev - 1);
@@ -827,7 +827,7 @@ export const Table: TableComponentProps = ({
827
827
  </div>
828
828
  <button
829
829
  type="button"
830
- className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-slate-400 disabled:pointer-events-none"
830
+ className="hidden md:flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
831
831
  disabled={filteredData?.length <= page * maxRow}
832
832
  onClick={() => {
833
833
  setPage((prev) => prev + 1);
@@ -838,7 +838,7 @@ export const Table: TableComponentProps = ({
838
838
  </button>
839
839
  <button
840
840
  type="button"
841
- className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-slate-400 disabled:pointer-events-none"
841
+ className="flex justify-center items-center min-w-9 h-9 border rounded-md bg-secondary-bg hover:bg-secondary-light disabled:bg-secondary-light disabled:text-disabled disabled:pointer-events-none"
842
842
  disabled={filteredData?.length <= page * maxRow}
843
843
  onClick={() => {
844
844
  setPage(Math.ceil(filteredData?.length / maxRow));