@qite/tide-components 1.0.10 → 1.0.13-preview.0

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 (93) hide show
  1. package/build/build-cjs/index.js +2386 -1305
  2. package/build/build-cjs/src/booking-wizard/features/booking/selectors.d.ts +1 -0
  3. package/build/build-cjs/src/booking-wizard/features/travelers-form/validate-form.d.ts +2 -1
  4. package/build/build-cjs/src/booking-wizard/types.d.ts +29 -1
  5. package/build/build-cjs/src/search-results/components/flight/flight-selection/independent-flight-option.d.ts +2 -0
  6. package/build/build-cjs/src/search-results/components/itinerary/index.d.ts +1 -0
  7. package/build/build-cjs/src/search-results/components/itinerary/itinerary-utils.d.ts +1 -0
  8. package/build/build-cjs/src/search-results/types.d.ts +8 -0
  9. package/build/build-cjs/src/search-results/utils/booked-entry-utils.d.ts +20 -0
  10. package/build/build-cjs/src/search-results/utils/traject-utils.d.ts +7 -0
  11. package/build/build-cjs/src/shared/booking/travelers-form.d.ts +13 -3
  12. package/build/build-esm/index.js +2390 -1309
  13. package/build/build-esm/src/booking-wizard/features/booking/selectors.d.ts +1 -0
  14. package/build/build-esm/src/booking-wizard/features/travelers-form/validate-form.d.ts +2 -1
  15. package/build/build-esm/src/booking-wizard/types.d.ts +29 -1
  16. package/build/build-esm/src/search-results/components/flight/flight-selection/independent-flight-option.d.ts +2 -0
  17. package/build/build-esm/src/search-results/components/itinerary/index.d.ts +1 -0
  18. package/build/build-esm/src/search-results/components/itinerary/itinerary-utils.d.ts +1 -0
  19. package/build/build-esm/src/search-results/types.d.ts +8 -0
  20. package/build/build-esm/src/search-results/utils/booked-entry-utils.d.ts +20 -0
  21. package/build/build-esm/src/search-results/utils/traject-utils.d.ts +7 -0
  22. package/build/build-esm/src/shared/booking/travelers-form.d.ts +13 -3
  23. package/package.json +2 -2
  24. package/styles/abstracts/_mixins.scss +74 -74
  25. package/styles/abstracts/_variables.scss +57 -57
  26. package/styles/base/_fonts.scss +2 -2
  27. package/styles/base/_normalize.scss +227 -227
  28. package/styles/base/_typography.scss +35 -35
  29. package/styles/booking-joker-variables.scss +596 -596
  30. package/styles/booking-product-variables.scss +330 -330
  31. package/styles/booking-product.scss +438 -438
  32. package/styles/booking-qsm-variables.scss +501 -501
  33. package/styles/booking-qsm.scss +52 -52
  34. package/styles/booking-search-results-variables.scss +734 -734
  35. package/styles/booking-search-results.scss +53 -53
  36. package/styles/booking-wizard-variables.scss +603 -603
  37. package/styles/booking-wizard.scss +61 -61
  38. package/styles/components/_accordion.scss +67 -67
  39. package/styles/components/_animations.scss +39 -39
  40. package/styles/components/_base.scss +107 -107
  41. package/styles/components/_booking.scss +906 -906
  42. package/styles/components/_breadcrumb.scss +92 -92
  43. package/styles/components/_button.scss +238 -238
  44. package/styles/components/_checkbox.scss +230 -230
  45. package/styles/components/_contact.scss +255 -255
  46. package/styles/components/_content.scss +336 -336
  47. package/styles/components/_cta.scss +238 -238
  48. package/styles/components/_date-list.scss +41 -41
  49. package/styles/components/_date-range-picker.scss +223 -223
  50. package/styles/components/_decrement-increment.scss +35 -35
  51. package/styles/components/_dropdown.scss +77 -77
  52. package/styles/components/_error.scss +50 -50
  53. package/styles/components/_faq.scss +30 -30
  54. package/styles/components/_flight-option.scss +1432 -1432
  55. package/styles/components/_flyin.scss +830 -830
  56. package/styles/components/_footer.scss +135 -135
  57. package/styles/components/_form.scss +1704 -1693
  58. package/styles/components/_gallery.scss +317 -317
  59. package/styles/components/_header.scss +113 -113
  60. package/styles/components/_image-with-text.scss +206 -206
  61. package/styles/components/_img-slider.scss +175 -175
  62. package/styles/components/_info-message.scss +75 -75
  63. package/styles/components/_input.scss +35 -35
  64. package/styles/components/_list.scss +185 -185
  65. package/styles/components/_loader.scss +152 -152
  66. package/styles/components/_login.scss +140 -140
  67. package/styles/components/_map-view.scss +1100 -1100
  68. package/styles/components/_mixins.scss +579 -579
  69. package/styles/components/_navbar.scss +765 -765
  70. package/styles/components/_passenger-picker.scss +306 -306
  71. package/styles/components/_phone-input.scss +8 -8
  72. package/styles/components/_placeholders.scss +165 -165
  73. package/styles/components/_pricing-summary.scss +163 -163
  74. package/styles/components/_qsm.scss +17 -17
  75. package/styles/components/_radiobutton.scss +170 -170
  76. package/styles/components/_search.scss +2197 -2197
  77. package/styles/components/_select-wrapper.scss +81 -81
  78. package/styles/components/_slider.scss +120 -128
  79. package/styles/components/_spinner.scss +29 -29
  80. package/styles/components/_step-indicators.scss +187 -187
  81. package/styles/components/_table.scss +81 -81
  82. package/styles/components/_tide-form.scss +578 -578
  83. package/styles/components/_tree.scss +648 -648
  84. package/styles/components/_typeahead.scss +275 -275
  85. package/styles/components/_variables.scss +89 -89
  86. package/styles/content-blocks-variables.scss +543 -543
  87. package/styles/content-blocks.scss +66 -66
  88. package/styles/font.scss +2 -2
  89. package/styles/qsm/_calendar.scss +274 -274
  90. package/styles/qsm/_qsm.scss +1097 -1097
  91. package/styles/search.scss +1200 -1200
  92. package/styles/tide-form-variables.scss +275 -275
  93. package/styles/tide-form.scss +56 -56
