@times-components/ts-components 1.145.1-777882a8b99dc7733f00b94202a91fa8b7dc2a7e.1 → 1.145.1-7822206a549cb799b9eb65f35228b22be1db32a1.5

package/dist/components/travel-mini-cta/styles.js

@@ -0,0 +1,268 @@
+import styled from 'styled-components';
+import { getMediaQuery, applyDarkMode } from '../../utils';
+const BaseLabel = styled.div `
+  font-family: 'Roboto';
+  font-weight: 500;
+  line-height: 1.125;
+  font-size: 14px;
+  letter-spacing: 0em;
+  color: #236fa3;
+  text-transform: uppercase;
+
+  ${({ isApp }) => applyDarkMode(`
+        color: #f5f5f5 !important;
+    `, isApp)};
+`;
+export const Container = styled.div `
+  background-color: #ffffff;
+  padding: 24px;
+  border-top: 1px dashed;
+  border-bottom: 1px dashed;
+  border-color: #cccccc;
+
+  ${({ isApp }) => applyDarkMode(`
+        background-color: #f5f5f5 !important;
+        border-color: #e4e4e4 !important;
+    `, isApp)};
+`;
+export const ContentWrapper = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 20px;
+
+  ${getMediaQuery('xs', 'md')} {
+    flex-direction: column;
+    gap: 24px;
+  }
+`;
+export const LeftSection = styled.div `
+  display: flex;
+  align-items: flex-start;
+  width: 50%;
+  gap: 24px;
+
+  ${getMediaQuery('xs', 'md')} {
+    width: 100%;
+    flex-direction: column;
+    gap: 16px;
+  }
+`;
+export const LogoContainer = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+
+  ${getMediaQuery('xs', 'md')} {
+    flex-direction: row-reverse;
+    justify-content: flex-start;
+    justify-content: space-between;
+    width: 100%;
+  }
+`;
+export const LogoBox = styled.div `
+  width: 40px;
+  height: 40px;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #236fa3;
+
+  ${({ isApp }) => applyDarkMode(`
+        background-color: #c2c2c2 !important;
+    `, isApp)};
+`;
+export const LogoText = styled.span `
+  font-family: 'Times Modern', serif;
+  font-weight: 700;
+  font-size: 40px;
+  line-height: 1.125;
+  letter-spacing: 0.02em;
+  color: #ffffff;
+  padding-top: 4px;
+
+  ${({ isApp }) => applyDarkMode(`
+        color: #1d1d1b !important;
+    `, isApp)};
+`;
+export const TextContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  max-width: 375px;
+
+  ${getMediaQuery('xs', 'md')} {
+    gap: 24px;
+  }
+`;
+export const Label = styled(BaseLabel) `
+  ${getMediaQuery('xs', 'md')} {
+    display: none;
+  }
+`;
+export const MobileLabel = styled(BaseLabel) `
+  display: none;
+
+  ${getMediaQuery('xs', 'md')} {
+    display: block;
+  }
+`;
+export const Description = styled.div `
+  font-family: 'Times Modern';
+  font-weight: 700;
+  line-height: 1.125;
+  font-size: 24px;
+  letter-spacing: 0em;
+  color: #333333;
+
+  ${({ isApp }) => applyDarkMode(`
+        color: #cccccc !important;
+    `, isApp)};
+
+  ${getMediaQuery('xs', 'md')} {
+    margin-right: 64px;
+  }
+`;
+export const RightSection = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  width: 50%;
+
+  ${getMediaQuery('xs', 'md')} {
+    gap: 32px;
+    width: 100%;
+  }
+`;
+export const ContactInfo = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+`;
+export const PhoneLabel = styled.a `
+  text-decoration: none;
+  display: inline;
+  font-family: 'Times Digital W04 Regular';
+  font-weight: 400;
+  line-height: 1.5;
+  font-size: 18px;
+  letter-spacing: 0em;
+  color: #333333;
+  cursor: pointer;
+
+  ${({ isApp }) => applyDarkMode(`
+        color: #c2c2c2 !important;
+    `, isApp)};
+
+  &:hover {
+    text-decoration: underline;
+  }
+`;
+export const PhoneNumber = styled.span `
+  font-family: 'Times Modern';
+  font-weight: 700;
+  line-height: 1.125;
+  font-size: 22px;
+  letter-spacing: 0em;
+  color: #333333;
+
+  ${({ isApp }) => applyDarkMode(`
+        color: #c2c2c2 !important;
+    `, isApp)};
+`;
+export const WorkingHoursContainer = styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+
+  ${getMediaQuery('xs', 'md')} {
+    flex-direction: column;
+  }
+`;
+export const WorkingHoursText = styled.div `
+  font-family: 'Times Digital W04 Regular';
+  font-weight: 400;
+  line-height: 1.5;
+  font-size: 18px;
+  letter-spacing: 0em;
+  color: #333333;
+
+  ${({ isApp }) => applyDarkMode(`
+        color: #cccccc !important;
+    `, isApp)};
+`;
+export const ButtonsContainer = styled.div `
+  display: flex;
+  gap: 16px;
+
+  ${getMediaQuery('xs', 'md')} {
+    flex-direction: column;
+  }
+`;
+const BaseButton = styled.a `
+  text-decoration: none;
+  border-radius: 0px;
+  width: 100%;
+  min-height: 44px;
+  font-family: 'Roboto';
+  font-weight: 500;
+  line-height: 1.5;
+  font-size: 16px;
+  letter-spacing: 0em;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 12px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+`;
+export const PrimaryButton = styled(BaseButton) `
+  border: none;
+  background-color: #005c8a;
+  color: #ffffff;
+  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
+  opacity: ${({ disabled }) => (disabled ? 0.6 : 1)};
+
+  div[data-lp-event] {
+    cursor: pointer;
+    font-family: 'Roboto';
+    font-weight: 500;
+    line-height: 1.5;
+    font-size: 16px;
+    letter-spacing: 0em;
+  }
+
+  &:hover {
+    background-color: #00527a;
+  }
+
+  ${({ isApp }) => applyDarkMode(`
+        background-color: #74bade !important;
+        color: #1d1d1b !important;
+
+        &:hover {
+            background-color: #93cbe8 !important;
+        }
+    `, isApp)};
+`;
+export const SecondaryButton = styled(BaseButton) `
+  border: 1px solid #005c8a;
+  background-color: transparent;
+  color: #005c8a;
+
+  &:hover {
+    background-color: #f5f5f5;
+  }
+
+  ${({ isApp }) => applyDarkMode(`
+        border-color: #74bade !important;
+        color: #74bade !important;
+
+        &:hover {
+            background-color: #01000d !important;
+        }
+    `, isApp)};
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdHJhdmVsLW1pbmktY3RhL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE1BQU0sTUFBTSxtQkFBbUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsYUFBYSxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7Ozs7O0lBUzdDLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLENBQ2QsYUFBYSxDQUNYOztLQUVELEVBQ0MsS0FBSyxDQUNOO0NBQ0osQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFxQjs7Ozs7OztJQU9wRCxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUNkLGFBQWEsQ0FDWDs7O0tBR0QsRUFDQyxLQUFLLENBQ047Q0FDSixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1wQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7OztDQUk1QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQUE7Ozs7OztJQU1qQyxhQUFhLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQzs7Ozs7Q0FLNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFBOzs7Ozs7SUFNbkMsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUM7Ozs7OztDQU01QixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxHQUFHLENBQXFCOzs7Ozs7Ozs7SUFTbEQsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEVB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

package/dist/components/travel-mini-cta/travel-mini-cta.stories.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { TravelMiniCTA } from './index';
+import { ArticleHarness } from '../../fixtures/article-harness/ArticleHarness';
+storiesOf('Typescript Component/In Article/Travel Mini CTA', module).add('Travel Mini CTA', () => (React.createElement(ArticleHarness, null,
+    React.createElement("div", { style: { padding: '16px' } },
+        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" })))));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhdmVsLW1pbmktY3RhLnN0b3JpZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHJhdmVsLW1pbmktY3RhLnN0b3JpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0NBQStDLENBQUM7QUFFL0UsU0FBUyxDQUFDLGlEQUFpRCxFQUFFLE1BQU0sQ0FBQyxDQUFDLEdBQUcsQ0FDdEUsaUJBQWlCLEVBQ2pCLEdBQUcsRUFBRSxDQUFDLENBQ0osb0JBQUMsY0FBYztJQUNiLDZCQUFLLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUU7UUFDN0Isb0JBQUMsYUFBYSxJQUNaLFdBQVcsRUFBQyx3R0FBd0csRUFDcEgsVUFBVSxFQUFDLFlBQVksRUFDdkIsV0FBVyxFQUFDLGFBQWEsRUFDekIsWUFBWSxFQUFDLHVDQUF1QyxFQUNwRCxpQkFBaUIsRUFBQyxjQUFjLEVBQ2hDLG1CQUFtQixFQUFDLGFBQWEsRUFDakMsa0JBQWtCLEVBQUMsVUFBVSxHQUM3QixDQUNFLENBQ1MsQ0FDbEIsQ0FDRixDQUFDIn0=

package/dist/components/travel-mini-cta/types.d.ts

@@ -0,0 +1,10 @@
+export interface TravelMiniCTAProps {
+    description?: string;
+    phoneLabel?: string;
+    phoneNumber?: string;
+    workingHours?: string;
+    primaryButtonText?: string;
+    secondaryButtonText?: string;
+    secondaryButtonUrl?: string;
+    isApp?: boolean;
+}

package/dist/components/travel-mini-cta/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy90cmF2ZWwtbWluaS1jdGEvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { UpdateButton } from './components/update-button/update-button';
 export { UpdateButtonWithDelay } from './components/update-button/update-button-with-delay';
 export { Banner } from './components/banner/banner';
 export { JobTitle } from './components/job-title/job-title';
+export { TravelMiniCTA } from './components/travel-mini-cta';
 export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
 export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
 export { PreviewNewsletterPuff } from './components/newsletter-puff/preview-newsletter-puff/PreviewNewsletterPuff';
@@ -52,4 +53,3 @@ export { trackAlgoliaConversionWithDwellTime, getValidConversionData } from './h
 export { OptaMatchStatsSummary } from './components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary';
 export { OptaMatchStatsGraphs } from './components/opta/football/opta-match-stats/stats-graphs/OptaMatchStatsGraphs';
 export { OptaMatchStatsCommentary } from './components/opta/football/opta-match-stats/commentary/OptaMatchStatsCommentary';
-export { OptaMatchStatsMatchdayLive } from './components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive';

package/dist/index.js

@@ -14,6 +14,7 @@ export { UpdateButton } from './components/update-button/update-button';
 export { UpdateButtonWithDelay } from './components/update-button/update-button-with-delay';
 export { Banner } from './components/banner/banner';
 export { JobTitle } from './components/job-title/job-title';
+export { TravelMiniCTA } from './components/travel-mini-cta';
 // Newsletter Components
 export { AutoNewsletterPuff } from './components/newsletter-puff/AutoNewsletterPuff';
 export { InlineNewsletterPuff } from './components/newsletter-puff/InlineNewsletterPuff';
@@ -60,5 +61,4 @@ export { trackAlgoliaConversionWithDwellTime, getValidConversionData } from './h
 export { OptaMatchStatsSummary } from './components/opta/football/opta-match-stats/summary/OptaMatchStatsSummary';
 export { OptaMatchStatsGraphs } from './components/opta/football/opta-match-stats/stats-graphs/OptaMatchStatsGraphs';
 export { OptaMatchStatsCommentary } from './components/opta/football/opta-match-stats/commentary/OptaMatchStatsCommentary';
-export { OptaMatchStatsMatchdayLive } from './components/opta/football/opta-match-stats/matchday-live/OptaMatchStatsMatchdayLive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxFQUNoQixNQUFNLDJDQUEyQyxDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN4RSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0scUVBQXFFLENBQUM7QUFDN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzVFLE9BQU8sRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGNBQWMsRUFDZCxrQkFBa0IsRUFDbEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDcEIsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEUsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLHFEQUFxRCxDQUFDO0FBQzdELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFNUQsd0JBQXdCO0FBQ3hCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbkIsTUFBTSxp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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCO0FBQ3JCLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxFQUNoQixNQUFNLDJDQUEyQyxDQUFDO0FBQ25ELE9BQU8sRUFFTCx1QkFBdUIsRUFDeEIsTUFBTSw0Q0FBNEMsQ0FBQztBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDM0UsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUN4RSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3JCLE1BQU0scUVBQXFFLENBQUM7QUFDN0UsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQzVFLE9BQU8sRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLGNBQWMsRUFDZCxrQkFBa0IsRUFDbEIsb0JBQW9CLEVBQ3BCLG9CQUFvQixFQUNwQixtQkFBbUIsRUFDcEIsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDeEUsT0FBTyxFQUNMLHFCQUFxQixFQUN0QixNQUFNLHFEQUFxRCxDQUFDO0FBQzdELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDNUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBRTdE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

package/dist/utils/applyDarkMode.d.ts

@@ -0,0 +1 @@
+export declare const applyDarkMode: (styles: string, isApp?: boolean | undefined) => string;

package/dist/utils/applyDarkMode.js

@@ -0,0 +1,12 @@
+// Helper for dark mode styling
+export const applyDarkMode = (styles, isApp) => {
+    if (!isApp) {
+        return '';
+    }
+    return `
+        @media (prefers-color-scheme: dark) {
+            ${styles}
+        }
+    `;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwbHlEYXJrTW9kZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9hcHBseURhcmtNb2RlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLCtCQUErQjtBQUMvQixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxNQUFjLEVBQUUsS0FBZSxFQUFFLEVBQUU7SUFDL0QsSUFBSSxDQUFDLEtBQUssRUFBRTtRQUNWLE9BQU8sRUFBRSxDQUFDO0tBQ1g7SUFFRCxPQUFPOztjQUVLLE1BQU07O0tBRWYsQ0FBQztBQUNOLENBQUMsQ0FBQyJ9

package/dist/utils/getMediaQuery.d.ts

@@ -0,0 +1,11 @@
+export declare const breakpoints: {
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    all: number;
+};
+export declare type BreakPointKeys = keyof typeof breakpoints;
+export declare type MQ = Partial<Record<BreakPointKeys, string>> | string;
+export declare const getMediaQuery: (minWidth?: "all" | "xs" | "sm" | "md" | "lg" | "xl" | undefined, maxWidth?: "all" | "xs" | "sm" | "md" | "lg" | "xl" | undefined) => () => string;

package/dist/utils/getMediaQuery.js

@@ -0,0 +1,19 @@
+export const breakpoints = {
+    xs: 0,
+    sm: 520,
+    md: 768,
+    lg: 1024,
+    xl: 1320,
+    all: 0
+};
+export const getMediaQuery = (minWidth, maxWidth) => () => {
+    const queries = ['@media screen'];
+    if (minWidth && breakpoints[minWidth]) {
+        queries.push(` and (min-width: ${breakpoints[minWidth]}px)`);
+    }
+    if (maxWidth) {
+        queries.push(` and (max-width: ${breakpoints[maxWidth] - 1}px)`);
+    }
+    return queries.join('');
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0TWVkaWFRdWVyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9nZXRNZWRpYVF1ZXJ5LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBRztJQUN6QixFQUFFLEVBQUUsQ0FBQztJQUNMLEVBQUUsRUFBRSxHQUFHO0lBQ1AsRUFBRSxFQUFFLEdBQUc7SUFDUCxFQUFFLEVBQUUsSUFBSTtJQUNSLEVBQUUsRUFBRSxJQUFJO0lBQ1IsR0FBRyxFQUFFLENBQUM7Q0FDUCxDQUFDO0FBS0YsTUFBTSxDQUFDLE1BQU0sYUFBYSxHQUFHLENBQzNCLFFBQW1DLEVBQ25DLFFBQW1DLEVBQ25DLEVBQUUsQ0FBQyxHQUFHLEVBQUU7SUFDUixNQUFNLE9BQU8sR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ2xDLElBQUksUUFBUSxJQUFJLFdBQVcsQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUNyQyxPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixXQUFXLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0tBQzlEO0lBQ0QsSUFBSSxRQUFRLEVBQUU7UUFDWixPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixXQUFXLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztLQUNsRTtJQUNELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztBQUMxQixDQUFDLENBQUMifQ==

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { applyDarkMode } from './applyDarkMode';
+export { getMediaQuery } from './getMediaQuery';

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+export { applyDarkMode } from './applyDarkMode';
+export { getMediaQuery } from './getMediaQuery';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQyJ9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/ts-components",
-  "version": "1.145.1-777882a8b99dc7733f00b94202a91fa8b7dc2a7e.1+777882a8b9",
+  "version": "1.145.1-7822206a549cb799b9eb65f35228b22be1db32a1.5+7822206a54",
   "description": "Reuseable Typescript React Components",
   "main": "dist/index.js",
   "dev": "dist/index.js",
@@ -57,7 +57,7 @@
     "@times-components/link": "^3.18.27",
     "@times-components/provider": "^1.48.20",
     "@times-components/provider-queries": "^2.29.0",
-    "@times-components/related-articles": "^6.20.44-777882a8b99dc7733f00b94202a91fa8b7dc2a7e.1+777882a8b9",
+    "@times-components/related-articles": "^6.20.44-7822206a549cb799b9eb65f35228b22be1db32a1.5+7822206a54",
     "@times-components/ts-slices": "^1.10.42",
     "@times-components/ts-styleguide": "^1.56.21",
     "@times-components/utils": "^6.36.0",
@@ -120,5 +120,5 @@
       "@testing-library/jest-dom/extend-expect"
     ]
   },
-  "gitHead": "777882a8b99dc7733f00b94202a91fa8b7dc2a7e"
+  "gitHead": "7822206a549cb799b9eb65f35228b22be1db32a1"
 }