@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/_login.scss CHANGED
@@ -1,140 +1,140 @@
1
- @use '../components/mixins' as mixins;
2
-
3
- * {
4
- box-sizing: border-box;
5
- }
6
-
7
- .login {
8
- display: flex;
9
- align-items: center;
10
- height: 100vh;
11
-
12
- &__img {
13
- width: 100%;
14
- height: 100vh;
15
- object-fit: cover;
16
-
17
- &__wrapper {
18
- position: fixed;
19
- top: 0;
20
- left: 0;
21
- width: 100%;
22
- height: 100%;
23
-
24
- &::before {
25
- content: '';
26
- position: absolute;
27
- top: 50%;
28
- left: 50%;
29
- transform: translate(-50%, -50%);
30
- width: 100%;
31
- height: 100%;
32
- background-color: rgba(0, 0, 0, 0.3);
33
- }
34
- }
35
- }
36
-
37
- &__container {
38
- @include mixins.container-wide();
39
- display: flex;
40
- flex-direction: column;
41
- align-items: center;
42
- gap: 20px;
43
- z-index: 2;
44
-
45
- @include media-md {
46
- justify-content: center;
47
- flex-direction: row;
48
- gap: 40px;
49
- }
50
- }
51
-
52
- &__content {
53
- h1,
54
- p {
55
- color: white;
56
- }
57
-
58
- p {
59
- font-size: 18px;
60
- line-height: 1.5;
61
- }
62
- }
63
-
64
- &__card {
65
- display: flex;
66
- flex-direction: column;
67
- gap: 20px;
68
- background-color: white;
69
- border: none;
70
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
71
- border-radius: 24px;
72
- padding: 30px;
73
- max-width: 600px;
74
- width: 100%;
75
-
76
- @include media-md {
77
- padding: 60px;
78
- }
79
-
80
- &__title {
81
- text-align: center;
82
- }
83
- }
84
-
85
- &__logo {
86
- width: 250px;
87
- height: auto;
88
- margin: 0 auto;
89
-
90
- svg,
91
- img {
92
- height: 100%;
93
- width: 100%;
94
- display: block;
95
- }
96
- }
97
-
98
- &__form {
99
- display: flex;
100
- flex-direction: column;
101
- gap: 20px;
102
- border: none;
103
-
104
- &__group {
105
- display: flex;
106
- flex-direction: column;
107
- gap: 10px;
108
- }
109
- }
110
-
111
- &__error {
112
- margin-bottom: 1rem;
113
- padding: 0.75rem;
114
- background: #ffe5e5;
115
- color: #d60000;
116
- border-radius: 6px;
117
- font-size: 0.9rem;
118
- }
119
-
120
- &__forgot {
121
- margin-top: 1rem;
122
- background: none;
123
- border: none;
124
- color: #333399;
125
- cursor: pointer;
126
- font-size: 0.9rem;
127
- text-align: center;
128
-
129
- &:hover {
130
- text-decoration: underline;
131
- }
132
- }
133
-
134
- &__welcome {
135
- display: flex;
136
- flex-direction: column;
137
- gap: 20px;
138
- align-items: center;
139
- }
140
- }
1
+ @use '../components/mixins' as mixins;
2
+
3
+ * {
4
+ box-sizing: border-box;
5
+ }
6
+
7
+ .login {
8
+ display: flex;
9
+ align-items: center;
10
+ height: 100vh;
11
+
12
+ &__img {
13
+ width: 100%;
14
+ height: 100vh;
15
+ object-fit: cover;
16
+
17
+ &__wrapper {
18
+ position: fixed;
19
+ top: 0;
20
+ left: 0;
21
+ width: 100%;
22
+ height: 100%;
23
+
24
+ &::before {
25
+ content: '';
26
+ position: absolute;
27
+ top: 50%;
28
+ left: 50%;
29
+ transform: translate(-50%, -50%);
30
+ width: 100%;
31
+ height: 100%;
32
+ background-color: rgba(0, 0, 0, 0.3);
33
+ }
34
+ }
35
+ }
36
+
37
+ &__container {
38
+ @include mixins.container-wide();
39
+ display: flex;
40
+ flex-direction: column;
41
+ align-items: center;
42
+ gap: 20px;
43
+ z-index: 2;
44
+
45
+ @include media-md {
46
+ justify-content: center;
47
+ flex-direction: row;
48
+ gap: 40px;
49
+ }
50
+ }
51
+
52
+ &__content {
53
+ h1,
54
+ p {
55
+ color: white;
56
+ }
57
+
58
+ p {
59
+ font-size: 18px;
60
+ line-height: 1.5;
61
+ }
62
+ }
63
+
64
+ &__card {
65
+ display: flex;
66
+ flex-direction: column;
67
+ gap: 20px;
68
+ background-color: white;
69
+ border: none;
70
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
71
+ border-radius: 24px;
72
+ padding: 30px;
73
+ max-width: 600px;
74
+ width: 100%;
75
+
76
+ @include media-md {
77
+ padding: 60px;
78
+ }
79
+
80
+ &__title {
81
+ text-align: center;
82
+ }
83
+ }
84
+
85
+ &__logo {
86
+ width: 250px;
87
+ height: auto;
88
+ margin: 0 auto;
89
+
90
+ svg,
91
+ img {
92
+ height: 100%;
93
+ width: 100%;
94
+ display: block;
95
+ }
96
+ }
97
+
98
+ &__form {
99
+ display: flex;
100
+ flex-direction: column;
101
+ gap: 20px;
102
+ border: none;
103
+
104
+ &__group {
105
+ display: flex;
106
+ flex-direction: column;
107
+ gap: 10px;
108
+ }
109
+ }
110
+
111
+ &__error {
112
+ margin-bottom: 1rem;
113
+ padding: 0.75rem;
114
+ background: #ffe5e5;
115
+ color: #d60000;
116
+ border-radius: 6px;
117
+ font-size: 0.9rem;
118
+ }
119
+
120
+ &__forgot {
121
+ margin-top: 1rem;
122
+ background: none;
123
+ border: none;
124
+ color: #333399;
125
+ cursor: pointer;
126
+ font-size: 0.9rem;
127
+ text-align: center;
128
+
129
+ &:hover {
130
+ text-decoration: underline;
131
+ }
132
+ }
133
+
134
+ &__welcome {
135
+ display: flex;
136
+ flex-direction: column;
137
+ gap: 20px;
138
+ align-items: center;
139
+ }
140
+ }