@chelcee0422/polaron-design-system 2.0.24 β 2.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/index.css +1 -1
- package/dist/index.d.ts +37 -13
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +191 -24
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +202 -35
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -16,7 +16,7 @@ A reusable and shareable React component library styled with Tailwind CSS. Built
|
|
|
16
16
|
## π¦ Installation
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install @
|
|
19
|
+
npm install @chelcee0422/polaron-design-system
|
|
20
20
|
```
|
|
21
21
|
---
|
|
22
22
|
|
|
@@ -25,7 +25,7 @@ npm install @coolsday/polaron-design-system
|
|
|
25
25
|
### Import Components
|
|
26
26
|
|
|
27
27
|
```tsx
|
|
28
|
-
import { Button } from '@
|
|
28
|
+
import { Button } from '@chelcee0422/polaron-design-system';
|
|
29
29
|
|
|
30
30
|
function App() {
|
|
31
31
|
return <Button>Click me</Button>;
|
|
@@ -43,7 +43,7 @@ To apply the design systemβs theme in your project:
|
|
|
43
43
|
|
|
44
44
|
```js
|
|
45
45
|
// tailwind.config.js
|
|
46
|
-
const designSystem = require('@
|
|
46
|
+
const designSystem = require('@chelcee0422/polaron-design-system/tailwind/tailwind.config');
|
|
47
47
|
|
|
48
48
|
module.exports = {
|
|
49
49
|
presets: [designSystem],
|
|
@@ -56,7 +56,7 @@ module.exports = {
|
|
|
56
56
|
## π§± Folder Structure
|
|
57
57
|
|
|
58
58
|
```
|
|
59
|
-
@
|
|
59
|
+
@chelcee0422/polaron-design-system/
|
|
60
60
|
βββ src/
|
|
61
61
|
β βββ components/
|
|
62
62
|
β β βββ Button.tsx
|
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}.relative{position:relative}.left-1\/2{left:50%}.top-1\/2{top:50%}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.box-border{box-sizing:border-box}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-none{border-style:none}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[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-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-secondary-dark:hover{background:#fff;color:#1f1f22}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-\[64px\]{padding-bottom:64px}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[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-\[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}}
|
package/dist/index.d.ts
CHANGED
|
@@ -167,85 +167,109 @@ type ButtonProps$b = {
|
|
|
167
167
|
children?: React.ReactNode;
|
|
168
168
|
className?: string;
|
|
169
169
|
onClick?: () => void;
|
|
170
|
+
type?: "button" | "submit" | "reset";
|
|
171
|
+
disabled?: boolean;
|
|
170
172
|
};
|
|
171
|
-
declare const
|
|
173
|
+
declare const PrimaryDarkMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$b) => react_jsx_runtime.JSX.Element;
|
|
172
174
|
|
|
173
175
|
type ButtonProps$a = {
|
|
174
176
|
children?: React.ReactNode;
|
|
175
177
|
className?: string;
|
|
176
178
|
onClick?: () => void;
|
|
179
|
+
type?: "button" | "submit" | "reset";
|
|
180
|
+
disabled?: boolean;
|
|
177
181
|
};
|
|
178
|
-
declare const
|
|
182
|
+
declare const PrimaryDarkSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$a) => react_jsx_runtime.JSX.Element;
|
|
179
183
|
|
|
180
184
|
type ButtonProps$9 = {
|
|
181
185
|
children?: React.ReactNode;
|
|
182
186
|
className?: string;
|
|
183
187
|
onClick?: () => void;
|
|
188
|
+
type?: "button" | "submit" | "reset";
|
|
189
|
+
disabled?: boolean;
|
|
184
190
|
};
|
|
185
|
-
declare const
|
|
191
|
+
declare const PrimaryLightMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$9) => react_jsx_runtime.JSX.Element;
|
|
186
192
|
|
|
187
193
|
type ButtonProps$8 = {
|
|
188
194
|
children?: React.ReactNode;
|
|
189
195
|
className?: string;
|
|
190
196
|
onClick?: () => void;
|
|
197
|
+
type?: "button" | "submit" | "reset";
|
|
198
|
+
disabled?: boolean;
|
|
191
199
|
};
|
|
192
|
-
declare const
|
|
200
|
+
declare const PrimaryLightSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$8) => react_jsx_runtime.JSX.Element;
|
|
193
201
|
|
|
194
202
|
type ButtonProps$7 = {
|
|
195
203
|
children?: React.ReactNode;
|
|
196
204
|
className?: string;
|
|
197
205
|
onClick?: () => void;
|
|
206
|
+
type?: "button" | "submit" | "reset";
|
|
207
|
+
disabled?: boolean;
|
|
198
208
|
};
|
|
199
|
-
declare const
|
|
209
|
+
declare const SecondaryDarkMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$7) => react_jsx_runtime.JSX.Element;
|
|
200
210
|
|
|
201
211
|
type ButtonProps$6 = {
|
|
202
212
|
children?: React.ReactNode;
|
|
203
213
|
className?: string;
|
|
204
214
|
onClick?: () => void;
|
|
215
|
+
type?: "button" | "submit" | "reset";
|
|
216
|
+
disabled?: boolean;
|
|
205
217
|
};
|
|
206
|
-
declare const
|
|
218
|
+
declare const SecondaryDarkSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$6) => react_jsx_runtime.JSX.Element;
|
|
207
219
|
|
|
208
220
|
type ButtonProps$5 = {
|
|
209
221
|
children?: React.ReactNode;
|
|
210
222
|
className?: string;
|
|
211
223
|
onClick?: () => void;
|
|
224
|
+
type?: "button" | "submit" | "reset";
|
|
225
|
+
disabled?: boolean;
|
|
212
226
|
};
|
|
213
|
-
declare const
|
|
227
|
+
declare const SecondaryLightMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$5) => react_jsx_runtime.JSX.Element;
|
|
214
228
|
|
|
215
229
|
type ButtonProps$4 = {
|
|
216
230
|
children?: React.ReactNode;
|
|
217
231
|
className?: string;
|
|
218
232
|
onClick?: () => void;
|
|
233
|
+
type?: "button" | "submit" | "reset";
|
|
234
|
+
disabled?: boolean;
|
|
219
235
|
};
|
|
220
|
-
declare const
|
|
236
|
+
declare const SecondaryLightSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$4) => react_jsx_runtime.JSX.Element;
|
|
221
237
|
|
|
222
238
|
type ButtonProps$3 = {
|
|
223
239
|
children?: React.ReactNode;
|
|
224
240
|
className?: string;
|
|
225
241
|
onClick?: () => void;
|
|
242
|
+
type?: "button" | "submit" | "reset";
|
|
243
|
+
disabled?: boolean;
|
|
226
244
|
};
|
|
227
|
-
declare const
|
|
245
|
+
declare const TertiaryDarkMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$3) => react_jsx_runtime.JSX.Element;
|
|
228
246
|
|
|
229
247
|
type ButtonProps$2 = {
|
|
230
248
|
children?: React.ReactNode;
|
|
231
249
|
className?: string;
|
|
232
250
|
onClick?: () => void;
|
|
251
|
+
type?: "button" | "submit" | "reset";
|
|
252
|
+
disabled?: boolean;
|
|
233
253
|
};
|
|
234
|
-
declare const
|
|
254
|
+
declare const TertiaryDarkSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
|
|
235
255
|
|
|
236
256
|
type ButtonProps$1 = {
|
|
237
257
|
children?: React.ReactNode;
|
|
238
258
|
className?: string;
|
|
239
259
|
onClick?: () => void;
|
|
260
|
+
type?: "button" | "submit" | "reset";
|
|
261
|
+
disabled?: boolean;
|
|
240
262
|
};
|
|
241
|
-
declare const
|
|
263
|
+
declare const TertiaryLightMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
|
|
242
264
|
|
|
243
265
|
type ButtonProps = {
|
|
244
266
|
children?: React.ReactNode;
|
|
245
267
|
className?: string;
|
|
246
268
|
onClick?: () => void;
|
|
269
|
+
type?: "button" | "submit" | "reset";
|
|
270
|
+
disabled?: boolean;
|
|
247
271
|
};
|
|
248
|
-
declare const
|
|
272
|
+
declare const TertiaryLightSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
249
273
|
|
|
250
274
|
type SectionProps$3 = {
|
|
251
275
|
children?: React.ReactNode;
|
|
@@ -275,4 +299,4 @@ type SectionProps = {
|
|
|
275
299
|
};
|
|
276
300
|
declare const SectionLarge: ({ children, sectionClassName, contentClassName, }: SectionProps) => react_jsx_runtime.JSX.Element;
|
|
277
301
|
|
|
278
|
-
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,
|
|
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 };
|
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}.relative{position:relative}.left-1\/2{left:50%}.top-1\/2{top:50%}.z-0{z-index:0}.mx-auto{margin-left:auto;margin-right:auto}.box-border{box-sizing:border-box}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-none{border-style:none}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[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-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-secondary-dark:hover{background:#fff;color:#1f1f22}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-\[64px\]{padding-bottom:64px}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[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-\[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}}
|
package/dist/index.esm.js
CHANGED
|
@@ -54,29 +54,196 @@ const H6 = ({ children, className }) => (jsx("h3", { className: `${className} fo
|
|
|
54
54
|
|
|
55
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
56
|
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
57
|
+
const PrimaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
58
|
+
// base look (pill)
|
|
59
|
+
"inline-flex items-center justify-center rounded-full",
|
|
60
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
61
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
62
|
+
"!bg-[#2662E3] !text-[#F4F4F6]",
|
|
63
|
+
// hover logic
|
|
64
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
65
|
+
// active
|
|
66
|
+
"active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
|
|
67
|
+
// interactions
|
|
68
|
+
"outline-none cursor-pointer select-none",
|
|
69
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
70
|
+
className,
|
|
71
|
+
].join(" "), children: children }));
|
|
72
|
+
|
|
73
|
+
const PrimaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
74
|
+
"inline-flex items-center justify-center rounded-full",
|
|
75
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
76
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
77
|
+
"!bg-[#2662E3] !text-[#F4F4F6]",
|
|
78
|
+
// hover logic
|
|
79
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
80
|
+
// active
|
|
81
|
+
"active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
|
|
82
|
+
// interactions
|
|
83
|
+
"outline-none cursor-pointer select-none",
|
|
84
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
85
|
+
className,
|
|
86
|
+
].join(" "), children: children }));
|
|
87
|
+
|
|
88
|
+
const PrimaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
89
|
+
// base look (pill)
|
|
90
|
+
"inline-flex items-center justify-center rounded-full",
|
|
91
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
92
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
93
|
+
"!bg-[#1D57DE] !text-[#F4F4F6]",
|
|
94
|
+
// hover logic
|
|
95
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
96
|
+
// active
|
|
97
|
+
"active:!bg-[#1540A2] active:!text-[#F4F4F6]",
|
|
98
|
+
// interactions
|
|
99
|
+
"outline-none cursor-pointer select-none",
|
|
100
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
101
|
+
className,
|
|
102
|
+
].join(" "), children: children }));
|
|
103
|
+
|
|
104
|
+
const PrimaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
105
|
+
"inline-flex items-center justify-center rounded-full",
|
|
106
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
107
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
108
|
+
"!bg-[#1D57DE] !text-[#F4F4F6]",
|
|
109
|
+
// hover logic
|
|
110
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
111
|
+
// active
|
|
112
|
+
"active:!bg-[#1540A2] active:!text-[#F4F4F6]",
|
|
113
|
+
// interactions
|
|
114
|
+
"outline-none cursor-pointer select-none",
|
|
115
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
116
|
+
className,
|
|
117
|
+
].join(" "), children: children }));
|
|
118
|
+
|
|
119
|
+
const SecondaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
120
|
+
// base look (pill)
|
|
121
|
+
"inline-flex items-center justify-center rounded-full",
|
|
122
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
123
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
124
|
+
"border border-white",
|
|
125
|
+
"!bg-white/10 backdrop-blur-sm !text-white",
|
|
126
|
+
// hover logic
|
|
127
|
+
"hover:!bg-white hover:!text-[#1F1F22]",
|
|
128
|
+
// active
|
|
129
|
+
"active:!bg-white active:!text-[#1F1F22]",
|
|
130
|
+
// interactions
|
|
131
|
+
"outline-none cursor-pointer select-none",
|
|
132
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
133
|
+
className,
|
|
134
|
+
].join(" "), children: children }));
|
|
135
|
+
|
|
136
|
+
const SecondaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
137
|
+
"inline-flex items-center justify-center rounded-full",
|
|
138
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
139
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
140
|
+
"border border-white",
|
|
141
|
+
"!bg-white/10 backdrop-blur-sm !text-white",
|
|
142
|
+
// hover logic
|
|
143
|
+
"hover:!bg-white hover:!text-[#1F1F22]",
|
|
144
|
+
// active
|
|
145
|
+
"active:!bg-white active:!text-[#1F1F22]",
|
|
146
|
+
// interactions
|
|
147
|
+
"outline-none cursor-pointer select-none",
|
|
148
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
149
|
+
className,
|
|
150
|
+
].join(" "), children: children }));
|
|
151
|
+
|
|
152
|
+
const SecondaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
153
|
+
// base look (pill)
|
|
154
|
+
"inline-flex items-center justify-center rounded-full",
|
|
155
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
156
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
157
|
+
"border border-[#1F1F22]",
|
|
158
|
+
"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
|
|
159
|
+
// hover logic
|
|
160
|
+
"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
|
|
161
|
+
// active
|
|
162
|
+
"active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
|
|
163
|
+
// interactions
|
|
164
|
+
"outline-none cursor-pointer select-none",
|
|
165
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
166
|
+
className,
|
|
167
|
+
].join(" "), children: children }));
|
|
168
|
+
|
|
169
|
+
const SecondaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
170
|
+
// base look (pill)
|
|
171
|
+
"inline-flex items-center justify-center rounded-full",
|
|
172
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
173
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
174
|
+
"border border-[#1F1F22]",
|
|
175
|
+
"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
|
|
176
|
+
// hover logic
|
|
177
|
+
"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
|
|
178
|
+
// active
|
|
179
|
+
"active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
|
|
180
|
+
// interactions
|
|
181
|
+
"outline-none cursor-pointer select-none",
|
|
182
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
183
|
+
className,
|
|
184
|
+
].join(" "), children: children }));
|
|
185
|
+
|
|
186
|
+
const TertiaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
187
|
+
// base look (pill)
|
|
188
|
+
"inline-flex items-center justify-center rounded-full",
|
|
189
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
190
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
191
|
+
"!bg-[#FFFFFF1A] !text-[#F4F4F6]",
|
|
192
|
+
// hover logic
|
|
193
|
+
"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
|
|
194
|
+
// active
|
|
195
|
+
"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
|
|
196
|
+
// interactions
|
|
197
|
+
"outline-none cursor-pointer select-none",
|
|
198
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
199
|
+
className,
|
|
200
|
+
].join(" "), children: children }));
|
|
201
|
+
|
|
202
|
+
const TertiaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
203
|
+
"inline-flex items-center justify-center rounded-full",
|
|
204
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
205
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
206
|
+
"!bg-[#FFFFFF1A] !text-[#F4F4F6]",
|
|
207
|
+
// hover logic
|
|
208
|
+
"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
|
|
209
|
+
// active
|
|
210
|
+
"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
|
|
211
|
+
// interactions
|
|
212
|
+
"outline-none cursor-pointer select-none",
|
|
213
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
214
|
+
className,
|
|
215
|
+
].join(" "), children: children }));
|
|
216
|
+
|
|
217
|
+
const TertiaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
218
|
+
// base look (pill)
|
|
219
|
+
"inline-flex items-center justify-center rounded-full",
|
|
220
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
221
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
222
|
+
"!bg-[#1212161A] !text-[#1F1F22]",
|
|
223
|
+
// hover logic
|
|
224
|
+
"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
|
|
225
|
+
// active
|
|
226
|
+
"active:!bg-[#121216E5] active:!text-[#FFFFFF]",
|
|
227
|
+
// interactions
|
|
228
|
+
"outline-none cursor-pointer select-none",
|
|
229
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
230
|
+
className,
|
|
231
|
+
].join(" "), children: children }));
|
|
232
|
+
|
|
233
|
+
const TertiaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
234
|
+
"inline-flex items-center justify-center rounded-full",
|
|
235
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
236
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
237
|
+
"!bg-[#1212161A] !text-[#1F1F22]",
|
|
238
|
+
// hover logic
|
|
239
|
+
"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
|
|
240
|
+
// active
|
|
241
|
+
"active:!bg-[#121216E5] active:!text-[#FFFFFF]",
|
|
242
|
+
// interactions
|
|
243
|
+
"outline-none cursor-pointer select-none",
|
|
244
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
245
|
+
className,
|
|
246
|
+
].join(" "), children: children }));
|
|
80
247
|
|
|
81
248
|
// this is for the regular section in the middle of the page
|
|
82
249
|
const Section = ({ children, sectionClassName, contentClassName, }) => (jsx("section", { className: `
|
|
@@ -151,5 +318,5 @@ const SectionLarge = ({ children, sectionClassName, contentClassName, }) => (jsx
|
|
|
151
318
|
lgLaptop:px-32 lgLaptop:py-[248px]
|
|
152
319
|
`, children: jsx("div", { className: `${contentClassName} max-w-[1184px] mx-auto`, children: children }) }));
|
|
153
320
|
|
|
154
|
-
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,
|
|
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 };
|
|
155
322
|
//# 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//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-dark relative text-white text-center no-underline box-border rounded-full border border-white bg-[length:400%] outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\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};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}\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};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}\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};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}\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};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}\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","ButtonMed","ButtonSm"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] 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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"}
|
package/dist/index.js
CHANGED
|
@@ -56,29 +56,196 @@ const H6 = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${cl
|
|
|
56
56
|
|
|
57
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
58
|
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
const
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
59
|
+
const PrimaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
60
|
+
// base look (pill)
|
|
61
|
+
"inline-flex items-center justify-center rounded-full",
|
|
62
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
63
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
64
|
+
"!bg-[#2662E3] !text-[#F4F4F6]",
|
|
65
|
+
// hover logic
|
|
66
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
67
|
+
// active
|
|
68
|
+
"active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
|
|
69
|
+
// interactions
|
|
70
|
+
"outline-none cursor-pointer select-none",
|
|
71
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
72
|
+
className,
|
|
73
|
+
].join(" "), children: children }));
|
|
74
|
+
|
|
75
|
+
const PrimaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
76
|
+
"inline-flex items-center justify-center rounded-full",
|
|
77
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
78
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
79
|
+
"!bg-[#2662E3] !text-[#F4F4F6]",
|
|
80
|
+
// hover logic
|
|
81
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
82
|
+
// active
|
|
83
|
+
"active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
|
|
84
|
+
// interactions
|
|
85
|
+
"outline-none cursor-pointer select-none",
|
|
86
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
87
|
+
className,
|
|
88
|
+
].join(" "), children: children }));
|
|
89
|
+
|
|
90
|
+
const PrimaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
91
|
+
// base look (pill)
|
|
92
|
+
"inline-flex items-center justify-center rounded-full",
|
|
93
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
94
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
95
|
+
"!bg-[#1D57DE] !text-[#F4F4F6]",
|
|
96
|
+
// hover logic
|
|
97
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
98
|
+
// active
|
|
99
|
+
"active:!bg-[#1540A2] active:!text-[#F4F4F6]",
|
|
100
|
+
// interactions
|
|
101
|
+
"outline-none cursor-pointer select-none",
|
|
102
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
103
|
+
className,
|
|
104
|
+
].join(" "), children: children }));
|
|
105
|
+
|
|
106
|
+
const PrimaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
107
|
+
"inline-flex items-center justify-center rounded-full",
|
|
108
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
109
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
110
|
+
"!bg-[#1D57DE] !text-[#F4F4F6]",
|
|
111
|
+
// hover logic
|
|
112
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
113
|
+
// active
|
|
114
|
+
"active:!bg-[#1540A2] active:!text-[#F4F4F6]",
|
|
115
|
+
// interactions
|
|
116
|
+
"outline-none cursor-pointer select-none",
|
|
117
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
118
|
+
className,
|
|
119
|
+
].join(" "), children: children }));
|
|
120
|
+
|
|
121
|
+
const SecondaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
122
|
+
// base look (pill)
|
|
123
|
+
"inline-flex items-center justify-center rounded-full",
|
|
124
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
125
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
126
|
+
"border border-white",
|
|
127
|
+
"!bg-white/10 backdrop-blur-sm !text-white",
|
|
128
|
+
// hover logic
|
|
129
|
+
"hover:!bg-white hover:!text-[#1F1F22]",
|
|
130
|
+
// active
|
|
131
|
+
"active:!bg-white active:!text-[#1F1F22]",
|
|
132
|
+
// interactions
|
|
133
|
+
"outline-none cursor-pointer select-none",
|
|
134
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
135
|
+
className,
|
|
136
|
+
].join(" "), children: children }));
|
|
137
|
+
|
|
138
|
+
const SecondaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
139
|
+
"inline-flex items-center justify-center rounded-full",
|
|
140
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
141
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
142
|
+
"border border-white",
|
|
143
|
+
"!bg-white/10 backdrop-blur-sm !text-white",
|
|
144
|
+
// hover logic
|
|
145
|
+
"hover:!bg-white hover:!text-[#1F1F22]",
|
|
146
|
+
// active
|
|
147
|
+
"active:!bg-white active:!text-[#1F1F22]",
|
|
148
|
+
// interactions
|
|
149
|
+
"outline-none cursor-pointer select-none",
|
|
150
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
151
|
+
className,
|
|
152
|
+
].join(" "), children: children }));
|
|
153
|
+
|
|
154
|
+
const SecondaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
155
|
+
// base look (pill)
|
|
156
|
+
"inline-flex items-center justify-center rounded-full",
|
|
157
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
158
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
159
|
+
"border border-[#1F1F22]",
|
|
160
|
+
"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
|
|
161
|
+
// hover logic
|
|
162
|
+
"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
|
|
163
|
+
// active
|
|
164
|
+
"active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
|
|
165
|
+
// interactions
|
|
166
|
+
"outline-none cursor-pointer select-none",
|
|
167
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
168
|
+
className,
|
|
169
|
+
].join(" "), children: children }));
|
|
170
|
+
|
|
171
|
+
const SecondaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
172
|
+
// base look (pill)
|
|
173
|
+
"inline-flex items-center justify-center rounded-full",
|
|
174
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
175
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
176
|
+
"border border-[#1F1F22]",
|
|
177
|
+
"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
|
|
178
|
+
// hover logic
|
|
179
|
+
"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
|
|
180
|
+
// active
|
|
181
|
+
"active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
|
|
182
|
+
// interactions
|
|
183
|
+
"outline-none cursor-pointer select-none",
|
|
184
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
185
|
+
className,
|
|
186
|
+
].join(" "), children: children }));
|
|
187
|
+
|
|
188
|
+
const TertiaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
189
|
+
// base look (pill)
|
|
190
|
+
"inline-flex items-center justify-center rounded-full",
|
|
191
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
192
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
193
|
+
"!bg-[#FFFFFF1A] !text-[#F4F4F6]",
|
|
194
|
+
// hover logic
|
|
195
|
+
"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
|
|
196
|
+
// active
|
|
197
|
+
"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
|
|
198
|
+
// interactions
|
|
199
|
+
"outline-none cursor-pointer select-none",
|
|
200
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
201
|
+
className,
|
|
202
|
+
].join(" "), children: children }));
|
|
203
|
+
|
|
204
|
+
const TertiaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
205
|
+
"inline-flex items-center justify-center rounded-full",
|
|
206
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
207
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
208
|
+
"!bg-[#FFFFFF1A] !text-[#F4F4F6]",
|
|
209
|
+
// hover logic
|
|
210
|
+
"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
|
|
211
|
+
// active
|
|
212
|
+
"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
|
|
213
|
+
// interactions
|
|
214
|
+
"outline-none cursor-pointer select-none",
|
|
215
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
216
|
+
className,
|
|
217
|
+
].join(" "), children: children }));
|
|
218
|
+
|
|
219
|
+
const TertiaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
220
|
+
// base look (pill)
|
|
221
|
+
"inline-flex items-center justify-center rounded-full",
|
|
222
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
223
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
224
|
+
"!bg-[#1212161A] !text-[#1F1F22]",
|
|
225
|
+
// hover logic
|
|
226
|
+
"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
|
|
227
|
+
// active
|
|
228
|
+
"active:!bg-[#121216E5] active:!text-[#FFFFFF]",
|
|
229
|
+
// interactions
|
|
230
|
+
"outline-none cursor-pointer select-none",
|
|
231
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
232
|
+
className,
|
|
233
|
+
].join(" "), children: children }));
|
|
234
|
+
|
|
235
|
+
const TertiaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
236
|
+
"inline-flex items-center justify-center rounded-full",
|
|
237
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
238
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
239
|
+
"!bg-[#1212161A] !text-[#1F1F22]",
|
|
240
|
+
// hover logic
|
|
241
|
+
"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
|
|
242
|
+
// active
|
|
243
|
+
"active:!bg-[#121216E5] active:!text-[#FFFFFF]",
|
|
244
|
+
// interactions
|
|
245
|
+
"outline-none cursor-pointer select-none",
|
|
246
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
247
|
+
className,
|
|
248
|
+
].join(" "), children: children }));
|
|
82
249
|
|
|
83
250
|
// this is for the regular section in the middle of the page
|
|
84
251
|
const Section = ({ children, sectionClassName, contentClassName, }) => (jsxRuntime.jsx("section", { className: `
|
|
@@ -179,21 +346,21 @@ exports.H3 = H3;
|
|
|
179
346
|
exports.H4 = H4;
|
|
180
347
|
exports.H5 = H5;
|
|
181
348
|
exports.H6 = H6;
|
|
182
|
-
exports.
|
|
183
|
-
exports.
|
|
184
|
-
exports.
|
|
185
|
-
exports.
|
|
186
|
-
exports.SecondaryDarkMdButton =
|
|
187
|
-
exports.SecondaryDarkSmButton =
|
|
188
|
-
exports.
|
|
189
|
-
exports.SecondaryLightSmButton =
|
|
349
|
+
exports.PrimaryDarkMdButton = PrimaryDarkMdButton;
|
|
350
|
+
exports.PrimaryDarkSmButton = PrimaryDarkSmButton;
|
|
351
|
+
exports.PrimaryLightMdButton = PrimaryLightMdButton;
|
|
352
|
+
exports.PrimaryLightSmButton = PrimaryLightSmButton;
|
|
353
|
+
exports.SecondaryDarkMdButton = SecondaryDarkMdButton;
|
|
354
|
+
exports.SecondaryDarkSmButton = SecondaryDarkSmButton;
|
|
355
|
+
exports.SecondaryLightMdButton = SecondaryLightMdButton;
|
|
356
|
+
exports.SecondaryLightSmButton = SecondaryLightSmButton;
|
|
190
357
|
exports.Section = Section;
|
|
191
358
|
exports.SectionFooter = SectionFooter;
|
|
192
359
|
exports.SectionHeader = SectionHeader;
|
|
193
360
|
exports.SectionLarge = SectionLarge;
|
|
194
361
|
exports.SubHead = SubHead;
|
|
195
|
-
exports.
|
|
196
|
-
exports.
|
|
197
|
-
exports.
|
|
198
|
-
exports.
|
|
362
|
+
exports.TertiaryDarkMdButton = TertiaryDarkMdButton;
|
|
363
|
+
exports.TertiaryDarkSmButton = TertiaryDarkSmButton;
|
|
364
|
+
exports.TertiaryLightMdButton = TertiaryLightMdButton;
|
|
365
|
+
exports.TertiaryLightSmButton = TertiaryLightSmButton;
|
|
199
366
|
//# sourceMappingURL=index.js.map
|
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//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-dark relative text-white text-center no-underline box-border rounded-full border border-white bg-[length:400%] outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\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};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}\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};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}\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};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}\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};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}\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","ButtonMed","ButtonSm"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] 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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"}
|