@digital-b2c/coreui-kit 0.1.0 → 0.2.0

package/dist/index.css.map

@@ -1 +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":[]}
+{"version":3,"sources":["../src/components/Picture/Picture.module.scss","../src/styles/utilities/_mixins.scss","../src/components/Button/Button.module.scss","../src/components/BrandsStrip/BrandsStrip.module.scss","../src/components/Card/Card.module.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/components/PracticeCard/PracticeCard.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/CardCollection/CardCollection.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/ContactModule/ContactModule.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/HeroBanner/HeroBanner.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/MiniBanner/MiniBanner.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/MiniSectionCta/MiniSectionCta.module.scss","../src/styles/utilities/_mixins.scss","../src/widgets/PracticePathCards/PracticePathCards.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":["@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",".button {\r\n  width: fit-content;\r\n  overflow: hidden;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: var(--spacing-sm);\r\n  padding: var(--spacing-md);\r\n  text-align: center;\r\n  white-space: nowrap;\r\n  text-decoration: none;\r\n  color: var(--color-white);\r\n  border-radius: 8px;\r\n  border: 1px solid var(--color-white);\r\n  background: #ffffff00;\r\n  font-family: var(--font-family-primary);\r\n  font-size: var(--font-size-md);\r\n  font-weight: var(--font-weight-medium);\r\n  line-height: var(--line-height-normal);\r\n  letter-spacing: -0.5%;\r\n  position: relative;\r\n  transition: all 0.2s ease-in-out;\r\n\r\n  &:hover {\r\n    text-decoration: none;\r\n    background: #ffffff33;\r\n  }\r\n\r\n  &:active {\r\n    background: #ffffff4d;\r\n  }\r\n\r\n  &.fullWidth {\r\n    width: 100%;\r\n  }\r\n\r\n  &.primary {\r\n    color: var(--color-white);\r\n    background: radial-gradient(95.69% 410.59% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n    border: 1px solid #000000;\r\n\r\n    &:hover {\r\n      background:\r\n        linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\r\n        radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n    }\r\n\r\n    &:active {\r\n      background: #0e0e0e;\r\n    }\r\n\r\n    &:focus {\r\n      background:\r\n        linear-gradient(0deg, rgba(44, 44, 44, 0.8), rgba(44, 44, 44, 0.8)),\r\n        radial-gradient(108.19% 464.22% at 2.16% 96.43%, #000000 0%, #1b1b1b 100%);\r\n      outline: 4px solid var(--color-link);\r\n    }\r\n  }\r\n\r\n  &.secondary {\r\n    color: var(--color-black);\r\n    background: var(--color-white);\r\n    border: 1px solid #c2c2c2;\r\n\r\n    &:hover {\r\n      background: #eeeeee;\r\n    }\r\n\r\n    &:active {\r\n      background: #e3e3e3;\r\n    }\r\n\r\n    &:focus {\r\n      background: #eeeeee;\r\n      outline: 4px solid var(--color-link);\r\n    }\r\n  }\r\n\r\n  &.ghost {\r\n    color: var(--color-black);\r\n    background: var(--color-white);\r\n    border: none;\r\n\r\n    &:hover {\r\n      background: #eeeeee;\r\n    }\r\n\r\n    &:active {\r\n      background: #c3c3c3;\r\n    }\r\n\r\n    &:focus {\r\n      background: #eeeeee;\r\n      outline: 4px solid var(--color-link);\r\n    }\r\n  }\r\n\r\n  &.nofill {\r\n    color: var(--color-white);\r\n    background: transparent;\r\n    border: none;\r\n\r\n    &:hover {\r\n      background: #ffffff33;\r\n    }\r\n\r\n    &:active {\r\n      background: #ffffff4d;\r\n    }\r\n\r\n    &:focus {\r\n      background: #ffffff33;\r\n      outline: 4px solid var(--color-link);\r\n    }\r\n  }\r\n\r\n  &.nofillblack {\r\n    color: var(--color-black);\r\n    background: transparent;\r\n    border: none;\r\n\r\n    &:hover {\r\n      background: #e5e5e580;\r\n    }\r\n\r\n    &:active {\r\n      background: #cbcbcb80;\r\n    }\r\n\r\n    &:focus {\r\n      background: #e5e5e580;\r\n      outline: 4px solid var(--color-link);\r\n    }\r\n  }\r\n\r\n  &.grey {\r\n    color: var(--color-white);\r\n    background: transparent;\r\n    border: 1px solid #949494;\r\n\r\n    &:hover {\r\n      background: #ffffff33;\r\n    }\r\n\r\n    &:active {\r\n      background: #5d5d5de6;\r\n    }\r\n\r\n    &:focus {\r\n      background: #ffffff33;\r\n      outline: 4px solid var(--color-link);\r\n    }\r\n  }\r\n\r\n  &.shiny {\r\n    color: var(--color-white);\r\n    background: transparent;\r\n    border: none;\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      padding: 2px;\r\n      background: linear-gradient(var(--angle), #ffffff, rgba(153, 153, 153, 0.39));\r\n      border-radius: inherit;\r\n      animation: rotateGradient 2s ease-in infinite;\r\n      -webkit-mask:\r\n        linear-gradient(#000 0 0) content-box,\r\n        linear-gradient(#000 0 0);\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n      pointer-events: none;\r\n    }\r\n\r\n    &:hover {\r\n      background: #ffffff33;\r\n    }\r\n\r\n    &:focus {\r\n      background: transparent;\r\n      outline: 4px solid var(--color-link);\r\n    }\r\n  }\r\n\r\n  .icon,\r\n  .logo {\r\n    width: 24px;\r\n    height: 24px;\r\n    object-fit: contain;\r\n  }\r\n}\r\n\r\n@property --angle {\r\n  syntax: '<angle>';\r\n  initial-value: 0deg;\r\n  inherits: false;\r\n}\r\n\r\n@keyframes rotateGradient {\r\n  from {\r\n    --angle: 0deg;\r\n  }\r\n\r\n  to {\r\n    --angle: 360deg;\r\n  }\r\n}\r\n",".brandsStrip {\r\n  display: flex;\r\n  height: 116px;\r\n  padding: 16px;\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  &.light {\r\n    background: linear-gradient(\r\n      89.48deg,\r\n      rgba(255, 255, 255, 0.25) -2.75%,\r\n      rgba(153, 153, 153, 0) 187.82%\r\n    );\r\n    backdrop-filter: blur(7.45513px);\r\n\r\n    &::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      padding: 0.75px;\r\n      border: 0.75px solid;\r\n      background: linear-gradient(\r\n        89.06deg,\r\n        rgba(153, 153, 153, 0.39) -2.28%,\r\n        rgba(255, 255, 255, 0.39) 101.91%\r\n      );\r\n      mask:\r\n        linear-gradient(#fff 0 0) content-box,\r\n        linear-gradient(#fff 0 0);\r\n      -webkit-mask-composite: xor;\r\n      mask-composite: exclude;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  &.dark {\r\n    background-color: var(--color-black);\r\n  }\r\n\r\n  &.small {\r\n    height: 80px;\r\n\r\n    .logoWrapper {\r\n      height: 49px;\r\n      width: 183px;\r\n    }\r\n  }\r\n\r\n  .container {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 16px;\r\n    width: 100%;\r\n    height: 100%;\r\n    transition: filter 0.3s ease;\r\n\r\n    .title {\r\n      color: var(--color-white);\r\n    }\r\n\r\n    &.blurred {\r\n      filter: blur(15px);\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .logos {\r\n    display: flex;\r\n    gap: 120px;\r\n\r\n    &.marquee {\r\n      position: relative;\r\n      display: flex;\r\n      align-items: center;\r\n      width: 100%;\r\n      height: 100%;\r\n\r\n      .logoWrapper {\r\n        --marquee-duration: 8s;\r\n        --marquee-item-width: 258px;\r\n        --marquee-gap: 120px;\r\n        --total-distance: calc(\r\n          (var(--marquee-item-width) + var(--marquee-gap)) * var(--total-items)\r\n        );\r\n\r\n        position: absolute;\r\n        inset-inline-start: 100%;\r\n        width: var(--marquee-item-width);\r\n\r\n        animation: scrollIndividual var(--marquee-duration) linear infinite;\r\n        animation-delay: calc(\r\n          (var(--marquee-duration) / var(--total-items)) * var(--item-index) * -1\r\n        );\r\n\r\n        &.paused {\r\n          animation-play-state: paused;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .logoWrapper {\r\n    flex-shrink: 0;\r\n    height: 69px;\r\n    width: 260px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    .logo {\r\n      width: 100%;\r\n      height: auto;\r\n      object-fit: contain;\r\n    }\r\n  }\r\n\r\n  .cta {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: 10;\r\n    max-width: 295px;\r\n  }\r\n}\r\n\r\n@keyframes scrollIndividual {\r\n  to {\r\n    transform: translateX(calc(var(--total-distance) * -1));\r\n  }\r\n}\r\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",".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: 1280px;\n  overflow: visible;\n  margin: 0 auto;\n  position: relative;\n}\n","@use '../../styles/utilities/mixins';\n\n.practice-card {\n  color: var(--color-white);\n  position: relative;\n  max-width: 426px;\n  height: 521px;\n  overflow: hidden;\n  cursor: pointer;\n\n  .wrapper {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .background {\n    object-fit: cover;\n    position: absolute;\n    z-index: 1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    transition: transform 0.2s ease;\n  }\n\n  .container {\n    position: relative;\n    z-index: 2;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    width: 100%;\n    height: 100%;\n    padding: var(--spacing-lg);\n\n    @include mixins.respond(md) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n      padding: var(--spacing-md);\n    }\n  }\n\n  .title {\n    max-width: 196px;\n\n    @include mixins.respond(md) {\n      max-width: 146px;\n      font-size: var(--font-size-xl);\n      line-height: var(--line-height-tight-4);\n    }\n  }\n\n  .cta {\n    display: flex;\n    justify-content: flex-end;\n  }\n\n  .ctaRest {\n    position: absolute;\n    opacity: 1;\n    transition:\n      opacity 0.2s ease,\n      transform 0.2s ease;\n  }\n\n  .ctaHover {\n    opacity: 0;\n    transition: opacity 0.2s ease;\n  }\n\n  &:hover {\n    .background {\n      transform: scale(1.08);\n    }\n\n    .ctaRest {\n      opacity: 0;\n      transform: rotate(-45deg);\n    }\n\n    .ctaHover {\n      opacity: 1;\n      transition-delay: 0.1s;\n    }\n  }\n\n  @include mixins.respond(md) {\n    width: 100%;\n    max-width: unset;\n    height: 140px;\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.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.contact-module {\n  width: 100%;\n  display: block;\n  padding-top: 96px;\n\n  .container,\n  .wrapper,\n  .content,\n  .cta-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n  }\n\n  .cta-wrapper {\n    flex-direction: row;\n    justify-content: center;\n    gap: var(--spacing-sm);\n\n    @include mixins.respond(md) {\n      flex-direction: column-reverse;\n\n      .cta {\n        width: 100%;\n      }\n    }\n  }\n\n  .wrapper {\n    gap: var(--spacing-lg);\n    padding: 0 var(--spacing-md);\n  }\n\n  .content {\n    gap: var(--spacing-sm);\n    text-align: center;\n\n    @include mixins.respond(md) {\n      max-width: 80%;\n    }\n  }\n\n  .title {\n    color: var(--color-black);\n\n    @include mixins.respond(md) {\n      max-width: 75%;\n    }\n  }\n\n  .image {\n    @include mixins.respond(md) {\n      max-width: 80%;\n      margin-top: -14px;\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';\r\n\r\n.heroBanner {\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  &.mainHeroBanner {\r\n    background-color: #f3f3f3;\r\n    padding: 48px 80px 0 80px;\r\n\r\n    .container {\r\n      max-width: 1280px;\r\n      height: calc(100dvh - (64px + 48px));\r\n      margin: 0 auto;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  &.bannerPodcast {\r\n    .container {\r\n      flex-direction: row;\r\n      align-items: center;\r\n      justify-content: center;\r\n      height: 100dvh;\r\n      padding: var(--spacing-7xl);\r\n      gap: 64px;\r\n\r\n      .banner {\r\n        padding: 0;\r\n        justify-content: center;\r\n\r\n        .text {\r\n          .title {\r\n            color: var(--color-black);\r\n          }\r\n\r\n          .subtitle {\r\n            color: var(--color-gray);\r\n          }\r\n        }\r\n      }\r\n\r\n      .logoWrapper {\r\n        z-index: 2;\r\n\r\n        .logo {\r\n          object-fit: contain;\r\n          max-width: 466px;\r\n        }\r\n      }\r\n\r\n      .horizontalGradient {\r\n        display: flex;\r\n        height: 8px;\r\n\r\n        .lensCrafters {\r\n          background-color: var(--color-lenscrafter-blue);\r\n        }\r\n\r\n        .forEyes {\r\n          background-color: var(--color-foreyes-brown);\r\n        }\r\n\r\n        .optical {\r\n          background-color: var(--color-targetoptical-red);\r\n        }\r\n\r\n        .pearleVision {\r\n          background-color: var(--color-pearlevision-green);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .container {\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: end;\r\n    height: calc(100dvh - 64px);\r\n\r\n    .banner {\r\n      display: flex;\r\n      flex-direction: column;\r\n      justify-content: end;\r\n      width: 100%;\r\n      max-width: 661px;\r\n      height: 100%;\r\n      gap: var(--spacing-lg);\r\n      padding: var(--spacing-7xl);\r\n      z-index: 2;\r\n\r\n      .text {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: var(--spacing-sm);\r\n        color: var(--color-white);\r\n      }\r\n\r\n      .ctaContainer {\r\n        display: flex;\r\n        gap: var(--spacing-sm);\r\n      }\r\n    }\r\n\r\n    .brandsStrip {\r\n      z-index: 3;\r\n    }\r\n\r\n    .backgroundImage {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  .scrollDown {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    width: 100%;\r\n    height: 64px;\r\n\r\n    .arrow {\r\n      width: 32px;\r\n      height: 32px;\r\n    }\r\n  }\r\n\r\n  @include mixins.respond(md) {\r\n    &.mainHeroBanner {\r\n      padding: 24px 16px;\r\n\r\n      .container {\r\n        height: calc(100dvh - (64px + 24px));\r\n      }\r\n    }\r\n\r\n    &.bannerPodcast {\r\n      .container {\r\n        flex-direction: column;\r\n        padding: 24px 16px;\r\n        gap: 32px;\r\n\r\n        .banner {\r\n          order: 2;\r\n          height: unset;\r\n        }\r\n\r\n        .logoWrapper {\r\n          order: 1;\r\n\r\n          .logo {\r\n            width: 100%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .container {\r\n      .banner {\r\n        padding: var(--spacing-lg) var(--spacing-md);\r\n\r\n        .ctaContainer {\r\n          flex-direction: column;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\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';\r\n\r\n.minibanner {\r\n  width: 100%;\r\n  background-color: #f3f3f3;\r\n  min-height: 192px;\r\n  position: relative;\r\n  color: var(--color-white);\r\n  text-align: center;\r\n\r\n  :global(.h1) {\r\n    font-weight: 400;\r\n  }\r\n\r\n  .background {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    z-index: 1;\r\n  }\r\n\r\n  .container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: var(--spacing-lg);\r\n    padding: var(--spacing-3xl) 0;\r\n    z-index: 2;\r\n\r\n    @include mixins.respond(md) {\r\n      padding: var(--spacing-3xl) var(--spacing-md);\r\n    }\r\n  }\r\n\r\n  &.miniBannerNoBG {\r\n    color: var(--color-black);\r\n\r\n    .container {\r\n      gap: var(--spacing-lg);\r\n      padding: var(--spacing-5xl) 0;\r\n\r\n      @include mixins.respond(md) {\r\n        padding: var(--spacing-5xl) var(--spacing-md);\r\n      }\r\n    }\r\n  }\r\n}\r\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';\r\n\r\n.miniSectionCta {\r\n  width: 100%;\r\n\r\n  .container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n    gap: var(--spacing-md);\r\n    padding: var(--spacing-3xl) var(--spacing-7xl);\r\n  }\r\n\r\n  .col {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n  }\r\n\r\n  h2 {\r\n    color: var(--color-black);\r\n  }\r\n\r\n  &.BgColorBlack {\r\n    background: var(--color-black);\r\n    color: var(--color-white);\r\n\r\n    h2 {\r\n      color: var(--color-white);\r\n    }\r\n\r\n    :global(.subheading) {\r\n      color: #cecece;\r\n    }\r\n  }\r\n\r\n  &.infoCallout {\r\n    .col {\r\n      flex-direction: row;\r\n      gap: 112px;\r\n      align-items: center;\r\n    }\r\n\r\n    h2 {\r\n      min-width: fit-content;\r\n    }\r\n  }\r\n\r\n  &.miniTextCenterCta .container {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  @include mixins.respond(md) {\r\n    .container {\r\n      flex-direction: column;\r\n      padding: var(--spacing-lg) var(--spacing-md);\r\n    }\r\n\r\n    .cta {\r\n      width: 100%;\r\n    }\r\n\r\n    &.BgColorBlack {\r\n      text-align: center;\r\n    }\r\n\r\n    &.BgColorGrey {\r\n      text-align: center;\r\n    }\r\n\r\n    &.infoCallout {\r\n      .col {\r\n        flex-direction: column;\r\n        gap: var(--spacing-md);\r\n        align-items: flex-start;\r\n      }\r\n\r\n      .subtitle {\r\n        font-size: var(--font-size-lg);\r\n        font-weight: var(--font-weight-medium);\r\n        line-height: var(--line-height-tight-1);\r\n      }\r\n    }\r\n\r\n    &.miniTextCenterCta .col {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\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.practice-path-cards {\n  display: block;\n  width: 100%;\n  padding: var(--spacing-3xl) 0;\n\n  @include mixins.respond(md) {\n    padding: var(--spacing-lg) var(--spacing-md);\n  }\n\n  h2 {\n    color: var(--color-black);\n  }\n\n  .container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-xl);\n  }\n\n  .wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--spacing-xl);\n\n    @include mixins.respond(md) {\n      flex-direction: column;\n\n      .ctaWrapper {\n        width: 100%;\n        padding: 0 var(--spacing-lg);\n\n        .cta {\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-sm);\n  }\n\n  .cards {\n    display: flex;\n    flex-direction: row;\n    overflow: hidden;\n    border-radius: 16px;\n    justify-content: center;\n\n    @include mixins.respond(md) {\n      flex-direction: column;\n    }\n  }\n\n  .card {\n    width: 33.333%;\n\n    @include mixins.respond(md) {\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

@@ -1,5 +1,43 @@
-import React$1, { ImgHTMLAttributes, AnchorHTMLAttributes, HTMLAttributes, ReactNode, FC, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import React$1, { ImgHTMLAttributes, ReactNode, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
+
+interface IPicture {
+    src: string;
+    alt?: string;
+}
+
+type SrcOnly = {
+    src: string;
+    desktop?: never;
+    mobile?: never;
+};
+type ResponsiveSources = {
+    src?: never;
+    desktop: IPicture;
+    mobile?: IPicture;
+};
+type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
+
+interface ICta {
+    label: string;
+    url: string;
+    isExternal?: boolean;
+}
+interface ICtaLogo extends ICta {
+    pictures: PictureProps[];
+}
+
+interface BrandsStripProps {
+    className?: string;
+    variant?: 'light' | 'dark';
+    title?: string;
+    logos?: PictureProps[];
+    cta?: ICta;
+    size?: 'small';
+    animate?: boolean;
+}
+
+declare const BrandsStrip: ({ className, variant, title, logos, cta, size, animate, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
 
 declare const svgs: {
     ads: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
@@ -162,55 +200,78 @@ interface IconProps extends React$1.ComponentPropsWithRef<'svg'> {
 }
 declare const Icon: React$1.FC<IconProps>;
 
+declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
+type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: 'primary' | 'secondary' | 'ghost' | 'nofill' | 'grey' | 'nofillblack' | 'shiny';
+    variant?: TButtonVariant;
     fullWidth?: boolean;
     href?: string;
     isExternal?: boolean;
     icon?: IconType;
+    logo?: IPicture;
 }
 
 declare const Button: React.FC<ButtonProps>;
 
-interface ICta {
-    label: string;
-    url: string;
-    isExternal?: boolean;
-}
+type CardSubtitleProps = {
+    children: ReactNode;
+};
+
+type CardTitleProps = {
+    children: ReactNode;
+};
 
 interface CardProps {
     className?: string;
-    title?: string;
-    subtitle?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
     icon?: IconType;
     cta?: ICta;
+    children?: ReactNode;
 }
 
-declare const Card: ({ className, title, subtitle, cta, icon }: CardProps) => react_jsx_runtime.JSX.Element;
+declare const Card: (({ className, title, subtitle, cta, icon, children }: CardProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
 
-interface IPicture {
-    src: string;
-    alt?: string;
-}
+type CountingCardTitleProps = {
+    children: ReactNode;
+};
 
 interface CountingCardProps {
     className?: string;
     count?: number;
-    title?: string;
+    title?: ReactNode;
     image?: IPicture;
+    children?: ReactNode;
 }
 
-declare const CountingCard: ({ className, title, count, image }: CountingCardProps) => react_jsx_runtime.JSX.Element;
+declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type InfoCardSubtitleProps = {
+    children: ReactNode;
+};
+
+type InfoCardTitleProps = {
+    children: ReactNode;
+};
 
 interface InfoCardProps {
     className?: string;
     icon?: IconType;
     badge?: string;
-    title?: string;
-    subtitle?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
 }
 
-declare const InfoCard: ({ className, title, subtitle, icon, badge }: InfoCardProps) => react_jsx_runtime.JSX.Element;
+declare const InfoCard: (({ className, title, subtitle, icon, badge, children }: InfoCardProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: InfoCardTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: InfoCardSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
 
 interface PaginationProps {
     className?: string;
@@ -224,20 +285,17 @@ interface PaginationProps {
 
 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 PracticeCardProps {
+    className?: string;
+    title?: string;
+    cta?: ICta;
+    image?: IPicture;
+}
+
+declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
+
 interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
     isExternal?: boolean;
 }
@@ -262,45 +320,165 @@ type ConditionalWrapperProps = {
 
 declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
 
+type CardCollectionSubtitleProps = {
+    children: ReactNode;
+};
+
+type CardCollectionTitleProps = {
+    children: ReactNode;
+};
+
 interface CardCollectionProps {
     className?: string;
     variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    cards?: CardProps[];
+    children?: ReactNode;
+}
+
+declare const CardCollection: (({ className, variant, title, subtitle, cards, children, }: CardCollectionProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: CardCollectionTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: CardCollectionSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type ContactModuleSubtitleProps = {
+    children: ReactNode;
+};
+
+type ContactModuleTitleProps = {
+    children: ReactNode;
+};
+
+interface ContactModuleProps {
+    className?: string;
+    children?: ReactNode;
+    image?: IPicture;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    ctas?: ICta[];
+    blurred?: boolean;
+}
+
+declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: ContactModuleTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: ContactModuleSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+interface HeroBannerProps {
+    className?: string;
+    variant?: 'pageHeroBanner' | 'bannerPodcast' | 'mainHeroBanner';
     title?: string;
     subtitle?: string;
-    cards?: CardProps[];
+    backgroundImage?: PictureProps;
+    logo?: PictureProps;
+    cta?: ICta[];
+    ctaLogo?: ICtaLogo[];
+    brands?: BrandsStripProps;
 }
 
-declare const CardCollection: ({ className, variant, title, subtitle, cards, }: CardCollectionProps) => react_jsx_runtime.JSX.Element;
+declare const HeroBanner: ({ className, variant, title, subtitle, backgroundImage, logo, cta, brands, }: HeroBannerProps) => react_jsx_runtime.JSX.Element;
+
+type MiniBannerSubtitleProps = {
+    children: ReactNode;
+};
+
+type MiniBannerTitleProps = {
+    children: ReactNode;
+};
+
+interface MiniBannerProps {
+    className?: string;
+    variant?: 'default' | 'miniBannerNoBG';
+    logo?: IPicture;
+    background?: PictureProps;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
+}
+
+declare const MiniBanner: (({ className, variant, title, subtitle, logo, background, children, }: MiniBannerProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: MiniBannerTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: MiniBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type MiniSectionCtaSubtitleProps = {
+    children: ReactNode;
+};
+
+type MiniSectionCtaTitleProps = {
+    children: ReactNode;
+};
 
 interface MiniSectionCtaProps {
     className?: string;
     variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
-    title?: string;
-    subtitle?: string;
+    cta?: ICta;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    children?: ReactNode;
+}
+
+declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
+};
+
+type PracticePathCardsFooterProps = {
+    children: ReactNode;
+};
+
+type PracticePathCardsSubtitleProps = {
+    children: ReactNode;
+};
+
+type PracticePathCardsTitleProps = {
+    children: ReactNode;
+};
+
+interface PracticePathCardsProps {
+    className?: string;
+    children?: ReactNode;
+    cards?: PracticeCardProps[];
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    footer?: ReactNode;
     cta?: ICta;
 }
 
-declare const MiniSectionCta: ({ className, variant, title, subtitle, cta, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element;
+declare const PracticePathCards: (({ className, children, cards, title, subtitle, footer, cta, }: PracticePathCardsProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: PracticePathCardsTitleProps) => react_jsx_runtime.JSX.Element;
+    Subtitle: ({ children }: PracticePathCardsSubtitleProps) => react_jsx_runtime.JSX.Element;
+    Footer: ({ children }: PracticePathCardsFooterProps) => react_jsx_runtime.JSX.Element;
+};
+
+type Teaser5050With3TextTitleProps = {
+    children: ReactNode;
+};
 
 interface Teaser5050With3TextProps {
     className?: string;
     variant?: 'left' | 'right';
-    title?: string;
+    title?: ReactNode;
     cards?: InfoCardProps[];
     image?: PictureProps;
+    children?: ReactNode;
 }
 
-declare const Teaser5050With3Text: ({ className, variant, title, cards, image, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050With3Text: (({ className, variant, title, cards, image, children, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element) & {
+    Title: ({ children }: Teaser5050With3TextTitleProps) => react_jsx_runtime.JSX.Element;
+};
 
 interface Teaser5050WithCtaProps {
     className?: string;
     variant?: 'left' | 'right';
-    title?: string;
-    subtitle?: string;
+    title?: ReactNode;
+    subtitle?: ReactNode;
     cta?: ICta;
     image?: PictureProps;
+    children?: ReactNode;
 }
 
-declare const Teaser5050WithCta: ({ className, variant, title, subtitle, cta, image, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element;
+declare const Teaser5050WithCta: ({ className, variant, title, subtitle, cta, image, children, }: 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 };
+export { Anchor, type AnchorProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, HeroBanner, type HeroBannerProps, Icon, type IconType, InfoCard, type InfoCardProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, svgs };