@janbox/storefront-ui 1.0.7 → 1.0.8

package/dist/utils/emotion-helpers.js

@@ -1,145 +0,0 @@
-import { keyframes } from "@emotion/react";
-import { breakpoint, mediaQuery } from "../theme/screens.js";
-import { getTypographyVar } from "../theme/typography.js";
-const scrollbarNone = {
-  scrollbarWidth: "none",
-  "&::-webkit-scrollbar": { display: "none" }
-};
-const pulseKeyframes = keyframes`
-  50% { opacity: 0.5; }
-`;
-const spinKeyframes = keyframes`
-  to { transform: rotate(360deg); }
-`;
-const animatePulse = {
-  animation: `${pulseKeyframes} 2s cubic-bezier(0.4, 0, 0.6, 1) infinite`
-};
-const animateSpin = {
-  animation: `${spinKeyframes} 1s linear infinite`
-};
-const ptBlock = {
-  paddingTop: "1rem",
-  [mediaQuery("sm")]: { paddingTop: "1.5rem" },
-  [mediaQuery("md")]: { paddingTop: "2rem" },
-  [mediaQuery("lg")]: { paddingTop: "2.5rem" }
-};
-const pbBlock = {
-  paddingBottom: "1rem",
-  [mediaQuery("sm")]: { paddingBottom: "1.5rem" },
-  [mediaQuery("md")]: { paddingBottom: "2rem" },
-  [mediaQuery("lg")]: { paddingBottom: "2.5rem" }
-};
-const pyBlock = {
-  paddingTop: "1rem",
-  paddingBottom: "1rem",
-  [mediaQuery("sm")]: { paddingTop: "1.5rem", paddingBottom: "1.5rem" },
-  [mediaQuery("md")]: { paddingTop: "2rem", paddingBottom: "2rem" },
-  [mediaQuery("lg")]: { paddingTop: "2.5rem", paddingBottom: "2.5rem" }
-};
-const textHeading6 = {
-  fontSize: getTypographyVar("lg").fontSize,
-  lineHeight: getTypographyVar("lg").lineHeight,
-  [mediaQuery(breakpoint.md.minWidth)]: {
-    fontSize: getTypographyVar("xl").fontSize,
-    lineHeight: getTypographyVar("xl").lineHeight
-  }
-};
-const textHeading5 = {
-  fontSize: getTypographyVar("xl").fontSize,
-  lineHeight: getTypographyVar("xl").lineHeight,
-  [mediaQuery(breakpoint.md.minWidth)]: {
-    fontSize: getTypographyVar("2xl").fontSize,
-    lineHeight: getTypographyVar("2xl").lineHeight
-  }
-};
-const textHeading4 = {
-  fontSize: getTypographyVar("2xl").fontSize,
-  lineHeight: getTypographyVar("2xl").lineHeight,
-  [mediaQuery(breakpoint.md.minWidth)]: {
-    fontSize: getTypographyVar("3xl").fontSize,
-    lineHeight: getTypographyVar("3xl").lineHeight
-  }
-};
-const textHeading3 = {
-  fontSize: getTypographyVar("3xl").fontSize,
-  lineHeight: getTypographyVar("3xl").lineHeight,
-  [mediaQuery(breakpoint.md.minWidth)]: {
-    fontSize: getTypographyVar("4xl").fontSize,
-    lineHeight: getTypographyVar("4xl").lineHeight
-  }
-};
-const textHeading2 = {
-  fontSize: getTypographyVar("4xl").fontSize,
-  lineHeight: getTypographyVar("4xl").lineHeight,
-  [mediaQuery(breakpoint.md.minWidth)]: {
-    fontSize: getTypographyVar("5xl").fontSize,
-    lineHeight: getTypographyVar("5xl").lineHeight
-  }
-};
-const textHeading1 = {
-  fontSize: getTypographyVar("5xl").fontSize,
-  lineHeight: getTypographyVar("5xl").lineHeight,
-  [mediaQuery(breakpoint.md.minWidth)]: {
-    fontSize: getTypographyVar("6xl").fontSize,
-    lineHeight: getTypographyVar("6xl").lineHeight
-  }
-};
-const truncate = {
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-};
-const pointerEventsNone = {
-  pointerEvents: "none"
-};
-const cursorPointer = {
-  cursor: "pointer"
-};
-const overflowHidden = {
-  overflow: "hidden"
-};
-const overflowAuto = {
-  overflow: "auto"
-};
-const containerStyle = {
-  width: "100%",
-  marginLeft: "auto",
-  marginRight: "auto",
-  paddingLeft: `${breakpoint.xs.padding}px`,
-  paddingRight: `${breakpoint.xs.padding}px`,
-  [mediaQuery("sm")]: {
-    maxWidth: `${breakpoint.sm.minWidth}px`,
-    paddingLeft: `${breakpoint.sm.padding}px`,
-    paddingRight: `${breakpoint.sm.padding}px`
-  },
-  [mediaQuery("md")]: {
-    maxWidth: `${breakpoint.md.minWidth}px`,
-    paddingLeft: `${breakpoint.md.padding}px`,
-    paddingRight: `${breakpoint.md.padding}px`
-  },
-  [mediaQuery("lg")]: {
-    maxWidth: `${breakpoint.lg.minWidth}px`,
-    paddingLeft: `${breakpoint.lg.padding}px`,
-    paddingRight: `${breakpoint.lg.padding}px`
-  }
-};
-export {
-  animatePulse,
-  animateSpin,
-  containerStyle,
-  cursorPointer,
-  overflowAuto,
-  overflowHidden,
-  pbBlock,
-  pointerEventsNone,
-  ptBlock,
-  pyBlock,
-  scrollbarNone,
-  textHeading1,
-  textHeading2,
-  textHeading3,
-  textHeading4,
-  textHeading5,
-  textHeading6,
-  truncate
-};