@planningcenter/doxy 1.1.0 → 1.2.1

package/dist/build-output/ts/color-tokens.d.ts

@@ -0,0 +1,777 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const colorTokens: {
+    readonly "--d-border-color": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 88%)";
+            readonly hex: "#e0e0e0";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+    };
+    readonly "--d-border-color-button-delete": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+    };
+    readonly "--d-border-color-button-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 88%)";
+            readonly hex: "#e0e0e0";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+    };
+    readonly "--d-border-color-dark": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+    };
+    readonly "--d-border-color-dim": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 95%)";
+            readonly hex: "#f2f2f2";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 17%)";
+            readonly hex: "#2b2b2b";
+        };
+    };
+    readonly "--d-border-color-status-warning": {
+        readonly light: {
+            readonly hsl: "hsl(42, 90%, 60%)";
+            readonly hex: "#f5be3d";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(42, 81%, 56%)";
+            readonly hex: "#eab334";
+        };
+    };
+    readonly "--d-fill-color-button-delete-outline": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 32%, 8%)";
+            readonly hex: "#1b0e0e";
+        };
+    };
+    readonly "--d-fill-color-button-delete-outline-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 7%)";
+            readonly hex: "#121212";
+        };
+    };
+    readonly "--d-fill-color-button-delete-solid": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+    };
+    readonly "--d-fill-color-button-delete-solid-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 93%)";
+            readonly hex: "#ededed";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+    };
+    readonly "--d-fill-color-button-interaction-outline": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 7%)";
+            readonly hex: "#121212";
+        };
+    };
+    readonly "--d-fill-color-button-interaction-outline-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 7%)";
+            readonly hex: "#121212";
+        };
+    };
+    readonly "--d-fill-color-button-interaction-solid-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 95%)";
+            readonly hex: "#f2f2f2";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+    };
+    readonly "--d-fill-color-neutral-000": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 12%)";
+            readonly hex: "#1f1f1f";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 98%)";
+            readonly hex: "#fafafa";
+        };
+    };
+    readonly "--d-fill-color-neutral-010": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 88%)";
+            readonly hex: "#e0e0e0";
+        };
+    };
+    readonly "--d-fill-color-neutral-020": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 45%)";
+            readonly hex: "#737373";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 68%)";
+            readonly hex: "#adadad";
+        };
+    };
+    readonly "--d-fill-color-neutral-030": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 58%)";
+            readonly hex: "#949494";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 50%)";
+            readonly hex: "#808080";
+        };
+    };
+    readonly "--d-fill-color-neutral-040": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+    };
+    readonly "--d-fill-color-neutral-050": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 88%)";
+            readonly hex: "#e0e0e0";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+    };
+    readonly "--d-fill-color-neutral-060": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 93%)";
+            readonly hex: "#ededed";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 19%)";
+            readonly hex: "#303030";
+        };
+    };
+    readonly "--d-fill-color-neutral-070": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 95%)";
+            readonly hex: "#f2f2f2";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 17%)";
+            readonly hex: "#2b2b2b";
+        };
+    };
+    readonly "--d-fill-color-neutral-080": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 97%)";
+            readonly hex: "#f7f7f7";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 15%)";
+            readonly hex: "#262626";
+        };
+    };
+    readonly "--d-fill-color-neutral-090": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 98%)";
+            readonly hex: "#fafafa";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 12%)";
+            readonly hex: "#1f1f1f";
+        };
+    };
+    readonly "--d-fill-color-neutral-100": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 7%)";
+            readonly hex: "#121212";
+        };
+    };
+    readonly "--d-fill-color-status-error-ghost": {
+        readonly light: {
+            readonly hsl: "hsl(0, 80%, 96%)";
+            readonly hex: "#fdeded";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 19%, 15%)";
+            readonly hex: "#2e1f1f";
+        };
+    };
+    readonly "--d-fill-color-status-info-ghost": {
+        readonly light: {
+            readonly hsl: "hsl(210, 100%, 96%)";
+            readonly hex: "#ebf5ff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(210, 79%, 15%)";
+            readonly hex: "#082644";
+        };
+    };
+    readonly "--d-fill-color-status-neutral-ghost": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 95%)";
+            readonly hex: "#f2f2f2";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 13%)";
+            readonly hex: "#212121";
+        };
+    };
+    readonly "--d-fill-color-status-success-ghost": {
+        readonly light: {
+            readonly hsl: "hsl(120, 33%, 96%)";
+            readonly hex: "#f1f8f1";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(120, 32%, 15%)";
+            readonly hex: "#1a321a";
+        };
+    };
+    readonly "--d-fill-color-status-warning-ghost": {
+        readonly light: {
+            readonly hsl: "hsl(40, 90%, 96%)";
+            readonly hex: "#fef8ec";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(40, 61%, 15%)";
+            readonly hex: "#3e2e0f";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-010": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.1)";
+            readonly hex: "#0000001a";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.1)";
+            readonly hex: "#ffffff1a";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-020": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.2)";
+            readonly hex: "#00000033";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.2)";
+            readonly hex: "#ffffff33";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-030": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.3)";
+            readonly hex: "#0000004d";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.3)";
+            readonly hex: "#ffffff4d";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-040": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.4)";
+            readonly hex: "#00000066";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.4)";
+            readonly hex: "#ffffff66";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-050": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.5)";
+            readonly hex: "#00000080";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.5)";
+            readonly hex: "#ffffff80";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-060": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.6)";
+            readonly hex: "#00000099";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.6)";
+            readonly hex: "#ffffff99";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-070": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.7)";
+            readonly hex: "#000000b3";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.7)";
+            readonly hex: "#ffffffb3";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-080": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.8)";
+            readonly hex: "#000000cc";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.8)";
+            readonly hex: "#ffffffcc";
+        };
+    };
+    readonly "--d-fill-color-transparency-dark-090": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.9)";
+            readonly hex: "#000000e6";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.9)";
+            readonly hex: "#ffffffe6";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-010": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.1)";
+            readonly hex: "#ffffff1a";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.1)";
+            readonly hex: "#0000001a";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-020": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.2)";
+            readonly hex: "#ffffff33";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.2)";
+            readonly hex: "#00000033";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-030": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.3)";
+            readonly hex: "#ffffff4d";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.3)";
+            readonly hex: "#0000004d";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-040": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.4)";
+            readonly hex: "#ffffff66";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.4)";
+            readonly hex: "#00000066";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-050": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.5)";
+            readonly hex: "#ffffff80";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.5)";
+            readonly hex: "#00000080";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-060": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.6)";
+            readonly hex: "#ffffff99";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.6)";
+            readonly hex: "#00000099";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-070": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.7)";
+            readonly hex: "#ffffffb3";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.7)";
+            readonly hex: "#000000b3";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-080": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.8)";
+            readonly hex: "#ffffffcc";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.8)";
+            readonly hex: "#000000cc";
+        };
+    };
+    readonly "--d-fill-color-transparency-light-090": {
+        readonly light: {
+            readonly hsl: "hsla(0, 0%, 100%, 0.9)";
+            readonly hex: "#ffffffe6";
+        };
+        readonly dark: {
+            readonly hsl: "hsla(0, 0%, 0%, 0.9)";
+            readonly hex: "#000000e6";
+        };
+    };
+    readonly "--d-icon-color-button-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+    };
+    readonly "--d-icon-color-button-error": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 68%, 54%)";
+            readonly hex: "#d93a3a";
+        };
+    };
+    readonly "--d-icon-color-button-interaction": {
+        readonly light: {
+            readonly hsl: "hsl(174, 73%, 28%)";
+            readonly hex: "#137c71";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(174, 70%, 37%)";
+            readonly hex: "#1ca093";
+        };
+    };
+    readonly "--d-icon-color-interaction": {
+        readonly light: {
+            readonly hsl: "hsl(174, 73%, 28%)";
+            readonly hex: "#137c71";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(174, 70%, 37%)";
+            readonly hex: "#1ca093";
+        };
+    };
+    readonly "--d-icon-color-interaction-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+    };
+    readonly "--d-icon-color-interaction-error": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 68%, 57%)";
+            readonly hex: "#dc4747";
+        };
+    };
+    readonly "--d-icon-color-status-error": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 68%, 54%)";
+            readonly hex: "#d93a3a";
+        };
+    };
+    readonly "--d-icon-color-status-info": {
+        readonly light: {
+            readonly hsl: "hsl(206, 100%, 31%)";
+            readonly hex: "#005a9e";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(206, 100%, 42%)";
+            readonly hex: "#0079d6";
+        };
+    };
+    readonly "--d-icon-color-status-neutral": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+    };
+    readonly "--d-icon-color-status-success": {
+        readonly light: {
+            readonly hsl: "hsl(124, 55%, 33%)";
+            readonly hex: "#26822c";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(124, 50%, 38%)";
+            readonly hex: "#309137";
+        };
+    };
+    readonly "--d-icon-color-status-warning": {
+        readonly light: {
+            readonly hsl: "hsl(36, 99%, 41%)";
+            readonly hex: "#d07d01";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(36, 99%, 42%)";
+            readonly hex: "#d58001";
+        };
+    };
+    readonly "--d-surface-color-canvas": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 7%)";
+            readonly hex: "#121212";
+        };
+    };
+    readonly "--d-surface-color-card": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 12%)";
+            readonly hex: "#1f1f1f";
+        };
+    };
+    readonly "--d-text-color": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 88%)";
+            readonly hex: "#e0e0e0";
+        };
+    };
+    readonly "--d-text-color-button-interaction": {
+        readonly light: {
+            readonly hsl: "hsl(174, 73%, 28%)";
+            readonly hex: "#137c71";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(174, 70%, 37%)";
+            readonly hex: "#1ca093";
+        };
+    };
+    readonly "--d-text-color-button-interaction-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+    };
+    readonly "--d-text-color-button-interaction-error": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 68%, 57%)";
+            readonly hex: "#dc4747";
+        };
+    };
+    readonly "--d-text-color-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+    };
+    readonly "--d-text-color-headline": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 12%)";
+            readonly hex: "#1f1f1f";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 98%)";
+            readonly hex: "#fafafa";
+        };
+    };
+    readonly "--d-text-color-interaction": {
+        readonly light: {
+            readonly hsl: "hsl(174, 73%, 28%)";
+            readonly hex: "#137c71";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(174, 70%, 37%)";
+            readonly hex: "#1ca093";
+        };
+    };
+    readonly "--d-text-color-interaction-disabled": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+    };
+    readonly "--d-text-color-interaction-error": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 68%, 57%)";
+            readonly hex: "#dc4747";
+        };
+    };
+    readonly "--d-text-color-inverted": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 100%)";
+            readonly hex: "#ffffff";
+        };
+    };
+    readonly "--d-text-color-placeholder": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 58%)";
+            readonly hex: "#949494";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 24%)";
+            readonly hex: "#3d3d3d";
+        };
+    };
+    readonly "--d-text-color-secondary": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 45%)";
+            readonly hex: "#737373";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 68%)";
+            readonly hex: "#adadad";
+        };
+    };
+    readonly "--d-text-color-status-error": {
+        readonly light: {
+            readonly hsl: "hsl(0, 72%, 45%)";
+            readonly hex: "#c52020";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 95%, 64%)";
+            readonly hex: "#fa4c4c";
+        };
+    };
+    readonly "--d-text-color-status-info": {
+        readonly light: {
+            readonly hsl: "hsl(206, 100%, 31%)";
+            readonly hex: "#005a9e";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(206, 100%, 56%)";
+            readonly hex: "#1f9eff";
+        };
+    };
+    readonly "--d-text-color-status-neutral": {
+        readonly light: {
+            readonly hsl: "hsl(0, 0%, 32%)";
+            readonly hex: "#525252";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(0, 0%, 81%)";
+            readonly hex: "#cfcfcf";
+        };
+    };
+    readonly "--d-text-color-status-success": {
+        readonly light: {
+            readonly hsl: "hsl(124, 55%, 33%)";
+            readonly hex: "#26822c";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(124, 55%, 45%)";
+            readonly hex: "#34b23c";
+        };
+    };
+    readonly "--d-text-color-status-warning": {
+        readonly light: {
+            readonly hsl: "hsl(36, 99%, 32%)";
+            readonly hex: "#a26201";
+        };
+        readonly dark: {
+            readonly hsl: "hsl(36, 99%, 47%)";
+            readonly hex: "#ef9001";
+        };
+    };
+};
+export type ColorTokenName = keyof typeof colorTokens;
+//# sourceMappingURL=color-tokens.d.ts.map