@octavius2929-personal/design-system 0.24.0 → 0.25.0

package/dist/index.js

@@ -1,8 +1,8 @@
 // src/theme/theme.css.ts
 var colorVars = { bg1: "var(--bg1__e3grur28)", bg2: "var(--bg2__e3grur29)", bg3: "var(--bg3__e3grur2a)", bgInset: "var(--bgInset__e3grur2b)", fg1: "var(--fg1__e3grur2c)", fg2: "var(--fg2__e3grur2d)", fg3: "var(--fg3__e3grur2e)", fgOnAccent: "var(--fgOnAccent__e3grur2f)", border1: "var(--border1__e3grur2g)", border2: "var(--border2__e3grur2h)", borderStrong: "var(--borderStrong__e3grur2i)", accent: "var(--accent__e3grur2j)", accentHover: "var(--accentHover__e3grur2k)", accentSoft: "var(--accentSoft__e3grur2l)", accentText: "var(--accentText__e3grur2m)", ok: "var(--ok__e3grur2n)", warn: "var(--warn__e3grur2o)", danger: "var(--danger__e3grur2p)", dangerHover: "var(--dangerHover__e3grur2q)", dangerSoft: "var(--dangerSoft__e3grur2r)", dangerText: "var(--dangerText__e3grur2s)", info: "var(--info__e3grur2t)", focus: "var(--focus__e3grur2u)", scrim: "var(--scrim__e3grur2v)" };
 var modeNames = ["light", "dark", "sepia", "contrast"];
