@planningcenter/doxy 0.2.0

package/dist/build-output/ts/tokens.js

@@ -0,0 +1,62 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+const tokens = {
+    "--d-app-fill-color-gradient-header": "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%))",
+    "--d-fill-color-button-interaction-solid-gradient-default": "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%))",
+    "--d-fill-color-neutral-000": "hsl(0, 0%, 12%)",
+    "--d-fill-color-neutral-010": "hsl(0, 0%, 24%)",
+    "--d-fill-color-neutral-020": "hsl(0, 0%, 45%)",
+    "--d-fill-color-neutral-030": "hsl(0, 0%, 58%)",
+    "--d-fill-color-neutral-040": "hsl(0, 0%, 81%)",
+    "--d-fill-color-neutral-050": "hsl(0, 0%, 88%)",
+    "--d-fill-color-neutral-060": "hsl(0, 0%, 93%)",
+    "--d-fill-color-neutral-070": "hsl(0, 0%, 95%)",
+    "--d-fill-color-neutral-080": "hsl(0, 0%, 97%)",
+    "--d-fill-color-neutral-090": "hsl(0, 0%, 98%)",
+    "--d-fill-color-neutral-100": "hsl(0, 0%, 100%)",
+    "--d-fill-color-status-error-ghost": "hsl(0, 80%, 96%)",
+    "--d-fill-color-status-info-ghost": "hsl(210, 100%, 96%)",
+    "--d-fill-color-status-neutral-ghost": "hsl(0, 0%, 95%)",
+    "--d-fill-color-status-success-ghost": "hsl(120, 33%, 96%)",
+    "--d-fill-color-status-warning-ghost": "hsl(40, 90%, 96%)",
+    "--d-fill-color-transparency-dark-010": "hsla(0, 0%, 0%, 0.1)",
+    "--d-fill-color-transparency-dark-020": "hsla(0, 0%, 0%, 0.2)",
+    "--d-fill-color-transparency-dark-030": "hsla(0, 0%, 0%, 0.3)",
+    "--d-fill-color-transparency-dark-040": "hsla(0, 0%, 0%, 0.4)",
+    "--d-fill-color-transparency-dark-050": "hsla(0, 0%, 0%, 0.5)",
+    "--d-fill-color-transparency-dark-060": "hsla(0, 0%, 0%, 0.6)",
+    "--d-fill-color-transparency-dark-070": "hsla(0, 0%, 0%, 0.7)",
+    "--d-fill-color-transparency-dark-080": "hsla(0, 0%, 0%, 0.8)",
+    "--d-fill-color-transparency-dark-090": "hsla(0, 0%, 0%, 0.9)",
+    "--d-fill-color-transparency-light-010": "hsla(0, 0%, 100%, 0.1)",
+    "--d-fill-color-transparency-light-020": "hsla(0, 0%, 100%, 0.2)",
+    "--d-fill-color-transparency-light-030": "hsla(0, 0%, 100%, 0.3)",
+    "--d-fill-color-transparency-light-040": "hsla(0, 0%, 100%, 0.4)",
+    "--d-fill-color-transparency-light-050": "hsla(0, 0%, 100%, 0.5)",
+    "--d-fill-color-transparency-light-060": "hsla(0, 0%, 100%, 0.6)",
+    "--d-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)",
+    "--d-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)",
+    "--d-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)",
+    "--d-icon-color-interaction": "hsl(174, 73%, 28%)",
+    "--d-icon-color-status-error": "hsl(0, 72%, 45%)",
+    "--d-icon-color-status-info": "hsl(206, 100%, 31%)",
+    "--d-icon-color-status-neutral": "hsl(0, 0%, 32%)",
+    "--d-icon-color-status-success": "hsl(124, 55%, 33%)",
+    "--d-icon-color-status-warning": "hsl(36, 99%, 41%)",
+    "--d-text-color": "hsl(0, 0%, 24%)",
+    "--d-text-color-disabled": "hsl(0, 0%, 62%)",
+    "--d-text-color-headline": "hsl(0, 0%, 12%)",
+    "--d-text-color-interaction": "hsl(174, 73%, 28%)",
+    "--d-text-color-inverted": "hsl(0, 0%, 100%)",
+    "--d-text-color-placeholder": "hsl(0, 0%, 88%)",
+    "--d-text-color-secondary": "hsl(0, 0%, 45%)",
+    "--d-text-color-status-error": "hsl(0, 72%, 45%)",
+    "--d-text-color-status-info": "hsl(206, 100%, 31%)",
+    "--d-text-color-status-neutral": "hsl(0, 0%, 32%)",
+    "--d-text-color-status-success": "hsl(124, 55%, 33%)",
+    "--d-text-color-status-warning": "hsl(36, 99%, 32%)"
+};
+
+export { tokens };
+//# sourceMappingURL=tokens.js.map

