@travelswitchhq/flight-search-react 1.0.9 → 1.1.0

package/dist/index.cjs

@@ -37,7 +37,6 @@ var flightSearchWidgetStyles = `
 .sw-container {
   --sw-font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
   --sw-en-font-family: Arial, sans-serif;
-  --sw-secondary-bg-text: #ffffff;
   --sw-label-color: #66797F;
   --sw-body-text: #0B1215;
   --sw-btn-radius: 8px;
@@ -762,7 +761,7 @@ padding-inline-start: 25px;
   gap: 10px;
   cursor: pointer;
   user-select: none;
-  color: var(--sw-body-text);
+  color: var(--secondary-bg-text);
   font-size: 14px;
 }
 .sw-material-checkbox input {
@@ -815,10 +814,13 @@ padding-inline-start: 25px;
   background-color: var(--primary-light);
   color: var(--primary);
 }
+.sw-card-box .sw-srh-class .sw-tab-content {
+  border: 1px solid var(--sw-form-border);
+}
 .sw-card-box .sw-tab-content {
   height: 40px;
   padding: 6px 15px;
-  border: 1px solid var(--sw-secondary-bg-text);
+  border: 1px solid var(--secondary-bg-text);
   border-radius: var(--sw-radius);
   align-content: center;
 }
@@ -888,11 +890,11 @@ padding-inline-start: 25px;
   height: 40px;
 }
 .sw-srh-round-text .sw-tab-content{
-  color: var(--sw-secondary-bg-text);
+  color: var(--secondary-bg-text);
 }
 .sw-advanced-search-options .p-accordion-header-text,
 .sw-card-box .p-accordion-toggle-icon{
-  color: var(--sw-secondary-bg-text);
+  color: var(--secondary-bg-text);
 }
 .sw-remove-segment{
   fill: var(--primary);
@@ -971,10 +973,11 @@ padding-inline-start: 25px;
 }
 .p-autocomplete-multiple-container {
   width: 100%;
+  background-color: var(--sw-white);
   min-width: 270px;
   padding: 10px;
   padding-inline-end: 2rem;
-  border: 1px solid var(--sw-form-border);
+  border: 1px solid var(--secondary-bg-text);
   border-radius: var(--sw-radius);
   gap: 0.5rem;
   font-size: 14px;
@@ -1471,8 +1474,9 @@ function FlightSearchWidget({
 }) {
   const theme = config?.theme;
   const primaryColor = theme?.primary ?? "#2c0a82";
-  const secondaryColor = theme?.secondary ?? "#2c0a82";
   const primaryLightColor = theme?.primaryLight ?? "#f3e2ff";
+  const secondaryColor = theme?.secondary ?? "#2c0a82";
+  const secondaryBgText = theme?.secondaryBgText ?? "#ffffff";
   const fontName = config?.fontName;
   const redirectionDomain = config?.redirectionDomain;
   const env = config?.env ?? "dev";
@@ -1723,15 +1727,16 @@ function FlightSearchWidget({
     () => {
       const style = {
         ["--primary"]: primaryColor,
+        ["--primary-light"]: primaryLightColor,
         ["--secondary"]: secondaryColor,
-        ["--primary-light"]: primaryLightColor
+        ["--secondary-bg-text"]: secondaryBgText
       };
       if (fontName) {
         style["--font-family"] = fontName;
       }
       return style;
     },
-    [primaryColor, secondaryColor, primaryLightColor]
+    [primaryColor, secondaryColor, primaryLightColor, secondaryBgText]
   );
   (0, import_react.useEffect)(() => {
     ensureStylesInjected();