@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.
Files changed (9) hide show
  1. package/README.md +4 -4
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +37 -49
  4. package/dist/index.esm.css +1 -1
  5. package/dist/index.esm.js +191 -36
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.js +202 -53
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Caption/CaptionMed.tsx","../src/components/Typography/Caption/CaptionReg.tsx","../src/components/Typography/Caption/CaptionSemi.tsx","../src/components/Typography/Display/DpLg.tsx","../src/components/Typography/Display/DpMd.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Subhead/SubHead.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] font-medium leading-[130%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionMed = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-medium leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionReg = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype CaptionProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const CaptionSemi = ({ children, className }: CaptionProps) => (\r\n <p\r\n className={`${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpLgProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpLg = ({ children, className }: DpLgProps) => (\r\n <h1\r\n className={`${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] font-semibold leading-[112%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype DpMdProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const DpMd = ({ children, className }: DpMdProps) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2\r\n className={`${className} font-heading text-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3\r\n className={`${className} font-heading text-[24px] tablet:text-[28px] lgTablet:text-[30px] smLaptop:text-[32px] lgLaptop:text-[36px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4\r\n className={`${className} font-heading text-[20px] tablet:text-[24px] lgTablet:text-[26px] smLaptop:text-[28px] lgLaptop:text-[28px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5\r\n className={`${className} font-heading text-[18px] tablet:text-[20px] lgTablet:text-[22px] smLaptop:text-[24px] lgLaptop:text-[24px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3\r\n className={`${className} font-heading text-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SubHeadProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const SubHead = ({ children, className }: SubHeadProps) => (\r\n <h3\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[125%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#26272C] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#6E7C87] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-primary-light button-req relative text-[#26272C] text-center no-underline box-border rounded-full bg-white bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#E9EAEC] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-dark relative text-white text-center no-underline box-border rounded-full border border-white bg-[length:400%] outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-dark button-req relative text-white text-center no-underline box-border rounded-full bg-[#1D57DE] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n//import \"./style.css\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} button-req-dark-secondary-light button-req relative text-white text-center no-underline box-border rounded-full bg-[#2662e3] bg-[length:400%] border-none outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1d57de] px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] `}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-[#26272C] rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-[#FFFFFF] rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonMed = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} rounded-full px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] bg-[#DDE0E3] hover:bg-[#C7CCD1] active:bg-[#E9EAEC]`}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n};\r\n\r\nexport const ButtonSm = ({ children, className, onClick }: ButtonProps) => (\r\n <button\r\n onClick={onClick}\r\n className={`${className} text-white rounded-full px-8 py-2 font-body font-medium leading-[130%] text-[11px] tablet:text-[12px] smLaptop:text-[14px] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the regular section in the middle of the page\r\nexport const Section = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 py-12\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:py-16\r\n\r\n /* Large Tablet */\r\n lgTablet:py-[84px]\r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:py-32\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the section right on top of the footer\r\n\r\nexport const SectionFooter = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 pt-12 pb-14\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:pt-16 tablet:pb-[84px]\r\n\r\n /* Large Tablet */\r\n lgTablet:py-[84px]\r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px]\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32 lgLaptop:pb-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the hero section\r\nexport const SectionHeader = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 pb-12 pt-[56px]\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:pb-[64px] tablet:pt-[84px]\r\n\r\n /* Large Tablet */\r\n lgTablet:py-[84px]\r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:pb-32 smLaptop:pt-[168px]\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32 lgLaptop:pt-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the large section in the middle of the page\r\nexport const SectionLarge = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 py-[56px]\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:py-[84px] \r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:py-[168px]\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32 lgLaptop:py-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx","ButtonMed","ButtonSm"],"mappings":"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"}
1
+ {"version":3,"file":"index.esm.js","sources":["../src/components/Button.tsx","../src/components/Typography/Body/Bodyxlmd.tsx","../src/components/Typography/Body/Bodyxlrg.tsx","../src/components/Typography/Body/Bodyxlsb.tsx","../src/components/Typography/Body/Bodylmd.tsx","../src/components/Typography/Body/Bodylrg.tsx","../src/components/Typography/Body/Bodylsb.tsx","../src/components/Typography/Body/Bodymmd.tsx","../src/components/Typography/Body/Bodymrg.tsx","../src/components/Typography/Body/Bodymsb.tsx","../src/components/Typography/Body/Bodysmd.tsx","../src/components/Typography/Body/Bodysrg.tsx","../src/components/Typography/Body/Bodyssb.tsx","../src/components/Typography/Body/Buttonmd.tsx","../src/components/Typography/Body/Buttonsm.tsx","../src/components/Typography/Heading/H1.tsx","../src/components/Typography/Heading/H2.tsx","../src/components/Typography/Heading/H3.tsx","../src/components/Typography/Heading/H4.tsx","../src/components/Typography/Heading/H5.tsx","../src/components/Typography/Heading/H6.tsx","../src/components/Typography/Button/Primary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Primary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Primary/Light/ButtonMed.tsx","../src/components/Typography/Button/Primary/Light/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Secondary/Light/ButtonMed.tsx","../src/components/Typography/Button/Secondary/Light/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Dark/ButtonSm.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonMed.tsx","../src/components/Typography/Button/Tertiary/Light/ButtonSm.tsx","../src/components/Sections/Section.tsx","../src/components/Sections/SectionFooter.tsx","../src/components/Sections/SectionHeader.tsx","../src/components/Sections/SectionLarge.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Button = ({ children, className }: ButtonProps) => (\r\n <button className={`${className} px-8 py-3`}>\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyxlsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodylsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[14px] tablet:text-[16px] smLaptop:text-[18px] lgLaptop:text-[18px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodymsb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] lgLaptop:text-[16px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] font-medium leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodysrg = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Bodyssb = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] lgLaptop:text-[14px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonmd = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[12px] tablet:text-[14px] smLaptop:text-[16px] font-medium leading-[130%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype BodyProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const Buttonsm = ({ children, className }: BodyProps) => (\r\n <p\r\n className={`${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`}\r\n >\r\n {children}\r\n </p>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H1Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H1 = ({ children, className }: H1Props) => (\r\n <h1\r\n className={`${className} font-heading text-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h1>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H2Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H2 = ({ children, className }: H2Props) => (\r\n <h2\r\n className={`${className} font-heading text-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h2>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H3Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H3 = ({ children, className }: H3Props) => (\r\n <h3\r\n className={`${className} font-heading text-[24px] tablet:text-[28px] lgTablet:text-[30px] smLaptop:text-[32px] lgLaptop:text-[36px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H4Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H4 = ({ children, className }: H4Props) => (\r\n <h4\r\n className={`${className} font-heading text-[20px] tablet:text-[24px] lgTablet:text-[26px] smLaptop:text-[28px] lgLaptop:text-[28px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h4>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H5Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H5 = ({ children, className }: H5Props) => (\r\n <h5\r\n className={`${className} font-heading text-[18px] tablet:text-[20px] lgTablet:text-[22px] smLaptop:text-[24px] lgLaptop:text-[24px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h5>\r\n);\r\n","import React from \"react\";\r\n\r\ntype H6Props = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n};\r\n\r\nexport const H6 = ({ children, className }: H6Props) => (\r\n <h3\r\n className={`${className} font-heading text-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`}\r\n >\r\n {children}\r\n </h3>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#2662E3] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1D57DE] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const PrimaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1D57DE] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1540A2] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-white\",\r\n \"!bg-white/10 backdrop-blur-sm !text-white\",\r\n\r\n // hover logic\r\n \"hover:!bg-white hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-white active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const SecondaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"border border-[#1F1F22]\",\r\n \"!bg-white/50 backdrop-blur-sm !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]\",\r\n\r\n // active\r\n \"active:!bg-[#1F1F22] active:!text-[#F4F4F6]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryDarkSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#FFFFFF1A] !text-[#F4F4F6]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]\",\r\n\r\n // active\r\n \"active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightMdButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n // base look (pill)\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-3 font-body font-medium leading-[130%]\",\r\n \"text-[12px] tablet:text-[14px] smLaptop:text-[16px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype ButtonProps = {\r\n children?: React.ReactNode;\r\n className?: string;\r\n onClick?: () => void;\r\n type?: \"button\" | \"submit\" | \"reset\";\r\n disabled?: boolean;\r\n};\r\n\r\nexport const TertiaryLightSmButton = ({\r\n children,\r\n className = \"\",\r\n onClick,\r\n type = \"button\",\r\n disabled = false,\r\n}: ButtonProps) => (\r\n <button\r\n type={type}\r\n disabled={disabled}\r\n onClick={onClick}\r\n className={[\r\n \"inline-flex items-center justify-center rounded-full\",\r\n \"px-8 py-2 font-body font-medium leading-[130%]\",\r\n \"text-[11px] tablet:text-[12px] smLaptop:text-[14px]\",\r\n \"!bg-[#1212161A] !text-[#1F1F22]\",\r\n\r\n // hover logic\r\n \"hover:!bg-[#121216E5] hover:!text-[#FFFFFF]\",\r\n\r\n // active\r\n \"active:!bg-[#121216E5] active:!text-[#FFFFFF]\",\r\n\r\n // interactions\r\n \"outline-none cursor-pointer select-none\",\r\n \"disabled:opacity-50 disabled:cursor-not-allowed\",\r\n\r\n className,\r\n ].join(\" \")}\r\n >\r\n {children}\r\n </button>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the regular section in the middle of the page\r\nexport const Section = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 py-12\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:py-16\r\n\r\n /* Large Tablet */\r\n lgTablet:py-[84px]\r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:py-32\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the section right on top of the footer\r\n\r\nexport const SectionFooter = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 pt-12 pb-14\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:pt-16 tablet:pb-[84px]\r\n\r\n /* Large Tablet */\r\n lgTablet:py-[84px]\r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:pt-32 smLaptop:pb-[168px]\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32 lgLaptop:pb-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the hero section\r\nexport const SectionHeader = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 pb-12 pt-[56px]\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:pb-[64px] tablet:pt-[84px]\r\n\r\n /* Large Tablet */\r\n lgTablet:py-[84px]\r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:pb-32 smLaptop:pt-[168px]\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32 lgLaptop:pt-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n","import React from \"react\";\r\n\r\ntype SectionProps = {\r\n children?: React.ReactNode;\r\n sectionClassName?: string;\r\n contentClassName?: string;\r\n};\r\n\r\n// this is for the large section in the middle of the page\r\nexport const SectionLarge = ({\r\n children,\r\n sectionClassName,\r\n contentClassName,\r\n}: SectionProps) => (\r\n <section\r\n className={`\r\n ${sectionClassName}\r\n /* Base */\r\n px-4 py-[56px]\r\n\r\n /* Tablet */\r\n tablet:px-8 tablet:py-[84px] \r\n\r\n /* Small Laptop */\r\n smLaptop:px-16 smLaptop:py-[168px]\r\n\r\n /* Large Laptop */\r\n lgLaptop:px-32 lgLaptop:py-[248px]\r\n`}\r\n >\r\n <div className={`${contentClassName} max-w-[1184px] mx-auto`}>\r\n {children}\r\n </div>\r\n </section>\r\n);\r\n"],"names":["_jsx"],"mappings":"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"}
package/dist/index.js CHANGED
@@ -32,16 +32,6 @@ const Buttonmd = ({ children, className }) => (jsxRuntime.jsx("p", { className:
32
32
 
33
33
  const Buttonsm = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[11px] tablet:text-[12px] smLaptop:text-[14px] font-medium leading-[130%]`, children: children }));
34
34
 
35
- const CaptionMed = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-medium leading-[125%]`, children: children }));
36
-
37
- const CaptionReg = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] leading-[125%]`, children: children }));
38
-
39
- const CaptionSemi = ({ children, className }) => (jsxRuntime.jsx("p", { className: `${className} font-body text-[10px] tablet:text-[10px] smLaptop:text-[12px] lgLaptop:text-[12px] font-semibold leading-[125%]`, children: children }));
40
-
41
- const DpLg = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[40px] tablet:text-[64px] smLaptop:text-[88px] lgLaptop:text-[88px] font-semibold leading-[112%]`, children: children }));
42
-
43
- const DpMd = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[52px] smLaptop:text-[68px] lgLaptop:text-[68px] font-semibold leading-[120%]`, children: children }));
44
-
45
35
  const H1 = ({ children, className }) => (jsxRuntime.jsx("h1", { className: `${className} font-heading text-[32px] tablet:text-[36px] lgTablet:text-[38px] smLaptop:text-[40px] lgLaptop:text-[44px] font-semibold leading-[120%]`, children: children }));
46
36
 
47
37
  const H2 = ({ children, className }) => (jsxRuntime.jsx("h2", { className: `${className} font-heading text-[28px] tablet:text-[32px] lgTablet:text-[34px] smLaptop:text-[36px] lgLaptop:text-[40px] font-semibold leading-[120%]`, children: children }));
@@ -54,31 +44,196 @@ const H5 = ({ children, className }) => (jsxRuntime.jsx("h5", { className: `${cl
54
44
 
55
45
  const H6 = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-heading text-[16px] tablet:text-[18px] lgTablet:text-[19px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[120%]`, children: children }));
56
46
 
57
- const SubHead = ({ children, className }) => (jsxRuntime.jsx("h3", { className: `${className} font-body text-[16px] tablet:text-[18px] smLaptop:text-[20px] lgLaptop:text-[20px] font-semibold leading-[125%]`, children: children }));
58
-
59
- 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] `, 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] `, 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] `, 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] `, children: children }));
66
-
67
- const ButtonMed$3 = ({ children, className, onClick }) => (jsxRuntime.jsx("button", { onClick: onClick, className: `${className} button-req-dark-secondary-dark relative text-white text-center no-underline box-border rounded-full border border-white bg-[length:400%] outline-none cursor-pointer z-0 top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 hover:animate-glow active:bg-[#1540A2] px-8 py-3 font-body font-medium leading-[130%] text-[12px] tablet:text-[14px] smLaptop:text-[16px] `, 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] `, 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] `, 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] `, 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] 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] 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] 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] bg-[#8F9AA3] hover:bg-[#6E7C87] active:bg-[#A5AEB6]`, children: children }));
47
+ const PrimaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
48
+ // base look (pill)
49
+ "inline-flex items-center justify-center rounded-full",
50
+ "px-8 py-3 font-body font-medium leading-[130%]",
51
+ "text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
52
+ "!bg-[#2662E3] !text-[#F4F4F6]",
53
+ // hover logic
54
+ "hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
55
+ // active
56
+ "active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
57
+ // interactions
58
+ "outline-none cursor-pointer select-none",
59
+ "disabled:opacity-50 disabled:cursor-not-allowed",
60
+ className,
61
+ ].join(" "), children: children }));
62
+
63
+ const PrimaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
64
+ "inline-flex items-center justify-center rounded-full",
65
+ "px-8 py-2 font-body font-medium leading-[130%]",
66
+ "text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
67
+ "!bg-[#2662E3] !text-[#F4F4F6]",
68
+ // hover logic
69
+ "hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
70
+ // active
71
+ "active:!bg-[#1D57DE] active:!text-[#F4F4F6]",
72
+ // interactions
73
+ "outline-none cursor-pointer select-none",
74
+ "disabled:opacity-50 disabled:cursor-not-allowed",
75
+ className,
76
+ ].join(" "), children: children }));
77
+
78
+ const PrimaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
79
+ // base look (pill)
80
+ "inline-flex items-center justify-center rounded-full",
81
+ "px-8 py-3 font-body font-medium leading-[130%]",
82
+ "text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
83
+ "!bg-[#1D57DE] !text-[#F4F4F6]",
84
+ // hover logic
85
+ "hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
86
+ // active
87
+ "active:!bg-[#1540A2] active:!text-[#F4F4F6]",
88
+ // interactions
89
+ "outline-none cursor-pointer select-none",
90
+ "disabled:opacity-50 disabled:cursor-not-allowed",
91
+ className,
92
+ ].join(" "), children: children }));
93
+
94
+ const PrimaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
95
+ "inline-flex items-center justify-center rounded-full",
96
+ "px-8 py-2 font-body font-medium leading-[130%]",
97
+ "text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
98
+ "!bg-[#1D57DE] !text-[#F4F4F6]",
99
+ // hover logic
100
+ "hover:bg-[#3B73FF] hover:shadow-[0_0_24px_rgba(59,115,255,0.65)] hover:!text-[#F4F4F6]",
101
+ // active
102
+ "active:!bg-[#1540A2] active:!text-[#F4F4F6]",
103
+ // interactions
104
+ "outline-none cursor-pointer select-none",
105
+ "disabled:opacity-50 disabled:cursor-not-allowed",
106
+ className,
107
+ ].join(" "), children: children }));
108
+
109
+ const SecondaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
110
+ // base look (pill)
111
+ "inline-flex items-center justify-center rounded-full",
112
+ "px-8 py-3 font-body font-medium leading-[130%]",
113
+ "text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
114
+ "border border-white",
115
+ "!bg-white/10 backdrop-blur-sm !text-white",
116
+ // hover logic
117
+ "hover:!bg-white hover:!text-[#1F1F22]",
118
+ // active
119
+ "active:!bg-white active:!text-[#1F1F22]",
120
+ // interactions
121
+ "outline-none cursor-pointer select-none",
122
+ "disabled:opacity-50 disabled:cursor-not-allowed",
123
+ className,
124
+ ].join(" "), children: children }));
125
+
126
+ const SecondaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
127
+ "inline-flex items-center justify-center rounded-full",
128
+ "px-8 py-2 font-body font-medium leading-[130%]",
129
+ "text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
130
+ "border border-white",
131
+ "!bg-white/10 backdrop-blur-sm !text-white",
132
+ // hover logic
133
+ "hover:!bg-white hover:!text-[#1F1F22]",
134
+ // active
135
+ "active:!bg-white active:!text-[#1F1F22]",
136
+ // interactions
137
+ "outline-none cursor-pointer select-none",
138
+ "disabled:opacity-50 disabled:cursor-not-allowed",
139
+ className,
140
+ ].join(" "), children: children }));
141
+
142
+ const SecondaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
143
+ // base look (pill)
144
+ "inline-flex items-center justify-center rounded-full",
145
+ "px-8 py-3 font-body font-medium leading-[130%]",
146
+ "text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
147
+ "border border-[#1F1F22]",
148
+ "!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
149
+ // hover logic
150
+ "hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
151
+ // active
152
+ "active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
153
+ // interactions
154
+ "outline-none cursor-pointer select-none",
155
+ "disabled:opacity-50 disabled:cursor-not-allowed",
156
+ className,
157
+ ].join(" "), children: children }));
158
+
159
+ const SecondaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
160
+ // base look (pill)
161
+ "inline-flex items-center justify-center rounded-full",
162
+ "px-8 py-2 font-body font-medium leading-[130%]",
163
+ "text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
164
+ "border border-[#1F1F22]",
165
+ "!bg-white/50 backdrop-blur-sm !text-[#1F1F22]",
166
+ // hover logic
167
+ "hover:!bg-[#1F1F22] hover:!text-[#F4F4F6]",
168
+ // active
169
+ "active:!bg-[#1F1F22] active:!text-[#F4F4F6]",
170
+ // interactions
171
+ "outline-none cursor-pointer select-none",
172
+ "disabled:opacity-50 disabled:cursor-not-allowed",
173
+ className,
174
+ ].join(" "), children: children }));
175
+
176
+ const TertiaryDarkMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
177
+ // base look (pill)
178
+ "inline-flex items-center justify-center rounded-full",
179
+ "px-8 py-3 font-body font-medium leading-[130%]",
180
+ "text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
181
+ "!bg-[#FFFFFF1A] !text-[#F4F4F6]",
182
+ // hover logic
183
+ "hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
184
+ // active
185
+ "active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
186
+ // interactions
187
+ "outline-none cursor-pointer select-none",
188
+ "disabled:opacity-50 disabled:cursor-not-allowed",
189
+ className,
190
+ ].join(" "), children: children }));
191
+
192
+ const TertiaryDarkSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
193
+ "inline-flex items-center justify-center rounded-full",
194
+ "px-8 py-2 font-body font-medium leading-[130%]",
195
+ "text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
196
+ "!bg-[#FFFFFF1A] !text-[#F4F4F6]",
197
+ // hover logic
198
+ "hover:!bg-[#FFFFFF] hover:!text-[#1F1F22]",
199
+ // active
200
+ "active:!bg-[#FFFFFFE5] active:!text-[#1F1F22]",
201
+ // interactions
202
+ "outline-none cursor-pointer select-none",
203
+ "disabled:opacity-50 disabled:cursor-not-allowed",
204
+ className,
205
+ ].join(" "), children: children }));
206
+
207
+ const TertiaryLightMdButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
208
+ // base look (pill)
209
+ "inline-flex items-center justify-center rounded-full",
210
+ "px-8 py-3 font-body font-medium leading-[130%]",
211
+ "text-[12px] tablet:text-[14px] smLaptop:text-[16px]",
212
+ "!bg-[#1212161A] !text-[#1F1F22]",
213
+ // hover logic
214
+ "hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
215
+ // active
216
+ "active:!bg-[#121216E5] active:!text-[#FFFFFF]",
217
+ // interactions
218
+ "outline-none cursor-pointer select-none",
219
+ "disabled:opacity-50 disabled:cursor-not-allowed",
220
+ className,
221
+ ].join(" "), children: children }));
222
+
223
+ const TertiaryLightSmButton = ({ children, className = "", onClick, type = "button", disabled = false, }) => (jsxRuntime.jsx("button", { type: type, disabled: disabled, onClick: onClick, className: [
224
+ "inline-flex items-center justify-center rounded-full",
225
+ "px-8 py-2 font-body font-medium leading-[130%]",
226
+ "text-[11px] tablet:text-[12px] smLaptop:text-[14px]",
227
+ "!bg-[#1212161A] !text-[#1F1F22]",
228
+ // hover logic
229
+ "hover:!bg-[#121216E5] hover:!text-[#FFFFFF]",
230
+ // active
231
+ "active:!bg-[#121216E5] active:!text-[#FFFFFF]",
232
+ // interactions
233
+ "outline-none cursor-pointer select-none",
234
+ "disabled:opacity-50 disabled:cursor-not-allowed",
235
+ className,
236
+ ].join(" "), children: children }));
82
237
 
