@tuuject/koi-tokens 0.0.0-stage → 0.1.0

package/dist/native.d.ts

@@ -0,0 +1,374 @@
+export { space, radii, sizes, layers, components } from './dimensions.js';
+export declare const colors: {
+    readonly light: {
+        readonly "page-bg": "#ffffff";
+        readonly surface: "#ffffff";
+        readonly "surface-muted": "#f3f4f6";
+        readonly "surface-glass": "rgba(255, 255, 255, 0.8)";
+        readonly "surface-glass-tint": "rgba(255, 255, 255, 0.8)";
+        readonly backdrop: "rgba(0, 0, 0, 0.4)";
+        readonly "tooltip-bg": "#101828";
+        readonly "tooltip-text": "#ffffff";
+        readonly text: "#000000";
+        readonly "text-muted": "rgba(0, 0, 0, 0.6)";
+        readonly "text-disabled": "rgba(0, 0, 0, 0.38)";
+        readonly "text-brand": "#0069a8";
+        readonly border: "#e5e7eb";
+        readonly "border-control": "#6a7282";
+        readonly "border-control-hover": "#4a5565";
+        readonly divider: "rgba(0, 0, 0, 0.1)";
+        readonly "focus-ring": "#0084d1";
+        readonly action: "#0069a8";
+        readonly "action-hover": "#00598a";
+        readonly "on-action": "#ffffff";
+        readonly "action-subtle": "#dff2fe";
+        readonly "action-subtle-hover": "#b8e6fe";
+        readonly "on-action-subtle": "#00598a";
+        readonly "control-checked": "#0069a8";
+        readonly link: "#bb4d00";
+        readonly "link-border": "#ffd230";
+        readonly "link-hover-bg": "#fef3c6";
+        readonly "link-hover-border": "#fe9a00";
+        readonly danger: "#e7000b";
+        readonly "danger-hover": "#c10007";
+        readonly "info-surface": "#f0f9ff";
+        readonly "info-border": "#b8e6fe";
+        readonly "info-text": "#00598a";
+        readonly "warning-surface": "#fefce8";
+        readonly "warning-border": "#ffdf20";
+        readonly "warning-text": "#894b00";
+        readonly "error-surface": "#fef2f2";
+        readonly "error-border": "#ffa2a2";
+        readonly "error-text": "#c10007";
+        readonly "error-control": "#e7000b";
+        readonly highlight: "#fef3c6";
+        readonly "on-highlight": "#973c00";
+        readonly "nav-item-text": "#364153";
+        readonly "nav-item-hover": "#f9fafb";
+        readonly "table-row-hover": "#f9fafb";
+        readonly "nav-item-active": "#f3f4f6";
+        readonly skeleton: "#f3f4f6";
+        readonly "skeleton-highlight": "#f9fafb";
+        readonly "prose-text": "#364153";
+        readonly "code-block-bg": "#1e2939";
+        readonly "code-block-text": "#e5e7eb";
+        readonly "primary-solid": "#0069a8";
+        readonly "primary-solid-hover": "#00598a";
+        readonly "on-primary-solid": "#ffffff";
+        readonly "primary-soft": "#dff2fe";
+        readonly "primary-soft-hover": "#b8e6fe";
+        readonly "on-primary-soft": "#00598a";
+        readonly "primary-fg": "#0069a8";
+        readonly "primary-edge": "#0084d1";
+        readonly "accent-solid": "#ffb900";
+        readonly "accent-solid-hover": "#ffd230";
+        readonly "on-accent-solid": "#461901";
+        readonly "accent-soft": "#fef3c6";
+        readonly "accent-soft-hover": "#fee685";
+        readonly "on-accent-soft": "#973c00";
+        readonly "accent-fg": "#bb4d00";
+        readonly "accent-edge": "#e17100";
+        readonly "secondary-solid": "#364153";
+        readonly "secondary-solid-hover": "#1e2939";
+        readonly "on-secondary-solid": "#ffffff";
+        readonly "secondary-soft": "#f3f4f6";
+        readonly "secondary-soft-hover": "#e5e7eb";
+        readonly "on-secondary-soft": "#1e2939";
+        readonly "secondary-fg": "#364153";
+        readonly "secondary-edge": "#6a7282";
+        readonly "warning-solid": "#fdc700";
+        readonly "warning-solid-hover": "#ffdf20";
+        readonly "on-warning-solid": "#432004";
+        readonly "warning-soft": "#fef9c2";
+        readonly "warning-soft-hover": "#fff085";
+        readonly "on-warning-soft": "#894b00";
+        readonly "warning-fg": "#a65f00";
+        readonly "warning-edge": "#a65f00";
+        readonly "error-solid": "#e7000b";
+        readonly "error-solid-hover": "#c10007";
+        readonly "on-error-solid": "#ffffff";
+        readonly "error-soft": "#ffe2e2";
+        readonly "error-soft-hover": "#ffc9c9";
+        readonly "on-error-soft": "#9f0712";
+        readonly "error-fg": "#c10007";
+        readonly "error-edge": "#e7000b";
+        readonly "primary-50": "#f0f9ff";
+        readonly "primary-100": "#dff2fe";
+        readonly "primary-200": "#b8e6fe";
+        readonly "primary-300": "#74d4ff";
+        readonly "primary-400": "#00bcff";
+        readonly "primary-500": "#00a6f4";
+        readonly "primary-600": "#0084d1";
+        readonly "primary-700": "#0069a8";
+        readonly "primary-800": "#00598a";
+        readonly "primary-900": "#024a70";
+        readonly "primary-950": "#052f4a";
+        readonly "accent-50": "#fffbeb";
+        readonly "accent-100": "#fef3c6";
+        readonly "accent-200": "#fee685";
+        readonly "accent-300": "#ffd230";
+        readonly "accent-400": "#ffb900";
+        readonly "accent-500": "#fe9a00";
+        readonly "accent-600": "#e17100";
+        readonly "accent-700": "#bb4d00";
+        readonly "accent-800": "#973c00";
+        readonly "accent-900": "#7b3306";
+        readonly "accent-950": "#461901";
+        readonly "secondary-50": "#f9fafb";
+        readonly "secondary-100": "#f3f4f6";
+        readonly "secondary-200": "#e5e7eb";
+        readonly "secondary-300": "#d1d5dc";
+        readonly "secondary-400": "#99a1af";
+        readonly "secondary-500": "#6a7282";
+        readonly "secondary-600": "#4a5565";
+        readonly "secondary-700": "#364153";
+        readonly "secondary-800": "#1e2939";
+        readonly "secondary-900": "#101828";
+        readonly "secondary-950": "#030712";
+        readonly "warning-50": "#fefce8";
+        readonly "warning-100": "#fef9c2";
+        readonly "warning-200": "#fff085";
+        readonly "warning-300": "#ffdf20";
+        readonly "warning-400": "#fdc700";
+        readonly "warning-500": "#f0b100";
+        readonly "warning-600": "#d08700";
+        readonly "warning-700": "#a65f00";
+        readonly "warning-800": "#894b00";
+        readonly "warning-900": "#733e0a";
+        readonly "warning-950": "#432004";
+        readonly "error-50": "#fef2f2";
+        readonly "error-100": "#ffe2e2";
+        readonly "error-200": "#ffc9c9";
+        readonly "error-300": "#ffa2a2";
+        readonly "error-400": "#ff6467";
+        readonly "error-500": "#fb2c36";
+        readonly "error-600": "#e7000b";
+        readonly "error-700": "#c10007";
+        readonly "error-800": "#9f0712";
+        readonly "error-900": "#82181a";
+        readonly "error-950": "#460809";
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+    };
+    readonly dark: {
+        readonly "page-bg": "#030712";
+        readonly surface: "#101828";
+        readonly "surface-muted": "#1e2939";
+        readonly "surface-glass": "rgba(3, 7, 18, 0.7)";
+        readonly "surface-glass-tint": "rgba(5, 47, 74, 0.8)";
+        readonly backdrop: "rgba(0, 0, 0, 0.6)";
+        readonly "tooltip-bg": "#f3f4f6";
+        readonly "tooltip-text": "#000000";
+        readonly text: "#ffffff";
+        readonly "text-muted": "rgba(255, 255, 255, 0.6)";
+        readonly "text-disabled": "rgba(255, 255, 255, 0.38)";
+        readonly "text-brand": "#74d4ff";
+        readonly border: "#1e2939";
+        readonly "border-control": "#6a7282";
+        readonly "border-control-hover": "#99a1af";
+        readonly divider: "rgba(255, 255, 255, 0.1)";
+        readonly "focus-ring": "#00bcff";
+        readonly action: "#0069a8";
+        readonly "action-hover": "#00598a";
+        readonly "on-action": "#ffffff";
+        readonly "action-subtle": "#052f4a";
+        readonly "action-subtle-hover": "#024a70";
+        readonly "on-action-subtle": "#b8e6fe";
+        readonly "control-checked": "#0084d1";
+        readonly link: "#ffb900";
+        readonly "link-border": "#973c00";
+        readonly "link-hover-bg": "#461901";
+        readonly "link-hover-border": "#e17100";
+        readonly danger: "#e7000b";
+        readonly "danger-hover": "#c10007";
+        readonly "info-surface": "#052f4a";
+        readonly "info-border": "#00598a";
+        readonly "info-text": "#b8e6fe";
+        readonly "warning-surface": "#432004";
+        readonly "warning-border": "#894b00";
+        readonly "warning-text": "#fff085";
+        readonly "error-surface": "#460809";
+        readonly "error-border": "#9f0712";
+        readonly "error-text": "#ffa2a2";
+        readonly "error-control": "#ff6467";
+        readonly highlight: "#461901";
+        readonly "on-highlight": "#fee685";
+        readonly "nav-item-text": "#d1d5dc";
+        readonly "nav-item-hover": "#101828";
+        readonly "table-row-hover": "rgba(30, 41, 57, 0.5)";
+        readonly "nav-item-active": "#1e2939";
+        readonly skeleton: "#1e2939";
+        readonly "skeleton-highlight": "#364153";
+        readonly "prose-text": "#d1d5dc";
+        readonly "code-block-bg": "#1e2939";
+        readonly "code-block-text": "#d1d5dc";
+        readonly "primary-solid": "#0069a8";
+        readonly "primary-solid-hover": "#00598a";
+        readonly "on-primary-solid": "#ffffff";
+        readonly "primary-soft": "#052f4a";
+        readonly "primary-soft-hover": "#024a70";
+        readonly "on-primary-soft": "#b8e6fe";
+        readonly "primary-fg": "#74d4ff";
+        readonly "primary-edge": "#00bcff";
+        readonly "accent-solid": "#ffb900";
+        readonly "accent-solid-hover": "#ffd230";
+        readonly "on-accent-solid": "#461901";
+        readonly "accent-soft": "#461901";
+        readonly "accent-soft-hover": "#7b3306";
+        readonly "on-accent-soft": "#fee685";
+        readonly "accent-fg": "#ffb900";
+        readonly "accent-edge": "#fe9a00";
+        readonly "secondary-solid": "#e5e7eb";
+        readonly "secondary-solid-hover": "#d1d5dc";
+        readonly "on-secondary-solid": "#030712";
+        readonly "secondary-soft": "#1e2939";
+        readonly "secondary-soft-hover": "#364153";
+        readonly "on-secondary-soft": "#f3f4f6";
+        readonly "secondary-fg": "#d1d5dc";
+        readonly "secondary-edge": "#6a7282";
+        readonly "warning-solid": "#fdc700";
+        readonly "warning-solid-hover": "#ffdf20";
+        readonly "on-warning-solid": "#432004";
+        readonly "warning-soft": "#432004";
+        readonly "warning-soft-hover": "#733e0a";
+        readonly "on-warning-soft": "#fff085";
+        readonly "warning-fg": "#fdc700";
+        readonly "warning-edge": "#f0b100";
+        readonly "error-solid": "#e7000b";
+        readonly "error-solid-hover": "#c10007";
+        readonly "on-error-solid": "#ffffff";
+        readonly "error-soft": "#460809";
+        readonly "error-soft-hover": "#82181a";
+        readonly "on-error-soft": "#ffc9c9";
+        readonly "error-fg": "#ff6467";
+        readonly "error-edge": "#ff6467";
+        readonly "primary-50": "#f0f9ff";
+        readonly "primary-100": "#dff2fe";
+        readonly "primary-200": "#b8e6fe";
+        readonly "primary-300": "#74d4ff";
+        readonly "primary-400": "#00bcff";
+        readonly "primary-500": "#00a6f4";
+        readonly "primary-600": "#0084d1";
+        readonly "primary-700": "#0069a8";
+        readonly "primary-800": "#00598a";
+        readonly "primary-900": "#024a70";
+        readonly "primary-950": "#052f4a";
+        readonly "accent-50": "#fffbeb";
+        readonly "accent-100": "#fef3c6";
+        readonly "accent-200": "#fee685";
+        readonly "accent-300": "#ffd230";
+        readonly "accent-400": "#ffb900";
+        readonly "accent-500": "#fe9a00";
+        readonly "accent-600": "#e17100";
+        readonly "accent-700": "#bb4d00";
+        readonly "accent-800": "#973c00";
+        readonly "accent-900": "#7b3306";
+        readonly "accent-950": "#461901";
+        readonly "secondary-50": "#f9fafb";
+        readonly "secondary-100": "#f3f4f6";
+        readonly "secondary-200": "#e5e7eb";
+        readonly "secondary-300": "#d1d5dc";
+        readonly "secondary-400": "#99a1af";
+        readonly "secondary-500": "#6a7282";
+        readonly "secondary-600": "#4a5565";
+        readonly "secondary-700": "#364153";
+        readonly "secondary-800": "#1e2939";
+        readonly "secondary-900": "#101828";
+        readonly "secondary-950": "#030712";
+        readonly "warning-50": "#fefce8";
+        readonly "warning-100": "#fef9c2";
+        readonly "warning-200": "#fff085";
+        readonly "warning-300": "#ffdf20";
+        readonly "warning-400": "#fdc700";
+        readonly "warning-500": "#f0b100";
+        readonly "warning-600": "#d08700";
+        readonly "warning-700": "#a65f00";
+        readonly "warning-800": "#894b00";
+        readonly "warning-900": "#733e0a";
+        readonly "warning-950": "#432004";
+        readonly "error-50": "#fef2f2";
+        readonly "error-100": "#ffe2e2";
+        readonly "error-200": "#ffc9c9";
+        readonly "error-300": "#ffa2a2";
+        readonly "error-400": "#ff6467";
+        readonly "error-500": "#fb2c36";
+        readonly "error-600": "#e7000b";
+        readonly "error-700": "#c10007";
+        readonly "error-800": "#9f0712";
+        readonly "error-900": "#82181a";
+        readonly "error-950": "#460809";
+        readonly white: "#ffffff";
+        readonly black: "#000000";
+    };
+};
+export declare const blur: {
+    readonly panel: 24;
+    readonly float: 40;
+};
+export declare const type: {
+    readonly display: {
+        readonly fontSize: 30;
+        readonly lineHeight: 38;
+        readonly fontWeight: "700";
+    };
+    readonly "heading-1": {
+        readonly fontSize: 24;
+        readonly lineHeight: 32;
+        readonly fontWeight: "700";
+    };
+    readonly "heading-2": {
+        readonly fontSize: 20;
+        readonly lineHeight: 28;
+        readonly fontWeight: "700";
+    };
+    readonly "heading-3": {
+        readonly fontSize: 16;
+        readonly lineHeight: 24;
+        readonly fontWeight: "700";
+    };
+    readonly prose: {
+        readonly fontSize: 16;
+        readonly lineHeight: 28;
+        readonly fontWeight: "400";
+    };
+    readonly body: {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly fontWeight: "400";
+    };
+    readonly small: {
+        readonly fontSize: 12;
+        readonly lineHeight: 16;
+        readonly fontWeight: "400";
+    };
+    readonly caption: {
+        readonly fontSize: 12;
+        readonly lineHeight: 16;
+        readonly fontWeight: "700";
+    };
+    readonly label: {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly fontWeight: "700";
+    };
+    readonly button: {
+        readonly fontSize: 14;
+        readonly lineHeight: 20;
+        readonly fontWeight: "600";
+    };
+    readonly "button-sm": {
+        readonly fontSize: 12;
+        readonly lineHeight: 16;
+        readonly fontWeight: "600";
+    };
+};
+export declare const fontStacks: {
+    readonly sans: "-apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif";
+    readonly chill: "\"ChillRoundF\", -apple-system, BlinkMacSystemFont, \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif";
+};
+export declare const motion: {
+    readonly springBezier: readonly [0.47, 1.64, 0.41, 0.8];
+    readonly fastMs: 150;
+};
+export type ThemeName = keyof typeof colors;
+export type ColorToken = keyof typeof colors.light;