@times-components/ts-components 1.146.2-0f9388fe36c532b90db3f35d17847fc17a611f1e.44 → 1.146.2-9d94da839cee591620d598d11e637971d7109888.26

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 (138) hide show
  1. package/dist/components/travel-mini-cta/__tests__/index.test.js +262 -0
  2. package/dist/components/travel-mini-cta/index.d.ts +10 -0
  3. package/dist/components/travel-mini-cta/index.js +93 -0
  4. package/dist/components/travel-mini-cta/styles.d.ts +44 -0
  5. package/dist/components/travel-mini-cta/styles.js +269 -0
  6. package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +8 -0
  7. package/dist/components/travel-mini-cta/types.d.ts +11 -0
  8. package/dist/components/{trip-cards → travel-mini-cta}/types.js +1 -1
  9. package/dist/index.d.ts +1 -1
  10. package/dist/index.js +2 -2
  11. package/dist/utils/applyDarkMode.d.ts +1 -0
  12. package/dist/utils/applyDarkMode.js +12 -0
  13. package/dist/utils/getMediaQuery.d.ts +11 -0
  14. package/dist/utils/getMediaQuery.js +19 -0
  15. package/dist/utils/index.d.ts +2 -0
  16. package/dist/utils/index.js +3 -0
  17. package/package.json +3 -3
  18. package/rnw.js +1 -1
  19. package/src/components/travel-mini-cta/__tests__/__snapshots__/index.test.tsx.snap +211 -0
  20. package/src/components/travel-mini-cta/__tests__/index.test.tsx +330 -0
  21. package/src/components/travel-mini-cta/index.tsx +191 -0
  22. package/src/components/travel-mini-cta/styles.ts +333 -0
  23. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +23 -0
  24. package/src/components/travel-mini-cta/types.ts +11 -0
  25. package/src/index.ts +1 -2
  26. package/src/utils/applyDarkMode.ts +12 -0
  27. package/src/utils/getMediaQuery.ts +25 -0
  28. package/src/utils/index.ts +2 -0
  29. package/dist/components/carousel-component/CarouselComponent.stories.js +0 -146
  30. package/dist/components/carousel-component/CarouselItem.d.ts +0 -3
  31. package/dist/components/carousel-component/CarouselItem.js +0 -12
  32. package/dist/components/carousel-component/DefaultNavigationArrow.d.ts +0 -8
  33. package/dist/components/carousel-component/DefaultNavigationArrow.js +0 -6
  34. package/dist/components/carousel-component/DefaultPageDot.d.ts +0 -8
  35. package/dist/components/carousel-component/DefaultPageDot.js +0 -4
  36. package/dist/components/carousel-component/__tests__/CarouselComponent.test.d.ts +0 -1
  37. package/dist/components/carousel-component/__tests__/CarouselComponent.test.js +0 -163
  38. package/dist/components/carousel-component/__tests__/CarouselItem.test.d.ts +0 -1
  39. package/dist/components/carousel-component/__tests__/CarouselItem.test.js +0 -80
  40. package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.d.ts +0 -1
  41. package/dist/components/carousel-component/__tests__/DefaultNavigationArrow.test.js +0 -62
  42. package/dist/components/carousel-component/__tests__/DefaultPageDot.test.d.ts +0 -1
  43. package/dist/components/carousel-component/__tests__/DefaultPageDot.test.js +0 -68
  44. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.d.ts +0 -1
  45. package/dist/components/carousel-component/hooks/__tests__/useCarousel.test.js +0 -459
  46. package/dist/components/carousel-component/hooks/useCarousel.d.ts +0 -2
  47. package/dist/components/carousel-component/hooks/useCarousel.js +0 -167
  48. package/dist/components/carousel-component/index.d.ts +0 -4
  49. package/dist/components/carousel-component/index.js +0 -20
  50. package/dist/components/carousel-component/styles.d.ts +0 -28
  51. package/dist/components/carousel-component/styles.js +0 -172
  52. package/dist/components/carousel-component/types.d.ts +0 -53
  53. package/dist/components/carousel-component/types.js +0 -2
  54. package/dist/components/trip-cards/SkeletonCard.d.ts +0 -7
  55. package/dist/components/trip-cards/SkeletonCard.js +0 -22
  56. package/dist/components/trip-cards/TripCard.d.ts +0 -3
  57. package/dist/components/trip-cards/TripCard.js +0 -49
  58. package/dist/components/trip-cards/TripCards.stories.d.ts +0 -1
  59. package/dist/components/trip-cards/TripCards.stories.js +0 -159
  60. package/dist/components/trip-cards/TripCardsLayout.d.ts +0 -3
  61. package/dist/components/trip-cards/TripCardsLayout.js +0 -56
  62. package/dist/components/trip-cards/__tests__/SkeletonCard.test.d.ts +0 -1
  63. package/dist/components/trip-cards/__tests__/SkeletonCard.test.js +0 -139
  64. package/dist/components/trip-cards/__tests__/TripCard.test.d.ts +0 -1
  65. package/dist/components/trip-cards/__tests__/TripCard.test.js +0 -95
  66. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.d.ts +0 -1
  67. package/dist/components/trip-cards/__tests__/TripCardsLayout.test.js +0 -314
  68. package/dist/components/trip-cards/__tests__/assets.test.d.ts +0 -1
  69. package/dist/components/trip-cards/__tests__/assets.test.js +0 -165
  70. package/dist/components/trip-cards/__tests__/helpers.test.d.ts +0 -1
  71. package/dist/components/trip-cards/__tests__/helpers.test.js +0 -220
  72. package/dist/components/trip-cards/__tests__/index.test.js +0 -478
  73. package/dist/components/trip-cards/__tests__/mockData.test.d.ts +0 -1
  74. package/dist/components/trip-cards/__tests__/mockData.test.js +0 -57
  75. package/dist/components/trip-cards/__tests__/skeletonStyles.test.d.ts +0 -1
  76. package/dist/components/trip-cards/__tests__/skeletonStyles.test.js +0 -194
  77. package/dist/components/trip-cards/assets/BoatIcon.d.ts +0 -1
  78. package/dist/components/trip-cards/assets/BoatIcon.js +0 -4
  79. package/dist/components/trip-cards/assets/CalendarIcon.d.ts +0 -1
  80. package/dist/components/trip-cards/assets/CalendarIcon.js +0 -4
  81. package/dist/components/trip-cards/assets/ChevronRightIcon.d.ts +0 -1
  82. package/dist/components/trip-cards/assets/ChevronRightIcon.js +0 -4
  83. package/dist/components/trip-cards/assets/LocationIcon.d.ts +0 -1
  84. package/dist/components/trip-cards/assets/LocationIcon.js +0 -4
  85. package/dist/components/trip-cards/assets/MoonIcon.d.ts +0 -1
  86. package/dist/components/trip-cards/assets/MoonIcon.js +0 -4
  87. package/dist/components/trip-cards/assets/index.d.ts +0 -6
  88. package/dist/components/trip-cards/assets/index.js +0 -7
  89. package/dist/components/trip-cards/helpers.d.ts +0 -11
  90. package/dist/components/trip-cards/helpers.js +0 -138
  91. package/dist/components/trip-cards/index.d.ts +0 -4
  92. package/dist/components/trip-cards/index.js +0 -68
  93. package/dist/components/trip-cards/mockData.d.ts +0 -3
  94. package/dist/components/trip-cards/mockData.js +0 -317
  95. package/dist/components/trip-cards/skeletonStyles.d.ts +0 -9
  96. package/dist/components/trip-cards/skeletonStyles.js +0 -37
  97. package/dist/components/trip-cards/styles.d.ts +0 -43
  98. package/dist/components/trip-cards/styles.js +0 -404
  99. package/dist/components/trip-cards/types.d.ts +0 -119
  100. package/src/components/carousel-component/CarouselComponent.stories.tsx +0 -220
  101. package/src/components/carousel-component/CarouselItem.tsx +0 -26
  102. package/src/components/carousel-component/DefaultNavigationArrow.tsx +0 -37
  103. package/src/components/carousel-component/DefaultPageDot.tsx +0 -20
  104. package/src/components/carousel-component/__tests__/CarouselComponent.test.tsx +0 -259
  105. package/src/components/carousel-component/__tests__/CarouselItem.test.tsx +0 -140
  106. package/src/components/carousel-component/__tests__/DefaultNavigationArrow.test.tsx +0 -153
  107. package/src/components/carousel-component/__tests__/DefaultPageDot.test.tsx +0 -105
  108. package/src/components/carousel-component/hooks/__tests__/useCarousel.test.ts +0 -625
  109. package/src/components/carousel-component/hooks/useCarousel.ts +0 -229
  110. package/src/components/carousel-component/index.tsx +0 -92
  111. package/src/components/carousel-component/styles.ts +0 -188
  112. package/src/components/carousel-component/types.ts +0 -62
  113. package/src/components/trip-cards/SkeletonCard.tsx +0 -64
  114. package/src/components/trip-cards/TripCard.tsx +0 -140
  115. package/src/components/trip-cards/TripCards.stories.tsx +0 -224
  116. package/src/components/trip-cards/TripCardsLayout.tsx +0 -145
  117. package/src/components/trip-cards/__tests__/SkeletonCard.test.tsx +0 -169
  118. package/src/components/trip-cards/__tests__/TripCard.test.tsx +0 -120
  119. package/src/components/trip-cards/__tests__/TripCardsLayout.test.tsx +0 -583
  120. package/src/components/trip-cards/__tests__/assets.test.tsx +0 -206
  121. package/src/components/trip-cards/__tests__/helpers.test.ts +0 -272
  122. package/src/components/trip-cards/__tests__/index.test.tsx +0 -550
  123. package/src/components/trip-cards/__tests__/mockData.test.ts +0 -67
  124. package/src/components/trip-cards/__tests__/skeletonStyles.test.tsx +0 -256
  125. package/src/components/trip-cards/assets/BoatIcon.tsx +0 -17
  126. package/src/components/trip-cards/assets/CalendarIcon.tsx +0 -17
  127. package/src/components/trip-cards/assets/ChevronRightIcon.tsx +0 -20
  128. package/src/components/trip-cards/assets/LocationIcon.tsx +0 -17
  129. package/src/components/trip-cards/assets/MoonIcon.tsx +0 -17
  130. package/src/components/trip-cards/assets/index.ts +0 -7
  131. package/src/components/trip-cards/helpers.ts +0 -176
  132. package/src/components/trip-cards/index.tsx +0 -119
  133. package/src/components/trip-cards/mockData.ts +0 -345
  134. package/src/components/trip-cards/skeletonStyles.ts +0 -46
  135. package/src/components/trip-cards/styles.ts +0 -450
  136. package/src/components/trip-cards/types.ts +0 -128
  137. /package/dist/components/{trip-cards → travel-mini-cta}/__tests__/index.test.d.ts +0 -0
  138. /package/dist/components/{carousel-component/CarouselComponent.stories.d.ts → travel-mini-cta/travel-mini-cta.stories.d.ts} +0 -0
