@npm_leadtech/legal-lib-components 4.1.6 → 4.1.10

package/dist/src/globalStyles/themes.scss

@@ -0,0 +1,271 @@
+html {
+  --primary-main-light-6: #eff7f5;
+  --primary-main-light-5: #e4f8f3;
+  --primary-main-light-4: #c0f7e8;
+  --primary-main-light-3: #5dd8c3;
+  --primary-main-light-2: #34b2a7;
+  --primary-main-light-1: #05646e;
+  --primary-main: #078080;
+  --primary-main-dark-1: #02374a;
+  --primary-main-dark-1-rgb: 2, 55, 74;
+  --primary-main-dark-2: #032a38;
+  --secondary-main-light-5: #fcf9f5;
+  --secondary-main-light-4: #fcf4e5;
+  --secondary-main-light-3: #f7e8cf;
+  --secondary-main-light-2: #f5dab0;
+  --secondary-main-light-1: #f4cc8c;
+  --secondary-main: #f2bd6a;
+  --secondary-main-dark-1: #cd9a4c;
+  --secondary-main-dark-2: #936c2f;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6d7275;
+  --neutral-neutral-3: #b5babd;
+  --neutral-neutral-4: #dbe1e5;
+  --neutral-neutral-5: #f3f7fa;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}
+
+html[data-theme='districtlaws'] {
+  --primary-main-light-6: #fff5ee;
+  --primary-main-light-5: #ffe1cc;
+  --primary-main-light-4: #ffc59b;
+  --primary-main-light-3: #ffa05c;
+  --primary-main-light-2: #ff862e;
+  --primary-main-light-1: #c95500;
+  --primary-main: #f26600;
+  --primary-main-dark-1: #4f2100;
+  --primary-main-dark-1-rgb: 79, 33, 0;
+  --primary-main-dark-2: #220f00;
+  --secondary-main-light-5: #eff7f5;
+  --secondary-main-light-4: #e4f8f3;
+  --secondary-main-light-3: #c0f7e8;
+  --secondary-main-light-2: #5dd8c3;
+  --secondary-main-light-1: #34b2a7;
+  --secondary-main: #078080;
+  --secondary-main-dark-1: #05646e;
+  --secondary-main-dark-2: #02374a;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6b6e6f;
+  --neutral-neutral-3: #cacaca;
+  --neutral-neutral-4: #e1e1e1;
+  --neutral-neutral-5: #f4f4f4;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}
+
+html[data-theme='lawdistricts'] {
+  --primary-main-light-6: #f9f9ff;
+  --primary-main-light-5: #eceeff;
+  --primary-main-light-4: #c3c9ff;
+  --primary-main-light-3: #9aa4ff;
+  --primary-main-light-2: #717fff;
+  --primary-main-light-1: #1725a6;
+  --primary-main: #485aff;
+  --primary-main-dark-1: #050e5a;
+  --primary-main-dark-1-rgb: 5, 14, 90;
+  --primary-main-dark-2: #000533;
+  --secondary-main-light-5: #eff7f5;
+  --secondary-main-light-4: #e4f8f3;
+  --secondary-main-light-3: #c0f7e8;
+  --secondary-main-light-2: #5dd8c3;
+  --secondary-main-light-1: #34b2a7;
+  --secondary-main: #078080;
+  --secondary-main-dark-1: #05646e;
+  --secondary-main-dark-2: #02374a;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6b6e6f;
+  --neutral-neutral-3: #cacaca;
+  --neutral-neutral-4: #e1e1e1;
+  --neutral-neutral-5: #f4f4f4;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}
+
+html[data-theme='lawdistrict'] {
+  --primary-main-light-6: #eff7f5;
+  --primary-main-light-5: #e4f8f3;
+  --primary-main-light-4: #c0f7e8;
+  --primary-main-light-3: #5dd8c3;
+  --primary-main-light-2: #34b2a7;
+  --primary-main-light-1: #05646e;
+  --primary-main: #078080;
+  --primary-main-dark-1: #02374a;
+  --primary-main-dark-1-rgb: 2, 55, 74;
+  --primary-main-dark-2: #032a38;
+  --secondary-main-light-5: #fcf9f5;
+  --secondary-main-light-4: #fcf4e5;
+  --secondary-main-light-3: #f7e8cf;
+  --secondary-main-light-2: #f5dab0;
+  --secondary-main-light-1: #f4cc8c;
+  --secondary-main: #f2bd6a;
+  --secondary-main-dark-1: #cd9a4c;
+  --secondary-main-dark-2: #936c2f;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6d7275;
+  --neutral-neutral-3: #b5babd;
+  --neutral-neutral-4: #dbe1e5;
+  --neutral-neutral-5: #f3f7fa;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}
+
+html[data-theme='lawsdistrict'] {
+  --primary-main-light-6: #f9f5ff;
+  --primary-main-light-5: #e3d1ff;
+  --primary-main-light-4: #b68aff;
+  --primary-main-light-3: #a56dff;
+  --primary-main-light-2: #9e63ff;
+  --primary-main-light-1: #320085;
+  --primary-main: #7d2eff;
+  --primary-main-dark-1: #23005c;
+  --primary-main-dark-1-rgb: 35, 0, 92;
+  --primary-main-dark-2: #11002d;
+  --secondary-main-light-5: #eff7f5;
+  --secondary-main-light-4: #e4f8f3;
+  --secondary-main-light-3: #c0f7e8;
+  --secondary-main-light-2: #5dd8c3;
+  --secondary-main-light-1: #34b2a7;
+  --secondary-main: #078080;
+  --secondary-main-dark-1: #05646e;
+  --secondary-main-dark-2: #02374a;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6b6e6f;
+  --neutral-neutral-3: #cacaca;
+  --neutral-neutral-4: #e1e1e1;
+  --neutral-neutral-5: #f4f4f4;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}
+
+html[data-theme='lawdistrictinfo'] {
+  --primary-main-light-6: #f1fff7;
+  --primary-main-light-5: #d5ffe6;
+  --primary-main-light-4: #6affa5;
+  --primary-main-light-3: #16ff73;
+  --primary-main-light-2: #00df59;
+  --primary-main-light-1: #008e39;
+  --primary-main: #00b649;
+  --primary-main-dark-1: #003c18;
+  --primary-main-dark-1-rgb: 0, 60, 24;
+  --primary-main-dark-2: #001709;
+  --secondary-main-light-5: #eff7f5;
+  --secondary-main-light-4: #e4f8f3;
+  --secondary-main-light-3: #c0f7e8;
+  --secondary-main-light-2: #5dd8c3;
+  --secondary-main-light-1: #34b2a7;
+  --secondary-main: #078080;
+  --secondary-main-dark-1: #05646e;
+  --secondary-main-dark-2: #02374a;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6b6e6f;
+  --neutral-neutral-3: #cacaca;
+  --neutral-neutral-4: #e1e1e1;
+  --neutral-neutral-5: #f4f4f4;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}
+
+html[data-theme='uslawdistrict'] {
+  --primary-main-light-6: #fffbf2;
+  --primary-main-light-5: #fff6e5;
+  --primary-main-light-4: #ffe6b7;
+  --primary-main-light-3: #ffc75c;
+  --primary-main-light-2: #ffa800;
+  --primary-main-light-1: #855800;
+  --primary-main: #d68d00;
+  --primary-main-dark-1: #3d2800;
+  --primary-main-dark-1-rgb: 61, 40, 0;
+  --primary-main-dark-2: #231700;
+  --secondary-main-light-5: #eff7f5;
+  --secondary-main-light-4: #e4f8f3;
+  --secondary-main-light-3: #c0f7e8;
+  --secondary-main-light-2: #5dd8c3;
+  --secondary-main-light-1: #34b2a7;
+  --secondary-main: #078080;
+  --secondary-main-dark-1: #05646e;
+  --secondary-main-dark-2: #02374a;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6b6e6f;
+  --neutral-neutral-3: #cacaca;
+  --neutral-neutral-4: #e1e1e1;
+  --neutral-neutral-5: #f4f4f4;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}
+
+html[data-theme='lawdistrictonline'] {
+  --primary-main-light-6: #f9ffea;
+  --primary-main-light-5: #f0ffc4;
+  --primary-main-light-4: #e6ff9f;
+  --primary-main-light-3: #c9ff2f;
+  --primary-main-light-2: #b1e815;
+  --primary-main-light-1: #6f9600;
+  --primary-main: #8ebf00;
+  --primary-main-dark-1: #384c00;
+  --primary-main-dark-1-rgb: 56, 76, 0;
+  --primary-main-dark-2: #192101;
+  --secondary-main-light-5: #eff7f5;
+  --secondary-main-light-4: #e4f8f3;
+  --secondary-main-light-3: #c0f7e8;
+  --secondary-main-light-2: #5dd8c3;
+  --secondary-main-light-1: #34b2a7;
+  --secondary-main: #078080;
+  --secondary-main-dark-1: #05646e;
+  --secondary-main-dark-2: #02374a;
+  --neutral-main: #1e2021;
+  --neutral-neutral-1: #3d4042;
+  --neutral-neutral-2: #6b6e6f;
+  --neutral-neutral-3: #cacaca;
+  --neutral-neutral-4: #e1e1e1;
+  --neutral-neutral-5: #f4f4f4;
+  --neutral-neutral-6: #f8f9fa;
+  --error-main: #d63737;
+  --error-error-2: #f09d9e;
+  --error-error-3: #ffecef;
+  --others-white: #fff;
+  --others-disabled: #6b7280;
+  --others-black: #000;
+}

package/dist/src/globalStyles/typography.scss

@@ -0,0 +1,108 @@
+@import 'variables';
+@import 'mediaqueries';
+
+.sans-serif {
+  letter-spacing: -0.3px;
+  font-weight: normal;
+
+  &.--super-hero {
+    font-size: 3rem;
+    line-height: 3.375rem;
+  }
+
+  &.--hero {
+    font-size: 2.25rem;
+    line-height: 2.5rem;
+  }
+
+  &.--extra-large {
+    font-size: 2rem;
+    line-height: 2.25rem;
+  }
+
+  &.--super-large {
+    font-size: 1.75rem;
+    line-height: 2rem;
+  }
+
+  &.--large {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+  }
+
+  &.--big {
+    font-size: 1.125rem;
+    line-height: 1.5rem;
+  }
+
+  &.--medium {
+    font-size: 1rem;
+    line-height: 1.375rem;
+  }
+
+  &.--small {
+    font-size: 0.875rem;
+    line-height: 1.125rem;
+  }
+
+  &.--extra-small {
+    font-size: 0.75rem;
+    line-height: 1rem;
+  }
+
+  &.--bold-weight {
+    font-weight: bold;
+  }
+
+  &.--normal-weight {
+    font-weight: normal;
+  }
+}
+
+.serif {
+  letter-spacing: -0.3px;
+  font-weight: normal;
+  font-family: $font-serif;
+
+  &.--super-hero {
+    font-size: 2.25rem;
+    line-height: 3rem;
+    @include landscape-tablets {
+      font-size: 3rem;
+      line-height: 3.625rem;
+    }
+  }
+
+  &.--hero {
+    font-size: 2.25rem;
+    line-height: 3rem;
+  }
+
+  &.--extra-large {
+    font-size: 1.75rem;
+    line-height: 2.25rem;
+
+    @include landscape-tablets {
+      font-size: 2rem;
+      line-height: 2.625rem;
+    }
+  }
+
+  &.--super-large {
+    font-size: 1.75rem;
+    line-height: 2.25rem;
+  }
+
+  &.--large {
+    font-size: 1.5rem;
+    line-height: 1.875rem;
+  }
+
+  &.--bold-weight {
+    font-weight: bold;
+  }
+
+  &.--normal-weight {
+    font-weight: normal;
+  }
+}

package/dist/src/globalStyles/variables.scss

@@ -0,0 +1,84 @@
+@use 'sass:math';
+
+// Breakpoints
+$xl: 1600px;
+$lg: 1200px;
+$md: 960px;
+$sm: 720px;
+$xs: 575px;
+$xxs: 328px;
+
+// Colors
+$colors: (
+  primary: (
+    main-light-6: var(--primary-main-light-6),
+    main-light-5: var(--primary-main-light-5),
+    main-light-4: var(--primary-main-light-4),
+    main-light-3: var(--primary-main-light-3),
+    main-light-2: var(--primary-main-light-2),
+    main-light-1: var(--primary-main-light-1),
+    main: var(--primary-main),
+    main-dark-1: var(--primary-main-dark-1),
+    main-dark-1-rgb: var(--primary-main-dark-1-rgb),
+    main-dark-2: var(--primary-main-dark-2)
+  ),
+  secondary: (
+    main-light-5: var(--secondary-main-light-5),
+    main-light-4: var(--secondary-main-light-4),
+    main-light-3: var(--secondary-main-light-3),
+    main-light-2: var(--secondary-main-light-2),
+    main-light-1: var(--secondary-main-light-1),
+    main: var(--secondary-main),
+    main-dark-1: var(--secondary-main-dark-1),
+    main-dark-2: var(--secondary-main-dark-2)
+  ),
+  neutral: (
+    main: var(--neutral-main),
+    neutral-1: var(--neutral-neutral-1),
+    neutral-2: var(--neutral-neutral-2),
+    neutral-3: var(--neutral-neutral-3),
+    neutral-4: var(--neutral-neutral-4),
+    neutral-5: var(--neutral-neutral-5),
+    neutral-6: var(--neutral-neutral-6)
+  ),
+  error: (
+    main: var(--error-main),
+    error-2: var(--error-error-2),
+    error-3: var(--error-error-3)
+  ),
+  others: (
+    white: var(--others-white),
+    disabled: var(--others-disabled),
+    black: var(--others-black)
+  )
+);
+
+@function get-color($base, $shade: main) {
+  $color: map-get(map-get($colors, $base), $shade);
+  @return $color;
+}
+
+// Box shadow
+$box-shadow-small: 0 0.125rem 0.375rem 0 rgba(get-color(primary, main-dark-1-rgb), 0.25);
+$box-shadow-medium: 0 0.25rem 0.5rem 0 rgba(get-color(primary, main-dark-1-rgb), 0.2);
+$box-shadow-menu: 0 0.25rem 0.5rem -0.5rem rgba(get-color(primary, main-dark-1-rgb), 0.2);
+$box-shadow-tippy-box: 0 0.25rem 0.5rem 0.25rem rgba(get-color(primary, main-dark-1-rgb), 0.2);
+$box-shadow-container: 0px 2px 6px 0px rgba(get-color(primary, main-dark-1-rgb), 0.25);
+// Fonts
+$font-sans: 'Inter', sans-serif;
+$font-serif: 'Lora', serif;
+
+// Special
+$global-border-radius: 4px;
+
+// Layout
+$max-width: $lg;
+$global-gap: 1rem;
+$vertical-rhythm: math.div(1rem, 4);
+$lateral-spacing: 1.5rem;
+
+// header
+$private-area-header-height: 3.25rem;
+
+//menu
+$menu-height-mobile: 3.25rem;

package/dist/src/hooks/index.ts

@@ -0,0 +1,2 @@
+export { useIntersectionObserver } from './useIntersectionObserver'
+export { useIsMobileOrTable } from './useIsMobileOrTable'

package/dist/src/hooks/useIntersectionObserver.tsx

@@ -0,0 +1,31 @@
+import { type LegacyRef, useEffect, useRef, useState } from 'react'
+
+export function useIntersectionObserver({
+  options = {},
+  defaultIntersecting = false
+}): [LegacyRef<HTMLDivElement> | undefined, boolean] {
+  const [isIntersecting, setIsIntersecting] = useState(defaultIntersecting)
+  const elementRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    const currentElement = elementRef.current
+
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach((entry) => {
+        setIsIntersecting(entry.isIntersecting)
+      })
+    }, options)
+
+    if (currentElement != null) {
+      observer.observe(currentElement)
+    }
+
+    return () => {
+      if (currentElement != null) {
+        observer.unobserve(currentElement)
+      }
+    }
+  }, [options])
+
+  return [elementRef, isIntersecting]
+}

package/dist/src/hooks/useIsMobileOrTable.tsx

@@ -0,0 +1,41 @@
+import { useEffect, useState } from 'react'
+
+interface UseIsMobileOrTablePropsReturn {
+  isMobile: boolean
+  isTablet: boolean
+  load: boolean
+  isGtLandscapeTablets: boolean
+}
+
+export const useIsMobileOrTable = (): UseIsMobileOrTablePropsReturn => {
+  const [isMobile, setIsMobile] = useState(typeof window !== 'undefined' ? window.innerWidth < 575 : false)
+  const [isTablet, setIsTable] = useState(
+    typeof window !== 'undefined' ? window.innerWidth < 960 && window.innerWidth >= 575 : false
+  )
+  const [load, setLoad] = useState(false)
+  const [isGtLandscapeTablets, setIsGtLandscapeTablets] = useState(
+    typeof window !== 'undefined' ? window.innerWidth > 720 : true
+  )
+
+  const validateWidthScreen = (): void => {
+    setIsMobile(window.innerWidth < 575)
+    setIsTable(window.innerWidth < 960 && window.innerWidth >= 575)
+    setIsGtLandscapeTablets(window.innerWidth > 720)
+  }
+
+  useEffect(() => {
+    validateWidthScreen()
+    window.addEventListener('resize', validateWidthScreen)
+    setLoad(true)
+    return () => {
+      document.removeEventListener('resize', validateWidthScreen)
+    }
+  }, [])
+
+  return {
+    isMobile,
+    isTablet,
+    load,
+    isGtLandscapeTablets
+  }
+}

package/dist/src/index.ts

@@ -0,0 +1,3 @@
+import { AddButton } from './components/atoms/AddButton'
+
+export { AddButton }

package/dist/src/styles/stories.scss

@@ -0,0 +1,67 @@
+.standard-container {
+  width: 300px;
+}
+
+.maxi-container {
+  width: 500px;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.display-flex {
+  display: flex;
+}
+
+.m-richText {
+  span {
+    position: relative;
+  }
+
+  & p {
+    margin-bottom: 1rem;
+  }
+
+  a,
+  a:not([class]) {
+    font-weight: bold;
+    text-decoration: underline;
+  }
+
+  p + h1,
+  p + h2,
+  p + h3,
+  p + h4,
+  p + h5,
+  p + h6 {
+    margin-top: 2.5rem;
+  }
+
+  ul + p,
+  ol + p,
+  ul + h1,
+  ul + h2,
+  ul + h3,
+  ul + h4,
+  ul + h5,
+  ul + h6 {
+    margin-top: 2rem;
+  }
+
+  .scroll-top-anchor {
+    cursor: pointer;
+  }
+
+  .usury-laws-by-state {
+    table {
+      text-align: left;
+    }
+  }
+
+  .employment-contract-pros-and-cons {
+    tbody {
+      text-align: left;
+    }
+  }
+}

package/dist/src/utils/ProductCategory.ts

@@ -0,0 +1,7 @@
+export enum ProductCategory {
+  Business = 'Business',
+  Employment = 'Employment',
+  RealEstate = 'Real Estate',
+  Finance = 'Finance',
+  PersonalFamily = 'Personal and Family'
+}

package/dist/src/utils/getCategoryIcons.tsx

@@ -0,0 +1,41 @@
+import React from 'react'
+
+import {
+  BusinessIconCategory,
+  EmploymentIconCategory,
+  FinanceIconCategory,
+  PersonalFamilyIconCategory,
+  RealEstateIconCategory
+} from '../../images/componentsSvg/generalCategories'
+import { ProductCategory } from './ProductCategory'
+
+export const getCategoryIcons = (category: ProductCategory, width = 24, height = 24): React.JSX.Element => {
+  const icons = new Map([
+    [
+      ProductCategory.Business,
+      <BusinessIconCategory key={'business_icon'} width={width} height={height} alt='business icon' />
+    ],
+    [
+      ProductCategory.Employment,
+      <EmploymentIconCategory key={'employment_icon'} width={width} height={height} alt='employment icon' />
+    ],
+    [
+      ProductCategory.RealEstate,
+      <RealEstateIconCategory key={'real_state_icon'} width={width} height={height} alt='real state icon' />
+    ],
+    [
+      ProductCategory.Finance,
+      <FinanceIconCategory key={'finance_icon'} width={width} height={height} alt='finance icon' />
+    ],
+    [
+      ProductCategory.PersonalFamily,
+      <PersonalFamilyIconCategory key={'personal_icon'} width={width} height={height} alt='personal icon' />
+    ]
+  ])
+
+  return (
+    icons.get(category) ?? (
+      <BusinessIconCategory key={'business_icon'} width={width} height={height} alt='business icon' />
+    )
+  )
+}

package/dist/src/utils/getDateFormatMMMMYYYY.ts

@@ -0,0 +1,3 @@
+export function getDateFormatMMMMYYYY(date: Date | undefined = new Date()): string {
+  return date.toLocaleDateString('en-US', { month: 'long', year: 'numeric' })
+}

package/dist/src/utils/getGatsbyImageSkeleton.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+
+export const getGatsbyImageSkeleton = (src: string): React.ReactNode => {
+  return (
+    <div data-gatsby-image-wrapper='' className='gatsby-image-wrapper gatsby-image-wrapper-constrained'>
+      <picture>
+        <img
+          data-gatsby-image-ssr=''
+          data-main-image=''
+          decoding='async'
+          loading='lazy'
+          alt='Choose Your Template'
+          src={src}
+          style={{ opacity: 1, position: 'relative' }}
+        />
+      </picture>
+    </div>
+  )
+}

package/dist/src/utils/getRichTextSkeleton.tsx

@@ -0,0 +1,5 @@
+import React from 'react'
+
+export const getRichTextSkeleton = (children: React.ReactNode): React.ReactNode => {
+  return <div className='m-richText'>{children}</div>
+}

package/dist/src/utils/index.d.ts

@@ -0,0 +1,7 @@
+export { getCategoryIcons } from './getCategoryIcons';
+export { getDateFormatMMMMYYYY } from './getDateFormatMMMMYYYY';
+export { getGatsbyImageSkeleton } from './getGatsbyImageSkeleton';
+export { getRichTextSkeleton } from './getRichTextSkeleton';
+export { ProductCategory } from './ProductCategory';
+export { replaceAll } from './replaceAll';
+export { stringSlugify } from './stringSlugify';