@apollion-dsi/core 4.3.1 → 4.5.0

package/lib/chunks/chunk-WWSSKMIE.esm.js

@@ -0,0 +1,11 @@
+import{a as Lo}from"./chunk-4KIBOLH7.esm.js";import{a as To,b as Eo}from"./chunk-TG5BCBO4.esm.js";import{a as Ao}from"./chunk-OFRYNRTE.esm.js";import{a as ho}from"./chunk-3DUB5C4Z.esm.js";import{b as yo,c as So}from"./chunk-KT6QQ3UJ.esm.js";import{a as No}from"./chunk-ZOKGGTX5.esm.js";import{b as vo}from"./chunk-IT4J7I6H.esm.js";import{a as Po,b as bo}from"./chunk-RU6QRCR7.esm.js";import{b as ko}from"./chunk-JOKVE3IX.esm.js";import{a as wo}from"./chunk-3EOSES4S.esm.js";import{a as Io}from"./chunk-NQBO2D7L.esm.js";import{a as Co}from"./chunk-TDVKGVGD.esm.js";import{c as Ro}from"./chunk-NQHACZA2.esm.js";import{d as Bo}from"./chunk-M42E74U7.esm.js";import{a as Mo,b as _o}from"./chunk-I3GVQWLB.esm.js";import{a as xo}from"./chunk-UI6CJPP3.esm.js";import{e as $}from"./chunk-7UIH7PNC.esm.js";import{b as Fo}from"./chunk-GK6CPN6F.esm.js";import{a as Do}from"./chunk-IWMEDT6U.esm.js";import{a as uo,d as Y}from"./chunk-JSUB6SAI.esm.js";import{a as go}from"./chunk-EET35TCO.esm.js";import{a as B}from"./chunk-BT6SPTZZ.esm.js";import{a as A,c as w,d as F}from"./chunk-Y36YHL7V.esm.js";import{a as ao,b as po}from"./chunk-4CULNDXB.esm.js";import{a as no,b as io}from"./chunk-ZQDA6U5L.esm.js";import{d as N}from"./chunk-LL6B4Q4R.esm.js";import{a as oo,c as eo,k as to,l as ro}from"./chunk-XJ7EBVG3.esm.js";import{b as V,c as S}from"./chunk-G5Z7USXC.esm.js";import{b as mo,c as co,d as so,e as lo,f as fo,g as u}from"./chunk-APD22JEO.esm.js";import{a as r}from"./chunk-GZONWSRB.esm.js";import f from"react";import Wo from"deepmerge";var z=Wo;function O(o={}){let{colors:e,breakpoints:t,spacing:n,border:a,font:i,dimension:m}=z({colors:no,spacing:To,font:Po,border:ho,breakpoints:yo,dimension:ko},o),c=io(e),s=Eo(n,m),p=bo(i,m),C=Lo({colors:c,spacing:s});return{font:p,border:a,animation:Io,colors:c,breakpoints:So(t),spacing:s,depth:vo(c),deep:No(c),semantic:C,foundation:wo(C)}}r(O,"createTheme");import l,{useEffect as Ie,useState as he}from"react";import{createPortal as ye}from"react-dom";var L=u(w).withConfig({displayName:"Iconstyle__IconStyle",componentId:"sc-l15crp-0"})(({theme:o,size:e})=>({fontSize:e?o.spacing(e):"inherit",display:"inline-block",lineHeight:0,"& svg":{stroke:"currentColor",fill:"currentColor",strokeWidth:0,"& g":{fill:"currentColor"}}}));import P,{forwardRef as q,useEffect as pe,useState as de}from"react";function Vo(o,e){if(typeof window!="undefined")try{window.fetch(o).then(t=>t.text()).then(t=>to(t,"svg")).then(ro).then(e)}catch(t){oo.warn(`[ICON] Failed to load icon from: ${o}`)}}r(Vo,"getIconFromUrl");var ee=r(({cover:o,height:e,width:t})=>o&&{width:t!=null?t:"100%",height:e!=null?e:"100%",objectFit:"cover"},"imageCover"),Yo=r(o=>o?eo(o):"fit-content","getSizeValue"),$o=po("img")`
+  display: block;
+  width: ${({full:o,width:e})=>o?"100%":Yo(e)};
+  height: ${({height:o})=>Yo(o)};
+  ${ee};
+
+  &[src=''] {
+    visibility: hidden;
+    position: absolute;
+  }
+`;import I,{forwardRef as ce,useState as se}from"react";var zo=u.rect.withConfig({displayName:"RectComponentstyle__RectStyle",componentId:"sc-ofzrwt-0"})(["stroke:",";fill:",";"],({theme:o})=>N(o.colors.neutral[20]),({theme:o})=>N(o.colors.neutral[5]));import te from"react";function v(o){return te.createElement(zo,{...o})}r(v,"RectComponent");v.displayName="Rect";import re from"react";import Oo,{BulletList as G,Code as H,Facebook as j,List as U}from"react-content-loader";var Q=Oo;function k({children:o,...e}){let{colors:t}=fo();return re.createElement(Q,{...e,viewBox:`0 0 ${e.width} ${e.height}`,backgroundColor:N(e.backgroundColor||t.neutral[10]),foregroundColor:N(e.foregroundColor||t.neutral[30])},o)}r(k,"ComposedSkeletonComponent");k.displayName="Skeleton";var ne=U,ie=G,ae=H,me=j;import Go from"react";function K({width:o,height:e=13}){return Go.createElement(k,{width:o,height:e},Go.createElement(v,{x:0,y:0,width:o,height:e}))}r(K,"TextPresetComponent");K.displayName="TextPreset";var M=ce(({src:o,...e},t)=>I.createElement($o,{src:o,ref:t,...e})),le=r(({width:o=60,height:e=60})=>I.createElement(k,{height:e,width:o},I.createElement(v,{width:o,height:e})),"ImageDefaultContentLoader");function fe(o){return new Promise((e,t)=>{let n=new Image;n.onload=e,n.onerror=t,n.src=o})}r(fe,"loadImage");var Ho=r(({src:o,fallback:e,threshold:t,...n})=>{let[a,i]=se(),[m]=xo({threshold:t},()=>{fe(o).then(()=>i(o)).catch(()=>console.warn(`[Failed]: error on loading image: ${o}`))}),c=typeof a=="undefined";return I.createElement(I.Fragment,null,c?e||I.createElement(le,{...n}):null,I.createElement(M,{src:a||"",ref:m,...n}))},"ImageLazy");Ho.displayName="ImageLazy";var _=r((o,e)=>P.cloneElement(o,e),"createIcon"),ue=q(({icon:o,name:e,iconProps:t,svgProps:n,children:a,...i},m)=>{let c=r(()=>{let s=null;return a?s=_(a,n):e?s=_(Co[e],n):o?s=_(o,n):t&&(s=Bo(n)),s},"getIcon");return P.createElement(L,{...i,ref:m},c())}),ge=q(({title:o,src:e,svgProps:t,...n},a)=>{let[i,m]=de(()=>P.createElement(M,{height:"1em",width:"1em",alt:o}));return pe(()=>{Vo(e,c=>{m(_(c,t))})},[e]),P.createElement(L,{...n,ref:a},i)}),R=q(({title:o,...e},t)=>{let n={...e.iconProps||{},title:o,stroke:"currentColor",fill:"currentColor",strokeWidth:"0",height:"1em",width:"1em"};return e.src?P.createElement(ge,{...e,svgProps:n,ref:t}):P.createElement(ue,{...e,svgProps:n,ref:t})});R.displayName="Icon";var Ce=co(["0%{width:0;}100%{width:100%;}"]),J=u(B).withConfig({displayName:"Notificationstyle__NotificationProgress",componentId:"sc-6lckl1-0"})(["--time:15;width:0;height:0.25rem;background-color:var(--baseColor);animation:"," calc(var(--time,15) * 1s) normal forwards;"],Ce),jo=u(B).withConfig({displayName:"Notificationstyle__ProgressContainer",componentId:"sc-6lckl1-1"})(["position:absolute;top:0.25rem;left:0.5rem;right:0.5rem;"]);function xe({variant:o,theme:e}){let t=e.colors[o];return mo(["--baseColor:",";--lightColor:",";--darkColor:",";--activeColor:",";--actionColor:",";position:relative;background-color:var(--lightColor);border-color:var(--baseColor);","{color:var(--darkColor);}& ","{width:intrinsic;color:var(--darkColor);&:hover{background:var(--activeColor);}&:active ","{color:var(--actionColor);}}&:hover ","{animation-play-state:paused;}"],t.base,t.light,t.dark,t.active,t.action,uo,Mo,L,J)}r(xe,"getWrapperStyle");var X=u(F).withConfig({displayName:"Notificationstyle__WrapperNotificationStyle",componentId:"sc-6lckl1-2"})(xe);X.displayName="div";var Uo=u(B).withConfig({displayName:"Notificationstyle__NotificationIconStyle",componentId:"sc-6lckl1-3"})(["color:var(--darkColor);svg{width:2rem;height:2rem;}"]);var Qo=r(({type:o="block",variant:e="primary",visible:t=!0,closable:n=!0,autoClose:a=null,message:i=null,action:m=null,icon:c=null,link:s,onDismiss:p,...C})=>{let{isMobile:h}=$(),d=r(()=>{let y=m;return typeof m=="function"&&(y=m({close:p})),y?l.cloneElement(y,{color:e,alignSelf:"center",justifySelf:"center"}):null},"renderActionButton"),T=r(()=>typeof i=="function"?i({close:p}):typeof i=="string"?l.createElement(Y,{text:i,variant:"p",fontSize:"xs"}):i,"renderMessage");return t?l.createElement(X,{p:"medium",pr:9,round:h?0:"xs",borderWidth:h?"none":"thin",borderStyle:"solid",variant:e,"data-testid":`notification-${o}`,...C},a&&l.createElement(jo,null,l.createElement(J,{round:"micro",style:{"--time":a},onAnimationEnd:p})),l.createElement(go,{contentGap:"medium",opener:c&&l.createElement(Uo,{pt:"xs",alignSelf:"start"},c),closer:d()},C.title&&l.createElement(Y,{text:C.title,variant:"h3",fontSize:"small",fontWeight:"stronger",type:"mobile"}),T(),s&&l.createElement(Ro,{...s,target:"_blank"})),n&&l.createElement(_o,{p:"xs",borderWidth:"none",icon:l.createElement(R,{size:"small",name:"times"}),variant:"linked",onClick:p,alignSelf:"start",position:"absolute",right:"0.5rem",top:"0.5rem"})):null},"BaseNotification"),Se=r(o=>{let{isMobile:e}=$(),[t,n]=he(!1);Ie(()=>{n(!0)},[]);let a=o.pagePosition==="top"?{top:0}:{bottom:0};if(!t||!S)return null;let i=o.visible!==!1;return ye(l.createElement(A,null,i?l.createElement(Qo,{...o,initial:{y:"-100%",opacity:0},animate:{y:0,opacity:1},exit:{y:"-100%",opacity:0},style:{...a,zIndex:1e3,margin:e?0:"1rem",position:"fixed",right:0,left:0}}):null),S)},"PageNotification"),D=r(o=>o.type==="page"?l.createElement(Se,{...o}):l.createElement(Qo,{...o}),"NotificationComponent");D.displayName="Notification";import g,{createContext as Ne,useContext as ve,useEffect as ke,useReducer as Pe,useState as be}from"react";import{createPortal as we}from"react-dom";var Ko=Ne({});function Le(o,{type:e,payload:t}){switch(e){case"ADD":return[t,...o];case"REMOVE":return o.filter(n=>n.id!==t.id);default:return o}}r(Le,"NotificationReducer");var qo=r(o=>{let[e,t]=Pe(Le,[]),n=r(i=>{t({type:"REMOVE",payload:{id:i}})},"removeNotification"),a=r(i=>{if(t({type:"ADD",payload:{id:Do(),...i}}),e.length>=3){let[m]=e.slice(-1);setTimeout(()=>n(m.id),0)}},"showNotification");return g.createElement(Ko.Provider,{value:{notifications:e,removeNotification:n,showNotification:a}},g.createElement(g.Fragment,null,o.children,g.createElement(Ee,null)))},"NotificationsProvider");function Te(){let o=ve(Ko);if(o===void 0)throw new Error("cant use useNotification hook outside of <NotificationsProvider />");return o}r(Te,"useNotification");var Ee=r(()=>{let{notifications:o,removeNotification:e}=Te(),[t,n]=be(!1);return ke(()=>{n(!0)},[]),!t||!S?null:we(g.createElement(w,{style:{position:"fixed",bottom:"1rem",right:"1rem"}},g.createElement(A,null,o.map(({id:a,...i})=>g.createElement(F,{key:a,initial:{x:"100%",opacity:0},animate:{x:0,opacity:1},exit:{scale:0,opacity:0,height:0},style:{minWidth:300,maxWidth:"30vw",zIndex:100}},g.createElement(w,{style:{margin:"0.5rem"}},g.createElement(D,{...i,visible:!0,closable:!0,onDismiss:()=>e(a)})))))),S)},"NotificationGroup");function Ae(o,e){return typeof e=="string"?ao(o):!0}r(Ae,"shouldForwardProp");var Jo="(prefers-color-scheme: dark)";function Fe(){var o,e;return!!((e=(o=V)==null?void 0:o.matchMedia)!=null&&e.call(o,Jo).matches)}r(Fe,"prefersDarkScheme");var Xo=f.createContext(null);function Be(){let o=f.useContext(Xo);if(o===null)throw new Error("useApollionTheme deve ser usado dentro de um <ApollionProvider>.");return o}r(Be,"useApollionTheme");var Me=r(({children:o,theme:e,lightTheme:t,darkTheme:n,useSystemPreference:a=!1,themeMode:i,onThemeModeChange:m,surface:c="positive",dimension:s})=>{let p=i!==void 0,[C,h]=f.useState(()=>a&&Fe()?"dark":"light"),d=p?i:C;f.useEffect(()=>{var E,Z;if(p||!a)return;let x=(Z=(E=V)==null?void 0:E.matchMedia)==null?void 0:Z.call(E,Jo);if(!x)return;h(x.matches?"dark":"light");let b=r(oe=>{h(oe.matches?"dark":"light")},"handleChange");return x.addEventListener("change",b),()=>x.removeEventListener("change",b)},[p,a]);let T=f.useCallback(x=>{let b=x!=null?x:d==="dark"?"light":"dark";p||h(b),m==null||m(b)},[d,p,m]),y=f.useMemo(()=>t&&n?d==="dark"?n:t:t||n||(e!=null?e:O(s!==void 0?{dimension:s}:void 0)),[t,n,e,s,d]),W=f.useMemo(()=>Ao(y,c,d),[y,c,d]),Zo=f.useMemo(()=>({theme:W,themeMode:d,toggleTheme:T}),[W,d,T]);return f.createElement(so,{shouldForwardProp:Ae},f.createElement(Xo.Provider,{value:Zo},f.createElement(lo,{theme:W},f.createElement(Fo,null,f.createElement(qo,null,o)))))},"ApollionProvider");export{L as a,$o as b,O as c,Be as d,Me as e,zo as f,v as g,k as h,ne as i,ie as j,ae as k,me as l,K as m,M as n,Ho as o,R as p,J as q,jo as r,X as s,Uo as t,D as u,qo as v,Te as w,Ee as x};

