@digital-b2c/coreui-kit 0.1.0

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.module.scss","../src/components/Card/Card.module.scss","../src/components/Picture/Picture.module.scss","../src/styles/utilities/_mixins.scss","../src/components/CountingCard/CountingCard.module.scss","../src/components/InfoCard/InfoCard.module.scss","../src/components/Pagination/Pagination.module.scss","../src/components/primitives/Container/Container.module.scss","../src/widgets/CardCollection/CardCollection.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/MiniSectionCta/MiniSectionCta.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/Teaser5050With3Text/Teaser5050With3Text.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/Teaser5050WithCta/Teaser5050WithCta.module.scss","../src/styles/utilities/_mixins.scss"],"sourcesContent":[".button {\n  width: fit-content;\n  overflow: hidden;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-sm);\n  padding: var(--spacing-md);\n  text-align: center;\n  white-space: nowrap;\n  text-decoration: none;\n  color: var(--color-white);\n  border-radius: 8px;\n  border: 1px solid var(--color-white);\n  background: #ffffff00;\n  font-family: var(--font-family-primary);\n  font-size: var(--font-size-md);\n  font-weight: var(--font-weight-regular);\n  line-height: var(--line-height-normal);\n  letter-spacing: -0.5%;\n  position: relative;\n\n  &:hover {\n    text-decoration: none;\n    background: #ffffff33;\n  }\n\n  &:active {\n    background: #ffffff4d;\n  }\n\n  &.fullWidth {\n    width: 100%;\n  }\n\n  &.primary {\n    color: var(--color-white);\n    background: radial-gradient(95.69% 410.59% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n    border: 1px solid #000000;\n\n    &:hover {\n      background:\n        linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\n        radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n    }\n\n    &:active {\n      background: #0e0e0e;\n    }\n\n    &:focus {\n      background:\n        linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\n        radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\n      outline: 4px solid var(--color-link);\n    }\n  }\n\n  &.secondary {\n    color: var(--color-black);\n    background: var(--color-white);\n    border: 1px solid #c2c2c2;\n\n    &:hover {\n      background: #eeeeee;\n    }\n\n    &:active {\n      background: #e3e3e3;\n    }\n\n    &:focus {\n      background: #eeeeee;\n      outline: 4px solid var(--color-link);\n    }\n  }\n\n  &.ghost {\n    color: var(--color-black);\n    background: var(--color-white);\n    border: none;\n\n    &:hover {\n      background: #eeeeee;\n    }\n\n    &:active {\n      background: #c3c3c3;\n    }\n\n    &:focus {\n      background: #eeeeee;\n      outline: 4px solid var(--color-link);\n    }\n  }\n\n  &.nofill {\n    color: var(--color-white);\n    background: transparent;\n    border: none;\n\n    &:hover {\n      background: #ffffff33;\n    }\n\n    &:active {\n      background: #ffffff4d;\n    }\n\n    &:focus {\n      background: #ffffff33;\n      outline: 4px solid var(--color-link);\n    }\n  }\n\n  &.nofillblack {\n    color: var(--color-black);\n    background: transparent;\n    border: none;\n\n    &:hover {\n      background: #e5e5e580;\n    }\n\n    &:active {\n      background: #cbcbcb80;\n    }\n\n    &:focus {\n      background: #e5e5e580;\n      outline: 4px solid var(--color-link);\n    }\n  }\n\n  &.grey {\n    color: var(--color-white);\n    background: transparent;\n    border: 1px solid #949494;\n\n    &:hover {\n      background: #ffffff33;\n    }\n\n    &:active {\n      background: #5d5d5de6;\n    }\n\n    &:focus {\n      background: #ffffff33;\n      outline: 4px solid var(--color-link);\n    }\n  }\n\n  &.shiny {\n    color: var(--color-white);\n    background: transparent;\n    border: none;\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      padding: 2px;\n      background: linear-gradient(var(--angle), #ffffff, rgba(153, 153, 153, 0.39));\n      border-radius: inherit;\n      animation: rotateGradient 2s linear infinite;\n      -webkit-mask:\n        linear-gradient(#000 0 0) content-box,\n        linear-gradient(#000 0 0);\n      -webkit-mask-composite: xor;\n      mask-composite: exclude;\n      pointer-events: none;\n    }\n\n    &:hover {\n      background: #ffffff33;\n    }\n\n    &:focus {\n      background: transparent;\n      outline: 4px solid var(--color-link);\n    }\n  }\n}\n\n@property --angle {\n  syntax: '<angle>';\n  initial-value: 0deg;\n  inherits: false;\n}\n\n@keyframes rotateGradient {\n  from {\n    --angle: 0deg;\n  }\n  to {\n    --angle: 360deg;\n  }\n}\n",".card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 8px;\n  padding: var(--spacing-xl);\n  gap: var(--spacing-2xl);\n  background: var(--color-gradient-black);\n  min-width: 308px;\n\n  h3 {\n    color: var(--color-white);\n  }\n\n  p {\n    color: #cecece;\n  }\n}\n","@use '../../styles/utilities/mixins';\n\n.image-desktop {\n  display: block;\n\n  @include mixins.respond(md) {\n    display: none;\n  }\n}\n\n.image-mobile {\n  display: none;\n\n  @include mixins.respond(md) {\n    display: block;\n  }\n}\n","@use 'sass:map';\n@use '../tokens/breakpoints' as *;\n\n@mixin respond($breakpoint) {\n  $size: map.get($breakpoints, $breakpoint);\n\n  @if $size != null and $size != 0 {\n    @media (max-width: $size) {\n      @content;\n    }\n  } @else if $size == 0 {\n    // xs or default\n    @content;\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\n  }\n}\n",".counting-card {\n  display: flex;\n  flex-direction: column;\n  border-radius: 16px;\n  padding: var(--spacing-md) var(--spacing-lg);\n  gap: var(--spacing-xl);\n  background: var(--color-gradient-black);\n  width: 314px;\n  color: var(--color-white);\n\n  .count::after {\n    content: '+';\n  }\n\n  .logo {\n    max-height: 67px;\n    filter: brightness(0) invert(1);\n  }\n}\n",".info-card {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-lg);\n  gap: var(--spacing-md);\n\n  .header {\n    display: flex;\n    flex-direction: row;\n    gap: var(--spacing-md);\n    color: var(--color-black);\n  }\n\n  .badge {\n    border-radius: 50%;\n    color: var(--color-white);\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #cecece;\n  }\n\n  &.hasIcon .header {\n    color: var(--color-lenscrafter-blue);\n  }\n}\n",".pagination {\n  display: flex;\n  flex-direction: row;\n  gap: 11px;\n  padding: 5px;\n  align-items: center;\n\n  .next,\n  .prev {\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    overflow: hidden;\n    width: 40px;\n    height: 40px;\n    cursor: pointer;\n    background: none;\n\n    path {\n      fill: var(--color-black);\n    }\n  }\n\n  .pages {\n    display: flex;\n    justify-content: space-between;\n    gap: 4px;\n    width: max-content;\n  }\n\n  .page {\n    padding: 0;\n    margin: 0;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: none;\n    border: 1px solid var(--color-light-gray);\n    transition: width 0.3s;\n    cursor: pointer;\n\n    &.active {\n      width: 40px;\n      border: none;\n      border-radius: 16px;\n      background-color: var(--color-black);\n    }\n\n    &.number.active {\n      width: 28px;\n    }\n  }\n}\n",".container {\n  width: 100%;\n  max-width: 1440px;\n  overflow: visible;\n  margin: 0 auto;\n}\n","@use '../../styles/utilities/mixins';\n\n.card-collection {\n  display: block;\n  width: 100%;\n  padding: var(--spacing-3xl) var(--spacing-7xl);\n\n  h2 {\n    color: var(--color-black);\n    margin-bottom: var(--spacing-sm);\n  }\n\n  .content {\n    margin-bottom: var(--spacing-xl);\n  }\n\n  .wrapper {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: var(--spacing-md);\n  }\n\n  &.threeCols .wrapper {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  &.examCard .wrapper {\n    grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));\n  }\n\n  @include mixins.respond(md) {\n    padding: var(--spacing-lg);\n\n    .wrapper {\n      grid-template-columns: 1fr;\n    }\n\n    &.threeCols .wrapper {\n      grid-template-columns: 1fr;\n    }\n  }\n}\n","@use 'sass:map';\n@use '../tokens/breakpoints' as *;\n\n@mixin respond($breakpoint) {\n  $size: map.get($breakpoints, $breakpoint);\n\n  @if $size != null and $size != 0 {\n    @media (max-width: $size) {\n      @content;\n    }\n  } @else if $size == 0 {\n    // xs or default\n    @content;\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\n  }\n}\n","@use '../../styles/utilities/mixins';\n\n.miniSectionCta {\n  width: 100%;\n\n  .container {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    gap: var(--spacing-md);\n    padding: var(--spacing-3xl) var(--spacing-7xl);\n  }\n\n  .col {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  h2 {\n    color: var(--color-black);\n  }\n\n  &.BgColorBlack {\n    background: var(--color-black);\n    color: var(--color-white);\n\n    h2 {\n      color: var(--color-white);\n    }\n\n    :global(.subheading) {\n      color: #cecece;\n    }\n  }\n\n  &.infoCallout {\n    .col {\n      flex-direction: row;\n      gap: 112px;\n      align-items: center;\n    }\n\n    h2 {\n      min-width: fit-content;\n    }\n  }\n\n  &.miniTextCenterCta .container {\n    flex-direction: column;\n    align-items: center;\n  }\n\n  @include mixins.respond(md) {\n    .container {\n      flex-direction: column;\n      padding: var(--spacing-lg) var(--spacing-md);\n    }\n\n    .cta {\n      width: 100%;\n    }\n\n    &.BgColorBlack {\n      text-align: center;\n    }\n\n    &.BgColorGrey {\n      text-align: center;\n    }\n\n    &.infoCallout {\n      .col {\n        flex-direction: column;\n        gap: var(--spacing-md);\n        align-items: flex-start;\n      }\n\n      .subtitle {\n        font-size: var(--font-size-lg);\n        font-weight: var(--font-weight-regular);\n        line-height: var(--line-height-tight-1);\n      }\n    }\n\n    &.miniTextCenterCta .col {\n      width: 100%;\n    }\n  }\n}\n","@use 'sass:map';\n@use '../tokens/breakpoints' as *;\n\n@mixin respond($breakpoint) {\n  $size: map.get($breakpoints, $breakpoint);\n\n  @if $size != null and $size != 0 {\n    @media (max-width: $size) {\n      @content;\n    }\n  } @else if $size == 0 {\n    // xs or default\n    @content;\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\n  }\n}\n","@use '../../styles/utilities/mixins';\n\n.teaser5050-3text {\n  width: 100%;\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-xl);\n  }\n\n  .content {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: var(--spacing-xl);\n  }\n\n  &.right .content {\n    flex-direction: row-reverse;\n  }\n\n  .title {\n    color: var(--color-black);\n  }\n  .image {\n    width: 50%;\n    border-radius: 16px;\n  }\n\n  @include mixins.respond(md) {\n    .container {\n      padding: var(--spacing-lg) var(--spacing-md);\n      gap: 0;\n    }\n\n    &.right .container {\n      gap: var(--spacing-xl);\n    }\n\n    .content {\n      flex-direction: column;\n    }\n\n    &.right .content {\n      flex-direction: column-reverse;\n      gap: var(--spacing-xl);\n    }\n\n    .image {\n      width: 100%;\n      padding: 0;\n    }\n  }\n}\n","@use 'sass:map';\n@use '../tokens/breakpoints' as *;\n\n@mixin respond($breakpoint) {\n  $size: map.get($breakpoints, $breakpoint);\n\n  @if $size != null and $size != 0 {\n    @media (max-width: $size) {\n      @content;\n    }\n  } @else if $size == 0 {\n    // xs or default\n    @content;\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\n  }\n}\n","@use '../../styles/utilities/mixins';\n\n.teaser5050 {\n  width: 100%;\n\n  .container {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n  }\n\n  &.right .container {\n    flex-direction: row-reverse;\n  }\n\n  .wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-md);\n    padding: 0 var(--spacing-5xl);\n    width: 50%;\n  }\n\n  .title {\n    color: var(--color-black);\n  }\n\n  .image {\n    width: 50%;\n    border-radius: 16px;\n  }\n\n  @include mixins.respond(md) {\n    .container {\n      flex-direction: column-reverse;\n      gap: var(--spacing-xl);\n    }\n\n    &.right .container {\n      flex-direction: column-reverse;\n    }\n\n    .wrapper,\n    .image {\n      width: 100%;\n      padding: 0;\n    }\n\n    .cta {\n      width: 100%;\n    }\n  }\n}\n","@use 'sass:map';\n@use '../tokens/breakpoints' as *;\n\n@mixin respond($breakpoint) {\n  $size: map.get($breakpoints, $breakpoint);\n\n  @if $size != null and $size != 0 {\n    @media (max-width: $size) {\n      @content;\n    }\n  } @else if $size == 0 {\n    // xs or default\n    @content;\n  } @else {\n    @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,306 @@
+import React$1, { ImgHTMLAttributes, AnchorHTMLAttributes, HTMLAttributes, ReactNode, FC, PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const svgs: {
+    ads: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    book: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    briefcase: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    calendar: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    clipboard: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    convo: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    eye: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    globe: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    hospital: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    library: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    location: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    marketing: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    money: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    people: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    smile: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tech: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    work: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    workhome: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    blankCheckbox: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    blankCheckboxWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    checkedBox: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    circleChevronDown: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    circleChevronUp: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downChevronBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downChevronWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downloadBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downloadWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    filledChevronLeft: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    filledChevronRight: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    filledChevronUp: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    leftWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    mailBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    rightBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    rightWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tiltedRightBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tiltedRightWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    upChevronUpWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    upChevronWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    watchBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    watchWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevronDefault: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevronHovered: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevronSelected: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    menuBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    menuWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    right: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tiltedRight: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    xBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    xWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+};
+type IconType = keyof typeof svgs;
+interface IconProps extends React$1.ComponentPropsWithRef<'svg'> {
+    type: IconType;
+}
+declare const Icon: React$1.FC<IconProps>;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'nofill' | 'grey' | 'nofillblack' | 'shiny';
+    fullWidth?: boolean;
+    href?: string;
+    isExternal?: boolean;
+    icon?: IconType;
+}
+
+declare const Button: React.FC<ButtonProps>;
+
+interface ICta {
+    label: string;
+    url: string;
+    isExternal?: boolean;
+}
+
+interface CardProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    icon?: IconType;
+    cta?: ICta;
+}
+
+declare const Card: ({ className, title, subtitle, cta, icon }: CardProps) => react_jsx_runtime.JSX.Element;
+
+interface IPicture {
+    src: string;
+    alt?: string;
+}
+
+interface CountingCardProps {
+    className?: string;
+    count?: number;
+    title?: string;
+    image?: IPicture;
+}
+
+declare const CountingCard: ({ className, title, count, image }: CountingCardProps) => react_jsx_runtime.JSX.Element;
+
+interface InfoCardProps {
+    className?: string;
+    icon?: IconType;
+    badge?: string;
+    title?: string;
+    subtitle?: string;
+}
+
+declare const InfoCard: ({ className, title, subtitle, icon, badge }: InfoCardProps) => react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    className?: string;
+    totalPages: number;
+    currentPage: number;
+    loop?: boolean;
+    hasNumber?: boolean;
+    disableArrows?: boolean;
+    onPageChange?: (page: number) => void;
+}
+
+declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+type SrcOnly = {
+    src: string;
+    desktop?: never;
+    mobile?: never;
+};
+type ResponsiveSources = {
+    src?: never;
+    desktop: IPicture;
+    mobile?: IPicture;
+};
+type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
+
+declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
+
+interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    isExternal?: boolean;
+}
+
+declare const Anchor: ({ children, isExternal, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
+
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+
+declare const Container: ({ children, className, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
+
+type ConditionalWrapperProps = {
+    condition: boolean;
+    wrapper?: FC<{
+        children: ReactNode;
+    } & Record<string, unknown>>;
+    fallback?: FC<{
+        children: ReactNode;
+    } & Record<string, unknown>>;
+} & Record<string, unknown>;
+
+declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
+
+interface CardCollectionProps {
+    className?: string;
+    variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
+    title?: string;
+    subtitle?: string;
+    cards?: CardProps[];
+}
+
+declare const CardCollection: ({ className, variant, title, subtitle, cards, }: CardCollectionProps) => react_jsx_runtime.JSX.Element;
+
+interface MiniSectionCtaProps {
+    className?: string;
+    variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
+    title?: string;
+    subtitle?: string;
+    cta?: ICta;
+}
+
+declare const MiniSectionCta: ({ className, variant, title, subtitle, cta, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element;
+
+interface Teaser5050With3TextProps {
+    className?: string;
+    variant?: 'left' | 'right';
+    title?: string;
+    cards?: InfoCardProps[];
+    image?: PictureProps;
+}
+
+declare const Teaser5050With3Text: ({ className, variant, title, cards, image, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element;
+
+interface Teaser5050WithCtaProps {
+    className?: string;
+    variant?: 'left' | 'right';
+    title?: string;
+    subtitle?: string;
+    cta?: ICta;
+    image?: PictureProps;
+}
+
+declare const Teaser5050WithCta: ({ className, variant, title, subtitle, cta, image, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element;
+
+export { Anchor, type AnchorProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, Container, type ContainerProps, CountingCard, type CountingCardProps, Icon, type IconType, InfoCard, type InfoCardProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, svgs };

package/dist/index.d.ts

@@ -0,0 +1,306 @@
+import React$1, { ImgHTMLAttributes, AnchorHTMLAttributes, HTMLAttributes, ReactNode, FC, PropsWithChildren } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const svgs: {
+    ads: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    book: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    briefcase: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    calendar: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    clipboard: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    convo: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    eye: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    globe: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    hospital: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    library: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    location: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    marketing: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    money: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    people: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    smile: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tech: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    work: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    workhome: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    blankCheckbox: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    blankCheckboxWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    checkedBox: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    circleChevronDown: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    circleChevronUp: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downChevronBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downChevronWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downloadBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    downloadWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    filledChevronLeft: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    filledChevronRight: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    filledChevronUp: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    leftWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    mailBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    rightBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    rightWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tiltedRightBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tiltedRightWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    upChevronUpWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    upChevronWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    watchBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    watchWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevronDefault: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevronHovered: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    chevronSelected: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    menuBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    menuWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    right: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    tiltedRight: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    xBlack: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+    xWhite: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
+        title?: string;
+    }>;
+};
+type IconType = keyof typeof svgs;
+interface IconProps extends React$1.ComponentPropsWithRef<'svg'> {
+    type: IconType;
+}
+declare const Icon: React$1.FC<IconProps>;
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'nofill' | 'grey' | 'nofillblack' | 'shiny';
+    fullWidth?: boolean;
+    href?: string;
+    isExternal?: boolean;
+    icon?: IconType;
+}
+
+declare const Button: React.FC<ButtonProps>;
+
+interface ICta {
+    label: string;
+    url: string;
+    isExternal?: boolean;
+}
+
+interface CardProps {
+    className?: string;
+    title?: string;
+    subtitle?: string;
+    icon?: IconType;
+    cta?: ICta;
+}
+
+declare const Card: ({ className, title, subtitle, cta, icon }: CardProps) => react_jsx_runtime.JSX.Element;
+
+interface IPicture {
+    src: string;
+    alt?: string;
+}
+
+interface CountingCardProps {
+    className?: string;
+    count?: number;
+    title?: string;
+    image?: IPicture;
+}
+
+declare const CountingCard: ({ className, title, count, image }: CountingCardProps) => react_jsx_runtime.JSX.Element;
+
+interface InfoCardProps {
+    className?: string;
+    icon?: IconType;
+    badge?: string;
+    title?: string;
+    subtitle?: string;
+}
+
+declare const InfoCard: ({ className, title, subtitle, icon, badge }: InfoCardProps) => react_jsx_runtime.JSX.Element;
+
+interface PaginationProps {
+    className?: string;
+    totalPages: number;
+    currentPage: number;
+    loop?: boolean;
+    hasNumber?: boolean;
+    disableArrows?: boolean;
+    onPageChange?: (page: number) => void;
+}
+
+declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, }: PaginationProps) => react_jsx_runtime.JSX.Element;
+
+type SrcOnly = {
+    src: string;
+    desktop?: never;
+    mobile?: never;
+};
+type ResponsiveSources = {
+    src?: never;
+    desktop: IPicture;
+    mobile?: IPicture;
+};
+type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
+
+declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
+
+interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    isExternal?: boolean;
+}
+
+declare const Anchor: ({ children, isExternal, ...props }: AnchorProps) => react_jsx_runtime.JSX.Element;
+
+interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+
+declare const Container: ({ children, className, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
+
+type ConditionalWrapperProps = {
+    condition: boolean;
+    wrapper?: FC<{
+        children: ReactNode;
+    } & Record<string, unknown>>;
+    fallback?: FC<{
+        children: ReactNode;
+    } & Record<string, unknown>>;
+} & Record<string, unknown>;
+
+declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
+
+interface CardCollectionProps {
+    className?: string;
+    variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
+    title?: string;
+    subtitle?: string;
+    cards?: CardProps[];
+}
+
+declare const CardCollection: ({ className, variant, title, subtitle, cards, }: CardCollectionProps) => react_jsx_runtime.JSX.Element;
+
+interface MiniSectionCtaProps {
+    className?: string;
+    variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
+    title?: string;
+    subtitle?: string;
+    cta?: ICta;
+}
+
+declare const MiniSectionCta: ({ className, variant, title, subtitle, cta, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element;
+
+interface Teaser5050With3TextProps {
+    className?: string;
+    variant?: 'left' | 'right';
+    title?: string;
+    cards?: InfoCardProps[];
+    image?: PictureProps;
+}
+
+declare const Teaser5050With3Text: ({ className, variant, title, cards, image, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element;
+
+interface Teaser5050WithCtaProps {
+    className?: string;
+    variant?: 'left' | 'right';
+    title?: string;
+    subtitle?: string;
+    cta?: ICta;
+    image?: PictureProps;
+}
+
+declare const Teaser5050WithCta: ({ className, variant, title, subtitle, cta, image, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element;
+
+export { Anchor, type AnchorProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, Container, type ContainerProps, CountingCard, type CountingCardProps, Icon, type IconType, InfoCard, type InfoCardProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, svgs };