@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
3 lines • 11.1 kB
JavaScript
'use client';
import{b as d}from"./chunk-CMFNILWJ.js";import{b as f}from"./chunk-XYM7TA65.js";import{a as r,c as s,d as T,e as m}from"./chunk-CW7YCI7I.js";import{ColorDecorativePurple50 as M,ColorTextDark as E,FontWeightMedian as w,TypographyBody1BoldEmailFontFamily as C,TypographyBody1BoldEmailFontSize as $,TypographyBody1BoldEmailFontWeight as N,TypographyBody1BoldEmailLetterSpacing as P,TypographyBody1BoldEmailLineHeight as X,TypographyBody1EmailFontFamily as A,TypographyBody1EmailFontSize as R,TypographyBody1EmailFontWeight as _,TypographyBody1EmailLetterSpacing as V,TypographyBody1EmailLineHeight as I,TypographyBody1LinkEmailFontFamily as F,TypographyBody1LinkEmailFontSize as k,TypographyBody1LinkEmailFontWeight as H,TypographyBody1LinkEmailLetterSpacing as L,TypographyBody1LinkEmailLineHeight as b,TypographyBody1LinkEmailTextDecoration as S,TypographyBody1MedianEmailFontFamily as O,TypographyBody1MedianEmailFontSize as U,TypographyBody1MedianEmailFontWeight as G,TypographyBody1MedianEmailLetterSpacing as j,TypographyBody1MedianEmailLineHeight as q,TypographyBody2BoldEmailFontFamily as v,TypographyBody2BoldEmailFontSize as J,TypographyBody2BoldEmailFontWeight as K,TypographyBody2BoldEmailLetterSpacing as Q,TypographyBody2BoldEmailLineHeight as Y,TypographyBody2EmailFontFamily as Z,TypographyBody2EmailFontSize as u,TypographyBody2EmailFontWeight as ii,TypographyBody2EmailLetterSpacing as ai,TypographyBody2EmailLineHeight as ei,TypographyBody2LinkEmailFontFamily as ni,TypographyBody2LinkEmailFontSize as oi,TypographyBody2LinkEmailFontWeight as ti,TypographyBody2LinkEmailLetterSpacing as yi,TypographyBody2LinkEmailLineHeight as gi,TypographyBody2LinkEmailTextDecoration as pi,TypographyBody2MedianEmailFontFamily as di,TypographyBody2MedianEmailFontSize as ri,TypographyBody2MedianEmailFontWeight as li,TypographyBody2MedianEmailLetterSpacing as hi,TypographyBody2MedianEmailLineHeight as mi,TypographyCaptionBoldEmailFontFamily as ci,TypographyCaptionBoldEmailFontSize as fi,TypographyCaptionBoldEmailFontWeight as si,TypographyCaptionBoldEmailLetterSpacing as Ti,TypographyCaptionBoldEmailLineHeight as Ei,TypographyCaptionLinkEmailFontFamily as Fi,TypographyCaptionLinkEmailFontSize as ki,TypographyCaptionLinkEmailFontWeight as Hi,TypographyCaptionLinkEmailLetterSpacing as Li,TypographyCaptionLinkEmailLineHeight as bi,TypographyCaptionLinkEmailTextDecoration as Si,TypographyCaptionMedianEmailFontFamily as Bi,TypographyCaptionMedianEmailFontSize as xi,TypographyCaptionMedianEmailFontWeight as Wi,TypographyCaptionMedianEmailLetterSpacing as zi,TypographyCaptionMedianEmailLineHeight as Di,TypographyDisplay1EmailFontFamily as Mi,TypographyDisplay1EmailFontSizeMd as wi,TypographyDisplay1EmailFontSizeXxs as Ci,TypographyDisplay1EmailFontWeight as $i,TypographyDisplay1EmailLetterSpacing as Ni,TypographyDisplay1EmailLineHeightMd as Pi,TypographyDisplay1EmailLineHeightXxs as Xi,TypographyDisplay2EmailFontFamily as Ai,TypographyDisplay2EmailFontSizeMd as Ri,TypographyDisplay2EmailFontSizeXxs as _i,TypographyDisplay2EmailFontWeight as Vi,TypographyDisplay2EmailLetterSpacing as Ii,TypographyDisplay2EmailLineHeightMd as Oi,TypographyDisplay2EmailLineHeightXxs as Ui,TypographyDisplayWideEmailFontFamily as Gi,TypographyDisplayWideEmailFontSizeMd as ji,TypographyDisplayWideEmailFontSizeXxs as qi,TypographyDisplayWideEmailFontWeight as vi,TypographyDisplayWideEmailLetterSpacing as Ji,TypographyDisplayWideEmailLineHeightMd as Ki,TypographyDisplayWideEmailLineHeightXxs as Qi,TypographyHeading1EmailFontFamily as Yi,TypographyHeading1EmailFontSizeMd as Zi,TypographyHeading1EmailFontSizeXxs as ui,TypographyHeading1EmailFontWeight as ia,TypographyHeading1EmailLetterSpacing as aa,TypographyHeading1EmailLineHeightMd as ea,TypographyHeading1EmailLineHeightXxs as na,TypographyHeading2EmailFontFamily as oa,TypographyHeading2EmailFontSizeMd as ta,TypographyHeading2EmailFontSizeXxs as ya,TypographyHeading2EmailFontWeight as ga,TypographyHeading2EmailLetterSpacing as pa,TypographyHeading2EmailLineHeightMd as da,TypographyHeading2EmailLineHeightXxs as ra,TypographyHeading3EmailFontFamily as la,TypographyHeading3EmailFontSize as ha,TypographyHeading3EmailFontWeight as ma,TypographyHeading3EmailLetterSpacing as ca,TypographyHeading3EmailLineHeight as fa,TypographyHeading3LinkEmailFontFamily as sa,TypographyHeading3LinkEmailFontSize as Ta,TypographyHeading3LinkEmailFontWeight as Ea,TypographyHeading3LinkEmailLetterSpacing as Fa,TypographyHeading3LinkEmailLineHeight as ka,TypographyHeading4EmailFontFamily as Ha,TypographyHeading4EmailFontSize as La,TypographyHeading4EmailFontWeight as ba,TypographyHeading4EmailLetterSpacing as Sa,TypographyHeading4EmailLineHeight as Ba,TypographyHeading4LinkEmailFontFamily as xa,TypographyHeading4LinkEmailFontSize as Wa,TypographyHeading4LinkEmailFontWeight as za,TypographyHeading4LinkEmailLetterSpacing as Da,TypographyHeading4LinkEmailLineHeight as Ma}from"@snowball-tech/design-tokens/dist/web/typescript/design-tokens";import{createElement as wa,forwardRef as Ca}from"react";import g from"lodash/fp/isEmpty";import $a from"lodash/fp/omit";var Na=new Set(["code","kbd","pre","samp"]),B=Ca(({children:x,disableClickTracking:W=!1,element:l,fullStyle:a=!1,inlineStyle:h=!1,variant:c,xs:n=!1,...t},z)=>{let p=c||s,D=g(c),o=l||T[p]||m;!g(t.href)&&g(l)&&(o="a"),l==="a"&&g(t.href)&&(o=m);let e="";switch(p){case"body-1-bold":{e="tracking-normal text-body-1 font-body-1 font-weight-body-1-bold leading-body-1";break}case"body-1-link":{e="tracking-normal text-body-1 font-body-1 font-weight-body-1-link leading-body-1 underline";break}case"body-1-median":{e="tracking-normal text-body-1 font-body-1 font-weight-body-1-median leading-body-1";break}case"body-2":{e="tracking-normal text-body-2 font-body-2 font-weight-body-2 leading-body-2";break}case"body-2-bold":{e="tracking-normal text-body-2 font-body-2 font-weight-body-2-bold leading-body-2";break}case"body-2-link":{e="tracking-normal text-body-2 font-body-2 font-weight-body-2-link leading-body-2 underline";break}case"body-2-median":{e="tracking-normal text-body-2 font-body-2 font-weight-body-2-median leading-body-2";break}case"caption-bold":{e="tracking-normal text-caption font-caption font-weight-caption-bold leading-caption";break}case"caption-link":{e="tracking-normal text-caption font-caption font-weight-caption-link leading-caption underline";break}case"caption-median":{e="tracking-normal text-caption font-caption font-weight-caption-median leading-caption";break}case"display-1":{e=`tracking-normal xxs:text-display-1-xxs${n?"":" md:text-display-1-md md:leading-display-1-md"} font-display-1 font-weight-display-1 xxs:leading-display-1-xxs`;break}case"display-2":{e=`tracking-normal xxs:text-display-2-xxs${n?"":" md:text-display-2-md md:leading-display-2-md"} font-display-2 font-weight-display-2 xxs:leading-display-2-xxs`;break}case"display-wide":{e=`tracking-normal xxs:text-display-wide-xxs${n?"":" md:text-display-wide-md md:leading-display-wide-md"} font-display-wide font-weight-display-wide xxs:leading-display-wide-xxs`;break}case"heading-1":{e=`tracking-normal xxs:text-heading-1-xxs${n?"":" md:text-heading-1-md md:leading-heading-1-md"} font-heading-1 font-weight-heading-1 xxs:leading-heading-1-xxs`;break}case"heading-2":{e=`tracking-normal xxs:text-heading-2-xxs${n?"":" md:text-heading-2-md md:leading-heading-2-md"} font-heading-2 font-weight-heading-2 xxs:leading-heading-2-xxs`;break}case"heading-3":{e="tracking-normal text-heading-3 font-heading-3 font-weight-heading-3 leading-heading-3";break}case"heading-3-link":{e="tracking-normal text-heading-3 font-heading-3 font-weight-heading-3 leading-heading-3 underline";break}case"heading-4":{e="tracking-normal text-heading-4 font-heading-4 font-weight-heading-4 leading-heading-4";break}case"heading-4-link":{e="tracking-normal text-heading-4 font-heading-4 font-weight-heading-4 leading-heading-4 underline";break}default:{e=o==="a"&&D?"tracking-normal text-body-1 font-body-1 font-weight-body-1-link leading-body-1 underline":"tracking-normal text-body-1 font-body-1 font-weight-body-1 leading-body-1";break}}let i={margin:0};if(a&&(i.boxSizing="border-box",i.color=E),h)switch(p){case"body-1-bold":{a&&(i.fontFamily=C),i.fontSize=$,i.lineHeight=X,i.fontWeight=N,i.letterSpacing=P;break}case"body-1-link":{a&&(i.fontFamily=F),i.fontSize=k,i.lineHeight=b,i.fontWeight=H,i.letterSpacing=L,i.textDecoration=S;break}case"body-1-median":{a&&(i.fontFamily=O),i.fontSize=U,i.lineHeight=q,i.fontWeight=G,i.letterSpacing=j;break}case"body-2":{a&&(i.fontFamily=Z,i.fontWeight=ii),i.fontSize=u,i.lineHeight=ei,i.letterSpacing=ai;break}case"body-2-bold":{a&&(i.fontFamily=v),i.fontSize=J,i.lineHeight=Y,i.fontWeight=K,i.letterSpacing=Q;break}case"body-2-link":{a&&(i.fontFamily=ni),i.fontSize=oi,i.lineHeight=gi,i.fontWeight=ti,i.letterSpacing=yi,i.textDecoration=pi;break}case"body-2-median":{a&&(i.fontFamily=di),i.fontSize=ri,i.lineHeight=mi,i.fontWeight=li,i.letterSpacing=hi;break}case"caption-bold":{a&&(i.fontFamily=ci),i.fontSize=fi,i.lineHeight=Ei,i.fontWeight=si,i.letterSpacing=Ti;break}case"caption-link":{a&&(i.fontFamily=Fi),i.fontSize=ki,i.lineHeight=bi,i.fontWeight=Hi,i.letterSpacing=Li,i.textDecoration=Si;break}case"caption-median":{a&&(i.fontFamily=Bi),i.fontSize=xi,i.lineHeight=Di,i.fontWeight=Wi,i.letterSpacing=zi;break}case"display-1":{a&&(i.fontFamily=Mi),i.fontSize=n?Ci:wi,i.lineHeight=n?Xi:Pi,i.fontWeight=$i,i.letterSpacing=Ni;break}case"display-2":{a&&(i.fontFamily=Ai),i.fontSize=n?_i:Ri,i.lineHeight=n?Ui:Oi,i.fontWeight=Vi,i.letterSpacing=Ii;break}case"display-wide":{a&&(i.fontFamily=Gi),i.fontSize=n?qi:ji,i.lineHeight=n?Qi:Ki,i.fontWeight=vi,i.letterSpacing=Ji;break}case"heading-1":{a&&(i.fontFamily=Yi),i.fontSize=n?ui:Zi,i.lineHeight=n?na:ea,i.fontWeight=ia,i.letterSpacing=aa;break}case"heading-2":{a&&(i.fontFamily=oa),i.fontSize=n?ya:ta,i.lineHeight=n?ra:da,i.fontWeight=ga,i.letterSpacing=pa;break}case"heading-3":{a&&(i.fontFamily=la),i.fontSize=ha,i.lineHeight=fa,i.fontWeight=ma,i.letterSpacing=ca;break}case"heading-3-link":{a&&(i.fontFamily=sa),i.fontSize=Ta,i.lineHeight=ka,i.fontWeight=Ea,i.letterSpacing=Fa;break}case"heading-4":{a&&(i.fontFamily=Ha),i.fontSize=La,i.lineHeight=Ba,i.fontWeight=ba,i.letterSpacing=Sa;break}case"heading-4-link":{a&&(i.fontFamily=xa),i.fontSize=Wa,i.lineHeight=Ma,i.fontWeight=za,i.letterSpacing=Da;break}default:{o==="a"?(a&&(i.fontFamily=F),i.fontSize=k,i.lineHeight=b,i.fontWeight=H,i.letterSpacing=L,i.textDecoration=S):(a&&(i.fontFamily=A,i.fontWeight=_),i.fontSize=R,i.lineHeight=I,i.letterSpacing=V);break}}let y={};return o==="a"?i.color=E:Na.has(o)&&(y.fontFamily="monospace, monospace",o==="code"&&(y.color=M,y.fontWeight=w)),wa(o,{className:f(`${d}-${r}`,`${d}-${r}__${o}`,`${d}-${r}--${p}`,!h&&e,t.className),style:h?{...y,...i,...t.style}:{...y,...t.style},...$a(["className","style"],t),...o==="a"&&!g(t.href)&&W?{clicktracking:"off"}:{},ref:z},x)});B.displayName="Typography";var Ua=B;export{B as a,Ua as b};
//# sourceMappingURL=chunk-AOLTZ2WJ.js.map