@janbox/storefront-ui 1.0.0

package/dist/theme/typography.cjs

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getTypographyVar = (key, fullVar = true) => {
+  const value = `--text-${key}--{{property}}`;
+  const cssVar = fullVar ? `var(${value})` : value;
+  return {
+    fontSize: cssVar.replace("{{property}}", "font-size"),
+    lineHeight: cssVar.replace("{{property}}", "line-height")
+  };
+};
+const typographyVars = {
+  xs: getTypographyVar("xs"),
+  sm: getTypographyVar("sm"),
+  base: getTypographyVar("base"),
+  lg: getTypographyVar("lg"),
+  xl: getTypographyVar("xl"),
+  "2xl": getTypographyVar("2xl"),
+  "3xl": getTypographyVar("3xl"),
+  "4xl": getTypographyVar("4xl"),
+  "5xl": getTypographyVar("5xl"),
+  "6xl": getTypographyVar("6xl")
+};
+const getSmallerTypographyVariants = (variant) => {
+  const allVariants = ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+  return allVariants.slice(0, allVariants.indexOf(variant)).reverse();
+};
+exports.getSmallerTypographyVariants = getSmallerTypographyVariants;
+exports.getTypographyVar = getTypographyVar;
+exports.typographyVars = typographyVars;

package/dist/theme/typography.d.ts

@@ -0,0 +1,19 @@
+export type TypographySizeVariant = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
+export declare const getTypographyVar: <T extends TypographySizeVariant>(key: T, fullVar?: boolean) => {
+    fontSize: string;
+    lineHeight: string;
+};
+export declare const typographyVars: ThemeTypography;
+export declare const getSmallerTypographyVariants: (variant: TypographySizeVariant) => TypographySizeVariant[];
+type TypographySizeVariantCSS = {
+    fontSize: string;
+    lineHeight: string;
+};
+export type ThemeTypography = Record<TypographySizeVariant, TypographySizeVariantCSS>;
+declare module '@emotion/react' {
+    interface Theme {
+        typography: ThemeTypography;
+    }
+}
+export {};
+//# sourceMappingURL=typography.d.ts.map

package/dist/theme/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,qBAAqB,GAC7B,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,qBAAqB,OAAO,CAAC;;;CASvE,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,eAW5B,CAAC;AAEF,eAAO,MAAM,4BAA4B,YAAa,qBAAqB,4BAI1E,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,CAAC;AAEtF,OAAO,QAAQ,gBAAgB,CAAC;IAC9B,UAAiB,KAAK;QACpB,UAAU,EAAE,eAAe,CAAC;KAC7B;CACF"}

package/dist/theme/typography.js

