@chelcee0422/polaron-design-system 2.0.25 → 2.0.27

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 (8) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +1 -37
  3. package/dist/index.esm.css +1 -1
  4. package/dist/index.esm.js +1 -13
  5. package/dist/index.esm.js.map +1 -1
  6. package/dist/index.js +0 -18
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,3 +1,3 @@
1
1
  *,: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: }/*
2
2
  ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
- */*,: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}.mx-auto{margin-left:auto;margin-right:auto}.inline-flex{display:inline-flex}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#1F1F22\]{--tw-border-opacity:1;border-color:rgb(31 31 34/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.\!bg-\[\#1212161A\]{background-color:#1212161a!important}.\!bg-\[\#1D57DE\]{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.\!bg-\[\#2662E3\]{--tw-bg-opacity:1!important;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))!important}.\!bg-\[\#FFFFFF1A\]{background-color:#ffffff1a!important}.\!bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.\!bg-white\/50{background-color:hsla(0,0%,100%,.5)!important}.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}.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-\[18px\]{font-size:18px}.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-\[\#1F1F22\]{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.\!text-\[\#F4F4F6\]{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:\!bg-\[\#121216E5\]:hover{background-color:#121216e5!important}.hover\:\!bg-\[\#1F1F22\]:hover{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.hover\:\!bg-\[\#FFFFFF\]:hover,.hover\:\!bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.hover\:bg-\[\#3B73FF\]:hover{--tw-bg-opacity:1;background-color:rgb(59 115 255/var(--tw-bg-opacity,1))}.hover\:\!text-\[\#1F1F22\]:hover{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#F4F4F6\]:hover{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#FFFFFF\]:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\:shadow-\[0_0_24px_rgba\(59\2c 115\2c 255\2c 0\.65\)\]:hover{--tw-shadow:0 0 24px rgba(59,115,255,.65);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:\!bg-\[\#121216E5\]:active{background-color:#121216e5!important}.active\:\!bg-\[\#1540A2\]:active{--tw-bg-opacity:1!important;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1D57DE\]:active{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1F1F22\]:active{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#FFFFFFE5\]:active{background-color:#ffffffe5!important}.active\:\!bg-white:active{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.active\:\!text-\[\#1F1F22\]:active{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#F4F4F6\]:active{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#FFFFFF\]:active{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@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-\[28px\]{font-size:28px}.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}.lgTablet\:text-\[19px\]{font-size:19px}.lgTablet\:text-\[22px\]{font-size:22px}.lgTablet\:text-\[26px\]{font-size:26px}.lgTablet\:text-\[30px\]{font-size:30px}.lgTablet\:text-\[34px\]{font-size:34px}.lgTablet\:text-\[38px\]{font-size:38px}}@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-\[28px\]{font-size:28px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[40px\]{font-size:40px}.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-\[44px\]{font-size:44px}.lgLaptop\:text-\[68px\]{font-size:68px}.lgLaptop\:text-\[88px\]{font-size:88px}}
3
+ */*,: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}.mx-auto{margin-left:auto;margin-right:auto}.inline-flex{display:inline-flex}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#1F1F22\]{--tw-border-opacity:1;border-color:rgb(31 31 34/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.\!bg-\[\#1212161A\]{background-color:#1212161a!important}.\!bg-\[\#1D57DE\]{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.\!bg-\[\#2662E3\]{--tw-bg-opacity:1!important;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))!important}.\!bg-\[\#FFFFFF1A\]{background-color:#ffffff1a!important}.\!bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.\!bg-white\/50{background-color:hsla(0,0%,100%,.5)!important}.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}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[120\%\]{line-height:120%}.leading-\[130\%\]{line-height:130%}.\!text-\[\#1F1F22\]{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.\!text-\[\#F4F4F6\]{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:\!bg-\[\#121216E5\]:hover{background-color:#121216e5!important}.hover\:\!bg-\[\#1F1F22\]:hover{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.hover\:\!bg-\[\#FFFFFF\]:hover,.hover\:\!bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.hover\:bg-\[\#3B73FF\]:hover{--tw-bg-opacity:1;background-color:rgb(59 115 255/var(--tw-bg-opacity,1))}.hover\:\!text-\[\#1F1F22\]:hover{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#F4F4F6\]:hover{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#FFFFFF\]:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\:shadow-\[0_0_24px_rgba\(59\2c 115\2c 255\2c 0\.65\)\]:hover{--tw-shadow:0 0 24px rgba(59,115,255,.65);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:\!bg-\[\#121216E5\]:active{background-color:#121216e5!important}.active\:\!bg-\[\#1540A2\]:active{--tw-bg-opacity:1!important;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1D57DE\]:active{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1F1F22\]:active{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#FFFFFFE5\]:active{background-color:#ffffffe5!important}.active\:\!bg-white:active{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.active\:\!text-\[\#1F1F22\]:active{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#F4F4F6\]:active{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#FFFFFF\]:active{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@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-\[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-\[28px\]{font-size:28px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}}@media (min-width:1024px){.lgTablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.lgTablet\:text-\[19px\]{font-size:19px}.lgTablet\:text-\[22px\]{font-size:22px}.lgTablet\:text-\[26px\]{font-size:26px}.lgTablet\:text-\[30px\]{font-size:30px}.lgTablet\:text-\[34px\]{font-size:34px}.lgTablet\:text-\[38px\]{font-size:38px}}@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-\[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-\[28px\]{font-size:28px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[40px\]{font-size:40px}}@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-\[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-\[44px\]{font-size:44px}}
package/dist/index.d.ts CHANGED
@@ -91,36 +91,6 @@ type BodyProps = {
91
91
  };
92
92
  declare const Buttonsm: ({ children, className }: BodyProps) => react_jsx_runtime.JSX.Element;
93
93
 
94
- type CaptionProps$2 = {
95
- children?: React.ReactNode;
96
- className?: string;
97
- };
98
- declare const CaptionMed: ({ children, className }: CaptionProps$2) => react_jsx_runtime.JSX.Element;
99
-
100
- type CaptionProps$1 = {
101
- children?: React.ReactNode;
102
- className?: string;
103
- };
104
- declare const CaptionReg: ({ children, className }: CaptionProps$1) => react_jsx_runtime.JSX.Element;
105
-
106
- type CaptionProps = {
107
- children?: React.ReactNode;
108
- className?: string;
109
- };
110
- declare const CaptionSemi: ({ children, className }: CaptionProps) => react_jsx_runtime.JSX.Element;
111
-
112
- type DpLgProps = {
113
- children?: React.ReactNode;
114
- className?: string;
115
- };
116
- declare const DpLg: ({ children, className }: DpLgProps) => react_jsx_runtime.JSX.Element;
117
-
118
- type DpMdProps = {
119
- children?: React.ReactNode;
120
- className?: string;
121
- };
122
- declare const DpMd: ({ children, className }: DpMdProps) => react_jsx_runtime.JSX.Element;
123
-
124
94
  type H1Props = {
125
95
  children?: React.ReactNode;
126
96
  className?: string;
@@ -157,12 +127,6 @@ type H6Props = {
157
127
  };
158
128
  declare const H6: ({ children, className }: H6Props) => react_jsx_runtime.JSX.Element;
159
129
 
160
- type SubHeadProps = {
161
- children?: React.ReactNode;
162
- className?: string;
163
- };
164
- declare const SubHead: ({ children, className }: SubHeadProps) => react_jsx_runtime.JSX.Element;
165
-
166
130
  type ButtonProps$b = {
167
131
  children?: React.ReactNode;
168
132
  className?: string;
@@ -299,4 +263,4 @@ type SectionProps = {
299
263
  };
300
264
  declare const SectionLarge: ({ children, sectionClassName, contentClassName, }: SectionProps) => react_jsx_runtime.JSX.Element;
301
265
 
302
- 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, PrimaryDarkMdButton, PrimaryDarkSmButton, PrimaryLightMdButton, PrimaryLightSmButton, SecondaryDarkMdButton, SecondaryDarkSmButton, SecondaryLightMdButton, SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, SubHead, TertiaryDarkMdButton, TertiaryDarkSmButton, TertiaryLightMdButton, TertiaryLightSmButton };
266
+ export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm, H1, H2, H3, H4, H5, H6, PrimaryDarkMdButton, PrimaryDarkSmButton, PrimaryLightMdButton, PrimaryLightSmButton, SecondaryDarkMdButton, SecondaryDarkSmButton, SecondaryLightMdButton, SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, TertiaryDarkMdButton, TertiaryDarkSmButton, TertiaryLightMdButton, TertiaryLightSmButton };
package/dist/index.esm.css CHANGED
@@ -1,3 +1,3 @@
1
1
  *,: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: }/*
2
2
  ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
3
- */*,: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}.mx-auto{margin-left:auto;margin-right:auto}.inline-flex{display:inline-flex}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#1F1F22\]{--tw-border-opacity:1;border-color:rgb(31 31 34/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.\!bg-\[\#1212161A\]{background-color:#1212161a!important}.\!bg-\[\#1D57DE\]{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.\!bg-\[\#2662E3\]{--tw-bg-opacity:1!important;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))!important}.\!bg-\[\#FFFFFF1A\]{background-color:#ffffff1a!important}.\!bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.\!bg-white\/50{background-color:hsla(0,0%,100%,.5)!important}.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}.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-\[18px\]{font-size:18px}.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-\[\#1F1F22\]{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.\!text-\[\#F4F4F6\]{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:\!bg-\[\#121216E5\]:hover{background-color:#121216e5!important}.hover\:\!bg-\[\#1F1F22\]:hover{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.hover\:\!bg-\[\#FFFFFF\]:hover,.hover\:\!bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.hover\:bg-\[\#3B73FF\]:hover{--tw-bg-opacity:1;background-color:rgb(59 115 255/var(--tw-bg-opacity,1))}.hover\:\!text-\[\#1F1F22\]:hover{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#F4F4F6\]:hover{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#FFFFFF\]:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\:shadow-\[0_0_24px_rgba\(59\2c 115\2c 255\2c 0\.65\)\]:hover{--tw-shadow:0 0 24px rgba(59,115,255,.65);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:\!bg-\[\#121216E5\]:active{background-color:#121216e5!important}.active\:\!bg-\[\#1540A2\]:active{--tw-bg-opacity:1!important;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1D57DE\]:active{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1F1F22\]:active{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#FFFFFFE5\]:active{background-color:#ffffffe5!important}.active\:\!bg-white:active{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.active\:\!text-\[\#1F1F22\]:active{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#F4F4F6\]:active{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#FFFFFF\]:active{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@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-\[28px\]{font-size:28px}.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}.lgTablet\:text-\[19px\]{font-size:19px}.lgTablet\:text-\[22px\]{font-size:22px}.lgTablet\:text-\[26px\]{font-size:26px}.lgTablet\:text-\[30px\]{font-size:30px}.lgTablet\:text-\[34px\]{font-size:34px}.lgTablet\:text-\[38px\]{font-size:38px}}@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-\[28px\]{font-size:28px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[40px\]{font-size:40px}.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-\[44px\]{font-size:44px}.lgLaptop\:text-\[68px\]{font-size:68px}.lgLaptop\:text-\[88px\]{font-size:88px}}
3
+ */*,: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}.mx-auto{margin-left:auto;margin-right:auto}.inline-flex{display:inline-flex}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#1F1F22\]{--tw-border-opacity:1;border-color:rgb(31 31 34/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.\!bg-\[\#1212161A\]{background-color:#1212161a!important}.\!bg-\[\#1D57DE\]{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.\!bg-\[\#2662E3\]{--tw-bg-opacity:1!important;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))!important}.\!bg-\[\#FFFFFF1A\]{background-color:#ffffff1a!important}.\!bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.\!bg-white\/50{background-color:hsla(0,0%,100%,.5)!important}.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}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[120\%\]{line-height:120%}.leading-\[130\%\]{line-height:130%}.\!text-\[\#1F1F22\]{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.\!text-\[\#F4F4F6\]{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:\!bg-\[\#121216E5\]:hover{background-color:#121216e5!important}.hover\:\!bg-\[\#1F1F22\]:hover{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.hover\:\!bg-\[\#FFFFFF\]:hover,.hover\:\!bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.hover\:bg-\[\#3B73FF\]:hover{--tw-bg-opacity:1;background-color:rgb(59 115 255/var(--tw-bg-opacity,1))}.hover\:\!text-\[\#1F1F22\]:hover{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#F4F4F6\]:hover{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#FFFFFF\]:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\:shadow-\[0_0_24px_rgba\(59\2c 115\2c 255\2c 0\.65\)\]:hover{--tw-shadow:0 0 24px rgba(59,115,255,.65);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:\!bg-\[\#121216E5\]:active{background-color:#121216e5!important}.active\:\!bg-\[\#1540A2\]:active{--tw-bg-opacity:1!important;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1D57DE\]:active{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1F1F22\]:active{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#FFFFFFE5\]:active{background-color:#ffffffe5!important}.active\:\!bg-white:active{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.active\:\!text-\[\#1F1F22\]:active{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#F4F4F6\]:active{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#FFFFFF\]:active{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@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-\[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-\[28px\]{font-size:28px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}}@media (min-width:1024px){.lgTablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.lgTablet\:text-\[19px\]{font-size:19px}.lgTablet\:text-\[22px\]{font-size:22px}.lgTablet\:text-\[26px\]{font-size:26px}.lgTablet\:text-\[30px\]{font-size:30px}.lgTablet\:text-\[34px\]{font-size:34px}.lgTablet\:text-\[38px\]{font-size:38px}}@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-\[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-\[28px\]{font-size:28px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[40px\]{font-size:40px}}@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-\[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-\[44px\]{font-size:44px}}
package/dist/index.esm.js CHANGED
@@ -30,16 +30,6 @@ const Buttonmd = ({ children, className }) => (jsx("p", { className: `${classNam
30
30
 
31
31
  const Buttonsm = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`, children: children }));
32
32
 
33
- const CaptionMed = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-medium leading-[125%]`, children: children }));
34
-
35
- const CaptionReg = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] leading-[125%]`, children: children }));
36
-
37
- const CaptionSemi = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-semibold leading-[125%]`, children: children }));
38
-
39
- const DpLg = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] font-semibold leading-[112%]`, children: children }));
40
-
41
- const DpMd = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] font-semibold leading-[120%]`, children: children }));
42
-
43
33
  const H1 = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] font-semibold leading-[120%]`, children: children }));
44
34
 
45
35
  const H2 = ({ children, className }) => (jsx("h2", { className: `${className} font-heading text-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] font-semibold leading-[120%]`, children: children }));
@@ -52,8 +42,6 @@ const H5 = ({ children, className }) => (jsx("h5", { className: `${className} fo
52
42
 
53
43
  const H6 = ({ children, className }) => (jsx("h3", { className: `${className} font-heading text-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`, children: children }));
54
44
 
55
- const SubHead = ({ children, className }) => (jsx("h3", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[125%]`, children: children }));
56
-
57
45
  const PrimaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
58
46
  // base look (pill)
59
47
  "inline-flex items-center justify-center rounded-full",
@@ -318,5 +306,5 @@ const SectionLarge = ({ children, sectionClassName, contentClassName, }) => (jsx
318
306
  lgLaptop:px-32 lgLaptop:py-[248px]
319
307
  `, children: jsx("div", { className: `${contentClassName} max-w-[1184px] mx-auto`, children: children }) }));
320
308
 
321
- 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, PrimaryDarkMdButton, PrimaryDarkSmButton, PrimaryLightMdButton, PrimaryLightSmButton, SecondaryDarkMdButton, SecondaryDarkSmButton, SecondaryLightMdButton, SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, SubHead, TertiaryDarkMdButton, TertiaryDarkSmButton, TertiaryLightMdButton, TertiaryLightSmButton };
309
+ export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm, H1, H2, H3, H4, H5, H6, PrimaryDarkMdButton, PrimaryDarkSmButton, PrimaryLightMdButton, PrimaryLightSmButton, SecondaryDarkMdButton, SecondaryDarkSmButton, SecondaryLightMdButton, SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, TertiaryDarkMdButton, TertiaryDarkSmButton, TertiaryLightMdButton, TertiaryLightSmButton };
322
310
  //# sourceMappingURL=index.esm.js.map
package/dist/index.esm.js.map CHANGED
@@ -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\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop: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 Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop: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 Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop: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 Bodylmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop: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 Bodylrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop: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 Bodylsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop: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 Bodymmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop: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 Bodymrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop: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 Bodymsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop: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 Bodysmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] 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] 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] 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\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] font-medium leading-[130%]`}\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 Buttonsm = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`}\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 CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] 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] 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] 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] 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] 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-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] 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-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] 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-[24px] tablet:text-[28px] lgTablet:text-[30px] smLaptop:text-[32px] lgLaptop:text-[36px] 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-[20px] tablet:text-[24px] lgTablet:text-[26px] smLaptop:text-[28px] lgLaptop:text-[28px] 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-[18px] tablet:text-[20px] lgTablet:text-[22px] smLaptop:text-[24px] lgLaptop:text-[24px] 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-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] 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] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </h3>\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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-[1184px] 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-[1184px] 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-[1184px] 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-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx"],"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/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/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] 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] 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] 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] 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] 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] 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] 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] 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] 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] 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] 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] 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\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] font-medium leading-[130%]`}\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 Buttonsm = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`}\r\n >\r\n {children}\r\n </p>\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-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] 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-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] 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-[24px] tablet:text-[28px] lgTablet:text-[30px] smLaptop:text-[32px] lgLaptop:text-[36px] 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-[20px] tablet:text-[24px] lgTablet:text-[26px] smLaptop:text-[28px] lgLaptop:text-[28px] 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-[18px] tablet:text-[20px] lgTablet:text-[22px] smLaptop:text-[24px] lgLaptop:text-[24px] 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-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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-[1184px] 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-[1184px] 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-[1184px] 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-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -32,16 +32,6 @@ const Buttonmd = ({ children, className }) => (jsxRuntime.jsx("p", { className:
32
32
 
33
33
  const Buttonsm = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`, children: children }));
34
34
 
35
- const CaptionMed = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-medium leading-[125%]`, children: children }));
36
-
37
- const CaptionReg = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] leading-[125%]`, children: children }));
38
-
39
- const CaptionSemi = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-semibold leading-[125%]`, children: children }));
40
-
41
- const DpLg = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] font-semibold leading-[112%]`, children: children }));
42
-
43
- const DpMd = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] font-semibold leading-[120%]`, children: children }));
44
-
45
35
  const H1 = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] font-semibold leading-[120%]`, children: children }));
46
36
 
47
37
  const H2 = ({ children, className }) => (jsxRuntime.jsx("h2", { className: `${className} font-heading text-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] font-semibold leading-[120%]`, children: children }));
@@ -54,8 +44,6 @@ const H5 = ({ children, className }) => (jsxRuntime.jsx("h5", { className: `${cl
54
44
 
55
45
  const H6 = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-heading text-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`, children: children }));
56
46
 
57
- const SubHead = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[125%]`, children: children }));
58
-
59
47
  const PrimaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
60
48
  // base look (pill)
61
49
  "inline-flex items-center justify-center rounded-full",
@@ -335,11 +323,6 @@ exports.Bodyxlsb = Bodyxlsb;
335
323
  exports.Button = Button;
336
324
  exports.Buttonmd = Buttonmd;
337
325
  exports.Buttonsm = Buttonsm;
338
- exports.CaptionMed = CaptionMed;
339
- exports.CaptionReg = CaptionReg;
340
- exports.CaptionSemi = CaptionSemi;
341
- exports.DpLg = DpLg;
342
- exports.DpMd = DpMd;
343
326
  exports.H1 = H1;
344
327
  exports.H2 = H2;
345
328
  exports.H3 = H3;
@@ -358,7 +341,6 @@ exports.Section = Section;
358
341
  exports.SectionFooter = SectionFooter;
359
342
  exports.SectionHeader = SectionHeader;
360
343
  exports.SectionLarge = SectionLarge;
361
- exports.SubHead = SubHead;
362
344
  exports.TertiaryDarkMdButton = TertiaryDarkMdButton;
363
345
  exports.TertiaryDarkSmButton = TertiaryDarkSmButton;
364
346
  exports.TertiaryLightMdButton = TertiaryLightMdButton;
package/dist/index.js.map CHANGED
@@ -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\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop: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 Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop: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 Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop: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 Bodylmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop: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 Bodylrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop: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 Bodylsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop: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 Bodymmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop: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 Bodymrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop: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 Bodymsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop: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 Bodysmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] 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] 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] 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\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] font-medium leading-[130%]`}\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 Buttonsm = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`}\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 CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] 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] 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] 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] 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] 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-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] 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-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] 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-[24px] tablet:text-[28px] lgTablet:text-[30px] smLaptop:text-[32px] lgLaptop:text-[36px] 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-[20px] tablet:text-[24px] lgTablet:text-[26px] smLaptop:text-[28px] lgLaptop:text-[28px] 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-[18px] tablet:text-[20px] lgTablet:text-[22px] smLaptop:text-[24px] lgLaptop:text-[24px] 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-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] 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] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </h3>\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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-[1184px] 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-[1184px] 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-[1184px] 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-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx"],"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/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/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] 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] 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] 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] 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] 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] 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] 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] 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] 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] 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] 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] 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\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] font-medium leading-[130%]`}\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 Buttonsm = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`}\r\n >\r\n {children}\r\n </p>\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-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] 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-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] 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-[24px] tablet:text-[28px] lgTablet:text-[30px] smLaptop:text-[32px] lgLaptop:text-[36px] 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-[20px] tablet:text-[24px] lgTablet:text-[26px] smLaptop:text-[28px] lgLaptop:text-[28px] 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-[18px] tablet:text-[20px] lgTablet:text-[22px] smLaptop:text-[24px] lgLaptop:text-[24px] 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-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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 type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\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-[1184px] 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-[1184px] 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-[1184px] 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-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chelcee0422/polaron-design-system",
3
- "version": "2.0.25",
3
+ "version": "2.0.27",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.esm.js",
6
6
  "types": "dist/index.d.ts",