@accelint/design-toolkit 2.3.2 → 2.4.1

package/dist/tokens/{generated/tokens.d.ts → index.d.ts}

@@ -52,34 +52,49 @@ declare const colorClassificationTsSci: RGBAColor;
 /** Other Design Tokens **/
 declare const typographyHeaderXxlSize = 32;
 declare const typographyHeaderXxlHeight = 40;
+declare const typographyHeaderXxlSpacing = 0;
 declare const typographyHeaderXlSize = 24;
 declare const typographyHeaderXlHeight = 28;
+declare const typographyHeaderXlSpacing = 0.18;
 declare const typographyHeaderLSize = 20;
 declare const typographyHeaderLHeight = 24;
+declare const typographyHeaderLSpacing = 0.18;
 declare const typographyHeaderMSize = 14;
 declare const typographyHeaderMHeight = 20;
+declare const typographyHeaderMSpacing = 0.25;
 declare const typographyHeaderSSize = 12;
 declare const typographyHeaderSHeight = 16;
+declare const typographyHeaderSSpacing = 0.4;
 declare const typographyHeaderXsSize = 10;
 declare const typographyHeaderXsHeight = 12;
+declare const typographyHeaderXsSpacing = 0.25;
 declare const typographyBodyLSize = 16;
 declare const typographyBodyLHeight = 24;
+declare const typographyBodyLSpacing = 0.5;
 declare const typographyBodyMSize = 14;
 declare const typographyBodyMHeight = 20;
+declare const typographyBodyMSpacing = 0.25;
 declare const typographyBodySSize = 12;
 declare const typographyBodySHeight = 16;
+declare const typographyBodySSpacing = 0.4;
 declare const typographyBodyXsSize = 10;
 declare const typographyBodyXsHeight = 12;
+declare const typographyBodyXsSpacing = 0.5;
 declare const typographyBodyXxsSize = 9;
 declare const typographyBodyXxsHeight = 12;
+declare const typographyBodyXxsSpacing = 0.25;
 declare const typographyButtonLSize = 16;
 declare const typographyButtonLHeight = 24;
+declare const typographyButtonLSpacing = 0.5;
 declare const typographyButtonMSize = 14;
 declare const typographyButtonMHeight = 20;
+declare const typographyButtonMSpacing = 0.25;
 declare const typographyButtonSSize = 12;
 declare const typographyButtonSHeight = 16;
+declare const typographyButtonSSpacing = 0.4;
 declare const typographyButtonXsSize = 10;
 declare const typographyButtonXsHeight = 12;
+declare const typographyButtonXsSpacing = 0.5;
 declare const spacing0 = 0;
 declare const spacingNone = "unset";
 declare const spacingXxs = 2;
@@ -95,9 +110,9 @@ declare const radiusSmall = 2;
 declare const radiusMedium = 4;
 declare const radiusLarge = 8;
 declare const radiusRound = 80;
-declare const shadowsElevationDefault = "initial";
-declare const shadowsElevationOverlay = "0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14)";
-declare const shadowsElevationRaised = "0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14)";
+declare const shadowElevationDefault = "initial";
+declare const shadowElevationOverlay = "0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14)";
+declare const shadowElevationRaised = "0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14)";
 declare const fontPrimary = "\"Roboto Flex\", sans-serif";
 declare const fontDisplay = "\"Roboto Mono\", monospace";
 declare const iconSizeL = 24;
@@ -105,4 +120,4 @@ declare const iconSizeM = 20;
 declare const iconSizeS = 16;
 declare const iconSizeXs = 12;
 
-export { type RGBAColor, colorAdvisory, colorAdvisoryBold, colorAdvisoryHover, colorAdvisorySubtle, colorClassificationConfidential, colorClassificationCui, colorClassificationMissing, colorClassificationSecret, colorClassificationTopSecret, colorClassificationTsSci, colorClassificationUnclass, colorCritical, colorCriticalBold, colorCriticalHover, colorCriticalSubtle, colorDefaultDark, colorDefaultLight, colorDisabled, colorHighlight, colorHighlightBold, colorHighlightHover, colorHighlightSubtle, colorInfo, colorInfoBold, colorInfoHover, colorInfoSubtle, colorInteractive, colorInteractiveDefault, colorInteractiveDisabled, colorInteractiveHover, colorInteractiveHoverDark, colorInteractiveHoverLight, colorInverseDark, colorInverseLight, colorNormal, colorNormalBold, colorNormalHover, colorNormalSubtle, colorSerious, colorSeriousBold, colorSeriousHover, colorSeriousSubtle, colorStaticDark, colorStaticLight, colorSurfaceDefault, colorSurfaceOverlay, colorSurfaceRaised, colorTransparentDark, colorTransparentLight, fontDisplay, fontPrimary, iconSizeL, iconSizeM, iconSizeS, iconSizeXs, radiusLarge, radiusMedium, radiusNone, radiusRound, radiusSmall, shadowsElevationDefault, shadowsElevationOverlay, shadowsElevationRaised, spacing0, spacingL, spacingM, spacingNone, spacingOversized, spacingS, spacingXl, spacingXs, spacingXxl, spacingXxs, typographyBodyLHeight, typographyBodyLSize, typographyBodyMHeight, typographyBodyMSize, typographyBodySHeight, typographyBodySSize, typographyBodyXsHeight, typographyBodyXsSize, typographyBodyXxsHeight, typographyBodyXxsSize, typographyButtonLHeight, typographyButtonLSize, typographyButtonMHeight, typographyButtonMSize, typographyButtonSHeight, typographyButtonSSize, typographyButtonXsHeight, typographyButtonXsSize, typographyHeaderLHeight, typographyHeaderLSize, typographyHeaderMHeight, typographyHeaderMSize, typographyHeaderSHeight, typographyHeaderSSize, typographyHeaderXlHeight, typographyHeaderXlSize, typographyHeaderXsHeight, typographyHeaderXsSize, typographyHeaderXxlHeight, typographyHeaderXxlSize };
+export { type RGBAColor, colorAdvisory, colorAdvisoryBold, colorAdvisoryHover, colorAdvisorySubtle, colorClassificationConfidential, colorClassificationCui, colorClassificationMissing, colorClassificationSecret, colorClassificationTopSecret, colorClassificationTsSci, colorClassificationUnclass, colorCritical, colorCriticalBold, colorCriticalHover, colorCriticalSubtle, colorDefaultDark, colorDefaultLight, colorDisabled, colorHighlight, colorHighlightBold, colorHighlightHover, colorHighlightSubtle, colorInfo, colorInfoBold, colorInfoHover, colorInfoSubtle, colorInteractive, colorInteractiveDefault, colorInteractiveDisabled, colorInteractiveHover, colorInteractiveHoverDark, colorInteractiveHoverLight, colorInverseDark, colorInverseLight, colorNormal, colorNormalBold, colorNormalHover, colorNormalSubtle, colorSerious, colorSeriousBold, colorSeriousHover, colorSeriousSubtle, colorStaticDark, colorStaticLight, colorSurfaceDefault, colorSurfaceOverlay, colorSurfaceRaised, colorTransparentDark, colorTransparentLight, fontDisplay, fontPrimary, iconSizeL, iconSizeM, iconSizeS, iconSizeXs, radiusLarge, radiusMedium, radiusNone, radiusRound, radiusSmall, shadowElevationDefault, shadowElevationOverlay, shadowElevationRaised, spacing0, spacingL, spacingM, spacingNone, spacingOversized, spacingS, spacingXl, spacingXs, spacingXxl, spacingXxs, typographyBodyLHeight, typographyBodyLSize, typographyBodyLSpacing, typographyBodyMHeight, typographyBodyMSize, typographyBodyMSpacing, typographyBodySHeight, typographyBodySSize, typographyBodySSpacing, typographyBodyXsHeight, typographyBodyXsSize, typographyBodyXsSpacing, typographyBodyXxsHeight, typographyBodyXxsSize, typographyBodyXxsSpacing, typographyButtonLHeight, typographyButtonLSize, typographyButtonLSpacing, typographyButtonMHeight, typographyButtonMSize, typographyButtonMSpacing, typographyButtonSHeight, typographyButtonSSize, typographyButtonSSpacing, typographyButtonXsHeight, typographyButtonXsSize, typographyButtonXsSpacing, typographyHeaderLHeight, typographyHeaderLSize, typographyHeaderLSpacing, typographyHeaderMHeight, typographyHeaderMSize, typographyHeaderMSpacing, typographyHeaderSHeight, typographyHeaderSSize, typographyHeaderSSpacing, typographyHeaderXlHeight, typographyHeaderXlSize, typographyHeaderXlSpacing, typographyHeaderXsHeight, typographyHeaderXsSize, typographyHeaderXsSpacing, typographyHeaderXxlHeight, typographyHeaderXxlSize, typographyHeaderXxlSpacing };