package/dist/build-output/ts/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../src/build-output/ts/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\nexport const tokens = {\n  \"--d-app-fill-color-gradient-header\": \"linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%))\" as const,\n  \"--d-fill-color-button-interaction-solid-gradient-default\": \"linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%))\" as const,\n  \"--d-fill-color-neutral-000\": \"hsl(0, 0%, 12%)\" as const,\n  \"--d-fill-color-neutral-010\": \"hsl(0, 0%, 24%)\" as const,\n  \"--d-fill-color-neutral-020\": \"hsl(0, 0%, 45%)\" as const,\n  \"--d-fill-color-neutral-030\": \"hsl(0, 0%, 58%)\" as const,\n  \"--d-fill-color-neutral-040\": \"hsl(0, 0%, 81%)\" as const,\n  \"--d-fill-color-neutral-050\": \"hsl(0, 0%, 88%)\" as const,\n  \"--d-fill-color-neutral-060\": \"hsl(0, 0%, 93%)\" as const,\n  \"--d-fill-color-neutral-070\": \"hsl(0, 0%, 95%)\" as const,\n  \"--d-fill-color-neutral-080\": \"hsl(0, 0%, 97%)\" as const,\n  \"--d-fill-color-neutral-090\": \"hsl(0, 0%, 98%)\" as const,\n  \"--d-fill-color-neutral-100\": \"hsl(0, 0%, 100%)\" as const,\n  \"--d-fill-color-status-error-ghost\": \"hsl(0, 80%, 96%)\" as const,\n  \"--d-fill-color-status-info-ghost\": \"hsl(210, 100%, 96%)\" as const,\n  \"--d-fill-color-status-neutral-ghost\": \"hsl(0, 0%, 95%)\" as const,\n  \"--d-fill-color-status-success-ghost\": \"hsl(120, 33%, 96%)\" as const,\n  \"--d-fill-color-status-warning-ghost\": \"hsl(40, 90%, 96%)\" as const,\n  \"--d-fill-color-transparency-dark-010\": \"hsla(0, 0%, 0%, 0.1)\" as const,\n  \"--d-fill-color-transparency-dark-020\": \"hsla(0, 0%, 0%, 0.2)\" as const,\n  \"--d-fill-color-transparency-dark-030\": \"hsla(0, 0%, 0%, 0.3)\" as const,\n  \"--d-fill-color-transparency-dark-040\": \"hsla(0, 0%, 0%, 0.4)\" as const,\n  \"--d-fill-color-transparency-dark-050\": \"hsla(0, 0%, 0%, 0.5)\" as const,\n  \"--d-fill-color-transparency-dark-060\": \"hsla(0, 0%, 0%, 0.6)\" as const,\n  \"--d-fill-color-transparency-dark-070\": \"hsla(0, 0%, 0%, 0.7)\" as const,\n  \"--d-fill-color-transparency-dark-080\": \"hsla(0, 0%, 0%, 0.8)\" as const,\n  \"--d-fill-color-transparency-dark-090\": \"hsla(0, 0%, 0%, 0.9)\" as const,\n  \"--d-fill-color-transparency-light-010\": \"hsla(0, 0%, 100%, 0.1)\" as const,\n  \"--d-fill-color-transparency-light-020\": \"hsla(0, 0%, 100%, 0.2)\" as const,\n  \"--d-fill-color-transparency-light-030\": \"hsla(0, 0%, 100%, 0.3)\" as const,\n  \"--d-fill-color-transparency-light-040\": \"hsla(0, 0%, 100%, 0.4)\" as const,\n  \"--d-fill-color-transparency-light-050\": \"hsla(0, 0%, 100%, 0.5)\" as const,\n  \"--d-fill-color-transparency-light-060\": \"hsla(0, 0%, 100%, 0.6)\" as const,\n  \"--d-fill-color-transparency-light-070\": \"hsla(0, 0%, 100%, 0.7)\" as const,\n  \"--d-fill-color-transparency-light-080\": \"hsla(0, 0%, 100%, 0.8)\" as const,\n  \"--d-fill-color-transparency-light-090\": \"hsla(0, 0%, 100%, 0.9)\" as const,\n  \"--d-icon-color-interaction\": \"hsl(174, 73%, 28%)\" as const,\n  \"--d-icon-color-status-error\": \"hsl(0, 72%, 45%)\" as const,\n  \"--d-icon-color-status-info\": \"hsl(206, 100%, 31%)\" as const,\n  \"--d-icon-color-status-neutral\": \"hsl(0, 0%, 32%)\" as const,\n  \"--d-icon-color-status-success\": \"hsl(124, 55%, 33%)\" as const,\n  \"--d-icon-color-status-warning\": \"hsl(36, 99%, 41%)\" as const,\n  \"--d-text-color\": \"hsl(0, 0%, 24%)\" as const,\n  \"--d-text-color-disabled\": \"hsl(0, 0%, 62%)\" as const,\n  \"--d-text-color-headline\": \"hsl(0, 0%, 12%)\" as const,\n  \"--d-text-color-interaction\": \"hsl(174, 73%, 28%)\" as const,\n  \"--d-text-color-inverted\": \"hsl(0, 0%, 100%)\" as const,\n  \"--d-text-color-placeholder\": \"hsl(0, 0%, 88%)\" as const,\n  \"--d-text-color-secondary\": \"hsl(0, 0%, 45%)\" as const,\n  \"--d-text-color-status-error\": \"hsl(0, 72%, 45%)\" as const,\n  \"--d-text-color-status-info\": \"hsl(206, 100%, 31%)\" as const,\n  \"--d-text-color-status-neutral\": \"hsl(0, 0%, 32%)\" as const,\n  \"--d-text-color-status-success\": \"hsl(124, 55%, 33%)\" as const,\n  \"--d-text-color-status-warning\": \"hsl(36, 99%, 32%)\" as const\n}\n"],"names":[],"mappings":"AAAA;;AAEG;AAGI,MAAM,MAAM,GAAG;AACpB,IAAA,oCAAoC,EAAE,mEAA4E;AAClH,IAAA,0DAA0D,EAAE,mEAA4E;AACxI,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,4BAA4B,EAAE,kBAA2B;AACzD,IAAA,mCAAmC,EAAE,kBAA2B;AAChE,IAAA,kCAAkC,EAAE,qBAA8B;AAClE,IAAA,qCAAqC,EAAE,iBAA0B;AACjE,IAAA,qCAAqC,EAAE,oBAA6B;AACpE,IAAA,qCAAqC,EAAE,mBAA4B;AACnE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,sCAAsC,EAAE,sBAA+B;AACvE,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,uCAAuC,EAAE,wBAAiC;AAC1E,IAAA,4BAA4B,EAAE,oBAA6B;AAC3D,IAAA,6BAA6B,EAAE,kBAA2B;AAC1D,IAAA,4BAA4B,EAAE,qBAA8B;AAC5D,IAAA,+BAA+B,EAAE,iBAA0B;AAC3D,IAAA,+BAA+B,EAAE,oBAA6B;AAC9D,IAAA,+BAA+B,EAAE,mBAA4B;AAC7D,IAAA,gBAAgB,EAAE,iBAA0B;AAC5C,IAAA,yBAAyB,EAAE,iBAA0B;AACrD,IAAA,yBAAyB,EAAE,iBAA0B;AACrD,IAAA,4BAA4B,EAAE,oBAA6B;AAC3D,IAAA,yBAAyB,EAAE,kBAA2B;AACtD,IAAA,4BAA4B,EAAE,iBAA0B;AACxD,IAAA,0BAA0B,EAAE,iBAA0B;AACtD,IAAA,6BAA6B,EAAE,kBAA2B;AAC1D,IAAA,4BAA4B,EAAE,qBAA8B;AAC5D,IAAA,+BAA+B,EAAE,iBAA0B;AAC3D,IAAA,+BAA+B,EAAE,oBAA6B;AAC9D,IAAA,+BAA+B,EAAE;;;;;"}

