@lightsparkdev/ui 1.0.3 → 1.0.5

package/dist/styles/global.cjs

@@ -186,7 +186,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -210,10 +209,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
@@ -3531,8 +3533,7 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning,
-  inputBackground: colors.white
+  warning: colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3544,6 +3545,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -3581,7 +3586,10 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: "LoadingSpinner",
-  inputBackground: colors.black
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3697,7 +3705,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,

package/dist/styles/global.d.cts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp } from '../buttons-36cdd0fe.js';
+import { b as ThemeProp } from '../themes-37e92940.js';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';

package/dist/styles/global.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as _emotion_react from '@emotion/react';
-import { b as ThemeProp } from '../buttons-35280bfe.js';
+import { b as ThemeProp } from '../themes-832e46b2.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/global.js

@@ -1,14 +1,14 @@
 import {
   GlobalStyles,
   globalComponentStyles
-} from "../chunk-7IHNYMFQ.js";
+} from "../chunk-FE477HOE.js";
 import "../chunk-VQVEZVAG.js";
-import "../chunk-PG2W2HVB.js";
-import "../chunk-IBZBPQMZ.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   GlobalStyles,

package/dist/styles/themes.cjs

@@ -269,7 +269,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -293,10 +292,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
@@ -3550,8 +3552,7 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning,
-  inputBackground: colors.white
+  warning: colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3563,6 +3564,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -3600,7 +3605,10 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: "LoadingSpinner",
-  inputBackground: colors.black
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3716,7 +3724,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,

package/dist/styles/themes.d.cts

@@ -1,5 +1,5 @@
 import '@emotion/react';
-export { h as BackgroundColorKey, j as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, m as getBackgroundColor, g as getColor, f as getFontColor, r as ifDark, q as ifLight, k as isBackgroundColorKey, l as isBackgroundColorKeyTuple, n as isDark, o as isLight, i as isThemeColorKey, e as isThemeOrColorKey, s as setFonts, p as themeOr, t as themeOrColorKeyValues, d as themes, u as useThemeBg } from '../buttons-36cdd0fe.js';
+export { o as BackgroundColorKey, p as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, i as Themes, W as WithTheme, u as getBackgroundColor, m as getColor, n as getFontColor, z as ifDark, y as ifLight, q as isBackgroundColorKey, r as isBackgroundColorKeyTuple, v as isDark, w as isLight, k as isThemeColorKey, l as isThemeOrColorKey, s as setFonts, x as themeOr, t as themeOrColorKeyValues, j as themes, C as useThemeBg } from '../themes-37e92940.js';
 import './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';

package/dist/styles/themes.d.ts

@@ -1,5 +1,5 @@
 import '@emotion/react';
-export { h as BackgroundColorKey, j as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, c as Themes, W as WithTheme, m as getBackgroundColor, g as getColor, f as getFontColor, r as ifDark, q as ifLight, k as isBackgroundColorKey, l as isBackgroundColorKeyTuple, n as isDark, o as isLight, i as isThemeColorKey, e as isThemeOrColorKey, s as setFonts, p as themeOr, t as themeOrColorKeyValues, d as themes, u as useThemeBg } from '../buttons-35280bfe.js';
+export { o as BackgroundColorKey, p as BackgroundColorKeyArg, F as FontColorKey, L as LightsparkTheme, S as SurfaceThemeColorKey, T as ThemeOrColorKey, b as ThemeProp, i as Themes, W as WithTheme, u as getBackgroundColor, m as getColor, n as getFontColor, z as ifDark, y as ifLight, q as isBackgroundColorKey, r as isBackgroundColorKeyTuple, v as isDark, w as isLight, k as isThemeColorKey, l as isThemeOrColorKey, s as setFonts, x as themeOr, t as themeOrColorKeyValues, j as themes, C as useThemeBg } from '../themes-832e46b2.js';
 import './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/themes.js

@@ -16,11 +16,11 @@ import {
   themeOrColorKeyValues,
   themes,
   useThemeBg
-} from "../chunk-IBZBPQMZ.js";
+} from "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Themes,

package/dist/styles/tokens/spacing.cjs

@@ -23,27 +23,66 @@ __export(spacing_exports, {
   Spacing: () => Spacing
 });
 module.exports = __toCommonJS(spacing_exports);
