@paymanai/payman-ask-sdk 4.0.4 → 4.0.6

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
@@ -2002,6 +2002,96 @@
2002
2002
  gap: 0.5rem;
2003
2003
  width: 100%;
2004
2004
  }
2005
+ .payman-v2-feedback-modal-backdrop {
2006
+ position: fixed;
2007
+ inset: 0;
2008
+ z-index: 1000;
2009
+ display: flex;
2010
+ align-items: center;
2011
+ justify-content: center;
2012
+ padding: 1rem;
2013
+ background: rgba(0, 0, 0, 0.45);
2014
+ }
2015
+ .payman-v2-feedback-modal-dialog {
2016
+ width: 100%;
2017
+ max-width: 24rem;
2018
+ background: var(--payman-v2-bg);
2019
+ border: 1px solid var(--payman-v2-border-1);
2020
+ border-radius: var(--payman-v2-radius-lg);
2021
+ padding: 1.5rem;
2022
+ box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);
2023
+ }
2024
+ .payman-v2-feedback-modal-title {
2025
+ margin: 0 0 1rem 0;
2026
+ font-size: 1.0625rem;
2027
+ font-weight: 600;
2028
+ color: var(--payman-v2-text-1);
2029
+ }
2030
+ .payman-v2-feedback-modal-label {
2031
+ display: block;
2032
+ margin-bottom: 0.375rem;
2033
+ font-size: var(--payman-v2-small-font-size);
2034
+ color: var(--payman-v2-text-2);
2035
+ }
2036
+ .payman-v2-feedback-modal-select,
2037
+ .payman-v2-feedback-modal-textarea {
2038
+ width: 100%;
2039
+ box-sizing: border-box;
2040
+ border: 1px solid var(--payman-v2-border-1);
2041
+ border-radius: var(--payman-v2-radius-md);
2042
+ padding: 0.625rem 0.75rem;
2043
+ font-family: var(--payman-v2-font-sans);
2044
+ font-size: var(--payman-v2-body-font-size);
2045
+ color: var(--payman-v2-text-1);
2046
+ background: var(--payman-v2-bg-secondary);
2047
+ }
2048
+ .payman-v2-feedback-modal-select:focus,
2049
+ .payman-v2-feedback-modal-textarea:focus {
2050
+ outline: none;
2051
+ box-shadow: var(--payman-v2-shadow-input-focus);
2052
+ }
2053
+ .payman-v2-feedback-modal-textarea {
2054
+ min-height: 5rem;
2055
+ margin-top: 0.75rem;
2056
+ resize: vertical;
2057
+ line-height: var(--payman-v2-body-line-height);
2058
+ }
2059
+ .payman-v2-feedback-modal-error {
2060
+ margin: 0.75rem 0 0 0;
2061
+ font-size: var(--payman-v2-small-font-size);
2062
+ color: var(--payman-v2-error-color);
2063
+ }
2064
+ .payman-v2-feedback-modal-actions {
2065
+ display: flex;
2066
+ justify-content: flex-end;
2067
+ gap: 0.5rem;
2068
+ margin-top: 1.25rem;
2069
+ }
2070
+ .payman-v2-feedback-modal-btn {
2071
+ border: 1px solid transparent;
2072
+ border-radius: var(--payman-v2-radius-full);
2073
+ padding: 0.5rem 1rem;
2074
+ font-family: var(--payman-v2-font-sans);
2075
+ font-size: var(--payman-v2-body-font-size);
2076
+ font-weight: 500;
2077
+ cursor: pointer;
2078
+ }
2079
+ .payman-v2-feedback-modal-btn:disabled {
2080
+ cursor: default;
2081
+ opacity: 0.6;
2082
+ }
2083
+ .payman-v2-feedback-modal-btn-secondary {
2084
+ background: transparent;
2085
+ border-color: var(--payman-v2-border-1);
2086
+ color: var(--payman-v2-text-2);
2087
+ }
2088
+ .payman-v2-feedback-modal-btn-secondary:hover:not(:disabled) {
2089
+ background: var(--payman-v2-hover);
2090
+ }
2091
+ .payman-v2-feedback-modal-btn-primary {
2092
+ background: var(--payman-v2-btn-primary);
2093
+ color: var(--payman-v2-btn-primary-text);
2094
+ }
2005
2095
 
2006
2096
  /* src/styles.css */
2007
2097
  .payman-chat-root {