@smilodon/core 1.3.5 → 1.3.9

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
@@ -1622,7 +1622,7 @@ class EnhancedSelect extends HTMLElement {
1622
1622
  const container = document.createElement('div');
1623
1623
  container.className = 'dropdown-arrow-container';
1624
1624
  container.innerHTML = `
1625
- <svg class="dropdown-arrow" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1625
+ <svg class="dropdown-arrow" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1626
1626
  <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1627
1627
  </svg>
1628
1628
  `;
@@ -1690,13 +1690,13 @@ class EnhancedSelect extends HTMLElement {
1690
1690
  transform: translateY(-50%);
1691
1691
  width: var(--select-separator-width, 1px);
1692
1692
  height: var(--select-separator-height, 60%);
1693
- background: var(--select-separator-gradient, linear-gradient(
1693
+ background: var(--select-separator-bg, var(--select-separator-gradient, linear-gradient(
1694
1694
  to bottom,
1695
1695
  transparent 0%,
1696
1696
  rgba(0, 0, 0, 0.1) 20%,
1697
1697
  rgba(0, 0, 0, 0.1) 80%,
1698
1698
  transparent 100%
1699
- ));
1699
+ )));
1700
1700
  pointer-events: none;
1701
1701
  z-index: 1;
1702
1702
  }
@@ -1728,6 +1728,10 @@ class EnhancedSelect extends HTMLElement {
1728
1728
  transform: translateY(0);
1729
1729
  }
1730
1730
 
1731
+ .dropdown-arrow path {
1732
+ stroke-width: var(--select-arrow-stroke-width, 2);
1733
+ }
1734
+
1731
1735
  .dropdown-arrow-container:hover .dropdown-arrow {
1732
1736
  color: var(--select-arrow-hover-color, #667eea);
1733
1737
  }
@@ -1827,6 +1831,7 @@ class EnhancedSelect extends HTMLElement {
1827
1831
  user-select: none;
1828
1832
  font-size: var(--select-option-font-size, 14px);
1829
1833
  line-height: var(--select-option-line-height, 1.5);
1834
+ border: var(--select-option-border, none);
1830
1835
  border-bottom: var(--select-option-border-bottom, none);
1831
1836
  }
1832
1837