-var Spacing = /* @__PURE__ */ ((Spacing2) => {
-  Spacing2["4xs"] = "2px";
-  Spacing2["3xs"] = "4px";
-  Spacing2["2xs"] = "6px";
-  Spacing2["xs"] = "8px";
-  Spacing2["sm"] = "12px";
-  Spacing2["md"] = "16px";
-  Spacing2["lg"] = "24px";
-  Spacing2["xl"] = "32px";
-  Spacing2["2xl"] = "40px";
-  Spacing2["3xl"] = "48px";
-  Spacing2["4xl"] = "56px";
-  Spacing2["5xl"] = "64px";
-  Spacing2["6xl"] = "72px";
-  Spacing2["7xl"] = "80px";
-  Spacing2["8xl"] = "96px";
-  Spacing2["9xl"] = "112px";
-  Spacing2["10xl"] = "128px";
-  Spacing2["11xl"] = "160px";
-  return Spacing2;
-})(Spacing || {});
+var n = {
+  "4xs": 2,
+  "3xs": 4,
+  "2xs": 6,
+  xs: 8,
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32,
+  "2xl": 40,
+  "3xl": 48,
+  "4xl": 56,
+  "5xl": 64,
+  "6xl": 72,
+  "7xl": 80,
+  "8xl": 96,
+  "9xl": 112,
+  "10xl": 128,
+  "11xl": 160
+};
+var Spacing = {
+  "4xs": n["4xs"],
+  "3xs": n["3xs"],
+  "2xs": n["2xs"],
+  xs: n.xs,
+  sm: n.sm,
+  md: n.md,
+  lg: n.lg,
+  xl: n.xl,
+  "2xl": n["2xl"],
+  "3xl": n["3xl"],
+  "4xl": n["4xl"],
+  "5xl": n["5xl"],
+  "6xl": n["6xl"],
+  "7xl": n["7xl"],
+  "8xl": n["8xl"],
+  "9xl": n["9xl"],
+  "10xl": n["10xl"],
+  "11xl": n["11xl"],
+  px: {
+    "4xs": `${n["4xs"]}px`,
+    "3xs": `${n["3xs"]}px`,
+    "2xs": `${n["2xs"]}px`,
+    xs: `${n.xs}px`,
+    sm: `${n.sm}px`,
+    md: `${n.md}px`,
+    lg: `${n.lg}px`,
+    xl: `${n.xl}px`,
+    "2xl": `${n["2xl"]}px`,
+    "3xl": `${n["3xl"]}px`,
+    "4xl": `${n["4xl"]}px`,
+    "5xl": `${n["5xl"]}px`,
+    "6xl": `${n["6xl"]}px`,
+    "7xl": `${n["7xl"]}px`,
+    "8xl": `${n["8xl"]}px`,
+    "9xl": `${n["9xl"]}px`,
+    "10xl": `${n["10xl"]}px`,
+    "11xl": `${n["11xl"]}px`
+  }
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Spacing

package/dist/styles/tokens/spacing.d.cts

@@ -1,22 +1,42 @@
-declare enum Spacing {
-    "4xs" = "2px",
-    "3xs" = "4px",
-    "2xs" = "6px",
-    xs = "8px",
-    sm = "12px",
-    md = "16px",
-    lg = "24px",
-    xl = "32px",
-    "2xl" = "40px",
-    "3xl" = "48px",
-    "4xl" = "56px",
-    "5xl" = "64px",
-    "6xl" = "72px",
-    "7xl" = "80px",
-    "8xl" = "96px",
-    "9xl" = "112px",
-    "10xl" = "128px",
-    "11xl" = "160px"
-}
+declare const Spacing: {
+    readonly "4xs": 2;
+    readonly "3xs": 4;
+    readonly "2xs": 6;
+    readonly xs: 8;
+    readonly sm: 12;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly "2xl": 40;
+    readonly "3xl": 48;
+    readonly "4xl": 56;
+    readonly "5xl": 64;
+    readonly "6xl": 72;
+    readonly "7xl": 80;
+    readonly "8xl": 96;
+    readonly "9xl": 112;
+    readonly "10xl": 128;
+    readonly "11xl": 160;
+    readonly px: {
+        readonly "4xs": "2px";
+        readonly "3xs": "4px";
+        readonly "2xs": "6px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "2xl": "40px";
+        readonly "3xl": "48px";
+        readonly "4xl": "56px";
+        readonly "5xl": "64px";
+        readonly "6xl": "72px";
+        readonly "7xl": "80px";
+        readonly "8xl": "96px";
+        readonly "9xl": "112px";
+        readonly "10xl": "128px";
+        readonly "11xl": "160px";
+    };
+};
 
 export { Spacing };

package/dist/styles/tokens/spacing.d.ts

@@ -1,22 +1,42 @@
-declare enum Spacing {
-    "4xs" = "2px",
-    "3xs" = "4px",
-    "2xs" = "6px",
-    xs = "8px",
-    sm = "12px",
-    md = "16px",
-    lg = "24px",
-    xl = "32px",
-    "2xl" = "40px",
-    "3xl" = "48px",
-    "4xl" = "56px",
-    "5xl" = "64px",
-    "6xl" = "72px",
-    "7xl" = "80px",
-    "8xl" = "96px",
-    "9xl" = "112px",
-    "10xl" = "128px",
-    "11xl" = "160px"
-}
+declare const Spacing: {
+    readonly "4xs": 2;
+    readonly "3xs": 4;
+    readonly "2xs": 6;
+    readonly xs: 8;
+    readonly sm: 12;
+    readonly md: 16;
+    readonly lg: 24;
+    readonly xl: 32;
+    readonly "2xl": 40;
+    readonly "3xl": 48;
+    readonly "4xl": 56;
+    readonly "5xl": 64;
+    readonly "6xl": 72;
+    readonly "7xl": 80;
+    readonly "8xl": 96;
+    readonly "9xl": 112;
+    readonly "10xl": 128;
+    readonly "11xl": 160;
+    readonly px: {
+        readonly "4xs": "2px";
+        readonly "3xs": "4px";
+        readonly "2xs": "6px";
+        readonly xs: "8px";
+        readonly sm: "12px";
+        readonly md: "16px";
+        readonly lg: "24px";
+        readonly xl: "32px";
+        readonly "2xl": "40px";
+        readonly "3xl": "48px";
+        readonly "4xl": "56px";
+        readonly "5xl": "64px";
+        readonly "6xl": "72px";
+        readonly "7xl": "80px";
+        readonly "8xl": "96px";
+        readonly "9xl": "112px";
+        readonly "10xl": "128px";
+        readonly "11xl": "160px";
+    };
+};
 
 export { Spacing };

package/dist/styles/tokens/spacing.js

@@ -1,6 +1,6 @@
 import {
   Spacing
-} from "../../chunk-3XSQV5U4.js";
+} from "../../chunk-E5DUKMCU.js";
 import "../../chunk-LOPKRCGI.js";
 export {
   Spacing

package/dist/styles/type.cjs

@@ -170,7 +170,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -194,10 +193,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/type.d.cts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import _emotion_styled__default from '@emotion/styled';
-import '../buttons-36cdd0fe.js';
+import '../themes-37e92940.js';
 import '@emotion/react';
 import './tokens/typography.cjs';
 import '@emotion/css';

package/dist/styles/type.d.ts

@@ -1,6 +1,6 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import _emotion_styled__default from '@emotion/styled';
-import '../buttons-35280bfe.js';
+import '../themes-832e46b2.js';
 import '@emotion/react';
 import './tokens/typography.js';
 import '@emotion/css';

package/dist/styles/type.js

@@ -3,14 +3,14 @@ import {
   Heading,
   headingWithDefaults,
   headings
-} from "../chunk-BHP5YL2N.js";
-import "../chunk-7WDAN3OC.js";
-import "../chunk-PG2W2HVB.js";
-import "../chunk-IBZBPQMZ.js";
+} from "../chunk-N67Y7GWR.js";
+import "../chunk-D4DFISYR.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   Heading,

