@digital-b2c/coreui-kit 0.1.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +21 -21
- package/README.md +7 -1
- package/dist/index.cjs +749 -69
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +630 -123
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +244 -43
- package/dist/index.d.ts +244 -43
- package/dist/index.mjs +738 -64
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css.map
CHANGED
|
@@ -1 +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":[]}
|
|
1
|
+
{"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';\r\n\r\n.image-desktop {\r\n display: block;\r\n\r\n @include mixins.respond(md) {\r\n display: none;\r\n }\r\n}\r\n\r\n.image-mobile {\r\n display: none;\r\n\r\n @include mixins.respond(md) {\r\n display: block;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\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 {\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 8px;\r\n padding: var(--spacing-xl);\r\n gap: var(--spacing-2xl);\r\n background: var(--color-gradient-black);\r\n min-width: 308px;\r\n\r\n h3 {\r\n color: var(--color-white);\r\n }\r\n\r\n p {\r\n color: #cecece;\r\n }\r\n}\r\n",".counting-card {\r\n display: flex;\r\n flex-direction: column;\r\n border-radius: 16px;\r\n padding: var(--spacing-md) var(--spacing-lg);\r\n gap: var(--spacing-xl);\r\n background: var(--color-gradient-black);\r\n width: 314px;\r\n color: var(--color-white);\r\n\r\n .count::after {\r\n content: '+';\r\n }\r\n\r\n .logo {\r\n max-height: 67px;\r\n filter: brightness(0) invert(1);\r\n }\r\n}\r\n",".info-card {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n padding: var(--spacing-lg);\r\n gap: var(--spacing-md);\r\n\r\n .header {\r\n display: flex;\r\n flex-direction: row;\r\n gap: var(--spacing-md);\r\n color: var(--color-black);\r\n }\r\n\r\n .badge {\r\n border-radius: 50%;\r\n color: var(--color-white);\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background-color: #cecece;\r\n }\r\n\r\n &.hasIcon .header {\r\n color: var(--color-lenscrafter-blue);\r\n }\r\n}\r\n",".pagination {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 11px;\r\n padding: 5px;\r\n align-items: center;\r\n\r\n .next,\r\n .prev {\r\n padding: 0;\r\n border: none;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n width: 40px;\r\n height: 40px;\r\n cursor: pointer;\r\n background: none;\r\n\r\n path {\r\n fill: var(--color-black);\r\n }\r\n }\r\n\r\n .pages {\r\n display: flex;\r\n justify-content: space-between;\r\n gap: 4px;\r\n width: max-content;\r\n }\r\n\r\n .page {\r\n padding: 0;\r\n margin: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: none;\r\n border: 1px solid var(--color-light-gray);\r\n transition: width 0.3s;\r\n cursor: pointer;\r\n\r\n &.active {\r\n width: 40px;\r\n border: none;\r\n border-radius: 16px;\r\n background-color: var(--color-black);\r\n }\r\n\r\n &.number.active {\r\n width: 28px;\r\n }\r\n }\r\n}\r\n",".container {\r\n width: 100%;\r\n max-width: 1280px;\r\n overflow: visible;\r\n margin: 0 auto;\r\n position: relative;\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.practice-card {\r\n color: var(--color-white);\r\n position: relative;\r\n max-width: 426px;\r\n height: 521px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n\r\n .wrapper {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n .background {\r\n object-fit: cover;\r\n position: absolute;\r\n z-index: 1;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .container {\r\n position: relative;\r\n z-index: 2;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n width: 100%;\r\n height: 100%;\r\n padding: var(--spacing-lg);\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: var(--spacing-md);\r\n }\r\n }\r\n\r\n .title {\r\n max-width: 196px;\r\n\r\n @include mixins.respond(md) {\r\n max-width: 146px;\r\n font-size: var(--font-size-xl);\r\n line-height: var(--line-height-tight-4);\r\n }\r\n }\r\n\r\n .cta {\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .ctaRest {\r\n position: absolute;\r\n opacity: 1;\r\n transition:\r\n opacity 0.2s ease,\r\n transform 0.2s ease;\r\n }\r\n\r\n .ctaHover {\r\n opacity: 0;\r\n transition: opacity 0.2s ease;\r\n }\r\n\r\n &:hover {\r\n .background {\r\n transform: scale(1.08);\r\n }\r\n\r\n .ctaRest {\r\n opacity: 0;\r\n transform: rotate(-45deg);\r\n }\r\n\r\n .ctaHover {\r\n opacity: 1;\r\n transition-delay: 0.1s;\r\n }\r\n }\r\n\r\n @include mixins.respond(md) {\r\n width: 100%;\r\n max-width: unset;\r\n height: 140px;\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.card-collection {\r\n display: block;\r\n width: 100%;\r\n padding: var(--spacing-3xl) var(--spacing-7xl);\r\n\r\n h2 {\r\n color: var(--color-black);\r\n margin-bottom: var(--spacing-sm);\r\n }\r\n\r\n .content {\r\n margin-bottom: var(--spacing-xl);\r\n }\r\n\r\n .wrapper {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: var(--spacing-md);\r\n }\r\n\r\n &.threeCols .wrapper {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n &.examCard .wrapper {\r\n grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));\r\n }\r\n\r\n @include mixins.respond(md) {\r\n padding: var(--spacing-lg);\r\n\r\n .wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n &.threeCols .wrapper {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.contact-module {\r\n width: 100%;\r\n display: block;\r\n padding-top: 96px;\r\n\r\n .container,\r\n .wrapper,\r\n .content,\r\n .cta-wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n width: 100%;\r\n }\r\n\r\n .cta-wrapper {\r\n flex-direction: row;\r\n justify-content: center;\r\n gap: var(--spacing-sm);\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: column-reverse;\r\n\r\n .cta {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n\r\n .wrapper {\r\n gap: var(--spacing-lg);\r\n padding: 0 var(--spacing-md);\r\n }\r\n\r\n .content {\r\n gap: var(--spacing-sm);\r\n text-align: center;\r\n\r\n @include mixins.respond(md) {\r\n max-width: 80%;\r\n }\r\n }\r\n\r\n .title {\r\n color: var(--color-black);\r\n\r\n @include mixins.respond(md) {\r\n max-width: 75%;\r\n }\r\n }\r\n\r\n .image {\r\n @include mixins.respond(md) {\r\n max-width: 80%;\r\n margin-top: -14px;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\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';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\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';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\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';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.practice-path-cards {\r\n display: block;\r\n width: 100%;\r\n padding: var(--spacing-3xl) 0;\r\n\r\n @include mixins.respond(md) {\r\n padding: var(--spacing-lg) var(--spacing-md);\r\n }\r\n\r\n h2 {\r\n color: var(--color-black);\r\n }\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .wrapper {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: var(--spacing-xl);\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: column;\r\n\r\n .ctaWrapper {\r\n width: 100%;\r\n padding: 0 var(--spacing-lg);\r\n\r\n .cta {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .content {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-sm);\r\n }\r\n\r\n .cards {\r\n display: flex;\r\n flex-direction: row;\r\n overflow: hidden;\r\n border-radius: 16px;\r\n justify-content: center;\r\n\r\n @include mixins.respond(md) {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n .card {\r\n width: 33.333%;\r\n\r\n @include mixins.respond(md) {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.teaser5050-3text {\r\n width: 100%;\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .content {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n &.right .content {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .title {\r\n color: var(--color-black);\r\n }\r\n .image {\r\n width: 50%;\r\n border-radius: 16px;\r\n }\r\n\r\n @include mixins.respond(md) {\r\n .container {\r\n padding: var(--spacing-lg) var(--spacing-md);\r\n gap: 0;\r\n }\r\n\r\n &.right .container {\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .content {\r\n flex-direction: column;\r\n }\r\n\r\n &.right .content {\r\n flex-direction: column-reverse;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n .image {\r\n width: 100%;\r\n padding: 0;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n","@use '../../styles/utilities/mixins';\r\n\r\n.teaser5050 {\r\n width: 100%;\r\n\r\n .container {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n &.right .container {\r\n flex-direction: row-reverse;\r\n }\r\n\r\n .wrapper {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--spacing-md);\r\n padding: 0 var(--spacing-5xl);\r\n width: 50%;\r\n }\r\n\r\n .title {\r\n color: var(--color-black);\r\n }\r\n\r\n .image {\r\n width: 50%;\r\n border-radius: 16px;\r\n }\r\n\r\n @include mixins.respond(md) {\r\n .container {\r\n flex-direction: column-reverse;\r\n gap: var(--spacing-xl);\r\n }\r\n\r\n &.right .container {\r\n flex-direction: column-reverse;\r\n }\r\n\r\n .wrapper,\r\n .image {\r\n width: 100%;\r\n padding: 0;\r\n }\r\n\r\n .cta {\r\n width: 100%;\r\n }\r\n }\r\n}\r\n","@use 'sass:map';\r\n@use '../tokens/breakpoints' as *;\r\n\r\n@mixin respond($breakpoint) {\r\n $size: map.get($breakpoints, $breakpoint);\r\n\r\n @if $size != null and $size != 0 {\r\n @media (max-width: $size) {\r\n @content;\r\n }\r\n } @else if $size == 0 {\r\n // xs or default\r\n @content;\r\n } @else {\r\n @warn \"Breakpoint `#{$breakpoint}` not found in $breakpoints map.\";\r\n }\r\n}\r\n"],"mappings":";AAEA,CAAAA;AACE,WAAA;;ACIE,QAAA,WAAA;ADLJ,GAAAA;AAII,aAAA;;;AAIJ,CAAAC;AACE,WAAA;;ACJE,QAAA,WAAA;ADGJ,GAAAA;AAII,aAAA;;;;;AEdJ,CAAAC;AACE,SAAA;AACA,YAAA;AACA,UAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA;AACA,cAAA;AACA,eAAA;AACA,mBAAA;AACA,SAAA,IAAA;AACA,iBAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,eAAA,IAAA;AACA,aAAA,IAAA;AACA,eAAA,IAAA;AACA,eAAA,IAAA;AACA,kBAAA;AACA,YAAA;AACA,cAAA,IAAA,KAAA;;AAEA,CAxBFA,oBAwBE;AACE,mBAAA;AACA,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CA7BFA,oBA6BE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CAjCFA,oBAiCE,CAAAC;AACE,SAAA;;AAGF,CArCFD,oBAqCE,CAAAE;AACE,SAAA,IAAA;AACA;IAAA;MAAA,OAAA,QAAA,GAAA,MAAA,MAAA;MAAA,QAAA,EAAA;MAAA,QAAA;AACA,UAAA,IAAA,MAAA;;AAEA,CA1CJF,oBA0CI,CALFE,qBAKE;AACE;IACE;MAAA,IAAA;MAAA,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,IAAA;MAAA,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,KAAA;IAAA;MAAA,QAAA,QAAA,GAAA,MAAA,MAAA;MAAA,QAAA,EAAA;MAAA,QAAA;;AAIJ,CAhDJF,oBAgDI,CAXFE,qBAWE;AACE,cAAA;;AAGF,CApDJF,oBAoDI,CAfFE,qBAeE;AACE;IACE;MAAA,IAAA;MAAA,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,IAAA;MAAA,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,KAAA;IAAA;MAAA,QAAA,QAAA,GAAA,MAAA,MAAA;MAAA,QAAA,EAAA;MAAA,QAAA;AAEF,WAAA,IAAA,MAAA,IAAA;;AAIJ,CA5DFF,oBA4DE,CAAAG;AACE,SAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA,IAAA,MAAA;;AAEA,CAjEJH,oBAiEI,CALFG,uBAKE;AACE,cAAA;;AAGF,CArEJH,oBAqEI,CATFG,uBASE;AACE,cAAA;;AAGF,CAzEJH,oBAyEI,CAbFG,uBAaE;AACE,cAAA;AACA,WAAA,IAAA,MAAA,IAAA;;AAIJ,CA/EFH,oBA+EE,CAAAI;AACE,SAAA,IAAA;AACA,cAAA,IAAA;AACA,UAAA;;AAEA,CApFJJ,oBAoFI,CALFI,mBAKE;AACE,cAAA;;AAGF,CAxFJJ,oBAwFI,CATFI,mBASE;AACE,cAAA;;AAGF,CA5FJJ,oBA4FI,CAbFI,mBAaE;AACE,cAAA;AACA,WAAA,IAAA,MAAA,IAAA;;AAIJ,CAlGFJ,oBAkGE,CAAAK;AACE,SAAA,IAAA;AACA,cAAA;AACA,UAAA;;AAEA,CAvGJL,oBAuGI,CALFK,oBAKE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CA3GJL,oBA2GI,CATFK,oBASE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CA/GJL,oBA+GI,CAbFK,oBAaE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,WAAA,IAAA,MAAA,IAAA;;AAIJ,CArHFL,oBAqHE,CAAAM;AACE,SAAA,IAAA;AACA,cAAA;AACA,UAAA;;AAEA,CA1HJN,oBA0HI,CALFM,yBAKE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CA9HJN,oBA8HI,CATFM,yBASE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CAlIJN,oBAkII,CAbFM,yBAaE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,WAAA,IAAA,MAAA,IAAA;;AAIJ,CAxIFN,oBAwIE,CAAAO;AACE,SAAA,IAAA;AACA,cAAA;AACA,UAAA,IAAA,MAAA;;AAEA,CA7IJP,oBA6II,CALFO,kBAKE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CAjJJP,oBAiJI,CATFO,kBASE;AACE,cAAA,KAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;;AAGF,CArJJP,oBAqJI,CAbFO,kBAaE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,WAAA,IAAA,MAAA,IAAA;;AAIJ,CA3JFP,oBA2JE,CAAAQ;AACE,SAAA,IAAA;AACA,cAAA;AACA,UAAA;;AAEA,CAhKJR,oBAgKI,CALFQ,mBAKE;AACE,WAAA;AACA,YAAA;AACA,SAAA;AACA,WAAA;AACA;IAAA;MAAA,IAAA,QAAA;MAAA,OAAA;MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AACA,iBAAA;AACA,aAAA,6BAAA,GAAA,QAAA;AACA,gBACE,gBAAA,KAAA,EAAA,GAAA,WAAA,EAAA,gBAAA,KAAA,EAAA;AAEF,0BAAA;AACA,kBAAA;AACA,kBAAA;;AAGF,CAhLJR,oBAgLI,CArBFQ,mBAqBE;AACE,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CApLJR,oBAoLI,CAzBFQ,mBAyBE;AACE,cAAA;AACA,WAAA,IAAA,MAAA,IAAA;;AAIJ,CA1LFR,qBA0LE,CAAAS;AAAA,CA1LFT,qBA0LE,CAAAU;AAEE,SAAA;AACA,UAAA;AACA,cAAA;;AAIJ,UAAA,QAAA,EACE,MAAA,EAAA,SAAA,EACA,aAAA,EAAA,IAAA,EACA,QAAA,EAAA,KAAA;AAGF,WAjCMC;AAkCJ;AACE,aAAA;;AAGF;AACE,aAAA;;;;;AC9MJ,CAAAC;AACE,WAAA;AACA,UAAA;AACA,WAAA;AACA,YAAA;AACA,YAAA;;AAEA,CAPFA,8BAOE,CAAAC;AACE;IAAA;MAAA,QAAA;MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,MAAA,MAAA;MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA;AAKA,mBAAA,KAAA;;AAEA,CAfJD,8BAeI,CARFC,wBAQE;AACE,WAAA;AACA,YAAA;AACA,SAAA;AACA,WAAA;AACA,UAAA,OAAA;AACA;IAAA;MAAA,QAAA;MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,MAAA,MAAA;MAAA,KAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,MAAA;AAKA,QACE,gBAAA,KAAA,EAAA,GAAA,WAAA,EAAA,gBAAA,KAAA,EAAA;AAEF,0BAAA;AACA,kBAAA;AACA,kBAAA;;AAIJ,CAnCFD,8BAmCE,CAAAE;AACE,oBAAA,IAAA;;AAGF,CAvCFF,8BAuCE,CAAAG;AACE,UAAA;;AAEA,CA1CJH,8BA0CI,CAHFG,yBAGE,CAAAC;AACE,UAAA;AACA,SAAA;;AAIJ,CAhDFJ,+BAgDE,CAAAK;AACE,YAAA;AACA,WAAA;AACA,mBAAA;AACA,eAAA;AACA,OAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA,OAAA,KAAA;;AAEA,CA1DJL,+BA0DI,CAVFK,6BAUE,CAAAC;AACE,SAAA,IAAA;;AAGF,CA9DJN,+BA8DI,CAdFK,4BAcE,CAAAE;AACE,UAAA,KAAA;AACA,UAAA;;AAIJ,CApEFP,+BAoEE,CAAAQ;AACE,WAAA;AACA,OAAA;;AAEA,CAxEJR,+BAwEI,CAJFQ,wBAIE,CAAAC;AACE,YAAA;AACA,WAAA;AACA,eAAA;AACA,SAAA;AACA,UAAA;;AAEA,CA/ENT,+BA+EM,CAXJQ,wBAWI,CAPFC,2BAOE,CArCFL;AAsCI,sBAAA;AACA,wBAAA;AACA,iBAAA;AACA,oBAAA,MAAA,CAAA,IAAA,sBAAA,EAAA,IAAA,gBAAA,EAAA,IAAA;AAIA,YAAA;AACA,sBAAA;AACA,SAAA,IAAA;AAEA,aAAA,oCAAA,IAAA,oBAAA,OAAA;AACA,mBAAA,KAAA,IAAA,oBAAA,EAAA,IAAA,eAAA,EAAA,IAAA,cAAA,EAAA;;AAIA,CAhGRJ,+BAgGQ,CA5BNQ,wBA4BM,CAxBJC,2BAwBI,CAtDJL,8BAsDI,CAAAM;AACE,wBAAA;;AAMR,CAvGFV,+BAuGE,CA7DEI;AA8DA,eAAA;AACA,UAAA;AACA,SAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;;AAEA,CA/GJJ,+BA+GI,CArEAI,+BAqEA,CAAAO;AACE,SAAA;AACA,UAAA;AACA,cAAA;;AAIJ,CAtHFX,+BAsHE,CAAAY;AACE,YAAA;AACA,OAAA;AACA,QAAA;AACA,aAAA,UAAA,IAAA,EAAA;AACA,WAAA;AACA,aAAA;;AAIJ,WArCQC;AAsCN;AACE,eAAA,WAAA,KAAA,IAAA,kBAAA,EAAA;;;;;AClIJ,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,iBAAA;AACA,WAAA,IAAA;AACA,OAAA,IAAA;AACA,cAAA,IAAA;AACA,aAAA;;AAEA,CATFA,iBASE;AACE,SAAA,IAAA;;AAGF,CAbFA,iBAaE;AACE,SAAA;;;;ACdJ,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,iBAAA;AACA,WAAA,IAAA,cAAA,IAAA;AACA,OAAA,IAAA;AACA,cAAA,IAAA;AACA,SAAA;AACA,SAAA,IAAA;;AAEA,CAVFA,kCAUE,CAAAC,yBAAA;AACE,WAAA;;AAGF,CAdFD,kCAcE,CAAAE;AACE,cAAA;AACA,UAAA,WAAA,GAAA,OAAA;;;;AChBJ,CAAAC;AACE,SAAA;AACA,WAAA;AACA,kBAAA;AACA,WAAA,IAAA;AACA,OAAA,IAAA;;AAEA,CAPFA,0BAOE,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,SAAA,IAAA;;AAGF,CAdFD,0BAcE,CAAAE;AACE,iBAAA;AACA,SAAA,IAAA;AACA,SAAA;AACA,UAAA;AACA,WAAA;AACA,eAAA;AACA,mBAAA;AACA,oBAAA;;AAGF,CAzBFF,yBAyBE,CAAAG,wBAAA,CAlBAF;AAmBE,SAAA,IAAA;;;;AC1BJ,CAAAG;AACE,WAAA;AACA,kBAAA;AACA,OAAA;AACA,WAAA;AACA,eAAA;;AAEA,CAPFA,6BAOE,CAAAC;AAAA,CAPFD,6BAOE,CAAAE;AAEE,WAAA;AACA,UAAA;AACA,iBAAA;AACA,YAAA;AACA,SAAA;AACA,UAAA;AACA,UAAA;AACA,cAAA;;AAEA,CAlBJF,6BAkBI,CAXFC,uBAWE;AAAA,CAlBJD,6BAkBI,CAXFE,uBAWE;AACE,QAAA,IAAA;;AAIJ,CAvBFF,6BAuBE,CAAAG;AACE,WAAA;AACA,mBAAA;AACA,OAAA;AACA,SAAA;;AAGF,CA9BFH,6BA8BE,CAAAI;AACE,WAAA;AACA,UAAA;AACA,SAAA;AACA,UAAA;AACA,iBAAA;AACA,cAAA;AACA,UAAA,IAAA,MAAA,IAAA;AACA,cAAA,MAAA;AACA,UAAA;;AAEA,CAzCJJ,6BAyCI,CAXFI,sBAWE,CAAAC;AACE,SAAA;AACA,UAAA;AACA,iBAAA;AACA,oBAAA,IAAA;;AAGF,CAhDJL,6BAgDI,CAlBFI,sBAkBE,CAAAE,wBAAA,CAPAD;AAQE,SAAA;;;;ACjDN,CAAAE;AACE,SAAA;AACA,aAAA;AACA,YAAA;AACA,UAAA,EAAA;AACA,YAAA;;;;ACHF,CAAAC;AACE,SAAA,IAAA;AACA,YAAA;AACA,aAAA;AACA,UAAA;AACA,YAAA;AACA,UAAA;;AAEA,CARFA,kCAQE,CAAAC;AACE,SAAA;AACA,mBAAA;;AAGF,CAbFD,kCAaE,CAAAE;AACE,cAAA;AACA,YAAA;AACA,WAAA;AACA,OAAA;AACA,QAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA,UAAA,KAAA;;AAGF,CAxBFF,kCAwBE,CAAAG;AACE,YAAA;AACA,WAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,SAAA;AACA,UAAA;AACA,WAAA,IAAA;;AC3BA,QAAA,WAAA;ADmBF,GAxBFH,kCAwBE,CAAAG;AAWI,oBAAA;AACA,iBAAA;AACA,qBAAA;AACA,aAAA,IAAA;;;AAIJ,CA1CFH,kCA0CE,CAAAI;AACE,aAAA;;ACtCA,QAAA,WAAA;ADqCF,GA1CFJ,kCA0CE,CAAAI;AAII,eAAA;AACA,eAAA,IAAA;AACA,iBAAA,IAAA;;;AAIJ,CApDFJ,kCAoDE,CAAAK;AACE,WAAA;AACA,mBAAA;;AAGF,CAzDFL,kCAyDE,CAAAM;AACE,YAAA;AACA,WAAA;AACA,cACE,QAAA,KAAA,IAAA,EAAA,UAAA,KAAA;;AAIJ,CAjEFN,kCAiEE,CAAAO;AACE,WAAA;AACA,cAAA,QAAA,KAAA;;AAIA,CAvEJP,iCAuEI,OAAA,CA1DFE;AA2DI,aAAA,MAAA;;AAGF,CA3EJF,iCA2EI,OAAA,CAlBFM;AAmBI,WAAA;AACA,aAAA,OAAA;;AAGF,CAhFJN,iCAgFI,OAAA,CAfFO;AAgBI,WAAA;AACA,oBAAA;;AC7EF,QAAA,WAAA;ADLJ,GAAAP;AAuFI,WAAA;AACA,eAAA;AACA,YAAA;;;;;AEzFJ,CAAAQ;AACE,WAAA;AACA,SAAA;AACA,WAAA,IAAA,eAAA,IAAA;;AAEA,CALFA,sCAKE;AACE,SAAA,IAAA;AACA,iBAAA,IAAA;;AAGF,CAVFA,sCAUE,CAAAC;AACE,iBAAA,IAAA;;AAGF,CAdFD,sCAcE,CAAAE;AACE,WAAA;AACA,yBAAA,OAAA,CAAA,EAAA;AACA,OAAA,IAAA;;AAGF,CApBFF,qCAoBE,CAAAG,gCAAA,CANAD;AAOE,yBAAA,OAAA,CAAA,EAAA;;AAGF,CAxBFF,qCAwBE,CAAAI,+BAAA,CAVAF;AAWE,yBAAA,OAAA,QAAA,EAAA,OAAA,KAAA,EAAA;;ACpBA,QAAA,WAAA;ADLJ,GAAAF;AA6BI,aAAA,IAAA;;AAEA,GA/BJA,sCA+BI,CAjBFE;AAkBI,2BAAA;;AAGF,GAnCJF,qCAmCI,CAfFG,gCAeE,CArBFD;AAsBI,2BAAA;;;;;AEpCN,CAAAG;AACE,SAAA;AACA,WAAA;AACA,eAAA;;AAEA,CALFA,oCAKE,CAAAC;AAAA,CALFD,oCAKE,CAAAE;AAAA,CALFF,oCAKE,CAAAG;AAAA,CALFH,oCAKE,CAAAI;AAIE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,SAAA;;AAGF,CAfFJ,oCAeE,CAVAI;AAWE,kBAAA;AACA,mBAAA;AACA,OAAA,IAAA;;ACbA,QAAA,WAAA;ADUF,GAfFJ,oCAeE,CAVAI;AAgBI,oBAAA;;AAEA,GAvBNJ,oCAuBM,CAlBJI,iCAkBI,CAAAC;AACE,WAAA;;;AAKN,CA7BFL,oCA6BE,CAxBAE;AAyBE,OAAA,IAAA;AACA,WAAA,EAAA,IAAA;;AAGF,CAlCFF,oCAkCE,CA7BAG;AA8BE,OAAA,IAAA;AACA,cAAA;;AC/BA,QAAA,WAAA;AD6BF,GAlCFH,oCAkCE,CA7BAG;AAkCI,eAAA;;;AAIJ,CA3CFH,oCA2CE,CAAAM;AACE,SAAA,IAAA;;ACvCA,QAAA,WAAA;ADsCF,GA3CFN,oCA2CE,CAAAM;AAII,eAAA;;;AC1CF,QAAA,WAAA;AD8CF,GAnDFN,oCAmDE,CAAAO;AAEI,eAAA;AACA,gBAAA;;;;;AEtDN,CAAAC;AACE,SAAA;AACA,YAAA;;AAEA,CAJFA,4BAIE,CAAAC;AACE,oBAAA;AACA,WAAA,KAAA,KAAA,EAAA;;AAEA,CARJD,4BAQI,CAJFC,iCAIE,CAAAC;AACE,aAAA;AACA,UAAA,KAAA,OAAA,EAAA;AACA,UAAA,EAAA;AACA,iBAAA;AACA,YAAA;;AAKF,CAlBJF,4BAkBI,CAAAG,gCAAA,CAVAD;AAWE,kBAAA;AACA,eAAA;AACA,mBAAA;AACA,UAAA;AACA,WAAA,IAAA;AACA,OAAA;;AAEA,CA1BNF,4BA0BM,CARFG,gCAQE,CAlBFD,4BAkBE,CAAAE;AACE,WAAA;AACA,mBAAA;;AAGE,CA/BVJ,4BA+BU,CAbNG,gCAaM,CAvBND,4BAuBM,CALJE,yBAKI,CAAAC,uBAAA,CAAAC;AACE,SAAA,IAAA;;AAGF,CAnCVN,4BAmCU,CAjBNG,gCAiBM,CA3BND,4BA2BM,CATJE,yBASI,CAJAC,uBAIA,CAAAE;AACE,SAAA,IAAA;;AAKN,CAzCNP,4BAyCM,CAvBFG,gCAuBE,CAjCFD,4BAiCE,CAAAM;AACE,WAAA;;AAEA,CA5CRR,4BA4CQ,CA1BJG,gCA0BI,CApCJD,4BAoCI,CAHFM,8BAGE,CAAAC;AACE,cAAA;AACA,aAAA;;AAIJ,CAlDNT,4BAkDM,CAhCFG,gCAgCE,CA1CFD,4BA0CE,CAAAQ;AACE,WAAA;AACA,UAAA;;AAEA,CAtDRV,4BAsDQ,CApCJG,gCAoCI,CA9CJD,4BA8CI,CAJFQ,qCAIE,CAAAC;AACE,oBAAA,IAAA;;AAGF,CA1DRX,4BA0DQ,CAxCJG,gCAwCI,CAlDJD,4BAkDI,CARFQ,qCAQE,CAAAE;AACE,oBAAA,IAAA;;AAGF,CA9DRZ,4BA8DQ,CA5CJG,gCA4CI,CAtDJD,4BAsDI,CAZFQ,qCAYE,CAAAG;AACE,oBAAA,IAAA;;AAGF,CAlERb,4BAkEQ,CAhDJG,gCAgDI,CA1DJD,4BA0DI,CAhBFQ,qCAgBE,CAAAI;AACE,oBAAA,IAAA;;AAMR,CAzEFd,6BAyEE,CAjEEE;AAkEA,YAAA;AACA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,UAAA,KAAA,OAAA,EAAA;;AAEA,CAhFJF,6BAgFI,CAxEAE,4BAwEA,CAtDEE;AAuDA,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,SAAA;AACA,aAAA;AACA,UAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA;AACA,WAAA;;AAEA,CA3FNJ,6BA2FM,CAnFFE,4BAmFE,CAjEAE,yBAiEA,CA5DIC;AA6DF,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,SAAA,IAAA;;AAGF,CAlGNL,6BAkGM,CA1FFE,4BA0FE,CAxEAE,yBAwEA,CAAAW;AACE,WAAA;AACA,OAAA,IAAA;;AAIJ,CAxGJf,6BAwGI,CAhGAE,4BAgGA,CAAAc;AACE,WAAA;;AAGF,CA5GJhB,6BA4GI,CApGAE,4BAoGA,CAAAe;AACE,YAAA;AACA,OAAA;AACA,QAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA;;AAIJ,CAvHFjB,6BAuHE,CAAAkB;AACE,WAAA;AACA,mBAAA;AACA,eAAA;AACA,SAAA;AACA,UAAA;;AAEA,CA9HJlB,6BA8HI,CAPFkB,6BAOE,CAAAC;AACE,SAAA;AACA,UAAA;;AC3HF,QAAA,WAAA;ADgIA,GArIJnB,4BAqII,CAjIFC;AAkII,aAAA,KAAA;;AAEA,GAxIND,4BAwIM,CApIJC,iCAoII,CAhIFC;AAiII,YAAA,KAAA,OAAA,EAAA;;AAKF,GA9INF,4BA8IM,CA5HFG,gCA4HE,CAtIFD;AAuII,oBAAA;AACA,aAAA,KAAA;AACA,SAAA;;AAEA,GAnJRF,4BAmJQ,CAjIJG,gCAiII,CA3IJD,4BA2II,CAzHFE;AA0HI,WAAA;AACA,YAAA;;AAGF,GAxJRJ,4BAwJQ,CAtIJG,gCAsII,CAhJJD,4BAgJI,CA/GFM;AAgHI,WAAA;;AAEA,GA3JVR,4BA2JU,CAzING,gCAyIM,CAnJND,4BAmJM,CAlHJM,8BAkHI,CA/GFC;AAgHI,WAAA;;AAON,GAnKNT,6BAmKM,CA3JFE,4BA2JE,CAzIAE;AA0IE,aAAA,IAAA,cAAA,IAAA;;AAEA,GAtKRJ,6BAsKQ,CA9JJE,4BA8JI,CA5IFE,yBA4IE,CApEFW;AAqEI,oBAAA;;;;;AEvKV,CAAAK;AACE,SAAA;AACA,oBAAA;AACA,cAAA;AACA,YAAA;AACA,SAAA,IAAA;AACA,cAAA;;AAEA,CARFA,6BAQE,CAAA;AACE,eAAA;;AAGF,CAZFA,6BAYE,CAAAC;AACE,YAAA;AACA,QAAA;AACA,OAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA;AACA,WAAA;;AAGF,CAtBFD,6BAsBE,CAAAE;AACE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,eAAA;AACA,WAAA;;ACxBA,QAAA,WAAA;ADiBF,GAtBFF,6BAsBE,CAAAE;AAUI,aAAA,IAAA,eAAA,IAAA;;;AAIJ,CApCFF,4BAoCE,CAAAG;AACE,SAAA,IAAA;;AAEA,CAvCJH,4BAuCI,CAHFG,iCAGE,CAjBFD;AAkBI,OAAA,IAAA;AACA,WAAA,IAAA,eAAA;;ACpCF,QAAA,WAAA;ADkCA,GAvCJF,4BAuCI,CAHFG,iCAGE,CAjBFD;AAsBM,aAAA,IAAA,eAAA,IAAA;;;;;AE5CR,CAAAE;AACE,SAAA;;AAEA,CAHFA,qCAGE,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,mBAAA;AACA,OAAA,IAAA;AACA,WAAA,IAAA,eAAA,IAAA;;AAGF,CAXFD,qCAWE,CAAAE;AACE,WAAA;AACA,kBAAA;AACA,mBAAA;;AAGF,CAjBFF,qCAiBE;AACE,SAAA,IAAA;;AAGF,CArBFA,oCAqBE,CAAAG;AACE,cAAA,IAAA;AACA,SAAA,IAAA;;AAEA,CAzBJH,oCAyBI,CAJFG,mCAIE;AACE,SAAA,IAAA;;AAGF,CA7BJH,oCA6BI,CARFG,mCAQE,CAAA;AACE,SAAA;;AAKF,CAnCJH,oCAmCI,CAAAI,kCAAA,CAxBFF;AAyBI,kBAAA;AACA,OAAA;AACA,eAAA;;AAGF,CAzCJF,oCAyCI,CANAI,kCAMA;AACE,aAAA;;AAIJ,CA9CFJ,oCA8CE,CAAAK,wCAAA,CA3CAJ;AA4CE,kBAAA;AACA,eAAA;;AC3CA,QAAA,WAAA;AD+CA,GApDJD,qCAoDI,CAjDFC;AAkDI,oBAAA;AACA,aAAA,IAAA,cAAA,IAAA;;AAGF,GAzDJD,qCAyDI,CAAAM;AACE,WAAA;;AAGF,GA7DJN,oCA6DI,CAxCFG;AAyCI,gBAAA;;AAGF,GAjEJH,oCAiEI,CAAAO;AACE,gBAAA;;AAIA,GAtENP,oCAsEM,CAnCFI,kCAmCE,CA3DJF;AA4DM,oBAAA;AACA,SAAA,IAAA;AACA,iBAAA;;AAGF,GA5ENF,oCA4EM,CAzCFI,kCAyCE,CAAAI;AACE,eAAA,IAAA;AACA,iBAAA,IAAA;AACA,iBAAA,IAAA;;AAIJ,GAnFJR,oCAmFI,CArCFK,wCAqCE,CAxEFH;AAyEI,WAAA;;;;;AEpFN,CAAAO;AACE,WAAA;AACA,SAAA;AACA,WAAA,IAAA,eAAA;;ACEE,QAAA,WAAA;ADLJ,GAAAA;AAMI,aAAA,IAAA,cAAA,IAAA;;;AAGF,CATFA,6CASE;AACE,SAAA,IAAA;;AAGF,CAbFA,6CAaE,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;;AAGF,CAnBFD,6CAmBE,CAAAE;AACE,WAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;;AClBA,QAAA,WAAA;ADcF,GAnBFF,6CAmBE,CAAAE;AAOI,oBAAA;;AAEA,GA5BNF,6CA4BM,CATJE,iCASI,CAAAC;AACE,WAAA;AACA,aAAA,EAAA,IAAA;;AAEA,GAhCRH,6CAgCQ,CAbNE,iCAaM,CAJFC,oCAIE,CAAAC;AACE,WAAA;;;AAMR,CAvCFJ,6CAuCE,CAAAK;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;;AAGF,CA7CFL,6CA6CE,CAAAM;AACE,WAAA;AACA,kBAAA;AACA,YAAA;AACA,iBAAA;AACA,mBAAA;;AC7CA,QAAA,WAAA;ADwCF,GA7CFN,6CA6CE,CAAAM;AAQI,oBAAA;;;AAIJ,CAzDFN,6CAyDE,CAAAO;AACE,SAAA;;ACrDA,QAAA,WAAA;ADoDF,GAzDFP,6CAyDE,CAAAO;AAII,WAAA;;;;;AE7DN,CAAAC;AACE,SAAA;;AAEA,CAHFA,4CAGE,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;;AAGF,CATFD,4CASE,CAAAE;AACE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,mBAAA;AACA,OAAA,IAAA;;AAGF,CAjBFF,2CAiBE,CAAAG,iCAAA,CARAD;AASE,kBAAA;;AAGF,CArBFF,4CAqBE,CAAAI;AACE,SAAA,IAAA;;AAEF,CAxBFJ,4CAwBE,CAAAK;AACE,SAAA;AACA,iBAAA;;ACrBA,QAAA,WAAA;ADyBA,GA9BJL,4CA8BI,CA3BFC;AA4BI,aAAA,IAAA,cAAA,IAAA;AACA,SAAA;;AAGF,GAnCJD,2CAmCI,CAlBFG,iCAkBE,CAhCFF;AAiCI,SAAA,IAAA;;AAGF,GAvCJD,4CAuCI,CA9BFE;AA+BI,oBAAA;;AAGF,GA3CJF,2CA2CI,CA1BFG,iCA0BE,CAlCFD;AAmCI,oBAAA;AACA,SAAA,IAAA;;AAGF,GAhDJF,4CAgDI,CAxBFK;AAyBI,WAAA;AACA,aAAA;;;;;AElDN,CAAAC;AACE,SAAA;;AAEA,CAHFA,oCAGE,CAAAC;AACE,WAAA;AACA,kBAAA;AACA,eAAA;AACA,mBAAA;;AAGF,CAVFD,mCAUE,CAAAE,+BAAA,CAPAD;AAQE,kBAAA;;AAGF,CAdFD,oCAcE,CAAAG;AACE,WAAA;AACA,kBAAA;AACA,OAAA,IAAA;AACA,WAAA,EAAA,IAAA;AACA,SAAA;;AAGF,CAtBFH,oCAsBE,CAAAI;AACE,SAAA,IAAA;;AAGF,CA1BFJ,oCA0BE,CAAAK;AACE,SAAA;AACA,iBAAA;;ACvBA,QAAA,WAAA;AD2BA,GAhCJL,oCAgCI,CA7BFC;AA8BI,oBAAA;AACA,SAAA,IAAA;;AAGF,GArCJD,mCAqCI,CA3BFE,+BA2BE,CAlCFD;AAmCI,oBAAA;;AAGF,GAzCJD,oCAyCI,CA3BFG;EA2BE,CAzCJH,oCAyCI,CAfFK;AAiBI,WAAA;AACA,aAAA;;AAGF,GA/CJL,oCA+CI,CAAAM;AACE,WAAA;;;","names":["image-desktop","image-mobile","button","fullWidth","primary","secondary","ghost","nofill","nofillblack","grey","shiny","icon","logo","rotateGradient","brandsStrip","light","dark","small","logoWrapper","container","title","blurred","logos","marquee","paused","logo","cta","scrollIndividual","card","counting-card","count","logo","info-card","header","badge","hasIcon","pagination","next","prev","pages","page","active","number","container","practice-card","wrapper","background","container","title","cta","ctaRest","ctaHover","card-collection","content","wrapper","threeCols","examCard","contact-module","container","wrapper","content","cta-wrapper","cta","title","image","heroBanner","mainHeroBanner","container","bannerPodcast","banner","text","title","subtitle","logoWrapper","logo","horizontalGradient","lensCrafters","forEyes","optical","pearleVision","ctaContainer","brandsStrip","backgroundImage","scrollDown","arrow","minibanner","background","container","miniBannerNoBG","miniSectionCta","container","col","BgColorBlack","infoCallout","miniTextCenterCta","cta","BgColorGrey","subtitle","practice-path-cards","container","wrapper","ctaWrapper","cta","content","cards","card","teaser5050-3text","container","content","right","title","image","teaser5050","container","right","wrapper","title","image","cta"]}
|
package/dist/index.d.cts
CHANGED
|
@@ -1,5 +1,43 @@
|
|
|
1
|
-
import React$1, { ImgHTMLAttributes, AnchorHTMLAttributes, HTMLAttributes, ReactNode, FC, PropsWithChildren } from 'react';
|
|
2
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React$1, { ImgHTMLAttributes, ReactNode, AnchorHTMLAttributes, HTMLAttributes, FC, PropsWithChildren } from 'react';
|
|
3
|
+
|
|
4
|
+
interface IPicture {
|
|
5
|
+
src: string;
|
|
6
|
+
alt?: string;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
type SrcOnly = {
|
|
10
|
+
src: string;
|
|
11
|
+
desktop?: never;
|
|
12
|
+
mobile?: never;
|
|
13
|
+
};
|
|
14
|
+
type ResponsiveSources = {
|
|
15
|
+
src?: never;
|
|
16
|
+
desktop: IPicture;
|
|
17
|
+
mobile?: IPicture;
|
|
18
|
+
};
|
|
19
|
+
type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
|
|
20
|
+
|
|
21
|
+
interface ICta {
|
|
22
|
+
label: string;
|
|
23
|
+
url: string;
|
|
24
|
+
isExternal?: boolean;
|
|
25
|
+
}
|
|
26
|
+
interface ICtaLogo extends ICta {
|
|
27
|
+
pictures: PictureProps[];
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
interface BrandsStripProps {
|
|
31
|
+
className?: string;
|
|
32
|
+
variant?: 'light' | 'dark';
|
|
33
|
+
title?: string;
|
|
34
|
+
logos?: PictureProps[];
|
|
35
|
+
cta?: ICta;
|
|
36
|
+
size?: 'small';
|
|
37
|
+
animate?: boolean;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
declare const BrandsStrip: ({ className, variant, title, logos, cta, size, animate, }: BrandsStripProps) => react_jsx_runtime.JSX.Element;
|
|
3
41
|
|
|
4
42
|
declare const svgs: {
|
|
5
43
|
ads: React$1.FunctionComponent<React$1.SVGProps<SVGSVGElement> & {
|
|
@@ -162,55 +200,78 @@ interface IconProps extends React$1.ComponentPropsWithRef<'svg'> {
|
|
|
162
200
|
}
|
|
163
201
|
declare const Icon: React$1.FC<IconProps>;
|
|
164
202
|
|
|
203
|
+
declare const ButtonVariantReadOnly: readonly ["primary", "secondary", "ghost", "nofill", "grey", "nofillblack", "shiny"];
|
|
204
|
+
type TButtonVariant = (typeof ButtonVariantReadOnly)[number];
|
|
165
205
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
166
|
-
variant?:
|
|
206
|
+
variant?: TButtonVariant;
|
|
167
207
|
fullWidth?: boolean;
|
|
168
208
|
href?: string;
|
|
169
209
|
isExternal?: boolean;
|
|
170
210
|
icon?: IconType;
|
|
211
|
+
logo?: IPicture;
|
|
171
212
|
}
|
|
172
213
|
|
|
173
214
|
declare const Button: React.FC<ButtonProps>;
|
|
174
215
|
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
216
|
+
type CardSubtitleProps = {
|
|
217
|
+
children: ReactNode;
|
|
218
|
+
};
|
|
219
|
+
|
|
220
|
+
type CardTitleProps = {
|
|
221
|
+
children: ReactNode;
|
|
222
|
+
};
|
|
180
223
|
|
|
181
224
|
interface CardProps {
|
|
182
225
|
className?: string;
|
|
183
|
-
title?:
|
|
184
|
-
subtitle?:
|
|
226
|
+
title?: ReactNode;
|
|
227
|
+
subtitle?: ReactNode;
|
|
185
228
|
icon?: IconType;
|
|
186
229
|
cta?: ICta;
|
|
230
|
+
children?: ReactNode;
|
|
187
231
|
}
|
|
188
232
|
|
|
189
|
-
declare const Card: ({ className, title, subtitle, cta, icon }: CardProps) => react_jsx_runtime.JSX.Element
|
|
233
|
+
declare const Card: (({ className, title, subtitle, cta, icon, children }: CardProps) => react_jsx_runtime.JSX.Element) & {
|
|
234
|
+
Title: ({ children }: CardTitleProps) => react_jsx_runtime.JSX.Element;
|
|
235
|
+
Subtitle: ({ children }: CardSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
236
|
+
};
|
|
190
237
|
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
}
|
|
238
|
+
type CountingCardTitleProps = {
|
|
239
|
+
children: ReactNode;
|
|
240
|
+
};
|
|
195
241
|
|
|
196
242
|
interface CountingCardProps {
|
|
197
243
|
className?: string;
|
|
198
244
|
count?: number;
|
|
199
|
-
title?:
|
|
245
|
+
title?: ReactNode;
|
|
200
246
|
image?: IPicture;
|
|
247
|
+
children?: ReactNode;
|
|
201
248
|
}
|
|
202
249
|
|
|
203
|
-
declare const CountingCard: ({ className, title, count, image }: CountingCardProps) => react_jsx_runtime.JSX.Element
|
|
250
|
+
declare const CountingCard: (({ className, title, count, image, children }: CountingCardProps) => react_jsx_runtime.JSX.Element) & {
|
|
251
|
+
Title: ({ children }: CountingCardTitleProps) => react_jsx_runtime.JSX.Element;
|
|
252
|
+
};
|
|
253
|
+
|
|
254
|
+
type InfoCardSubtitleProps = {
|
|
255
|
+
children: ReactNode;
|
|
256
|
+
};
|
|
257
|
+
|
|
258
|
+
type InfoCardTitleProps = {
|
|
259
|
+
children: ReactNode;
|
|
260
|
+
};
|
|
204
261
|
|
|
205
262
|
interface InfoCardProps {
|
|
206
263
|
className?: string;
|
|
207
264
|
icon?: IconType;
|
|
208
265
|
badge?: string;
|
|
209
|
-
title?:
|
|
210
|
-
subtitle?:
|
|
266
|
+
title?: ReactNode;
|
|
267
|
+
subtitle?: ReactNode;
|
|
268
|
+
children?: ReactNode;
|
|
211
269
|
}
|
|
212
270
|
|
|
213
|
-
declare const InfoCard: ({ className, title, subtitle, icon, badge }: InfoCardProps) => react_jsx_runtime.JSX.Element
|
|
271
|
+
declare const InfoCard: (({ className, title, subtitle, icon, badge, children }: InfoCardProps) => react_jsx_runtime.JSX.Element) & {
|
|
272
|
+
Title: ({ children }: InfoCardTitleProps) => react_jsx_runtime.JSX.Element;
|
|
273
|
+
Subtitle: ({ children }: InfoCardSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
274
|
+
};
|
|
214
275
|
|
|
215
276
|
interface PaginationProps {
|
|
216
277
|
className?: string;
|
|
@@ -224,20 +285,17 @@ interface PaginationProps {
|
|
|
224
285
|
|
|
225
286
|
declare const Pagination: ({ className, totalPages, currentPage, loop, hasNumber, disableArrows, onPageChange, }: PaginationProps) => react_jsx_runtime.JSX.Element;
|
|
226
287
|
|
|
227
|
-
type SrcOnly = {
|
|
228
|
-
src: string;
|
|
229
|
-
desktop?: never;
|
|
230
|
-
mobile?: never;
|
|
231
|
-
};
|
|
232
|
-
type ResponsiveSources = {
|
|
233
|
-
src?: never;
|
|
234
|
-
desktop: IPicture;
|
|
235
|
-
mobile?: IPicture;
|
|
236
|
-
};
|
|
237
|
-
type PictureProps = ImgHTMLAttributes<HTMLImageElement> & (SrcOnly | ResponsiveSources);
|
|
238
|
-
|
|
239
288
|
declare const Picture: ({ className, ...props }: PictureProps) => react_jsx_runtime.JSX.Element;
|
|
240
289
|
|
|
290
|
+
interface PracticeCardProps {
|
|
291
|
+
className?: string;
|
|
292
|
+
title?: string;
|
|
293
|
+
cta?: ICta;
|
|
294
|
+
image?: IPicture;
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
declare const PracticeCard: ({ className, title, cta, image }: PracticeCardProps) => react_jsx_runtime.JSX.Element;
|
|
298
|
+
|
|
241
299
|
interface AnchorProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
242
300
|
isExternal?: boolean;
|
|
243
301
|
}
|
|
@@ -262,45 +320,188 @@ type ConditionalWrapperProps = {
|
|
|
262
320
|
|
|
263
321
|
declare const ConditionalWrapper: React.FC<PropsWithChildren<ConditionalWrapperProps>>;
|
|
264
322
|
|
|
323
|
+
type CardCollectionSubtitleProps = {
|
|
324
|
+
children: ReactNode;
|
|
325
|
+
};
|
|
326
|
+
|
|
327
|
+
type CardCollectionTitleProps = {
|
|
328
|
+
children: ReactNode;
|
|
329
|
+
};
|
|
330
|
+
|
|
265
331
|
interface CardCollectionProps {
|
|
266
332
|
className?: string;
|
|
267
333
|
variant?: 'default' | 'threeCols' | 'examCard' | 'cardCarousel';
|
|
268
|
-
title?:
|
|
269
|
-
subtitle?:
|
|
334
|
+
title?: ReactNode;
|
|
335
|
+
subtitle?: ReactNode;
|
|
270
336
|
cards?: CardProps[];
|
|
337
|
+
children?: ReactNode;
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
declare const CardCollection: (({ className, variant, title, subtitle, cards, children, }: CardCollectionProps) => react_jsx_runtime.JSX.Element) & {
|
|
341
|
+
Title: ({ children }: CardCollectionTitleProps) => react_jsx_runtime.JSX.Element;
|
|
342
|
+
Subtitle: ({ children }: CardCollectionSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
343
|
+
};
|
|
344
|
+
|
|
345
|
+
type ContactModuleSubtitleProps = {
|
|
346
|
+
children: ReactNode;
|
|
347
|
+
};
|
|
348
|
+
|
|
349
|
+
type ContactModuleTitleProps = {
|
|
350
|
+
children: ReactNode;
|
|
351
|
+
};
|
|
352
|
+
|
|
353
|
+
interface ContactModuleProps {
|
|
354
|
+
className?: string;
|
|
355
|
+
children?: ReactNode;
|
|
356
|
+
image?: IPicture;
|
|
357
|
+
title?: ReactNode;
|
|
358
|
+
subtitle?: ReactNode;
|
|
359
|
+
ctas?: ICta[];
|
|
360
|
+
blurred?: boolean;
|
|
271
361
|
}
|
|
272
362
|
|
|
273
|
-
declare const
|
|
363
|
+
declare const ContactModule: (({ className, children, title, subtitle, ctas, image, blurred, }: ContactModuleProps) => react_jsx_runtime.JSX.Element) & {
|
|
364
|
+
Title: ({ children }: ContactModuleTitleProps) => react_jsx_runtime.JSX.Element;
|
|
365
|
+
Subtitle: ({ children }: ContactModuleSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
366
|
+
};
|
|
367
|
+
|
|
368
|
+
type HeroBannerSubtitleProps = {
|
|
369
|
+
children: ReactNode;
|
|
370
|
+
};
|
|
371
|
+
|
|
372
|
+
type HeroBannerTitleProps = {
|
|
373
|
+
children: ReactNode;
|
|
374
|
+
};
|
|
375
|
+
|
|
376
|
+
interface HeroBannerProps {
|
|
377
|
+
className?: string;
|
|
378
|
+
variant?: 'pageHeroBanner' | 'bannerPodcast' | 'mainHeroBanner';
|
|
379
|
+
title?: ReactNode;
|
|
380
|
+
subtitle?: ReactNode;
|
|
381
|
+
backgroundImage?: PictureProps;
|
|
382
|
+
logo?: PictureProps;
|
|
383
|
+
cta?: ICta[];
|
|
384
|
+
ctaLogo?: ICtaLogo[];
|
|
385
|
+
brands?: BrandsStripProps;
|
|
386
|
+
children?: ReactNode;
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
declare const HeroBanner: (({ className, variant, title, subtitle, backgroundImage, logo, cta, brands, children, }: HeroBannerProps) => react_jsx_runtime.JSX.Element) & {
|
|
390
|
+
Title: ({ children }: HeroBannerTitleProps) => react_jsx_runtime.JSX.Element;
|
|
391
|
+
Subtitle: ({ children }: HeroBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
392
|
+
};
|
|
393
|
+
|
|
394
|
+
type MiniBannerSubtitleProps = {
|
|
395
|
+
children: ReactNode;
|
|
396
|
+
};
|
|
397
|
+
|
|
398
|
+
type MiniBannerTitleProps = {
|
|
399
|
+
children: ReactNode;
|
|
400
|
+
};
|
|
401
|
+
|
|
402
|
+
interface MiniBannerProps {
|
|
403
|
+
className?: string;
|
|
404
|
+
variant?: 'default' | 'miniBannerNoBG';
|
|
405
|
+
logo?: IPicture;
|
|
406
|
+
background?: PictureProps;
|
|
407
|
+
title?: ReactNode;
|
|
408
|
+
subtitle?: ReactNode;
|
|
409
|
+
children?: ReactNode;
|
|
410
|
+
}
|
|
411
|
+
|
|
412
|
+
declare const MiniBanner: (({ className, variant, title, subtitle, logo, background, children, }: MiniBannerProps) => react_jsx_runtime.JSX.Element) & {
|
|
413
|
+
Title: ({ children }: MiniBannerTitleProps) => react_jsx_runtime.JSX.Element;
|
|
414
|
+
Subtitle: ({ children }: MiniBannerSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
415
|
+
};
|
|
416
|
+
|
|
417
|
+
type MiniSectionCtaSubtitleProps = {
|
|
418
|
+
children: ReactNode;
|
|
419
|
+
};
|
|
420
|
+
|
|
421
|
+
type MiniSectionCtaTitleProps = {
|
|
422
|
+
children: ReactNode;
|
|
423
|
+
};
|
|
274
424
|
|
|
275
425
|
interface MiniSectionCtaProps {
|
|
276
426
|
className?: string;
|
|
277
427
|
variant?: 'headerCTA' | 'BgColorBlack' | 'BgColorGrey' | 'infoCallout' | 'miniTextCenterCta';
|
|
278
|
-
|
|
279
|
-
|
|
428
|
+
cta?: ICta;
|
|
429
|
+
title?: ReactNode;
|
|
430
|
+
subtitle?: ReactNode;
|
|
431
|
+
children?: ReactNode;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
declare const MiniSectionCta: (({ className, variant, title, subtitle, cta, children, }: MiniSectionCtaProps) => react_jsx_runtime.JSX.Element) & {
|
|
435
|
+
Title: ({ children }: MiniSectionCtaTitleProps) => react_jsx_runtime.JSX.Element;
|
|
436
|
+
Subtitle: ({ children }: MiniSectionCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
437
|
+
};
|
|
438
|
+
|
|
439
|
+
type PracticePathCardsFooterProps = {
|
|
440
|
+
children: ReactNode;
|
|
441
|
+
};
|
|
442
|
+
|
|
443
|
+
type PracticePathCardsSubtitleProps = {
|
|
444
|
+
children: ReactNode;
|
|
445
|
+
};
|
|
446
|
+
|
|
447
|
+
type PracticePathCardsTitleProps = {
|
|
448
|
+
children: ReactNode;
|
|
449
|
+
};
|
|
450
|
+
|
|
451
|
+
interface PracticePathCardsProps {
|
|
452
|
+
className?: string;
|
|
453
|
+
children?: ReactNode;
|
|
454
|
+
cards?: PracticeCardProps[];
|
|
455
|
+
title?: ReactNode;
|
|
456
|
+
subtitle?: ReactNode;
|
|
457
|
+
footer?: ReactNode;
|
|
280
458
|
cta?: ICta;
|
|
281
459
|
}
|
|
282
460
|
|
|
283
|
-
declare const
|
|
461
|
+
declare const PracticePathCards: (({ className, children, cards, title, subtitle, footer, cta, }: PracticePathCardsProps) => react_jsx_runtime.JSX.Element) & {
|
|
462
|
+
Title: ({ children }: PracticePathCardsTitleProps) => react_jsx_runtime.JSX.Element;
|
|
463
|
+
Subtitle: ({ children }: PracticePathCardsSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
464
|
+
Footer: ({ children }: PracticePathCardsFooterProps) => react_jsx_runtime.JSX.Element;
|
|
465
|
+
};
|
|
466
|
+
|
|
467
|
+
type Teaser5050With3TextTitleProps = {
|
|
468
|
+
children: ReactNode;
|
|
469
|
+
};
|
|
284
470
|
|
|
285
471
|
interface Teaser5050With3TextProps {
|
|
286
472
|
className?: string;
|
|
287
473
|
variant?: 'left' | 'right';
|
|
288
|
-
title?:
|
|
474
|
+
title?: ReactNode;
|
|
289
475
|
cards?: InfoCardProps[];
|
|
290
476
|
image?: PictureProps;
|
|
477
|
+
children?: ReactNode;
|
|
291
478
|
}
|
|
292
479
|
|
|
293
|
-
declare const Teaser5050With3Text: ({ className, variant, title, cards, image, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element
|
|
480
|
+
declare const Teaser5050With3Text: (({ className, variant, title, cards, image, children, }: Teaser5050With3TextProps) => react_jsx_runtime.JSX.Element) & {
|
|
481
|
+
Title: ({ children }: Teaser5050With3TextTitleProps) => react_jsx_runtime.JSX.Element;
|
|
482
|
+
};
|
|
483
|
+
|
|
484
|
+
type Teaser5050WithCtaSubtitleProps = {
|
|
485
|
+
children: ReactNode;
|
|
486
|
+
};
|
|
487
|
+
|
|
488
|
+
type Teaser5050WithCtaTitleProps = {
|
|
489
|
+
children: ReactNode;
|
|
490
|
+
};
|
|
294
491
|
|
|
295
492
|
interface Teaser5050WithCtaProps {
|
|
296
493
|
className?: string;
|
|
297
494
|
variant?: 'left' | 'right';
|
|
298
|
-
title?:
|
|
299
|
-
subtitle?:
|
|
495
|
+
title?: ReactNode;
|
|
496
|
+
subtitle?: ReactNode;
|
|
300
497
|
cta?: ICta;
|
|
301
498
|
image?: PictureProps;
|
|
499
|
+
children?: ReactNode;
|
|
302
500
|
}
|
|
303
501
|
|
|
304
|
-
declare const Teaser5050WithCta: ({ className, variant, title, subtitle, cta, image, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element
|
|
502
|
+
declare const Teaser5050WithCta: (({ className, variant, title, subtitle, cta, image, children, }: Teaser5050WithCtaProps) => react_jsx_runtime.JSX.Element) & {
|
|
503
|
+
Title: ({ children }: Teaser5050WithCtaTitleProps) => react_jsx_runtime.JSX.Element;
|
|
504
|
+
Subtitle: ({ children }: Teaser5050WithCtaSubtitleProps) => react_jsx_runtime.JSX.Element;
|
|
505
|
+
};
|
|
305
506
|
|
|
306
|
-
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 };
|
|
507
|
+
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 };
|