@qite/tide-components 1.0.9 → 1.0.10

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 (75) hide show
  1. package/build/build-cjs/index.js +290 -280
  2. package/build/build-cjs/src/search-results/types.d.ts +12 -0
  3. package/build/build-esm/index.js +290 -280
  4. package/build/build-esm/src/search-results/types.d.ts +12 -0
  5. package/package.json +2 -2
  6. package/styles/abstracts/_mixins.scss +74 -74
  7. package/styles/abstracts/_variables.scss +57 -57
  8. package/styles/base/_fonts.scss +2 -2
  9. package/styles/base/_normalize.scss +227 -227
  10. package/styles/base/_typography.scss +35 -35
  11. package/styles/booking-joker-variables.scss +596 -596
  12. package/styles/booking-product-variables.scss +330 -330
  13. package/styles/booking-product.scss +438 -438
  14. package/styles/booking-qsm-variables.scss +501 -501
  15. package/styles/booking-qsm.scss +52 -52
  16. package/styles/booking-search-results-variables.scss +734 -734
  17. package/styles/booking-search-results.scss +53 -53
  18. package/styles/booking-wizard-variables.scss +603 -603
  19. package/styles/booking-wizard.scss +61 -61
  20. package/styles/components/_accordion.scss +67 -67
  21. package/styles/components/_animations.scss +39 -39
  22. package/styles/components/_base.scss +107 -107
  23. package/styles/components/_booking.scss +906 -906
  24. package/styles/components/_breadcrumb.scss +92 -92
  25. package/styles/components/_button.scss +238 -238
  26. package/styles/components/_checkbox.scss +230 -230
  27. package/styles/components/_contact.scss +255 -255
  28. package/styles/components/_content.scss +336 -336
  29. package/styles/components/_cta.scss +238 -238
  30. package/styles/components/_date-list.scss +41 -41
  31. package/styles/components/_date-range-picker.scss +223 -223
  32. package/styles/components/_decrement-increment.scss +35 -35
  33. package/styles/components/_dropdown.scss +77 -77
  34. package/styles/components/_error.scss +50 -50
  35. package/styles/components/_faq.scss +30 -30
  36. package/styles/components/_flight-option.scss +1432 -1432
  37. package/styles/components/_flyin.scss +830 -830
  38. package/styles/components/_footer.scss +135 -135
  39. package/styles/components/_form.scss +1693 -1693
  40. package/styles/components/_gallery.scss +317 -317
  41. package/styles/components/_header.scss +113 -113
  42. package/styles/components/_image-with-text.scss +206 -206
  43. package/styles/components/_img-slider.scss +175 -175
  44. package/styles/components/_info-message.scss +75 -75
  45. package/styles/components/_input.scss +35 -35
  46. package/styles/components/_list.scss +185 -185
  47. package/styles/components/_loader.scss +152 -152
  48. package/styles/components/_login.scss +140 -140
  49. package/styles/components/_map-view.scss +1100 -1100
  50. package/styles/components/_mixins.scss +579 -579
  51. package/styles/components/_navbar.scss +765 -765
  52. package/styles/components/_passenger-picker.scss +306 -306
  53. package/styles/components/_phone-input.scss +8 -8
  54. package/styles/components/_placeholders.scss +165 -165
  55. package/styles/components/_pricing-summary.scss +163 -163
  56. package/styles/components/_qsm.scss +17 -17
  57. package/styles/components/_radiobutton.scss +170 -170
  58. package/styles/components/_search.scss +2197 -2197
  59. package/styles/components/_select-wrapper.scss +81 -81
  60. package/styles/components/_slider.scss +128 -128
  61. package/styles/components/_spinner.scss +29 -29
  62. package/styles/components/_step-indicators.scss +187 -187
  63. package/styles/components/_table.scss +81 -81
  64. package/styles/components/_tide-form.scss +578 -578
  65. package/styles/components/_tree.scss +648 -648
  66. package/styles/components/_typeahead.scss +275 -275
  67. package/styles/components/_variables.scss +89 -89
  68. package/styles/content-blocks-variables.scss +543 -543
  69. package/styles/content-blocks.scss +66 -66
  70. package/styles/font.scss +2 -2
  71. package/styles/qsm/_calendar.scss +274 -274
  72. package/styles/qsm/_qsm.scss +1097 -1097
  73. package/styles/search.scss +1200 -1200
  74. package/styles/tide-form-variables.scss +275 -275
  75. package/styles/tide-form.scss +56 -56