package/dist/tokens/index.js

@@ -0,0 +1,2 @@
+var o=[11,11,11,1],t=[34,34,34,1],r=[47,47,49,1],e=[0,0,0,.4],p=[255,255,255,.08],c=[86,86,86,1],n=[230,230,230,1],s=[255,255,255,1],a=[137,137,137,1],l=[47,47,49,1],i=[56,56,56,1],x=[56,56,56,1],y=[34,34,34,1],g=[40,245,190,1],B=[40,245,190,1],h=[24,147,114,1],S=[10,61,48,1],C=[104,104,104,1],d=[104,104,104,1],R=[66,66,68,1],A=[34,34,34,1],G=[98,166,255,1],H=[98,166,255,1],u=[58,100,153,1],v=[20,33,51,1],f=[48,210,126,1],X=[48,210,126,1],b=[28,126,76,1],z=[10,42,25,1],L=[252,164,0,1],M=[252,164,0,1],D=[151,98,1,1],m=[50,33,0,1],I=[212,35,29,1],N=[212,35,29,1],k=[127,21,17,1],T=[42,7,6,1],w=[255,255,255,1],E=[137,137,137,1],O=[56,56,56,1],F=[34,34,34,1],P=[86,86,86,1],U=[11,11,11,1],j=[0,122,51,1],q=[80,43,133,1],J=[0,51,160,1],K=[200,16,46,1],Q=[255,140,0,1],V=[252,232,58,1],W=32,Y=40,Z=0,_=24,$=28,oo=.18,to=20,ro=24,eo=.18,po=14,co=20,no=.25,so=12,ao=16,lo=.4,io=10,xo=12,yo=.25,go=16,Bo=24,ho=.5,So=14,Co=20,Ro=.25,Ao=12,Go=16,Ho=.4,uo=10,vo=12,fo=.5,Xo=9,bo=12,zo=.25,Lo=16,Mo=24,Do=.5,mo=14,Io=20,No=.25,ko=12,To=16,wo=.4,Eo=10,Oo=12,Fo=.5,Po=0,Uo="unset",jo=2,qo=4,Jo=8,Ko=12,Qo=16,Vo=24,Wo=40,Yo=80,Zo=0,_o=2,$o=4,ot=8,tt=80,rt="initial",et="0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14)",pt="0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14)",ct='"Roboto Flex", sans-serif',nt='"Roboto Mono", monospace',st=24,at=20,lt=16,it=12;export{G as colorAdvisory,H as colorAdvisoryBold,u as colorAdvisoryHover,v as colorAdvisorySubtle,J as colorClassificationConfidential,q as colorClassificationCui,U as colorClassificationMissing,K as colorClassificationSecret,Q as colorClassificationTopSecret,V as colorClassificationTsSci,j as colorClassificationUnclass,I as colorCritical,N as colorCriticalBold,k as colorCriticalHover,T as colorCriticalSubtle,E as colorDefaultDark,w as colorDefaultLight,P as colorDisabled,g as colorHighlight,B as colorHighlightBold,h as colorHighlightHover,S as colorHighlightSubtle,C as colorInfo,d as colorInfoBold,R as colorInfoHover,A as colorInfoSubtle,c as colorInteractive,n as colorInteractiveDefault,i as colorInteractiveDisabled,s as colorInteractiveHover,l as colorInteractiveHoverDark,a as colorInteractiveHoverLight,O as colorInverseDark,F as colorInverseLight,f as colorNormal,X as colorNormalBold,b as colorNormalHover,z as colorNormalSubtle,L as colorSerious,M as colorSeriousBold,D as colorSeriousHover,m as colorSeriousSubtle,y as colorStaticDark,x as colorStaticLight,o as colorSurfaceDefault,r as colorSurfaceOverlay,t as colorSurfaceRaised,e as colorTransparentDark,p as colorTransparentLight,nt as fontDisplay,ct as fontPrimary,st as iconSizeL,at as iconSizeM,lt as iconSizeS,it as iconSizeXs,ot as radiusLarge,$o as radiusMedium,Zo as radiusNone,tt as radiusRound,_o as radiusSmall,rt as shadowElevationDefault,et as shadowElevationOverlay,pt as shadowElevationRaised,Po as spacing0,Qo as spacingL,Ko as spacingM,Uo as spacingNone,Yo as spacingOversized,Jo as spacingS,Vo as spacingXl,qo as spacingXs,Wo as spacingXxl,jo as spacingXxs,Bo as typographyBodyLHeight,go as typographyBodyLSize,ho as typographyBodyLSpacing,Co as typographyBodyMHeight,So as typographyBodyMSize,Ro as typographyBodyMSpacing,Go as typographyBodySHeight,Ao as typographyBodySSize,Ho as typographyBodySSpacing,vo as typographyBodyXsHeight,uo as typographyBodyXsSize,fo as typographyBodyXsSpacing,bo as typographyBodyXxsHeight,Xo as typographyBodyXxsSize,zo as typographyBodyXxsSpacing,Mo as typographyButtonLHeight,Lo as typographyButtonLSize,Do as typographyButtonLSpacing,Io as typographyButtonMHeight,mo as typographyButtonMSize,No as typographyButtonMSpacing,To as typographyButtonSHeight,ko as typographyButtonSSize,wo as typographyButtonSSpacing,Oo as typographyButtonXsHeight,Eo as typographyButtonXsSize,Fo as typographyButtonXsSpacing,ro as typographyHeaderLHeight,to as typographyHeaderLSize,eo as typographyHeaderLSpacing,co as typographyHeaderMHeight,po as typographyHeaderMSize,no as typographyHeaderMSpacing,ao as typographyHeaderSHeight,so as typographyHeaderSSize,lo as typographyHeaderSSpacing,$ as typographyHeaderXlHeight,_ as typographyHeaderXlSize,oo as typographyHeaderXlSpacing,xo as typographyHeaderXsHeight,io as typographyHeaderXsSize,yo as typographyHeaderXsSpacing,Y as typographyHeaderXxlHeight,W as typographyHeaderXxlSize,Z as typographyHeaderXxlSpacing};//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tokens/index.ts"],"names":["colorSurfaceDefault","colorSurfaceRaised","colorSurfaceOverlay","colorTransparentDark","colorTransparentLight","colorInteractive","colorInteractiveDefault","colorInteractiveHover","colorInteractiveHoverLight","colorInteractiveHoverDark","colorInteractiveDisabled","colorStaticLight","colorStaticDark","colorHighlight","colorHighlightBold","colorHighlightHover","colorHighlightSubtle","colorInfo","colorInfoBold","colorInfoHover","colorInfoSubtle","colorAdvisory","colorAdvisoryBold","colorAdvisoryHover","colorAdvisorySubtle","colorNormal","colorNormalBold","colorNormalHover","colorNormalSubtle","colorSerious","colorSeriousBold","colorSeriousHover","colorSeriousSubtle","colorCritical","colorCriticalBold","colorCriticalHover","colorCriticalSubtle","colorDefaultLight","colorDefaultDark","colorInverseDark","colorInverseLight","colorDisabled","colorClassificationMissing","colorClassificationUnclass","colorClassificationCui","colorClassificationConfidential","colorClassificationSecret","colorClassificationTopSecret","colorClassificationTsSci","typographyHeaderXxlSize","typographyHeaderXxlHeight","typographyHeaderXxlSpacing","typographyHeaderXlSize","typographyHeaderXlHeight","typographyHeaderXlSpacing","typographyHeaderLSize","typographyHeaderLHeight","typographyHeaderLSpacing","typographyHeaderMSize","typographyHeaderMHeight","typographyHeaderMSpacing","typographyHeaderSSize","typographyHeaderSHeight","typographyHeaderSSpacing","typographyHeaderXsSize","typographyHeaderXsHeight","typographyHeaderXsSpacing","typographyBodyLSize","typographyBodyLHeight","typographyBodyLSpacing","typographyBodyMSize","typographyBodyMHeight","typographyBodyMSpacing","typographyBodySSize","typographyBodySHeight","typographyBodySSpacing","typographyBodyXsSize","typographyBodyXsHeight","typographyBodyXsSpacing","typographyBodyXxsSize","typographyBodyXxsHeight","typographyBodyXxsSpacing","typographyButtonLSize","typographyButtonLHeight","typographyButtonLSpacing","typographyButtonMSize","typographyButtonMHeight","typographyButtonMSpacing","typographyButtonSSize","typographyButtonSHeight","typographyButtonSSpacing","typographyButtonXsSize","typographyButtonXsHeight","typographyButtonXsSpacing","spacing0","spacingNone","spacingXxs","spacingXs","spacingS","spacingM","spacingL","spacingXl","spacingXxl","spacingOversized","radiusNone","radiusSmall","radiusMedium","radiusLarge","radiusRound","shadowElevationDefault","shadowElevationOverlay","shadowElevationRaised","fontPrimary","fontDisplay","iconSizeL","iconSizeM","iconSizeS","iconSizeXs"],"mappings":"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","file":"index.js","sourcesContent":["\nexport type RGBAColor = [number, number, number, number];\n\n/** Semantic Colors **/\nexport const colorSurfaceDefault: RGBAColor = [11, 11, 11, 1];\nexport const colorSurfaceRaised: RGBAColor = [34, 34, 34, 1];\nexport const colorSurfaceOverlay: RGBAColor = [47, 47, 49, 1];\nexport const colorTransparentDark: RGBAColor = [0, 0, 0, 0.4];\nexport const colorTransparentLight: RGBAColor = [255, 255, 255, 0.08];\nexport const colorInteractive: RGBAColor = [86, 86, 86, 1];\nexport const colorInteractiveDefault: RGBAColor = [230, 230, 230, 1];\nexport const colorInteractiveHover: RGBAColor = [255, 255, 255, 1];\nexport const colorInteractiveHoverLight: RGBAColor = [137, 137, 137, 1];\nexport const colorInteractiveHoverDark: RGBAColor = [47, 47, 49, 1];\nexport const colorInteractiveDisabled: RGBAColor = [56, 56, 56, 1];\nexport const colorStaticLight: RGBAColor = [56, 56, 56, 1];\nexport const colorStaticDark: RGBAColor = [34, 34, 34, 1];\nexport const colorHighlight: RGBAColor = [40, 245, 190, 1];\nexport const colorHighlightBold: RGBAColor = [40, 245, 190, 1];\nexport const colorHighlightHover: RGBAColor = [24, 147, 114, 1];\nexport const colorHighlightSubtle: RGBAColor = [10, 61, 48, 1];\nexport const colorInfo: RGBAColor = [104, 104, 104, 1];\nexport const colorInfoBold: RGBAColor = [104, 104, 104, 1];\nexport const colorInfoHover: RGBAColor = [66, 66, 68, 1];\nexport const colorInfoSubtle: RGBAColor = [34, 34, 34, 1];\nexport const colorAdvisory: RGBAColor = [98, 166, 255, 1];\nexport const colorAdvisoryBold: RGBAColor = [98, 166, 255, 1];\nexport const colorAdvisoryHover: RGBAColor = [58, 100, 153, 1];\nexport const colorAdvisorySubtle: RGBAColor = [20, 33, 51, 1];\nexport const colorNormal: RGBAColor = [48, 210, 126, 1];\nexport const colorNormalBold: RGBAColor = [48, 210, 126, 1];\nexport const colorNormalHover: RGBAColor = [28, 126, 76, 1];\nexport const colorNormalSubtle: RGBAColor = [10, 42, 25, 1];\nexport const colorSerious: RGBAColor = [252, 164, 0, 1];\nexport const colorSeriousBold: RGBAColor = [252, 164, 0, 1];\nexport const colorSeriousHover: RGBAColor = [151, 98, 1, 1];\nexport const colorSeriousSubtle: RGBAColor = [50, 33, 0, 1];\nexport const colorCritical: RGBAColor = [212, 35, 29, 1];\nexport const colorCriticalBold: RGBAColor = [212, 35, 29, 1];\nexport const colorCriticalHover: RGBAColor = [127, 21, 17, 1];\nexport const colorCriticalSubtle: RGBAColor = [42, 7, 6, 1];\nexport const colorDefaultLight: RGBAColor = [255, 255, 255, 1];\nexport const colorDefaultDark: RGBAColor = [137, 137, 137, 1];\nexport const colorInverseDark: RGBAColor = [56, 56, 56, 1];\nexport const colorInverseLight: RGBAColor = [34, 34, 34, 1];\nexport const colorDisabled: RGBAColor = [86, 86, 86, 1];\nexport const colorClassificationMissing: RGBAColor = [11, 11, 11, 1];\nexport const colorClassificationUnclass: RGBAColor = [0, 122, 51, 1];\nexport const colorClassificationCui: RGBAColor = [80, 43, 133, 1];\nexport const colorClassificationConfidential: RGBAColor = [0, 51, 160, 1];\nexport const colorClassificationSecret: RGBAColor = [200, 16, 46, 1];\nexport const colorClassificationTopSecret: RGBAColor = [255, 140, 0, 1];\nexport const colorClassificationTsSci: RGBAColor = [252, 232, 58, 1];\n/** Other Design Tokens **/\nexport const typographyHeaderXxlSize = 32;\nexport const typographyHeaderXxlHeight = 40;\nexport const typographyHeaderXxlSpacing = 0;\nexport const typographyHeaderXlSize = 24;\nexport const typographyHeaderXlHeight = 28;\nexport const typographyHeaderXlSpacing = 0.18;\nexport const typographyHeaderLSize = 20;\nexport const typographyHeaderLHeight = 24;\nexport const typographyHeaderLSpacing = 0.18;\nexport const typographyHeaderMSize = 14;\nexport const typographyHeaderMHeight = 20;\nexport const typographyHeaderMSpacing = 0.25;\nexport const typographyHeaderSSize = 12;\nexport const typographyHeaderSHeight = 16;\nexport const typographyHeaderSSpacing = 0.4;\nexport const typographyHeaderXsSize = 10;\nexport const typographyHeaderXsHeight = 12;\nexport const typographyHeaderXsSpacing = 0.25;\nexport const typographyBodyLSize = 16;\nexport const typographyBodyLHeight = 24;\nexport const typographyBodyLSpacing = 0.5;\nexport const typographyBodyMSize = 14;\nexport const typographyBodyMHeight = 20;\nexport const typographyBodyMSpacing = 0.25;\nexport const typographyBodySSize = 12;\nexport const typographyBodySHeight = 16;\nexport const typographyBodySSpacing = 0.4;\nexport const typographyBodyXsSize = 10;\nexport const typographyBodyXsHeight = 12;\nexport const typographyBodyXsSpacing = 0.5;\nexport const typographyBodyXxsSize = 9;\nexport const typographyBodyXxsHeight = 12;\nexport const typographyBodyXxsSpacing = 0.25;\nexport const typographyButtonLSize = 16;\nexport const typographyButtonLHeight = 24;\nexport const typographyButtonLSpacing = 0.5;\nexport const typographyButtonMSize = 14;\nexport const typographyButtonMHeight = 20;\nexport const typographyButtonMSpacing = 0.25;\nexport const typographyButtonSSize = 12;\nexport const typographyButtonSHeight = 16;\nexport const typographyButtonSSpacing = 0.4;\nexport const typographyButtonXsSize = 10;\nexport const typographyButtonXsHeight = 12;\nexport const typographyButtonXsSpacing = 0.5;\nexport const spacing0 = 0;\nexport const spacingNone = 'unset';\nexport const spacingXxs = 2;\nexport const spacingXs = 4;\nexport const spacingS = 8;\nexport const spacingM = 12;\nexport const spacingL = 16;\nexport const spacingXl = 24;\nexport const spacingXxl = 40;\nexport const spacingOversized = 80;\nexport const radiusNone = 0;\nexport const radiusSmall = 2;\nexport const radiusMedium = 4;\nexport const radiusLarge = 8;\nexport const radiusRound = 80;\nexport const shadowElevationDefault = 'initial';\nexport const shadowElevationOverlay = '0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14)';\nexport const shadowElevationRaised = '0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14)';\nexport const fontPrimary = '\"Roboto Flex\", sans-serif';\nexport const fontDisplay = '\"Roboto Mono\", monospace';\nexport const iconSizeL = 24;\nexport const iconSizeM = 20;\nexport const iconSizeS = 16;\nexport const iconSizeXs = 12;"]}

