npm - @chelcee0422/polaron-design-system - Versions diffs - 2.0.16 → 2.0.18 - Mend

@chelcee0422/polaron-design-system 2.0.16 → 2.0.18

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.

Files changed (9) hide show

package/dist/index.css +1 -1
package/dist/index.d.ts +4 -4
package/dist/index.esm.css +1 -1
package/dist/index.esm.js +73 -8
package/dist/index.esm.js.map +1 -1
package/dist/index.js +73 -8
package/dist/index.js.map +1 -1
package/package.json +1 -1
package/tailwind/tailwind.config.js +2 -2

package/dist/index.css CHANGED Viewed

@@ -1,3 +1,3 @@
 *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
 ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.left-1\/2{left:50%}.top-1\/2{top:50%}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.box-border{box-sizing:border-box}.contents{display:contents}.max-w-\[1540px\]{max-width:1540px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-14{padding-bottom:3.5rem}.pb-\[48px\]{padding-bottom:48px}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[112\%\]{line-height:112%}.leading-\[120\%\]{line-height:120%}.leading-\[125\%\]{line-height:125%}.leading-\[130\%\]{line-height:130%}.text-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-16{padding-bottom:4rem}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}.tablet\:text-\[52px\]{font-size:52px}.tablet\:text-\[64px\]{font-size:64px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[12px\]{font-size:12px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[48px\]{font-size:48px}.smLaptop\:text-\[68px\]{font-size:68px}.smLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1440px){.lglaptop\:px-32{padding-left:8rem;padding-right:8rem}.lglaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lglaptop\:pb-\[128px\]{padding-bottom:128px}.lglaptop\:pb-\[248px\]{padding-bottom:248px}.lglaptop\:pt-\[248px\]{padding-top:248px}}@media (min-width:1920px){.desktop\:text-\[14px\]{font-size:14px}.desktop\:text-\[16px\]{font-size:16px}.desktop\:text-\[18px\]{font-size:18px}.desktop\:text-\[20px\]{font-size:20px}.desktop\:text-\[24px\]{font-size:24px}.desktop\:text-\[28px\]{font-size:28px}.desktop\:text-\[32px\]{font-size:32px}.desktop\:text-\[40px\]{font-size:40px}.desktop\:text-\[48px\]{font-size:48px}.desktop\:text-\[64px\]{font-size:64px}.desktop\:text-\[80px\]{font-size:80px}.desktop\:text-\[96px\]{font-size:96px}}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.left-1\/2{left:50%}.top-1\/2{top:50%}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.box-border{box-sizing:border-box}.contents{display:contents}.max-w-\[1540px\]{max-width:1540px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[112\%\]{line-height:112%}.leading-\[120\%\]{line-height:120%}.leading-\[125\%\]{line-height:125%}.leading-\[130\%\]{line-height:130%}.text-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-\[64px\]{padding-bottom:64px}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}.tablet\:text-\[52px\]{font-size:52px}.tablet\:text-\[64px\]{font-size:64px}}@media (min-width:1024px){.lgTablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[12px\]{font-size:12px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[48px\]{font-size:48px}.smLaptop\:text-\[68px\]{font-size:68px}.smLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1440px){.lgLaptop\:px-32{padding-left:8rem;padding-right:8rem}.lgLaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lgLaptop\:pb-\[248px\]{padding-bottom:248px}.lgLaptop\:pt-\[248px\]{padding-top:248px}.lgLaptop\:text-\[12px\]{font-size:12px}.lgLaptop\:text-\[14px\]{font-size:14px}.lgLaptop\:text-\[16px\]{font-size:16px}.lgLaptop\:text-\[18px\]{font-size:18px}.lgLaptop\:text-\[20px\]{font-size:20px}.lgLaptop\:text-\[24px\]{font-size:24px}.lgLaptop\:text-\[28px\]{font-size:28px}.lgLaptop\:text-\[36px\]{font-size:36px}.lgLaptop\:text-\[40px\]{font-size:40px}.lgLaptop\:text-\[56px\]{font-size:56px}.lgLaptop\:text-\[68px\]{font-size:68px}.lgLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1920px){.desktop\:text-\[14px\]{font-size:14px}.desktop\:text-\[16px\]{font-size:16px}.desktop\:text-\[18px\]{font-size:18px}.desktop\:text-\[20px\]{font-size:20px}.desktop\:text-\[24px\]{font-size:24px}.desktop\:text-\[28px\]{font-size:28px}.desktop\:text-\[32px\]{font-size:32px}.desktop\:text-\[40px\]{font-size:40px}.desktop\:text-\[48px\]{font-size:48px}.desktop\:text-\[64px\]{font-size:64px}.desktop\:text-\[80px\]{font-size:80px}.desktop\:text-\[96px\]{font-size:96px}}

package/dist/index.d.ts CHANGED Viewed

@@ -252,27 +252,27 @@ type SectionProps$3 = {
     sectionClassName?: string;
     contentClassName?: string;
 };
-declare const Section: ({ children, sectionClassName, contentClassName }: SectionProps$3) => react_jsx_runtime.JSX.Element;
+declare const Section: ({ children, sectionClassName, contentClassName, }: SectionProps$3) => react_jsx_runtime.JSX.Element;
 type SectionProps$2 = {
     children?: React.ReactNode;
     sectionClassName?: string;
     contentClassName?: string;
 };
-declare const SectionFooter: ({ children, sectionClassName, contentClassName }: SectionProps$2) => react_jsx_runtime.JSX.Element;
+declare const SectionFooter: ({ children, sectionClassName, contentClassName, }: SectionProps$2) => react_jsx_runtime.JSX.Element;
 type SectionProps$1 = {
     children?: React.ReactNode;
     sectionClassName?: string;
     contentClassName?: string;
 };
-declare const SectionHeader: ({ children, sectionClassName, contentClassName }: SectionProps$1) => react_jsx_runtime.JSX.Element;
+declare const SectionHeader: ({ children, sectionClassName, contentClassName, }: SectionProps$1) => react_jsx_runtime.JSX.Element;
 type SectionProps = {
     children?: React.ReactNode;
     sectionClassName?: string;
     contentClassName?: string;
 };
-declare const SectionLarge: ({ children, sectionClassName, contentClassName }: SectionProps) => react_jsx_runtime.JSX.Element;
+declare const SectionLarge: ({ children, sectionClassName, contentClassName, }: SectionProps) => react_jsx_runtime.JSX.Element;
 export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm, CaptionMed, CaptionReg, CaptionSemi, DpLg, DpMd, H1, H2, H3, H4, H5, H6, ButtonMed$5 as PrimaryDarkButtonMd, ButtonSm$5 as PrimaryDarkButtonSm, ButtonMed$4 as PrimaryLightButtonMd, ButtonSm$4 as PrimaryLightButtonSm, ButtonMed$3 as SecondaryDarkMdButton, ButtonSm$3 as SecondaryDarkSmButton, ButtonMed$2 as SecondaryLightMedButton, ButtonSm$2 as SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, SubHead, ButtonMed$1 as TertiaryDarkButtonMd, ButtonSm$1 as TertiaryDarkButtonSm, ButtonMed as TertiaryLightButtonMd, ButtonSm as TertiaryLightButtonSm };