-var schemaNames = ["tinta"];
-var themes = { tinta: { light: "theme_themes__e3grur2w", dark: "theme_themes__e3grur2x", sepia: "theme_themes__e3grur2y", contrast: "theme_themes__e3grur2z" } };
+var schemaNames = ["tinta", "docslingo"];
+var themes = { tinta: { light: "theme_themes__e3grur2w", dark: "theme_themes__e3grur2x", sepia: "theme_themes__e3grur2y", contrast: "theme_themes__e3grur2z" }, docslingo: { light: "theme_themes__e3grur30", dark: "theme_themes__e3grur31", sepia: "theme_themes__e3grur32", contrast: "theme_themes__e3grur33" } };
 var vars = { font: { display: "var(--font-display__e3grur0)", text: "var(--font-text__e3grur1)", mono: "var(--font-mono__e3grur2)", black: "var(--font-black__e3grur3)" }, text: { eyebrow: { size: "var(--text-eyebrow-size__e3grur4)", lineHeight: "var(--text-eyebrow-lineHeight__e3grur5)", weight: "var(--text-eyebrow-weight__e3grur6)", letterSpacing: "var(--text-eyebrow-letterSpacing__e3grur7)" }, display: { size: "var(--text-display-size__e3grur8)", lineHeight: "var(--text-display-lineHeight__e3grur9)", weight: "var(--text-display-weight__e3grura)", letterSpacing: "var(--text-display-letterSpacing__e3grurb)" }, h1: { size: "var(--text-h1-size__e3grurc)", lineHeight: "var(--text-h1-lineHeight__e3grurd)", weight: "var(--text-h1-weight__e3grure)", letterSpacing: "var(--text-h1-letterSpacing__e3grurf)" }, h2: { size: "var(--text-h2-size__e3grurg)", lineHeight: "var(--text-h2-lineHeight__e3grurh)", weight: "var(--text-h2-weight__e3gruri)", letterSpacing: "var(--text-h2-letterSpacing__e3grurj)" }, h3: { size: "var(--text-h3-size__e3grurk)", lineHeight: "var(--text-h3-lineHeight__e3grurl)", weight: "var(--text-h3-weight__e3grurm)", letterSpacing: "var(--text-h3-letterSpacing__e3grurn)" }, h4: { size: "var(--text-h4-size__e3gruro)", lineHeight: "var(--text-h4-lineHeight__e3grurp)", weight: "var(--text-h4-weight__e3grurq)", letterSpacing: "var(--text-h4-letterSpacing__e3grurr)" }, body: { size: "var(--text-body-size__e3grurs)", lineHeight: "var(--text-body-lineHeight__e3grurt)", weight: "var(--text-body-weight__e3gruru)", letterSpacing: "var(--text-body-letterSpacing__e3grurv)" }, lead: { size: "var(--text-lead-size__e3grurw)", lineHeight: "var(--text-lead-lineHeight__e3grurx)", weight: "var(--text-lead-weight__e3grury)", letterSpacing: "var(--text-lead-letterSpacing__e3grurz)" }, small: { size: "var(--text-small-size__e3grur10)", lineHeight: "var(--text-small-lineHeight__e3grur11)", weight: "var(--text-small-weight__e3grur12)", letterSpacing: "var(--text-small-letterSpacing__e3grur13)" }, caption: { size: "var(--text-caption-size__e3grur14)", lineHeight: "var(--text-caption-lineHeight__e3grur15)", weight: "var(--text-caption-weight__e3grur16)", letterSpacing: "var(--text-caption-letterSpacing__e3grur17)" } }, space: { s0: "var(--space-s0__e3grur18)", s1: "var(--space-s1__e3grur19)", s2: "var(--space-s2__e3grur1a)", s3: "var(--space-s3__e3grur1b)", s4: "var(--space-s4__e3grur1c)", s5: "var(--space-s5__e3grur1d)", s6: "var(--space-s6__e3grur1e)", s7: "var(--space-s7__e3grur1f)", s8: "var(--space-s8__e3grur1g)", s9: "var(--space-s9__e3grur1h)" }, radius: { none: "var(--radius-none__e3grur1i)", sm: "var(--radius-sm__e3grur1j)", md: "var(--radius-md__e3grur1k)", lg: "var(--radius-lg__e3grur1l)", base: "var(--radius-base__e3grur1m)", full: "var(--radius-full__e3grur1n)" }, border: { hair: "var(--border-hair__e3grur1o)", rule: "var(--border-rule__e3grur1p)", heavy: "var(--border-heavy__e3grur1q)" }, tracking: { tight: "var(--tracking-tight__e3grur1r)", normal: "var(--tracking-normal__e3grur1s)", wide: "var(--tracking-wide__e3grur1t)", wider: "var(--tracking-wider__e3grur1u)", widest: "var(--tracking-widest__e3grur1v)" }, weight: { light: "var(--weight-light__e3grur1w)", regular: "var(--weight-regular__e3grur1x)", medium: "var(--weight-medium__e3grur1y)", semibold: "var(--weight-semibold__e3grur1z)", bold: "var(--weight-bold__e3grur20)" }, dur: { fast: "var(--dur-fast__e3grur21)", base: "var(--dur-base__e3grur22)", slow: "var(--dur-slow__e3grur23)" }, ease: { ink: "var(--ease-ink__e3grur24)" }, shadow: { sm: "var(--shadow-sm__e3grur25)", md: "var(--shadow-md__e3grur26)", lg: "var(--shadow-lg__e3grur27)" }, color: colorVars };
 
 // src/hooks/use-previous/index.ts
@@ -165,6 +165,124 @@ var tokens = {
     lg: "0 12px 32px -10px rgba(20,17,14,0.34)"
   }
 };