package/dist/styles/typography.cjs

@@ -236,7 +236,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -259,10 +258,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",
@@ -3557,8 +3559,7 @@ var baseThemeColors = {
   success: colors.success,
   text: colors.black,
   vlcNeutral: colors.gray95,
-  warning: colors.warning,
-  inputBackground: colors.white
+  warning: colors.warning
 };
 var themeOrColorKeyValues = [
   ...Object.keys(baseThemeColors),
@@ -3570,6 +3571,10 @@ var baseTheme = __spreadProps(__spreadValues({}, baseThemeColors), {
   typography: getTypography("Lightspark" /* Lightspark */),
   hcNeutralFromBg: (bgHex) => hcNeutralFromBg(bgHex, colors.black, colors.white),
   buttons: defaultButtonsTheme,
+  badge: {
+    bg: "c05Neutral"
+  },
+  inputBackground: colors.white,
   loading: "LoadingSpinner"
 });
 var lightBaseTheme = baseTheme;
@@ -3607,7 +3612,10 @@ var darkBaseTheme = {
   warning: colors.warning,
   buttons: defaultButtonsTheme,
   loading: "LoadingSpinner",
-  inputBackground: colors.black
+  inputBackground: colors.black,
+  badge: {
+    bg: "c15Neutral"
+  }
 };
 var lightTheme = extend(lightBaseTheme, {
   header: extendBase(lightBaseTheme, {
@@ -3723,7 +3731,10 @@ var bridgeBaseSettings = {
         defaultBorderWidth: 1
       }
     }
-  })
+  }),
+  badge: {
+    bg: "grayBlue94"
+  }
 };
 var bridgeLightTheme = extend(lightTheme, __spreadProps(__spreadValues({}, bridgeBaseSettings), {
   type: "bridgeLight" /* BridgeLight */,

package/dist/styles/typography.d.cts

@@ -1,6 +1,6 @@
 import { Theme } from '@emotion/react';
 import { Complete } from '@lightsparkdev/core';
-import { F as FontColorKey } from '../buttons-36cdd0fe.js';
+import { F as FontColorKey } from '../themes-37e92940.js';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.cjs';
 import '@emotion/css';
 import './colors.cjs';

package/dist/styles/typography.d.ts

@@ -1,6 +1,6 @@
 import { Theme } from '@emotion/react';
 import { Complete } from '@lightsparkdev/core';
-import { F as FontColorKey } from '../buttons-35280bfe.js';
+import { F as FontColorKey } from '../themes-832e46b2.js';
 import { TypographyTypeKey, TokenSizeKey } from './tokens/typography.js';
 import '@emotion/css';
 import './colors.js';

package/dist/styles/typography.js

@@ -1,11 +1,11 @@
 import {
   applyTypography
-} from "../chunk-4C2TISN7.js";
-import "../chunk-IBZBPQMZ.js";
+} from "../chunk-OPUCWQMK.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   applyTypography

package/dist/styles/utils.cjs

@@ -176,7 +176,6 @@ var neutral = {
   gray30: "#4D4D4D",
   gray40: "#666666",
   gray50: "#808080",
-  gray57: "#8B8E98",
   gray60: "#999999",
   gray70: "#B3B3B3",
   gray80: "#CCCCCC",
@@ -200,10 +199,13 @@ var baseColors = __spreadProps(__spreadValues({}, neutral), {
   blue37: "#21529c",
   blue58: "#28BFFF",
   // less than 50% saturated blue
+  grayBlue5: "#0c0d0f",
   grayBlue9: "#16171A",
+  grayBlue18: "#21283a",
   grayBlue32: "#4F5156",
   grayBlue43: "#686A72",
   grayBlue45: "#676F80",
+  grayBlue57: "#8B8E98",
   grayBlue67: "#9BA7B9",
   grayBlue80: "#C0C9D6",
   grayBlue88: "#DEDFE4",

package/dist/styles/utils.js

@@ -13,13 +13,13 @@ import {
   remsToPx,
   size,
   textCenter
-} from "../chunk-7WDAN3OC.js";
-import "../chunk-PG2W2HVB.js";
-import "../chunk-IBZBPQMZ.js";
+} from "../chunk-D4DFISYR.js";
+import "../chunk-YG5BANJH.js";
+import "../chunk-UAUAYQ3C.js";
 import "../chunk-ENBUKLVT.js";
 import "../chunk-JSGRNWSB.js";
 import "../chunk-FO7I4E45.js";
-import "../chunk-XUWFUTR4.js";
+import "../chunk-KPAVY3UH.js";
 import "../chunk-LOPKRCGI.js";
 export {
   absoluteCenter,