package/styles/components/_footer.scss CHANGED
@@ -1,135 +1,135 @@
1
- @use '../components/mixins' as mixins;
2
-
3
- .footer {
4
- background: var(--tide-booking-footer-background);
5
- border: var(--tide-booking-footer-border);
6
- border-radius: var(--tide-booking-footer-border-radius);
7
- box-shadow: var(--tide-booking-footer-box-shadow);
8
- padding: 60px 0px;
9
-
10
- &__container {
11
- @include mixins.container-medium();
12
- display: flex;
13
- flex-direction: column;
14
- gap: 40px;
15
- }
16
-
17
- &__top {
18
- display: flex;
19
- justify-content: space-between;
20
- align-items: center;
21
- }
22
-
23
- &__logo {
24
- width: auto;
25
- height: 40px;
26
- cursor: pointer;
27
-
28
- svg,
29
- img {
30
- height: 100%;
31
- width: 100%;
32
- display: block;
33
- }
34
- }
35
-
36
- &__social {
37
- display: flex;
38
- align-items: center;
39
- gap: 15px;
40
-
41
- &__link {
42
- color: #828282;
43
- transition: color 0.3s ease-in-out;
44
-
45
- &:hover {
46
- color: #333399;
47
- }
48
- }
49
- }
50
-
51
- &__wrapper {
52
- display: grid;
53
- grid-template-columns: repeat(1, 1fr);
54
- gap: 20px;
55
-
56
- @include mixins.media-xs {
57
- grid-template-columns: repeat(2, 1fr);
58
- }
59
-
60
- @include mixins.media-sm {
61
- display: flex;
62
- justify-content: space-between;
63
- flex-wrap: wrap;
64
- }
65
- }
66
-
67
- &__links {
68
- display: flex;
69
- flex-direction: column;
70
- gap: 10px;
71
- }
72
-
73
- &__link {
74
- color: var(--tide-booking-footer-link-color);
75
- text-decoration: var(--tide-booking-footer-link-text-decoration);
76
- font-family: var(--tide-booking-footer-link-font-family);
77
- font-weight: var(--tide-booking-footer-link-font-weight);
78
- line-height: var(--tide-booking-footer-link-line-height);
79
- transition: all 0.3s ease-in-out;
80
-
81
- &:hover {
82
- color: var(--tide-booking-footer-link-color-hover);
83
- text-decoration: var(--tide-booking-footer-link-text-decoration-hover);
84
- }
85
-
86
- &__title {
87
- color: var(--tide-booking-footer-link-title-color);
88
- font-family: var(--tide-booking-footer-link-title-font-family);
89
- font-weight: var(--tide-booking-footer-link-title-font-weight);
90
- line-height: var(--tide-booking-footer-link-title-line-height);
91
- margin-bottom: 0px;
92
- }
93
- }
94
-
95
- &__line {
96
- width: 100%;
97
- height: 1.5px;
98
- background: var(--tide-booking-footer-line-color);
99
- }
100
-
101
- &__bottom {
102
- display: flex;
103
- flex-direction: column;
104
- align-items: center;
105
- flex-wrap: wrap;
106
- gap: 20px;
107
-
108
- @include mixins.media-sm {
109
- flex-direction: row;
110
- justify-content: space-between;
111
- }
112
- }
113
-
114
- &__copyright {
115
- font-size: 14px;
116
- color: var(--tide-booking-footer-copyright-color);
117
- font-family: var(--tide-booking-footer-copyright-font-family);
118
- font-weight: var(--tide-booking-footer-copyright-font-weight);
119
- line-height: var(--tide-booking-footer-copyright-line-height);
120
- margin: 0px;
121
- }
122
-
123
- &__payments {
124
- display: flex;
125
- align-items: center;
126
- justify-content: flex-start;
127
- gap: 1.8rem;
128
-
129
- img {
130
- width: 30px;
131
- height: 100%;
132
- object-fit: cover;
133
- }
134
- }
135
- }
1
+ @use '../components/mixins' as mixins;
2
+
3
+ .footer {
4
+ background: var(--tide-booking-footer-background);
5
+ border: var(--tide-booking-footer-border);
6
+ border-radius: var(--tide-booking-footer-border-radius);
7
+ box-shadow: var(--tide-booking-footer-box-shadow);
8
+ padding: 60px 0px;
9
+
10
+ &__container {
11
+ @include mixins.container-medium();
12
+ display: flex;
13
+ flex-direction: column;
14
+ gap: 40px;
15
+ }
16
+
17
+ &__top {
18
+ display: flex;
19
+ justify-content: space-between;
20
+ align-items: center;
21
+ }
22
+
23
+ &__logo {
24
+ width: auto;
25
+ height: 40px;
26
+ cursor: pointer;
27
+
28
+ svg,
29
+ img {
30
+ height: 100%;
31
+ width: 100%;
32
+ display: block;
33
+ }
34
+ }
35
+
36
+ &__social {
37
+ display: flex;
38
+ align-items: center;
39
+ gap: 15px;
40
+
41
+ &__link {
42
+ color: #828282;
43
+ transition: color 0.3s ease-in-out;
44
+
45
+ &:hover {
46
+ color: #333399;
47
+ }
48
+ }
49
+ }
50
+
51
+ &__wrapper {
52
+ display: grid;
53
+ grid-template-columns: repeat(1, 1fr);
54
+ gap: 20px;
55
+
56
+ @include mixins.media-xs {
57
+ grid-template-columns: repeat(2, 1fr);
58
+ }
59
+
60
+ @include mixins.media-sm {
61
+ display: flex;
62
+ justify-content: space-between;
63
+ flex-wrap: wrap;
64
+ }
65
+ }
66
+
67
+ &__links {
68
+ display: flex;
69
+ flex-direction: column;
70
+ gap: 10px;
71
+ }
72
+
73
+ &__link {
74
+ color: var(--tide-booking-footer-link-color);
75
+ text-decoration: var(--tide-booking-footer-link-text-decoration);
76
+ font-family: var(--tide-booking-footer-link-font-family);
77
+ font-weight: var(--tide-booking-footer-link-font-weight);
78
+ line-height: var(--tide-booking-footer-link-line-height);
79
+ transition: all 0.3s ease-in-out;
80
+
81
+ &:hover {
82
+ color: var(--tide-booking-footer-link-color-hover);
83
+ text-decoration: var(--tide-booking-footer-link-text-decoration-hover);
84
+ }
85
+
86
+ &__title {
87
+ color: var(--tide-booking-footer-link-title-color);
88
+ font-family: var(--tide-booking-footer-link-title-font-family);
89
+ font-weight: var(--tide-booking-footer-link-title-font-weight);
90
+ line-height: var(--tide-booking-footer-link-title-line-height);
91
+ margin-bottom: 0px;
92
+ }
93
+ }
94
+
95
+ &__line {
96
+ width: 100%;
97
+ height: 1.5px;
98
+ background: var(--tide-booking-footer-line-color);
99
+ }
100
+
101
+ &__bottom {
102
+ display: flex;
103
+ flex-direction: column;
104
+ align-items: center;
105
+ flex-wrap: wrap;
106
+ gap: 20px;
107
+
108
+ @include mixins.media-sm {
109
+ flex-direction: row;
110
+ justify-content: space-between;
111
+ }
112
+ }
113
+
114
+ &__copyright {
115
+ font-size: 14px;
116
+ color: var(--tide-booking-footer-copyright-color);
117
+ font-family: var(--tide-booking-footer-copyright-font-family);
118
+ font-weight: var(--tide-booking-footer-copyright-font-weight);
119
+ line-height: var(--tide-booking-footer-copyright-line-height);
120
+ margin: 0px;
121
+ }
122
+
123
+ &__payments {
124
+ display: flex;
125
+ align-items: center;
126
+ justify-content: flex-start;
127
+ gap: 1.8rem;
128
+
129
+ img {
130
+ width: 30px;
131
+ height: 100%;
132
+ object-fit: cover;
133
+ }
134
+ }
135
+ }