package/dist/build-output/ts/types/react-native-types.d.ts

@@ -0,0 +1,85 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export interface ReactNativeTokensSchema {
+    "--d-app-fill-color-gradient-header": {
+        stops: {
+            position: number;
+            color: string;
+        }[];
+        type: string;
+        angle: number;
+    };
+    "--d-fill-color-button-interaction-solid-gradient-default": {
+        stops: {
+            position: number;
+            color: string;
+        }[];
+        type: string;
+        angle: number;
+    };
+    "--d-fill-color-neutral-000": string;
+    "--d-fill-color-neutral-010": string;
+    "--d-fill-color-neutral-020": string;
+    "--d-fill-color-neutral-030": string;
+    "--d-fill-color-neutral-040": string;
+    "--d-fill-color-neutral-050": string;
+    "--d-fill-color-neutral-060": string;
+    "--d-fill-color-neutral-070": string;
+    "--d-fill-color-neutral-080": string;
+    "--d-fill-color-neutral-090": string;
+    "--d-fill-color-neutral-100": string;
+    "--d-fill-color-status-error-ghost": string;
+    "--d-fill-color-status-info-ghost": string;
+    "--d-fill-color-status-neutral-ghost": string;
+    "--d-fill-color-status-success-ghost": string;
+    "--d-fill-color-status-warning-ghost": string;
+    "--d-fill-color-transparency-dark-010": string;
+    "--d-fill-color-transparency-dark-020": string;
+    "--d-fill-color-transparency-dark-030": string;
+    "--d-fill-color-transparency-dark-040": string;
+    "--d-fill-color-transparency-dark-050": string;
+    "--d-fill-color-transparency-dark-060": string;
+    "--d-fill-color-transparency-dark-070": string;
+    "--d-fill-color-transparency-dark-080": string;
+    "--d-fill-color-transparency-dark-090": string;
+    "--d-fill-color-transparency-light-010": string;
+    "--d-fill-color-transparency-light-020": string;
+    "--d-fill-color-transparency-light-030": string;
+    "--d-fill-color-transparency-light-040": string;
+    "--d-fill-color-transparency-light-050": string;
+    "--d-fill-color-transparency-light-060": string;
+    "--d-fill-color-transparency-light-070": string;
+    "--d-fill-color-transparency-light-080": string;
+    "--d-fill-color-transparency-light-090": string;
+    "--d-icon-color-interaction": string;
+    "--d-icon-color-status-error": string;
+    "--d-icon-color-status-info": string;
+    "--d-icon-color-status-neutral": string;
+    "--d-icon-color-status-success": string;
+    "--d-icon-color-status-warning": string;
+    "--d-text-color": string;
+    "--d-text-color-disabled": string;
+    "--d-text-color-headline": string;
+    "--d-text-color-interaction": string;
+    "--d-text-color-inverted": string;
+    "--d-text-color-placeholder": string;
+    "--d-text-color-secondary": string;
+    "--d-text-color-status-error": string;
+    "--d-text-color-status-info": string;
+    "--d-text-color-status-neutral": string;
+    "--d-text-color-status-success": string;
+    "--d-text-color-status-warning": string;
+}
+export type GradientSchema = {
+    stops: {
+        position: number;
+        color: string;
+    }[];
+    type: string;
+    angle: number;
+};
+export type GradientTokenNamesUnion = {
+    [K in keyof ReactNativeTokensSchema]: ReactNativeTokensSchema[K] extends GradientSchema ? K : never;
+}[keyof ReactNativeTokensSchema];
+//# sourceMappingURL=react-native-types.d.ts.map

package/dist/build-output/ts/types/react-native-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-native-types.d.ts","sourceRoot":"","sources":["../../../../src/build-output/ts/types/react-native-types.ts"],"names":[],"mappings":"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"}

package/dist/index.css