@@ -0,0 +1,269 @@
1
+ import styled from 'styled-components';
2
+ import { getMediaQuery, applyDarkMode } from '../../utils';
3
+ const BaseLabel = styled.div `
4
+ font-family: 'Roboto';
5
+ font-weight: 500;
6
+ line-height: 1.125;
7
+ font-size: 14px;
8
+ letter-spacing: 0em;
9
+ color: #236fa3;
10
+ text-transform: uppercase;
11
+
12
+ ${({ isApp }) => applyDarkMode(`
13
+ color: #f5f5f5 !important;
14
+ `, isApp)};
15
+ `;
16
+ export const Container = styled.div `
17
+ background-color: #ffffff;
18
+ padding: 24px 0;
19
+ border-top: 1px dashed;
20
+ border-bottom: 1px dashed;
21
+ border-color: #cccccc;
22
+
23
+ ${({ isApp }) => applyDarkMode(`
24
+ background-color: #f5f5f5 !important;
25
+ border-color: #e4e4e4 !important;
26
+ `, isApp)};
27
+ `;
28
+ export const ContentWrapper = styled.div `
29
+ display: flex;
30
+ justify-content: space-between;
31
+ align-items: flex-start;
32
+ gap: 20px;
33
+
34
+ ${getMediaQuery('xs', 'md')} {
35
+ flex-direction: column;
36
+ gap: 24px;
37
+ }
38
+ `;
39
+ export const LeftSection = styled.div `
40
+ display: flex;
41
+ align-items: flex-start;
42
+ width: 50%;
43
+ gap: 24px;
44
+
45
+ ${getMediaQuery('xs', 'md')} {
46
+ width: 100%;
47
+ flex-direction: column;
48
+ gap: 16px;
49
+ }
50
+ `;
51
+ export const LogoContainer = styled.div `
52
+ display: flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ flex-shrink: 0;
56
+
57
+ ${getMediaQuery('xs', 'md')} {
58
+ flex-direction: row-reverse;
59
+ justify-content: flex-start;
60
+ justify-content: space-between;
61
+ width: 100%;
62
+ }
63
+ `;
64
+ export const LogoBox = styled.div `
65
+ width: 40px;
66
+ height: 40px;
67
+ position: relative;
68
+ display: flex;
69
+ align-items: center;
70
+ justify-content: center;
71
+ background-color: #236fa3;
72
+
73
+ ${({ isApp }) => applyDarkMode(`
74
+ background-color: #c2c2c2 !important;
75
+ `, isApp)};
76
+ `;
77
+ export const LogoText = styled.span `
78
+ font-family: 'Times Modern', serif;
79
+ font-weight: 700;
80
+ font-size: 40px;
81
+ line-height: 1.125;
82
+ letter-spacing: 0.02em;
83
+ color: #ffffff;
84
+ padding-top: 4px;
85
+
86
+ ${({ isApp }) => applyDarkMode(`
87
+ color: #1d1d1b !important;
88
+ `, isApp)};
89
+ `;
90
+ export const TextContainer = styled.div `
91
+ display: flex;
92
+ flex-direction: column;
93
+ gap: 16px;
94
+ max-width: 375px;
95
+
96
+ ${getMediaQuery('xs', 'md')} {
97
+ gap: 24px;
98
+ }
99
+ `;
100
+ export const Label = styled(BaseLabel) `
101
+ ${getMediaQuery('xs', 'md')} {
102
+ display: none;
103
+ }
104
+ `;
105
+ export const MobileLabel = styled(BaseLabel) `
106
+ display: none;
107
+
108
+ ${getMediaQuery('xs', 'md')} {
109
+ display: block;
110
+ }
111
+ `;
112
+ export const Description = styled.div `
113
+ font-family: 'Times Modern';
114
+ font-weight: 700;
115
+ line-height: 1.125;
116
+ font-size: 24px;
117
+ letter-spacing: 0em;
118
+ color: #333333;
119
+
120
+ ${({ isApp }) => applyDarkMode(`
121
+ color: #cccccc !important;
122
+ `, isApp)};
123
+
124
+ ${getMediaQuery('xs', 'md')} {
125
+ margin-right: 64px;
126
+ }
127
+ `;
128
+ export const RightSection = styled.div `
129
+ display: flex;
130
+ flex-direction: column;
131
+ gap: 24px;
132
+ width: 50%;
133
+
134
+ ${getMediaQuery('xs', 'md')} {
135
+ gap: 32px;
136
+ width: 100%;
137
+ }
138
+ `;
139
+ export const ContactInfo = styled.div `
140
+ display: flex;
141
+ flex-direction: column;
142
+ gap: 16px;
143
+ `;
144
+ export const PhoneLabel = styled.a `
145
+ text-decoration: none;
146
+ display: inline;
147
+ font-family: 'Times Digital W04 Regular';
148
+ font-weight: 400;
149
+ line-height: 1.5;
150
+ font-size: 18px;
151
+ letter-spacing: 0em;
152
+ color: #333333;
153
+ cursor: pointer;
154
+
155
+ ${({ isApp }) => applyDarkMode(`
156
+ color: #c2c2c2 !important;
157
+ `, isApp)};
158
+
159
+ &:hover {
160
+ text-decoration: underline;
161
+ }
162
+ `;
163
+ export const PhoneNumber = styled.span `
164
+ font-family: 'Times Modern';
165
+ font-weight: 700;
166
+ line-height: 1.125;
167
+ font-size: 22px;
168
+ letter-spacing: 0em;
169
+ color: #333333;
170
+
171
+ ${({ isApp }) => applyDarkMode(`
172
+ color: #c2c2c2 !important;
173
+ `, isApp)};
174
+ `;
175
+ export const WorkingHoursContainer = styled.div `
176
+ display: flex;
177
+ flex-wrap: wrap;
178
+ gap: 8px;
179
+
180
+ ${getMediaQuery('xs', 'md')} {
181
+ flex-direction: column;
182
+ }
183
+ `;
184
+ export const WorkingHoursText = styled.div `
185
+ font-family: 'Times Digital W04 Regular';
186
+ font-weight: 400;
187
+ line-height: 1.5;
188
+ font-size: 18px;
189
+ letter-spacing: 0em;
190
+ color: #333333;
191
+
192
+ ${({ isApp }) => applyDarkMode(`
193
+ color: #cccccc !important;
194
+ `, isApp)};
195
+ `;
196
+ export const ButtonsContainer = styled.div `
197
+ display: flex;
198
+ flex-direction: column;
199
+ gap: 16px;
200
+
201
+ ${getMediaQuery('lg')} {
202
+ flex-direction: ${({ $isOnChannelPage }) => $isOnChannelPage ? 'row' : 'column'};
203
+ }
204
+ `;
205
+ const BaseButton = styled.a `
206
+ text-decoration: none;
207
+ border-radius: 0px;
208
+ width: 100%;
209
+ min-height: 44px;
210
+ font-family: 'Roboto';
211
+ font-weight: 500;
212
+ line-height: 1.5;
213
+ font-size: 16px;
214
+ letter-spacing: 0em;
215
+ display: flex;
216
+ align-items: center;
217
+ justify-content: center;
218
+ padding: 12px;
219
+ cursor: pointer;
220
+ transition: all 0.2s ease;
221
+ `;
222
+ export const PrimaryButton = styled(BaseButton) `
223
+ border: none;
224
+ background-color: #005c8a;
225
+ color: #ffffff;
226
+ cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
227
+ opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
228
+
229
+ div[data-lp-event] {
230
+ cursor: pointer;
231
+ font-family: 'Roboto';
232
+ font-weight: 500;
233
+ line-height: 1.5;
234
+ font-size: 16px;
235
+ letter-spacing: 0em;
236
+ }
237
+
238
+ &:hover {
239
+ background-color: #00527a;
240
+ }
241
+
242
+ ${({ isApp }) => applyDarkMode(`
243
+ background-color: #74bade !important;
244
+ color: #1d1d1b !important;
245
+
246
+ &:hover {
247
+ background-color: #93cbe8 !important;
248
+ }
249
+ `, isApp)};
250
+ `;
251
+ export const SecondaryButton = styled(BaseButton) `
252
+ border: 1px solid #005c8a;
253
+ background-color: transparent;
254
+ color: #005c8a;
255
+
256
+ &:hover {
257
+ background-color: #f5f5f5;
258
+ }
259
+
260
+ ${({ isApp }) => applyDarkMode(`
261
+ border-color: #74bade !important;
262
+ color: #74bade !important;
263
+
264
+ &:hover {
265
+ background-color: #01000d !important;
266
+ }
267
+ `, isApp)};
268
+ `;
269
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhdmVsLW1pbmktY3RhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7Ozs7O0lBUzdDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7OztJQU9wRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7O0tBR0QsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1wQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7OztDQUk1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1qQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7Ozs7Q0FLNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7SUFNbkMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7OztDQU01QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7Ozs7Ozs7SUFTbEQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVB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
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { storiesOf } from '@storybook/react';
3
+ import { TravelMiniCTA } from './index';
4
+ import { ArticleHarness } from '../../fixtures/article-harness/ArticleHarness';
5
+ storiesOf('Typescript Component/In Article/Travel Mini CTA', module).add('Travel Mini CTA', () => (React.createElement(ArticleHarness, null,
6
+ React.createElement("div", { style: { padding: '16px' } },
7
+ React.createElement(TravelMiniCTA, { description: "Begin your journey to Croatia with a holiday designed around you, guided by a dedicated travel expert.", phoneLabel: "Call us on", phoneNumber: "08083049757", workingHours: ['Mon - Fri: 9am - 6pm', 'Sat: 10am - 5pm'], primaryButtonText: "Chat to a consultant", secondaryButtonText: "Enquire now", secondaryButtonUrl: "/enquire" })))));
8
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhdmVsLW1pbmktY3RhLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHJhdmVsLW1pbmktY3RhLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFFL0UsU0FBUyxDQUFDLGlEQUFpRCxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdEUsaUJBQWlCLEVBQ2pCLEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsY0FBYztJQUNiLDZCQUFLLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUU7UUFDN0Isb0JBQUMsYUFBYSxJQUNaLFdBQVcsRUFBQyx3R0FBd0csRUFDcEgsVUFBVSxFQUFDLFlBQVksRUFDdkIsV0FBVyxFQUFDLGFBQWEsRUFDekIsWUFBWSxFQUFFLENBQUMsc0JBQXNCLEVBQUUsaUJBQWlCLENBQUMsRUFDekQsaUJBQWlCLEVBQUMsc0JBQXNCLEVBQ3hDLG1CQUFtQixFQUFDLGFBQWEsRUFDakMsa0JBQWtCLEVBQUMsVUFBVSxHQUM3QixDQUNFLENBQ1MsQ0FDbEIsQ0FDRixDQUFDIn0=
@@ -0,0 +1,11 @@
1
+ export interface TravelMiniCTAProps {
2
+ description?: string;
3
+ phoneLabel?: string;
4
+ phoneNumber?: string;
5
+ workingHours?: string[];
6
+ primaryButtonText?: string;
7
+ secondaryButtonText?: string;
8
+ secondaryButtonUrl?: string;
9
+ isApp?: boolean;
10
+ isOnChannelPage?: boolean;
11
+ }
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmlwLWNhcmRzL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
package/dist/index.d.ts CHANGED
@@ -13,6 +13,7 @@ export { UpdateButton } from './components/update-button/update-button';
13
13
  export { UpdateButtonWithDelay } from './components/update-button/update-button-with-delay';
