@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/_variables.scss CHANGED
@@ -1,89 +1,89 @@
1
- // COLOR DEFINITIONS
2
- $jelly-bean: #26809b;
3
- $cerulean: #12aad8;
4
- $limed-oak: #8f8345;
5
-
6
- // COLOR ASSIGNMENTS
7
- $color-primary: $cerulean;
8
- $color-secondary: $limed-oak;
9
- $color-star: #9e914f;
10
- $invalid: #e74c3c;
11
- $price-increase: #e81212;
12
- $price-decrease: #19a364;
13
-
14
- $white: #ffffff;
15
- $gray-light: #f5f5f5;
16
- $gray-xlight: #fbfbfb;
17
- $gray--medium-light: #efefef;
18
- $gray-background-light: #e2e2e2;
19
- $gray-border-light: #f3f3f3;
20
- $gray-border-medium: #e5e5e5;
21
- $gray-border-tree: #b9b9b9;
22
- $gray-checkbox-bg: #bdbdbd;
23
- $gray-medium: #cbcbcb;
24
- $gray-timeline: #808080;
25
- $gray-dark: #666666;
26
- $tree-border-selected: #e0ecff;
27
- $tree-background-selected: #edfbff;
28
- $black: #0a0a0a;
29
- $transparent: transparent;
30
-
31
- $economy: #334eac;
32
- $economy-background: #ebedf7;
33
- $premium: #85204b;
34
- $premium-background: #f1e6eb;
35
- $business: #8e8347;
36
- $business-background: #f5f4ed;
37
-
38
- // BACKGROUNDS
39
- $bg-secondary: lighten(#f1efe5, 3%);
40
- $btn-hover: darken($color-primary, 3%);
41
-
42
- // TYPOGRAPHY
43
- $font-heading: 'Prata', serif;
44
- $font-body: 'proxima-nova', sans-serif;
45
- $font-handwritten: 'caliban-std', sans-serif;
46
-
47
- // GRID
48
- $container-wide: 169rem;
49
- $container-medium: 120rem;
50
- $container-small: 90rem;
51
- $container-article: 65rem;
52
- $gutter: 1.5rem;
53
-
54
- // MEDIA QUERIES
55
- $screen-xs: 576px;
56
- $screen-sm: 768px;
57
- $screen-md: 992px;
58
- $screen-lg: 1200px;
59
- $screen-xl: 1650px;
60
- $screen-xxl: 1920px;
61
-
62
- %scrollbar-none {
63
- &::-webkit-scrollbar {
64
- width: 0px;
65
- height: 0px;
66
- }
67
-
68
- &::-webkit-scrollbar-track {
69
- padding: 0;
70
- background: transparent;
71
- }
72
- }
73
-
74
- %scrollbar-thin {
75
- &::-webkit-scrollbar {
76
- width: 8px;
77
- height: 8px;
78
- }
79
-
80
- &::-webkit-scrollbar-track {
81
- padding: 2px;
82
- background: transparent;
83
- }
84
-
85
- &::-webkit-scrollbar-thumb {
86
- border-radius: 4px;
87
- background-color: fade-out($black, 0.75);
88
- }
89
- }
1
+ // COLOR DEFINITIONS
2
+ $jelly-bean: #26809b;
3
+ $cerulean: #12aad8;
4
+ $limed-oak: #8f8345;
5
+
6
+ // COLOR ASSIGNMENTS
7
+ $color-primary: $cerulean;
8
+ $color-secondary: $limed-oak;
9
+ $color-star: #9e914f;
10
+ $invalid: #e74c3c;
11
+ $price-increase: #e81212;
12
+ $price-decrease: #19a364;
13
+
14
+ $white: #ffffff;
15
+ $gray-light: #f5f5f5;
16
+ $gray-xlight: #fbfbfb;
17
+ $gray--medium-light: #efefef;
18
+ $gray-background-light: #e2e2e2;
19
+ $gray-border-light: #f3f3f3;
20
+ $gray-border-medium: #e5e5e5;
21
+ $gray-border-tree: #b9b9b9;
22
+ $gray-checkbox-bg: #bdbdbd;
23
+ $gray-medium: #cbcbcb;
24
+ $gray-timeline: #808080;
25
+ $gray-dark: #666666;
26
+ $tree-border-selected: #e0ecff;
27
+ $tree-background-selected: #edfbff;
28
+ $black: #0a0a0a;
29
+ $transparent: transparent;
30
+
31
+ $economy: #334eac;
32
+ $economy-background: #ebedf7;
33
+ $premium: #85204b;
34
+ $premium-background: #f1e6eb;
35
+ $business: #8e8347;
36
+ $business-background: #f5f4ed;
37
+
38
+ // BACKGROUNDS
39
+ $bg-secondary: lighten(#f1efe5, 3%);
40
+ $btn-hover: darken($color-primary, 3%);
41
+
42
+ // TYPOGRAPHY
43
+ $font-heading: 'Prata', serif;
44
+ $font-body: 'proxima-nova', sans-serif;
45
+ $font-handwritten: 'caliban-std', sans-serif;
46
+
47
+ // GRID
48
+ $container-wide: 169rem;
49
+ $container-medium: 120rem;
50
+ $container-small: 90rem;
51
+ $container-article: 65rem;
52
+ $gutter: 1.5rem;
53
+
54
+ // MEDIA QUERIES
55
+ $screen-xs: 576px;
56
+ $screen-sm: 768px;
57
+ $screen-md: 992px;
58
+ $screen-lg: 1200px;
59
+ $screen-xl: 1650px;
60
+ $screen-xxl: 1920px;
61
+
62
+ %scrollbar-none {
63
+ &::-webkit-scrollbar {
64
+ width: 0px;
65
+ height: 0px;
66
+ }
67
+
68
+ &::-webkit-scrollbar-track {
69
+ padding: 0;
70
+ background: transparent;
71
+ }
72
+ }
73
+
74
+ %scrollbar-thin {
75
+ &::-webkit-scrollbar {
76
+ width: 8px;
77
+ height: 8px;
78
+ }
79
+
80
+ &::-webkit-scrollbar-track {
81
+ padding: 2px;
82
+ background: transparent;
83
+ }
84
+
85
+ &::-webkit-scrollbar-thumb {
86
+ border-radius: 4px;
87
+ background-color: fade-out($black, 0.75);
88
+ }
89
+ }