@softure-ai/theme-notion 0.0.0-stage → 0.1.1

package/dist/tokens.d.ts

@@ -0,0 +1,801 @@
+/**
+ * The Notion theme: the token values of the Notion design system (shadcn/ui new-york v4 with Notion's colours, type,
+ * radii and shadows). `tests/tokens.test.ts` keeps them equal to the design system's token snapshot
+ * (`tests/fixtures/notion-tokens.json`); the kit's `softure-theme-css` turns them into `theme.css`.
+ */
+export declare const NOTION_THEME: {
+    readonly name: "Notion";
+    readonly colors: {
+        readonly background: {
+            readonly light: "#ffffff";
+            readonly dark: "#191919";
+        };
+        readonly foreground: {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly card: {
+            readonly light: "#ffffff";
+            readonly dark: "#202020";
+        };
+        readonly "card-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly popover: {
+            readonly light: "#ffffff";
+            readonly dark: "#252525";
+        };
+        readonly "popover-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly primary: {
+            readonly light: "#2383e2";
+            readonly dark: "#2383e2";
+        };
+        readonly "primary-foreground": {
+            readonly light: "#ffffff";
+            readonly dark: "#ffffff";
+        };
+        readonly "primary-hover": {
+            readonly light: "#0077d4";
+            readonly dark: "#0077d4";
+        };
+        readonly secondary: {
+            readonly light: "#f1f1ef";
+            readonly dark: "#2f2f2f";
+        };
+        readonly "secondary-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly muted: {
+            readonly light: "#f7f7f5";
+            readonly dark: "#202020";
+        };
+        readonly "muted-foreground": {
+            readonly light: "#787774";
+            readonly dark: "#9b9b9b";
+        };
+        readonly accent: {
+            readonly light: "rgba(55, 53, 47, 0.08)";
+            readonly dark: "rgba(255, 255, 255, 0.055)";
+        };
+        readonly "accent-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly "accent-strong": {
+            readonly light: "rgba(55, 53, 47, 0.16)";
+            readonly dark: "rgba(255, 255, 255, 0.1)";
+        };
+        readonly destructive: {
+            readonly light: "#eb5757";
+            readonly dark: "#eb5757";
+        };
+        readonly "destructive-foreground": {
+            readonly light: "#ffffff";
+            readonly dark: "#ffffff";
+        };
+        readonly border: {
+            readonly light: "#e9e9e7";
+            readonly dark: "#2f2f2f";
+        };
+        readonly input: {
+            readonly light: "rgba(15, 15, 15, 0.1)";
+            readonly dark: "rgba(255, 255, 255, 0.075)";
+        };
+        readonly field: {
+            readonly light: "rgba(242, 241, 238, 0.6)";
+            readonly dark: "rgba(255, 255, 255, 0.055)";
+        };
+        readonly "control-off": {
+            readonly light: "rgba(135, 131, 120, 0.3)";
+            readonly dark: "rgba(202, 196, 183, 0.15)";
+        };
+        readonly ring: {
+            readonly light: "rgba(35, 131, 226, 0.57)";
+            readonly dark: "rgba(35, 131, 226, 0.57)";
+        };
+        readonly sidebar: {
+            readonly light: "#f7f7f5";
+            readonly dark: "#202020";
+        };
+        readonly "sidebar-foreground": {
+            readonly light: "#5f5e5b";
+            readonly dark: "#9b9b9b";
+        };
+        readonly "sidebar-primary": {
+            readonly light: "#2383e2";
+            readonly dark: "#2383e2";
+        };
+        readonly "sidebar-primary-foreground": {
+            readonly light: "#ffffff";
+            readonly dark: "#ffffff";
+        };
+        readonly "sidebar-accent": {
+            readonly light: "rgba(55, 53, 47, 0.08)";
+            readonly dark: "rgba(255, 255, 255, 0.055)";
+        };
+        readonly "sidebar-accent-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly "sidebar-border": {
+            readonly light: "#ededeb";
+            readonly dark: "#2a2a2a";
+        };
+        readonly "sidebar-ring": {
+            readonly light: "rgba(35, 131, 226, 0.57)";
+            readonly dark: "rgba(35, 131, 226, 0.57)";
+        };
+        readonly tooltip: {
+            readonly light: "#0f0f0f";
+            readonly dark: "#373737";
+        };
+        readonly "tooltip-foreground": {
+            readonly light: "rgba(255, 255, 255, 0.9)";
+            readonly dark: "rgba(255, 255, 255, 0.9)";
+        };
+        readonly overlay: {
+            readonly light: "rgba(15, 15, 15, 0.6)";
+            readonly dark: "rgba(0, 0, 0, 0.6)";
+        };
+        readonly gray: {
+            readonly light: "#787774";
+            readonly dark: "#9b9b9b";
+        };
+        readonly "gray-bg": {
+            readonly light: "#f1f1ef";
+            readonly dark: "#2f2f2f";
+        };
+        readonly "gray-tag": {
+            readonly light: "#e3e2e0";
+            readonly dark: "#5a5a5a";
+        };
+        readonly "gray-tag-foreground": {
+            readonly light: "#32302c";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly brown: {
+            readonly light: "#9f6b53";
+            readonly dark: "#ba856f";
+        };
+        readonly "brown-bg": {
+            readonly light: "#f4eeee";
+            readonly dark: "#4a3228";
+        };
+        readonly "brown-tag": {
+            readonly light: "#eee0da";
+            readonly dark: "#603b2c";
+        };
+        readonly "brown-tag-foreground": {
+            readonly light: "#442a1e";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly orange: {
+            readonly light: "#d9730d";
+            readonly dark: "#c77d48";
+        };
+        readonly "orange-bg": {
+            readonly light: "#fbecdd";
+            readonly dark: "#5c3b23";
+        };
+        readonly "orange-tag": {
+            readonly light: "#fadec9";
+            readonly dark: "#854c1d";
+        };
+        readonly "orange-tag-foreground": {
+            readonly light: "#49290e";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly yellow: {
+            readonly light: "#cb912f";
+            readonly dark: "#ca984d";
+        };
+        readonly "yellow-bg": {
+            readonly light: "#fbf3db";
+            readonly dark: "#564328";
+        };
+        readonly "yellow-tag": {
+            readonly light: "#fdecc8";
+            readonly dark: "#89632a";
+        };
+        readonly "yellow-tag-foreground": {
+            readonly light: "#402c1b";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly green: {
+            readonly light: "#448361";
+            readonly dark: "#529e72";
+        };
+        readonly "green-bg": {
+            readonly light: "#edf3ec";
+            readonly dark: "#243d30";
+        };
+        readonly "green-tag": {
+            readonly light: "#dbeddb";
+            readonly dark: "#2b593f";
+        };
+        readonly "green-tag-foreground": {
+            readonly light: "#1c3829";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly blue: {
+            readonly light: "#337ea9";
+            readonly dark: "#379ad3";
+        };
+        readonly "blue-bg": {
+            readonly light: "#e7f3f8";
+            readonly dark: "#143a4e";
+        };
+        readonly "blue-tag": {
+            readonly light: "#d3e5ef";
+            readonly dark: "#28456c";
+        };
+        readonly "blue-tag-foreground": {
+            readonly light: "#183347";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly purple: {
+            readonly light: "#9065b0";
+            readonly dark: "#9d68d3";
+        };
+        readonly "purple-bg": {
+            readonly light: "#f6f3f9";
+            readonly dark: "#3c2d49";
+        };
+        readonly "purple-tag": {
+            readonly light: "#e8deee";
+            readonly dark: "#492f64";
+        };
+        readonly "purple-tag-foreground": {
+            readonly light: "#412454";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly pink: {
+            readonly light: "#c14c8a";
+            readonly dark: "#d15796";
+        };
+        readonly "pink-bg": {
+            readonly light: "#faf1f5";
+            readonly dark: "#4e2c3c";
+        };
+        readonly "pink-tag": {
+            readonly light: "#f5e0e9";
+            readonly dark: "#69314c";
+        };
+        readonly "pink-tag-foreground": {
+            readonly light: "#4c2337";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly red: {
+            readonly light: "#d44c47";
+            readonly dark: "#df5452";
+        };
+        readonly "red-bg": {
+            readonly light: "#fdebec";
+            readonly dark: "#522e2a";
+        };
+        readonly "red-tag": {
+            readonly light: "#ffe2dd";
+            readonly dark: "#6e3630";
+        };
+        readonly "red-tag-foreground": {
+            readonly light: "#5d1715";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly "default-tag": {
+            readonly light: "#f1f0ef";
+            readonly dark: "#373737";
+        };
+        readonly "default-tag-foreground": {
+            readonly light: "#32302c";
+            readonly dark: "#d4d4d4";
+        };
+        readonly "chart-1": {
+            readonly alias: "blue";
+        };
+        readonly "chart-2": {
+            readonly alias: "orange";
+        };
+        readonly "chart-3": {
+            readonly alias: "green";
+        };
+        readonly "chart-4": {
+            readonly alias: "purple";
+        };
+        readonly "chart-5": {
+            readonly alias: "pink";
+        };
+    };
+    readonly shadows: {
+        readonly menu: {
+            readonly light: "0 0 0 1px rgba(15, 15, 15, 0.05), 0 3px 6px rgba(15, 15, 15, 0.1), 0 9px 24px rgba(15, 15, 15, 0.2)";
+            readonly dark: "0 0 0 1px rgba(255, 255, 255, 0.094), 0 3px 6px rgba(0, 0, 0, 0.2), 0 9px 24px rgba(0, 0, 0, 0.4)";
+        };
+        readonly dialog: {
+            readonly light: "0 0 0 1px rgba(15, 15, 15, 0.05), 0 5px 10px rgba(15, 15, 15, 0.1), 0 15px 40px rgba(15, 15, 15, 0.2)";
+            readonly dark: "0 0 0 1px rgba(255, 255, 255, 0.094), 0 5px 10px rgba(0, 0, 0, 0.3), 0 15px 40px rgba(0, 0, 0, 0.5)";
+        };
+        readonly card: {
+            readonly light: "0 0 0 1px rgba(15, 15, 15, 0.1), 0 2px 4px rgba(15, 15, 15, 0.1)";
+            readonly dark: "0 0 0 1px rgba(255, 255, 255, 0.094), 0 2px 4px rgba(0, 0, 0, 0.3)";
+        };
+    };
+    readonly fonts: {
+        readonly sans: "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI Variable Display\", \"Segoe UI\", Helvetica, Arial, sans-serif";
+        readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", serif";
+    };
+    readonly textStyles: {
+        readonly "page-title": {
+            readonly fontSize: "40px";
+            readonly lineHeight: "48px";
+            readonly fontWeight: 700;
+            readonly letterSpacing: "-0.01em";
+        };
+        readonly "heading-1": {
+            readonly fontSize: "30px";
+            readonly lineHeight: "39px";
+            readonly fontWeight: 600;
+        };
+        readonly "heading-2": {
+            readonly fontSize: "24px";
+            readonly lineHeight: "31px";
+            readonly fontWeight: 600;
+        };
+        readonly "heading-3": {
+            readonly fontSize: "20px";
+            readonly lineHeight: "26px";
+            readonly fontWeight: 600;
+        };
+        readonly body: {
+            readonly fontSize: "16px";
+            readonly lineHeight: "24px";
+            readonly fontWeight: 400;
+        };
+        readonly ui: {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+        readonly "ui-medium": {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 500;
+        };
+        readonly small: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 400;
+        };
+        readonly "section-label": {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 500;
+            readonly letterSpacing: "0.01em";
+        };
+        readonly code: {
+            readonly fontSize: "13px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+    };
+    readonly radii: {
+        readonly xs: "3px";
+        readonly sm: "4px";
+        readonly md: "6px";
+        readonly lg: "8px";
+        readonly xl: "10px";
+        readonly full: "9999px";
+    };
+    readonly sizes: {
+        readonly "sidebar-width": "240px";
+        readonly "content-width": "708px";
+        readonly "content-width-wide": "1152px";
+        readonly "control-height": "28px";
+        readonly "row-height": "34px";
+    };
+    readonly clearDefaultPalette: true;
+};
+/** The theme under the name every theme package exports, so an app swaps themes by the import path alone. */
+export declare const theme: {
+    readonly name: "Notion";
+    readonly colors: {
+        readonly background: {
+            readonly light: "#ffffff";
+            readonly dark: "#191919";
+        };
+        readonly foreground: {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly card: {
+            readonly light: "#ffffff";
+            readonly dark: "#202020";
+        };
+        readonly "card-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly popover: {
+            readonly light: "#ffffff";
+            readonly dark: "#252525";
+        };
+        readonly "popover-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly primary: {
+            readonly light: "#2383e2";
+            readonly dark: "#2383e2";
+        };
+        readonly "primary-foreground": {
+            readonly light: "#ffffff";
+            readonly dark: "#ffffff";
+        };
+        readonly "primary-hover": {
+            readonly light: "#0077d4";
+            readonly dark: "#0077d4";
+        };
+        readonly secondary: {
+            readonly light: "#f1f1ef";
+            readonly dark: "#2f2f2f";
+        };
+        readonly "secondary-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly muted: {
+            readonly light: "#f7f7f5";
+            readonly dark: "#202020";
+        };
+        readonly "muted-foreground": {
+            readonly light: "#787774";
+            readonly dark: "#9b9b9b";
+        };
+        readonly accent: {
+            readonly light: "rgba(55, 53, 47, 0.08)";
+            readonly dark: "rgba(255, 255, 255, 0.055)";
+        };
+        readonly "accent-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly "accent-strong": {
+            readonly light: "rgba(55, 53, 47, 0.16)";
+            readonly dark: "rgba(255, 255, 255, 0.1)";
+        };
+        readonly destructive: {
+            readonly light: "#eb5757";
+            readonly dark: "#eb5757";
+        };
+        readonly "destructive-foreground": {
+            readonly light: "#ffffff";
+            readonly dark: "#ffffff";
+        };
+        readonly border: {
+            readonly light: "#e9e9e7";
+            readonly dark: "#2f2f2f";
+        };
+        readonly input: {
+            readonly light: "rgba(15, 15, 15, 0.1)";
+            readonly dark: "rgba(255, 255, 255, 0.075)";
+        };
+        readonly field: {
+            readonly light: "rgba(242, 241, 238, 0.6)";
+            readonly dark: "rgba(255, 255, 255, 0.055)";
+        };
+        readonly "control-off": {
+            readonly light: "rgba(135, 131, 120, 0.3)";
+            readonly dark: "rgba(202, 196, 183, 0.15)";
+        };
+        readonly ring: {
+            readonly light: "rgba(35, 131, 226, 0.57)";
+            readonly dark: "rgba(35, 131, 226, 0.57)";
+        };
+        readonly sidebar: {
+            readonly light: "#f7f7f5";
+            readonly dark: "#202020";
+        };
+        readonly "sidebar-foreground": {
+            readonly light: "#5f5e5b";
+            readonly dark: "#9b9b9b";
+        };
+        readonly "sidebar-primary": {
+            readonly light: "#2383e2";
+            readonly dark: "#2383e2";
+        };
+        readonly "sidebar-primary-foreground": {
+            readonly light: "#ffffff";
+            readonly dark: "#ffffff";
+        };
+        readonly "sidebar-accent": {
+            readonly light: "rgba(55, 53, 47, 0.08)";
+            readonly dark: "rgba(255, 255, 255, 0.055)";
+        };
+        readonly "sidebar-accent-foreground": {
+            readonly light: "#37352f";
+            readonly dark: "#d4d4d4";
+        };
+        readonly "sidebar-border": {
+            readonly light: "#ededeb";
+            readonly dark: "#2a2a2a";
+        };
+        readonly "sidebar-ring": {
+            readonly light: "rgba(35, 131, 226, 0.57)";
+            readonly dark: "rgba(35, 131, 226, 0.57)";
+        };
+        readonly tooltip: {
+            readonly light: "#0f0f0f";
+            readonly dark: "#373737";
+        };
+        readonly "tooltip-foreground": {
+            readonly light: "rgba(255, 255, 255, 0.9)";
+            readonly dark: "rgba(255, 255, 255, 0.9)";
+        };
+        readonly overlay: {
+            readonly light: "rgba(15, 15, 15, 0.6)";
+            readonly dark: "rgba(0, 0, 0, 0.6)";
+        };
+        readonly gray: {
+            readonly light: "#787774";
+            readonly dark: "#9b9b9b";
+        };
+        readonly "gray-bg": {
+            readonly light: "#f1f1ef";
+            readonly dark: "#2f2f2f";
+        };
+        readonly "gray-tag": {
+            readonly light: "#e3e2e0";
+            readonly dark: "#5a5a5a";
+        };
+        readonly "gray-tag-foreground": {
+            readonly light: "#32302c";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly brown: {
+            readonly light: "#9f6b53";
+            readonly dark: "#ba856f";
+        };
+        readonly "brown-bg": {
+            readonly light: "#f4eeee";
+            readonly dark: "#4a3228";
+        };
+        readonly "brown-tag": {
+            readonly light: "#eee0da";
+            readonly dark: "#603b2c";
+        };
+        readonly "brown-tag-foreground": {
+            readonly light: "#442a1e";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly orange: {
+            readonly light: "#d9730d";
+            readonly dark: "#c77d48";
+        };
+        readonly "orange-bg": {
+            readonly light: "#fbecdd";
+            readonly dark: "#5c3b23";
+        };
+        readonly "orange-tag": {
+            readonly light: "#fadec9";
+            readonly dark: "#854c1d";
+        };
+        readonly "orange-tag-foreground": {
+            readonly light: "#49290e";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly yellow: {
+            readonly light: "#cb912f";
+            readonly dark: "#ca984d";
+        };
+        readonly "yellow-bg": {
+            readonly light: "#fbf3db";
+            readonly dark: "#564328";
+        };
+        readonly "yellow-tag": {
+            readonly light: "#fdecc8";
+            readonly dark: "#89632a";
+        };
+        readonly "yellow-tag-foreground": {
+            readonly light: "#402c1b";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly green: {
+            readonly light: "#448361";
+            readonly dark: "#529e72";
+        };
+        readonly "green-bg": {
+            readonly light: "#edf3ec";
+            readonly dark: "#243d30";
+        };
+        readonly "green-tag": {
+            readonly light: "#dbeddb";
+            readonly dark: "#2b593f";
+        };
+        readonly "green-tag-foreground": {
+            readonly light: "#1c3829";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly blue: {
+            readonly light: "#337ea9";
+            readonly dark: "#379ad3";
+        };
+        readonly "blue-bg": {
+            readonly light: "#e7f3f8";
+            readonly dark: "#143a4e";
+        };
+        readonly "blue-tag": {
+            readonly light: "#d3e5ef";
+            readonly dark: "#28456c";
+        };
+        readonly "blue-tag-foreground": {
+            readonly light: "#183347";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly purple: {
+            readonly light: "#9065b0";
+            readonly dark: "#9d68d3";
+        };
+        readonly "purple-bg": {
+            readonly light: "#f6f3f9";
+            readonly dark: "#3c2d49";
+        };
+        readonly "purple-tag": {
+            readonly light: "#e8deee";
+            readonly dark: "#492f64";
+        };
+        readonly "purple-tag-foreground": {
+            readonly light: "#412454";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly pink: {
+            readonly light: "#c14c8a";
+            readonly dark: "#d15796";
+        };
+        readonly "pink-bg": {
+            readonly light: "#faf1f5";
+            readonly dark: "#4e2c3c";
+        };
+        readonly "pink-tag": {
+            readonly light: "#f5e0e9";
+            readonly dark: "#69314c";
+        };
+        readonly "pink-tag-foreground": {
+            readonly light: "#4c2337";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly red: {
+            readonly light: "#d44c47";
+            readonly dark: "#df5452";
+        };
+        readonly "red-bg": {
+            readonly light: "#fdebec";
+            readonly dark: "#522e2a";
+        };
+        readonly "red-tag": {
+            readonly light: "#ffe2dd";
+            readonly dark: "#6e3630";
+        };
+        readonly "red-tag-foreground": {
+            readonly light: "#5d1715";
+            readonly dark: "rgba(255, 255, 255, 0.81)";
+        };
+        readonly "default-tag": {
+            readonly light: "#f1f0ef";
+            readonly dark: "#373737";
+        };
+        readonly "default-tag-foreground": {
+            readonly light: "#32302c";
+            readonly dark: "#d4d4d4";
+        };
+        readonly "chart-1": {
+            readonly alias: "blue";
+        };
+        readonly "chart-2": {
+            readonly alias: "orange";
+        };
+        readonly "chart-3": {
+            readonly alias: "green";
+        };
+        readonly "chart-4": {
+            readonly alias: "purple";
+        };
+        readonly "chart-5": {
+            readonly alias: "pink";
+        };
+    };
+    readonly shadows: {
+        readonly menu: {
+            readonly light: "0 0 0 1px rgba(15, 15, 15, 0.05), 0 3px 6px rgba(15, 15, 15, 0.1), 0 9px 24px rgba(15, 15, 15, 0.2)";
+            readonly dark: "0 0 0 1px rgba(255, 255, 255, 0.094), 0 3px 6px rgba(0, 0, 0, 0.2), 0 9px 24px rgba(0, 0, 0, 0.4)";
+        };
+        readonly dialog: {
+            readonly light: "0 0 0 1px rgba(15, 15, 15, 0.05), 0 5px 10px rgba(15, 15, 15, 0.1), 0 15px 40px rgba(15, 15, 15, 0.2)";
+            readonly dark: "0 0 0 1px rgba(255, 255, 255, 0.094), 0 5px 10px rgba(0, 0, 0, 0.3), 0 15px 40px rgba(0, 0, 0, 0.5)";
+        };
+        readonly card: {
+            readonly light: "0 0 0 1px rgba(15, 15, 15, 0.1), 0 2px 4px rgba(15, 15, 15, 0.1)";
+            readonly dark: "0 0 0 1px rgba(255, 255, 255, 0.094), 0 2px 4px rgba(0, 0, 0, 0.3)";
+        };
+    };
+    readonly fonts: {
+        readonly sans: "ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI Variable Display\", \"Segoe UI\", Helvetica, Arial, sans-serif";
+        readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
+        readonly serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", serif";
+    };
+    readonly textStyles: {
+        readonly "page-title": {
+            readonly fontSize: "40px";
+            readonly lineHeight: "48px";
+            readonly fontWeight: 700;
+            readonly letterSpacing: "-0.01em";
+        };
+        readonly "heading-1": {
+            readonly fontSize: "30px";
+            readonly lineHeight: "39px";
+            readonly fontWeight: 600;
+        };
+        readonly "heading-2": {
+            readonly fontSize: "24px";
+            readonly lineHeight: "31px";
+            readonly fontWeight: 600;
+        };
+        readonly "heading-3": {
+            readonly fontSize: "20px";
+            readonly lineHeight: "26px";
+            readonly fontWeight: 600;
+        };
+        readonly body: {
+            readonly fontSize: "16px";
+            readonly lineHeight: "24px";
+            readonly fontWeight: 400;
+        };
+        readonly ui: {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+        readonly "ui-medium": {
+            readonly fontSize: "14px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 500;
+        };
+        readonly small: {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 400;
+        };
+        readonly "section-label": {
+            readonly fontSize: "12px";
+            readonly lineHeight: "16px";
+            readonly fontWeight: 500;
+            readonly letterSpacing: "0.01em";
+        };
+        readonly code: {
+            readonly fontSize: "13px";
+            readonly lineHeight: "20px";
+            readonly fontWeight: 400;
+        };
+    };
+    readonly radii: {
+        readonly xs: "3px";
+        readonly sm: "4px";
+        readonly md: "6px";
+        readonly lg: "8px";
+        readonly xl: "10px";
+        readonly full: "9999px";
+    };
+    readonly sizes: {
+        readonly "sidebar-width": "240px";
+        readonly "content-width": "708px";
+        readonly "content-width-wide": "1152px";
+        readonly "control-height": "28px";
+        readonly "row-height": "34px";
+    };
+    readonly clearDefaultPalette: true;
+};
+//# sourceMappingURL=tokens.d.ts.map