@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.mjs CHANGED
@@ -11,6 +11,7 @@ var flightSearchWidgetStyles = `
11
11
  .sw-container {
12
12
  --sw-font-family: Montserrat, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
13
13
  --sw-en-font-family: Arial, sans-serif;
14
+ --sw-secondary-bg-text: #ffffff;
14
15
  --sw-label-color: #66797F;
15
16
  --sw-body-text: #0B1215;
16
17
  --sw-btn-radius: 8px;
@@ -40,7 +41,6 @@ var flightSearchWidgetStyles = `
40
41
  --sw-size-lg: 20px;
41
42
  }
42
43
  .sw-container {
43
- contain: layout;
44
44
  position: relative;
45
45
  display: block;
46
46
  width: 100%;
@@ -145,7 +145,7 @@ var flightSearchWidgetStyles = `
145
145
  position: relative;
146
146
  display: block;
147
147
  padding: 20px;
148
- background-color: var(--sw-white);
148
+ background-color: var(--secondary);
149
149
  border-radius: var(--sw-radius);
150
150
  }
151
151
  .sw-card-box .br-right{
@@ -671,10 +671,10 @@ padding-inline-start: 25px;
671
671
  .p-datepicker-other-month span{
672
672
  opacity: 0;
673
673
  }
674
- .p-datepicker .p-highlight {
674
+ .sw-com-cal .p-datepicker .p-highlight {
675
675
  position: relative;
676
- background: var(--primary-light) !important;
677
- color: var(--sw-white) !important;
676
+ background: var(--primary);
677
+ color: var(--primary-light);
678
678
  }
679
679
  .sw-product-tabs {
680
680
  position: relative;
@@ -789,10 +789,10 @@ padding-inline-start: 25px;
789
789
  background-color: var(--primary-light);
790
790
  color: var(--primary);
791
791
  }
792
- .sw-tab-content {
792
+ .sw-card-box .sw-tab-content {
793
793
  height: 40px;
794
794
  padding: 6px 15px;
795
- border: 1px solid var(--sw-form-border);
795
+ border: 1px solid var(--sw-secondary-bg-text);
796
796
  border-radius: var(--sw-radius);
797
797
  align-content: center;
798
798
  }
@@ -861,6 +861,13 @@ padding-inline-start: 25px;
861
861
  gap: 8px;
862
862
  height: 40px;
863
863
  }
864
+ .sw-srh-round-text .sw-tab-content{
865
+ color: var(--sw-secondary-bg-text);
866
+ }
867
+ .sw-advanced-search-options .p-accordion-header-text,
868
+ .sw-card-box .p-accordion-toggle-icon{
869
+ color: var(--sw-secondary-bg-text);
870
+ }
864
871
  .sw-remove-segment{
865
872
  fill: var(--primary);
866
873
  cursor: pointer;
@@ -906,14 +913,14 @@ padding-inline-start: 25px;
906
913
  gap: 7px;
907
914
  margin-inline-start: 5px;
908
915
  padding: 8px 10px;
909
- border: 1px solid var(--primary);
916
+ background-color: var(--primary);
910
917
  border-radius: 30px;
911
- background-color: transparent;
912
- color: var(--primary);
918
+ color: var(--sw-white);
913
919
  font-size: 14px;
920
+ cursor: pointer;
914
921
  }
915
922
  .sw-srh-mc .sw-srh-mc-foot button svg {
916
- fill: var(--primary);
923
+ fill: var(--sw-white);
917
924
  }
918
925
  .sw-srh-mc .sw-srh-add-btn {
919
926
  display: flex;
@@ -921,9 +928,9 @@ padding-inline-start: 25px;
921
928
  gap: 7px;
922
929
  margin-inline-start: 5px;
923
930
  padding: 0.8rem 1rem;
931
+ border: 0;
924
932
  border-radius: 30px;
925
933
  color: var(--primary);
926
- font-size: 1.4rem;
927
934
  }
928
935
  .sw-srh-mc .sw-traveller {
929
936
  grid-row-start: 1;
@@ -998,7 +1005,7 @@ padding-inline-start: 25px;
998
1005
  font-weight: 400;
999
1006
  }
1000
1007
  .sw-srh-button-wrapper button.sw-active-button {
1001
- background-color: var(--secondary);
1008
+ background-color: var(--primary);
1002
1009
  color: var(--sw-white);
1003
1010
  }
1004
1011
  .sw-traveller .sw-rooms-guests-menu {
@@ -1298,12 +1305,12 @@ padding-inline-start: 25px;
1298
1305
  .sw-srh-mc .sw-srh-mc-foot{
1299
1306
  margin: 10px 0;
1300
1307
  }
1301
- .sw-srh-mc .sw-srh-wrap:nth-child(3){
1302
- flex-direction: row;
1303
- }
1304
1308
  .sw-container .sw-search-button{
1305
1309
  border-radius: var(--sw-btn-radius);
1306
1310
  }
1311
+ .sw-fsrh-chk-main{
1312
+ flex-wrap: wrap;
1313
+ }
1307
1314
  }
1308
1315
  `;
1309
1316
 
@@ -2117,8 +2124,8 @@ function FlightSearchWidget({
2117
2124
  isOpen && /* @__PURE__ */ jsxs("div", { className: "sw-dropdown", children: [
2118
2125
  /* @__PURE__ */ jsxs("div", { className: "mobileHead MobileShow", children: [
2119
2126
  /* @__PURE__ */ jsx("a", { type: "button", onClick: () => closeAirportDropdown(dropdownType, segmentIndex), children: /* @__PURE__ */ jsxs("svg", { width: "20px", height: "20px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
2120
- /* @__PURE__ */ jsx("path", { d: "M19 5L5 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
2121
- /* @__PURE__ */ jsx("path", { d: "M5 5L19 19", stroke: "black", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })
2127
+ /* @__PURE__ */ jsx("path", { d: "M19 5L5 19", stroke: "black", strokeWidth: "2", "stroke-linecap": "round", strokeLinejoin: "round" }),
2128
+ /* @__PURE__ */ jsx("path", { d: "M5 5L19 19", stroke: "black", strokeWidth: "2", "stroke-linecap": "round", strokeLinejoin: "round" })
2122
2129
  ] }) }),
2123
2130
  /* @__PURE__ */ jsx("h4", { children: isOrigin ? "Origin" : "Destination" })
2124
2131
  ] }),
@@ -2285,7 +2292,7 @@ function FlightSearchWidget({
2285
2292
  className: "sw-form-swap",
2286
2293
  "aria-label": "Swap origin and destination",
2287
2294
  onClick: () => swapSegmentLocations(0),
2288
- children: /* @__PURE__ */ jsx("svg", { width: "30px", height: "30px", fill: "var(--body-text)", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) })
2295
+ children: /* @__PURE__ */ jsx("svg", { width: "30px", height: "30px", fill: "var(--body-text)", viewBox: "0 0 24 24", children: /* @__PURE__ */ 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" }) })
2289
2296
  }
2290
2297
  ),
2291
2298
  renderAirportDropdown(0, "destination", destinationDropdownRef, isDestinationDropdownOpen, () => setIsDestinationDropdownOpen(true))