package/dist/index.esm.css CHANGED Viewed

@@ -1,3 +1,3 @@
 *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
 ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
-*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.left-1\/2{left:50%}.top-1\/2{top:50%}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.box-border{box-sizing:border-box}.contents{display:contents}.max-w-\[1540px\]{max-width:1540px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-14{padding-bottom:3.5rem}.pb-\[48px\]{padding-bottom:48px}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[112\%\]{line-height:112%}.leading-\[120\%\]{line-height:120%}.leading-\[125\%\]{line-height:125%}.leading-\[130\%\]{line-height:130%}.text-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-16{padding-bottom:4rem}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}.tablet\:text-\[52px\]{font-size:52px}.tablet\:text-\[64px\]{font-size:64px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[12px\]{font-size:12px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[48px\]{font-size:48px}.smLaptop\:text-\[68px\]{font-size:68px}.smLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1440px){.lglaptop\:px-32{padding-left:8rem;padding-right:8rem}.lglaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lglaptop\:pb-\[128px\]{padding-bottom:128px}.lglaptop\:pb-\[248px\]{padding-bottom:248px}.lglaptop\:pt-\[248px\]{padding-top:248px}}@media (min-width:1920px){.desktop\:text-\[14px\]{font-size:14px}.desktop\:text-\[16px\]{font-size:16px}.desktop\:text-\[18px\]{font-size:18px}.desktop\:text-\[20px\]{font-size:20px}.desktop\:text-\[24px\]{font-size:24px}.desktop\:text-\[28px\]{font-size:28px}.desktop\:text-\[32px\]{font-size:32px}.desktop\:text-\[40px\]{font-size:40px}.desktop\:text-\[48px\]{font-size:48px}.desktop\:text-\[64px\]{font-size:64px}.desktop\:text-\[80px\]{font-size:80px}.desktop\:text-\[96px\]{font-size:96px}}
+*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.relative{position:relative}.left-1\/2{left:50%}.top-1\/2{top:50%}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.box-border{box-sizing:border-box}.contents{display:contents}.max-w-\[1540px\]{max-width:1540px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[112\%\]{line-height:112%}.leading-\[120\%\]{line-height:120%}.leading-\[125\%\]{line-height:125%}.leading-\[130\%\]{line-height:130%}.text-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-\[64px\]{padding-bottom:64px}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}.tablet\:text-\[52px\]{font-size:52px}.tablet\:text-\[64px\]{font-size:64px}}@media (min-width:1024px){.lgTablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[12px\]{font-size:12px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[48px\]{font-size:48px}.smLaptop\:text-\[68px\]{font-size:68px}.smLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1440px){.lgLaptop\:px-32{padding-left:8rem;padding-right:8rem}.lgLaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lgLaptop\:pb-\[248px\]{padding-bottom:248px}.lgLaptop\:pt-\[248px\]{padding-top:248px}.lgLaptop\:text-\[12px\]{font-size:12px}.lgLaptop\:text-\[14px\]{font-size:14px}.lgLaptop\:text-\[16px\]{font-size:16px}.lgLaptop\:text-\[18px\]{font-size:18px}.lgLaptop\:text-\[20px\]{font-size:20px}.lgLaptop\:text-\[24px\]{font-size:24px}.lgLaptop\:text-\[28px\]{font-size:28px}.lgLaptop\:text-\[36px\]{font-size:36px}.lgLaptop\:text-\[40px\]{font-size:40px}.lgLaptop\:text-\[56px\]{font-size:56px}.lgLaptop\:text-\[68px\]{font-size:68px}.lgLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1920px){.desktop\:text-\[14px\]{font-size:14px}.desktop\:text-\[16px\]{font-size:16px}.desktop\:text-\[18px\]{font-size:18px}.desktop\:text-\[20px\]{font-size:20px}.desktop\:text-\[24px\]{font-size:24px}.desktop\:text-\[28px\]{font-size:28px}.desktop\:text-\[32px\]{font-size:32px}.desktop\:text-\[40px\]{font-size:40px}.desktop\:text-\[48px\]{font-size:48px}.desktop\:text-\[64px\]{font-size:64px}.desktop\:text-\[80px\]{font-size:80px}.desktop\:text-\[96px\]{font-size:96px}}

package/dist/index.esm.js CHANGED Viewed

@@ -52,7 +52,7 @@ const H5 = ({ children, className }) => (jsx("h5", { className: `${className} fo
 const H6 = ({ children, className }) => (jsx("h3", { className: `${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`, children: children }));
-const SubHead = ({ children, className }) => (jsx("h1", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`, children: children }));
+const SubHead = ({ children, className }) => (jsx("h3", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`, children: children }));
 const ButtonMed$5 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
@@ -78,13 +78,78 @@ const ButtonMed = ({ children, className, onClick }) => (jsx("button", { onClick
 const ButtonSm = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`, children: children }));
-const Section = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
-const SectionFooter = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
-const SectionHeader = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
-const SectionLarge = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the regular section in the middle of the page
+const Section = ({ children, sectionClassName, contentClassName, }) => (jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 py-12
+  /* Tablet */
+  tablet:px-8 tablet:py-16
+  /* Large Tablet */
+  lgTablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:py-32
+  /* Large Laptop */
+  lgLaptop:px-32
+`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the section right on top of the footer
+const SectionFooter = ({ children, sectionClassName, contentClassName, }) => (jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 pt-12 pb-14
+  /* Tablet */
+  tablet:px-8 tablet:pt-16 tablet:pb-[84px]
+  /* Large Tablet */
+  lgTablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px]
+  /* Large Laptop */
+  lgLaptop:px-32 lgLaptop:pb-[248px]
+`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the hero section
+const SectionHeader = ({ children, sectionClassName, contentClassName, }) => (jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 pb-12 pt-[56px]
+  /* Tablet */
+  tablet:px-8 tablet:pb-[64px] tablet:pt-[84px]
+  /* Large Tablet */
+  lgTablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:pb-32 smLaptop:pt-[168px]
+  /* Large Laptop */
+  lgLaptop:px-32 lgLaptop:pt-[248px]
+`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the large section in the middle of the page
+const SectionLarge = ({ children, sectionClassName, contentClassName, }) => (jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 py-[56px]
+  /* Tablet */
+  tablet:px-8 tablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:py-[168px]
+  /* Large Laptop */
+  lgLaptop:px-32 lgLaptop:py-[248px]
+`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
 export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm, CaptionMed, CaptionReg, CaptionSemi, DpLg, DpMd, H1, H2, H3, H4, H5, H6, ButtonMed$5 as PrimaryDarkButtonMd, ButtonSm$5 as PrimaryDarkButtonSm, ButtonMed$4 as PrimaryLightButtonMd, ButtonSm$4 as PrimaryLightButtonSm, ButtonMed$3 as SecondaryDarkMdButton, ButtonSm$3 as SecondaryDarkSmButton, ButtonMed$2 as SecondaryLightMedButton, ButtonSm$2 as SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, SubHead, ButtonMed$1 as TertiaryDarkButtonMd, ButtonSm$1 as TertiaryDarkButtonSm, ButtonMed as TertiaryLightButtonMd, ButtonSm as TertiaryLightButtonSm };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionReg = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionSemi = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpLgProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpLg = ({ children, className }: DpLgProps) => (\r\n <h1\r\n className={`${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpMdProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpMd = ({ children, className }: DpMdProps) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1 className={`${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2 className={`${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3 className={`${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4 className={`${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5 className={`${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3 className={`${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SubHeadProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const SubHead = ({ children, className }: SubHeadProps) => (\r\n <h1 className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const Section = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionFooter = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionHeader = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionLarge = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx","ButtonMed","ButtonSm"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionReg = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionSemi = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpLgProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpLg = ({ children, className }: DpLgProps) => (\r\n <h1\r\n className={`${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpMdProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpMd = ({ children, className }: DpMdProps) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1\r\n className={`${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2\r\n className={`${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3\r\n className={`${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4\r\n className={`${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5\r\n className={`${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3\r\n className={`${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SubHeadProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const SubHead = ({ children, className }: SubHeadProps) => (\r\n <h3\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the regular section in the middle of the page\r\nexport const Section = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base /\r\n px-4 py-12\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:py-16\r\n\r\n / Large Tablet /\r\n lgTablet:py-[84px]\r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:py-32\r\n\r\n / Large Laptop /\r\n lgLaptop:px-32\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the section right on top of the footer\r\n\r\nexport const SectionFooter = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n / Base /\r\n px-4 pt-12 pb-14\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:pt-16 tablet:pb-[84px]\r\n\r\n / Large Tablet /\r\n lgTablet:py-[84px]\r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px]\r\n\r\n / Large Laptop /\r\n lgLaptop:px-32 lgLaptop:pb-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the hero section\r\nexport const SectionHeader = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n / Base /\r\n px-4 pb-12 pt-[56px]\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:pb-[64px] tablet:pt-[84px]\r\n\r\n / Large Tablet /\r\n lgTablet:py-[84px]\r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:pb-32 smLaptop:pt-[168px]\r\n\r\n / Large Laptop /\r\n lgLaptop:px-32 lgLaptop:pt-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the large section in the middle of the page\r\nexport const SectionLarge = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n / Base /\r\n px-4 py-[56px]\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:py-[84px] \r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:py-[168px]\r\n\r\n / Large Laptop */\r\n lgLaptop:px-32 lgLaptop:py-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx","ButtonMed","ButtonSm"],"mappings":"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"}

package/dist/index.js CHANGED Viewed

@@ -54,7 +54,7 @@ const H5 = ({ children, className }) => (jsxRuntime.jsx("h5", { className: `${cl
 const H6 = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`, children: children }));
-const SubHead = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`, children: children }));
+const SubHead = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`, children: children }));
 const ButtonMed$5 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
@@ -80,13 +80,78 @@ const ButtonMed = ({ children, className, onClick }) => (jsxRuntime.jsx("button"
 const ButtonSm = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`, children: children }));
-const Section = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
-const SectionFooter = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
-const SectionHeader = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
-const SectionLarge = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the regular section in the middle of the page
+const Section = ({ children, sectionClassName, contentClassName, }) => (jsxRuntime.jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 py-12
+  /* Tablet */
+  tablet:px-8 tablet:py-16
+  /* Large Tablet */
+  lgTablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:py-32
+  /* Large Laptop */
+  lgLaptop:px-32
+`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the section right on top of the footer
+const SectionFooter = ({ children, sectionClassName, contentClassName, }) => (jsxRuntime.jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 pt-12 pb-14
+  /* Tablet */
+  tablet:px-8 tablet:pt-16 tablet:pb-[84px]
+  /* Large Tablet */
+  lgTablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px]
+  /* Large Laptop */
+  lgLaptop:px-32 lgLaptop:pb-[248px]
+`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the hero section
+const SectionHeader = ({ children, sectionClassName, contentClassName, }) => (jsxRuntime.jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 pb-12 pt-[56px]
+  /* Tablet */
+  tablet:px-8 tablet:pb-[64px] tablet:pt-[84px]
+  /* Large Tablet */
+  lgTablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:pb-32 smLaptop:pt-[168px]
+  /* Large Laptop */
+  lgLaptop:px-32 lgLaptop:pt-[248px]
+`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
+// this is for the large section in the middle of the page
+const SectionLarge = ({ children, sectionClassName, contentClassName, }) => (jsxRuntime.jsx("section", { className: `
+  ${sectionClassName}
+  /* Base */
+  px-4 py-[56px]
+  /* Tablet */
+  tablet:px-8 tablet:py-[84px]
+  /* Small Laptop */
+  smLaptop:px-16 smLaptop:py-[168px]
+  /* Large Laptop */
+  lgLaptop:px-32 lgLaptop:py-[248px]
+`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
 exports.Bodylmd = Bodylmd;
 exports.Bodylrg = Bodylrg;

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionReg = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionSemi = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpLgProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpLg = ({ children, className }: DpLgProps) => (\r\n <h1\r\n className={`${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpMdProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpMd = ({ children, className }: DpMdProps) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1 className={`${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2 className={`${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3 className={`${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4 className={`${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5 className={`${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3 className={`${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SubHeadProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const SubHead = ({ children, className }: SubHeadProps) => (\r\n <h1 className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const Section = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionFooter = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionHeader = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionLarge = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx","ButtonMed","ButtonSm"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionReg = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionSemi = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpLgProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpLg = ({ children, className }: DpLgProps) => (\r\n <h1\r\n className={`${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpMdProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpMd = ({ children, className }: DpMdProps) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1\r\n className={`${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2\r\n className={`${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3\r\n className={`${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4\r\n className={`${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5\r\n className={`${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3\r\n className={`${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SubHeadProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const SubHead = ({ children, className }: SubHeadProps) => (\r\n <h3\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the regular section in the middle of the page\r\nexport const Section = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base /\r\n px-4 py-12\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:py-16\r\n\r\n / Large Tablet /\r\n lgTablet:py-[84px]\r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:py-32\r\n\r\n / Large Laptop /\r\n lgLaptop:px-32\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the section right on top of the footer\r\n\r\nexport const SectionFooter = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n / Base /\r\n px-4 pt-12 pb-14\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:pt-16 tablet:pb-[84px]\r\n\r\n / Large Tablet /\r\n lgTablet:py-[84px]\r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px]\r\n\r\n / Large Laptop /\r\n lgLaptop:px-32 lgLaptop:pb-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the hero section\r\nexport const SectionHeader = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n / Base /\r\n px-4 pb-12 pt-[56px]\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:pb-[64px] tablet:pt-[84px]\r\n\r\n / Large Tablet /\r\n lgTablet:py-[84px]\r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:pb-32 smLaptop:pt-[168px]\r\n\r\n / Large Laptop /\r\n lgLaptop:px-32 lgLaptop:pt-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the large section in the middle of the page\r\nexport const SectionLarge = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n / Base /\r\n px-4 py-[56px]\r\n\r\n / Tablet /\r\n tablet:px-8 tablet:py-[84px] \r\n\r\n / Small Laptop /\r\n smLaptop:px-16 smLaptop:py-[168px]\r\n\r\n / Large Laptop */\r\n lgLaptop:px-32 lgLaptop:py-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx","ButtonMed","ButtonSm"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@chelcee0422/polaron-design-system",
-  "version": "2.0.16",
+  "version": "2.0.18",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",

package/tailwind/tailwind.config.js CHANGED Viewed

@@ -9,9 +9,9 @@ module.exports = {
     extend: {
       screens: {
         desktop: "1920px",
-        lglaptop: "1440px",
+        lgLaptop: "1440px",
         smLaptop: "1280px",
-        tablet_1024: "1024px",
+        lgTablet: "1024px",
         tablet: "768px",
         mobile: "390px",
       },