/** * Do not edit directly * Generated on Fri, 09 Oct 2026 14:38:18 GMT */ /** * Object containing new tokens added in `theme/sana.json` * * @deprecated The Sana tokens utility object will be removed in a future major version. */ export declare const sana: { breakpoints: { xxl: "var(--cnvs-sys-breakpoints-xxl, 2180px)" }, shape: { sm: "var(--cnvs-sys-shape-sm, 0.375rem)", xxl: "var(--cnvs-sys-shape-xxl, 1.25rem)", xxxl: "var(--cnvs-sys-shape-xxxl, 1.75rem)", xs: "var(--cnvs-sys-shape-xs, 0.25rem)" }, lineHeight: { body: { md: "var(--cnvs-sys-line-height-body-md, 1.5rem)" } }, type: { body: { md: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-normal, 400)", lineHeight: "var(--cnvs-sys-line-height-body-md, 1.5rem)", fontSize: "var(--cnvs-sys-font-size-body-md, 1.125rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-body-md)" }, lg: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-normal, 400)", lineHeight: "var(--cnvs-sys-line-height-body-lg, 1.75rem)", fontSize: "var(--cnvs-sys-font-size-body-lg, 1.25rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-body-lg)" } }, heading: { sm: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-bold, 700)", lineHeight: "var(--cnvs-sys-line-height-heading-sm, 2rem)", fontSize: "var(--cnvs-sys-font-size-heading-sm, 1.5rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-heading-sm)" }, md: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-bold, 700)", lineHeight: "var(--cnvs-sys-line-height-heading-md, 2.25rem)", fontSize: "var(--cnvs-sys-font-size-heading-md, 1.75rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-heading-md)" }, lg: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-bold, 700)", lineHeight: "var(--cnvs-sys-line-height-heading-lg, 2.5rem)", fontSize: "var(--cnvs-sys-font-size-heading-lg, 2rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-heading-lg)" } }, title: { sm: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-bold, 700)", lineHeight: "var(--cnvs-sys-line-height-title-sm, 3rem)", fontSize: "var(--cnvs-sys-font-size-title-sm, 2.5rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-title-sm)" }, md: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-bold, 700)", lineHeight: "var(--cnvs-sys-line-height-title-md, 3.5rem)", fontSize: "var(--cnvs-sys-font-size-title-md, 3rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-title-md)" }, lg: { fontFamily: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", fontWeight: "var(--cnvs-sys-font-weight-bold, 700)", lineHeight: "var(--cnvs-sys-line-height-title-lg, 4rem)", fontSize: "var(--cnvs-sys-font-size-title-lg, 3.5rem)", letterSpacing: "var(--cnvs-sys-letter-spacing-title-lg)" } } }, color: { bg: { alt: { default: "var(--cnvs-sys-color-bg-alt-default, oklch(0.9702 0 0 / 1))" } }, fg: { disabled: "var(--cnvs-sys-color-fg-disabled, oklch(0 0 0 / 0.3529))", link: { default: "var(--cnvs-sys-color-fg-link-default, oklch(0.5198 0.1782 256.11 / 1))", hover: "var(--cnvs-sys-color-fg-link-hover, oklch(0.4658 0.1562 255.5 / 1))" } }, border: { ai: "var(--cnvs-sys-color-border-ai, oklch(0.2452 0.0752 254.55 / 1))", input: { default: "var(--cnvs-sys-color-border-input-default, oklch(0 0 0 / 0.4706))", hover: "var(--cnvs-sys-color-border-input-hover, oklch(0 0 0 / 0.6784))" }, default: "var(--cnvs-sys-color-border-default, oklch(0 0 0 / 0.0745))", strong: "var(--cnvs-sys-color-border-strong, oklch(0 0 0 / 0.1686))", warning: "var(--cnvs-sys-color-border-warning, oklch(0.6601 0.1537 60.7 / 1))", elevated: "var(--cnvs-sys-color-border-elevated, oklch(1 0 0 / 1))" }, surface: { navigation: "var(--cnvs-sys-color-surface-navigation, oklch(0.9702 0 0 / 1))", raised: "var(--cnvs-sys-color-surface-raised, oklch(0 0 0 / 0.0196))", alt: { default: "var(--cnvs-sys-color-surface-alt-default, oklch(0 0 0 / 0.0392))", strong: "var(--cnvs-sys-color-surface-alt-strong, oklch(0 0 0 / 0.0745))" }, loading: "var(--cnvs-sys-color-surface-loading, oklch(0 0 0 / 0.0392))", overlay: { hover: { default: "var(--cnvs-sys-color-surface-overlay-hover-default, oklch(0 0 0 / 0.0392))", inverse: "var(--cnvs-sys-color-surface-overlay-hover-inverse, oklch(1 0 89.88 / 0.1841))" }, mixin: "var(--cnvs-sys-color-surface-overlay-mixin, oklch(0 0 0 / 0.0392))", pressed: { default: "var(--cnvs-sys-color-surface-overlay-pressed-default, oklch(0 0 0 / 0.0745))", inverse: "var(--cnvs-sys-color-surface-overlay-pressed-inverse, oklch(1 0 89.88 / 0.25))" }, scrim: "var(--cnvs-sys-color-surface-overlay-scrim, oklch(0 0 0 / 0.3529))", raised: "var(--cnvs-sys-color-surface-overlay-raised, oklch(1 0 89.88 / 0.374))" }, elevated: "var(--cnvs-sys-color-surface-elevated, linear-gradient(0deg, oklch(1 0 89.88 / 0.374) 0%, oklch(1 0 89.88 / 0.374) 100%), linear-gradient(0deg, oklch(0 0 0 / 0.0196) 0%, oklch(0 0 0 / 0.0196) 100%), oklch(1 0 0 / 1))", text: { highlight: "var(--cnvs-sys-color-surface-text-highlight, oklch(0.4602 0.3077 264.17 / 0.2314))" } }, accent: { muted: { default: "var(--cnvs-sys-color-accent-muted-default, oklch(0.5103 0 0 / 1))", soft: "var(--cnvs-sys-color-accent-muted-soft, oklch(0.7219 0 89.88 / 1))" }, overlay: { hover: "var(--cnvs-sys-color-accent-overlay-hover, oklch(1 0 89.88 / 0.045))", pressed: "var(--cnvs-sys-color-accent-overlay-pressed, oklch(1 0 89.88 / 0.118))", mixin: "var(--cnvs-sys-color-accent-overlay-mixin, oklch(1 0 89.88 / 0.045))" } }, brand: { focus: { primary: "var(--cnvs-sys-color-brand-focus-primary, oklch(0.6023 0.2032 255.68 / 1))" }, accent: { primary: "var(--cnvs-sys-color-brand-accent-primary, oklch(0.196 0 89.88 / 1))", action: "var(--cnvs-sys-color-brand-accent-action, oklch(0.196 0 89.88 / 1))" }, fg: { primary: { default: "var(--cnvs-sys-color-brand-fg-primary-default, oklch(0 0 0 / 0.8706))", strong: "var(--cnvs-sys-color-brand-fg-primary-strong, oklch(0 0 0 / 0.8902))" } }, border: { primary: "var(--cnvs-sys-color-brand-border-primary, oklch(0.6023 0.2032 255.68 / 1))", critical: "var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1))", caution: "var(--cnvs-sys-color-brand-border-caution, oklch(0.6601 0.1537 60.7 / 1))" } }, chart: { diverging: { azure: { coral: { "1": "var(--cnvs-sys-color-chart-diverging-azure-coral-1, oklch(0.326 0.07 235.91 / 1))", "2": "var(--cnvs-sys-color-chart-diverging-azure-coral-2, oklch(0.3912 0.0855 237.05 / 1))", "3": "var(--cnvs-sys-color-chart-diverging-azure-coral-3, oklch(0.4618 0.1098 242.11 / 1))", "4": "var(--cnvs-sys-color-chart-diverging-azure-coral-4, oklch(0.5174 0.1257 243.24 / 1))", "5": "var(--cnvs-sys-color-chart-diverging-azure-coral-5, oklch(0.6555 0.1553 244.48 / 1))", "6": "var(--cnvs-sys-color-chart-diverging-azure-coral-6, oklch(0.7283 0.1377 242.63 / 1))", "7": "var(--cnvs-sys-color-chart-diverging-azure-coral-7, oklch(0.7991 0.107 239.24 / 1))", "8": "var(--cnvs-sys-color-chart-diverging-azure-coral-8, oklch(0.8594 0.0867 230.07 / 1))", "9": "var(--cnvs-sys-color-chart-diverging-azure-coral-9, oklch(0.9321 0.0425 227.25 / 1))", "10": "var(--cnvs-sys-color-chart-diverging-azure-coral-10, oklch(0.9549 0.0295 223.86 / 1))", "11": "var(--cnvs-sys-color-chart-diverging-azure-coral-11, oklch(0.981 0.0131 220.96 / 1))", "12": "var(--cnvs-sys-color-chart-diverging-azure-coral-12, oklch(1 0 0 / 1))", "13": "var(--cnvs-sys-color-chart-diverging-azure-coral-13, oklch(0.9837 0.0085 44.54 / 1))", "14": "var(--cnvs-sys-color-chart-diverging-azure-coral-14, oklch(0.9659 0.0171 35.14 / 1))", "15": "var(--cnvs-sys-color-chart-diverging-azure-coral-15, oklch(0.9344 0.0339 35.8 / 1))", "16": "var(--cnvs-sys-color-chart-diverging-azure-coral-16, oklch(0.8476 0.0856 37.59 / 1))", "17": "var(--cnvs-sys-color-chart-diverging-azure-coral-17, oklch(0.7671 0.1418 38.37 / 1))", "18": "var(--cnvs-sys-color-chart-diverging-azure-coral-18, oklch(0.7279 0.1703 38.58 / 1))", "19": "var(--cnvs-sys-color-chart-diverging-azure-coral-19, oklch(0.6779 0.2096 40.36 / 1))", "20": "var(--cnvs-sys-color-chart-diverging-azure-coral-20, oklch(0.5394 0.1828 36.43 / 1))", "21": "var(--cnvs-sys-color-chart-diverging-azure-coral-21, oklch(0.4616 0.1629 34.74 / 1))", "22": "var(--cnvs-sys-color-chart-diverging-azure-coral-22, oklch(0.393 0.143 33.49 / 1))", "23": "var(--cnvs-sys-color-chart-diverging-azure-coral-23, oklch(0.3043 0.1137 32.49 / 1))" } } }, categorical: { "1": "var(--cnvs-sys-color-chart-categorical-1, oklch(0.6385 0.1093 205.92 / 1))", "2": "var(--cnvs-sys-color-chart-categorical-2, oklch(0.3908 0.128 256 / 1))", "3": "var(--cnvs-sys-color-chart-categorical-3, oklch(0.6617 0.1893 44.93 / 1))", "4": "var(--cnvs-sys-color-chart-categorical-4, oklch(0.6555 0.1553 244.48 / 1))", "5": "var(--cnvs-sys-color-chart-categorical-5, oklch(0.534 0.183 344.19 / 1))", "6": "var(--cnvs-sys-color-chart-categorical-6, oklch(0.5069 0.1569 145.56 / 1))", "7": "var(--cnvs-sys-color-chart-categorical-7, oklch(0.628 0.1681 312.69 / 1))", "8": "var(--cnvs-sys-color-chart-categorical-8, oklch(0.6601 0.1537 60.7 / 1))", "9": "var(--cnvs-sys-color-chart-categorical-9, oklch(0.4634 0.0796 207.82 / 1))", "10": "var(--cnvs-sys-color-chart-categorical-10, oklch(0.5289 0.2241 281.65 / 1))", "11": "var(--cnvs-sys-color-chart-categorical-11, oklch(0.4689 0.1456 40.5 / 1))", "12": "var(--cnvs-sys-color-chart-categorical-12, oklch(0.4618 0.1098 242.11 / 1))", "13": "var(--cnvs-sys-color-chart-categorical-13, oklch(0.476 0.156 313.2 / 1))", "14": "var(--cnvs-sys-color-chart-categorical-14, oklch(0.5394 0.1828 36.43 / 1))", "15": "var(--cnvs-sys-color-chart-categorical-15, oklch(0.3955 0.1156 147.66 / 1))", "16": "var(--cnvs-sys-color-chart-categorical-16, oklch(0.4824 0.1353 46.11 / 1))" }, sequential: { "1": "var(--cnvs-sys-color-chart-sequential-1, oklch(0.9827 0.021 200.66 / 1))", "2": "var(--cnvs-sys-color-chart-sequential-2, oklch(0.9575 0.0424 203.83 / 1))", "3": "var(--cnvs-sys-color-chart-sequential-3, oklch(0.935 0.046 205.09 / 1))", "4": "var(--cnvs-sys-color-chart-sequential-4, oklch(0.8766 0.0677 204.24 / 1))", "5": "var(--cnvs-sys-color-chart-sequential-5, oklch(0.7836 0.0874 204.93 / 1))", "6": "var(--cnvs-sys-color-chart-sequential-6, oklch(0.7154 0.1006 206.05 / 1))", "7": "var(--cnvs-sys-color-chart-sequential-7, oklch(0.6385 0.1093 205.92 / 1))", "8": "var(--cnvs-sys-color-chart-sequential-8, oklch(0.5141 0.0882 207.28 / 1))", "9": "var(--cnvs-sys-color-chart-sequential-9, oklch(0.4634 0.0796 207.82 / 1))", "10": "var(--cnvs-sys-color-chart-sequential-10, oklch(0.3982 0.0687 209.08 / 1))", "11": "var(--cnvs-sys-color-chart-sequential-11, oklch(0.3052 0.0529 210.69 / 1))" } } }, depth: { "1": "var(--cnvs-sys-depth-1, 0 0.0625rem 0.25rem -0.0625rem oklch(0 0 0 / 0.03), 0 0.125rem 0.5rem 0 oklch(0 0 0 / 0.02))", "2": "var(--cnvs-sys-depth-2, 0 0.125rem 0.5rem -0.0625rem oklch(0 0 0 / 0.05), 0 0.25rem 1rem 0 oklch(0 0 0 / 0.0334))", "3": "var(--cnvs-sys-depth-3, 0 0.1875rem 0.75rem -0.0625rem oklch(0 0 0 / 0.07), 0 0.375rem 1.5rem 0 oklch(0 0 0 / 0.0467))", "4": "var(--cnvs-sys-depth-4, 0 0.25rem 1rem -0.125rem oklch(0 0 0 / 0.09), 0 0.5rem 2rem 0 oklch(0 0 0 / 0.06))", "5": "var(--cnvs-sys-depth-5, 0 0.5rem 1.5rem -0.125rem oklch(0 0 0 / 0.11), 0 1rem 3rem 0 oklch(0 0 0 / 0.0734))", "6": "var(--cnvs-sys-depth-6, 0 1rem 3rem -0.1875rem oklch(0 0 0 / 0.13), 0 2rem 6rem 0 oklch(0 0 0 / 0.0867))" }, opacity: { accent: { hover: "var(--cnvs-sys-opacity-accent-hover, 0.045)", pressed: "var(--cnvs-sys-opacity-accent-pressed, 0.118)" } }, fontFamily: { default: "var(--cnvs-sys-font-family-default, \"Sana Sans VF\", Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")", mono: "var(--cnvs-sys-font-family-mono, \"IBM Plex Mono\", \"Roboto Mono\", monospace)", fallback: "var(--cnvs-sys-font-family-fallback, Roboto, -apple-system, BlinkMacSystemFont, \"Sana Serif\", Inter, system-ui, sans-serif, Avenir, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\")" }, letterSpacing: { subtext: { sm: "var(--cnvs-sys-letter-spacing-subtext-sm, var(--cnvs-sys-type-letter-spacing-subtext-small, 0.008125rem))", md: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium, 0.0075rem))", lg: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large, 0.006875rem))" }, body: { sm: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small, 0.00625rem))", md: "var(--cnvs-sys-letter-spacing-body-md)", lg: "var(--cnvs-sys-letter-spacing-body-lg)" }, heading: { sm: "var(--cnvs-sys-letter-spacing-heading-sm)", md: "var(--cnvs-sys-letter-spacing-heading-md)", lg: "var(--cnvs-sys-letter-spacing-heading-lg)" }, title: { sm: "var(--cnvs-sys-letter-spacing-title-sm)", md: "var(--cnvs-sys-letter-spacing-title-md)", lg: "var(--cnvs-sys-letter-spacing-title-lg)" } }, fontWeight: { regular: "var(--cnvs-sys-font-weight-regular, 400)", semibold: "var(--cnvs-sys-font-weight-semibold, 600)" } };