83
238
  // this is for the regular section in the middle of the page
84
239
  const Section = ({ children, sectionClassName, contentClassName, }) => (jsxRuntime.jsx("section", { className: `
@@ -168,32 +323,26 @@ exports.Bodyxlsb = Bodyxlsb;
168
323
  exports.Button = Button;
169
324
  exports.Buttonmd = Buttonmd;
170
325
  exports.Buttonsm = Buttonsm;
171
- exports.CaptionMed = CaptionMed;
172
- exports.CaptionReg = CaptionReg;
173
- exports.CaptionSemi = CaptionSemi;
174
- exports.DpLg = DpLg;
175
- exports.DpMd = DpMd;
176
326
  exports.H1 = H1;
177
327
  exports.H2 = H2;
178
328
  exports.H3 = H3;
179
329
  exports.H4 = H4;
180
330
  exports.H5 = H5;
181
331
  exports.H6 = H6;
182
- exports.PrimaryDarkButtonMd = ButtonMed$5;
183
- exports.PrimaryDarkButtonSm = ButtonSm$5;
184
- exports.PrimaryLightButtonMd = ButtonMed$4;
185
- exports.PrimaryLightButtonSm = ButtonSm$4;
186
- exports.SecondaryDarkMdButton = ButtonMed$3;
187
- exports.SecondaryDarkSmButton = ButtonSm$3;
188
- exports.SecondaryLightMedButton = ButtonMed$2;
189
- exports.SecondaryLightSmButton = ButtonSm$2;
332
+ exports.PrimaryDarkMdButton = PrimaryDarkMdButton;
333
+ exports.PrimaryDarkSmButton = PrimaryDarkSmButton;
334
+ exports.PrimaryLightMdButton = PrimaryLightMdButton;
335
+ exports.PrimaryLightSmButton = PrimaryLightSmButton;
336
+ exports.SecondaryDarkMdButton = SecondaryDarkMdButton;
337
+ exports.SecondaryDarkSmButton = SecondaryDarkSmButton;
338
+ exports.SecondaryLightMdButton = SecondaryLightMdButton;
339
+ exports.SecondaryLightSmButton = SecondaryLightSmButton;
190
340
  exports.Section = Section;
191
341
  exports.SectionFooter = SectionFooter;
192
342
  exports.SectionHeader = SectionHeader;
193
343
  exports.SectionLarge = SectionLarge;
194
- exports.SubHead = SubHead;
195
- exports.TertiaryDarkButtonMd = ButtonMed$1;
196
- exports.TertiaryDarkButtonSm = ButtonSm$1;
197
- exports.TertiaryLightButtonMd = ButtonMed;
198
- exports.TertiaryLightButtonSm = ButtonSm;
344
+ exports.TertiaryDarkMdButton = TertiaryDarkMdButton;
345
+ exports.TertiaryDarkSmButton = TertiaryDarkSmButton;
346
+ exports.TertiaryLightMdButton = TertiaryLightMdButton;
347
+ exports.TertiaryLightSmButton = TertiaryLightSmButton;
199
348
  //# sourceMappingURL=index.js.map