@@ -0,0 +1,173 @@
+:root{
+  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));
+  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));
+  --d-fill-color-neutral-000:hsl(0, 0%, 12%);
+  --d-fill-color-neutral-010:hsl(0, 0%, 24%);
+  --d-fill-color-neutral-020:hsl(0, 0%, 45%);
+  --d-fill-color-neutral-030:hsl(0, 0%, 58%);
+  --d-fill-color-neutral-040:hsl(0, 0%, 81%);
+  --d-fill-color-neutral-050:hsl(0, 0%, 88%);
+  --d-fill-color-neutral-060:hsl(0, 0%, 93%);
+  --d-fill-color-neutral-070:hsl(0, 0%, 95%);
+  --d-fill-color-neutral-080:hsl(0, 0%, 97%);
+  --d-fill-color-neutral-090:hsl(0, 0%, 98%);
+  --d-fill-color-neutral-100:hsl(0, 0%, 100%);
+  --d-fill-color-status-error-ghost:hsl(0, 80%, 96%);
+  --d-fill-color-status-info-ghost:hsl(210, 100%, 96%);
+  --d-fill-color-status-neutral-ghost:hsl(0, 0%, 95%);
+  --d-fill-color-status-success-ghost:hsl(120, 33%, 96%);
+  --d-fill-color-status-warning-ghost:hsl(40, 90%, 96%);
+  --d-fill-color-transparency-dark-010:hsla(0, 0%, 0%, 0.1);
+  --d-fill-color-transparency-dark-020:hsla(0, 0%, 0%, 0.2);
+  --d-fill-color-transparency-dark-030:hsla(0, 0%, 0%, 0.3);
+  --d-fill-color-transparency-dark-040:hsla(0, 0%, 0%, 0.4);
+  --d-fill-color-transparency-dark-050:hsla(0, 0%, 0%, 0.5);
+  --d-fill-color-transparency-dark-060:hsla(0, 0%, 0%, 0.6);
+  --d-fill-color-transparency-dark-070:hsla(0, 0%, 0%, 0.7);
+  --d-fill-color-transparency-dark-080:hsla(0, 0%, 0%, 0.8);
+  --d-fill-color-transparency-dark-090:hsla(0, 0%, 0%, 0.9);
+  --d-fill-color-transparency-light-010:hsla(0, 0%, 100%, 0.1);
+  --d-fill-color-transparency-light-020:hsla(0, 0%, 100%, 0.2);
+  --d-fill-color-transparency-light-030:hsla(0, 0%, 100%, 0.3);
+  --d-fill-color-transparency-light-040:hsla(0, 0%, 100%, 0.4);
+  --d-fill-color-transparency-light-050:hsla(0, 0%, 100%, 0.5);
+  --d-fill-color-transparency-light-060:hsla(0, 0%, 100%, 0.6);
+  --d-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
+  --d-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
+  --d-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
+  --d-icon-color-interaction:hsl(174, 73%, 28%);
+  --d-icon-color-status-error:hsl(0, 72%, 45%);
+  --d-icon-color-status-info:hsl(206, 100%, 31%);
+  --d-icon-color-status-neutral:hsl(0, 0%, 32%);
+  --d-icon-color-status-success:hsl(124, 55%, 33%);
+  --d-icon-color-status-warning:hsl(36, 99%, 41%);
+  --d-text-color:hsl(0, 0%, 24%);
+  --d-text-color-disabled:hsl(0, 0%, 62%);
+  --d-text-color-headline:hsl(0, 0%, 12%);
+  --d-text-color-interaction:hsl(174, 73%, 28%);
+  --d-text-color-inverted:hsl(0, 0%, 100%);
+  --d-text-color-placeholder:hsl(0, 0%, 88%);
+  --d-text-color-secondary:hsl(0, 0%, 45%);
+  --d-text-color-status-error:hsl(0, 72%, 45%);
+  --d-text-color-status-info:hsl(206, 100%, 31%);
+  --d-text-color-status-neutral:hsl(0, 0%, 32%);
+  --d-text-color-status-success:hsl(124, 55%, 33%);
+  --d-text-color-status-warning:hsl(36, 99%, 32%);
+}
+
+:root[data-color-mode="dark"], body[data-color-scheme="dark"]{
+  color-scheme:dark;
+  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
+  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
+  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
+  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
+  --d-fill-color-neutral-020:hsl(0, 0%, 68%);
+  --d-fill-color-neutral-030:hsl(0, 0%, 50%);
+  --d-fill-color-neutral-040:hsl(0, 0%, 32%);
+  --d-fill-color-neutral-050:hsl(0, 0%, 24%);
+  --d-fill-color-neutral-060:hsl(0, 0%, 19%);
+  --d-fill-color-neutral-070:hsl(0, 0%, 17%);
+  --d-fill-color-neutral-080:hsl(0, 0%, 15%);
+  --d-fill-color-neutral-090:hsl(0, 0%, 12%);
+  --d-fill-color-neutral-100:hsl(0, 0%, 7%);
+  --d-fill-color-status-error-ghost:hsl(0, 19%, 15%);
+  --d-fill-color-status-info-ghost:hsl(210, 79%, 15%);
+  --d-fill-color-status-neutral-ghost:hsl(0, 0%, 13%);
+  --d-fill-color-status-success-ghost:hsl(120, 32%, 15%);
+  --d-fill-color-status-warning-ghost:hsl(40, 61%, 15%);
+  --d-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
+  --d-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
+  --d-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
+  --d-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
+  --d-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
+  --d-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
+  --d-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
+  --d-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
+  --d-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
+  --d-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
+  --d-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
+  --d-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
+  --d-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
+  --d-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
+  --d-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
+  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
+  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
+  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
+  --d-icon-color-interaction:hsl(174, 70%, 37%);
+  --d-icon-color-status-error:hsl(0, 68%, 54%);
+  --d-icon-color-status-info:hsl(206, 100%, 42%);
+  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
+  --d-icon-color-status-success:hsl(124, 50%, 38%);
+  --d-icon-color-status-warning:hsl(36, 99%, 42%);
+  --d-text-color:hsl(0, 0%, 88%);
+  --d-text-color-disabled:hsl(0, 0%, 50%);
+  --d-text-color-headline:hsl(0, 0%, 98%);
+  --d-text-color-interaction:hsl(174, 70%, 37%);
+  --d-text-color-placeholder:hsl(0, 0%, 24%);
+  --d-text-color-secondary:hsl(0, 0%, 68%);
+  --d-text-color-status-error:hsl(0, 95%, 64%);
+  --d-text-color-status-info:hsl(206, 100%, 56%);
+  --d-text-color-status-neutral:hsl(0, 0%, 81%);
+  --d-text-color-status-success:hsl(124, 55%, 45%);
+  --d-text-color-status-warning:hsl(36, 99%, 47%);
+}
+
+@media (prefers-color-scheme: dark){
+:root[data-color-mode="system"], body[data-color-scheme="system"]{
+  color-scheme:dark;
+  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
+  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
+  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
+  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
+  --d-fill-color-neutral-020:hsl(0, 0%, 68%);
+  --d-fill-color-neutral-030:hsl(0, 0%, 50%);
+  --d-fill-color-neutral-040:hsl(0, 0%, 32%);
+  --d-fill-color-neutral-050:hsl(0, 0%, 24%);
+  --d-fill-color-neutral-060:hsl(0, 0%, 19%);
+  --d-fill-color-neutral-070:hsl(0, 0%, 17%);
+  --d-fill-color-neutral-080:hsl(0, 0%, 15%);
+  --d-fill-color-neutral-090:hsl(0, 0%, 12%);
+  --d-fill-color-neutral-100:hsl(0, 0%, 7%);
+  --d-fill-color-status-error-ghost:hsl(0, 19%, 15%);
+  --d-fill-color-status-info-ghost:hsl(210, 79%, 15%);
+  --d-fill-color-status-neutral-ghost:hsl(0, 0%, 13%);
+  --d-fill-color-status-success-ghost:hsl(120, 32%, 15%);
+  --d-fill-color-status-warning-ghost:hsl(40, 61%, 15%);
+  --d-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
+  --d-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
+  --d-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
+  --d-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
+  --d-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
+  --d-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
+  --d-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
+  --d-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
+  --d-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
+  --d-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
+  --d-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
+  --d-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
+  --d-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
+  --d-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
+  --d-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
+  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
+  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
+  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
+  --d-icon-color-interaction:hsl(174, 70%, 37%);
+  --d-icon-color-status-error:hsl(0, 68%, 54%);
+  --d-icon-color-status-info:hsl(206, 100%, 42%);
+  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
+  --d-icon-color-status-success:hsl(124, 50%, 38%);
+  --d-icon-color-status-warning:hsl(36, 99%, 42%);
+  --d-text-color:hsl(0, 0%, 88%);
+  --d-text-color-disabled:hsl(0, 0%, 50%);
+  --d-text-color-headline:hsl(0, 0%, 98%);
+  --d-text-color-interaction:hsl(174, 70%, 37%);
+  --d-text-color-placeholder:hsl(0, 0%, 24%);
+  --d-text-color-secondary:hsl(0, 0%, 68%);
+  --d-text-color-status-error:hsl(0, 95%, 64%);
+  --d-text-color-status-info:hsl(206, 100%, 56%);
+  --d-text-color-status-neutral:hsl(0, 0%, 81%);
+  --d-text-color-status-success:hsl(124, 55%, 45%);
+  --d-text-color-status-warning:hsl(36, 99%, 47%);
+}
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["build-output/css/tokens-alias.css","build-output/css/tokens-dark.css","build-output/css/tokens-system-dark.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));\n  --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));\n  --d-fill-color-neutral-000: hsl(0, 0%, 12%);\n  --d-fill-color-neutral-010: hsl(0, 0%, 24%);\n  --d-fill-color-neutral-020: hsl(0, 0%, 45%);\n  --d-fill-color-neutral-030: hsl(0, 0%, 58%);\n  --d-fill-color-neutral-040: hsl(0, 0%, 81%);\n  --d-fill-color-neutral-050: hsl(0, 0%, 88%);\n  --d-fill-color-neutral-060: hsl(0, 0%, 93%);\n  --d-fill-color-neutral-070: hsl(0, 0%, 95%);\n  --d-fill-color-neutral-080: hsl(0, 0%, 97%);\n  --d-fill-color-neutral-090: hsl(0, 0%, 98%);\n  --d-fill-color-neutral-100: hsl(0, 0%, 100%);\n  --d-fill-color-status-error-ghost: hsl(0, 80%, 96%);\n  --d-fill-color-status-info-ghost: hsl(210, 100%, 96%);\n  --d-fill-color-status-neutral-ghost: hsl(0, 0%, 95%);\n  --d-fill-color-status-success-ghost: hsl(120, 33%, 96%);\n  --d-fill-color-status-warning-ghost: hsl(40, 90%, 96%);\n  --d-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n  --d-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n  --d-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n  --d-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n  --d-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n  --d-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n  --d-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n  --d-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n  --d-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n  --d-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n  --d-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n  --d-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n  --d-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n  --d-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n  --d-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n  --d-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n  --d-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n  --d-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n  --d-icon-color-interaction: hsl(174, 73%, 28%);\n  --d-icon-color-status-error: hsl(0, 72%, 45%);\n  --d-icon-color-status-info: hsl(206, 100%, 31%);\n  --d-icon-color-status-neutral: hsl(0, 0%, 32%);\n  --d-icon-color-status-success: hsl(124, 55%, 33%);\n  --d-icon-color-status-warning: hsl(36, 99%, 41%);\n  --d-text-color: hsl(0, 0%, 24%);\n  --d-text-color-disabled: hsl(0, 0%, 62%);\n  --d-text-color-headline: hsl(0, 0%, 12%);\n  --d-text-color-interaction: hsl(174, 73%, 28%);\n  --d-text-color-inverted: hsl(0, 0%, 100%);\n  --d-text-color-placeholder: hsl(0, 0%, 88%);\n  --d-text-color-secondary: hsl(0, 0%, 45%);\n  --d-text-color-status-error: hsl(0, 72%, 45%);\n  --d-text-color-status-info: hsl(206, 100%, 31%);\n  --d-text-color-status-neutral: hsl(0, 0%, 32%);\n  --d-text-color-status-success: hsl(124, 55%, 33%);\n  --d-text-color-status-warning: hsl(36, 99%, 32%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"], body[data-color-scheme=\"dark\"] {\n  color-scheme: dark;\n  --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));\n  --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));\n  --d-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --d-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --d-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --d-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --d-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --d-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --d-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --d-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --d-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --d-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --d-fill-color-neutral-100: hsl(0, 0%, 7%);\n  --d-fill-color-status-error-ghost: hsl(0, 19%, 15%);\n  --d-fill-color-status-info-ghost: hsl(210, 79%, 15%);\n  --d-fill-color-status-neutral-ghost: hsl(0, 0%, 13%);\n  --d-fill-color-status-success-ghost: hsl(120, 32%, 15%);\n  --d-fill-color-status-warning-ghost: hsl(40, 61%, 15%);\n  --d-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --d-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --d-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --d-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --d-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --d-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --d-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --d-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --d-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --d-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --d-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --d-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --d-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --d-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --d-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --d-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --d-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --d-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --d-icon-color-interaction: hsl(174, 70%, 37%);\n  --d-icon-color-status-error: hsl(0, 68%, 54%);\n  --d-icon-color-status-info: hsl(206, 100%, 42%);\n  --d-icon-color-status-neutral: hsl(0, 0%, 81%);\n  --d-icon-color-status-success: hsl(124, 50%, 38%);\n  --d-icon-color-status-warning: hsl(36, 99%, 42%);\n  --d-text-color: hsl(0, 0%, 88%);\n  --d-text-color-disabled: hsl(0, 0%, 50%);\n  --d-text-color-headline: hsl(0, 0%, 98%);\n  --d-text-color-interaction: hsl(174, 70%, 37%);\n  --d-text-color-placeholder: hsl(0, 0%, 24%);\n  --d-text-color-secondary: hsl(0, 0%, 68%);\n  --d-text-color-status-error: hsl(0, 95%, 64%);\n  --d-text-color-status-info: hsl(206, 100%, 56%);\n  --d-text-color-status-neutral: hsl(0, 0%, 81%);\n  --d-text-color-status-success: hsl(124, 55%, 45%);\n  --d-text-color-status-warning: hsl(36, 99%, 47%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"], body[data-color-scheme=\"system\"] {\n  color-scheme: dark;\n  --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));\n  --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));\n  --d-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --d-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --d-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --d-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --d-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --d-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --d-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --d-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --d-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --d-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --d-fill-color-neutral-100: hsl(0, 0%, 7%);\n  --d-fill-color-status-error-ghost: hsl(0, 19%, 15%);\n  --d-fill-color-status-info-ghost: hsl(210, 79%, 15%);\n  --d-fill-color-status-neutral-ghost: hsl(0, 0%, 13%);\n  --d-fill-color-status-success-ghost: hsl(120, 32%, 15%);\n  --d-fill-color-status-warning-ghost: hsl(40, 61%, 15%);\n  --d-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --d-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --d-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --d-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --d-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --d-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --d-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --d-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --d-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --d-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --d-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --d-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --d-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --d-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --d-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --d-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --d-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --d-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --d-icon-color-interaction: hsl(174, 70%, 37%);\n  --d-icon-color-status-error: hsl(0, 68%, 54%);\n  --d-icon-color-status-info: hsl(206, 100%, 42%);\n  --d-icon-color-status-neutral: hsl(0, 0%, 81%);\n  --d-icon-color-status-success: hsl(124, 50%, 38%);\n  --d-icon-color-status-warning: hsl(36, 99%, 42%);\n  --d-text-color: hsl(0, 0%, 88%);\n  --d-text-color-disabled: hsl(0, 0%, 50%);\n  --d-text-color-headline: hsl(0, 0%, 98%);\n  --d-text-color-interaction: hsl(174, 70%, 37%);\n  --d-text-color-placeholder: hsl(0, 0%, 24%);\n  --d-text-color-secondary: hsl(0, 0%, 68%);\n  --d-text-color-status-error: hsl(0, 95%, 64%);\n  --d-text-color-status-info: hsl(206, 100%, 56%);\n  --d-text-color-status-neutral: hsl(0, 0%, 81%);\n  --d-text-color-status-success: hsl(124, 55%, 45%);\n  --d-text-color-status-warning: hsl(36, 99%, 47%);\n}\n}\n"]}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+import "./index.css";
+export { type ReactNativeTokensDark, reactNativeTokensDark, } from "./build-output/ts/react-native-tokens-dark";
+export { type ReactNativeTokensLight, reactNativeTokensLight, } from "./build-output/ts/react-native-tokens-light";
+export { themeableWebGradientTokens, type ThemeableWebGradientTokenUnion, } from "./build-output/ts/themeable-web-gradient-tokens";
+export { type ThemeableTokenNamesUnion, tokensByThemeSet, } from "./build-output/ts/tokens-by-theme-set";
+export type { GradientSchema, GradientTokenNamesUnion, ReactNativeTokensSchema, } from "./build-output/ts/types/react-native-types";
+export { token } from "./jsTokens";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EACL,KAAK,qBAAqB,EAC1B,qBAAqB,GACtB,MAAM,4CAA4C,CAAA;AACnD,OAAO,EACL,KAAK,sBAAsB,EAC3B,sBAAsB,GACvB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,0BAA0B,EAC1B,KAAK,8BAA8B,GACpC,MAAM,iDAAiD,CAAA;AACxD,OAAO,EACL,KAAK,wBAAwB,EAC7B,gBAAgB,GACjB,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,4CAA4C,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export { reactNativeTokensDark } from './build-output/ts/react-native-tokens-dark.js';
+export { reactNativeTokensLight } from './build-output/ts/react-native-tokens-light.js';
+export { themeableWebGradientTokens } from './build-output/ts/themeable-web-gradient-tokens.js';
+export { tokensByThemeSet } from './build-output/ts/tokens-by-theme-set.js';
+export { token } from './jsTokens.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/jsTokens.d.ts

