@sproutsocial/seeds-theme 0.1.0

package/dist/theme-light.js

@@ -0,0 +1,400 @@
+export const Breakpoints0 = "900px";
+export const Breakpoints1 = "1200px";
+export const Breakpoints2 = "1500px";
+export const Breakpoints3 = "1800px";
+export const BreakpointsSm = "640px";
+export const BreakpointsMd = "768px";
+export const BreakpointsLg = "1024px";
+export const BreakpointsXl = "1280px";
+export const ColorsContainerBackgroundPositiveSentiment = "#3876e3";
+export const ColorsContainerBackgroundNegativeSentiment = "#f76054";
+export const ColorsContainerBackgroundNeutralSentiment = "#c8cccc";
+export const ColorsContainerBackgroundAiGenerated =
+  "radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%), #ffffff";
+export const ColorsContainerBackgroundBase = "#ffffff";
+export const ColorsContainerBackgroundSuccess = "#d7f4d7";
+export const ColorsContainerBackgroundWarning = "#fdefcd";
+export const ColorsContainerBackgroundError = "#ffd5d2";
+export const ColorsContainerBackgroundInfo = "#deebfe";
+export const ColorsContainerBackgroundOpportunity = "#eaeaf9";
+export const ColorsContainerBackgroundDanger = "#ffd5d2";
+export const ColorsContainerBackgroundDecorativeGreen = "#d7f4d7";
+export const ColorsContainerBackgroundDecorativeBlue = "#deebfe";
+export const ColorsContainerBackgroundDecorativePurple = "#eaeaf9";
+export const ColorsContainerBackgroundDecorativeYellow = "#fdefcd";
+export const ColorsContainerBackgroundDecorativeOrange = "#fcdccc";
+export const ColorsContainerBackgroundDecorativeRed = "#ffd5d2";
+export const ColorsContainerBackgroundDecorativeNeutral = "#f3f4f4";
+export const ColorsContainerBackgroundDecorativeMagenta = "#f9e3fc";
+export const ColorsContainerBackgroundDecorativePink = "#fcdbeb";
+export const ColorsContainerBackgroundDecorativeAqua = "#c5f9f9";
+export const ColorsContainerBackgroundDecorativeTeal = "#cdf7ef";
+export const ColorsContainerBackgroundSelected = "#364141";
+export const ColorsContainerBorderSuccess = "#59cb59";
+export const ColorsContainerBorderWarning = "#ffbc00";
+export const ColorsContainerBorderError = "#ed4c42";
+export const ColorsContainerBorderDanger = "#ed4c42";
+export const ColorsContainerBorderInfo = "#2b68d3";
+export const ColorsContainerBorderOpportunity = "#9180f4";
+export const ColorsContainerBorderDecorativeGreen = "#59cb59";
+export const ColorsContainerBorderDecorativeBlue = "#2b68d3";
+export const ColorsContainerBorderDecorativePurple = "#9180f4";
+export const ColorsContainerBorderDecorativeYellow = "#ffbc00";
+export const ColorsContainerBorderDecorativeOrange = "#f57d33";
+export const ColorsContainerBorderDecorativeRed = "#ed4c42";
+export const ColorsContainerBorderDecorativeNeutral = "#6e797a";
+export const ColorsContainerBorderDecorativeMagenta = "#c44eb9";
+export const ColorsContainerBorderDecorativePink = "#e0447c";
+export const ColorsContainerBorderDecorativeAqua = "#17b8ce";
+export const ColorsContainerBorderDecorativeTeal = "#08c4b2";
+export const ColorsContainerBorderAiGenerated = "#6f5ed3";
+export const ColorsContainerBorderBase = "#dee1e1";
+export const ColorsContainerBorderSelected = "#364141";
+export const ColorsGradientAiStop3 = "#f282f5";
+export const ColorsGradientAi =
+  "radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%)";
+export const ColorsGradientAiSubtle =
+  "radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)";
+export const ColorsGradientAiStop1 = "#205bc3";
+export const ColorsGradientAiStop2 = "#9747ff"; // Theme-owned AI gradient middle stop. No exact existing seeds-color primitive; preserved for compatibility. Other stops reference seeds-color.
+export const ColorsButtonPrimaryBorderBase = "#00000000";
+export const ColorsButtonPrimaryBackgroundBase = "#205bc3";
+export const ColorsButtonPrimaryBackgroundHover = "#1150aa";
+export const ColorsButtonPrimaryBackgroundActive = "#0c3f89";
+export const ColorsButtonPrimaryTextBase = "#ffffff";
+export const ColorsButtonPrimaryTextHover = "#ffffff";
+export const ColorsButtonSecondaryBackgroundBase = "#00000000";
+export const ColorsButtonSecondaryBackgroundHover = "#364141";
+export const ColorsButtonSecondaryBackgroundActive = "#273333";
+export const ColorsButtonSecondaryBorderBase = "#364141";
+export const ColorsButtonSecondaryTextBase = "#364141";
+export const ColorsButtonSecondaryTextHover = "#ffffff";
+export const ColorsButtonPillBackgroundBase = "#00000000";
+export const ColorsButtonPillBackgroundHover = "#f3f4f4";
+export const ColorsButtonPillBackgroundActive = "#dee1e1";
+export const ColorsButtonPillBorderBase = "#00000000";
+export const ColorsButtonPillBorderHover = "#364141";
+export const ColorsButtonPillTextBase = "#364141";
+export const ColorsButtonPillTextHover = "#273333";
+export const ColorsButtonDestructiveBorderBase = "#00000000";
+export const ColorsButtonDestructiveBackgroundBase = "#c63434";
+export const ColorsButtonDestructiveBackgroundHover = "#992222";
+export const ColorsButtonDestructiveBackgroundActive = "#6d1313";
+export const ColorsButtonDestructiveTextBase = "#ffffff";
+export const ColorsButtonDestructiveTextHover = "#ffffff";
+export const ColorsButtonPlaceholderBackgroundBase = "#00000000";
+export const ColorsButtonPlaceholderBackgroundHover = "#ffffff";
+export const ColorsButtonPlaceholderBackgroundActive = "#ffffff";
+export const ColorsButtonPlaceholderBorderBase = "#929a9b";
+export const ColorsButtonPlaceholderTextBase = "#205bc3";
+export const ColorsButtonPlaceholderTextHover = "#1150aa";
+export const ColorsButtonUnstyledBackgroundBase = "#00000000";
+export const ColorsButtonUnstyledBorderBase = "#00000000";
+export const ColorsButtonUnstyledTextBase = "#515e5f";
+export const ColorsButtonUnstyledTextHover = "#273333";
+export const ColorsButtonAiPrimaryBackgroundBase =
+  "radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%)";
+export const ColorsButtonAiPrimaryBorderBase = "#00000000";
+export const ColorsButtonAiPrimaryTextBase = "#ffffff";
+export const ColorsButtonAiPrimaryTextHover = "#ffffff";
+export const ColorsButtonAiSecondaryBackgroundBase =
+  "radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)";
+export const ColorsButtonAiSecondaryBorderBase = "#00000000";
+export const ColorsButtonAiSecondaryTextBase = "#364141";
+export const ColorsButtonAiSecondaryTextHover = "#364141";
+export const ColorsButtonAiOutlineBackgroundBase = "#00000000";
+export const ColorsButtonAiOutlineBorderBase =
+  "radial-gradient(circle at bottom left, #205bc3 0%, #9747ff 61%, #f282f5 100%)";
+export const ColorsButtonAiOutlineTextBase = "#364141";
+export const ColorsButtonAiOutlineTextHover = "#364141";
+export const ColorsButtonOverlayBackgroundBase =
+  "color-mix(in srgb, #040404, transparent 40%)";
+export const ColorsButtonOverlayBackgroundHover =
+  "color-mix(in srgb, #040404, transparent 25%)";
+export const ColorsButtonOverlayTextBase = "#ffffff";
+export const ColorsIconPositiveSentiment = "#2b68d3";
+export const ColorsIconNegativeSentiment = "#ed4c42";
+export const ColorsIconBase = "#364141";
+export const ColorsIconInverse = "#ffffff";
+export const ColorsIconSuccess = "#006b40";
+export const ColorsIconWarning = "#944c0c";
+export const ColorsIconError = "#992222";
+export const ColorsIconDanger = "#992222";
+export const ColorsIconInfo = "#0c3f89";
+export const ColorsIconOpportunity = "#5e4eba";
+export const ColorsIconApplied = "#205bc3";
+export const ColorsIconNeutralSentiment = "#6e797a";
+export const ColorsFormBorderError = "#ed4c42";
+export const ColorsFormBorderWarning = "#ffbc00";
+export const ColorsFormBorderBase = "#6e797a";
+export const ColorsFormBorderSelected = "#364141";
+export const ColorsFormBackgroundBase = "#ffffff";
+export const ColorsFormBackgroundSelected = "#364141";
+export const ColorsFormPlaceholderBase = "#515e5f";
+export const ColorsListItemBackgroundBase = "#00000000";
+export const ColorsListItemBackgroundHover = "#f3f4f4";
+export const ColorsListItemBackgroundSelected = "#364141";
+export const ColorsListItemBackgroundActive = "#b0b6b7";
+export const ColorsListItemBorderBase = "#6e797a";
+export const ColorsNavNavItemTextBase = "#ffffff";
+export const ColorsNavNavItemIconBase = "#ffffff";
+export const ColorsNavNavItemIndicatorNotificationBase = "#e0447c";
+export const ColorsNavNavItemIndicatorUserStatusOnline = "#59cb59";
+export const ColorsNavNavItemIndicatorUserStatusOffline = "#ed4c42";
+export const ColorsNavNavItemIndicatorUserStatusUnavailable = "#364141";
+export const ColorsNavNavItemBackgroundBase = "#00000000";
+export const ColorsNavNavItemBackgroundHover = "#364141";
+export const ColorsNavNavItemBackgroundActive = "#040404";
+export const ColorsNavNavItemBackgroundSelected = "#515e5f";
+export const ColorsNavNavItemBorderHover = "#515e5f";
+export const ColorsNavNavItemBorderActive = "#515e5f";
+export const ColorsNavNavItemBorderSelected = "#515e5f";
+export const ColorsOverlayTextBase = "#ffffff";
+export const ColorsOverlayIconBase = "#ffffff";
+export const ColorsOverlayBackgroundBase =
+  "color-mix(in srgb, #162020, transparent 44%)";
+export const ColorsOverlayBackgroundInverse =
+  "color-mix(in srgb, #ffffff, transparent 30%)";
+export const ColorsIllustrationFill = "#679eff";
+export const ColorsIllustrationStroke = "#273333";
+export const ColorsDatavizMap1 = "#08c4b2";
+export const ColorsDatavizMap2 = "#6f5ed3";
+export const ColorsDatavizMap3 = "#ce3665";
+export const ColorsDatavizMap4 = "#ffcd1c";
+export const ColorsDatavizMap5 = "#3876e3";
+export const ColorsDatavizMap6 = "#db61db";
+export const ColorsDatavizMap7 = "#59cb59";
+export const ColorsDatavizMap8 = "#fc8943";
+export const ColorsDatavizMap9 = "#db3e3e";
+export const ColorsDatavizMap10 = "#026661";
+export const ColorsDatavizMap11 = "#a193f2";
+export const ColorsDatavizMap12 = "#931847";
+export const ColorsDatavizMap13 = "#944c0c";
+export const ColorsDatavizMap14 = "#0c3f89";
+export const ColorsDatavizMap15 = "#6c2277";
+export const ColorsDatavizMap16 = "#006b40";
+export const ColorsDatavizMap17 = "#962c0b";
+export const ColorsDatavizMap18 = "#ff7f6e";
+export const ColorsDatavizMap19 = "#0ca750";
+export const ColorsDatavizMap20 = "#ba7506";
+export const ColorsDatavizList0 = "#08c4b2";
+export const ColorsDatavizList1 = "#6f5ed3";
+export const ColorsDatavizList2 = "#ce3665";
+export const ColorsDatavizList3 = "#ffcd1c";
+export const ColorsDatavizList4 = "#3876e3";
+export const ColorsDatavizList5 = "#db61db";
+export const ColorsDatavizList6 = "#59cb59";
+export const ColorsDatavizList7 = "#fc8943";
+export const ColorsDatavizList8 = "#db3e3e";
+export const ColorsDatavizList9 = "#026661";
+export const ColorsDatavizList10 = "#a193f2";
+export const ColorsDatavizList11 = "#931847";
+export const ColorsDatavizList12 = "#944c0c";
+export const ColorsDatavizList13 = "#0c3f89";
+export const ColorsDatavizList14 = "#6c2277";
+export const ColorsDatavizList15 = "#006b40";
+export const ColorsDatavizList16 = "#962c0b";
+export const ColorsDatavizList17 = "#ff7f6e";
+export const ColorsDatavizList18 = "#0ca750";
+export const ColorsDatavizList19 = "#ba7506";
+export const ColorsDatavizPlaceholder = "#c8cccc";
+export const ColorsDatavizColorsList0 = "#08c4b2";
+export const ColorsDatavizColorsList1 = "#6f5ed3";
+export const ColorsDatavizColorsList2 = "#ce3665";
+export const ColorsDatavizColorsList3 = "#ffcd1c";
+export const ColorsDatavizColorsList4 = "#3876e3";
+export const ColorsDatavizColorsList5 = "#db61db";
+export const ColorsDatavizColorsList6 = "#59cb59";
+export const ColorsDatavizColorsList7 = "#fc8943";
+export const ColorsDatavizColorsList8 = "#db3e3e";
+export const ColorsDatavizColorsList9 = "#026661";
+export const ColorsDatavizColorsList10 = "#a193f2";
+export const ColorsDatavizColorsList11 = "#931847";
+export const ColorsDatavizColorsList12 = "#944c0c";
+export const ColorsDatavizColorsList13 = "#0c3f89";
+export const ColorsDatavizColorsList14 = "#6c2277";
+export const ColorsDatavizColorsList15 = "#006b40";
+export const ColorsDatavizColorsList16 = "#962c0b";
+export const ColorsDatavizColorsList17 = "#ff7f6e";
+export const ColorsDatavizColorsList18 = "#0ca750";
+export const ColorsDatavizColorsList19 = "#ba7506";
+export const ColorsDatavizColorsMap1 = "#08c4b2";
+export const ColorsDatavizColorsMap2 = "#6f5ed3";
+export const ColorsDatavizColorsMap3 = "#ce3665";
+export const ColorsDatavizColorsMap4 = "#ffcd1c";
+export const ColorsDatavizColorsMap5 = "#3876e3";
+export const ColorsDatavizColorsMap6 = "#db61db";
+export const ColorsDatavizColorsMap7 = "#59cb59";
+export const ColorsDatavizColorsMap8 = "#fc8943";
+export const ColorsDatavizColorsMap9 = "#db3e3e";
+export const ColorsDatavizColorsMap10 = "#026661";
+export const ColorsDatavizColorsMap11 = "#a193f2";
+export const ColorsDatavizColorsMap12 = "#931847";
+export const ColorsDatavizColorsMap13 = "#944c0c";
+export const ColorsDatavizColorsMap14 = "#0c3f89";
+export const ColorsDatavizColorsMap15 = "#6c2277";
+export const ColorsDatavizColorsMap16 = "#006b40";
+export const ColorsDatavizColorsMap17 = "#962c0b";
+export const ColorsDatavizColorsMap18 = "#ff7f6e";
+export const ColorsDatavizColorsMap19 = "#0ca750";
+export const ColorsDatavizColorsMap20 = "#ba7506";
+export const ColorsAiFeatureDecorativePrimary = "#067c7c";
+export const ColorsAiFeatureDecorativeSecondary = "#0c3f89";
+export const ColorsAiFeatureBackgroundPrimary = "#067c7c";
+export const ColorsAiFeatureBackgroundSecondary = "#0c3f89";
+export const ColorsAiFeatureBackgroundDefaultPrimary = "#067c7c";
+export const ColorsAiFeatureBackgroundDefaultSecondary = "#0c3f89";
+export const ColorsAiFeatureBackgroundInversePrimary = "#cdf7ef";
+export const ColorsAiFeatureBackgroundInverseSecondary = "#c7dbf9";
+export const ColorsNavigationSettingsListItemBackgroundBase = "#00000000";
+export const ColorsNavigationSettingsListItemBackgroundHover = "#dee1e1";
+export const ColorsNavigationSettingsListItemBackgroundSelected = "#ffffff";
+export const ColorsNavigationTextBase = "#ffffff";
+export const ColorsNavigationTextHover = "#ffffff";
+export const ColorsNavigationIconBase = "#ffffff";
+export const ColorsNavigationIconHover = "#ffffff";
+export const ColorsNavigationListItemBackgroundSelected = "#515e5f";
+export const ColorsNavigationListItemBackgroundBase = "#364141";
+export const ColorsNavigationListItemBackgroundHover = "#162020";
+export const ColorsNavigationMainBackgroundBase = "#273333";
+export const ColorsNavigationMainBackgroundOverflowGradient = "#162020";
+export const ColorsNavigationMainBorderBase = "#162020";
+export const ColorsNavigationSecondaryBackgroundBase = "#364141";
+export const ColorsNavigationSecondaryWidgetBackgroundBase = "#162020";
+export const ColorsNavigationSecondaryAccordionBackgroundBase = "#273333";
+export const ColorsDatePickerComparisonBackgroundBase = "#b0b6b7";
+export const ColorsDatePickerComparisonTextBase = "#364141";
+export const ColorsListeningChartIndicatorHoverSecondary = "#ffffff";
+export const ColorsListeningChartIndicatorHoverPrimary = "#162020";
+export const ColorsListeningChartIndicatorDefaultPrimary = "#b0b6b7";
+export const ColorsListeningChartIndicatorDefaultSecondary = "#ffffff";
+export const ColorsListeningChartSpikeBackgroundBase = "#08c4b2";
+export const ColorsListeningChartSpikeIconBase = "#ffffff";
+export const ColorsListeningTopicTypesBrandHealth = "#ff7f6e";
+export const ColorsListeningTopicTypesIndustryInsights = "#75dd66";
+export const ColorsListeningTopicTypesCompetitiveAnalysis = "#ffd943";
+export const ColorsListeningTopicTypesCampaignAnalysis = "#f282f5";
+export const ColorsListeningTopicTypesEventMonitoring = "#33d6e2";
+export const ColorsListeningTopicTypesFeaturedTopic = "#75dd66";
+export const ColorsListeningTopicTypesCustomTopic = "#679eff";
+export const ColorsListeningWorldMapEmpty = "#dee1e1";
+export const ColorsListeningWorldMapQ0 = "#d8d7f9";
+export const ColorsListeningWorldMapQ1 = "#c1c1f7";
+export const ColorsListeningWorldMapQ2 = "#a193f2";
+export const ColorsListeningWorldMapQ3 = "#9180f4";
+export const ColorsListeningWorldMapQ4 = "#816fea";
+export const ColorsListeningWorldMapQ5 = "#6f5ed3";
+export const ColorsListeningWorldMapQ6 = "#5e4eba";
+export const ColorsListeningWorldMapQ7 = "#483a9c";
+export const ColorsGrowthCarouselIndicatorActive = "#2b68d3";
+export const ColorsGrowthCarouselIndicatorInactive = "#c8cccc";
+export const ColorsGrowthEducationDecorativeAqua = "#0797ae";
+export const ColorsGrowthEducationDecorativeTeal = "#0b968f";
+export const ColorsGrowthOpportunityBackgroundBase = "#6f5ed3";
+export const ColorsGrowthOpportunityBackgroundSecondary = "#273333";
+export const ColorsGrowthOpportunityBackgroundHover = "#c1c1f7";
+export const ColorsGrowthOpportunityDecorativeGreen = "#0ca750";
+export const ColorsGrowthOpportunityDecorativeLightAqua = "#0797ae";
+export const ColorsGrowthOpportunityDecorativeDarkAqua = "#002838";
+export const ColorsGrowthOpportunityDecorativePurple = "#6f5ed3";
+export const ColorsGrowthOpportunityButtonPrimaryBase = "#6f5ed3";
+export const ColorsGrowthOpportunityButtonPrimaryHover = "#5e4eba";
+export const ColorsGrowthOpportunityBadgeBackgroundBase = "#d8d7f9";
+export const ColorsGrowthOpportunityBadgeBackgroundActive = "#5e4eba";
+export const ColorsGrowthOpportunityBadgeIconBase = "#6f5ed3";
+export const ColorsGrowthOpportunityBadgeIconActive = "#eaeaf9";
+export const ColorsGrowthOpportunityBadgeTextBase = "#6f5ed3";
+export const ColorsGrowthDarkModalBackgroundBase = "#002838";
+export const ColorsGrowthDarkModalTextBase = "#ffffff";
+export const ColorsGrowthDarkModalCardsBackgroundBase = "#ffffff";
+export const ColorsGrowthDarkModalCardsBackgroundHover = "#eaeaf9";
+export const ColorsGrowthDarkModalCardsTextBase = "#364141";
+export const ColorsGrowthDarkModalCardsTextHover = "#273333";
+export const ColorsGrowthDarkModalCardsBorderBase = "#ffffff";
+export const ColorsGrowthDarkModalCardsBorderHover = "#6f5ed3";
+export const ColorsGrowthUserStatusOnline = "#0ca750";
+export const ColorsGrowthFeaturedDemoBackgroundPrimaryBase = "#205bc3";
+export const ColorsGrowthFeaturedDemoBackgroundPrimaryHover = "#0c3f89";
+export const ColorsGrowthFeaturedDemoBackgroundSecondaryBase = "#5e4eba";
+export const ColorsGrowthFeaturedDemoBackgroundSecondaryHover = "#5e4eba";
+export const ColorsAppBackgroundBase = "#f3f4f4";
+export const ColorsLinkBase = "#1150aa";
+export const ColorsLinkHover = "#0c3f89";
+export const ColorsTextHeadline = "#273333";
+export const ColorsTextSubtext = "#515e5f";
+export const ColorsTextBody = "#364141";
+export const ColorsTextInverse = "#ffffff";
+export const ColorsTextError = "#992222";
+export const ColorsTextBackgroundHighlight = "#ffe99a";
+export const ColorsTextBackgroundSelection = "#a1c2f8";
+export const ColorsTextDecorativeGreen = "#006b40";
+export const ColorsTextDecorativeBlue = "#0c3f89";
+export const ColorsTextDecorativePurple = "#5e4eba";
+export const ColorsTextDecorativeYellow = "#944c0c";
+export const ColorsTextDecorativeOrange = "#962c0b";
+export const ColorsTextDecorativeRed = "#992222";
+export const ColorsTextDecorativeNeutral = "#273333";
+export const ColorsTextDecorativeMagenta = "#6c2277";
+export const ColorsTextDecorativePink = "#931847";
+export const ColorsTextDecorativeAqua = "#035e73";
+export const ColorsTextDecorativeTeal = "#026661";
+export const ColorsTextAiGenerated = "#273333";
+export const ColorsMenuItemBackgroundActive = "#b0b6b7";
+export const ColorsElevationBase = "rgb(from #273333 r g b / calc(61 / 255))";
+export const ColorsUserStatusOnline = "#0ca750";
+export const ColorsUserStatusOffline = "#ed4c42";
+export const ColorsUserStatusUnavailable = "#6e797a";
+export const ColorsAnalyticsTrendPositive = "#067c7c";
+export const ColorsAnalyticsTrendNeutral = "#364141";
+export const ColorsAnalyticsTrendNegative = "#364141";
+export const ColorsAnalyticsOverlayBackgroundBase =
+  "color-mix(in srgb, #ffffff, transparent 20%)";
+export const ColorsCardControlBackgroundBase = "#ffffff";
+export const ColorsCardControlBackgroundSelected = "#364141";
+export const ColorsCardControlBackgroundHover = "#f3f4f4";
+export const ColorsCardControlTextSelected = "#ffffff";
+export const ColorsTagsCollectionsBackgroundBase = "#f3f4f4";
+export const ColorsPlaceholder = "#c8cccc";
+export const RadiiInner = "6px";
+export const RadiiOuter = "8px";
+export const RadiiPill = "999999px";
+export const ShadowsLow =
+  "0px 2px 4px rgb(from #273333 r g b / calc(61 / 255))";
+export const ShadowsMedium =
+  "0px 8px 16px rgb(from #273333 r g b / calc(61 / 255))";
+export const ShadowsHigh =
+  "0px 16px 32px rgb(from #273333 r g b / calc(61 / 255))";
+export const Mode = "light";
+export const CssBackground = "#f3f4f4"; // Background CSS alias for colors.app.background.base.
+export const CssForeground = "#364141"; // Foreground CSS alias for colors.text.body.
+export const CssCard = "#ffffff"; // Card CSS alias for colors.container.background.base.
+export const CssCardForeground = "#273333"; // Card foreground CSS alias for colors.text.headline.
+export const CssPopover = "#ffffff"; // Popover CSS alias for colors.container.background.base.
+export const CssPopoverForeground = "#364141"; // Popover foreground CSS alias for colors.text.body.
+export const CssPrimary = "#205bc3"; // Primary CSS alias for colors.button.primary.background.base.
+export const CssPrimaryForeground = "#ffffff"; // Primary foreground CSS alias for colors.button.primary.text.base.
+export const CssSecondary = "#dee1e1"; // Secondary CSS alias for colors.container.border.base.
+export const CssSecondaryForeground = "#364141"; // Secondary foreground CSS alias for colors.text.body.
+export const CssMuted = "#f3f4f4"; // Muted CSS alias for colors.container.background.decorative.neutral.
+export const CssMutedForeground = "#515e5f"; // Muted foreground CSS alias for colors.text.subtext.
+export const CssAccent = "#f3f4f4"; // Accent CSS alias for colors.listItem.background.hover.
+export const CssAccentForeground = "#364141"; // Accent foreground CSS alias for colors.text.body.
+export const CssDestructive = "#c63434"; // Destructive CSS alias for colors.button.destructive.background.base.
+export const CssDestructiveForeground = "#ffffff"; // Destructive foreground CSS alias for colors.button.destructive.text.base.
+export const CssBorder = "#dee1e1"; // Border CSS alias for colors.container.border.base.
+export const CssInput = "#6e797a"; // Input CSS alias for colors.form.border.base.
+export const CssRing = "#364141"; // Ring CSS alias for colors.form.border.selected.
+export const CssRadius = "6px"; // Radius CSS alias for radii.inner.
+export const CssSidebar = "#273333"; // Sidebar CSS alias for colors.navigation.main.background.base.
+export const CssSidebarForeground = "#ffffff"; // Sidebar foreground CSS alias for colors.navigation.text.base.
+export const CssSidebarPrimary = "#515e5f"; // Sidebar primary CSS alias for colors.navigation.listItem.background.selected.
+export const CssSidebarPrimaryForeground = "#ffffff"; // Sidebar primary foreground CSS alias for colors.navigation.text.base.
+export const CssSidebarAccent = "#162020"; // Sidebar accent CSS alias for colors.navigation.listItem.background.hover.
+export const CssSidebarAccentForeground = "#ffffff"; // Sidebar accent foreground CSS alias for colors.navigation.text.hover.
+export const CssSidebarBorder = "#162020"; // Sidebar border CSS alias for colors.navigation.main.border.base.
+export const CssSidebarRing = "#364141"; // Sidebar ring CSS alias for colors.form.border.selected.
+export const CssChart1 = "#08c4b2"; // Chart 1 CSS alias for colors.dataviz.map.1.
+export const CssChart2 = "#6f5ed3"; // Chart 2 CSS alias for colors.dataviz.map.2.
+export const CssChart3 = "#ce3665"; // Chart 3 CSS alias for colors.dataviz.map.3.
+export const CssChart4 = "#ffcd1c"; // Chart 4 CSS alias for colors.dataviz.map.4.
+export const CssChart5 = "#3876e3"; // Chart 5 CSS alias for colors.dataviz.map.5.