@magicfeedback/popup-sdk 1.0.14 → 1.0.15

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.mjs CHANGED
@@ -2063,8 +2063,8 @@ var style_default = `.magicfeedback-container {
2063
2063
  box-shadow: 0 0 3px #ccc;
2064
2064
  }
2065
2065
 
2066
- input::-webkit-outer-spin-button,
2067
- input::-webkit-inner-spin-button {
2066
+ .deepdots-popup input::-webkit-outer-spin-button,
2067
+ .deepdots-popup input::-webkit-inner-spin-button {
2068
2068
  -webkit-appearance: none;
2069
2069
  -moz-appearance: textfield;
2070
2070
  }
@@ -2089,12 +2089,12 @@ input::-webkit-inner-spin-button {
2089
2089
  width: 100%;
2090
2090
  }
2091
2091
 
2092
- p {
2092
+ .deepdots-popup p {
2093
2093
  margin-bottom: 0px;
2094
2094
  font-size: 12px;
2095
2095
  }
2096
2096
 
2097
- h2 {
2097
+ .deepdots-popup h2 {
2098
2098
  line-height: 1.66;
2099
2099
  margin: 0;
2100
2100
  padding: 0;
@@ -2107,17 +2107,17 @@ h2 {
2107
2107
  margin-bottom: 40px;
2108
2108
  }
2109
2109
 
2110
- h6 {
2110
+ .deepdots-popup h6 {
2111
2111
  margin-bottom: 1rem;
2112
2112
  }
2113
2113
 
2114
- input[type="date"],
2115
- input[type="text"],
2116
- input[type="number"],
2117
- input[type="email"],
2118
- input[type="password"],
2119
- textarea,
2120
- select {
2114
+ .deepdots-popup input[type="date"],
2115
+ .deepdots-popup input[type="text"],
2116
+ .deepdots-popup input[type="number"],
2117
+ .deepdots-popup input[type="email"],
2118
+ .deepdots-popup input[type="password"],
2119
+ .deepdots-popup textarea,
2120
+ .deepdots-popup select {
2121
2121
  box-sizing: border-box;
2122
2122
  padding: 10px;
2123
2123
  margin: 10px 0;
@@ -2132,7 +2132,7 @@ select {
2132
2132
  -webkit-appearance: none;
2133
2133
  }
2134
2134
 
2135
- select {
2135
+ .deepdots-popup select {
2136
2136
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
2137
2137
  linear-gradient(135deg, gray 50%, transparent 50%),
2138
2138
  linear-gradient(to right, #ccc, #ccc);
@@ -2195,7 +2195,7 @@ select {
2195
2195
  background-color: #cadff8;
2196
2196
  }
2197
2197
 
2198
- input[type="radio"] {
2198
+ .deepdots-popup input[type="radio"] {
2199
2199
  padding: 20px;
2200
2200
  margin: 10px 0 10px 15px;
2201
2201
  width: 40px;
@@ -2204,12 +2204,12 @@ input[type="radio"] {
2204
2204
  }
2205
2205
 
2206
2206
  /* Style for focused input/select */
2207
- input:focus, select:focus {
2207
+ .deepdots-popup input:focus, .deepdots-popup select:focus {
2208
2208
  border-color: #4CAF50; /* Highlight color when focused - you can customize this */
2209
2209
  }
2210
2210
 
2211
2211
  /* Style for invalid input (example: validation error) */
2212
- input.error, select.error {
2212
+ .deepdots-popup input.error, .deepdots-popup select.error {
2213
2213
  border-color: #ff3333; /* Red color for error state - you can customize this */
2214
2214
  }
2215
2215