package/dist/tokens/{generated/themes.css → themes.css}

@@ -70,66 +70,81 @@
 
 @theme {
   /** Typography **/
-  --typography-header-xxl-size: var(--typography-header-xxl-size);
-  --typography-header-xxl-height: var(--typography-header-xxl-height);
-  --typography-header-xl-size: var(--typography-header-xl-size);
-  --typography-header-xl-height: var(--typography-header-xl-height);
-  --typography-header-l-size: var(--typography-header-l-size);
-  --typography-header-l-height: var(--typography-header-l-height);
-  --typography-header-m-size: var(--typography-header-m-size);
-  --typography-header-m-height: var(--typography-header-m-height);
-  --typography-header-s-size: var(--typography-header-s-size);
-  --typography-header-s-height: var(--typography-header-s-height);
-  --typography-header-xs-size: var(--typography-header-xs-size);
-  --typography-header-xs-height: var(--typography-header-xs-height);
-  --typography-body-l-size: var(--typography-body-l-size);
-  --typography-body-l-height: var(--typography-body-l-height);
-  --typography-body-m-size: var(--typography-body-m-size);
-  --typography-body-m-height: var(--typography-body-m-height);
-  --typography-body-s-size: var(--typography-body-s-size);
-  --typography-body-s-height: var(--typography-body-s-height);
-  --typography-body-xs-size: var(--typography-body-xs-size);
-  --typography-body-xs-height: var(--typography-body-xs-height);
-  --typography-body-xxs-size: var(--typography-body-xxs-size);
-  --typography-body-xxs-height: var(--typography-body-xxs-height);
-  --typography-button-l-size: var(--typography-button-l-size);
-  --typography-button-l-height: var(--typography-button-l-height);
-  --typography-button-m-size: var(--typography-button-m-size);
-  --typography-button-m-height: var(--typography-button-m-height);
-  --typography-button-s-size: var(--typography-button-s-size);
-  --typography-button-s-height: var(--typography-button-s-height);
-  --typography-button-xs-size: var(--typography-button-xs-size);
-  --typography-button-xs-height: var(--typography-button-xs-height);
+  --typography-header-xxl-size: var(--typography-header-xxl-size, 32px);
+  --typography-header-xxl-height: var(--typography-header-xxl-height, 40px);
+  --typography-header-xxl-spacing: var(--typography-header-xxl-spacing, 0px);
+  --typography-header-xl-size: var(--typography-header-xl-size, 24px);
+  --typography-header-xl-height: var(--typography-header-xl-height, 28px);
+  --typography-header-xl-spacing: var(--typography-header-xl-spacing, 0.18px);
+  --typography-header-l-size: var(--typography-header-l-size, 20px);
+  --typography-header-l-height: var(--typography-header-l-height, 24px);
+  --typography-header-l-spacing: var(--typography-header-l-spacing, 0.18px);
+  --typography-header-m-size: var(--typography-header-m-size, 14px);
+  --typography-header-m-height: var(--typography-header-m-height, 20px);
+  --typography-header-m-spacing: var(--typography-header-m-spacing, 0.25px);
+  --typography-header-s-size: var(--typography-header-s-size, 12px);
+  --typography-header-s-height: var(--typography-header-s-height, 16px);
+  --typography-header-s-spacing: var(--typography-header-s-spacing, 0.4px);
+  --typography-header-xs-size: var(--typography-header-xs-size, 10px);
+  --typography-header-xs-height: var(--typography-header-xs-height, 12px);
+  --typography-header-xs-spacing: var(--typography-header-xs-spacing, 0.25px);
+  --typography-body-l-size: var(--typography-body-l-size, 16px);
+  --typography-body-l-height: var(--typography-body-l-height, 24px);
+  --typography-body-l-spacing: var(--typography-body-l-spacing, 0.5px);
+  --typography-body-m-size: var(--typography-body-m-size, 14px);
+  --typography-body-m-height: var(--typography-body-m-height, 20px);
+  --typography-body-m-spacing: var(--typography-body-m-spacing, 0.25px);
+  --typography-body-s-size: var(--typography-body-s-size, 12px);
+  --typography-body-s-height: var(--typography-body-s-height, 16px);
+  --typography-body-s-spacing: var(--typography-body-s-spacing, 0.4px);
+  --typography-body-xs-size: var(--typography-body-xs-size, 10px);
+  --typography-body-xs-height: var(--typography-body-xs-height, 12px);
+  --typography-body-xs-spacing: var(--typography-body-xs-spacing, 0.5px);
+  --typography-body-xxs-size: var(--typography-body-xxs-size, 9px);
+  --typography-body-xxs-height: var(--typography-body-xxs-height, 12px);
+  --typography-body-xxs-spacing: var(--typography-body-xxs-spacing, 0.25px);
+  --typography-button-l-size: var(--typography-button-l-size, 16px);
+  --typography-button-l-height: var(--typography-button-l-height, 24px);
+  --typography-button-l-spacing: var(--typography-button-l-spacing, 0.5px);
+  --typography-button-m-size: var(--typography-button-m-size, 14px);
+  --typography-button-m-height: var(--typography-button-m-height, 20px);
+  --typography-button-m-spacing: var(--typography-button-m-spacing, 0.25px);
+  --typography-button-s-size: var(--typography-button-s-size, 12px);
+  --typography-button-s-height: var(--typography-button-s-height, 16px);
+  --typography-button-s-spacing: var(--typography-button-s-spacing, 0.4px);
+  --typography-button-xs-size: var(--typography-button-xs-size, 10px);
+  --typography-button-xs-height: var(--typography-button-xs-height, 12px);
+  --typography-button-xs-spacing: var(--typography-button-xs-spacing, 0.5px);
 }
 
 @theme {
   /** Spacing **/
-  --spacing-0: var(--spacing-0);
-  --spacing-none: var(--spacing-none);
-  --spacing-xxs: var(--spacing-xxs);
-  --spacing-xs: var(--spacing-xs);
-  --spacing-s: var(--spacing-s);
-  --spacing-m: var(--spacing-m);
-  --spacing-l: var(--spacing-l);
-  --spacing-xl: var(--spacing-xl);
-  --spacing-xxl: var(--spacing-xxl);
-  --spacing-oversized: var(--spacing-oversized);
+  --spacing-0: var(--spacing-0, 0px);
+  --spacing-none: var(--spacing-none, unset);
+  --spacing-xxs: var(--spacing-xxs, 2px);
+  --spacing-xs: var(--spacing-xs, 4px);
+  --spacing-s: var(--spacing-s, 8px);
+  --spacing-m: var(--spacing-m, 12px);
+  --spacing-l: var(--spacing-l, 16px);
+  --spacing-xl: var(--spacing-xl, 24px);
+  --spacing-xxl: var(--spacing-xxl, 40px);
+  --spacing-oversized: var(--spacing-oversized, 80px);
 }
 
 @theme {
   /** Radius **/
-  --radius-none: var(--radius-none);
-  --radius-small: var(--radius-small);
-  --radius-medium: var(--radius-medium);
-  --radius-large: var(--radius-large);
-  --radius-round: var(--radius-round);
+  --radius-none: var(--radius-none, 0px);
+  --radius-small: var(--radius-small, 2px);
+  --radius-medium: var(--radius-medium, 4px);
+  --radius-large: var(--radius-large, 8px);
+  --radius-round: var(--radius-round, 80px);
 }
 
 @theme {
-  /** Shadows **/
-  --shadows-elevation-default: var(--shadows-elevation-default);
-  --shadows-elevation-overlay: var(--shadows-elevation-overlay);
-  --shadows-elevation-raised: var(--shadows-elevation-raised);
+  /** Shadow **/
+  --shadow-elevation-default: var(--shadow-elevation-default);
+  --shadow-elevation-overlay: var(--shadow-elevation-overlay);
+  --shadow-elevation-raised: var(--shadow-elevation-raised);
 }
 
 @theme {

package/dist/tokens/{generated/tokens.css → tokens.css}

@@ -64,34 +64,49 @@
   --colors-classification-ts-sci: #fce83a;
   --typography-header-xxl-size: 32px;
   --typography-header-xxl-height: 40px;
+  --typography-header-xxl-spacing: 0px;
   --typography-header-xl-size: 24px;
   --typography-header-xl-height: 28px;
+  --typography-header-xl-spacing: 0.18px;
   --typography-header-l-size: 20px;
   --typography-header-l-height: 24px;
+  --typography-header-l-spacing: 0.18px;
   --typography-header-m-size: 14px;
   --typography-header-m-height: 20px;
+  --typography-header-m-spacing: 0.25px;
   --typography-header-s-size: 12px;
   --typography-header-s-height: 16px;
+  --typography-header-s-spacing: 0.4px;
   --typography-header-xs-size: 10px;
   --typography-header-xs-height: 12px;
+  --typography-header-xs-spacing: 0.25px;
   --typography-body-l-size: 16px;
   --typography-body-l-height: 24px;
+  --typography-body-l-spacing: 0.5px;
   --typography-body-m-size: 14px;
   --typography-body-m-height: 20px;
+  --typography-body-m-spacing: 0.25px;
   --typography-body-s-size: 12px;
   --typography-body-s-height: 16px;
+  --typography-body-s-spacing: 0.4px;
   --typography-body-xs-size: 10px;
   --typography-body-xs-height: 12px;
+  --typography-body-xs-spacing: 0.5px;
   --typography-body-xxs-size: 9px;
   --typography-body-xxs-height: 12px;
+  --typography-body-xxs-spacing: 0.25px;
   --typography-button-l-size: 16px;
   --typography-button-l-height: 24px;
+  --typography-button-l-spacing: 0.5px;
   --typography-button-m-size: 14px;
   --typography-button-m-height: 20px;
+  --typography-button-m-spacing: 0.25px;
   --typography-button-s-size: 12px;
   --typography-button-s-height: 16px;
+  --typography-button-s-spacing: 0.4px;
   --typography-button-xs-size: 10px;
   --typography-button-xs-height: 12px;
+  --typography-button-xs-spacing: 0.5px;
   --spacing-0: 0px;
   --spacing-none: unset;
   --spacing-xxs: 2px;
@@ -107,9 +122,9 @@
   --radius-medium: 4px;
   --radius-large: 8px;
   --radius-round: 80px;
-  --shadows-elevation-default: initial;
-  --shadows-elevation-overlay: 0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14);
-  --shadows-elevation-raised: 0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14);
+  --shadow-elevation-default: initial;
+  --shadow-elevation-overlay: 0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14);
+  --shadow-elevation-raised: 0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14);
   --font-primary: "Roboto Flex", sans-serif;
   --font-display: "Roboto Mono", monospace;
   --icon-size-l: var(--spacing-xl);

