@matchain/matchid-sdk-react 0.1.37-alpha.0 → 0.1.37-alpha.1

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.
package/dist/index.css CHANGED
@@ -661,7 +661,7 @@ body {
661
661
  flex-direction: column;
662
662
  gap: 64px;
663
663
  @media screen and (max-width: 768px) {
664
- gap:36px;
664
+ gap: 36px;
665
665
  }
666
666
 
667
667
  .matchid-email-verify-header, .matchid-password-header {
@@ -807,28 +807,38 @@ body {
807
807
  position: relative;
808
808
  display: inline-block;
809
809
 
810
- .matchid-popover-content {
811
- position: absolute;
812
- z-index: 100;
813
- background: var(--matchid-popover-bg);
814
- box-shadow: var(--matchid-shadow-middle);
815
- border-radius: 12px;
816
- padding: 16px 0;
810
+ .matchid-popover-area {
817
811
  display: none;
818
- border: 1px solid var(--matchid-popover-bg);
819
- }
812
+ .matchid-popover-content {
813
+ position: absolute;
814
+ z-index: 100;
815
+ background: var(--matchid-popover-bg);
816
+ box-shadow: var(--matchid-shadow-middle);
817
+ border-radius: 12px;
818
+ padding: 16px 0;
819
+ display: none;
820
+ border: 1px solid var(--matchid-popover-bg);
821
+ }
822
+
823
+ .matchid-popover-content:hover {
824
+ border: 1px solid var(--matchid-highlight-orange);
825
+ }
820
826
 
821
- .matchid-popover-content:hover {
822
- border: 1px solid var(--matchid-highlight-orange);
823
827
  }
824
828
 
825
829
  &.matchid-popover-click-active {
830
+ .matchid-popover-area{
831
+ display: block;
832
+ }
826
833
  .matchid-popover-content {
827
834
  display: block;
828
835
  }
829
836
  }
830
837
 
831
838
  &.matchid-popover-hover:hover {
839
+ .matchid-popover-area{
840
+ display: block;
841
+ }
832
842
  .matchid-popover-content {
833
843
  display: block;
834
844
  }
package/dist/index.js CHANGED
@@ -2060,7 +2060,7 @@ function Popover({
2060
2060
  children,
2061
2061
  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { style: {
2062
2062
  paddingTop: gap
2063
- }, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `matchid-popover-content`, children: content }) })
2063
+ }, className: `matchid-popover-area`, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `matchid-popover-content`, children: content }) })
2064
2064
  ]
2065
2065
  }
2066
2066
  );