@paymanai/payman-ask-sdk 4.0.26 → 4.0.27

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/styles.css CHANGED
@@ -48,6 +48,9 @@
48
48
  --payman-v2-error-color: var(--payman-v2-error-color-override, #ef4444);
49
49
  --payman-v2-error-bg: var(--payman-v2-error-bg-override, rgba(239, 68, 68, 0.05));
50
50
  --payman-v2-error-border: var(--payman-v2-error-border-override, rgba(239, 68, 68, 0.1));
51
+ --payman-v2-matrix-color: var(--payman-v2-matrix-color-override, var(--payman-primary, #0f766e));
52
+ --payman-v2-matrix-dot-off: var(--payman-v2-matrix-dot-off-override, var(--payman-v2-text-3));
53
+ --muted-foreground: var(--payman-v2-matrix-dot-off);
51
54
  font-family: var(--payman-v2-font-sans);
52
55
  color: var(--payman-v2-text-1);
53
56
  background: var(--payman-v2-bg);
@@ -920,6 +923,14 @@
920
923
  }
921
924
  }
922
925
  .payman-v2-streaming-indicator-glyph {
926
+ position: relative;
927
+ display: flex;
928
+ align-items: center;
929
+ justify-content: center;
930
+ }
931
+ .payman-v2-streaming-indicator-matrix {
932
+ position: absolute;
933
+ inset: 0;
923
934
  display: flex;
924
935
  align-items: center;
925
936
  justify-content: center;
@@ -1592,6 +1603,77 @@
1592
1603
  font-size: 11px;
1593
1604
  color: var(--payman-v2-error-color);
1594
1605
  }
1606
+ .payman-v2-ua-select-trigger {
1607
+ width: 100%;
1608
+ box-sizing: border-box;
1609
+ display: flex;
1610
+ align-items: center;
1611
+ justify-content: space-between;
1612
+ gap: 0.5rem;
1613
+ padding: 0.4375rem 0.625rem;
1614
+ font-size: 0.8125rem;
1615
+ font-family: inherit;
1616
+ text-align: left;
1617
+ color: var(--payman-v2-text-1);
1618
+ background: var(--payman-v2-bg);
1619
+ border: 1px solid var(--payman-v2-border-1);
1620
+ border-radius: var(--payman-v2-radius-sm);
1621
+ outline: none;
1622
+ cursor: pointer;
1623
+ transition: border-color 0.15s, box-shadow 0.15s;
1624
+ }
1625
+ .payman-v2-ua-select-trigger:focus-visible {
1626
+ border-color: var(--payman-v2-btn-primary);
1627
+ box-shadow: 0 0 0 1px var(--payman-v2-btn-primary);
1628
+ }
1629
+ .payman-v2-ua-select-trigger:disabled {
1630
+ opacity: 0.5;
1631
+ cursor: not-allowed;
1632
+ }
1633
+ .payman-v2-ua-select-value {
1634
+ overflow: hidden;
1635
+ text-overflow: ellipsis;
1636
+ white-space: nowrap;
1637
+ }
1638
+ .payman-v2-ua-select-placeholder {
1639
+ color: var(--payman-v2-text-3);
1640
+ }
1641
+ .payman-v2-ua-select-chevron {
1642
+ flex-shrink: 0;
1643
+ color: var(--payman-v2-text-3);
1644
+ }
1645
+ .payman-v2-ua-select-menu {
1646
+ z-index: 10000;
1647
+ height: -moz-fit-content;
1648
+ height: fit-content;
1649
+ min-height: 0;
1650
+ overflow-y: auto;
1651
+ padding: 0.25rem;
1652
+ box-sizing: border-box;
1653
+ border: 1px solid var(--payman-v2-border-1);
1654
+ border-radius: var(--payman-v2-radius-sm);
1655
+ background: var(--payman-v2-bg);
1656
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
1657
+ outline: none;
1658
+ }
1659
+ .payman-v2-ua-select-option {
1660
+ display: flex;
1661
+ align-items: center;
1662
+ justify-content: space-between;
1663
+ gap: 0.5rem;
1664
+ padding: 0.4375rem 0.5rem;
1665
+ font-size: 0.8125rem;
1666
+ color: var(--payman-v2-text-1);
1667
+ border-radius: var(--payman-v2-radius-sm);
1668
+ cursor: pointer;
1669
+ }
1670
+ .payman-v2-ua-select-option-active {
1671
+ background: color-mix(in srgb, var(--payman-v2-btn-primary) 12%, transparent);
1672
+ }
1673
+ .payman-v2-ua-select-option-selected {
1674
+ color: var(--payman-v2-btn-primary);
1675
+ font-weight: 500;
1676
+ }
1595
1677
  .payman-v2-ua-check {
1596
1678
  display: flex;
1597
1679
  align-items: center;
@@ -1696,6 +1778,25 @@
1696
1778
  color: var(--payman-v2-text-1);
1697
1779
  background: var(--payman-v2-hover);
1698
1780
  }
1781
+ .payman-v2-ua-dock {
1782
+ width: 100%;
1783
+ }
1784
+ .payman-v2-ua-dock-panel {
1785
+ width: 100%;
1786
+ max-width: var(--payman-v2-max-content-width);
1787
+ margin: 0 auto;
1788
+ padding: 0 1rem;
1789
+ }
1790
+ @media (min-width: 640px) {
1791
+ .payman-v2-ua-dock-panel {
1792
+ padding-left: 1.25rem;
1793
+ padding-right: 1.25rem;
1794
+ }
1795
+ }
1796
+ .payman-v2-ua-dock-panel .payman-v2-ua {
1797
+ max-width: none;
1798
+ width: 100%;
1799
+ }
1699
1800
  .payman-v2-file-card {
1700
1801
  margin-top: 0.75rem;
1701
1802
  display: inline-flex;