package/styles/components/_radiobutton.scss CHANGED
@@ -1,170 +1,170 @@
1
- .radiobutton {
2
- position: relative;
3
- @include row;
4
- align-items: flex-start;
5
- justify-content: flex-start;
6
- font-family: var(--tide-booking-radiobutton-font-family);
7
- user-select: none;
8
- color: var(--tide-booking-radiobutton-color-text);
9
- @extend %transition-easing;
10
- cursor: pointer;
11
-
12
- &:hover,
13
- &:focus,
14
- &:active {
15
- color: var(--tide-booking-radiobutton-color-text);
16
- }
17
-
18
- & + & {
19
- margin-top: 10px;
20
- }
21
-
22
- &-group {
23
- @include row--md;
24
- gap: 10px;
25
-
26
- .radiobutton {
27
- margin-right: 15px * 2;
28
-
29
- & + .radiobutton {
30
- margin-top: 0;
31
- }
32
- }
33
- }
34
-
35
- // &-group--pricings {
36
- // @include media-md {
37
- // flex-direction: column;
38
- // }
39
-
40
- // .radiobutton {
41
- // padding: 15px;
42
- // margin-right: 0;
43
- // margin-bottom: 10px;
44
- // align-items: center;
45
- // border-radius: 5px;
46
- // border: 1px solid $bg-secondary;
47
- // }
48
-
49
- // .radiobutton--selected {
50
- // background-color: fade-out($bg-secondary, 0.15);
51
- // }
52
-
53
- // .radiobutton__input {
54
- // position: relative;
55
- // left: 0;
56
- // margin: 0 10px 0 0;
57
- // }
58
-
59
- // .radiobutton__label {
60
- // width: 100%;
61
- // padding: 0;
62
- // display: flex;
63
- // align-items: center;
64
- // }
65
-
66
- // .radiobutton__label-text {
67
- // @extend h5;
68
- // margin: 0;
69
- // color: $black;
70
- // }
71
- // }
72
-
73
- &__label {
74
- display: flex;
75
- align-items: center;
76
- line-height: 1;
77
- cursor: pointer;
78
- }
79
-
80
- &__label-header {
81
- width: 100%;
82
- display: flex;
83
- }
84
-
85
- &__input {
86
- position: relative;
87
- width: 22px;
88
- height: 22px;
89
- min-height: auto;
90
- // top: 0;
91
- // left: 0;
92
- padding: 0;
93
- margin-right: 10px;
94
- margin-left: 0;
95
- @include flex--centerXY;
96
- border-radius: 50%;
97
- border: var(--tide-booking-radiobutton-border);
98
- background: var(--tide-booking-radiobutton-background);
99
- transition: border-color ease-out 0.2s;
100
- appearance: none;
101
-
102
- &:checked {
103
- border: var(--tide-booking-radiobutton-input-checked-border);
104
- background: var(--tide-booking-radiobutton-input-checked-background);
105
-
106
- &:after {
107
- opacity: 1;
108
- visibility: visible;
109
- }
110
- }
111
-
112
- &:after {
113
- content: '';
114
- position: absolute;
115
- width: 14px;
116
- height: 14px;
117
- opacity: 0;
118
- visibility: hidden;
119
- border-radius: 50%;
120
- background: var(--tide-booking-radiobutton-input-checked-after-color);
121
- @include transitionEasing($duration: 0.2s);
122
- }
123
- }
124
-
125
- &__value {
126
- padding-left: 10px;
127
- margin-left: auto;
128
- font-style: normal;
129
- text-align: right;
130
- white-space: nowrap;
131
- @include transitionEasing($duration: 0.2s);
132
- }
133
-
134
- &--label {
135
- cursor: default;
136
-
137
- .radiobutton__input {
138
- border: none;
139
- background-color: transparent;
140
- cursor: default;
141
- appearance: none;
142
- }
143
-
144
- .radiobutton__label {
145
- cursor: default;
146
- }
147
- }
148
-
149
- &--package-label {
150
- padding-top: 15px !important;
151
-
152
- @include media-xl {
153
- padding-top: 20px !important;
154
- }
155
- }
156
- }
157
-
158
- .form {
159
- &__region-header .radiobutton {
160
- margin-top: -5px;
161
- margin-left: auto;
162
- margin-bottom: 15px;
163
- white-space: nowrap;
164
-
165
- @include media-xs {
166
- margin-bottom: initial;
167
- margin-left: auto;
168
- }
169
- }
170
- }
1
+ .radiobutton {
2
+ position: relative;
3
+ @include row;
4
+ align-items: flex-start;
5
+ justify-content: flex-start;
6
+ font-family: var(--tide-booking-radiobutton-font-family);
7
+ user-select: none;
8
+ color: var(--tide-booking-radiobutton-color-text);
9
+ @extend %transition-easing;
10
+ cursor: pointer;
11
+
12
+ &:hover,
13
+ &:focus,
14
+ &:active {
15
+ color: var(--tide-booking-radiobutton-color-text);
16
+ }
17
+
18
+ & + & {
19
+ margin-top: 10px;
20
+ }
21
+
22
+ &-group {
23
+ @include row--md;
24
+ gap: 10px;
25
+
26
+ .radiobutton {
27
+ margin-right: 15px * 2;
28
+
29
+ & + .radiobutton {
30
+ margin-top: 0;
31
+ }
32
+ }
33
+ }
34
+
35
+ // &-group--pricings {
36
+ // @include media-md {
37
+ // flex-direction: column;
38
+ // }
39
+
40
+ // .radiobutton {
41
+ // padding: 15px;
42
+ // margin-right: 0;
43
+ // margin-bottom: 10px;
44
+ // align-items: center;
45
+ // border-radius: 5px;
46
+ // border: 1px solid $bg-secondary;
47
+ // }
48
+
49
+ // .radiobutton--selected {
50
+ // background-color: fade-out($bg-secondary, 0.15);
51
+ // }
52
+
53
+ // .radiobutton__input {
54
+ // position: relative;
55
+ // left: 0;
56
+ // margin: 0 10px 0 0;
57
+ // }
58
+
59
+ // .radiobutton__label {
60
+ // width: 100%;
61
+ // padding: 0;
62
+ // display: flex;
63
+ // align-items: center;
64
+ // }
65
+
66
+ // .radiobutton__label-text {
67
+ // @extend h5;
68
+ // margin: 0;
69
+ // color: $black;
70
+ // }
71
+ // }
72
+
73
+ &__label {
74
+ display: flex;
75
+ align-items: center;
76
+ line-height: 1;
77
+ cursor: pointer;
78
+ }
79
+
80
+ &__label-header {
81
+ width: 100%;
82
+ display: flex;
83
+ }
84
+
85
+ &__input {
86
+ position: relative;
87
+ width: 22px;
88
+ height: 22px;
89
+ min-height: auto;
90
+ // top: 0;
91
+ // left: 0;
92
+ padding: 0;
93
+ margin-right: 10px;
94
+ margin-left: 0;
95
+ @include flex--centerXY;
96
+ border-radius: 50%;
97
+ border: var(--tide-booking-radiobutton-border);
98
+ background: var(--tide-booking-radiobutton-background);
99
+ transition: border-color ease-out 0.2s;
100
+ appearance: none;
101
+
102
+ &:checked {
103
+ border: var(--tide-booking-radiobutton-input-checked-border);
104
+ background: var(--tide-booking-radiobutton-input-checked-background);
105
+
106
+ &:after {
107
+ opacity: 1;
108
+ visibility: visible;
109
+ }
110
+ }
111
+
112
+ &:after {
113
+ content: '';
114
+ position: absolute;
115
+ width: 14px;
116
+ height: 14px;
117
+ opacity: 0;
118
+ visibility: hidden;
119
+ border-radius: 50%;
120
+ background: var(--tide-booking-radiobutton-input-checked-after-color);
121
+ @include transitionEasing($duration: 0.2s);
122
+ }
123
+ }
124
+
125
+ &__value {
126
+ padding-left: 10px;
127
+ margin-left: auto;
128
+ font-style: normal;
129
+ text-align: right;
130
+ white-space: nowrap;
131
+ @include transitionEasing($duration: 0.2s);
132
+ }
133
+
134
+ &--label {
135
+ cursor: default;
136
+
137
+ .radiobutton__input {
138
+ border: none;
139
+ background-color: transparent;
140
+ cursor: default;
141
+ appearance: none;
142
+ }
143
+
144
+ .radiobutton__label {
145
+ cursor: default;
146
+ }
147
+ }
148
+
149
+ &--package-label {
150
+ padding-top: 15px !important;
151
+
152
+ @include media-xl {
153
+ padding-top: 20px !important;
154
+ }
155
+ }
156
+ }
157
+
158
+ .form {
159
+ &__region-header .radiobutton {
160
+ margin-top: -5px;
161
+ margin-left: auto;
162
+ margin-bottom: 15px;
163
+ white-space: nowrap;
164
+
165
+ @include media-xs {
166
+ margin-bottom: initial;
167
+ margin-left: auto;
168
+ }
169
+ }
170
+ }