@chelcee0422/polaron-design-system 2.0.24 β 2.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -4
- package/dist/index.css +1 -1
- package/dist/index.d.ts +37 -49
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +191 -36
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +202 -53
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -16,7 +16,7 @@ A reusable and shareable React component library styled with Tailwind CSS. Built
|
|
|
16
16
|
## π¦ Installation
|
|
17
17
|
|
|
18
18
|
```bash
|
|
19
|
-
npm install @
|
|
19
|
+
npm install @chelcee0422/polaron-design-system
|
|
20
20
|
```
|
|
21
21
|
---
|
|
22
22
|
|
|
@@ -25,7 +25,7 @@ npm install @coolsday/polaron-design-system
|
|
|
25
25
|
### Import Components
|
|
26
26
|
|
|
27
27
|
```tsx
|
|
28
|
-
import { Button } from '@
|
|
28
|
+
import { Button } from '@chelcee0422/polaron-design-system';
|
|
29
29
|
|
|
30
30
|
function App() {
|
|
31
31
|
return <Button>Click me</Button>;
|
|
@@ -43,7 +43,7 @@ To apply the design systemβs theme in your project:
|
|
|
43
43
|
|
|
44
44
|
```js
|
|
45
45
|
// tailwind.config.js
|
|
46
|
-
const designSystem = require('@
|
|
46
|
+
const designSystem = require('@chelcee0422/polaron-design-system/tailwind/tailwind.config');
|
|
47
47
|
|
|
48
48
|
module.exports = {
|
|
49
49
|
presets: [designSystem],
|
|
@@ -56,7 +56,7 @@ module.exports = {
|
|
|
56
56
|
## 𧱠Folder Structure
|
|
57
57
|
|
|
58
58
|
```
|
|
59
|
-
@
|
|
59
|
+
@chelcee0422/polaron-design-system/
|
|
60
60
|
βββ src/
|
|
61
61
|
β βββ components/
|
|
62
62
|
β β βββ Button.tsx
|
package/dist/index.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
|
|
2
2
|
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
|
|
3
|
-
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.
|
|
3
|
+
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.inline-flex{display:inline-flex}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#1F1F22\]{--tw-border-opacity:1;border-color:rgb(31 31 34/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.\!bg-\[\#1212161A\]{background-color:#1212161a!important}.\!bg-\[\#1D57DE\]{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.\!bg-\[\#2662E3\]{--tw-bg-opacity:1!important;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))!important}.\!bg-\[\#FFFFFF1A\]{background-color:#ffffff1a!important}.\!bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.\!bg-white\/50{background-color:hsla(0,0%,100%,.5)!important}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[120\%\]{line-height:120%}.leading-\[130\%\]{line-height:130%}.\!text-\[\#1F1F22\]{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.\!text-\[\#F4F4F6\]{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:\!bg-\[\#121216E5\]:hover{background-color:#121216e5!important}.hover\:\!bg-\[\#1F1F22\]:hover{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.hover\:\!bg-\[\#FFFFFF\]:hover,.hover\:\!bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.hover\:bg-\[\#3B73FF\]:hover{--tw-bg-opacity:1;background-color:rgb(59 115 255/var(--tw-bg-opacity,1))}.hover\:\!text-\[\#1F1F22\]:hover{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#F4F4F6\]:hover{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#FFFFFF\]:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\:shadow-\[0_0_24px_rgba\(59\2c 115\2c 255\2c 0\.65\)\]:hover{--tw-shadow:0 0 24px rgba(59,115,255,.65);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:\!bg-\[\#121216E5\]:active{background-color:#121216e5!important}.active\:\!bg-\[\#1540A2\]:active{--tw-bg-opacity:1!important;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1D57DE\]:active{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1F1F22\]:active{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#FFFFFFE5\]:active{background-color:#ffffffe5!important}.active\:\!bg-white:active{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.active\:\!text-\[\#1F1F22\]:active{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#F4F4F6\]:active{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#FFFFFF\]:active{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-\[64px\]{padding-bottom:64px}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[28px\]{font-size:28px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}}@media (min-width:1024px){.lgTablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.lgTablet\:text-\[19px\]{font-size:19px}.lgTablet\:text-\[22px\]{font-size:22px}.lgTablet\:text-\[26px\]{font-size:26px}.lgTablet\:text-\[30px\]{font-size:30px}.lgTablet\:text-\[34px\]{font-size:34px}.lgTablet\:text-\[38px\]{font-size:38px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[28px\]{font-size:28px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[40px\]{font-size:40px}}@media (min-width:1440px){.lgLaptop\:px-32{padding-left:8rem;padding-right:8rem}.lgLaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lgLaptop\:pb-\[248px\]{padding-bottom:248px}.lgLaptop\:pt-\[248px\]{padding-top:248px}.lgLaptop\:text-\[14px\]{font-size:14px}.lgLaptop\:text-\[16px\]{font-size:16px}.lgLaptop\:text-\[18px\]{font-size:18px}.lgLaptop\:text-\[20px\]{font-size:20px}.lgLaptop\:text-\[24px\]{font-size:24px}.lgLaptop\:text-\[28px\]{font-size:28px}.lgLaptop\:text-\[36px\]{font-size:36px}.lgLaptop\:text-\[40px\]{font-size:40px}.lgLaptop\:text-\[44px\]{font-size:44px}}
|
package/dist/index.d.ts
CHANGED
|
@@ -91,36 +91,6 @@ type BodyProps = {
|
|
|
91
91
|
};
|
|
92
92
|
declare const Buttonsm: ({ children, className }: BodyProps) => react_jsx_runtime.JSX.Element;
|
|
93
93
|
|
|
94
|
-
type CaptionProps$2 = {
|
|
95
|
-
children?: React.ReactNode;
|
|
96
|
-
className?: string;
|
|
97
|
-
};
|
|
98
|
-
declare const CaptionMed: ({ children, className }: CaptionProps$2) => react_jsx_runtime.JSX.Element;
|
|
99
|
-
|
|
100
|
-
type CaptionProps$1 = {
|
|
101
|
-
children?: React.ReactNode;
|
|
102
|
-
className?: string;
|
|
103
|
-
};
|
|
104
|
-
declare const CaptionReg: ({ children, className }: CaptionProps$1) => react_jsx_runtime.JSX.Element;
|
|
105
|
-
|
|
106
|
-
type CaptionProps = {
|
|
107
|
-
children?: React.ReactNode;
|
|
108
|
-
className?: string;
|
|
109
|
-
};
|
|
110
|
-
declare const CaptionSemi: ({ children, className }: CaptionProps) => react_jsx_runtime.JSX.Element;
|
|
111
|
-
|
|
112
|
-
type DpLgProps = {
|
|
113
|
-
children?: React.ReactNode;
|
|
114
|
-
className?: string;
|
|
115
|
-
};
|
|
116
|
-
declare const DpLg: ({ children, className }: DpLgProps) => react_jsx_runtime.JSX.Element;
|
|
117
|
-
|
|
118
|
-
type DpMdProps = {
|
|
119
|
-
children?: React.ReactNode;
|
|
120
|
-
className?: string;
|
|
121
|
-
};
|
|
122
|
-
declare const DpMd: ({ children, className }: DpMdProps) => react_jsx_runtime.JSX.Element;
|
|
123
|
-
|
|
124
94
|
type H1Props = {
|
|
125
95
|
children?: React.ReactNode;
|
|
126
96
|
className?: string;
|
|
@@ -157,95 +127,113 @@ type H6Props = {
|
|
|
157
127
|
};
|
|
158
128
|
declare const H6: ({ children, className }: H6Props) => react_jsx_runtime.JSX.Element;
|
|
159
129
|
|
|
160
|
-
type SubHeadProps = {
|
|
161
|
-
children?: React.ReactNode;
|
|
162
|
-
className?: string;
|
|
163
|
-
};
|
|
164
|
-
declare const SubHead: ({ children, className }: SubHeadProps) => react_jsx_runtime.JSX.Element;
|
|
165
|
-
|
|
166
130
|
type ButtonProps$b = {
|
|
167
131
|
children?: React.ReactNode;
|
|
168
132
|
className?: string;
|
|
169
133
|
onClick?: () => void;
|
|
134
|
+
type?: "button" | "submit" | "reset";
|
|
135
|
+
disabled?: boolean;
|
|
170
136
|
};
|
|
171
|
-
declare const
|
|
137
|
+
declare const PrimaryDarkMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$b) => react_jsx_runtime.JSX.Element;
|
|
172
138
|
|
|
173
139
|
type ButtonProps$a = {
|
|
174
140
|
children?: React.ReactNode;
|
|
175
141
|
className?: string;
|
|
176
142
|
onClick?: () => void;
|
|
143
|
+
type?: "button" | "submit" | "reset";
|
|
144
|
+
disabled?: boolean;
|
|
177
145
|
};
|
|
178
|
-
declare const
|
|
146
|
+
declare const PrimaryDarkSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$a) => react_jsx_runtime.JSX.Element;
|
|
179
147
|
|
|
180
148
|
type ButtonProps$9 = {
|
|
181
149
|
children?: React.ReactNode;
|
|
182
150
|
className?: string;
|
|
183
151
|
onClick?: () => void;
|
|
152
|
+
type?: "button" | "submit" | "reset";
|
|
153
|
+
disabled?: boolean;
|
|
184
154
|
};
|
|
185
|
-
declare const
|
|
155
|
+
declare const PrimaryLightMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$9) => react_jsx_runtime.JSX.Element;
|
|
186
156
|
|
|
187
157
|
type ButtonProps$8 = {
|
|
188
158
|
children?: React.ReactNode;
|
|
189
159
|
className?: string;
|
|
190
160
|
onClick?: () => void;
|
|
161
|
+
type?: "button" | "submit" | "reset";
|
|
162
|
+
disabled?: boolean;
|
|
191
163
|
};
|
|
192
|
-
declare const
|
|
164
|
+
declare const PrimaryLightSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$8) => react_jsx_runtime.JSX.Element;
|
|
193
165
|
|
|
194
166
|
type ButtonProps$7 = {
|
|
195
167
|
children?: React.ReactNode;
|
|
196
168
|
className?: string;
|
|
197
169
|
onClick?: () => void;
|
|
170
|
+
type?: "button" | "submit" | "reset";
|
|
171
|
+
disabled?: boolean;
|
|
198
172
|
};
|
|
199
|
-
declare const
|
|
173
|
+
declare const SecondaryDarkMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$7) => react_jsx_runtime.JSX.Element;
|
|
200
174
|
|
|
201
175
|
type ButtonProps$6 = {
|
|
202
176
|
children?: React.ReactNode;
|
|
203
177
|
className?: string;
|
|
204
178
|
onClick?: () => void;
|
|
179
|
+
type?: "button" | "submit" | "reset";
|
|
180
|
+
disabled?: boolean;
|
|
205
181
|
};
|
|
206
|
-
declare const
|
|
182
|
+
declare const SecondaryDarkSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$6) => react_jsx_runtime.JSX.Element;
|
|
207
183
|
|
|
208
184
|
type ButtonProps$5 = {
|
|
209
185
|
children?: React.ReactNode;
|
|
210
186
|
className?: string;
|
|
211
187
|
onClick?: () => void;
|
|
188
|
+
type?: "button" | "submit" | "reset";
|
|
189
|
+
disabled?: boolean;
|
|
212
190
|
};
|
|
213
|
-
declare const
|
|
191
|
+
declare const SecondaryLightMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$5) => react_jsx_runtime.JSX.Element;
|
|
214
192
|
|
|
215
193
|
type ButtonProps$4 = {
|
|
216
194
|
children?: React.ReactNode;
|
|
217
195
|
className?: string;
|
|
218
196
|
onClick?: () => void;
|
|
197
|
+
type?: "button" | "submit" | "reset";
|
|
198
|
+
disabled?: boolean;
|
|
219
199
|
};
|
|
220
|
-
declare const
|
|
200
|
+
declare const SecondaryLightSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$4) => react_jsx_runtime.JSX.Element;
|
|
221
201
|
|
|
222
202
|
type ButtonProps$3 = {
|
|
223
203
|
children?: React.ReactNode;
|
|
224
204
|
className?: string;
|
|
225
205
|
onClick?: () => void;
|
|
206
|
+
type?: "button" | "submit" | "reset";
|
|
207
|
+
disabled?: boolean;
|
|
226
208
|
};
|
|
227
|
-
declare const
|
|
209
|
+
declare const TertiaryDarkMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$3) => react_jsx_runtime.JSX.Element;
|
|
228
210
|
|
|
229
211
|
type ButtonProps$2 = {
|
|
230
212
|
children?: React.ReactNode;
|
|
231
213
|
className?: string;
|
|
232
214
|
onClick?: () => void;
|
|
215
|
+
type?: "button" | "submit" | "reset";
|
|
216
|
+
disabled?: boolean;
|
|
233
217
|
};
|
|
234
|
-
declare const
|
|
218
|
+
declare const TertiaryDarkSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
|
|
235
219
|
|
|
236
220
|
type ButtonProps$1 = {
|
|
237
221
|
children?: React.ReactNode;
|
|
238
222
|
className?: string;
|
|
239
223
|
onClick?: () => void;
|
|
224
|
+
type?: "button" | "submit" | "reset";
|
|
225
|
+
disabled?: boolean;
|
|
240
226
|
};
|
|
241
|
-
declare const
|
|
227
|
+
declare const TertiaryLightMdButton: ({ children, className, onClick, type, disabled, }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
|
|
242
228
|
|
|
243
229
|
type ButtonProps = {
|
|
244
230
|
children?: React.ReactNode;
|
|
245
231
|
className?: string;
|
|
246
232
|
onClick?: () => void;
|
|
233
|
+
type?: "button" | "submit" | "reset";
|
|
234
|
+
disabled?: boolean;
|
|
247
235
|
};
|
|
248
|
-
declare const
|
|
236
|
+
declare const TertiaryLightSmButton: ({ children, className, onClick, type, disabled, }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
249
237
|
|
|
250
238
|
type SectionProps$3 = {
|
|
251
239
|
children?: React.ReactNode;
|
|
@@ -275,4 +263,4 @@ type SectionProps = {
|
|
|
275
263
|
};
|
|
276
264
|
declare const SectionLarge: ({ children, sectionClassName, contentClassName, }: SectionProps) => react_jsx_runtime.JSX.Element;
|
|
277
265
|
|
|
278
|
-
export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm,
|
|
266
|
+
export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm, H1, H2, H3, H4, H5, H6, PrimaryDarkMdButton, PrimaryDarkSmButton, PrimaryLightMdButton, PrimaryLightSmButton, SecondaryDarkMdButton, SecondaryDarkSmButton, SecondaryLightMdButton, SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, TertiaryDarkMdButton, TertiaryDarkSmButton, TertiaryLightMdButton, TertiaryLightSmButton };
|
package/dist/index.esm.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
|
|
2
2
|
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
|
|
3
|
-
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.
|
|
3
|
+
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.mx-auto{margin-left:auto;margin-right:auto}.inline-flex{display:inline-flex}.contents{display:contents}.max-w-\[1184px\]{max-width:1184px}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-\[\#1F1F22\]{--tw-border-opacity:1;border-color:rgb(31 31 34/var(--tw-border-opacity,1))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.\!bg-\[\#1212161A\]{background-color:#1212161a!important}.\!bg-\[\#1D57DE\]{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.\!bg-\[\#2662E3\]{--tw-bg-opacity:1!important;background-color:rgb(38 98 227/var(--tw-bg-opacity,1))!important}.\!bg-\[\#FFFFFF1A\]{background-color:#ffffff1a!important}.\!bg-white\/10{background-color:hsla(0,0%,100%,.1)!important}.\!bg-white\/50{background-color:hsla(0,0%,100%,.5)!important}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\[56px\]{padding-bottom:56px;padding-top:56px}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pt-12{padding-top:3rem}.pt-\[56px\]{padding-top:56px}.font-body{font-family:Inter,sans-serif}.font-heading{font-family:Poppins,unset}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-\[24px\]{font-size:24px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-\[120\%\]{line-height:120%}.leading-\[130\%\]{line-height:130%}.\!text-\[\#1F1F22\]{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.\!text-\[\#F4F4F6\]{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:\!bg-\[\#121216E5\]:hover{background-color:#121216e5!important}.hover\:\!bg-\[\#1F1F22\]:hover{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.hover\:\!bg-\[\#FFFFFF\]:hover,.hover\:\!bg-white:hover{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.hover\:bg-\[\#3B73FF\]:hover{--tw-bg-opacity:1;background-color:rgb(59 115 255/var(--tw-bg-opacity,1))}.hover\:\!text-\[\#1F1F22\]:hover{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#F4F4F6\]:hover{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.hover\:\!text-\[\#FFFFFF\]:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.hover\:shadow-\[0_0_24px_rgba\(59\2c 115\2c 255\2c 0\.65\)\]:hover{--tw-shadow:0 0 24px rgba(59,115,255,.65);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:\!bg-\[\#121216E5\]:active{background-color:#121216e5!important}.active\:\!bg-\[\#1540A2\]:active{--tw-bg-opacity:1!important;background-color:rgb(21 64 162/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1D57DE\]:active{--tw-bg-opacity:1!important;background-color:rgb(29 87 222/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#1F1F22\]:active{--tw-bg-opacity:1!important;background-color:rgb(31 31 34/var(--tw-bg-opacity,1))!important}.active\:\!bg-\[\#FFFFFFE5\]:active{background-color:#ffffffe5!important}.active\:\!bg-white:active{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.active\:\!text-\[\#1F1F22\]:active{--tw-text-opacity:1!important;color:rgb(31 31 34/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#F4F4F6\]:active{--tw-text-opacity:1!important;color:rgb(244 244 246/var(--tw-text-opacity,1))!important}.active\:\!text-\[\#FFFFFF\]:active{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:768px){.tablet\:px-8{padding-left:2rem;padding-right:2rem}.tablet\:py-16{padding-bottom:4rem;padding-top:4rem}.tablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.tablet\:pb-\[64px\]{padding-bottom:64px}.tablet\:pb-\[84px\]{padding-bottom:84px}.tablet\:pt-16{padding-top:4rem}.tablet\:pt-\[84px\]{padding-top:84px}.tablet\:text-\[12px\]{font-size:12px}.tablet\:text-\[14px\]{font-size:14px}.tablet\:text-\[16px\]{font-size:16px}.tablet\:text-\[18px\]{font-size:18px}.tablet\:text-\[20px\]{font-size:20px}.tablet\:text-\[24px\]{font-size:24px}.tablet\:text-\[28px\]{font-size:28px}.tablet\:text-\[32px\]{font-size:32px}.tablet\:text-\[36px\]{font-size:36px}}@media (min-width:1024px){.lgTablet\:py-\[84px\]{padding-bottom:84px;padding-top:84px}.lgTablet\:text-\[19px\]{font-size:19px}.lgTablet\:text-\[22px\]{font-size:22px}.lgTablet\:text-\[26px\]{font-size:26px}.lgTablet\:text-\[30px\]{font-size:30px}.lgTablet\:text-\[34px\]{font-size:34px}.lgTablet\:text-\[38px\]{font-size:38px}}@media (min-width:1280px){.smLaptop\:px-16{padding-left:4rem;padding-right:4rem}.smLaptop\:py-32{padding-bottom:8rem;padding-top:8rem}.smLaptop\:py-\[168px\]{padding-bottom:168px;padding-top:168px}.smLaptop\:pb-32{padding-bottom:8rem}.smLaptop\:pb-\[168px\]{padding-bottom:168px}.smLaptop\:pt-32{padding-top:8rem}.smLaptop\:pt-\[168px\]{padding-top:168px}.smLaptop\:text-\[14px\]{font-size:14px}.smLaptop\:text-\[16px\]{font-size:16px}.smLaptop\:text-\[18px\]{font-size:18px}.smLaptop\:text-\[20px\]{font-size:20px}.smLaptop\:text-\[24px\]{font-size:24px}.smLaptop\:text-\[28px\]{font-size:28px}.smLaptop\:text-\[32px\]{font-size:32px}.smLaptop\:text-\[36px\]{font-size:36px}.smLaptop\:text-\[40px\]{font-size:40px}}@media (min-width:1440px){.lgLaptop\:px-32{padding-left:8rem;padding-right:8rem}.lgLaptop\:py-\[248px\]{padding-bottom:248px;padding-top:248px}.lgLaptop\:pb-\[248px\]{padding-bottom:248px}.lgLaptop\:pt-\[248px\]{padding-top:248px}.lgLaptop\:text-\[14px\]{font-size:14px}.lgLaptop\:text-\[16px\]{font-size:16px}.lgLaptop\:text-\[18px\]{font-size:18px}.lgLaptop\:text-\[20px\]{font-size:20px}.lgLaptop\:text-\[24px\]{font-size:24px}.lgLaptop\:text-\[28px\]{font-size:28px}.lgLaptop\:text-\[36px\]{font-size:36px}.lgLaptop\:text-\[40px\]{font-size:40px}.lgLaptop\:text-\[44px\]{font-size:44px}}
|
package/dist/index.esm.js
CHANGED
|
@@ -30,16 +30,6 @@ const Buttonmd = ({ children, className }) => (jsx("p", { className: `${classNam
|
|
|
30
30
|
|
|
31
31
|
const Buttonsm = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`, children: children }));
|
|
32
32
|
|
|
33
|
-
const CaptionMed = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-medium leading-[125%]`, children: children }));
|
|
34
|
-
|
|
35
|
-
const CaptionReg = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] leading-[125%]`, children: children }));
|
|
36
|
-
|
|
37
|
-
const CaptionSemi = ({ children, className }) => (jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-semibold leading-[125%]`, children: children }));
|
|
38
|
-
|
|
39
|
-
const DpLg = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] font-semibold leading-[112%]`, children: children }));
|
|
40
|
-
|
|
41
|
-
const DpMd = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] font-semibold leading-[120%]`, children: children }));
|
|
42
|
-
|
|
43
33
|
const H1 = ({ children, className }) => (jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] font-semibold leading-[120%]`, children: children }));
|
|
44
34
|
|
|
45
35
|
const H2 = ({ children, className }) => (jsx("h2", { className: `${className} font-heading text-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] font-semibold leading-[120%]`, children: children }));
|
|
@@ -52,31 +42,196 @@ const H5 = ({ children, className }) => (jsx("h5", { className: `${className} fo
|
|
|
52
42
|
|
|
53
43
|
const H6 = ({ children, className }) => (jsx("h3", { className: `${className} font-heading text-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`, children: children }));
|
|
54
44
|
|
|
55
|
-
const
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
const
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
45
|
+
const PrimaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
46
|
+
// base look (pill)
|
|
47
|
+
"inline-flex items-center justify-center rounded-full",
|
|
48
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
49
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
50
|
+
"!bg-[#2662E3] !text-[#F4F4F6]",
|
|
51
|
+
// hover logic
|
|
52
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
53
|
+
// active
|
|
54
|
+
"active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
|
|
55
|
+
// interactions
|
|
56
|
+
"outline-none cursor-pointer select-none",
|
|
57
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
58
|
+
className,
|
|
59
|
+
].join(" "), children: children }));
|
|
60
|
+
|
|
61
|
+
const PrimaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
62
|
+
"inline-flex items-center justify-center rounded-full",
|
|
63
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
64
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
65
|
+
"!bg-[#2662E3] !text-[#F4F4F6]",
|
|
66
|
+
// hover logic
|
|
67
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
68
|
+
// active
|
|
69
|
+
"active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
|
|
70
|
+
// interactions
|
|
71
|
+
"outline-none cursor-pointer select-none",
|
|
72
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
73
|
+
className,
|
|
74
|
+
].join(" "), children: children }));
|
|
75
|
+
|
|
76
|
+
const PrimaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
77
|
+
// base look (pill)
|
|
78
|
+
"inline-flex items-center justify-center rounded-full",
|
|
79
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
80
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
81
|
+
"!bg-[#1D57DE] !text-[#F4F4F6]",
|
|
82
|
+
// hover logic
|
|
83
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
84
|
+
// active
|
|
85
|
+
"active:!bg-[#1540A2] active:!text-[#F4F4F6]",
|
|
86
|
+
// interactions
|
|
87
|
+
"outline-none cursor-pointer select-none",
|
|
88
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
89
|
+
className,
|
|
90
|
+
].join(" "), children: children }));
|
|
91
|
+
|
|
92
|
+
const PrimaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
93
|
+
"inline-flex items-center justify-center rounded-full",
|
|
94
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
95
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
96
|
+
"!bg-[#1D57DE] !text-[#F4F4F6]",
|
|
97
|
+
// hover logic
|
|
98
|
+
"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
|
|
99
|
+
// active
|
|
100
|
+
"active:!bg-[#1540A2] active:!text-[#F4F4F6]",
|
|
101
|
+
// interactions
|
|
102
|
+
"outline-none cursor-pointer select-none",
|
|
103
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
104
|
+
className,
|
|
105
|
+
].join(" "), children: children }));
|
|
106
|
+
|
|
107
|
+
const SecondaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
108
|
+
// base look (pill)
|
|
109
|
+
"inline-flex items-center justify-center rounded-full",
|
|
110
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
111
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
112
|
+
"border border-white",
|
|
113
|
+
"!bg-white/10 backdrop-blur-sm !text-white",
|
|
114
|
+
// hover logic
|
|
115
|
+
"hover:!bg-white hover:!text-[#1F1F22]",
|
|
116
|
+
// active
|
|
117
|
+
"active:!bg-white active:!text-[#1F1F22]",
|
|
118
|
+
// interactions
|
|
119
|
+
"outline-none cursor-pointer select-none",
|
|
120
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
121
|
+
className,
|
|
122
|
+
].join(" "), children: children }));
|
|
123
|
+
|
|
124
|
+
const SecondaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
125
|
+
"inline-flex items-center justify-center rounded-full",
|
|
126
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
127
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
128
|
+
"border border-white",
|
|
129
|
+
"!bg-white/10 backdrop-blur-sm !text-white",
|
|
130
|
+
// hover logic
|
|
131
|
+
"hover:!bg-white hover:!text-[#1F1F22]",
|
|
132
|
+
// active
|
|
133
|
+
"active:!bg-white active:!text-[#1F1F22]",
|
|
134
|
+
// interactions
|
|
135
|
+
"outline-none cursor-pointer select-none",
|
|
136
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
137
|
+
className,
|
|
138
|
+
].join(" "), children: children }));
|
|
139
|
+
|
|
140
|
+
const SecondaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
141
|
+
// base look (pill)
|
|
142
|
+
"inline-flex items-center justify-center rounded-full",
|
|
143
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
144
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
145
|
+
"border border-[#1F1F22]",
|
|
146
|
+
"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
|
|
147
|
+
// hover logic
|
|
148
|
+
"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
|
|
149
|
+
// active
|
|
150
|
+
"active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
|
|
151
|
+
// interactions
|
|
152
|
+
"outline-none cursor-pointer select-none",
|
|
153
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
154
|
+
className,
|
|
155
|
+
].join(" "), children: children }));
|
|
156
|
+
|
|
157
|
+
const SecondaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
158
|
+
// base look (pill)
|
|
159
|
+
"inline-flex items-center justify-center rounded-full",
|
|
160
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
161
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
162
|
+
"border border-[#1F1F22]",
|
|
163
|
+
"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
|
|
164
|
+
// hover logic
|
|
165
|
+
"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
|
|
166
|
+
// active
|
|
167
|
+
"active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
|
|
168
|
+
// interactions
|
|
169
|
+
"outline-none cursor-pointer select-none",
|
|
170
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
171
|
+
className,
|
|
172
|
+
].join(" "), children: children }));
|
|
173
|
+
|
|
174
|
+
const TertiaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
175
|
+
// base look (pill)
|
|
176
|
+
"inline-flex items-center justify-center rounded-full",
|
|
177
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
178
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
179
|
+
"!bg-[#FFFFFF1A] !text-[#F4F4F6]",
|
|
180
|
+
// hover logic
|
|
181
|
+
"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
|
|
182
|
+
// active
|
|
183
|
+
"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
|
|
184
|
+
// interactions
|
|
185
|
+
"outline-none cursor-pointer select-none",
|
|
186
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
187
|
+
className,
|
|
188
|
+
].join(" "), children: children }));
|
|
189
|
+
|
|
190
|
+
const TertiaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
191
|
+
"inline-flex items-center justify-center rounded-full",
|
|
192
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
193
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
194
|
+
"!bg-[#FFFFFF1A] !text-[#F4F4F6]",
|
|
195
|
+
// hover logic
|
|
196
|
+
"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
|
|
197
|
+
// active
|
|
198
|
+
"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
|
|
199
|
+
// interactions
|
|
200
|
+
"outline-none cursor-pointer select-none",
|
|
201
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
202
|
+
className,
|
|
203
|
+
].join(" "), children: children }));
|
|
204
|
+
|
|
205
|
+
const TertiaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
206
|
+
// base look (pill)
|
|
207
|
+
"inline-flex items-center justify-center rounded-full",
|
|
208
|
+
"px-8 py-3 font-body font-medium leading-[130%]",
|
|
209
|
+
"text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
|
|
210
|
+
"!bg-[#1212161A] !text-[#1F1F22]",
|
|
211
|
+
// hover logic
|
|
212
|
+
"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
|
|
213
|
+
// active
|
|
214
|
+
"active:!bg-[#121216E5] active:!text-[#FFFFFF]",
|
|
215
|
+
// interactions
|
|
216
|
+
"outline-none cursor-pointer select-none",
|
|
217
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
218
|
+
className,
|
|
219
|
+
].join(" "), children: children }));
|
|
220
|
+
|
|
221
|
+
const TertiaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
|
|
222
|
+
"inline-flex items-center justify-center rounded-full",
|
|
223
|
+
"px-8 py-2 font-body font-medium leading-[130%]",
|
|
224
|
+
"text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
|
|
225
|
+
"!bg-[#1212161A] !text-[#1F1F22]",
|
|
226
|
+
// hover logic
|
|
227
|
+
"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
|
|
228
|
+
// active
|
|
229
|
+
"active:!bg-[#121216E5] active:!text-[#FFFFFF]",
|
|
230
|
+
// interactions
|
|
231
|
+
"outline-none cursor-pointer select-none",
|
|
232
|
+
"disabled:opacity-50 disabled:cursor-not-allowed",
|
|
233
|
+
className,
|
|
234
|
+
].join(" "), children: children }));
|
|
80
235
|
|
|
81
236
|
// this is for the regular section in the middle of the page
|
|
82
237
|
const Section = ({ children, sectionClassName, contentClassName, }) => (jsx("section", { className: `
|
|
@@ -151,5 +306,5 @@ const SectionLarge = ({ children, sectionClassName, contentClassName, }) => (jsx
|
|
|
151
306
|
lgLaptop:px-32 lgLaptop:py-[248px]
|
|
152
307
|
`, children: jsx("div", { className: `${contentClassName} max-w-[1184px] mx-auto`, children: children }) }));
|
|
153
308
|
|
|
154
|
-
export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm,
|
|
309
|
+
export { Bodylmd, Bodylrg, Bodylsb, Bodymmd, Bodymrg, Bodymsb, Bodysmd, Bodysrg, Bodyssb, Bodyxlmd, Bodyxlrg, Bodyxlsb, Button, Buttonmd, Buttonsm, H1, H2, H3, H4, H5, H6, PrimaryDarkMdButton, PrimaryDarkSmButton, PrimaryLightMdButton, PrimaryLightSmButton, SecondaryDarkMdButton, SecondaryDarkSmButton, SecondaryLightMdButton, SecondaryLightSmButton, Section, SectionFooter, SectionHeader, SectionLarge, TertiaryDarkMdButton, TertiaryDarkSmButton, TertiaryLightMdButton, TertiaryLightSmButton };
|
|
155
310
|
//# sourceMappingURL=index.esm.js.map
|