@travelswitchhq/flight-search-react 1.0.8 → 1.0.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.
Files changed (5) hide show
  1. package/dist/index.cjs +26 -19
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.mjs +26 -19
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -37,6 +37,7 @@ var flightSearchWidgetStyles = `
37
37
  .sw-container {
38
38
  --sw-font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
39
39
  --sw-en-font-family: Arial, sans-serif;
40
+ --sw-secondary-bg-text: #ffffff;
40
41
  --sw-label-color: #66797F;
41
42
  --sw-body-text: #0B1215;
42
43
  --sw-btn-radius: 8px;
@@ -66,7 +67,6 @@ var flightSearchWidgetStyles = `
66
67
  --sw-size-lg: 20px;
67
68
  }
68
69
  .sw-container {
69
- contain: layout;
70
70
  position: relative;
71
71
  display: block;
72
72
  width: 100%;
@@ -171,7 +171,7 @@ var flightSearchWidgetStyles = `
171
171
  position: relative;
172
172
  display: block;
173
173
  padding: 20px;
174
- background-color: var(--sw-white);
174
+ background-color: var(--secondary);
175
175
  border-radius: var(--sw-radius);
176
176
  }
177
177
  .sw-card-box .br-right{
@@ -697,10 +697,10 @@ padding-inline-start: 25px;
697
697
  .p-datepicker-other-month span{
698
698
  opacity: 0;
699
699
  }
700
- .p-datepicker .p-highlight {
700
+ .sw-com-cal .p-datepicker .p-highlight {
701
701
  position: relative;
702
- background: var(--primary-light) !important;
703
- color: var(--sw-white) !important;
702
+ background: var(--primary);
703
+ color: var(--primary-light);
704
704
  }
705
705
  .sw-product-tabs {
706
706
  position: relative;
@@ -815,10 +815,10 @@ padding-inline-start: 25px;
815
815
  background-color: var(--primary-light);
816
816
  color: var(--primary);
817
817
  }
818
- .sw-tab-content {
818
+ .sw-card-box .sw-tab-content {
819
819
  height: 40px;
820
820
  padding: 6px 15px;
821
- border: 1px solid var(--sw-form-border);
821
+ border: 1px solid var(--sw-secondary-bg-text);
822
822
  border-radius: var(--sw-radius);
823
823
  align-content: center;
824
824
  }
@@ -887,6 +887,13 @@ padding-inline-start: 25px;
887
887
  gap: 8px;
888
888
  height: 40px;
889
889
  }
890
+ .sw-srh-round-text .sw-tab-content{
891
+ color: var(--sw-secondary-bg-text);
892
+ }
893
+ .sw-advanced-search-options .p-accordion-header-text,
894
+ .sw-card-box .p-accordion-toggle-icon{
895
+ color: var(--sw-secondary-bg-text);
896
+ }
890
897
  .sw-remove-segment{
891
898
  fill: var(--primary);
892
899
  cursor: pointer;
@@ -932,14 +939,14 @@ padding-inline-start: 25px;
932
939
  gap: 7px;
933
940
  margin-inline-start: 5px;
934
941
  padding: 8px 10px;
935
- border: 1px solid var(--primary);
942
+ background-color: var(--primary);
936
943
  border-radius: 30px;
937
- background-color: transparent;
938
- color: var(--primary);
944
+ color: var(--sw-white);
939
945
  font-size: 14px;
946
+ cursor: pointer;
940
947
  }
941
948
  .sw-srh-mc .sw-srh-mc-foot button svg {
942
- fill: var(--primary);
949
+ fill: var(--sw-white);
943
950
  }
944
951
  .sw-srh-mc .sw-srh-add-btn {
945
952
  display: flex;
@@ -947,9 +954,9 @@ padding-inline-start: 25px;
947
954
  gap: 7px;
948
955
  margin-inline-start: 5px;
949
956
  padding: 0.8rem 1rem;
957
+ border: 0;
950
958
  border-radius: 30px;
951
959
  color: var(--primary);
952
- font-size: 1.4rem;
953
960
  }
954
961
  .sw-srh-mc .sw-traveller {
955
962
  grid-row-start: 1;
@@ -1024,7 +1031,7 @@ padding-inline-start: 25px;
1024
1031
  font-weight: 400;
1025
1032
  }
1026
1033
  .sw-srh-button-wrapper button.sw-active-button {
1027
- background-color: var(--secondary);
1034
+ background-color: var(--primary);
1028
1035
  color: var(--sw-white);
1029
1036
  }
1030
1037
  .sw-traveller .sw-rooms-guests-menu {
@@ -1324,12 +1331,12 @@ padding-inline-start: 25px;
1324
1331
  .sw-srh-mc .sw-srh-mc-foot{
1325
1332
  margin: 10px 0;
1326
1333
  }
1327
- .sw-srh-mc .sw-srh-wrap:nth-child(3){
1328
- flex-direction: row;
1329
- }
1330
1334
  .sw-container .sw-search-button{
1331
1335
  border-radius: var(--sw-btn-radius);
1332
1336
  }
1337
+ .sw-fsrh-chk-main{
1338
+ flex-wrap: wrap;
1339
+ }
1333
1340
  }
1334
1341
  `;
1335
1342
 
@@ -2143,8 +2150,8 @@ function FlightSearchWidget({
2143
2150
  isOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "sw-dropdown", children: [
2144
2151
  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mobileHead MobileShow", children: [
2145
2152
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { type: "button", onClick: () => closeAirportDropdown(dropdownType, segmentIndex), children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { width: "20px", height: "20px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
2146
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 5L5 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
2147
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5L19 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
2153
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 5L5 19", stroke: "black", strokeWidth: "2", "stroke-linecap": "round", strokeLinejoin: "round" }),
2154
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 5L19 19", stroke: "black", strokeWidth: "2", "stroke-linecap": "round", strokeLinejoin: "round" })
2148
2155
  ] }) }),
2149
2156
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: isOrigin ? "Origin" : "Destination" })
2150
2157
  ] }),