14
14
  export { Banner } from './components/banner/banner';
15
15
  export { JobTitle } from './components/job-title/job-title';
16
+ export { TravelMiniCTA } from './components/travel-mini-cta';
16
17
  export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
17
18
  export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
18
19
  export { PreviewNewsletterPuff } from './components/newsletter-puff/preview-newsletter-puff/PreviewNewsletterPuff';
@@ -35,7 +36,6 @@ export { HiddenDiv } from './components/common-styles';
35
36
  export { InlineMessage } from './components/inline-message/InlineMessage';
36
37
  export { InlineDialog } from './components/inline-dialog/InlineDialog';
37
38
  export { default as ArticleHeader } from './components/article-header/ArticleHeader';
38
- export { TripCards } from './components/trip-cards';
39
39
  export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
40
40
  export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
41
41
  export { WelcomeBanner } from './components/welcome-banner/WelcomeBanner';
package/dist/index.js CHANGED
@@ -14,6 +14,7 @@ export { UpdateButton } from './components/update-button/update-button';
14
14
  export { UpdateButtonWithDelay } from './components/update-button/update-button-with-delay';
15
15
  export { Banner } from './components/banner/banner';
16
16
  export { JobTitle } from './components/job-title/job-title';
17
+ export { TravelMiniCTA } from './components/travel-mini-cta';
17
18
  // Newsletter Components
