@datatechsolutions/tympan-tokens 0.4.1 → 0.5.0

package/dist/tokens.json

@@ -1514,14 +1514,14 @@
       "light": {
         "--ty-bg": "#f8fafc",
         "--ty-surface": "rgb(255 255 255 / 0.72)",
-        "--ty-surface-raised": "rgb(255 255 255 / 0.9)",
+        "--ty-surface-raised": "rgb(255 255 255 / 0.86)",
         "--ty-surface-solid": "#ffffff",
         "--ty-surface-raised-solid": "#ffffff",
-        "--ty-surface-sunken": "#f1f5f9",
+        "--ty-surface-sunken": "#f2f3fa",
         "--ty-ink": "#0f172a",
-        "--ty-ink-2": "#334155",
-        "--ty-ink-3": "#4d5a6b",
-        "--ty-line": "rgb(148 163 184 / 0.3)",
+        "--ty-ink-2": "#475569",
+        "--ty-ink-3": "#5b6779",
+        "--ty-line": "rgb(148 163 184 / 0.26)",
         "--ty-line-soft": "rgb(95 115 143 / 0.12)",
         "--ty-line-strong": "rgb(100 116 139 / 0.45)",
         "--ty-input": "#6d829e",
@@ -1536,9 +1536,9 @@
         "--ty-on-cta": "#f9faff",
         "--ty-secondary": "rgb(251 253 255 / 0.7)",
         "--ty-on-secondary": "#0c192a",
-        "--ty-backdrop": "rgb(10 22 40 / 0.4)",
-        "--ty-ambient-1": "rgb(142 154 255 / 0.07)",
-        "--ty-ambient-2": "rgb(78 188 235 / 0.05)",
+        "--ty-backdrop": "rgb(15 23 42 / 0.4)",
+        "--ty-ambient-1": "rgb(167 139 250 / 0.05)",
+        "--ty-ambient-2": "rgb(56 189 248 / 0.03)",
         "--ty-danger": "#be123c",
         "--ty-danger-soft": "rgb(222 59 61 / 0.1)",
         "--ty-on-danger-soft": "#a30018",
@@ -1555,7 +1555,7 @@
         "--ty-info-soft": "rgb(65 136 182 / 0.1)",
         "--ty-on-info-soft": "#085b87",
         "--ty-on-info": "#f8fafe",
-        "--ty-neutral": "#4d5a6b",
+        "--ty-neutral": "#5b6779",
         "--ty-neutral-soft": "rgb(113 129 152 / 0.1)",
         "--ty-on-neutral-soft": "#47566c",
         "--ty-on-neutral": "#f8fafe",
@@ -1567,10 +1567,10 @@
         "--ty-chart-6": "#765ebb",
         "--ty-chart-7": "#008479",
         "--ty-chart-8": "#b05315",
-        "--ty-on-bg": "#334155",
-        "--ty-on-surface": "#334155",
-        "--ty-on-surface-raised": "#334155",
-        "--ty-on-surface-sunken": "#334155",
+        "--ty-on-bg": "#475569",
+        "--ty-on-surface": "#475569",
+        "--ty-on-surface-raised": "#475569",
+        "--ty-on-surface-sunken": "#475569",
         "--ty-proof-proved": "#00672d",
         "--ty-proof-proved-soft": "rgb(19 153 72 / 0.1)",
         "--ty-proof-pending": "#774a00",
@@ -1579,19 +1579,19 @@
         "--ty-proof-refuted-soft": "rgb(222 59 61 / 0.1)",
         "--ty-proof-not-disclosed": "#47566c",
         "--ty-proof-not-disclosed-soft": "rgb(113 129 152 / 0.1)",
-        "--ty-proof-none": "#4d5a6b",
+        "--ty-proof-none": "#5b6779",
         "--ty-proof-none-soft": "rgb(113 129 152 / 0.1)",
         "--ty-actor-person": "#4144a3",
         "--ty-actor-person-soft": "rgb(99 102 241 / 0.12)",
-        "--ty-actor-agent": "#334155",
+        "--ty-actor-agent": "#475569",
         "--ty-actor-agent-soft": "rgb(113 129 152 / 0.1)",
-        "--ty-actor-system": "#4d5a6b",
+        "--ty-actor-system": "#5b6779",
         "--ty-actor-system-soft": "rgb(113 129 152 / 0.1)",
         "--ty-nav-bg": "rgb(255 255 255 / 0.72)",
-        "--ty-on-nav": "#334155",
+        "--ty-on-nav": "#475569",
         "--ty-nav-active": "rgb(99 102 241 / 0.12)",
         "--ty-on-nav-active": "#4144a3",
-        "--ty-nav-line": "rgb(148 163 184 / 0.3)",
+        "--ty-nav-line": "rgb(148 163 184 / 0.26)",
         "--ty-accent": "#4f46e5",
         "--ty-accent-strong": "#4338ca",
         "--ty-accent-soft": "rgb(99 102 241 / 0.12)",
@@ -1673,15 +1673,15 @@
         "--ty-info-800": "#174b6b",
         "--ty-info-900": "#103850",
         "--ty-info-950": "#072638",
-        "--ty-shadow-sheet": "0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1)",
-        "--ty-shadow-raised": "0px 4px 12px -2px rgb(10 22 40 / 0.08)",
-        "--ty-shadow-floating": "0px 12px 24px -8px rgb(10 22 40 / 0.14)",
-        "--ty-shadow-modal": "0px 40px 100px -30px rgb(10 22 40 / 0.35)",
-        "--ty-shadow-sheet-inset": "inset 0px 1px 0px 0px rgb(255 255 255 / 0)",
+        "--ty-shadow-sheet": "0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06)",
+        "--ty-shadow-raised": "0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04)",
+        "--ty-shadow-floating": "0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06)",
+        "--ty-shadow-modal": "0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18)",
+        "--ty-shadow-sheet-inset": "inset 0px 1px 2px 0px rgb(255 255 255 / 0.7), inset 0px -1px 2px 0px rgb(0 0 0 / 0.04)",
         "--ty-radius": "12px",
         "--ty-radius-control": "12px",
-        "--ty-radius-card": "19px",
-        "--ty-radius-sheet": "29px",
+        "--ty-radius-card": "20px",
+        "--ty-radius-sheet": "24px",
         "--ty-radius-pill": "999px",
         "--ty-radius-agent": "7px",
         "--ty-focus-width": "2px",
@@ -1690,7 +1690,25 @@
         "--ty-glass-saturate": "1.15",
         "--ty-font-serif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
         "--ty-font-sans": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
-        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
+        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+        "--ty-font-size-display": "30px",
+        "--ty-font-line-height-display": "36px",
+        "--ty-font-size-h1": "24px",
+        "--ty-font-line-height-h1": "32px",
+        "--ty-font-size-h2": "18px",
+        "--ty-font-line-height-h2": "28px",
+        "--ty-font-size-h3": "16px",
+        "--ty-font-line-height-h3": "24px",
+        "--ty-font-size-label": "14px",
+        "--ty-font-line-height-label": "20px",
+        "--ty-font-tracking-h1": "-0.025em",
+        "--ty-glass-edge": "rgb(255 255 255 / 0.9) rgb(200 200 210 / 0.3) rgb(200 200 210 / 0.25) rgb(255 255 255 / 0.7)",
+        "--ty-glass-edge-width": "1.5px",
+        "--ty-glass-highlight": "inset 0 1px 2px 0 rgb(255 255 255 / 0.8), inset 0 -1px 2px 0 rgb(0 0 0 / 0.05)",
+        "--ty-glass-fill": "linear-gradient(135deg, rgb(255 255 255 / 0.8) 0%, rgb(220 225 240 / 0.62) 40%, rgb(240 245 255 / 0.68) 70%, rgb(255 255 255 / 0.8) 100%)",
+        "--ty-glass-fill-raised": "linear-gradient(135deg, rgb(255 255 255 / 0.86) 0%, rgb(215 220 238 / 0.7) 40%, rgb(235 240 255 / 0.76) 70%, rgb(255 255 255 / 0.86) 100%)",
+        "--ty-mark-gradient": "linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%)",
+        "--ty-wordmark-gradient": "linear-gradient(90deg, #0369a1, #4338ca, #7e22ce)"
       },
       "light-high": {
         "--ty-bg": "#f3f7fe",
@@ -1854,15 +1872,15 @@
         "--ty-info-800": "#174b6b",
         "--ty-info-900": "#103850",
         "--ty-info-950": "#072638",
-        "--ty-shadow-sheet": "0px 1px 2px 0px rgb(10 22 40 / 0.04), 0px 8px 24px -12px rgb(10 22 40 / 0.1)",
-        "--ty-shadow-raised": "0px 4px 12px -2px rgb(10 22 40 / 0.08)",
-        "--ty-shadow-floating": "0px 12px 24px -8px rgb(10 22 40 / 0.14)",
-        "--ty-shadow-modal": "0px 40px 100px -30px rgb(10 22 40 / 0.35)",
-        "--ty-shadow-sheet-inset": "inset 0px 1px 0px 0px rgb(255 255 255 / 0)",
+        "--ty-shadow-sheet": "0px 4px 16px -2px rgb(0 0 0 / 0.1), 0px 12px 40px -8px rgb(0 0 0 / 0.06)",
+        "--ty-shadow-raised": "0px 4px 12px -2px rgb(15 23 42 / 0.08), 0px 2px 4px -2px rgb(15 23 42 / 0.04)",
+        "--ty-shadow-floating": "0px 12px 24px -8px rgb(15 23 42 / 0.12), 0px 4px 8px -4px rgb(15 23 42 / 0.06)",
+        "--ty-shadow-modal": "0px 40px 100px -30px rgb(0 0 0 / 0.45), 0px 16px 40px -12px rgb(0 0 0 / 0.18)",
+        "--ty-shadow-sheet-inset": "inset 0px 1px 2px 0px rgb(255 255 255 / 0.7), inset 0px -1px 2px 0px rgb(0 0 0 / 0.04)",
         "--ty-radius": "12px",
         "--ty-radius-control": "12px",
-        "--ty-radius-card": "19px",
-        "--ty-radius-sheet": "29px",
+        "--ty-radius-card": "20px",
+        "--ty-radius-sheet": "24px",
         "--ty-radius-pill": "999px",
         "--ty-radius-agent": "7px",
         "--ty-focus-width": "3px",
@@ -1871,19 +1889,30 @@
         "--ty-glass-saturate": "1.15",
         "--ty-font-serif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
         "--ty-font-sans": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
-        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
+        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+        "--ty-font-size-display": "30px",
+        "--ty-font-line-height-display": "36px",
+        "--ty-font-size-h1": "24px",
+        "--ty-font-line-height-h1": "32px",
+        "--ty-font-size-h2": "18px",
+        "--ty-font-line-height-h2": "28px",
+        "--ty-font-size-h3": "16px",
+        "--ty-font-line-height-h3": "24px",
+        "--ty-font-size-label": "14px",
+        "--ty-font-line-height-label": "20px",
+        "--ty-font-tracking-h1": "-0.025em"
       },
       "dark": {
-        "--ty-bg": "#0b1220",
-        "--ty-surface": "rgb(30 41 59 / 0.72)",
-        "--ty-surface-raised": "rgb(30 41 59 / 0.92)",
+        "--ty-bg": "#020617",
+        "--ty-surface": "rgb(30 41 59 / 0.7)",
+        "--ty-surface-raised": "rgb(30 41 59 / 0.78)",
         "--ty-surface-solid": "#131c2f",
         "--ty-surface-raised-solid": "#1b2539",
         "--ty-surface-sunken": "#0b1222",
-        "--ty-ink": "#f8fafc",
+        "--ty-ink": "#ffffff",
         "--ty-ink-2": "#cbd5e1",
-        "--ty-ink-3": "#a3b0c0",
-        "--ty-line": "rgb(148 163 184 / 0.22)",
+        "--ty-ink-3": "#94a3b8",
+        "--ty-line": "rgb(148 163 184 / 0.24)",
         "--ty-line-soft": "rgb(163 185 216 / 0.09)",
         "--ty-line-strong": "rgb(148 163 184 / 0.36)",
         "--ty-input": "#687c98",
@@ -1898,9 +1927,9 @@
         "--ty-on-cta": "#f9faff",
         "--ty-secondary": "rgb(37 40 44 / 0.6)",
         "--ty-on-secondary": "#e7f1ff",
-        "--ty-backdrop": "rgb(0 3 14 / 0.6)",
-        "--ty-ambient-1": "rgb(142 154 255 / 0.12)",
-        "--ty-ambient-2": "rgb(78 188 235 / 0.08)",
+        "--ty-backdrop": "rgb(0 0 0 / 0.5)",
+        "--ty-ambient-1": "rgb(124 58 237 / 0.1)",
+        "--ty-ambient-2": "rgb(2 132 199 / 0.08)",
         "--ty-danger": "#fb7185",
         "--ty-danger-soft": "rgb(255 99 95 / 0.14)",
         "--ty-on-danger-soft": "#ffa098",
@@ -1917,7 +1946,7 @@
         "--ty-info-soft": "rgb(96 167 214 / 0.14)",
         "--ty-on-info-soft": "#80c7f8",
         "--ty-on-info": "#101214",
-        "--ty-neutral": "#a3b0c0",
+        "--ty-neutral": "#94a3b8",
         "--ty-neutral-soft": "rgb(143 160 184 / 0.14)",
         "--ty-on-neutral-soft": "#aebfd8",
         "--ty-on-neutral": "#101214",
@@ -1941,19 +1970,19 @@
         "--ty-proof-refuted-soft": "rgb(255 99 95 / 0.14)",
         "--ty-proof-not-disclosed": "#aebfd8",
         "--ty-proof-not-disclosed-soft": "rgb(143 160 184 / 0.14)",
-        "--ty-proof-none": "#a3b0c0",
+        "--ty-proof-none": "#94a3b8",
         "--ty-proof-none-soft": "rgb(143 160 184 / 0.14)",
         "--ty-actor-person": "#b5bfff",
         "--ty-actor-person-soft": "rgb(99 102 241 / 0.2)",
         "--ty-actor-agent": "#cbd5e1",
         "--ty-actor-agent-soft": "rgb(143 160 184 / 0.14)",
-        "--ty-actor-system": "#a3b0c0",
+        "--ty-actor-system": "#94a3b8",
         "--ty-actor-system-soft": "rgb(143 160 184 / 0.14)",
-        "--ty-nav-bg": "rgb(30 41 59 / 0.72)",
+        "--ty-nav-bg": "rgb(30 41 59 / 0.7)",
         "--ty-on-nav": "#cbd5e1",
         "--ty-nav-active": "rgb(99 102 241 / 0.2)",
         "--ty-on-nav-active": "#b5bfff",
-        "--ty-nav-line": "rgb(148 163 184 / 0.22)",
+        "--ty-nav-line": "rgb(148 163 184 / 0.24)",
         "--ty-accent": "#818cf8",
         "--ty-accent-strong": "#a5b4fc",
         "--ty-accent-soft": "rgb(99 102 241 / 0.2)",
@@ -2035,24 +2064,42 @@
         "--ty-info-800": "#174b6b",
         "--ty-info-900": "#103850",
         "--ty-info-950": "#072638",
-        "--ty-shadow-sheet": "0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2)",
-        "--ty-shadow-raised": "0px 4px 12px -2px rgb(0 5 20 / 0.16)",
-        "--ty-shadow-floating": "0px 12px 24px -8px rgb(0 5 20 / 0.28)",
-        "--ty-shadow-modal": "0px 40px 100px -30px rgb(0 5 20 / 0.7)",
-        "--ty-shadow-sheet-inset": "inset 0px 1px 0px 0px rgb(255 255 255 / 0.06)",
+        "--ty-shadow-sheet": "0px 12px 40px -12px rgb(0 0 0 / 0.5)",
+        "--ty-shadow-raised": "0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3)",
+        "--ty-shadow-floating": "0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4)",
+        "--ty-shadow-modal": "0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5)",
+        "--ty-shadow-sheet-inset": "inset 0px 1px 1px 0px rgb(255 255 255 / 0.12)",
         "--ty-radius": "12px",
         "--ty-radius-control": "12px",
-        "--ty-radius-card": "19px",
-        "--ty-radius-sheet": "29px",
+        "--ty-radius-card": "20px",
+        "--ty-radius-sheet": "24px",
         "--ty-radius-pill": "999px",
         "--ty-radius-agent": "7px",
         "--ty-focus-width": "2px",
         "--ty-glass-blur-sheet": "20px",
         "--ty-glass-blur-floating": "24px",
-        "--ty-glass-saturate": "1.15",
+        "--ty-glass-saturate": "1.5",
         "--ty-font-serif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
         "--ty-font-sans": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
-        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
+        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+        "--ty-font-size-display": "30px",
+        "--ty-font-line-height-display": "36px",
+        "--ty-font-size-h1": "24px",
+        "--ty-font-line-height-h1": "32px",
+        "--ty-font-size-h2": "18px",
+        "--ty-font-line-height-h2": "28px",
+        "--ty-font-size-h3": "16px",
+        "--ty-font-line-height-h3": "24px",
+        "--ty-font-size-label": "14px",
+        "--ty-font-line-height-label": "20px",
+        "--ty-font-tracking-h1": "-0.025em",
+        "--ty-glass-edge": "rgb(255 255 255 / 0.2) rgb(255 255 255 / 0.06) rgb(255 255 255 / 0.04) rgb(255 255 255 / 0.12)",
+        "--ty-glass-edge-width": "1.5px",
+        "--ty-glass-highlight": "inset 0 1px 1px 0 rgb(255 255 255 / 0.15)",
+        "--ty-glass-fill": "linear-gradient(140deg, rgb(30 41 59 / 0.7) 0%, rgb(15 23 42 / 0.6) 45%, rgb(20 30 50 / 0.55) 100%)",
+        "--ty-glass-fill-raised": "linear-gradient(140deg, rgb(30 41 59 / 0.78) 0%, rgb(15 23 42 / 0.68) 45%, rgb(20 30 50 / 0.62) 100%)",
+        "--ty-mark-gradient": "linear-gradient(135deg, #38bdf8 0%, #6366f1 40%, #a855f7 100%)",
+        "--ty-wordmark-gradient": "linear-gradient(90deg, #38bdf8, #818cf8, #a855f7)"
       },
       "dark-high": {
         "--ty-bg": "#0c0f13",
@@ -2216,24 +2263,35 @@
         "--ty-info-800": "#174b6b",
         "--ty-info-900": "#103850",
         "--ty-info-950": "#072638",
-        "--ty-shadow-sheet": "0px 1px 2px 0px rgb(0 5 20 / 0.08), 0px 8px 24px -12px rgb(0 5 20 / 0.2)",
-        "--ty-shadow-raised": "0px 4px 12px -2px rgb(0 5 20 / 0.16)",
-        "--ty-shadow-floating": "0px 12px 24px -8px rgb(0 5 20 / 0.28)",
-        "--ty-shadow-modal": "0px 40px 100px -30px rgb(0 5 20 / 0.7)",
-        "--ty-shadow-sheet-inset": "inset 0px 1px 0px 0px rgb(255 255 255 / 0.06)",
+        "--ty-shadow-sheet": "0px 12px 40px -12px rgb(0 0 0 / 0.5)",
+        "--ty-shadow-raised": "0px 4px 12px -2px rgb(0 0 0 / 0.5), 0px 2px 4px -2px rgb(0 0 0 / 0.3)",
+        "--ty-shadow-floating": "0px 12px 24px -8px rgb(0 0 0 / 0.6), 0px 4px 8px -4px rgb(0 0 0 / 0.4)",
+        "--ty-shadow-modal": "0px 40px 100px -30px rgb(0 0 0 / 0.7), 0px 16px 40px -12px rgb(0 0 0 / 0.5)",
+        "--ty-shadow-sheet-inset": "inset 0px 1px 1px 0px rgb(255 255 255 / 0.12)",
         "--ty-radius": "12px",
         "--ty-radius-control": "12px",
-        "--ty-radius-card": "19px",
-        "--ty-radius-sheet": "29px",
+        "--ty-radius-card": "20px",
+        "--ty-radius-sheet": "24px",
         "--ty-radius-pill": "999px",
         "--ty-radius-agent": "7px",
         "--ty-focus-width": "3px",
         "--ty-glass-blur-sheet": "20px",
         "--ty-glass-blur-floating": "24px",
-        "--ty-glass-saturate": "1.15",
+        "--ty-glass-saturate": "1.5",
         "--ty-font-serif": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
         "--ty-font-sans": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif",
-        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace"
+        "--ty-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
+        "--ty-font-size-display": "30px",
+        "--ty-font-line-height-display": "36px",
+        "--ty-font-size-h1": "24px",
+        "--ty-font-line-height-h1": "32px",
+        "--ty-font-size-h2": "18px",
+        "--ty-font-line-height-h2": "28px",
+        "--ty-font-size-h3": "16px",
+        "--ty-font-line-height-h3": "24px",
+        "--ty-font-size-label": "14px",
+        "--ty-font-line-height-label": "20px",
+        "--ty-font-tracking-h1": "-0.025em"
       }
     },
     "astrlabe-controle": {