@@ -0,0 +1,3 @@
+import { tokens } from "./build-output/ts/tokens";
+export declare function token<T extends keyof typeof tokens>(varName: T): `var(${T})`;
+//# sourceMappingURL=jsTokens.d.ts.map

package/dist/jsTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsTokens.d.ts","sourceRoot":"","sources":["../src/jsTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AAEjD,wBAAgB,KAAK,CAAC,CAAC,SAAS,MAAM,OAAO,MAAM,EAAE,OAAO,EAAE,CAAC,eAE9D"}

package/dist/jsTokens.js

@@ -0,0 +1,6 @@
+function token(varName) {
+    return `var(${varName})`;
+}
+
+export { token };
+//# sourceMappingURL=jsTokens.js.map

package/dist/jsTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsTokens.js","sources":["../src/jsTokens.ts"],"sourcesContent":["import { tokens } from \"./build-output/ts/tokens\"\n\nexport function token<T extends keyof typeof tokens>(varName: T) {\n  return `var(${varName})` as const\n}\n"],"names":[],"mappings":"AAEM,SAAU,KAAK,CAAgC,OAAU,EAAA;IAC7D,OAAO,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA,CAAY;AACnC;;;;"}

package/dist/tokens-dark.css

@@ -0,0 +1,116 @@
+:root[data-color-mode="dark"], body[data-color-scheme="dark"]{
+  color-scheme:dark;
+  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
+  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
+  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
+  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
+  --d-fill-color-neutral-020:hsl(0, 0%, 68%);
+  --d-fill-color-neutral-030:hsl(0, 0%, 50%);
+  --d-fill-color-neutral-040:hsl(0, 0%, 32%);
+  --d-fill-color-neutral-050:hsl(0, 0%, 24%);
+  --d-fill-color-neutral-060:hsl(0, 0%, 19%);
+  --d-fill-color-neutral-070:hsl(0, 0%, 17%);
+  --d-fill-color-neutral-080:hsl(0, 0%, 15%);
+  --d-fill-color-neutral-090:hsl(0, 0%, 12%);
+  --d-fill-color-neutral-100:hsl(0, 0%, 7%);
+  --d-fill-color-status-error-ghost:hsl(0, 19%, 15%);
+  --d-fill-color-status-info-ghost:hsl(210, 79%, 15%);
+  --d-fill-color-status-neutral-ghost:hsl(0, 0%, 13%);
+  --d-fill-color-status-success-ghost:hsl(120, 32%, 15%);
+  --d-fill-color-status-warning-ghost:hsl(40, 61%, 15%);
+  --d-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
+  --d-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
+  --d-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
+  --d-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
+  --d-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
+  --d-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
+  --d-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
+  --d-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
+  --d-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
+  --d-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
+  --d-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
+  --d-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
+  --d-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
+  --d-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
+  --d-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
+  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
+  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
+  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
+  --d-icon-color-interaction:hsl(174, 70%, 37%);
+  --d-icon-color-status-error:hsl(0, 68%, 54%);
+  --d-icon-color-status-info:hsl(206, 100%, 42%);
+  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
+  --d-icon-color-status-success:hsl(124, 50%, 38%);
+  --d-icon-color-status-warning:hsl(36, 99%, 42%);
+  --d-text-color:hsl(0, 0%, 88%);
+  --d-text-color-disabled:hsl(0, 0%, 50%);
+  --d-text-color-headline:hsl(0, 0%, 98%);
+  --d-text-color-interaction:hsl(174, 70%, 37%);
+  --d-text-color-placeholder:hsl(0, 0%, 24%);
+  --d-text-color-secondary:hsl(0, 0%, 68%);
+  --d-text-color-status-error:hsl(0, 95%, 64%);
+  --d-text-color-status-info:hsl(206, 100%, 56%);
+  --d-text-color-status-neutral:hsl(0, 0%, 81%);
+  --d-text-color-status-success:hsl(124, 55%, 45%);
+  --d-text-color-status-warning:hsl(36, 99%, 47%);
+}
+
+@media (prefers-color-scheme: dark){
+:root[data-color-mode="system"], body[data-color-scheme="system"]{
+  color-scheme:dark;
+  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
+  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
+  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
+  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
+  --d-fill-color-neutral-020:hsl(0, 0%, 68%);
+  --d-fill-color-neutral-030:hsl(0, 0%, 50%);
+  --d-fill-color-neutral-040:hsl(0, 0%, 32%);
+  --d-fill-color-neutral-050:hsl(0, 0%, 24%);
+  --d-fill-color-neutral-060:hsl(0, 0%, 19%);
+  --d-fill-color-neutral-070:hsl(0, 0%, 17%);
+  --d-fill-color-neutral-080:hsl(0, 0%, 15%);
+  --d-fill-color-neutral-090:hsl(0, 0%, 12%);
+  --d-fill-color-neutral-100:hsl(0, 0%, 7%);
+  --d-fill-color-status-error-ghost:hsl(0, 19%, 15%);
+  --d-fill-color-status-info-ghost:hsl(210, 79%, 15%);
+  --d-fill-color-status-neutral-ghost:hsl(0, 0%, 13%);
+  --d-fill-color-status-success-ghost:hsl(120, 32%, 15%);
+  --d-fill-color-status-warning-ghost:hsl(40, 61%, 15%);
+  --d-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
+  --d-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
+  --d-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
+  --d-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
+  --d-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
+  --d-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
+  --d-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
+  --d-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
+  --d-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
+  --d-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
+  --d-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
+  --d-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
+  --d-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
+  --d-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
+  --d-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
+  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
+  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
+  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
+  --d-icon-color-interaction:hsl(174, 70%, 37%);
+  --d-icon-color-status-error:hsl(0, 68%, 54%);
+  --d-icon-color-status-info:hsl(206, 100%, 42%);
+  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
+  --d-icon-color-status-success:hsl(124, 50%, 38%);
+  --d-icon-color-status-warning:hsl(36, 99%, 42%);
+  --d-text-color:hsl(0, 0%, 88%);
+  --d-text-color-disabled:hsl(0, 0%, 50%);
+  --d-text-color-headline:hsl(0, 0%, 98%);
+  --d-text-color-interaction:hsl(174, 70%, 37%);
+  --d-text-color-placeholder:hsl(0, 0%, 24%);
+  --d-text-color-secondary:hsl(0, 0%, 68%);
+  --d-text-color-status-error:hsl(0, 95%, 64%);
+  --d-text-color-status-info:hsl(206, 100%, 56%);
+  --d-text-color-status-neutral:hsl(0, 0%, 81%);
+  --d-text-color-status-success:hsl(124, 55%, 45%);
+  --d-text-color-status-warning:hsl(36, 99%, 47%);
+}
+}
+/*# sourceMappingURL=tokens-dark.css.map */