package/lib/containers/Base/Base.style.d.ts

@@ -22,6 +22,13 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     borderWidth?: "none" | "bold" | "thin" | "regular" | "great";
     borderStyle?: "solid" | "dotted" | "dashed";
     px?: import("../../themes").SpacingInterface;
+    fontSize?: import("../../themes").FontSizeKey;
+    fontFamily?: "main" | "code";
+    fontWeight?: "light" | "bold" | "regular" | "stronger";
+    lineHeight?: "regular" | "tight" | "close" | "wild";
+    letterSpacing?: "regular" | "tight" | "wild";
+    textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    fontStyle?: "normal" | "italic";
     color?: string;
     ref?: import("react").Ref<HTMLDivElement>;
     round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -80,18 +87,11 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     shrink?: boolean;
     order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
-    fontFamily?: "main" | "code";
-    fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    fontStyle?: "normal" | "italic";
-    fontWeight?: "light" | "bold" | "regular" | "stronger";
     height?: string | number;
-    letterSpacing?: "regular" | "tight" | "wild";
-    lineHeight?: "regular" | "tight" | "close" | "wild";
     maxHeight?: string | number;
     minHeight?: string | number;
     minWidth?: string | number;
     textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
-    textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
     translate?: "yes" | "no";
     width?: string | number;
     wordBreak?: import("../../factory").WordBreakType;
@@ -341,50 +341,50 @@ export declare const AnimatedContainer: import("react").ComponentType<Omit<{
     xl_deep?: import("../../factory").DeepStylesTypes;
     xl_deepColor?: string;
     xl_noShadow?: boolean;
+    sm_fontSize?: import("../../themes").FontSizeKey;
     sm_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     sm_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     sm_wordBreak?: import("../../factory").WordBreakType;
     sm_textDecoration?: "none" | "line-through" | "overline" | "underline";
     sm_fontFamily?: "main" | "code";
-    sm_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    sm_fontStyle?: "normal" | "italic";
     sm_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    sm_letterSpacing?: "regular" | "tight" | "wild";
     sm_lineHeight?: "regular" | "tight" | "close" | "wild";
+    sm_letterSpacing?: "regular" | "tight" | "wild";
     sm_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    sm_fontStyle?: "normal" | "italic";
+    md_fontSize?: import("../../themes").FontSizeKey;
     md_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     md_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     md_wordBreak?: import("../../factory").WordBreakType;
     md_textDecoration?: "none" | "line-through" | "overline" | "underline";
     md_fontFamily?: "main" | "code";
-    md_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    md_fontStyle?: "normal" | "italic";
     md_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    md_letterSpacing?: "regular" | "tight" | "wild";
     md_lineHeight?: "regular" | "tight" | "close" | "wild";
+    md_letterSpacing?: "regular" | "tight" | "wild";
     md_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    md_fontStyle?: "normal" | "italic";
+    lg_fontSize?: import("../../themes").FontSizeKey;
     lg_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     lg_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     lg_wordBreak?: import("../../factory").WordBreakType;
     lg_textDecoration?: "none" | "line-through" | "overline" | "underline";
     lg_fontFamily?: "main" | "code";
-    lg_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    lg_fontStyle?: "normal" | "italic";
     lg_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    lg_letterSpacing?: "regular" | "tight" | "wild";
     lg_lineHeight?: "regular" | "tight" | "close" | "wild";
+    lg_letterSpacing?: "regular" | "tight" | "wild";
     lg_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    lg_fontStyle?: "normal" | "italic";
+    xl_fontSize?: import("../../themes").FontSizeKey;
     xl_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     xl_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     xl_wordBreak?: import("../../factory").WordBreakType;
     xl_textDecoration?: "none" | "line-through" | "overline" | "underline";
     xl_fontFamily?: "main" | "code";
-    xl_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    xl_fontStyle?: "normal" | "italic";
     xl_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    xl_letterSpacing?: "regular" | "tight" | "wild";
     xl_lineHeight?: "regular" | "tight" | "close" | "wild";
+    xl_letterSpacing?: "regular" | "tight" | "wild";
     xl_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    xl_fontStyle?: "normal" | "italic";
     sm_maxWidth?: string | number;
     sm_height?: string | number;
     sm_maxHeight?: string | number;

package/lib/containers/Flex/Flex.style.d.ts

@@ -27,6 +27,13 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     borderWidth?: "none" | "bold" | "thin" | "regular" | "great";
     borderStyle?: "solid" | "dotted" | "dashed";
     px?: import("../../themes").SpacingInterface;
+    fontSize?: import("../../themes").FontSizeKey;
+    fontFamily?: "main" | "code";
+    fontWeight?: "light" | "bold" | "regular" | "stronger";
+    lineHeight?: "regular" | "tight" | "close" | "wild";
+    letterSpacing?: "regular" | "tight" | "wild";
+    textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    fontStyle?: "normal" | "italic";
     color?: string;
     ref?: import("react").Ref<HTMLDivElement>;
     round?: number | "xs" | "sm" | "md" | "micro" | "large" | "straight" | "circular";
@@ -85,18 +92,11 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     shrink?: boolean;
     order?: import("../../factory/FlexFactory/FlexFactory.interface").FlexOrder;
     justifySelf?: import("../../factory/FlexFactory/FlexFactory.interface").AlignSelf;
-    fontFamily?: "main" | "code";
-    fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    fontStyle?: "normal" | "italic";
-    fontWeight?: "light" | "bold" | "regular" | "stronger";
     height?: string | number;
-    letterSpacing?: "regular" | "tight" | "wild";
-    lineHeight?: "regular" | "tight" | "close" | "wild";
     maxHeight?: string | number;
     minHeight?: string | number;
     minWidth?: string | number;
     textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
-    textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
     translate?: "yes" | "no";
     width?: string | number;
     wordBreak?: import("../../factory").WordBreakType;
@@ -346,50 +346,50 @@ export declare const AnimatedFlex: import("react").ComponentType<Omit<{
     xl_deep?: import("../../factory").DeepStylesTypes;
     xl_deepColor?: string;
     xl_noShadow?: boolean;
+    sm_fontSize?: import("../../themes").FontSizeKey;
     sm_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     sm_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     sm_wordBreak?: import("../../factory").WordBreakType;
     sm_textDecoration?: "none" | "line-through" | "overline" | "underline";
     sm_fontFamily?: "main" | "code";
-    sm_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    sm_fontStyle?: "normal" | "italic";
     sm_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    sm_letterSpacing?: "regular" | "tight" | "wild";
     sm_lineHeight?: "regular" | "tight" | "close" | "wild";
+    sm_letterSpacing?: "regular" | "tight" | "wild";
     sm_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    sm_fontStyle?: "normal" | "italic";
+    md_fontSize?: import("../../themes").FontSizeKey;
     md_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     md_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     md_wordBreak?: import("../../factory").WordBreakType;
     md_textDecoration?: "none" | "line-through" | "overline" | "underline";
     md_fontFamily?: "main" | "code";
-    md_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    md_fontStyle?: "normal" | "italic";
     md_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    md_letterSpacing?: "regular" | "tight" | "wild";
     md_lineHeight?: "regular" | "tight" | "close" | "wild";
+    md_letterSpacing?: "regular" | "tight" | "wild";
     md_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    md_fontStyle?: "normal" | "italic";
+    lg_fontSize?: import("../../themes").FontSizeKey;
     lg_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     lg_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     lg_wordBreak?: import("../../factory").WordBreakType;
     lg_textDecoration?: "none" | "line-through" | "overline" | "underline";
     lg_fontFamily?: "main" | "code";
-    lg_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    lg_fontStyle?: "normal" | "italic";
     lg_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    lg_letterSpacing?: "regular" | "tight" | "wild";
     lg_lineHeight?: "regular" | "tight" | "close" | "wild";
+    lg_letterSpacing?: "regular" | "tight" | "wild";
     lg_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    lg_fontStyle?: "normal" | "italic";
+    xl_fontSize?: import("../../themes").FontSizeKey;
     xl_whiteSpace?: "pre" | "normal" | "nowrap" | "break-spaces" | "pre-line" | "pre-wrap";
     xl_textAlign?: "center" | "right" | "left" | "end" | "start" | "justify" | "match-parent";
     xl_wordBreak?: import("../../factory").WordBreakType;
     xl_textDecoration?: "none" | "line-through" | "overline" | "underline";
     xl_fontFamily?: "main" | "code";
-    xl_fontSize?: "small" | "xs" | "xl" | "micro" | "medium" | "large" | "xxl" | "giant" | "nano" | "colossal" | "gargantua";
-    xl_fontStyle?: "normal" | "italic";
     xl_fontWeight?: "light" | "bold" | "regular" | "stronger";
-    xl_letterSpacing?: "regular" | "tight" | "wild";
     xl_lineHeight?: "regular" | "tight" | "close" | "wild";
+    xl_letterSpacing?: "regular" | "tight" | "wild";
     xl_textTransform?: "normal" | "uppercase" | "lowercase" | "captalyze";
+    xl_fontStyle?: "normal" | "italic";
     sm_maxWidth?: string | number;
     sm_height?: string | number;
     sm_maxHeight?: string | number;