@vpdev2/metakyc-sdk 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.
package/dist/index.js CHANGED
@@ -1667,7 +1667,7 @@ class Be {
1667
1667
  }
1668
1668
  }
1669
1669
  function ur(e) {
1670
- const t = e.inputBg || e.background, n = e.inputText || e.textPrimary, a = e.inputBorder || e.border, s = e.inputBorderFocus || e.primary, l = e.inputPlaceholder || e.textMuted;
1670
+ const t = e.inputBg || e.background, n = e.inputText || e.textPrimary, a = e.inputBorder || e.border, s = e.inputBorderFocus || e.primary, l = e.inputPlaceholder || e.textMuted, c = e.surface || e.background;
1671
1671
  return `
1672
1672
  /* ── metakyc input overrides (generated by ThemeManager) ── */
1673
1673
  .metakyc-sdk input:not([type="color"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]),
@@ -1680,15 +1680,40 @@ function ur(e) {
1680
1680
  color: ${n} !important;
1681
1681
  border-color: ${a} !important;
1682
1682
  }
1683
+ /* Portal dropdown panels (rendered at document.body, outside .metakyc-sdk) */
1684
+ .metakyc-searchable-select-dropdown,
1685
+ .metakyc-multiselect-dropdown {
1686
+ background-color: ${t} !important;
1687
+ border-color: ${a} !important;
1688
+ color: ${n} !important;
1689
+ }
1690
+ /* Search input inside portal */
1691
+ .metakyc-searchable-select-dropdown input,
1692
+ .metakyc-multiselect-dropdown input {
1693
+ background-color: ${t} !important;
1694
+ color: ${n} !important;
1695
+ border-color: ${a} !important;
1696
+ }
1697
+ /* Option hover rows inside portal */
1698
+ .metakyc-searchable-select-dropdown li:hover,
1699
+ .metakyc-multiselect-dropdown li:hover {
1700
+ background-color: ${c} !important;
1701
+ }
1702
+ /* Placeholder text */
1683
1703
  .metakyc-sdk input::placeholder,
1684
- .metakyc-sdk textarea::placeholder {
1704
+ .metakyc-sdk textarea::placeholder,
1705
+ .metakyc-searchable-select-dropdown input::placeholder,
1706
+ .metakyc-multiselect-dropdown input::placeholder {
1685
1707
  color: ${l} !important;
1686
1708
  opacity: 1 !important;
1687
1709
  }
1710
+ /* Focus ring */
1688
1711
  .metakyc-sdk input:not([type="color"]):not([type="checkbox"]):not([type="radio"]):focus,
1689
1712
  .metakyc-sdk select:focus,
1690
1713
  .metakyc-sdk textarea:focus,
1691
- .metakyc-sdk .metakyc-searchable-select-trigger:focus {
1714
+ .metakyc-sdk .metakyc-searchable-select-trigger:focus,
1715
+ .metakyc-searchable-select-dropdown input:focus,
1716
+ .metakyc-multiselect-dropdown input:focus {
1692
1717
  border-color: ${s} !important;
1693
1718
  outline-color: ${s} !important;
1694
1719
  box-shadow: 0 0 0 2px ${s}33 !important;