package/dist/tokens-dark.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../build-output/css/tokens-dark.css","../build-output/css/tokens-system-dark.css"],"names":[],"mappings":"AAIA;EACE,iBAAkB;EAClB,8FAA+F;EAC/F,0HAA2H;EAC3H,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,yCAA0C;EAC1C,kDAAmD;EACnD,mDAAoD;EACpD,mDAAoD;EACpD,sDAAuD;EACvD,qDAAsD;EACtD,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,6CAA8C;EAC9C,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;EAChD,8BAA+B;EAC/B,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;;ACvDA;AACA;EACE,iBAAkB;EAClB,8FAA+F;EAC/F,0HAA2H;EAC3H,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,yCAA0C;EAC1C,kDAAmD;EACnD,mDAAoD;EACpD,mDAAoD;EACpD,sDAAuD;EACvD,qDAAsD;EACtD,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,2DAA4D;EAC5D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,0DAA2D;EAC3D,6CAA8C;EAC9C,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;EAChD,8BAA+B;EAC/B,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;AACA","file":"tokens-dark.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"], body[data-color-scheme=\"dark\"] {\n  color-scheme: dark;\n  --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));\n  --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));\n  --d-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --d-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --d-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --d-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --d-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --d-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --d-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --d-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --d-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --d-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --d-fill-color-neutral-100: hsl(0, 0%, 7%);\n  --d-fill-color-status-error-ghost: hsl(0, 19%, 15%);\n  --d-fill-color-status-info-ghost: hsl(210, 79%, 15%);\n  --d-fill-color-status-neutral-ghost: hsl(0, 0%, 13%);\n  --d-fill-color-status-success-ghost: hsl(120, 32%, 15%);\n  --d-fill-color-status-warning-ghost: hsl(40, 61%, 15%);\n  --d-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --d-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --d-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --d-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --d-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --d-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --d-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --d-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --d-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --d-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --d-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --d-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --d-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --d-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --d-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --d-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --d-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --d-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --d-icon-color-interaction: hsl(174, 70%, 37%);\n  --d-icon-color-status-error: hsl(0, 68%, 54%);\n  --d-icon-color-status-info: hsl(206, 100%, 42%);\n  --d-icon-color-status-neutral: hsl(0, 0%, 81%);\n  --d-icon-color-status-success: hsl(124, 50%, 38%);\n  --d-icon-color-status-warning: hsl(36, 99%, 42%);\n  --d-text-color: hsl(0, 0%, 88%);\n  --d-text-color-disabled: hsl(0, 0%, 50%);\n  --d-text-color-headline: hsl(0, 0%, 98%);\n  --d-text-color-interaction: hsl(174, 70%, 37%);\n  --d-text-color-placeholder: hsl(0, 0%, 24%);\n  --d-text-color-secondary: hsl(0, 0%, 68%);\n  --d-text-color-status-error: hsl(0, 95%, 64%);\n  --d-text-color-status-info: hsl(206, 100%, 56%);\n  --d-text-color-status-neutral: hsl(0, 0%, 81%);\n  --d-text-color-status-success: hsl(124, 55%, 45%);\n  --d-text-color-status-warning: hsl(36, 99%, 47%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"], body[data-color-scheme=\"system\"] {\n  color-scheme: dark;\n  --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));\n  --d-fill-color-button-interaction-solid-gradient-default: linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));\n  --d-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --d-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --d-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --d-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --d-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --d-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --d-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --d-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --d-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --d-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --d-fill-color-neutral-100: hsl(0, 0%, 7%);\n  --d-fill-color-status-error-ghost: hsl(0, 19%, 15%);\n  --d-fill-color-status-info-ghost: hsl(210, 79%, 15%);\n  --d-fill-color-status-neutral-ghost: hsl(0, 0%, 13%);\n  --d-fill-color-status-success-ghost: hsl(120, 32%, 15%);\n  --d-fill-color-status-warning-ghost: hsl(40, 61%, 15%);\n  --d-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --d-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --d-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --d-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --d-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --d-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --d-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --d-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --d-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --d-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --d-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --d-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --d-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --d-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --d-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --d-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --d-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --d-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --d-icon-color-interaction: hsl(174, 70%, 37%);\n  --d-icon-color-status-error: hsl(0, 68%, 54%);\n  --d-icon-color-status-info: hsl(206, 100%, 42%);\n  --d-icon-color-status-neutral: hsl(0, 0%, 81%);\n  --d-icon-color-status-success: hsl(124, 50%, 38%);\n  --d-icon-color-status-warning: hsl(36, 99%, 42%);\n  --d-text-color: hsl(0, 0%, 88%);\n  --d-text-color-disabled: hsl(0, 0%, 50%);\n  --d-text-color-headline: hsl(0, 0%, 98%);\n  --d-text-color-interaction: hsl(174, 70%, 37%);\n  --d-text-color-placeholder: hsl(0, 0%, 24%);\n  --d-text-color-secondary: hsl(0, 0%, 68%);\n  --d-text-color-status-error: hsl(0, 95%, 64%);\n  --d-text-color-status-info: hsl(206, 100%, 56%);\n  --d-text-color-status-neutral: hsl(0, 0%, 81%);\n  --d-text-color-status-success: hsl(124, 55%, 45%);\n  --d-text-color-status-warning: hsl(36, 99%, 47%);\n}\n}\n"]}

package/dist/tokens-dark.js

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/dist/tokens-deprecated.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=tokens-deprecated.css.map */

package/dist/tokens-deprecated.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/css/tokens-deprecated.css"],"names":[],"mappings":"AAAA","file":"tokens-deprecated.css"}

package/dist/tokens-deprecated.js

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };