@etus/tokens 0.1.0

package/dist/etus/tailwind/preset.js

@@ -0,0 +1,749 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+export const CoreColorNeutral10 = "#f8fafb";
+export const CoreColorNeutral25 = "#f6f8f9";
+export const CoreColorNeutral50 = "#f4f6f7";
+export const CoreColorNeutral75 = "#edeff1";
+export const CoreColorNeutral100 = "#e3e7ea";
+export const CoreColorNeutral200 = "#cad2d7";
+export const CoreColorNeutral300 = "#a6b4ba";
+export const CoreColorNeutral400 = "#7a8d96";
+export const CoreColorNeutral500 = "#5f717b";
+export const CoreColorNeutral600 = "#465058";
+export const CoreColorNeutral700 = "#3e464c";
+export const CoreColorNeutral800 = "#1b1f22";
+export const CoreColorNeutral900 = "#101214";
+export const CoreColorNeutral950 = "#050505";
+export const CoreColorNeutral00 = "#ffffff";
+export const CoreColorNeutral05 = "#fbfcfd";
+export const CoreColorEtusGreen50 = "#effaf4";
+export const CoreColorEtusGreen100 = "#d9f2e4";
+export const CoreColorEtusGreen200 = "#b6e4cd";
+export const CoreColorEtusGreen300 = "#86cfae";
+export const CoreColorEtusGreen400 = "#63ba96";
+export const CoreColorEtusGreen500 = "#329771";
+export const CoreColorEtusGreen600 = "#22795a";
+export const CoreColorEtusGreen700 = "#1b614a";
+export const CoreColorEtusGreen800 = "#184d3b";
+export const CoreColorEtusGreen900 = "#144032";
+export const CoreColorEtusGreen950 = "#0a241d";
+export const CoreColorBriusBlue50 = "#e7f0ff";
+export const CoreColorBriusBlue100 = "#d0e0ff";
+export const CoreColorBriusBlue200 = "#b8d0ff";
+export const CoreColorBriusBlue300 = "#90b1ff";
+export const CoreColorBriusBlue400 = "#3265ff";
+export const CoreColorBriusBlue500 = "#115be2";
+export const CoreColorBriusBlue600 = "#004ed7";
+export const CoreColorBriusBlue700 = "#0041b8";
+export const CoreColorBriusBlue800 = "#003298";
+export const CoreColorBriusBlue900 = "#002070";
+export const CoreColorBriusBlue950 = "#001040";
+export const CoreColorEvolutionGreen25 = "#d1fff1";
+export const CoreColorEvolutionGreen50 = "#e6fff7";
+export const CoreColorEvolutionGreen75 = "#a6ffed";
+export const CoreColorEvolutionGreen100 = "#bffee9";
+export const CoreColorEvolutionGreen200 = "#80fdd4";
+export const CoreColorEvolutionGreen300 = "#40fcbf";
+export const CoreColorEvolutionGreen400 = "#13ffb7";
+export const CoreColorEvolutionGreen500 = "#00ffa7";
+export const CoreColorEvolutionGreen600 = "#00cc86";
+export const CoreColorEvolutionGreen700 = "#009964";
+export const CoreColorEvolutionGreen800 = "#006643";
+export const CoreColorEvolutionGreen900 = "#003321";
+export const CoreColorEvolutionGreen950 = "#001a11";
+export const CoreColorInformativeCyan50 = "#eefcfd";
+export const CoreColorInformativeCyan100 = "#afecf2";
+export const CoreColorInformativeCyan200 = "#77dee9";
+export const CoreColorInformativeCyan300 = "#39c5d7";
+export const CoreColorInformativeCyan400 = "#1b879f";
+export const CoreColorInformativeCyan500 = "#1b687b";
+export const CoreColorInformativeCyan600 = "#20596a";
+export const CoreColorInformativeCyan700 = "#1f4b5a";
+export const CoreColorGreen50 = "#effef5";
+export const CoreColorGreen100 = "#e6f9ef";
+export const CoreColorGreen200 = "#bff1d8";
+export const CoreColorGreen300 = "#8ce2b9";
+export const CoreColorGreen400 = "#4fcc92";
+export const CoreColorGreen500 = "#0fb75c";
+export const CoreColorGreen600 = "#0a9e50";
+export const CoreColorGreen700 = "#078541";
+export const CoreColorGreen800 = "#056a33";
+export const CoreColorGreen900 = "#105732";
+export const CoreColorGreen950 = "#03301a";
+export const CoreColorYellow50 = "#ffffea";
+export const CoreColorYellow100 = "#fff5cc";
+export const CoreColorYellow200 = "#ffe999";
+export const CoreColorYellow300 = "#ffdd66";
+export const CoreColorYellow400 = "#ffd133";
+export const CoreColorYellow500 = "#ffc500";
+export const CoreColorYellow600 = "#dba700";
+export const CoreColorYellow700 = "#b78a00";
+export const CoreColorYellow800 = "#936d00";
+export const CoreColorYellow900 = "#7c440b";
+export const CoreColorYellow950 = "#482300";
+export const CoreColorRed50 = "#fef2f2";
+export const CoreColorRed100 = "#fde8e8";
+export const CoreColorRed200 = "#fab8b8";
+export const CoreColorRed300 = "#f58a8a";
+export const CoreColorRed400 = "#f25c5c";
+export const CoreColorRed500 = "#f03232";
+export const CoreColorRed600 = "#d12b2b";
+export const CoreColorRed700 = "#b22424";
+export const CoreColorRed800 = "#931d1d";
+export const CoreColorRed900 = "#801c1c";
+export const CoreColorRed950 = "#460909";
+export const CoreColorPurple50 = "#f2eeff";
+export const CoreColorPurple100 = "#e1dbff";
+export const CoreColorPurple200 = "#c7bbff";
+export const CoreColorPurple300 = "#9072ff";
+export const CoreColorPurple400 = "#6149cc";
+export const CoreColorPurple500 = "#523bbb";
+export const CoreColorPurple600 = "#45329e";
+export const CoreColorPurple700 = "#362780";
+export const CoreColorPurple800 = "#2b1d63";
+export const CoreColorPurple900 = "#1f144c";
+export const CoreColorPurple950 = "#120a2e";
+export const CoreColorSky50 = "#f0f9ff";
+export const CoreColorSky100 = "#e0f2fe";
+export const CoreColorSky200 = "#bae6fd";
+export const CoreColorSky300 = "#7cd3fd";
+export const CoreColorSky400 = "#50c6fa";
+export const CoreColorSky500 = "#0da6ea";
+export const CoreColorSky600 = "#0184c8";
+export const CoreColorSky700 = "#0269a2";
+export const CoreColorSky800 = "#065986";
+export const CoreColorSky900 = "#0b4a6f";
+export const CoreColorSky950 = "#082f49";
+export const CoreColorTransparent = "#00000000";
+export const CoreTypographyFamilyPrimary = '"Poppins", sans-serif';
+export const CoreTypographyFamilySecondary = '"Inter", sans-serif';
+export const CoreTypographyFamilyMono = "monospace";
+export const CoreTypographySizeXxs = "0.625rem";
+export const CoreTypographySizeXs = "0.75rem";
+export const CoreTypographySizeSm = "0.875rem";
+export const CoreTypographySizeBase = "1rem";
+export const CoreTypographySizeLg = "1.125rem";
+export const CoreTypographySizeXl = "1.25rem";
+export const CoreTypographySize2xl = "1.5rem";
+export const CoreTypographySize3xl = "1.875rem";
+export const CoreTypographySize4xl = "2rem";
+export const CoreTypographySize5xl = "3rem";
+export const CoreTypographySize6xl = "3.75rem";
+export const CoreTypographySize7xl = "4.5rem";
+export const CoreTypographySize8xl = "6rem";
+export const CoreTypographySize9xl = "8rem";
+export const CoreTypographyWeightThin = "100";
+export const CoreTypographyWeightExtralight = "200";
+export const CoreTypographyWeightLight = "300";
+export const CoreTypographyWeightNormal = "400";
+export const CoreTypographyWeightMedium = "500";
+export const CoreTypographyWeightSemibold = "600";
+export const CoreTypographyWeightBold = "700";
+export const CoreTypographyWeightExtrabold = "800";
+export const CoreTypographyWeightBlack = "900";
+export const CoreTypographyLineHeightNone = "1";
+export const CoreTypographyLineHeightXs = "1.05";
+export const CoreTypographyLineHeightSm = "1.1";
+export const CoreTypographyLineHeightBase = "1.15";
+export const CoreTypographyLineHeightTight = "1.2";
+export const CoreTypographyLineHeightXl = "1.25";
+export const CoreTypographyLineHeightSnug = "1.3";
+export const CoreTypographyLineHeightNormal = "1.5";
+export const CoreTypographyLineHeightRelaxed = "1.625";
+export const CoreTypographyLineHeightLoose = "1.75";
+export const CoreTypographyLetterSpacingTighter = "-0.025em";
+export const CoreTypographyLetterSpacingTight = "-0.0125em";
+export const CoreTypographyLetterSpacingNormal = "0em";
+export const CoreTypographyLetterSpacingWide = "0.0125em";
+export const CoreTypographyLetterSpacingWider = "0.070em";
+export const CoreTypographyLetterSpacingWidest = "0.1em";
+export const CoreTypographyTextDecorationNone = "none";
+export const CoreTypographyTextDecorationUnderline = "underline";
+export const CoreTypographyTextDecorationLineThrough = "line-through";
+export const CoreTypographyTextCaseNone = "none";
+export const CoreTypographyTextCaseUppercase = "uppercase";
+export const CoreTypographyTextCaseLowercase = "lowercase";
+export const CoreTypographyTextCaseCapitalize = "capitalize";
+export const CoreSpacingNone = "0rem";
+export const CoreSpacingXxs = "0.25rem";
+export const CoreSpacingXs = "0.5rem";
+export const CoreSpacingSm = "0.75rem";
+export const CoreSpacingBase = "1rem";
+export const CoreSpacingLg = "1.25rem";
+export const CoreSpacingXl = "1.5rem";
+export const CoreSpacing2xl = "2rem";
+export const CoreSpacing3xl = "3rem";
+export const CoreSpacing4xl = "3.5rem";
+export const CoreSpacing5xl = "4rem";
+export const CoreSpacing6xl = "5rem";
+export const CoreSpacing7xl = "6rem";
+export const CoreSpacing8xl = "7rem";
+export const CoreSpacing9xl = "8rem";
+export const CoreSpacing10xl = "9rem";
+export const CoreSpacing11xl = "10rem";
+export const CoreSpacing12xl = "11rem";
+export const CoreSpacing13xl = "12rem";
+export const CoreSpacing14xl = "13rem";
+export const CoreSpacing15xl = "14rem";
+export const CoreSpacing16xl = "15rem";
+export const CoreSpacing17xl = "16rem";
+export const CoreSpacing18xl = "18rem";
+export const CoreSpacing19xl = "20rem";
+export const CoreSpacing20xl = "21rem";
+export const CoreSizeStaticNone = "0rem";
+export const CoreSizeStaticXxs = "0.25rem";
+export const CoreSizeStaticXs = "0.5rem";
+export const CoreSizeStaticSm = "0.75rem";
+export const CoreSizeStaticBase = "1rem";
+export const CoreSizeStaticLg = "1.25rem";
+export const CoreSizeStaticXl = "1.5rem";
+export const CoreSizeStatic2xl = "2rem";
+export const CoreSizeStatic3xl = "3rem";
+export const CoreSizeStatic4xl = "3.5rem";
+export const CoreSizeStatic5xl = "4rem";
+export const CoreSizeStatic6xl = "5rem";
+export const CoreSizeStatic7xl = "6rem";
+export const CoreSizeStatic8xl = "7rem";
+export const CoreSizeStatic9xl = "8rem";
+export const CoreSizeStatic10xl = "9rem";
+export const CoreSizeStatic11xl = "10rem";
+export const CoreSizeStatic12xl = "11rem";
+export const CoreSizeStatic13xl = "12rem";
+export const CoreSizeStatic14xl = "13rem";
+export const CoreSizeStatic15xl = "14rem";
+export const CoreSizeStatic16xl = "15rem";
+export const CoreSizeStatic17xl = "16rem";
+export const CoreSizeStatic18xl = "18rem";
+export const CoreSizeStatic19xl = "20rem";
+export const CoreSizeStatic20xl = "21rem";
+export const CoreSizeStaticFull = "100%";
+export const CoreSizeIconXs = "0.75rem";
+export const CoreSizeIconSm = "1rem";
+export const CoreSizeIconMd = "1.25rem";
+export const CoreSizeIconLg = "1.5rem";
+export const CoreSizeIconXl = "2rem";
+export const CoreSizeIconXxl = "3rem";
+export const CoreSizeAvatarXs = "1.5rem";
+export const CoreSizeAvatarSm = "2rem";
+export const CoreSizeAvatarMd = "2.5rem";
+export const CoreSizeAvatarLg = "3rem";
+export const CoreSizeAvatarXl = "4rem";
+export const CoreSizeAvatarXxl = "5rem";
+export const CoreBorderWidthNone = "0px";
+export const CoreBorderWidthXxs = "1px";
+export const CoreBorderWidthXs = "2px";
+export const CoreBorderWidthSm = "4px";
+export const CoreBorderWidthBase = "8px";
+export const CoreBorderRadiusNone = "0rem";
+export const CoreBorderRadiusXxs = "0.125rem";
+export const CoreBorderRadiusXs = "0.25rem";
+export const CoreBorderRadiusSm = "0.375rem";
+export const CoreBorderRadiusBase = "0.5rem";
+export const CoreBorderRadiusLg = "0.75rem";
+export const CoreBorderRadiusXl = "1rem";
+export const CoreBorderRadius2xl = "1.5rem";
+export const CoreBorderRadiusFull = "9999px";
+export const CoreBorderStyleSolid = "solid";
+export const CoreBorderStyleDashed = "dashed";
+export const CoreBorderStyleDotted = "dotted";
+export const CoreShadow0 = "none";
+export const CoreShadow1 = "0px 1px 2px rgba(0, 0, 0, 0.05)";
+export const CoreShadow2 =
+  "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)";
+export const CoreShadow3 =
+  "0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06)";
+export const CoreShadow4 =
+  "0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)";
+export const CoreShadow5 =
+  "0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04)";
+export const CoreShadow6 = "0px 25px 50px -12px rgba(0, 0, 0, 0.25)";
+export const CoreShadow7 = "0px 30px 60px -15px rgba(0, 0, 0, 0.3)";
+export const CoreShadowInner = "inset 0px 2px 4px rgba(0, 0, 0, 0.06)";
+export const CoreOpacity0 = "0";
+export const CoreOpacity5 = "0.05";
+export const CoreOpacity10 = "0.1";
+export const CoreOpacity15 = "0.15";
+export const CoreOpacity20 = "0.2";
+export const CoreOpacity25 = "0.25";
+export const CoreOpacity30 = "0.3";
+export const CoreOpacity40 = "0.4";
+export const CoreOpacity50 = "0.5";
+export const CoreOpacity60 = "0.6";
+export const CoreOpacity70 = "0.7";
+export const CoreOpacity75 = "0.75";
+export const CoreOpacity80 = "0.8";
+export const CoreOpacity90 = "0.9";
+export const CoreOpacity95 = "0.95";
+export const CoreOpacity100 = "1";
+export const CoreZIndexBehind = "-1";
+export const CoreZIndexBase = "0";
+export const CoreZIndexRaised = "1";
+export const CoreZIndexDropdown = "10";
+export const CoreZIndexNavigation = "50";
+export const CoreZIndexSticky = "100";
+export const CoreZIndexOverlay = "200";
+export const CoreZIndexModal = "300";
+export const CoreZIndexPopover = "400";
+export const CoreZIndexToast = "500";
+export const CoreZIndexTooltip = "600";
+export const CoreZIndexCritical = "1000";
+export const CoreMotionDurationInstant = "0ms";
+export const CoreMotionDurationFaster = "100ms";
+export const CoreMotionDurationFast = "150ms";
+export const CoreMotionDurationNormal = "200ms";
+export const CoreMotionDurationSlow = "300ms";
+export const CoreMotionDurationSlower = "400ms";
+export const CoreMotionDurationSlowest = "500ms";
+export const CoreMotionDurationUltraSlow = "1000ms";
+export const CoreMotionEasingLinear = "linear";
+export const CoreMotionEasingEase = "ease";
+export const CoreMotionEasingEaseIn = "ease-in";
+export const CoreMotionEasingEaseOut = "ease-out";
+export const CoreMotionEasingEaseInOut = "ease-in-out";
+export const CoreMotionEasingEntrance = "cubic-bezier(0, 0, 0.2, 1)";
+export const CoreMotionEasingExit = "cubic-bezier(0.4, 0, 1, 1)";
+export const CoreMotionEasingBounce = "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
+export const CoreMotionDelayShort = "50ms";
+export const CoreMotionDelayMedium = "100ms";
+export const CoreMotionDelayLong = "200ms";
+export const CoreTransitionPropertyNone = "none";
+export const CoreTransitionPropertyAll = "all";
+export const CoreTransitionPropertyColors =
+  "background-color, border-color, color, fill";
+export const CoreTransitionPropertyOpacity = "opacity";
+export const CoreTransitionPropertyShadow = "box-shadow";
+export const CoreTransitionPropertyTransform = "transform";
+export const CoreTransitionPropertyLayout =
+  "width, height, margin, padding, flex-basis";
+export const CoreTransitionPropertyScale = "scale";
+export const CoreTransitionPropertyRotate = "rotate";
+export const CoreTransitionPropertyTranslate = "translate";
+export const CoreBreakpointXs = "0px";
+export const CoreBreakpointSm = "576px";
+export const CoreBreakpointMd = "768px";
+export const CoreBreakpointLg = "992px";
+export const CoreBreakpointXl = "1200px";
+export const CoreBreakpoint2xl = "1400px";
+export const CoreBreakpoint3xl = "1600px";
+export const CoreGridColumns = "12";
+export const CoreGridGutter = "1.5rem";
+export const CoreGradientNeutral =
+  "linear-gradient(135deg, #e3e7ea 0%, #a6b4ba 100%)";
+export const CoreGradientSuccess =
+  "linear-gradient(135deg, #4fcc92 0%, #0a9e50 100%)";
+export const CoreGradientDanger =
+  "linear-gradient(135deg, #f25c5c 0%, #d12b2b 100%)";
+export const CoreGradientWarning =
+  "linear-gradient(135deg, #ffd133 0%, #dba700 100%)";
+export const CoreGradientInfo =
+  "linear-gradient(135deg, #50c6fa 0%, #0184c8 100%)";
+export const SemanticColorBackgroundPage = "#fbfcfd";
+export const SemanticColorBackgroundSurface = "#ffffff";
+export const SemanticColorBackgroundEmphasis = "#e3e7ea";
+export const SemanticColorBackgroundMuted = "#f8fafb";
+export const SemanticColorBackgroundInverse = "#1b1f22";
+export const SemanticColorBackgroundOverlay = "rgba(#050505, 0.5)";
+export const SemanticColorBackgroundSuccess = "#effef5";
+export const SemanticColorBackgroundWarning = "#ffffea";
+export const SemanticColorBackgroundDanger = "#fef2f2";
+export const SemanticColorBackgroundInfo = "#f0f9ff";
+export const SemanticColorBackgroundHighlight = "#b6e4cd";
+export const SemanticColorSurfaceDefault = "#ffffff";
+export const SemanticColorSurfaceHeader = "#f4f6f7";
+export const SemanticColorSurfaceSubtle = "#f8fafb";
+export const SemanticColorSurfaceHighlight = "#f4f6f7";
+export const SemanticColorSurfaceHover = "#f4f6f7";
+export const SemanticColorSurfaceSelected = "#22795a";
+export const SemanticColorSurfaceActive = "#e3e7ea";
+export const SemanticColorSurfaceDisabled = "#e3e7ea";
+export const SemanticColorSurfaceInverse = "#1b1f22";
+export const SemanticColorSurfaceSuccess = "#bff1d8";
+export const SemanticColorSurfaceWarning = "#fff5cc";
+export const SemanticColorSurfaceDanger = "#fab8b8";
+export const SemanticColorSurfaceInfo = "#e0f2fe";
+export const SemanticColorTextHighEmphasis = "#1b1f22";
+export const SemanticColorTextMediumEmphasis = "#3e464c";
+export const SemanticColorTextLowEmphasis = "#5f717b";
+export const SemanticColorTextDisabled = "#7a8d96";
+export const SemanticColorTextInverse = "#ffffff";
+export const SemanticColorTextLinkDefault = "#329771";
+export const SemanticColorTextLinkHover = "#22795a";
+export const SemanticColorTextLinkVisited = "#45329e";
+export const SemanticColorTextOnInteractivePrimary = "#ffffff";
+export const SemanticColorTextOnInteractiveSecondary = "#329771";
+export const SemanticColorTextOnInteractiveTertiary = "#329771";
+export const SemanticColorTextOnInteractiveDanger = "#ffffff";
+export const SemanticColorTextOnInteractiveSuccess = "#ffffff";
+export const SemanticColorTextOnInteractiveWarning = "#101214";
+export const SemanticColorTextOnInteractiveInfo = "#ffffff";
+export const SemanticColorTextOnInteractiveNeutral = "#101214";
+export const SemanticColorTextSuccess = "#078541";
+export const SemanticColorTextWarning = "#936d00";
+export const SemanticColorTextDanger = "#b22424";
+export const SemanticColorTextInfo = "#0269a2";
+export const SemanticColorTextHighlight = "#329771";
+export const SemanticColorTextCode = "#1b1f22";
+export const SemanticColorBorderDefault = "#e3e7ea";
+export const SemanticColorBorderDivider = "#e3e7ea";
+export const SemanticColorBorderSubtle = "#e3e7ea";
+export const SemanticColorBorderInteractive = "#a6b4ba";
+export const SemanticColorBorderDisabled = "#cad2d7";
+export const SemanticColorBorderSelected = "#1b614a";
+export const SemanticColorBorderActive = "#1b614a";
+export const SemanticColorBorderFocus = "#329771";
+export const SemanticColorBorderBrand = "#329771";
+export const SemanticColorBorderSuccess = "#0fb75c";
+export const SemanticColorBorderWarning = "#ffc500";
+export const SemanticColorBorderDanger = "#f03232";
+export const SemanticColorBorderInfo = "#0184c8";
+export const SemanticColorIconDefault = "#465058";
+export const SemanticColorIconSubtle = "#5f717b";
+export const SemanticColorIconDisabled = "#7a8d96";
+export const SemanticColorIconInverse = "#ffffff";
+export const SemanticColorIconPrimary = "#329771";
+export const SemanticColorIconSecondary = "#b6e4cd";
+export const SemanticColorIconOnPrimary = "#ffffff";
+export const SemanticColorIconOnSecondary = "#1b1f22";
+export const SemanticColorIconOnInverse = "#ffffff";
+export const SemanticColorIconOnColor = "#ffffff";
+export const SemanticColorIconSuccess = "#0a9e50";
+export const SemanticColorIconWarning = "#dba700";
+export const SemanticColorIconDanger = "#f03232";
+export const SemanticColorIconInfo = "#0da6ea";
+export const SemanticColorInteractionInfoSurface = "#f0f9ff";
+export const SemanticColorInteractionInfoText = "#065986";
+export const SemanticColorInteractionInfoBorder = "#0184c8";
+export const SemanticColorInteractionInfoIcon = "#0da6ea";
+export const SemanticColorFeedbackSuccessSurface = "#effef5";
+export const SemanticColorFeedbackSuccessSurfaceHighlight = "#bff1d8";
+export const SemanticColorFeedbackSuccessSurfaceHover = "#e6f9ef";
+export const SemanticColorFeedbackSuccessSurfacePressed = "#bff1d8";
+export const SemanticColorFeedbackSuccessText = "#056a33";
+export const SemanticColorFeedbackSuccessBorder = "#0fb75c";
+export const SemanticColorFeedbackSuccessBorderHover = "#0a9e50";
+export const SemanticColorFeedbackSuccessBorderPressed = "#078541";
+export const SemanticColorFeedbackSuccessIcon = "#0a9e50";
+export const SemanticColorFeedbackWarningSurface = "#ffffea";
+export const SemanticColorFeedbackWarningSurfaceHighlight = "#fff5cc";
+export const SemanticColorFeedbackWarningSurfaceHover = "#ffe999";
+export const SemanticColorFeedbackWarningSurfacePressed = "#ffdd66";
+export const SemanticColorFeedbackWarningText = "#7c440b";
+export const SemanticColorFeedbackWarningBorder = "#ffc500";
+export const SemanticColorFeedbackWarningBorderHover = "#b78a00";
+export const SemanticColorFeedbackWarningBorderPressed = "#7c440b";
+export const SemanticColorFeedbackWarningIcon = "#dba700";
+export const SemanticColorFeedbackDangerSurface = "#fef2f2";
+export const SemanticColorFeedbackDangerSurfaceHighlight = "#fab8b8";
+export const SemanticColorFeedbackDangerSurfaceHover = "#fde8e8";
+export const SemanticColorFeedbackDangerSurfacePressed = "#f58a8a";
+export const SemanticColorFeedbackDangerText = "#801c1c";
+export const SemanticColorFeedbackDangerBorder = "#f03232";
+export const SemanticColorFeedbackDangerBorderHover = "#b22424";
+export const SemanticColorFeedbackDangerBorderPressed = "#801c1c";
+export const SemanticColorFeedbackDangerIcon = "#f03232";
+export const SemanticColorFeedbackInfoSurface = "#f0f9ff";
+export const SemanticColorFeedbackInfoSurfaceHighlight = "#bae6fd";
+export const SemanticColorFeedbackInfoSurfaceHover = "#e0f2fe";
+export const SemanticColorFeedbackInfoSurfacePressed = "#bae6fd";
+export const SemanticColorFeedbackInfoText = "#065986";
+export const SemanticColorFeedbackInfoBorder = "#0184c8";
+export const SemanticColorFeedbackInfoBorderHover = "#0269a2";
+export const SemanticColorFeedbackInfoBorderPressed = "#0b4a6f";
+export const SemanticColorFeedbackInfoIcon = "#0da6ea";
+export const SemanticColorFeedbackNeutralSurface = "#f4f6f7";
+export const SemanticColorFeedbackNeutralSurfaceHighlight = "#e3e7ea";
+export const SemanticColorFeedbackNeutralSurfaceHover = "#e3e7ea";
+export const SemanticColorFeedbackNeutralSurfacePressed = "#cad2d7";
+export const SemanticColorFeedbackNeutralText = "#1b1f22";
+export const SemanticColorFeedbackNeutralBorder = "#cad2d7";
+export const SemanticColorFeedbackNeutralBorderHover = "#a6b4ba";
+export const SemanticColorFeedbackNeutralBorderPressed = "#7a8d96";
+export const SemanticColorFeedbackNeutralIcon = "#465058";
+export const SemanticColorDatavizCategorical1 = "#0da6ea";
+export const SemanticColorDatavizCategorical2 = "#523bbb";
+export const SemanticColorDatavizCategorical3 = "#329771";
+export const SemanticColorDatavizCategorical4 = "#ffc500";
+export const SemanticColorDatavizCategorical5 = "#f03232";
+export const SemanticColorDatavizCategorical6 = "#0fb75c";
+export const SemanticColorDatavizCategorical7 = "#115be2";
+export const SemanticColorDatavizCategorical8 = "#00ffa7";
+export const SemanticColorDatavizAxisLabel = "#5f717b";
+export const SemanticColorDatavizGridlineDefault = "#e3e7ea";
+export const SemanticColorCodeBackground = "#f4f6f7";
+export const SemanticColorFocusOutline = "#329771";
+export const SemanticColorScrimLight = "rgba(#ffffff, 0.2)";
+export const SemanticColorScrimDark = "rgba(#050505, 0.4)";
+export const SemanticTypographyDisplayLarge = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "4.5rem",
+  fontWeight: "700",
+  lineHeight: "1.2",
+  letterSpacing: "-0.0125em",
+};
+export const SemanticTypographyHeading1 = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "3.75rem",
+  fontWeight: "700",
+  lineHeight: "1.2",
+  letterSpacing: "-0.0125em",
+};
+export const SemanticTypographyHeading2 = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "3rem",
+  fontWeight: "700",
+  lineHeight: "1.2",
+  letterSpacing: "-0.0125em",
+};
+export const SemanticTypographyHeading3 = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "2rem",
+  fontWeight: "700",
+  lineHeight: "1.3",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyHeading4 = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1.875rem",
+  fontWeight: "600",
+  lineHeight: "1.3",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyHeading5 = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1.5rem",
+  fontWeight: "600",
+  lineHeight: "1.5",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyHeading6 = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1.25rem",
+  fontWeight: "600",
+  lineHeight: "1.5",
+  letterSpacing: "0em",
+};
+export const SemanticTypographySubheadingDefault = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1.125rem",
+  fontWeight: "500",
+  lineHeight: "1.5",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyBodyLarge = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1.125rem",
+  fontWeight: "400",
+  lineHeight: "1.625",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyBodyDefault = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1rem",
+  fontWeight: "400",
+  lineHeight: "1.5",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyBodySmall = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "0.75rem",
+  fontWeight: "500",
+  lineHeight: "1.2",
+  letterSpacing: "0.0125em",
+};
+export const SemanticTypographyBodyDefaultDense = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1rem",
+  fontWeight: "400",
+  lineHeight: "1.3",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyBodyDefaultSpacious = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1rem",
+  fontWeight: "400",
+  lineHeight: "1.75",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyLabelDefault = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "0.875rem",
+  fontWeight: "500",
+  lineHeight: "1.2",
+  letterSpacing: "0.0125em",
+};
+export const SemanticTypographyLabelSmall = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "0.75rem",
+  fontWeight: "500",
+  lineHeight: "1.2",
+  letterSpacing: "0.0125em",
+};
+export const SemanticTypographyButtonDefault = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "0.875rem",
+  fontWeight: "600",
+  lineHeight: 1,
+  letterSpacing: "0.070em",
+  textTransform: "none",
+};
+export const SemanticTypographyCaptionDefault = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "0.75rem",
+  fontWeight: "400",
+  lineHeight: "1.5",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyOverlineDefault = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "0.625rem",
+  fontWeight: "600",
+  lineHeight: "1.5",
+  letterSpacing: "0.1em",
+  textTransform: "uppercase",
+};
+export const SemanticTypographyLinkDefault = {
+  fontFamily: '"Poppins", sans-serif',
+  fontSize: "1rem",
+  fontWeight: "500",
+  lineHeight: "1.5",
+  textDecoration: "underline",
+  letterSpacing: "0em",
+};
+export const SemanticTypographyCodeDefault = {
+  fontFamily: "monospace",
+  fontSize: "0.875rem",
+  fontWeight: "400",
+  lineHeight: "1.5",
+  letterSpacing: "0em",
+};
+export const SemanticSpacingInsetXs = "0.5rem";
+export const SemanticSpacingInsetSm = "0.75rem";
+export const SemanticSpacingInsetMd = "1rem";
+export const SemanticSpacingInsetLg = "1.5rem";
+export const SemanticSpacingInsetXl = "2rem";
+export const SemanticSpacingStackXs = "0.25rem";
+export const SemanticSpacingStackSm = "0.5rem";
+export const SemanticSpacingStackMd = "1rem";
+export const SemanticSpacingStackLg = "1.5rem";
+export const SemanticSpacingStackXl = "2rem";
+export const SemanticSpacingStackXxl = "3rem";
+export const SemanticSpacingInlineXs = "0.25rem";
+export const SemanticSpacingInlineSm = "0.5rem";
+export const SemanticSpacingInlineMd = "0.75rem";
+export const SemanticSpacingInlineLg = "1rem";
+export const SemanticSpacingSectionGapY = "3rem";
+export const SemanticSpacingParagraphMarginBottom = "1rem";
+export const SemanticSpacingFormFieldGap = "1rem";
+export const SemanticSpacingListItemGap = "0.5rem";
+export const SemanticSpacingContainerPaddingX = "1rem";
+export const SemanticSpacingSeparator = "1px";
+export const SemanticSizeTouchTargetMinimum = "3rem";
+export const SemanticBorderWidthDefault = "1px";
+export const SemanticBorderWidthActive = "2px";
+export const SemanticBorderWidthFocusRing = "2px";
+export const SemanticBorderWidthSeparator = "1px";
+export const SemanticBorderStyleFocus = "solid";
+export const SemanticBorderStyleSeparator = "solid";
+export const SemanticShapeCornerNone = "0rem";
+export const SemanticShapeCornerSmall = "0.125rem";
+export const SemanticShapeCornerMedium = "0.25rem";
+export const SemanticShapeCornerLarge = "0.5rem";
+export const SemanticShapeCornerExtraLarge = "0.75rem";
+export const SemanticShapeCornerFull = "9999px";
+export const SemanticShapeAspectRatioSquare = "1 / 1";
+export const SemanticShapeAspectRatioLandscape = "4 / 3";
+export const SemanticShapeAspectRatioWidescreen = "16 / 9";
+export const SemanticShadowNone = "none";
+export const SemanticShadowLow = "0px 1px 2px rgba(0, 0, 0, 0.05)";
+export const SemanticShadowCard =
+  "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)";
+export const SemanticShadowMedium =
+  "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)";
+export const SemanticShadowDropdown =
+  "0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -1px rgba(0, 0, 0, 0.06)";
+export const SemanticShadowDialog =
+  "0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)";
+export const SemanticShadowHigh =
+  "0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05)";
+export const SemanticShadowMaximum =
+  "0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04)";
+export const SemanticShadowOverlay =
+  "0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04)";
+export const SemanticShadowFocus = "inset 0px 2px 4px rgba(0, 0, 0, 0.06)";
+export const SemanticOpacityDisabledContent = "0.4";
+export const SemanticOpacityOverlayBackdrop = "0.5";
+export const SemanticMotionDurationDefault = "200ms";
+export const SemanticMotionDurationFast = "150ms";
+export const SemanticMotionDurationSlow = "300ms";
+export const SemanticMotionDurationInstant = "0ms";
+export const SemanticMotionEasingDefault = "ease-out";
+export const SemanticMotionEasingLinear = "linear";
+export const SemanticMotionEasingEntrance = "cubic-bezier(0, 0, 0.2, 1)";
+export const SemanticMotionEasingExit = "cubic-bezier(0.4, 0, 1, 1)";
+export const SemanticMotionTransitionInteractive =
+  "background-color, border-color, color, fill, transform 150ms ease-out";
+export const SemanticMotionTransitionFade = "opacity 200ms linear";
+export const SemanticMotionTransitionExpand =
+  "width, height, margin, padding, flex-basis 300ms ease-out";
+export const SemanticLayoutGridColumns = "12";
+export const SemanticLayoutGridGutter = "1.5rem";
+export const SemanticLayoutFocusOutlineColor = "#329771";
+export const SemanticLayoutFocusOutlineWidth = "2px";
+export const SemanticLayoutFocusOutlineStyle = "solid";
+export const SemanticLayoutFocusOutlineOffset = "0.25rem";
+export const SemanticLayerBase = "0";
+export const SemanticLayerRaised = "1";
+export const SemanticLayerDropdown = "10";
+export const SemanticLayerSticky = "100";
+export const SemanticLayerOverlay = "200";
+export const SemanticLayerDialog = "300";
+export const SemanticLayerPopover = "400";
+export const SemanticLayerToast = "500";
+export const SemanticLayerTooltip = "600";
+export const SemanticLayerCritical = "1000";
+export const SemanticDensityDefault = "comfortable";
+export const SemanticDensityCompact = "compact";
+export const SemanticDensityLoose = "loose";
+export const ComponentCalendarDayBackgroundRange = "#1b614a";
+export const ComponentMetricCard = {
+  typography: {
+    fontFamily: '"Poppins", sans-serif',
+    fontSize: "2rem",
+    fontWeight: "700",
+    lineHeight: "1.3",
+    letterSpacing: "0em",
+  },
+  color: "#1b1f22",
+};
+export const ComponentProgressbar = { background: "#329771" };
+export const BrandColorPrimary = "#329771";
+export const BrandColorSecondary = "#b6e4cd";
+export const BrandColorTertiary = "#e3e7ea";
+export const BrandColorAccent = "#523bbb";
+export const BrandColorOnPrimary = "#ffffff";
+export const BrandColorOnSecondary = "#1b1f22";
+export const BrandColorOnTertiary = "#3e464c";
+export const BrandColorOnAccent = "#ffffff";
+export const BrandColorOnInfo = "#1f4b5a";
+export const BrandColorStatesPrimaryHover = "#22795a";
+export const BrandColorStatesPrimaryPressed = "#1b614a";
+export const BrandColorStatesPrimarySelected = "#1b614a";
+export const BrandColorStatesPrimaryFocus = "#329771";
+export const BrandColorStatesSecondaryHover = "#86cfae";
+export const BrandColorStatesSecondaryPressed = "#63ba96";
+export const BrandColorStatesSecondaryFocus = "#b6e4cd";
+export const BrandColorInfoSurfaceDefault = "#eefcfd";
+export const BrandColorInfoSurfaceHighlight = "#afecf2";
+export const BrandColorInfoBorderDefault = "#1b687b";
+export const BrandColorInfoInteractionDefault = "#1b879f";
+export const BrandColorInfoForegroundLow = "#1b687b";
+export const BrandColorInfoForegroundHigh = "#1f4b5a";
+export const BrandTypographyFamilyPrimary = '"Poppins", sans-serif';
+export const BrandTypographyFamilySecondary = '"Poppins", sans-serif';
+export const BrandBorderRadiusDefault = "0.5rem";
+export const BrandShadowDefault =
+  "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06)";
+export const BrandGradientPrimary =
+  "linear-gradient(135deg, #329771 0%, #1b614a 100%)";