package/dist/tokens/tokens.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/variants/variants.css

@@ -0,0 +1,58 @@
+@custom-variant placement-left (&:where([data-placement~="left"]));
+@custom-variant placement-right (&:where([data-placement~="right"]));
+@custom-variant placement-top (&:where([data-placement~="top"]));
+@custom-variant placement-bottom (&:where([data-placement~="bottom"]));
+@custom-variant size-xlarge (&:where([data-size="xlarge"]));
+@custom-variant size-large (&:where([data-size="large"]));
+@custom-variant size-medium (&:where([data-size="medium"]));
+@custom-variant size-small (&:where([data-size="small"]));
+@custom-variant size-xsmall (&:where([data-size="xsmall"]));
+@custom-variant type-literal (&:where([data-type="literal"]));
+@custom-variant type-year (&:where([data-type="year"]));
+@custom-variant type-month (&:where([data-type="month"]));
+@custom-variant type-day (&:where([data-type="day"]));
+@custom-variant layout-grid (&:where([data-layout="grid"]));
+@custom-variant layout-stack (&:where([data-layout="stack"]));
+@custom-variant orientation-horizontal (&:where([data-orientation="horizontal"]));
+@custom-variant orientation-vertical (&:where([data-orientation="vertical"]));
+@custom-variant selection-single (&:where([data-selection-mode="single"]));
+@custom-variant selection-multiple (&:where([data-selection-mode="multiple"]));
+@custom-variant resizable-right (&:where([data-resizable-direction="right"]));
+@custom-variant resizable-left (&:where([data-resizable-direction="left"]));
+@custom-variant resizable-both (&:where([data-resizable-direction="both"]));
+@custom-variant sort-ascending (&:where([data-sort-direction="ascending"]));
+@custom-variant sort-descending (&:where([data-sort-direction="descending"]));
+@custom-variant allows-removing (&:where([data-allows-removing]));
+@custom-variant allows-sorting (&:where([data-allows-sorting]));
+@custom-variant allows-dragging (&:where([data-allows-dragging]));
+@custom-variant has-submenu (&:where([data-has-submenu]));
+@custom-variant has-child-items (&:where([data-has-child-items]));
+@custom-variant enabled (&:where(:not([disabled], [data-disabled]), :enabled));
+@custom-variant open (&:where([open], [data-open], :open));
+@custom-variant expanded (&:where([expanded], [data-expanded]));
+@custom-variant entering (&:where([data-entering]));
+@custom-variant exiting (&:where([data-exiting]));
+@custom-variant indeterminate (&:where([data-indeterminate], :indeterminate));
+@custom-variant placeholder-shown (&:where([data-placeholder], :placeholder-shown));
+@custom-variant current (&:where([data-current]));
+@custom-variant optional (&:where(:not([required], [data-required]), :optional));
+@custom-variant required (&:where([required], [data-required], :required));
+@custom-variant unavailable (&:where([data-unavailable]));
+@custom-variant invalid (&:where([invalid], [data-invalid], :invalid));
+@custom-variant read-only (&:where([readonly], [data-readonly], :read-only));
+@custom-variant outside-month (&:where([data-outside-month]));
+@custom-variant outside-visible-range (&:where([data-outside-visible-range]));
+@custom-variant pending (&:where([data-pending]));
+@custom-variant empty (&:where([data-empty], :empty));
+@custom-variant focus-within (&:where([data-focus-within], :focus-within));
+@custom-variant hover (&:where([data-hovered], :hover));
+@custom-variant focus (&:where([data-focused], :focus));
+@custom-variant focus-visible (&:where([data-focus-visible], :focus-visible));
+@custom-variant pressed (&:where([data-pressed], :active));
+@custom-variant selected (&:where([data-selected], :checked));
+@custom-variant selection-start (&:where([data-selection-start]));
+@custom-variant selection-end (&:where([data-selection-end]));
+@custom-variant dragging (&:where([data-dragging]));
+@custom-variant drop-target (&:where([data-drop-target]));
+@custom-variant resizing (&:where([data-resizing]));
+@custom-variant disabled (&:where([disabled], [data-disabled], :disabled));