@@ -0,0 +1,29 @@
+const getTypographyVar = (key, fullVar = true) => {
+  const value = `--text-${key}--{{property}}`;
+  const cssVar = fullVar ? `var(${value})` : value;
+  return {
+    fontSize: cssVar.replace("{{property}}", "font-size"),
+    lineHeight: cssVar.replace("{{property}}", "line-height")
+  };
+};
+const typographyVars = {
+  xs: getTypographyVar("xs"),
+  sm: getTypographyVar("sm"),
+  base: getTypographyVar("base"),
+  lg: getTypographyVar("lg"),
+  xl: getTypographyVar("xl"),
+  "2xl": getTypographyVar("2xl"),
+  "3xl": getTypographyVar("3xl"),
+  "4xl": getTypographyVar("4xl"),
+  "5xl": getTypographyVar("5xl"),
+  "6xl": getTypographyVar("6xl")
+};
+const getSmallerTypographyVariants = (variant) => {
+  const allVariants = ["xs", "sm", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+  return allVariants.slice(0, allVariants.indexOf(variant)).reverse();
+};
+export {
+  getSmallerTypographyVariants,
+  getTypographyVar,
+  typographyVars
+};

package/dist/types/index.cjs

@@ -0,0 +1 @@
+"use strict";

package/dist/types/index.d.ts

@@ -0,0 +1,17 @@
+import { CSSObject } from '@emotion/serialize';
+import { Screen } from '../theme';
+export type Nullable<T> = T | null;
+export type Dict<T> = Record<string, T>;
+export type ShallowMerge<T1, T2> = Omit<T1, keyof T2> & T2;
+export type ResponsiveDesign<T = unknown> = Partial<Record<Screen, T>>;
+export type SizeVariant = "xs" | "sm" | "md" | "lg";
+export type ColorVariant = "primary" | "secondary" | "green" | "red" | "orange" | "blue" | "neutral";
+export type ButtonVariant = "contained" | "outlined" | "text";
+export type ProgressDirection = "horizontal" | "vertical";
+export type ContentTranslation = {
+    key: string;
+};
+export type PropsWithCSS<T extends object = object> = T & {
+    css?: CSSObject;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;AAEnC,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;AAExC,MAAM,MAAM,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC;AAE3D,MAAM,MAAM,gBAAgB,CAAC,CAAC,GAAG,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;AAEvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,OAAO,GACP,KAAK,GACL,QAAQ,GACR,MAAM,GACN,SAAS,CAAC;AAEd,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG;IACxD,GAAG,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC"}

package/dist/types/index.js

@@ -0,0 +1 @@
+

package/dist/utils/common.cjs

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const parse = require("html-react-parser");
+const lodashEs = require("lodash-es");
+const slugify = require("slugify");
+const constants_index = require("../constants/index.cjs");
+const ensureArray = (val) => {
+  if (lodashEs.isNil(val)) {
+    return [];
+  }
+  if (Array.isArray(val)) {
+    return val;
+  }
+  return [val];
+};
+const ensureBoolean = (val) => {
+  if (lodashEs.isNil(val)) {
+    return false;
+  }
+  if (lodashEs.isBoolean(val)) {
+    return val;
+  }
+  return val === constants_index.Booleanish.True;
+};
+const normalizeSearchText = (str, options = {}) => {
+  const { lower = true, trim = true } = options ?? {};
+  let normalized = str == null ? void 0 : str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[đĐ]/g, (m) => m === "đ" ? "d" : "D");
+  if (lower) {
+    normalized = normalized == null ? void 0 : normalized.toLowerCase();
+  }
+  if (trim) {
+    normalized = normalized == null ? void 0 : normalized.trim();
+  }
+  return normalized ?? "";
+};
+const matchSearch = (text, searchText, options) => {
+  const normalizedSearchText = normalizeSearchText(searchText, options);
+  return ensureArray(text).some((entry) => {
+    return normalizeSearchText(entry, options).includes(normalizedSearchText);
+  });
+};
+const createSlug = (text) => {
+  return slugify(lodashEs.kebabCase(text.toLowerCase()), {
+    lower: true
+  });
+};
+const formatNumber = (value, { lng, ...options }) => {
+  try {
+    return new Intl.NumberFormat(lng, {
+      minimumFractionDigits: 0,
+      ...options
+    }).format(value);
+  } catch (error) {
+    return value.toString();
+  }
+};
+const getDecimalDigits = (value) => {
+  var _a;
+  return ((_a = value.toString().split(".").at(1)) == null ? void 0 : _a.length) ?? 0;
+};
+const parseNumber = (text, type = "int", separator = ",") => {
+  const parseFunc = type === "int" ? lodashEs.parseInt : parseFloat;
+  const parsedValue = parseFunc((text ?? "").toString().trim().replaceAll(separator, ""));
+  return isNaN(parsedValue) ? void 0 : parsedValue;
+};
+function omitEmpty(obj) {
+  if (lodashEs.isNil(obj)) return {};
+  return lodashEs.omitBy(obj, (value) => {
+    if (lodashEs.isNil(value)) {
+      return true;
+    }
+    if (lodashEs.isArray(value) || lodashEs.isString(value)) {
+      return value.length === 0;
+    }
+    return false;
+  });
+}
+const getEnumValues = (enumObject) => {
+  return Object.keys(enumObject).filter((key) => isNaN(Number(key))).map((key) => enumObject[key]);
+};
+function parseSvgString(source, uniqueId) {
+  const createUniqueId = (originalId) => {
+    return `${originalId}-${uniqueId}`;
+  };
+  const options = {
+    replace(domNode) {
+      if (domNode.type === "tag" && "attribs" in domNode && domNode.attribs) {
+        const el = domNode;
+        if (el.attribs.id) {
+          el.attribs.id = createUniqueId(el.attribs.id);
+        }
+        const urlRefAttrs = [
+          "fill",
+          "stroke",
+          "filter",
+          "clip-path",
+          "mask",
+          "marker-start",
+          "marker-mid",
+          "marker-end",
+          "style"
+        ];
+        for (const attr of urlRefAttrs) {
+          const value = el.attribs[attr];
+          if (!value) continue;
+          if (attr === "style") {
+            const match = value == null ? void 0 : value.match(/url\(#(.+?)\)/);
+            if (match) {
+              el.attribs[attr] = value.replace(match[1], createUniqueId(match[1]));
+            }
+          } else {
+            const match = value == null ? void 0 : value.match(/^url\(#(.+?)\)$/);
+            if (match) {
+              el.attribs[attr] = `url(#${createUniqueId(match[1])})`;
+            }
+          }
+        }
+        return el;
+      }
+      return void 0;
+    },
+    trim: true
+  };
+  const parsed = parse(source, options);
+  const validType = "svg";
+  return react.isValidElement(parsed) && parsed.type === validType ? parsed : null;
+}
+exports.createSlug = createSlug;
+exports.ensureArray = ensureArray;
+exports.ensureBoolean = ensureBoolean;
+exports.formatNumber = formatNumber;
+exports.getDecimalDigits = getDecimalDigits;
+exports.getEnumValues = getEnumValues;
+exports.matchSearch = matchSearch;
+exports.normalizeSearchText = normalizeSearchText;
+exports.omitEmpty = omitEmpty;
+exports.parseNumber = parseNumber;
+exports.parseSvgString = parseSvgString;

package/dist/utils/common.d.ts

@@ -0,0 +1,20 @@
+import { ReactElement } from 'react';
+import { Dict } from '../types';
+export declare const ensureArray: <T>(val: T | T[]) => T[];
+export declare const ensureBoolean: <T extends boolean | string | undefined | null>(val: T) => boolean;
+export declare const normalizeSearchText: (str?: string, options?: {
+    lower?: boolean;
+    trim?: boolean;
+}) => string;
+export declare const matchSearch: (text: string | string[], searchText: string, options?: Parameters<typeof normalizeSearchText>[1]) => boolean;
+export declare const createSlug: (text: string) => string;
+export type FormatNumberOptions = Intl.NumberFormatOptions & {
+    lng: string;
+};
+export declare const formatNumber: (value: number, { lng, ...options }: FormatNumberOptions) => string;
+export declare const getDecimalDigits: (value: number) => number;
+export declare const parseNumber: (text?: string | number, type?: "int" | "float", separator?: string) => number | undefined;
+export declare function omitEmpty<T extends object>(obj?: T): T;
+export declare const getEnumValues: <T extends Dict<string | number>>(enumObject: T) => Array<T[keyof T]>;
+export declare function parseSvgString(source: string, uniqueId: string): ReactElement<import('react').SVGProps<SVGSVGElement>, "svg"> | null;
+//# sourceMappingURL=common.d.ts.map

package/dist/utils/common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../src/utils/common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAO,MAAM,OAAO,CAAC;AAQ1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,eAAO,MAAM,WAAW,GAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,QAU1C,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,OAAO,CAAC,YAUlF,CAAC;AAEF,eAAO,MAAM,mBAAmB,SACxB,MAAM,YACH;IACP,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,WAkBF,CAAC;AAEF,eAAO,MAAM,WAAW,SAChB,MAAM,GAAG,MAAM,EAAE,cACX,MAAM,YACR,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC,CAAC,CAAC,YAOpD,CAAC;AAEF,eAAO,MAAM,UAAU,SAAU,MAAM,WAItC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,uBAAuB,mBAAmB,WASnF,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,MAAM,WAE7C,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,GAAG,MAAM,SAAQ,KAAK,GAAG,OAAO,2CAIxE,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,CAWtD;AAED,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,KAGtC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACrD,CAAC;AAEF,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,uEAgD9D"}

package/dist/utils/common.js

@@ -0,0 +1,139 @@
+import { isValidElement } from "react";
+import parse from "html-react-parser";
+import { kebabCase, isNil, isBoolean, omitBy, isArray, isString, parseInt } from "lodash-es";
+import slugify from "slugify";
+import { Booleanish } from "../constants/index.js";
+const ensureArray = (val) => {
+  if (isNil(val)) {
+    return [];
+  }
+  if (Array.isArray(val)) {
+    return val;
+  }
+  return [val];
+};
+const ensureBoolean = (val) => {
+  if (isNil(val)) {
+    return false;
+  }
+  if (isBoolean(val)) {
+    return val;
+  }
+  return val === Booleanish.True;
+};
+const normalizeSearchText = (str, options = {}) => {
+  const { lower = true, trim = true } = options ?? {};
+  let normalized = str == null ? void 0 : str.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[đĐ]/g, (m) => m === "đ" ? "d" : "D");
+  if (lower) {
+    normalized = normalized == null ? void 0 : normalized.toLowerCase();
+  }
+  if (trim) {
+    normalized = normalized == null ? void 0 : normalized.trim();
+  }
+  return normalized ?? "";
+};
+const matchSearch = (text, searchText, options) => {
+  const normalizedSearchText = normalizeSearchText(searchText, options);
+  return ensureArray(text).some((entry) => {
+    return normalizeSearchText(entry, options).includes(normalizedSearchText);
+  });
+};
+const createSlug = (text) => {
+  return slugify(kebabCase(text.toLowerCase()), {
+    lower: true
+  });
+};
+const formatNumber = (value, { lng, ...options }) => {
+  try {
+    return new Intl.NumberFormat(lng, {
+      minimumFractionDigits: 0,
+      ...options
+    }).format(value);
+  } catch (error) {
+    return value.toString();
+  }
+};
+const getDecimalDigits = (value) => {
+  var _a;
+  return ((_a = value.toString().split(".").at(1)) == null ? void 0 : _a.length) ?? 0;
+};
+const parseNumber = (text, type = "int", separator = ",") => {
+  const parseFunc = type === "int" ? parseInt : parseFloat;
+  const parsedValue = parseFunc((text ?? "").toString().trim().replaceAll(separator, ""));
+  return isNaN(parsedValue) ? void 0 : parsedValue;
+};
+function omitEmpty(obj) {
+  if (isNil(obj)) return {};
+  return omitBy(obj, (value) => {
+    if (isNil(value)) {
+      return true;
+    }
+    if (isArray(value) || isString(value)) {
+      return value.length === 0;
+    }
+    return false;
+  });
+}
+const getEnumValues = (enumObject) => {
+  return Object.keys(enumObject).filter((key) => isNaN(Number(key))).map((key) => enumObject[key]);
+};
+function parseSvgString(source, uniqueId) {
+  const createUniqueId = (originalId) => {
+    return `${originalId}-${uniqueId}`;
+  };
+  const options = {
+    replace(domNode) {
+      if (domNode.type === "tag" && "attribs" in domNode && domNode.attribs) {
+        const el = domNode;
+        if (el.attribs.id) {
+          el.attribs.id = createUniqueId(el.attribs.id);
+        }
+        const urlRefAttrs = [
+          "fill",
+          "stroke",
+          "filter",
+          "clip-path",
+          "mask",
+          "marker-start",
+          "marker-mid",
+          "marker-end",
+          "style"
+        ];
+        for (const attr of urlRefAttrs) {
+          const value = el.attribs[attr];
+          if (!value) continue;
+          if (attr === "style") {
+            const match = value == null ? void 0 : value.match(/url\(#(.+?)\)/);
+            if (match) {
+              el.attribs[attr] = value.replace(match[1], createUniqueId(match[1]));
+            }
+          } else {
+            const match = value == null ? void 0 : value.match(/^url\(#(.+?)\)$/);
+            if (match) {
+              el.attribs[attr] = `url(#${createUniqueId(match[1])})`;
+            }
+          }
+        }
+        return el;
+      }
+      return void 0;
+    },
+    trim: true
+  };
+  const parsed = parse(source, options);
+  const validType = "svg";
+  return isValidElement(parsed) && parsed.type === validType ? parsed : null;
+}
+export {
+  createSlug,
+  ensureArray,
+  ensureBoolean,
+  formatNumber,
+  getDecimalDigits,
+  getEnumValues,
+  matchSearch,
+  normalizeSearchText,
+  omitEmpty,
+  parseNumber,
+  parseSvgString
+};

package/dist/utils/emotion-helpers.cjs

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("@emotion/react");
+const theme_screens = require("../theme/screens.cjs");
+const theme_typography = require("../theme/typography.cjs");
+const scrollbarNone = {
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": { display: "none" }
+};
+const pulseKeyframes = react.keyframes`
+  50% { opacity: 0.5; }
+`;
+const spinKeyframes = react.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",
+  [theme_screens.mediaQuery("sm")]: { paddingTop: "1.5rem" },
+  [theme_screens.mediaQuery("md")]: { paddingTop: "2rem" },
+  [theme_screens.mediaQuery("lg")]: { paddingTop: "2.5rem" }
+};
+const pbBlock = {
+  paddingBottom: "1rem",
+  [theme_screens.mediaQuery("sm")]: { paddingBottom: "1.5rem" },
+  [theme_screens.mediaQuery("md")]: { paddingBottom: "2rem" },
+  [theme_screens.mediaQuery("lg")]: { paddingBottom: "2.5rem" }
+};
+const pyBlock = {
+  paddingTop: "1rem",
+  paddingBottom: "1rem",
+  [theme_screens.mediaQuery("sm")]: { paddingTop: "1.5rem", paddingBottom: "1.5rem" },
+  [theme_screens.mediaQuery("md")]: { paddingTop: "2rem", paddingBottom: "2rem" },
+  [theme_screens.mediaQuery("lg")]: { paddingTop: "2.5rem", paddingBottom: "2.5rem" }
+};
+const textHeading6 = {
+  fontSize: theme_typography.getTypographyVar("lg").fontSize,
+  lineHeight: theme_typography.getTypographyVar("lg").lineHeight,
+  [theme_screens.mediaQuery(theme_screens.breakpoint.md.minWidth)]: {
+    fontSize: theme_typography.getTypographyVar("xl").fontSize,
+    lineHeight: theme_typography.getTypographyVar("xl").lineHeight
+  }
+};
+const textHeading5 = {
+  fontSize: theme_typography.getTypographyVar("xl").fontSize,
+  lineHeight: theme_typography.getTypographyVar("xl").lineHeight,
+  [theme_screens.mediaQuery(theme_screens.breakpoint.md.minWidth)]: {
+    fontSize: theme_typography.getTypographyVar("2xl").fontSize,
+    lineHeight: theme_typography.getTypographyVar("2xl").lineHeight
+  }
+};
+const textHeading4 = {
+  fontSize: theme_typography.getTypographyVar("2xl").fontSize,
+  lineHeight: theme_typography.getTypographyVar("2xl").lineHeight,
+  [theme_screens.mediaQuery(theme_screens.breakpoint.md.minWidth)]: {
+    fontSize: theme_typography.getTypographyVar("3xl").fontSize,
+    lineHeight: theme_typography.getTypographyVar("3xl").lineHeight
+  }
+};
+const textHeading3 = {
+  fontSize: theme_typography.getTypographyVar("3xl").fontSize,
+  lineHeight: theme_typography.getTypographyVar("3xl").lineHeight,
+  [theme_screens.mediaQuery(theme_screens.breakpoint.md.minWidth)]: {
+    fontSize: theme_typography.getTypographyVar("4xl").fontSize,
+    lineHeight: theme_typography.getTypographyVar("4xl").lineHeight
+  }
+};
+const textHeading2 = {
+  fontSize: theme_typography.getTypographyVar("4xl").fontSize,
+  lineHeight: theme_typography.getTypographyVar("4xl").lineHeight,
+  [theme_screens.mediaQuery(theme_screens.breakpoint.md.minWidth)]: {
+    fontSize: theme_typography.getTypographyVar("5xl").fontSize,
+    lineHeight: theme_typography.getTypographyVar("5xl").lineHeight
+  }
+};
+const textHeading1 = {
+  fontSize: theme_typography.getTypographyVar("5xl").fontSize,
+  lineHeight: theme_typography.getTypographyVar("5xl").lineHeight,
+  [theme_screens.mediaQuery(theme_screens.breakpoint.md.minWidth)]: {
+    fontSize: theme_typography.getTypographyVar("6xl").fontSize,
+    lineHeight: theme_typography.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: `${theme_screens.breakpoint.xs.padding}px`,
+  paddingRight: `${theme_screens.breakpoint.xs.padding}px`,
+  [theme_screens.mediaQuery("sm")]: {
+    maxWidth: `${theme_screens.breakpoint.sm.minWidth}px`,
+    paddingLeft: `${theme_screens.breakpoint.sm.padding}px`,
+    paddingRight: `${theme_screens.breakpoint.sm.padding}px`
+  },
+  [theme_screens.mediaQuery("md")]: {
+    maxWidth: `${theme_screens.breakpoint.md.minWidth}px`,
+    paddingLeft: `${theme_screens.breakpoint.md.padding}px`,
+    paddingRight: `${theme_screens.breakpoint.md.padding}px`
+  },
+  [theme_screens.mediaQuery("lg")]: {
+    maxWidth: `${theme_screens.breakpoint.lg.minWidth}px`,
+    paddingLeft: `${theme_screens.breakpoint.lg.padding}px`,
+    paddingRight: `${theme_screens.breakpoint.lg.padding}px`
+  }
+};
+exports.animatePulse = animatePulse;
+exports.animateSpin = animateSpin;
+exports.containerStyle = containerStyle;
+exports.cursorPointer = cursorPointer;
+exports.overflowAuto = overflowAuto;
+exports.overflowHidden = overflowHidden;
+exports.pbBlock = pbBlock;
+exports.pointerEventsNone = pointerEventsNone;
+exports.ptBlock = ptBlock;
+exports.pyBlock = pyBlock;
+exports.scrollbarNone = scrollbarNone;
+exports.textHeading1 = textHeading1;
+exports.textHeading2 = textHeading2;
+exports.textHeading3 = textHeading3;
+exports.textHeading4 = textHeading4;
+exports.textHeading5 = textHeading5;
+exports.textHeading6 = textHeading6;
+exports.truncate = truncate;

package/dist/utils/emotion-helpers.d.ts

@@ -0,0 +1,20 @@
+import { CSSObject } from '@emotion/react';
+export declare const scrollbarNone: CSSObject;
+export declare const animatePulse: CSSObject;
+export declare const animateSpin: CSSObject;
+export declare const ptBlock: CSSObject;
+export declare const pbBlock: CSSObject;
+export declare const pyBlock: CSSObject;
+export declare const textHeading6: CSSObject;
+export declare const textHeading5: CSSObject;
+export declare const textHeading4: CSSObject;
+export declare const textHeading3: CSSObject;
+export declare const textHeading2: CSSObject;
+export declare const textHeading1: CSSObject;
+export declare const truncate: CSSObject;
+export declare const pointerEventsNone: CSSObject;
+export declare const cursorPointer: CSSObject;
+export declare const overflowHidden: CSSObject;
+export declare const overflowAuto: CSSObject;
+export declare const containerStyle: CSSObject;
+//# sourceMappingURL=emotion-helpers.d.ts.map

package/dist/utils/emotion-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotion-helpers.d.ts","sourceRoot":"","sources":["../../src/utils/emotion-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,gBAAgB,CAAC;AAKtD,eAAO,MAAM,aAAa,EAAE,SAG3B,CAAC;AAUF,eAAO,MAAM,YAAY,EAAE,SAE1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,SAEzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,SAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,SAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,SAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAO1B,CAAC;AAIF,eAAO,MAAM,QAAQ,EAAE,SAItB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAE/B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,SAE3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAE5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,SAE1B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAqB5B,CAAC"}