18
19
  export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
19
20
  export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
@@ -40,7 +41,6 @@ export { HiddenDiv } from './components/common-styles';
40
41
  export { InlineMessage } from './components/inline-message/InlineMessage';
41
42
  export { InlineDialog } from './components/inline-dialog/InlineDialog';
42
43
  export { default as ArticleHeader } from './components/article-header/ArticleHeader';
43
- export { TripCards } from './components/trip-cards';
44
44
  export { UpdatedTimestamp } from './components/updated-timestamp/UpdatedTimestamp';
45
45
  export { UpdatedTimeProvider } from './helpers/time/UpdatedTimeProvider';
46
46
  export { WelcomeBanner } from './components/welcome-banner/WelcomeBanner';
@@ -61,4 +61,4 @@ export { trackAlgoliaConversionWithDwellTime, getValidConversionData } from './h
61
61
  export { OptaMatchStatsSummary } from './components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary';
62
62
  export { OptaMatchStatsGraphs } from './components/opta/football/opta-match-stats/stats-graphs/OptaMatchStatsGraphs';
63
63
  export { OptaMatchStatsCommentary } from './components/opta/football/opta-match-stats/commentary/OptaMatchStatsCommentary';
64
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxFQUNoQixNQUFNLDJDQUEyQyxDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN4RSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0scUVBQXFFLENBQUM7QUFDN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzVFLE9BQU8sRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGNBQWMsRUFDZCxrQkFBa0IsRUFDbEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDcEIsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEUsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLHFEQUFxRCxDQUFDO0FBQzdELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxp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
64
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxFQUNoQixNQUFNLDJDQUEyQyxDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN4RSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0scUVBQXFFLENBQUM7QUFDN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzVFLE9BQU8sRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGNBQWMsRUFDZCxrQkFBa0IsRUFDbEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDcEIsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEUsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLHFEQUFxRCxDQUFDO0FBQzdELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTdE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
@@ -0,0 +1 @@
1
+ export declare const applyDarkMode: (styles: string, isApp?: boolean | undefined) => string;
@@ -0,0 +1,12 @@
1
+ // Helper for dark mode styling
2
+ export const applyDarkMode = (styles, isApp) => {
3
+ if (!isApp) {
4
+ return '';
5
+ }
6
+ return `
7
+ @media (prefers-color-scheme: dark) {
8
+ ${styles}
9
+ }
10
+ `;
11
+ };
12
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbHlEYXJrTW9kZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9hcHBseURhcmtNb2RlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLCtCQUErQjtBQUMvQixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxNQUFjLEVBQUUsS0FBZSxFQUFFLEVBQUU7SUFDL0QsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNWLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFFRCxPQUFPOztjQUVLLE1BQU07O0tBRWYsQ0FBQztBQUNOLENBQUMsQ0FBQyJ9
@@ -0,0 +1,11 @@
1
+ export declare const breakpoints: {
2
+ xs: number;
3
+ sm: number;
4
+ md: number;
5
+ lg: number;
6
+ xl: number;
7
+ all: number;
8
+ };
9
+ export declare type BreakPointKeys = keyof typeof breakpoints;
10
+ export declare type MQ = Partial<Record<BreakPointKeys, string>> | string;
11
+ export declare const getMediaQuery: (minWidth?: "all" | "xs" | "sm" | "md" | "lg" | "xl" | undefined, maxWidth?: "all" | "xs" | "sm" | "md" | "lg" | "xl" | undefined) => () => string;
@@ -0,0 +1,19 @@
1
+ export const breakpoints = {
2
+ xs: 0,
3
+ sm: 520,
4
+ md: 768,
5
+ lg: 1024,
6
+ xl: 1320,
7
+ all: 0
8
+ };
9
+ export const getMediaQuery = (minWidth, maxWidth) => () => {
10
+ const queries = ['@media screen'];
11
+ if (minWidth && breakpoints[minWidth]) {
12
+ queries.push(` and (min-width: ${breakpoints[minWidth]}px)`);
13
+ }
14
+ if (maxWidth) {
15
+ queries.push(` and (max-width: ${breakpoints[maxWidth] - 1}px)`);
16
+ }
17
+ return queries.join('');
18
+ };
19
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0TWVkaWFRdWVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9nZXRNZWRpYVF1ZXJ5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN6QixFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxHQUFHO0lBQ1AsRUFBRSxFQUFFLEdBQUc7SUFDUCxFQUFFLEVBQUUsSUFBSTtJQUNSLEVBQUUsRUFBRSxJQUFJO0lBQ1IsR0FBRyxFQUFFLENBQUM7Q0FDUCxDQUFDO0FBS0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQzNCLFFBQW1DLEVBQ25DLFFBQW1DLEVBQ25DLEVBQUUsQ0FBQyxHQUFHLEVBQUU7SUFDUixNQUFNLE9BQU8sR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ2xDLElBQUksUUFBUSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUNyQyxPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixXQUFXLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQzlEO0lBQ0QsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixXQUFXLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUNsRTtJQUNELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztBQUMxQixDQUFDLENBQUMifQ==
@@ -0,0 +1,2 @@
1
+ export { applyDarkMode } from './applyDarkMode';
2
+ export { getMediaQuery } from './getMediaQuery';
@@ -0,0 +1,3 @@
1
+ export { applyDarkMode } from './applyDarkMode';
2
+ export { getMediaQuery } from './getMediaQuery';
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyJ9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/ts-components",
3
- "version": "1.146.2-0f9388fe36c532b90db3f35d17847fc17a611f1e.44+0f9388fe36",
3
+ "version": "1.146.2-9d94da839cee591620d598d11e637971d7109888.26+9d94da839c",
4
4
  "description": "Reuseable Typescript React Components",
5
5
  "main": "dist/index.js",
6
6
  "dev": "dist/index.js",
@@ -57,7 +57,7 @@
57
57
  "@times-components/link": "^3.18.30",
58
58
  "@times-components/provider": "^1.48.23",
59
59
  "@times-components/provider-queries": "^2.29.0",
60
- "@times-components/related-articles": "^6.20.47-0f9388fe36c532b90db3f35d17847fc17a611f1e.44+0f9388fe36",
60
+ "@times-components/related-articles": "^6.20.47-9d94da839cee591620d598d11e637971d7109888.26+9d94da839c",
61
61
  "@times-components/ts-slices": "^1.10.45",
62
62
  "@times-components/ts-styleguide": "^1.56.24",
63
63
  "@times-components/utils": "^6.36.2",
@@ -121,5 +121,5 @@
121
121
  "@testing-library/jest-dom/extend-expect"
122
122
  ]
123
123
  },
124
- "gitHead": "0f9388fe36c532b90db3f35d17847fc17a611f1e"
124
+ "gitHead": "9d94da839cee591620d598d11e637971d7109888"
125
125
  }