@times-components/ts-components 1.146.2-784617dc4a33959b8795da1d7f425c9929322fae.24 → 1.146.2-c9973aa4b92ab539c7e626ec928a64701390290d.3

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 (46) hide show
  1. package/dist/components/social-embed/SocialVendor.d.ts +3 -0
  2. package/dist/components/social-embed/SocialVendor.js +4 -2
  3. package/dist/components/social-embed/__tests__/SocialVendor.test.js +8 -1
  4. package/dist/components/social-embed/components/FacebookComponent.d.ts +3 -0
  5. package/dist/components/social-embed/components/FacebookComponent.js +28 -0
  6. package/dist/components/social-embed/constants.d.ts +1 -0
  7. package/dist/components/social-embed/constants.js +3 -2
  8. package/dist/components/social-embed/helpers/socialMediaVendors.js +6 -1
  9. package/dist/components/social-embed/styles.d.ts +1 -0
  10. package/dist/components/social-embed/styles.js +28 -1
  11. package/dist/index.d.ts +0 -1
  12. package/dist/index.js +1 -2
  13. package/package.json +12 -12
  14. package/rnw.js +1 -1
  15. package/src/components/social-embed/SocialVendor.tsx +3 -1
  16. package/src/components/social-embed/__tests__/SocialVendor.test.tsx +11 -0
  17. package/src/components/social-embed/components/FacebookComponent.tsx +38 -0
  18. package/src/components/social-embed/constants.ts +2 -1
  19. package/src/components/social-embed/helpers/socialMediaVendors.ts +5 -0
  20. package/src/components/social-embed/styles.ts +30 -0
  21. package/src/index.ts +0 -1
  22. package/dist/components/travel-mini-cta/__tests__/index.test.d.ts +0 -1
  23. package/dist/components/travel-mini-cta/__tests__/index.test.js +0 -262
  24. package/dist/components/travel-mini-cta/index.d.ts +0 -10
  25. package/dist/components/travel-mini-cta/index.js +0 -93
  26. package/dist/components/travel-mini-cta/styles.d.ts +0 -42
  27. package/dist/components/travel-mini-cta/styles.js +0 -268
  28. package/dist/components/travel-mini-cta/travel-mini-cta.stories.d.ts +0 -1
  29. package/dist/components/travel-mini-cta/travel-mini-cta.stories.js +0 -8
  30. package/dist/components/travel-mini-cta/types.d.ts +0 -10
  31. package/dist/components/travel-mini-cta/types.js +0 -2
  32. package/dist/utils/applyDarkMode.d.ts +0 -1
  33. package/dist/utils/applyDarkMode.js +0 -12
  34. package/dist/utils/getMediaQuery.d.ts +0 -11
  35. package/dist/utils/getMediaQuery.js +0 -19
  36. package/dist/utils/index.d.ts +0 -2
  37. package/dist/utils/index.js +0 -3
  38. package/src/components/travel-mini-cta/__tests__/__snapshots__/index.test.tsx.snap +0 -211
  39. package/src/components/travel-mini-cta/__tests__/index.test.tsx +0 -330
  40. package/src/components/travel-mini-cta/index.tsx +0 -190
  41. package/src/components/travel-mini-cta/styles.ts +0 -331
  42. package/src/components/travel-mini-cta/travel-mini-cta.stories.tsx +0 -23
  43. package/src/components/travel-mini-cta/types.ts +0 -10
  44. package/src/utils/applyDarkMode.ts +0 -12
  45. package/src/utils/getMediaQuery.ts +0 -25
  46. package/src/utils/index.ts +0 -2
@@ -1,268 +0,0 @@
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
- gap: 16px;
199
-
200
- ${getMediaQuery('xs', 'md')} {
201
- flex-direction: column;
202
- }
203
- `;
204
- const BaseButton = styled.a `
205
- text-decoration: none;
206
- border-radius: 0px;
207
- width: 100%;
208
- min-height: 44px;
209
- font-family: 'Roboto';
210
- font-weight: 500;
211
- line-height: 1.5;
212
- font-size: 16px;
213
- letter-spacing: 0em;
214
- display: flex;
215
- align-items: center;
216
- justify-content: center;
217
- padding: 12px;
218
- cursor: pointer;
219
- transition: all 0.2s ease;
220
- `;
221
- export const PrimaryButton = styled(BaseButton) `
222
- border: none;
223
- background-color: #005c8a;
224
- color: #ffffff;
225
- cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
226
- opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
227
-
228
- div[data-lp-event] {
229
- cursor: pointer;
230
- font-family: 'Roboto';
231
- font-weight: 500;
232
- line-height: 1.5;
233
- font-size: 16px;
234
- letter-spacing: 0em;
235
- }
236
-
237
- &:hover {
238
- background-color: #00527a;
239
- }
240
-
241
- ${({ isApp }) => applyDarkMode(`
242
- background-color: #74bade !important;
243
- color: #1d1d1b !important;
244
-
245
- &:hover {
246
- background-color: #93cbe8 !important;
247
- }
248
- `, isApp)};
249
- `;
250
- export const SecondaryButton = styled(BaseButton) `
251
- border: 1px solid #005c8a;
252
- background-color: transparent;
253
- color: #005c8a;
254
-
255
- &:hover {
256
- background-color: #f5f5f5;
257
- }
258
-
259
- ${({ isApp }) => applyDarkMode(`
260
- border-color: #74bade !important;
261
- color: #74bade !important;
262
-
263
- &:hover {
264
- background-color: #01000d !important;
265
- }
266
- `, isApp)};
267
- `;
268
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhdmVsLW1pbmktY3RhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7Ozs7O0lBUzdDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7OztJQU9wRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7O0tBR0QsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1wQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7OztDQUk1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1qQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7Ozs7Q0FLNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7SUFNbkMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7OztDQU01QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7Ozs7Ozs7SUFTbEQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxhQUFhLENBQ1g7O0tBRUQsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQXFCOzs7Ozs7Ozs7SUFTcEQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxhQUFhLENBQ1g7O0tBRUQsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1uQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7O0NBRzVCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQ2xDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7Q0FHNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUE7OztJQUd4QyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7O0NBRzVCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBcUI7Ozs7Ozs7O0lBUXRELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOOztJQUVELGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7Q0FHNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7SUFNbEMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7Q0FJNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0NBSXBDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBcUI7Ozs7Ozs7Ozs7O0lBV25ELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOOzs7OztDQUtKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBcUI7Ozs7Ozs7O0lBUXZELENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7O0lBSzNDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7Q0FHNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7Ozs7OztJQVEzRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7S0FFRCxFQUNDLEtBQUssQ0FDTjtDQUNKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7O0lBSXRDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDOzs7Q0FHNUIsQ0FBQztBQUVGLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxDQUFDLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FnQjFCLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUc3Qzs7OztZQUlVLENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO2FBQ3ZELENBQUMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7SUFlL0MsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsQ0FDZCxhQUFhLENBQ1g7Ozs7Ozs7S0FPRCxFQUNDLEtBQUssQ0FDTjtDQUNKLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFxQjs7Ozs7Ozs7O0lBU2xFLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOzs7Ozs7O0tBT0QsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDIn0=
@@ -1,8 +0,0 @@
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 with us", secondaryButtonText: "Enquire now", secondaryButtonUrl: "/enquire" })))));
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhdmVsLW1pbmktY3RhLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHJhdmVsLW1pbmktY3RhLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFFL0UsU0FBUyxDQUFDLGlEQUFpRCxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdEUsaUJBQWlCLEVBQ2pCLEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsY0FBYztJQUNiLDZCQUFLLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUU7UUFDN0Isb0JBQUMsYUFBYSxJQUNaLFdBQVcsRUFBQyx3R0FBd0csRUFDcEgsVUFBVSxFQUFDLFlBQVksRUFDdkIsV0FBVyxFQUFDLGFBQWEsRUFDekIsWUFBWSxFQUFFLENBQUMsc0JBQXNCLEVBQUUsaUJBQWlCLENBQUMsRUFDekQsaUJBQWlCLEVBQUMsY0FBYyxFQUNoQyxtQkFBbUIsRUFBQyxhQUFhLEVBQ2pDLGtCQUFrQixFQUFDLFVBQVUsR0FDN0IsQ0FDRSxDQUNTLENBQ2xCLENBQ0YsQ0FBQyJ9
@@ -1,10 +0,0 @@
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
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
@@ -1 +0,0 @@
1
- export declare const applyDarkMode: (styles: string, isApp?: boolean | undefined) => string;
@@ -1,12 +0,0 @@
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
@@ -1,11 +0,0 @@
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;
@@ -1,19 +0,0 @@
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==
@@ -1,2 +0,0 @@
1
- export { applyDarkMode } from './applyDarkMode';
2
- export { getMediaQuery } from './getMediaQuery';
@@ -1,3 +0,0 @@
1
- export { applyDarkMode } from './applyDarkMode';
2
- export { getMediaQuery } from './getMediaQuery';
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyJ9
@@ -1,211 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`TravelMiniCTA should render with all props 1`] = `
4
- <div>
5
- <div
6
- class="sc-bwzfXH bFraBm"
7
- data-testid="travel-mini-cta"
8
- >
9
- <div
10
- class="sc-htpNat fDJQmH"
11
- >
12
- <div
13
- class="sc-bxivhb fAMkx"
14
- >
15
- <div
16
- class="sc-ifAKCX gShyuV"
17
- >
18
- <div
19
- class="sc-EHOje bKLali"
20
- >
21
- <span
22
- class="sc-bZQynM liwexI"
23
- >
24
- T
25
- </span>
26
- </div>
27
- <div
28
- class="sc-bdVaJa sc-dnqmqq eRKvHY"
29
- >
30
- VISIT TIMES HOLIDAYS
31
- </div>
32
- </div>
33
- <div
34
- class="sc-gzVnrw VgUMC"
35
- >
36
- <div
37
- class="sc-bdVaJa sc-htoDjs kOOBoa"
38
- >
39
- VISIT TIMES HOLIDAYS
40
- </div>
41
- <div
42
- class="sc-iwsKbI kpBVfB"
43
- >
44
- Begin your journey to Croatia with a holiday designed around you
45
- </div>
46
- </div>
47
- </div>
48
- <div
49
- class="sc-gZMcBi eQUwuL"
50
- >
51
- <div
52
- class="sc-gqjmRU eBVWqY"
53
- >
54
- <a
55
- class="sc-VigVT dOCyED"
56
- href="tel:08083049757"
57
- >
58
- Call us on
59
-
60
- <span
61
- class="sc-jTzLTM OZjYU"
62
- >
63
- 08083049757
64
- </span>
65
- </a>
66
- <div
67
- class="sc-fjdhpX KnCtx"
68
- >
69
- <div
70
- class="sc-jzJRlG eEbwcv"
71
- >
72
- Mon - Fri: 9am - 6pm
73
- </div>
74
- <div
75
- class="sc-jzJRlG eEbwcv"
76
- >
77
- Sat: 10am - 5pm
78
- </div>
79
- </div>
80
- </div>
81
- <div
82
- class="sc-cSHVUG dAmHXf"
83
- >
84
- <button
85
- class="sc-kAzzGY sc-chPdSV htelVJ"
86
- disabled=""
87
- type="button"
88
- >
89
- Loading chat...
90
- </button>
91
- <div
92
- id="LP_DIV_TRAVEL_1239001"
93
- style="display: none;"
94
- />
95
- <a
96
- class="sc-kAzzGY sc-kgoBCf epsPGX"
97
- href="/enquire"
98
- >
99
- Enquire now
100
- </a>
101
- </div>
102
- </div>
103
- </div>
104
- </div>
105
- </div>
106
- `;
107
-
108
- exports[`TravelMiniCTA should render with isApp prop 1`] = `
109
- <div>
110
- <div
111
- class="sc-bwzfXH euaLVT"
112
- data-testid="travel-mini-cta"
113
- >
114
- <div
115
- class="sc-htpNat fDJQmH"
116
- >
117
- <div
118
- class="sc-bxivhb fAMkx"
119
- >
120
- <div
121
- class="sc-ifAKCX gShyuV"
122
- >
123
- <div
124
- class="sc-EHOje bDGqOa"
125
- >
126
- <span
127
- class="sc-bZQynM hVYjTG"
128
- >
129
- T
130
- </span>
131
- </div>
132
- <div
133
- class="sc-bdVaJa sc-dnqmqq dpftVr"
134
- >
135
- VISIT TIMES HOLIDAYS
136
- </div>
137
- </div>
138
- <div
139
- class="sc-gzVnrw VgUMC"
140
- >
141
- <div
142
- class="sc-bdVaJa sc-htoDjs isYUYH"
143
- >
144
- VISIT TIMES HOLIDAYS
145
- </div>
146
- <div
147
- class="sc-iwsKbI bGbdiO"
148
- >
149
- Begin your journey to Croatia with a holiday designed around you
150
- </div>
151
- </div>
152
- </div>
153
- <div
154
- class="sc-gZMcBi eQUwuL"
155
- >
156
- <div
157
- class="sc-gqjmRU eBVWqY"
158
- >
159
- <a
160
- class="sc-VigVT HFijS"
161
- href="tel:08083049757"
162
- >
163
- Call us on
164
-
165
- <span
166
- class="sc-jTzLTM diHDON"
167
- >
168
- 08083049757
169
- </span>
170
- </a>
171
- <div
172
- class="sc-fjdhpX KnCtx"
173
- >
174
- <div
175
- class="sc-jzJRlG csKGWf"
176
- >
177
- Mon - Fri: 9am - 6pm
178
- </div>
179
- <div
180
- class="sc-jzJRlG csKGWf"
181
- >
182
- Sat: 10am - 5pm
183
- </div>
184
- </div>
185
- </div>
186
- <div
187
- class="sc-cSHVUG dAmHXf"
188
- >
189
- <button
190
- class="sc-kAzzGY sc-chPdSV ddVxAZ"
191
- disabled=""
192
- type="button"
193
- >
194
- Loading chat...
195
- </button>
196
- <div
197
- id="LP_DIV_TRAVEL_1239001"
198
- style="display: none;"
199
- />
200
- <a
201
- class="sc-kAzzGY sc-kgoBCf lnRSck"
202
- href="/enquire"
203
- >
204
- Enquire now
205
- </a>
206
- </div>
207
- </div>
208
- </div>
209
- </div>
210
- </div>
211
- `;