@@ -2311,7 +2318,7 @@ function FlightSearchWidget({
2311
2318
  className: "sw-form-swap",
2312
2319
  "aria-label": "Swap origin and destination",
2313
2320
  onClick: () => swapSegmentLocations(0),
2314
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "30px", height: "30px", fill: "var(--body-text)", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { "fill-rule": "evenodd", d: "M14.6403 5.2477a.7483.7483 0 0 1 1.0612.0084l4.0871 4.1684a.7555.7555 0 0 1 .1573.8195.7502.7502 0 0 1-.6921.4623H6.8305c-.4145 0-.7504-.3373-.7504-.7533 0-.4161.336-.7534.7504-.7534h10.6317L14.632 6.3131a.7556.7556 0 0 1 .0083-1.0654ZM9.368 18.8148a.7483.7483 0 0 1-1.0611-.0084l-4.087-4.1684a.7555.7555 0 0 1-.1574-.8195.7503.7503 0 0 1 .6921-.4623H17.178c.4144 0 .7503.3373.7503.7533 0 .4161-.3359.7534-.7503.7534H6.5463l2.8301 2.8865a.7555.7555 0 0 1-.0083 1.0654Z", "clip-rule": "evenodd" }) })
2321
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "30px", height: "30px", fill: "var(--body-text)", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fillRule: "evenodd", d: "M14.6403 5.2477a.7483.7483 0 0 1 1.0612.0084l4.0871 4.1684a.7555.7555 0 0 1 .1573.8195.7502.7502 0 0 1-.6921.4623H6.8305c-.4145 0-.7504-.3373-.7504-.7533 0-.4161.336-.7534.7504-.7534h10.6317L14.632 6.3131a.7556.7556 0 0 1 .0083-1.0654ZM9.368 18.8148a.7483.7483 0 0 1-1.0611-.0084l-4.087-4.1684a.7555.7555 0 0 1-.1574-.8195.7503.7503 0 0 1 .6921-.4623H17.178c.4144 0 .7503.3373.7503.7533 0 .4161-.3359.7534-.7503.7534H6.5463l2.8301 2.8865a.7555.7555 0 0 1-.0083 1.0654Z", clipRule: "evenodd" }) })
2315
2322
  }
2316
2323
  ),
2317
2324
  renderAirportDropdown(0, "destination", destinationDropdownRef, isDestinationDropdownOpen, () => setIsDestinationDropdownOpen(true))