+var docslingoSchema = {
+  light: {
+    ...tokens,
+    color: {
+      bg1: "#F4F7FA",
+      bg2: "#FFFFFF",
+      bg3: "#E7EDF3",
+      bgInset: "#DEE6EE",
+      fg1: "#101825",
+      fg2: "#3D4B5C",
+      fg3: "#5A6A80",
+      fgOnAccent: "#FFFFFF",
+      border1: "rgba(16, 24, 37, 0.14)",
+      border2: "rgba(16, 24, 37, 0.28)",
+      borderStrong: "rgba(16, 24, 37, 0.85)",
+      accent: "#0E7A55",
+      accentHover: "#0B6244",
+      accentSoft: "rgba(14, 122, 85, 0.12)",
+      accentText: "#0E7A55",
+      ok: "#0E7A55",
+      warn: "#7A5C10",
+      danger: "#C23F3F",
+      dangerHover: "#A83434",
+      dangerSoft: "rgba(194, 63, 63, 0.12)",
+      dangerText: "#C23F3F",
+      info: "#0E6E9E",
+      focus: "#0E6E9E",
+      scrim: "rgba(16, 24, 37, 0.5)"
+    }
+  },
+  dark: {
+    ...tokens,
+    color: {
+      bg1: "#0B1017",
+      bg2: "#121A24",
+      bg3: "#1A2432",
+      bgInset: "#0A0E14",
+      fg1: "#E6EDF5",
+      fg2: "#8FA3B8",
+      fg3: "#7C8FA5",
+      fgOnAccent: "#0B1017",
+      border1: "#243244",
+      border2: "#33465E",
+      borderStrong: "#8FA3B8",
+      accent: "#45D9A1",
+      accentHover: "#63E2B2",
+      accentSoft: "rgba(69, 217, 161, 0.12)",
+      accentText: "#45D9A1",
+      ok: "#45D9A1",
+      warn: "#F7C948",
+      danger: "#F06A6A",
+      dangerHover: "#F58585",
+      dangerSoft: "rgba(240, 106, 106, 0.12)",
+      dangerText: "#F06A6A",
+      info: "#56C8F5",
+      focus: "#56C8F5",
+      scrim: "rgba(0, 0, 0, 0.55)"
+    }
+  },
+  sepia: {
+    ...tokens,
+    color: {
+      bg1: "#ECE4CE",
+      bg2: "#F5EEDC",
+      bg3: "#DFD3B4",
+      bgInset: "#D6C8A4",
+      fg1: "#262114",
+      fg2: "#55482F",
+      fg3: "#6B5E41",
+      fgOnAccent: "#F5EEDC",
+      border1: "rgba(38, 33, 20, 0.16)",
+      border2: "rgba(38, 33, 20, 0.32)",
+      borderStrong: "rgba(38, 33, 20, 0.82)",
+      accent: "#4C5F2A",
+      accentHover: "#3B4A1F",
+      accentSoft: "rgba(76, 95, 42, 0.12)",
+      accentText: "#4C5F2A",
+      ok: "#4C5F2A",
+      warn: "#6E5413",
+      danger: "#8A3B26",
+      dangerHover: "#70301F",
+      dangerSoft: "rgba(138, 59, 38, 0.12)",
+      dangerText: "#8A3B26",
+      info: "#3A505C",
+      focus: "#4C5F2A",
+      scrim: "rgba(38, 33, 20, 0.55)"
+    }
+  },
+  contrast: {
+    ...tokens,
+    color: {
+      bg1: "#FFFFFF",
+      bg2: "#FFFFFF",
+      bg3: "#F2F2F2",
+      bgInset: "#EAEAEA",
+      fg1: "#000000",
+      fg2: "#000000",
+      fg3: "#2B2B2B",
+      fgOnAccent: "#FFFFFF",
+      border1: "#000000",
+      border2: "#000000",
+      borderStrong: "#000000",
+      accent: "#0B4F38",
+      accentHover: "#063D2B",
+      accentSoft: "rgba(11, 79, 56, 0.10)",
+      accentText: "#0B4F38",
+      ok: "#0B4F38",
+      warn: "#000000",
+      danger: "#8B0000",
+      dangerHover: "#6B0000",
+      dangerSoft: "rgba(139, 0, 0, 0.10)",
+      dangerText: "#8B0000",
+      info: "#000000",
+      focus: "#000000",
+      scrim: "rgba(0, 0, 0, 0.7)"
+    }
+  }
+};
 var tintaSchema = {
   light: {
     ...tokens,
@@ -283,7 +401,10 @@ var tintaSchema = {
     }
   }
 };
-var schemas = { tinta: tintaSchema };
+var schemas = {
+  tinta: tintaSchema,
+  docslingo: docslingoSchema
+};
 var schemaNames2 = Object.keys(schemas);
 var colorTokenNames = Object.keys(schemas.tinta.light.color);
 function isSchemaName(x) {