package/dist/variants/variants.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelint/design-toolkit",
-  "version": "2.3.2",
+  "version": "2.4.1",
   "private": false,
   "license": "Apache-2.0",
   "repository": {
@@ -60,6 +60,7 @@
     "@react-stately/utils": "^3.10.7",
     "@react-aria/ssr": "^3.9.6",
     "@react-types/shared": "^3.25.0",
+    "@react-types/overlays": "^3.8.16",
     "react": "^19.0.0",
     "react-aria-components": "^1.10.1",
     "react-dom": "^19.0.0",
@@ -109,8 +110,8 @@
     "vite": "5.4.18",
     "vite-tsconfig-paths": "5.0.1",
     "vitest": "^3.1.1",
-    "@accelint/biome-config": "0.1.2",
     "@accelint/typescript-config": "0.1.2",
+    "@accelint/biome-config": "0.1.2",
     "@accelint/vitest-config": "0.1.3"
   },
   "$schema": "https://json.schemastore.org/package",
@@ -120,10 +121,11 @@
   },
   "scripts": {
     "bench": "pnpm vitest bench --run --dir src",
-    "build": "pnpm gen:tokens && pnpm tsup && pnpm build:css",
+    "build": "pnpm gen:tokens && pnpm gen:variants && pnpm tsup && pnpm build:css",
     "build:css": "pnpm tailwindcss -i ./src/index.css -o ./dist/styles.css",
     "dev": "pnpm tsc --watch",
     "gen:tokens": "node scripts/generate-tokens.mjs",
+    "gen:variants": "node scripts/generate-variants.mjs",
     "index": "pnpm zx ../../scripts/indexer.mjs design-toolkit/components",
     "lint": "pnpm biome lint",
     "preview": "pnpm storybook dev -p 6006",

package/dist/tokens/generated/tokens.js

@@ -1,2 +0,0 @@
-var o=[11,11,11,1],t=[34,34,34,1],r=[47,47,49,1],e=[0,0,0,.4],c=[255,255,255,.08],p=[86,86,86,1],s=[230,230,230,1],n=[255,255,255,1],l=[137,137,137,1],i=[47,47,49,1],a=[56,56,56,1],x=[56,56,56,1],y=[34,34,34,1],g=[40,245,190,1],B=[40,245,190,1],C=[24,147,114,1],h=[10,61,48,1],R=[104,104,104,1],A=[104,104,104,1],G=[66,66,68,1],d=[34,34,34,1],S=[98,166,255,1],H=[98,166,255,1],u=[58,100,153,1],v=[20,33,51,1],f=[48,210,126,1],b=[48,210,126,1],z=[28,126,76,1],X=[10,42,25,1],L=[252,164,0,1],D=[252,164,0,1],m=[151,98,1,1],I=[50,33,0,1],M=[212,35,29,1],N=[212,35,29,1],k=[127,21,17,1],T=[42,7,6,1],w=[255,255,255,1],E=[137,137,137,1],O=[56,56,56,1],F=[34,34,34,1],P=[86,86,86,1],U=[11,11,11,1],j=[0,122,51,1],q=[80,43,133,1],J=[0,51,160,1],K=[200,16,46,1],Q=[255,140,0,1],V=[252,232,58,1],W=32,Y=40,Z=24,_=28,$=20,oo=24,to=14,ro=20,eo=12,co=16,po=10,so=12,no=16,lo=24,io=14,ao=20,xo=12,yo=16,go=10,Bo=12,Co=9,ho=12,Ro=16,Ao=24,Go=14,So=20,Ho=12,uo=16,vo=10,fo=12,bo=0,zo="unset",Xo=2,Lo=4,Do=8,mo=12,Io=16,Mo=24,No=40,ko=80,To=0,wo=2,Eo=4,Oo=8,Fo=80,Po="initial",Uo="0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14)",jo="0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14)",qo='"Roboto Flex", sans-serif',Jo='"Roboto Mono", monospace',Ko=24,Qo=20,Vo=16,Wo=12;export{S as colorAdvisory,H as colorAdvisoryBold,u as colorAdvisoryHover,v as colorAdvisorySubtle,J as colorClassificationConfidential,q as colorClassificationCui,U as colorClassificationMissing,K as colorClassificationSecret,Q as colorClassificationTopSecret,V as colorClassificationTsSci,j as colorClassificationUnclass,M as colorCritical,N as colorCriticalBold,k as colorCriticalHover,T as colorCriticalSubtle,E as colorDefaultDark,w as colorDefaultLight,P as colorDisabled,g as colorHighlight,B as colorHighlightBold,C as colorHighlightHover,h as colorHighlightSubtle,R as colorInfo,A as colorInfoBold,G as colorInfoHover,d as colorInfoSubtle,p as colorInteractive,s as colorInteractiveDefault,a as colorInteractiveDisabled,n as colorInteractiveHover,i as colorInteractiveHoverDark,l as colorInteractiveHoverLight,O as colorInverseDark,F as colorInverseLight,f as colorNormal,b as colorNormalBold,z as colorNormalHover,X as colorNormalSubtle,L as colorSerious,D as colorSeriousBold,m as colorSeriousHover,I as colorSeriousSubtle,y as colorStaticDark,x as colorStaticLight,o as colorSurfaceDefault,r as colorSurfaceOverlay,t as colorSurfaceRaised,e as colorTransparentDark,c as colorTransparentLight,Jo as fontDisplay,qo as fontPrimary,Ko as iconSizeL,Qo as iconSizeM,Vo as iconSizeS,Wo as iconSizeXs,Oo as radiusLarge,Eo as radiusMedium,To as radiusNone,Fo as radiusRound,wo as radiusSmall,Po as shadowsElevationDefault,Uo as shadowsElevationOverlay,jo as shadowsElevationRaised,bo as spacing0,Io as spacingL,mo as spacingM,zo as spacingNone,ko as spacingOversized,Do as spacingS,Mo as spacingXl,Lo as spacingXs,No as spacingXxl,Xo as spacingXxs,lo as typographyBodyLHeight,no as typographyBodyLSize,ao as typographyBodyMHeight,io as typographyBodyMSize,yo as typographyBodySHeight,xo as typographyBodySSize,Bo as typographyBodyXsHeight,go as typographyBodyXsSize,ho as typographyBodyXxsHeight,Co as typographyBodyXxsSize,Ao as typographyButtonLHeight,Ro as typographyButtonLSize,So as typographyButtonMHeight,Go as typographyButtonMSize,uo as typographyButtonSHeight,Ho as typographyButtonSSize,fo as typographyButtonXsHeight,vo as typographyButtonXsSize,oo as typographyHeaderLHeight,$ as typographyHeaderLSize,ro as typographyHeaderMHeight,to as typographyHeaderMSize,co as typographyHeaderSHeight,eo as typographyHeaderSSize,_ as typographyHeaderXlHeight,Z as typographyHeaderXlSize,so as typographyHeaderXsHeight,po as typographyHeaderXsSize,Y as typographyHeaderXxlHeight,W as typographyHeaderXxlSize};//# sourceMappingURL=tokens.js.map
-//# sourceMappingURL=tokens.js.map

package/dist/tokens/generated/tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/tokens/generated/tokens.ts"],"names":["colorSurfaceDefault","colorSurfaceRaised","colorSurfaceOverlay","colorTransparentDark","colorTransparentLight","colorInteractive","colorInteractiveDefault","colorInteractiveHover","colorInteractiveHoverLight","colorInteractiveHoverDark","colorInteractiveDisabled","colorStaticLight","colorStaticDark","colorHighlight","colorHighlightBold","colorHighlightHover","colorHighlightSubtle","colorInfo","colorInfoBold","colorInfoHover","colorInfoSubtle","colorAdvisory","colorAdvisoryBold","colorAdvisoryHover","colorAdvisorySubtle","colorNormal","colorNormalBold","colorNormalHover","colorNormalSubtle","colorSerious","colorSeriousBold","colorSeriousHover","colorSeriousSubtle","colorCritical","colorCriticalBold","colorCriticalHover","colorCriticalSubtle","colorDefaultLight","colorDefaultDark","colorInverseDark","colorInverseLight","colorDisabled","colorClassificationMissing","colorClassificationUnclass","colorClassificationCui","colorClassificationConfidential","colorClassificationSecret","colorClassificationTopSecret","colorClassificationTsSci","typographyHeaderXxlSize","typographyHeaderXxlHeight","typographyHeaderXlSize","typographyHeaderXlHeight","typographyHeaderLSize","typographyHeaderLHeight","typographyHeaderMSize","typographyHeaderMHeight","typographyHeaderSSize","typographyHeaderSHeight","typographyHeaderXsSize","typographyHeaderXsHeight","typographyBodyLSize","typographyBodyLHeight","typographyBodyMSize","typographyBodyMHeight","typographyBodySSize","typographyBodySHeight","typographyBodyXsSize","typographyBodyXsHeight","typographyBodyXxsSize","typographyBodyXxsHeight","typographyButtonLSize","typographyButtonLHeight","typographyButtonMSize","typographyButtonMHeight","typographyButtonSSize","typographyButtonSHeight","typographyButtonXsSize","typographyButtonXsHeight","spacing0","spacingNone","spacingXxs","spacingXs","spacingS","spacingM","spacingL","spacingXl","spacingXxl","spacingOversized","radiusNone","radiusSmall","radiusMedium","radiusLarge","radiusRound","shadowsElevationDefault","shadowsElevationOverlay","shadowsElevationRaised","fontPrimary","fontDisplay","iconSizeL","iconSizeM","iconSizeS","iconSizeXs"],"mappings":"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","file":"tokens.js","sourcesContent":["\nexport type RGBAColor = [number, number, number, number];\n\n/** Semantic Colors **/\nexport const colorSurfaceDefault: RGBAColor = [11, 11, 11, 1];\nexport const colorSurfaceRaised: RGBAColor = [34, 34, 34, 1];\nexport const colorSurfaceOverlay: RGBAColor = [47, 47, 49, 1];\nexport const colorTransparentDark: RGBAColor = [0, 0, 0, 0.4];\nexport const colorTransparentLight: RGBAColor = [255, 255, 255, 0.08];\nexport const colorInteractive: RGBAColor = [86, 86, 86, 1];\nexport const colorInteractiveDefault: RGBAColor = [230, 230, 230, 1];\nexport const colorInteractiveHover: RGBAColor = [255, 255, 255, 1];\nexport const colorInteractiveHoverLight: RGBAColor = [137, 137, 137, 1];\nexport const colorInteractiveHoverDark: RGBAColor = [47, 47, 49, 1];\nexport const colorInteractiveDisabled: RGBAColor = [56, 56, 56, 1];\nexport const colorStaticLight: RGBAColor = [56, 56, 56, 1];\nexport const colorStaticDark: RGBAColor = [34, 34, 34, 1];\nexport const colorHighlight: RGBAColor = [40, 245, 190, 1];\nexport const colorHighlightBold: RGBAColor = [40, 245, 190, 1];\nexport const colorHighlightHover: RGBAColor = [24, 147, 114, 1];\nexport const colorHighlightSubtle: RGBAColor = [10, 61, 48, 1];\nexport const colorInfo: RGBAColor = [104, 104, 104, 1];\nexport const colorInfoBold: RGBAColor = [104, 104, 104, 1];\nexport const colorInfoHover: RGBAColor = [66, 66, 68, 1];\nexport const colorInfoSubtle: RGBAColor = [34, 34, 34, 1];\nexport const colorAdvisory: RGBAColor = [98, 166, 255, 1];\nexport const colorAdvisoryBold: RGBAColor = [98, 166, 255, 1];\nexport const colorAdvisoryHover: RGBAColor = [58, 100, 153, 1];\nexport const colorAdvisorySubtle: RGBAColor = [20, 33, 51, 1];\nexport const colorNormal: RGBAColor = [48, 210, 126, 1];\nexport const colorNormalBold: RGBAColor = [48, 210, 126, 1];\nexport const colorNormalHover: RGBAColor = [28, 126, 76, 1];\nexport const colorNormalSubtle: RGBAColor = [10, 42, 25, 1];\nexport const colorSerious: RGBAColor = [252, 164, 0, 1];\nexport const colorSeriousBold: RGBAColor = [252, 164, 0, 1];\nexport const colorSeriousHover: RGBAColor = [151, 98, 1, 1];\nexport const colorSeriousSubtle: RGBAColor = [50, 33, 0, 1];\nexport const colorCritical: RGBAColor = [212, 35, 29, 1];\nexport const colorCriticalBold: RGBAColor = [212, 35, 29, 1];\nexport const colorCriticalHover: RGBAColor = [127, 21, 17, 1];\nexport const colorCriticalSubtle: RGBAColor = [42, 7, 6, 1];\nexport const colorDefaultLight: RGBAColor = [255, 255, 255, 1];\nexport const colorDefaultDark: RGBAColor = [137, 137, 137, 1];\nexport const colorInverseDark: RGBAColor = [56, 56, 56, 1];\nexport const colorInverseLight: RGBAColor = [34, 34, 34, 1];\nexport const colorDisabled: RGBAColor = [86, 86, 86, 1];\nexport const colorClassificationMissing: RGBAColor = [11, 11, 11, 1];\nexport const colorClassificationUnclass: RGBAColor = [0, 122, 51, 1];\nexport const colorClassificationCui: RGBAColor = [80, 43, 133, 1];\nexport const colorClassificationConfidential: RGBAColor = [0, 51, 160, 1];\nexport const colorClassificationSecret: RGBAColor = [200, 16, 46, 1];\nexport const colorClassificationTopSecret: RGBAColor = [255, 140, 0, 1];\nexport const colorClassificationTsSci: RGBAColor = [252, 232, 58, 1];\n/** Other Design Tokens **/\nexport const typographyHeaderXxlSize = 32;\nexport const typographyHeaderXxlHeight = 40;\nexport const typographyHeaderXlSize = 24;\nexport const typographyHeaderXlHeight = 28;\nexport const typographyHeaderLSize = 20;\nexport const typographyHeaderLHeight = 24;\nexport const typographyHeaderMSize = 14;\nexport const typographyHeaderMHeight = 20;\nexport const typographyHeaderSSize = 12;\nexport const typographyHeaderSHeight = 16;\nexport const typographyHeaderXsSize = 10;\nexport const typographyHeaderXsHeight = 12;\nexport const typographyBodyLSize = 16;\nexport const typographyBodyLHeight = 24;\nexport const typographyBodyMSize = 14;\nexport const typographyBodyMHeight = 20;\nexport const typographyBodySSize = 12;\nexport const typographyBodySHeight = 16;\nexport const typographyBodyXsSize = 10;\nexport const typographyBodyXsHeight = 12;\nexport const typographyBodyXxsSize = 9;\nexport const typographyBodyXxsHeight = 12;\nexport const typographyButtonLSize = 16;\nexport const typographyButtonLHeight = 24;\nexport const typographyButtonMSize = 14;\nexport const typographyButtonMHeight = 20;\nexport const typographyButtonSSize = 12;\nexport const typographyButtonSHeight = 16;\nexport const typographyButtonXsSize = 10;\nexport const typographyButtonXsHeight = 12;\nexport const spacing0 = 0;\nexport const spacingNone = 'unset';\nexport const spacingXxs = 2;\nexport const spacingXs = 4;\nexport const spacingS = 8;\nexport const spacingM = 12;\nexport const spacingL = 16;\nexport const spacingXl = 24;\nexport const spacingXxl = 40;\nexport const spacingOversized = 80;\nexport const radiusNone = 0;\nexport const radiusSmall = 2;\nexport const radiusMedium = 4;\nexport const radiusLarge = 8;\nexport const radiusRound = 80;\nexport const shadowsElevationDefault = 'initial';\nexport const shadowsElevationOverlay = '0 8px 10px 0 rgba(0 0 0 / 0.2), 0 6px 30px 0 rgba(0 0 0 / 0.12), 0 16px 24px 0 rgba(0 0 0 / 0.14)';\nexport const shadowsElevationRaised = '0 5px 5px 0 rgba(0 0 0 / 0.2), 0 3px 14px 0 rgba(0 0 0 / 0.12), 0 8px 10px 0 rgba(0 0 0 / 0.14)';\nexport const fontPrimary = '\"Roboto Flex\", sans-serif';\nexport const fontDisplay = '\"Roboto Mono\", monospace';\nexport const iconSizeL = 24;\nexport const iconSizeM = 20;\nexport const iconSizeS = 16;\nexport const iconSizeXs = 12;"]}