@chelcee0422/polaron-design-system 2.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +157 -0
  2. package/dist/index.css +3 -0
  3. package/dist/index.d.ts +278 -0
  4. package/dist/index.esm.css +3 -0
  5. package/dist/index.esm.js +90 -0
  6. package/dist/index.esm.js.map +1 -0
  7. package/dist/index.js +134 -0
  8. package/dist/index.js.map +1 -0
  9. package/package.json +52 -0
  10. package/src/assets/fonts/Inter-Regular.woff2 +0 -0
  11. package/src/assets/fonts/Poppins-Regular.woff2 +0 -0
  12. package/tailwind/tailwind.config.js +99 -0
package/README.md ADDED
@@ -0,0 +1,157 @@
1
+ # Polaron Design System
2
+
3
+ A reusable and shareable React component library styled with Tailwind CSS. Built for teams and individuals who want consistent UI components and a custom Tailwind theme across multiple projects.
4
+
5
+
6
+ ## ✨ Features
7
+
8
+ - βš›οΈ React components with full TypeScript support
9
+ - 🎨 Customizable Tailwind CSS theme
10
+ - πŸ“¦ Build-ready with Rollup
11
+ - πŸͺ„ Easy to extend via Tailwind `presets`
12
+ - πŸ“ Exported `tailwind.config` for consistent theming across apps
13
+
14
+ ---
15
+
16
+ ## πŸ“¦ Installation
17
+
18
+ ```bash
19
+ npm install @coolsday/polaron-design-system
20
+ ```
21
+ ---
22
+
23
+ ## πŸš€ Usage
24
+
25
+ ### Import Components
26
+
27
+ ```tsx
28
+ import { Button } from '@coolsday/polaron-design-system';
29
+
30
+ function App() {
31
+ return <Button>Click me</Button>;
32
+ }
33
+ ```
34
+
35
+ ---
36
+
37
+ ## 🎨 Using the Shared Tailwind Config
38
+
39
+ To apply the design system’s theme in your project:
40
+
41
+ 1. Create a `tailwind.config.js` in your app root
42
+ 2. Use the `preset` from the design system
43
+
44
+ ```js
45
+ // tailwind.config.js
46
+ const designSystem = require('@coolsday/polaron-design-system/tailwind/tailwind.config');
47
+
48
+ module.exports = {
49
+ presets: [designSystem],
50
+ content: ['./src/**/*.{js,ts,jsx,tsx}'],
51
+ };
52
+ ```
53
+
54
+ ---
55
+
56
+ ## 🧱 Folder Structure
57
+
58
+ ```
59
+ @coolsday/polaron-design-system/
60
+ β”œβ”€β”€ src/
61
+ β”‚ β”œβ”€β”€ components/
62
+ β”‚ β”‚ └── Button.tsx
63
+ β”‚ └── styles/
64
+ β”‚ └── index.css
65
+ β”œβ”€β”€ tailwind/
66
+ β”‚ └── tailwind.config.js
67
+ β”œβ”€β”€ package.json
68
+ β”œβ”€β”€ tsconfig.json
69
+ β”œβ”€β”€ postcss.config.js
70
+ └── rollup.config.js
71
+ ```
72
+
73
+ ---
74
+
75
+ ## πŸ›  Development
76
+
77
+ ### Install Dependencies
78
+
79
+ ```bash
80
+ npm install
81
+ ```
82
+
83
+ ### Build the Library
84
+
85
+ ```bash
86
+ npm run build
87
+ ```
88
+
89
+ This creates a production-ready build in the `dist/` folder.
90
+
91
+ ---
92
+
93
+ ## πŸ“¦ Publishing to npm
94
+
95
+ 1. Make sure you're logged in:
96
+
97
+ ```bash
98
+ npm login
99
+ ```
100
+
101
+ 2. Publish the package:
102
+
103
+ ```bash
104
+ npm publish --access public
105
+ ```
106
+
107
+ ---
108
+
109
+ ## 🧩 Tailwind Theme (Preset)
110
+
111
+ Shared in `tailwind/tailwind.config.js`:
112
+
113
+ ```js
114
+ theme: {
115
+ extend: {
116
+ colors: {
117
+ brand: {
118
+ light: '#3ABFF8',
119
+ DEFAULT: '#1E40AF',
120
+ dark: '#1E3A8A',
121
+ },
122
+ },
123
+ fontFamily: {
124
+ sans: ['Inter', 'sans-serif'],
125
+ },
126
+ },
127
+ }
128
+ ```
129
+
130
+ Usage in your app:
131
+
132
+ ```html
133
+ <div className="bg-brand text-white font-sans">Hello</div>
134
+ ```
135
+
136
+ ---
137
+
138
+ ## πŸ“˜ Components
139
+
140
+ | Component | Description |
141
+ | --------- | ---------------------------------------------- |
142
+ | `Button` | A basic button component with Tailwind styling |
143
+
144
+ ---
145
+
146
+ ## πŸ“„ License
147
+
148
+ MIT β€” Β© Polaron Solar Corp
149
+
150
+ ---
151
+
152
+ ## πŸ”— Coming Soon (Optional)
153
+
154
+ * [ ] Storybook integration
155
+ * [ ] CI/CD with GitHub Actions
156
+ * [ ] More reusable components (e.g. Input, Card, Modal)
157
+
package/dist/index.css ADDED
@@ -0,0 +1,3 @@
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
+ ! 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-\[1540px\]{max-width:1540px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-14{padding-bottom:3.5rem}.pb-\[48px\]{padding-bottom:48px}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[112\%\]{line-height:112%}.leading-\[120\%\]{line-height:120%}.leading-\[125\%\]{line-height:125%}.leading-\[130\%\]{line-height:130%}.text-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-16{padding-bottom:4rem}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}.tablet\:text-\[52px\]{font-size:52px}.tablet\:text-\[64px\]{font-size:64px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[12px\]{font-size:12px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[48px\]{font-size:48px}.smLaptop\:text-\[68px\]{font-size:68px}.smLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1440px){.lglaptop\:px-32{padding-left:8rem;padding-right:8rem}.lglaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lglaptop\:pb-\[128px\]{padding-bottom:128px}.lglaptop\:pb-\[248px\]{padding-bottom:248px}.lglaptop\:pt-\[248px\]{padding-top:248px}}@media (min-width:1920px){.desktop\:text-\[14px\]{font-size:14px}.desktop\:text-\[16px\]{font-size:16px}.desktop\:text-\[18px\]{font-size:18px}.desktop\:text-\[20px\]{font-size:20px}.desktop\:text-\[24px\]{font-size:24px}.desktop\:text-\[28px\]{font-size:28px}.desktop\:text-\[32px\]{font-size:32px}.desktop\:text-\[40px\]{font-size:40px}.desktop\:text-\[48px\]{font-size:48px}.desktop\:text-\[64px\]{font-size:64px}.desktop\:text-\[80px\]{font-size:80px}.desktop\:text-\[96px\]{font-size:96px}}
package/dist/index.d.ts ADDED
@@ -0,0 +1,278 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import React from 'react';
3
+
4
+ type ButtonProps$c = {
5
+ children?: React.ReactNode;
6
+ className?: string;
7
+ };
8
+ declare const Button: ({ children, className }: ButtonProps$c) => react_jsx_runtime.JSX.Element;
9
+
10
+ type BodyProps$d = {
11
+ children?: React.ReactNode;
12
+ className?: string;
13
+ };
14
+ declare const Bodyxlmd: ({ children, className }: BodyProps$d) => react_jsx_runtime.JSX.Element;
15
+
16
+ type BodyProps$c = {
17
+ children?: React.ReactNode;
18
+ className?: string;
19
+ };
20
+ declare const Bodyxlrg: ({ children, className }: BodyProps$c) => react_jsx_runtime.JSX.Element;
21
+
22
+ type BodyProps$b = {
23
+ children?: React.ReactNode;
24
+ className?: string;
25
+ };
26
+ declare const Bodyxlsb: ({ children, className }: BodyProps$b) => react_jsx_runtime.JSX.Element;
27
+
28
+ type BodyProps$a = {
29
+ children?: React.ReactNode;
30
+ className?: string;
31
+ };
32
+ declare const Bodylmd: ({ children, className }: BodyProps$a) => react_jsx_runtime.JSX.Element;
33
+
34
+ type BodyProps$9 = {
35
+ children?: React.ReactNode;
36
+ className?: string;
37
+ };
38
+ declare const Bodylrg: ({ children, className }: BodyProps$9) => react_jsx_runtime.JSX.Element;
39
+
40
+ type BodyProps$8 = {
41
+ children?: React.ReactNode;
42
+ className?: string;
43
+ };
44
+ declare const Bodylsb: ({ children, className }: BodyProps$8) => react_jsx_runtime.JSX.Element;
45
+
46
+ type BodyProps$7 = {
47
+ children?: React.ReactNode;
48
+ className?: string;
49
+ };
50
+ declare const Bodymmd: ({ children, className }: BodyProps$7) => react_jsx_runtime.JSX.Element;
51
+
52
+ type BodyProps$6 = {
53
+ children?: React.ReactNode;
54
+ className?: string;
55
+ };
56
+ declare const Bodymrg: ({ children, className }: BodyProps$6) => react_jsx_runtime.JSX.Element;
57
+
58
+ type BodyProps$5 = {
59
+ children?: React.ReactNode;
60
+ className?: string;
61
+ };
62
+ declare const Bodymsb: ({ children, className }: BodyProps$5) => react_jsx_runtime.JSX.Element;
63
+
64
+ type BodyProps$4 = {
65
+ children?: React.ReactNode;
66
+ className?: string;
67
+ };
68
+ declare const Bodysmd: ({ children, className }: BodyProps$4) => react_jsx_runtime.JSX.Element;
69
+
70
+ type BodyProps$3 = {
71
+ children?: React.ReactNode;
72
+ className?: string;
73
+ };
74
+ declare const Bodysrg: ({ children, className }: BodyProps$3) => react_jsx_runtime.JSX.Element;
75
+
76
+ type BodyProps$2 = {
77
+ children?: React.ReactNode;
78
+ className?: string;
79
+ };
80
+ declare const Bodyssb: ({ children, className }: BodyProps$2) => react_jsx_runtime.JSX.Element;
81
+
82
+ type BodyProps$1 = {
83
+ children?: React.ReactNode;
84
+ className?: string;
85
+ };
86
+ declare const Buttonmd: ({ children, className }: BodyProps$1) => react_jsx_runtime.JSX.Element;
87
+
88
+ type BodyProps = {
89
+ children?: React.ReactNode;
90
+ className?: string;
91
+ };
92
+ declare const Buttonsm: ({ children, className }: BodyProps) => react_jsx_runtime.JSX.Element;
93
+
94
+ type CaptionProps$2 = {
95
+ children?: React.ReactNode;
96
+ className?: string;
97
+ };
98
+ declare const CaptionMed: ({ children, className }: CaptionProps$2) => react_jsx_runtime.JSX.Element;
99
+
100
+ type CaptionProps$1 = {
101
+ children?: React.ReactNode;
102
+ className?: string;
103
+ };
104
+ declare const CaptionReg: ({ children, className }: CaptionProps$1) => react_jsx_runtime.JSX.Element;
105
+
106
+ type CaptionProps = {
107
+ children?: React.ReactNode;
108
+ className?: string;
109
+ };
110
+ declare const CaptionSemi: ({ children, className }: CaptionProps) => react_jsx_runtime.JSX.Element;
111
+
112
+ type DpLgProps = {
113
+ children?: React.ReactNode;
114
+ className?: string;
115
+ };
116
+ declare const DpLg: ({ children, className }: DpLgProps) => react_jsx_runtime.JSX.Element;
117
+
118
+ type DpMdProps = {
119
+ children?: React.ReactNode;
120
+ className?: string;
121
+ };
122
+ declare const DpMd: ({ children, className }: DpMdProps) => react_jsx_runtime.JSX.Element;
123
+
124
+ type H1Props = {
125
+ children?: React.ReactNode;
126
+ className?: string;
127
+ };
128
+ declare const H1: ({ children, className }: H1Props) => react_jsx_runtime.JSX.Element;
129
+
130
+ type H2Props = {
131
+ children?: React.ReactNode;
132
+ className?: string;
133
+ };
134
+ declare const H2: ({ children, className }: H2Props) => react_jsx_runtime.JSX.Element;
135
+
136
+ type H3Props = {
137
+ children?: React.ReactNode;
138
+ className?: string;
139
+ };
140
+ declare const H3: ({ children, className }: H3Props) => react_jsx_runtime.JSX.Element;
141
+
142
+ type H4Props = {
143
+ children?: React.ReactNode;
144
+ className?: string;
145
+ };
146
+ declare const H4: ({ children, className }: H4Props) => react_jsx_runtime.JSX.Element;
147
+
148
+ type H5Props = {
149
+ children?: React.ReactNode;
150
+ className?: string;
151
+ };
152
+ declare const H5: ({ children, className }: H5Props) => react_jsx_runtime.JSX.Element;
153
+
154
+ type H6Props = {
155
+ children?: React.ReactNode;
156
+ className?: string;
157
+ };
158
+ declare const H6: ({ children, className }: H6Props) => react_jsx_runtime.JSX.Element;
159
+
160
+ type SubHeadProps = {
161
+ children?: React.ReactNode;
162
+ className?: string;
163
+ };
164
+ declare const SubHead: ({ children, className }: SubHeadProps) => react_jsx_runtime.JSX.Element;
165
+
166
+ type ButtonProps$b = {
167
+ children?: React.ReactNode;
168
+ className?: string;
169
+ onClick?: () => void;
170
+ };
171
+ declare const ButtonMed$5: ({ children, className, onClick }: ButtonProps$b) => react_jsx_runtime.JSX.Element;
172
+
173
+ type ButtonProps$a = {
174
+ children?: React.ReactNode;
175
+ className?: string;
176
+ onClick?: () => void;
177
+ };
178
+ declare const ButtonSm$5: ({ children, className, onClick }: ButtonProps$a) => react_jsx_runtime.JSX.Element;
179
+
180
+ type ButtonProps$9 = {
181
+ children?: React.ReactNode;
182
+ className?: string;
183
+ onClick?: () => void;
184
+ };
185
+ declare const ButtonMed$4: ({ children, className, onClick }: ButtonProps$9) => react_jsx_runtime.JSX.Element;
186
+
187
+ type ButtonProps$8 = {
188
+ children?: React.ReactNode;
189
+ className?: string;
190
+ onClick?: () => void;
191
+ };
192
+ declare const ButtonSm$4: ({ children, className, onClick }: ButtonProps$8) => react_jsx_runtime.JSX.Element;
193
+
194
+ type ButtonProps$7 = {
195
+ children?: React.ReactNode;
196
+ className?: string;
197
+ onClick?: () => void;
198
+ };
199
+ declare const ButtonMed$3: ({ children, className, onClick }: ButtonProps$7) => react_jsx_runtime.JSX.Element;
200
+
201
+ type ButtonProps$6 = {
202
+ children?: React.ReactNode;
203
+ className?: string;
204
+ onClick?: () => void;
205
+ };
206
+ declare const ButtonSm$3: ({ children, className, onClick }: ButtonProps$6) => react_jsx_runtime.JSX.Element;
207
+
208
+ type ButtonProps$5 = {
209
+ children?: React.ReactNode;
210
+ className?: string;
211
+ onClick?: () => void;
212
+ };
213
+ declare const ButtonMed$2: ({ children, className, onClick }: ButtonProps$5) => react_jsx_runtime.JSX.Element;
214
+
215
+ type ButtonProps$4 = {
216
+ children?: React.ReactNode;
217
+ className?: string;
218
+ onClick?: () => void;
219
+ };
220
+ declare const ButtonSm$2: ({ children, className, onClick }: ButtonProps$4) => react_jsx_runtime.JSX.Element;
221
+
222
+ type ButtonProps$3 = {
223
+ children?: React.ReactNode;
224
+ className?: string;
225
+ onClick?: () => void;
226
+ };
227
+ declare const ButtonMed$1: ({ children, className, onClick }: ButtonProps$3) => react_jsx_runtime.JSX.Element;
228
+
229
+ type ButtonProps$2 = {
230
+ children?: React.ReactNode;
231
+ className?: string;
232
+ onClick?: () => void;
233
+ };
234
+ declare const ButtonSm$1: ({ children, className, onClick }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
235
+
236
+ type ButtonProps$1 = {
237
+ children?: React.ReactNode;
238
+ className?: string;
239
+ onClick?: () => void;
240
+ };
241
+ declare const ButtonMed: ({ children, className, onClick }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
242
+
243
+ type ButtonProps = {
244
+ children?: React.ReactNode;
245
+ className?: string;
246
+ onClick?: () => void;
247
+ };
248
+ declare const ButtonSm: ({ children, className, onClick }: ButtonProps) => react_jsx_runtime.JSX.Element;
249
+
250
+ type SectionProps$3 = {
251
+ children?: React.ReactNode;
252
+ sectionClassName?: string;
253
+ contentClassName?: string;
254
+ };
255
+ declare const Section: ({ children, sectionClassName, contentClassName }: SectionProps$3) => react_jsx_runtime.JSX.Element;
256
+
257
+ type SectionProps$2 = {
258
+ children?: React.ReactNode;
259
+ sectionClassName?: string;
260
+ contentClassName?: string;
261
+ };
262
+ declare const SectionFooter: ({ children, sectionClassName, contentClassName }: SectionProps$2) => react_jsx_runtime.JSX.Element;
263
+
264
+ type SectionProps$1 = {
265
+ children?: React.ReactNode;
266
+ sectionClassName?: string;
267
+ contentClassName?: string;
268
+ };
269
+ declare const SectionHeader: ({ children, sectionClassName, contentClassName }: SectionProps$1) => react_jsx_runtime.JSX.Element;
270
+
271
+ type SectionProps = {
272
+ children?: React.ReactNode;
273
+ sectionClassName?: string;
274
+ contentClassName?: string;
275
+ };
276
+ declare const SectionLarge: ({ children, sectionClassName, contentClassName }: SectionProps) => react_jsx_runtime.JSX.Element;
277
+
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, ButtonMed$5 as PrimaryDarkButtonMd, ButtonSm$5 as PrimaryDarkButtonSm, ButtonMed$4 as PrimaryLightButtonMd, ButtonSm$4 as PrimaryLightButtonSm, ButtonMed$3 as SecondaryDarkMdButton, ButtonSm$3 as SecondaryDarkSmButton, ButtonMed$2 as SecondaryLightMedButton, ButtonSm$2 as SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, SubHead, ButtonMed$1 as TertiaryDarkButtonMd, ButtonSm$1 as TertiaryDarkButtonSm, ButtonMed as TertiaryLightButtonMd, ButtonSm as TertiaryLightButtonSm };
package/dist/index.esm.css ADDED
@@ -0,0 +1,3 @@
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
+ ! 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-\[1540px\]{max-width:1540px}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.rounded-full{border-radius:9999px}.border-none{border-style:none}.bg-\[\#1D57DE\]{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.bg-\[\#26272C\]{--tw-bg-opacity:1;background-color:rgb(38 39 44/var(--tw-bg-opacity,1))}.bg-\[\#2662e3\]{--tw-bg-opacity:1;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))}.bg-\[\#8F9AA3\]{--tw-bg-opacity:1;background-color:rgb(143 154 163/var(--tw-bg-opacity,1))}.bg-\[\#DDE0E3\]{--tw-bg-opacity:1;background-color:rgb(221 224 227/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-\[length\:400\%\]{background-size:400%}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-14{padding-bottom:3.5rem}.pb-\[48px\]{padding-bottom:48px}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.text-center{text-align:center}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[112\%\]{line-height:112%}.leading-\[120\%\]{line-height:120%}.leading-\[125\%\]{line-height:125%}.leading-\[130\%\]{line-height:130%}.text-\[\#26272C\]{--tw-text-opacity:1;color:rgb(38 39 44/var(--tw-text-opacity,1))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.no-underline{text-decoration-line:none}.outline-none{outline:2px solid transparent;outline-offset:2px}@keyframes glow{0%{background-position:400%}to{background-position:0}}.button-req-dark-primary-dark:before{background:linear-gradient(90deg,#121216,#fff,#fff);background-size:400%}.button-req-dark-primary-dark:before,.button-req-dark-primary-light:before{border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req-dark-primary-light:before{background:linear-gradient(90deg,#f4f4f6,#fff,#fff);background-size:400%}.button-req-dark-secondary-dark:before,.button-req-dark-secondary-light:before{background:linear-gradient(90deg,#448aff,#fff,#fff);background-size:400%;border-radius:9999px;content:"";inset:-5px;opacity:0;position:absolute;z-index:-1}.button-req:hover:before{filter:blur(5px);opacity:.7}.hover\:bg-\[\#6E7C87\]:hover{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.hover\:bg-\[\#C7CCD1\]:hover{--tw-bg-opacity:1;background-color:rgb(199 204 209/var(--tw-bg-opacity,1))}.hover\:animate-glow:hover{animation:glow 8s linear infinite}.active\:bg-\[\#1540A2\]:active{--tw-bg-opacity:1;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))}.active\:bg-\[\#1d57de\]:active{--tw-bg-opacity:1;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))}.active\:bg-\[\#6E7C87\]:active{--tw-bg-opacity:1;background-color:rgb(110 124 135/var(--tw-bg-opacity,1))}.active\:bg-\[\#A5AEB6\]:active{--tw-bg-opacity:1;background-color:rgb(165 174 182/var(--tw-bg-opacity,1))}.active\:bg-\[\#E9EAEC\]:active{--tw-bg-opacity:1;background-color:rgb(233 234 236/var(--tw-bg-opacity,1))}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-16{padding-bottom:4rem}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[10px\]{font-size:10px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}.tablet\:text-\[52px\]{font-size:52px}.tablet\:text-\[64px\]{font-size:64px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[12px\]{font-size:12px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[48px\]{font-size:48px}.smLaptop\:text-\[68px\]{font-size:68px}.smLaptop\:text-\[88px\]{font-size:88px}}@media (min-width:1440px){.lglaptop\:px-32{padding-left:8rem;padding-right:8rem}.lglaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lglaptop\:pb-\[128px\]{padding-bottom:128px}.lglaptop\:pb-\[248px\]{padding-bottom:248px}.lglaptop\:pt-\[248px\]{padding-top:248px}}@media (min-width:1920px){.desktop\:text-\[14px\]{font-size:14px}.desktop\:text-\[16px\]{font-size:16px}.desktop\:text-\[18px\]{font-size:18px}.desktop\:text-\[20px\]{font-size:20px}.desktop\:text-\[24px\]{font-size:24px}.desktop\:text-\[28px\]{font-size:28px}.desktop\:text-\[32px\]{font-size:32px}.desktop\:text-\[40px\]{font-size:40px}.desktop\:text-\[48px\]{font-size:48px}.desktop\:text-\[64px\]{font-size:64px}.desktop\:text-\[80px\]{font-size:80px}.desktop\:text-\[96px\]{font-size:96px}}
package/dist/index.esm.js ADDED
@@ -0,0 +1,90 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+
3
+ const Button = ({ children, className }) => (jsx("button", { className: `${className} px-8 py-3`, children: children }));
4
+
5
+ const Bodyxlmd = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`, children: children }));
6
+
7
+ const Bodyxlrg = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`, children: children }));
8
+
9
+ const Bodyxlsb = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`, children: children }));
10
+
11
+ const Bodylmd = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`, children: children }));
12
+
13
+ const Bodylrg = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`, children: children }));
14
+
15
+ const Bodylsb = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`, children: children }));
16
+
17
+ const Bodymmd = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`, children: children }));
18
+
19
+ const Bodymrg = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`, children: children }));
20
+
21
+ const Bodymsb = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`, children: children }));
22
+
23
+ const Bodysmd = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`, children: children }));
24
+
25
+ const Bodysrg = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`, children: children }));
26
+
27
+ const Bodyssb = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`, children: children }));
28
+
29
+ const Buttonmd = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`, children: children }));
30
+
31
+ const Buttonsm = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`, children: children }));
32
+
33
+ const CaptionMed = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`, children: children }));
34
+
35
+ const CaptionReg = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`, children: children }));
36
+
37
+ const CaptionSemi = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`, children: children }));
38
+
39
+ const DpLg = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`, children: children }));
40
+
41
+ const DpMd = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`, children: children }));
42
+
43
+ const H1 = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`, children: children }));
44
+
45
+ const H2 = ({ children, className }) => (jsx("h2", { className: `${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`, children: children }));
46
+
47
+ const H3 = ({ children, className }) => (jsx("h3", { className: `${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`, children: children }));
48
+
49
+ const H4 = ({ children, className }) => (jsx("h4", { className: `${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`, children: children }));
50
+
51
+ const H5 = ({ children, className }) => (jsx("h5", { className: `${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`, children: children }));
52
+
53
+ const H6 = ({ children, className }) => (jsx("h3", { className: `${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`, children: children }));
54
+
55
+ const SubHead = ({ children, className }) => (jsx("h1", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`, children: children }));
56
+
57
+ const ButtonMed$5 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
58
+
59
+ const ButtonSm$5 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
60
+
61
+ const ButtonMed$4 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
62
+
63
+ const ButtonSm$4 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
64
+
65
+ const ButtonMed$3 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
66
+
67
+ const ButtonSm$3 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
68
+
69
+ const ButtonMed$2 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
70
+
71
+ const ButtonSm$2 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
72
+
73
+ const ButtonMed$1 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`, children: children }));
74
+
75
+ const ButtonSm$1 = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`, children: children }));
76
+
77
+ const ButtonMed = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`, children: children }));
78
+
79
+ const ButtonSm = ({ children, className, onClick }) => (jsx("button", { onClick: onClick, className: `${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`, children: children }));
80
+
81
+ const Section = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
82
+
83
+ const SectionFooter = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
84
+
85
+ const SectionHeader = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
86
+
87
+ const SectionLarge = ({ children, sectionClassName, contentClassName }) => (jsx("section", { className: `${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`, children: jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
88
+
89
+ export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm, CaptionMed, CaptionReg, CaptionSemi, DpLg, DpMd, H1, H2, H3, H4, H5, H6, ButtonMed$5 as PrimaryDarkButtonMd, ButtonSm$5 as PrimaryDarkButtonSm, ButtonMed$4 as PrimaryLightButtonMd, ButtonSm$4 as PrimaryLightButtonSm, ButtonMed$3 as SecondaryDarkMdButton, ButtonSm$3 as SecondaryDarkSmButton, ButtonMed$2 as SecondaryLightMedButton, ButtonSm$2 as SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, SubHead, ButtonMed$1 as TertiaryDarkButtonMd, ButtonSm$1 as TertiaryDarkButtonSm, ButtonMed as TertiaryLightButtonMd, ButtonSm as TertiaryLightButtonSm };
90
+ //# sourceMappingURL=index.esm.js.map
package/dist/index.esm.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionReg = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionSemi = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpLgProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpLg = ({ children, className }: DpLgProps) => (\r\n <h1\r\n className={`${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpMdProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpMd = ({ children, className }: DpMdProps) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1 className={`${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2 className={`${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3 className={`${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4 className={`${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5 className={`${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3 className={`${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SubHeadProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const SubHead = ({ children, className }: SubHeadProps) => (\r\n <h1 className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const Section = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionFooter = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionHeader = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionLarge = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx","ButtonMed","ButtonSm"],"mappings":"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"}
package/dist/index.js ADDED
@@ -0,0 +1,134 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+
5
+ const Button = ({ children, className }) => (jsxRuntime.jsx("button", { className: `${className} px-8 py-3`, children: children }));
6
+
7
+ const Bodyxlmd = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`, children: children }));
8
+
9
+ const Bodyxlrg = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`, children: children }));
10
+
11
+ const Bodyxlsb = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`, children: children }));
12
+
13
+ const Bodylmd = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`, children: children }));
14
+
15
+ const Bodylrg = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`, children: children }));
16
+
17
+ const Bodylsb = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`, children: children }));
18
+
19
+ const Bodymmd = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`, children: children }));
20
+
21
+ const Bodymrg = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`, children: children }));
22
+
23
+ const Bodymsb = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`, children: children }));
24
+
25
+ const Bodysmd = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`, children: children }));
26
+
27
+ const Bodysrg = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`, children: children }));
28
+
29
+ const Bodyssb = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`, children: children }));
30
+
31
+ const Buttonmd = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`, children: children }));
32
+
33
+ const Buttonsm = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`, children: children }));
34
+
35
+ const CaptionMed = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`, children: children }));
36
+
37
+ const CaptionReg = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`, children: children }));
38
+
39
+ const CaptionSemi = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`, children: children }));
40
+
41
+ const DpLg = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`, children: children }));
42
+
43
+ const DpMd = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`, children: children }));
44
+
45
+ const H1 = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`, children: children }));
46
+
47
+ const H2 = ({ children, className }) => (jsxRuntime.jsx("h2", { className: `${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`, children: children }));
48
+
49
+ const H3 = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`, children: children }));
50
+
51
+ const H4 = ({ children, className }) => (jsxRuntime.jsx("h4", { className: `${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`, children: children }));
52
+
53
+ const H5 = ({ children, className }) => (jsxRuntime.jsx("h5", { className: `${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`, children: children }));
54
+
55
+ const H6 = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`, children: children }));
56
+
57
+ const SubHead = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`, children: children }));
58
+
59
+ const ButtonMed$5 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
60
+
61
+ const ButtonSm$5 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
62
+
63
+ const ButtonMed$4 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
64
+
65
+ const ButtonSm$4 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
66
+
67
+ const ButtonMed$3 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
68
+
69
+ const ButtonSm$3 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
70
+
71
+ const ButtonMed$2 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`, children: children }));
72
+
73
+ const ButtonSm$2 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`, children: children }));
74
+
75
+ const ButtonMed$1 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`, children: children }));
76
+
77
+ const ButtonSm$1 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`, children: children }));
78
+
79
+ const ButtonMed = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`, children: children }));
80
+
81
+ const ButtonSm = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`, children: children }));
82
+
83
+ const Section = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
84
+
85
+ const SectionFooter = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
86
+
87
+ const SectionHeader = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
88
+
89
+ const SectionLarge = ({ children, sectionClassName, contentClassName }) => (jsxRuntime.jsx("section", { className: `${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`, children: jsxRuntime.jsx("div", { className: `${contentClassName} max-w-[1540px] mx-auto`, children: children }) }));
90
+
91
+ exports.Bodylmd = Bodylmd;
92
+ exports.Bodylrg = Bodylrg;
93
+ exports.Bodylsb = Bodylsb;
94
+ exports.Bodymmd = Bodymmd;
95
+ exports.Bodymrg = Bodymrg;
96
+ exports.Bodymsb = Bodymsb;
97
+ exports.Bodysmd = Bodysmd;
98
+ exports.Bodysrg = Bodysrg;
99
+ exports.Bodyssb = Bodyssb;
100
+ exports.Bodyxlmd = Bodyxlmd;
101
+ exports.Bodyxlrg = Bodyxlrg;
102
+ exports.Bodyxlsb = Bodyxlsb;
103
+ exports.Button = Button;
104
+ exports.Buttonmd = Buttonmd;
105
+ exports.Buttonsm = Buttonsm;
106
+ exports.CaptionMed = CaptionMed;
107
+ exports.CaptionReg = CaptionReg;
108
+ exports.CaptionSemi = CaptionSemi;
109
+ exports.DpLg = DpLg;
110
+ exports.DpMd = DpMd;
111
+ exports.H1 = H1;
112
+ exports.H2 = H2;
113
+ exports.H3 = H3;
114
+ exports.H4 = H4;
115
+ exports.H5 = H5;
116
+ exports.H6 = H6;
117
+ exports.PrimaryDarkButtonMd = ButtonMed$5;
118
+ exports.PrimaryDarkButtonSm = ButtonSm$5;
119
+ exports.PrimaryLightButtonMd = ButtonMed$4;
120
+ exports.PrimaryLightButtonSm = ButtonSm$4;
121
+ exports.SecondaryDarkMdButton = ButtonMed$3;
122
+ exports.SecondaryDarkSmButton = ButtonSm$3;
123
+ exports.SecondaryLightMedButton = ButtonMed$2;
124
+ exports.SecondaryLightSmButton = ButtonSm$2;
125
+ exports.Section = Section;
126
+ exports.SectionFooter = SectionFooter;
127
+ exports.SectionHeader = SectionHeader;
128
+ exports.SectionLarge = SectionLarge;
129
+ exports.SubHead = SubHead;
130
+ exports.TertiaryDarkButtonMd = ButtonMed$1;
131
+ exports.TertiaryDarkButtonSm = ButtonSm$1;
132
+ exports.TertiaryLightButtonMd = ButtonMed;
133
+ exports.TertiaryLightButtonSm = ButtonSm;
134
+ //# sourceMappingURL=index.js.map
package/dist/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] desktop:text-[20px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] desktop:text-[18px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-medium leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] desktop:text-[16px] font-semibold leading-[120%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] font-medium leading-[130%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-medium leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionReg = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionSemi = ({ children, className }: CaptionProps) => (\r\n <p className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] desktop:text-[14px] font-semibold leading-[125%]`}>\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpLgProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpLg = ({ children, className }: DpLgProps) => (\r\n <h1\r\n className={`${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] desktop:text-[96px] font-semibold leading-[112%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpMdProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpMd = ({ children, className }: DpMdProps) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] desktop:text-[80px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1 className={`${className} font-heading text-[28px] tablet:text-[36px] smLaptop:text-[48px] lgLaptop:text-[56px] desktop:text-[64px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2 className={`${className} font-heading text-[24px] tablet:text-[32px] smLaptop:text-[36px] lgLaptop:text-[40px] desktop:text-[48px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3 className={`${className} font-heading text-[20px] tablet:text-[24px] smLaptop:text-[32px] lgLaptop:text-[36px] desktop:text-[40px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4 className={`${className} font-heading text-[16px] tablet:text-[20px] smLaptop:text-[24px] lgLaptop:text-[28px] desktop:text-[32px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5 className={`${className} font-heading text-[14px] tablet:text-[16px] smLaptop:text-[20px] lgLaptop:text-[24px] desktop:text-[28px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3 className={`${className} font-heading text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[120%]`}>\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SubHeadProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const SubHead = ({ children, className }: SubHeadProps) => (\r\n <h1 className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] desktop:text-[24px] font-semibold leading-[125%]`}>\r\n {children}\r\n </h1>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] desktop:text-[18px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button onClick={onClick} className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] desktop:text-[16px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const Section = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-12 tablet:px-8 tablet:py-16 smLaptop:px-16 smLaptop:py-32 lglaptop:px-32`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionFooter = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-12 pb-14 tablet:px-8 tablet:pt-16 tablet:pb-[84px] smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px] lglaptop:px-32 lglaptop:pb-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionHeader = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 pt-[56px] pb-[48px] tablet:px-8 tablet:pt-[84px] tablet:pb-16 smLaptop:px-16 smLaptop:pt-[168px] smLaptop:pb-32 lglaptop:px-32 lglaptop:pt-[248px] lglaptop:pb-[128px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from 'react';\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\nexport const SectionLarge = ({ children, sectionClassName, contentClassName }: SectionProps) => (\r\n <section className={`${sectionClassName} px-4 py-[56px] tablet:px-8 tablet:py-[84px] smLaptop:px-16 smLaptop:py-[168px] lglaptop:px-32 lglaptop:py-[248px]`}>\r\n <div className={`${contentClassName} max-w-[1540px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx","ButtonMed","ButtonSm"],"mappings":"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"}
package/package.json ADDED
@@ -0,0 +1,52 @@
1
+ {
2
+ "name": "@chelcee0422/polaron-design-system",
3
+ "version": "2.0.16",
4
+ "main": "dist/index.js",
5
+ "module": "dist/index.esm.js",
6
+ "types": "dist/index.d.ts",
7
+ "files": [
8
+ "dist",
9
+ "tailwind",
10
+ "src/assets/fonts"
11
+ ],
12
+ "scripts": {
13
+ "build": "rollup -c",
14
+ "storybook": "storybook dev -p 6006",
15
+ "build-storybook": "storybook build"
16
+ },
17
+ "dependencies": {
18
+ "tslib": "^2.8.1"
19
+ },
20
+ "peerDependencies": {
21
+ "react": "^18.0.0",
22
+ "react-dom": "^18.0.0"
23
+ },
24
+ "devDependencies": {
25
+ "@chromatic-com/storybook": "^3.2.6",
26
+ "@rollup/plugin-commonjs": "^24.0.0",
27
+ "@rollup/plugin-node-resolve": "^15.0.0",
28
+ "@rollup/plugin-typescript": "^11.0.0",
29
+ "@storybook/addon-essentials": "^8.6.14",
30
+ "@storybook/addon-onboarding": "^8.6.14",
31
+ "@storybook/blocks": "^8.6.14",
32
+ "@storybook/experimental-addon-test": "^8.6.14",
33
+ "@storybook/react": "^8.6.14",
34
+ "@storybook/react-vite": "^8.6.14",
35
+ "@storybook/test": "^8.6.14",
36
+ "@types/react": "^18.0.0",
37
+ "@types/react-dom": "^18.0.0",
38
+ "@vitest/browser": "^3.1.4",
39
+ "@vitest/coverage-v8": "^3.1.4",
40
+ "autoprefixer": "^10.0.0",
41
+ "playwright": "^1.52.0",
42
+ "postcss": "^8.0.0",
43
+ "rollup": "^3.0.0",
44
+ "rollup-plugin-dts": "^5.0.0",
45
+ "rollup-plugin-peer-deps-external": "^2.2.4",
46
+ "rollup-plugin-postcss": "^4.0.2",
47
+ "storybook": "^8.6.14",
48
+ "tailwindcss": "^3.0.0",
49
+ "typescript": "^5.0.0",
50
+ "vitest": "^3.1.4"
51
+ }
52
+ }
package/tailwind/tailwind.config.js ADDED
@@ -0,0 +1,99 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ module.exports = {
3
+ darkMode: "selector",
4
+ content: [
5
+ "./src/**/*.{js,ts,jsx,tsx}",
6
+ "./.storybook/**/*.{js,ts,jsx,tsx}", // Include Storybook stories
7
+ ],
8
+ theme: {
9
+ extend: {
10
+ screens: {
11
+ desktop: "1920px",
12
+ lglaptop: "1440px",
13
+ smLaptop: "1280px",
14
+ tablet_1024: "1024px",
15
+ tablet: "768px",
16
+ mobile: "390px",
17
+ },
18
+ colors: {
19
+ interface: {
20
+ primary: {
21
+ blue: {
22
+ 1000: "#10317E",
23
+ 800: "#214083",
24
+ 700: "#1D57DE",
25
+ 600: "#2662E3",
26
+ 500: "#448AFF",
27
+ 400: "#70A5FF",
28
+ 200: "#ADCBFF",
29
+ 100: "#E8EEFC",
30
+ },
31
+ },
32
+ secondary: {
33
+ yellow: {
34
+ 500: "#F2B718",
35
+ 400: "#F4C33E",
36
+ 300: "#FED438",
37
+ 200: "#F6D85E",
38
+ 100: "#FDF3D8",
39
+ },
40
+ },
41
+ },
42
+ button: {
43
+ secondary: {
44
+ blue: {
45
+ 800: "#214083",
46
+ 700: "#1D57DE",
47
+ 600: "#2662E3",
48
+ 500: "#448AFF",
49
+ 400: "#70A5FF",
50
+ },
51
+ },
52
+ primary: {
53
+ neutral: {
54
+ 1000: "#121216",
55
+ 900: "#26272C",
56
+ 800: "#6E7C87",
57
+ 200: "#E9EAEC",
58
+ 100: "#F4F4F6",
59
+ DEFAULT: "#FFFFFF",
60
+ },
61
+ },
62
+ },
63
+ stork: {
64
+ neutral: {
65
+ 700: "#8F9AA3",
66
+ 600: "#A5AEB6",
67
+ 500: "#B0B8BF",
68
+ 400: "#C7CCD1",
69
+ 300: "#DDE0E3",
70
+ 200: "#E9EAEC",
71
+ 100: "#F4F4F6",
72
+ },
73
+ },
74
+ neutral: {
75
+ 1000: "#121216",
76
+ 900: "#26272C",
77
+ 800: "#6E7C87",
78
+ 700: "#8F9AA3",
79
+ 600: "#A5AEB6",
80
+ 500: "#B0B8BF",
81
+ 400: "#C7CCD1",
82
+ 300: "#DDE0E3",
83
+ 200: "#E9EAEC",
84
+ 100: "#F4F4F6",
85
+ DEFAULT: "FFFFFF",
86
+ },
87
+ },
88
+ backgroundImage: {
89
+ "gradient-blue-orange": `linear-gradient(274.84deg, #5682e8 0%, #fc932b 100%);`,
90
+ "gradient-gold": `linear-gradient(to bottom right, #A8803F 0%, #ECCE70 100%);`,
91
+ },
92
+ fontFamily: {
93
+ body: ["Inter", "sans-serif"],
94
+ heading: ["Poppins", "unset"],
95
+ },
96
+ },
97
+ },
98
+ plugins: [],
99
+ };