@planningcenter/doxy 0.2.0

package/README.md

@@ -0,0 +1,118 @@
+# Doxy
+
+Doxy provides design tokens that can be shared between Church Center Web, Church Center App, and Publishing. These tokens hold atomic design decisions (eg. background color, font weight) from the Doxy Design System and ensure visual consistency across our Church Center applications.
+
+## Installation
+
+```
+yarn add @planningcenter/doxy
+```
+
+## Links
+
+- [Storybook](https://planningcenter.github.io/doxy)
+- [Contributing](./CONTRIBUTING.md)
+- [Releasing package updates](https://www.notion.so/planningcenter/Releasing-NPM-Packages-3d31bf1bbc85441a9eeb638eee5dfba8)
+- [Figma (alias tokens)](https://www.figma.com/design/DLPSeBe5Owfud0iSkfQOB2/Doxy-Component-Library?node-id=1-5&t=Uy5Hof4mzJECdiA2-1)
+- [Figma (color primitive tokens)](https://www.figma.com/design/1OJnbnPFEbRpgzKN1q7Yxa/Doxy-Color-Primitives?m=auto&node-id=2482-0&t=9EiAIleJqyPsZ54n-1)
+
+## Development scripts
+
+```bash
+yarn build              # Generates both tokens and `/dist` directory
+yarn build:rollup       # Generates dist directory
+yarn build:tokens       # Generates tokens from Style Dictionary in a `/build-output` directory
+yarn build:tokens:nuke  # Deletes `/build-output` and generates tokens
+yarn storybook          # Starts Storybook at http://localhost:6006
+yarn lint               # Checks eslint and prettier
+yarn format             # Fixes any prettier issues
+yarn test               # Runs vitest once
+yarn test:watch         # Runs vitest continually
+```
+
+## Alias vs Primitive Tokens
+
+Our Figma files and Style Dictionary pipeline expects two types of tokens; primitive and alias.
+
+- Primitive tokens represent hard-coded style values and create the underlying foundation for the alias tokens. Applications and Figma mockups don't reference primitive tokens directly.
+- Alias tokens provide a way to communicate semantic meaning about a CSS value. They might reference other alias tokens or directly reference a primitive token. For colors they support both light and dark modes.
+
+Here are some reasons one or both token types might require their JSON to be updated in `src/json/`…
+
+- Token's name or value changed
+- Token's deprecation status changed
+- Token(s) get added or deleted
+- Token(s) moves between collections (eg. From "color themeable" to "color")
+
+## Themeable Tokens
+
+Doxy's design system includes color values that the church can customize based on its selected theme in Publishing. To reduce complexity and keep the generated token code 1-1 with Figma, the applications consuming tokens are responsible for overriding their values with the theme.
+
+Doxy tokens helps to support this feature by providing the following utilities to applications that act as manifests of which tokens are themeable and what value to use when overriding them.
+
+1. [tokensByThemeSet](./src/build-output/ts/tokens-by-theme-set.ts) — This object contains any available "themes" as keys and assigns them an array of token names that should be overriden by that theme's value.
+2. [themeableWebGradientTokens](./src/build-output/ts/themeable-web-gradient-tokens.ts) — This object contains themeable gradient tokens with their light and dark mode values, making it easier to override `linear-gradient` values.
+
+## Importing Doxy tokens into applications
+
+All tokens and utilities can be imported via `@planningcenter/doxy`, but common files and directories are also available via subpath imports. This is to help filter out conflicting or otherwise unnecessary assets. (eg. Avoiding CSS files within a React Native app.)
+
+### For Web applications
+
+#### All CSS tokens
+
+For most cases, this is the import to use on the web as it manages all available tokens.
+
+```CSS
+@import "@planningcenter/doxy/tokens.css";
+```
+
+#### Specific CSS tokens
+
+```CSS
+@import "@planningcenter/doxy/tokens-dark.css";
+```
+
+```CSS
+@import "@planningcenter/doxy/tokens-deprecated.css";
+```
+
+#### Themeable web gradient tokens util
+
+```TS
+import {} from "@planningcenter/doxy/themeable-web-gradient-tokens"
+```
+
+### For React Native applications
+
+#### All tokens and utils
+
+React Native applications like CCA should use this import because they can't process `.css` files.
+
+```TS
+import {} from "@planningcenter/doxy/ts"
+```
+
+#### Import specific React Native tokens & utils
+
+```TS
+import {} from "@planningcenter/doxy/types/react-native-types"
+```
+
+```TS
+import {} from "@planningcenter/doxy/react-native-tokens-dark"
+```
+
+```TS
+import {} from "@planningcenter/doxy/react-native-tokens-light"
+```
+
+### For All applications
+
+```TS
+import {} from "@planningcenter/doxy/tokens-by-theme-set"
+```
+
+## What else?
+
+Something confusing as you're getting started? Jump in [#doxy](https://pco.slack.com/archives/CBQ8JCABG) and ask away! We'll use those questions to help guide changes to this README. 🙂

package/dist/build-output/ts/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export * from "./tokens";
+export * from "./tokens-by-theme-set";
+export * from "./themeable-web-gradient-tokens";
+export * from "./react-native-tokens-dark";
+export * from "./react-native-tokens-light";
+export * from "./types/react-native-types";
+//# sourceMappingURL=index.d.ts.map

package/dist/build-output/ts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/build-output/ts/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,cAAc,UAAU,CAAA;AACxB,cAAc,uBAAuB,CAAA;AACrC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,4BAA4B,CAAA"}

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

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

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

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

package/dist/build-output/ts/react-native-tokens-dark.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const reactNativeTokensDark: {
+    readonly "--d-app-fill-color-gradient-header": {
+        readonly stops: [{
+            readonly color: "#1f1f1f";
+            readonly position: 0;
+        }, {
+            readonly color: "#1f1f1f";
+            readonly position: 1;
+        }];
+        readonly type: "linear";
+        readonly angle: 117.90481785563077;
+    };
+    readonly "--d-fill-color-button-interaction-solid-gradient-default": {
+        readonly stops: [{
+            readonly color: "#128df3";
+            readonly position: 0;
+        }, {
+            readonly color: "#5dc660";
+            readonly position: 1;
+        }];
+        readonly type: "linear";
+        readonly angle: 117.90481785563077;
+    };
+    readonly "--d-fill-color-neutral-000": "hsl(0, 0%, 98%)";
+    readonly "--d-fill-color-neutral-010": "hsl(0, 0%, 88%)";
+    readonly "--d-fill-color-neutral-020": "hsl(0, 0%, 68%)";
+    readonly "--d-fill-color-neutral-030": "hsl(0, 0%, 50%)";
+    readonly "--d-fill-color-neutral-040": "hsl(0, 0%, 32%)";
+    readonly "--d-fill-color-neutral-050": "hsl(0, 0%, 24%)";
+    readonly "--d-fill-color-neutral-060": "hsl(0, 0%, 19%)";
+    readonly "--d-fill-color-neutral-070": "hsl(0, 0%, 17%)";
+    readonly "--d-fill-color-neutral-080": "hsl(0, 0%, 15%)";
+    readonly "--d-fill-color-neutral-090": "hsl(0, 0%, 12%)";
+    readonly "--d-fill-color-neutral-100": "hsl(0, 0%, 7%)";
+    readonly "--d-fill-color-status-error-ghost": "hsl(0, 19%, 15%)";
+    readonly "--d-fill-color-status-info-ghost": "hsl(210, 79%, 15%)";
+    readonly "--d-fill-color-status-neutral-ghost": "hsl(0, 0%, 13%)";
+    readonly "--d-fill-color-status-success-ghost": "hsl(120, 32%, 15%)";
+    readonly "--d-fill-color-status-warning-ghost": "hsl(40, 61%, 15%)";
+    readonly "--d-fill-color-transparency-dark-010": "hsla(0, 0%, 100%, 0.1)";
+    readonly "--d-fill-color-transparency-dark-020": "hsla(0, 0%, 100%, 0.2)";
+    readonly "--d-fill-color-transparency-dark-030": "hsla(0, 0%, 100%, 0.3)";
+    readonly "--d-fill-color-transparency-dark-040": "hsla(0, 0%, 100%, 0.4)";
+    readonly "--d-fill-color-transparency-dark-050": "hsla(0, 0%, 100%, 0.5)";
+    readonly "--d-fill-color-transparency-dark-060": "hsla(0, 0%, 100%, 0.6)";
+    readonly "--d-fill-color-transparency-dark-070": "hsla(0, 0%, 100%, 0.7)";
+    readonly "--d-fill-color-transparency-dark-080": "hsla(0, 0%, 100%, 0.8)";
+    readonly "--d-fill-color-transparency-dark-090": "hsla(0, 0%, 100%, 0.9)";
+    readonly "--d-fill-color-transparency-light-010": "hsla(0, 0%, 0%, 0.1)";
+    readonly "--d-fill-color-transparency-light-020": "hsla(0, 0%, 0%, 0.2)";
+    readonly "--d-fill-color-transparency-light-030": "hsla(0, 0%, 0%, 0.3)";
+    readonly "--d-fill-color-transparency-light-040": "hsla(0, 0%, 0%, 0.4)";
+    readonly "--d-fill-color-transparency-light-050": "hsla(0, 0%, 0%, 0.5)";
+    readonly "--d-fill-color-transparency-light-060": "hsla(0, 0%, 0%, 0.6)";
+    readonly "--d-fill-color-transparency-light-070": "hsla(0, 0%, 0%, 0.7)";
+    readonly "--d-fill-color-transparency-light-080": "hsla(0, 0%, 0%, 0.8)";
+    readonly "--d-fill-color-transparency-light-090": "hsla(0, 0%, 0%, 0.9)";
+    readonly "--d-icon-color-interaction": "hsl(174, 70%, 37%)";
+    readonly "--d-icon-color-status-error": "hsl(0, 68%, 54%)";
+    readonly "--d-icon-color-status-info": "hsl(206, 100%, 42%)";
+    readonly "--d-icon-color-status-neutral": "hsl(0, 0%, 81%)";
+    readonly "--d-icon-color-status-success": "hsl(124, 50%, 38%)";
+    readonly "--d-icon-color-status-warning": "hsl(36, 99%, 42%)";
+    readonly "--d-text-color": "hsl(0, 0%, 88%)";
+    readonly "--d-text-color-disabled": "hsl(0, 0%, 50%)";
+    readonly "--d-text-color-headline": "hsl(0, 0%, 98%)";
+    readonly "--d-text-color-interaction": "hsl(174, 70%, 37%)";
+    readonly "--d-text-color-inverted": "hsl(0, 0%, 100%)";
+    readonly "--d-text-color-placeholder": "hsl(0, 0%, 24%)";
+    readonly "--d-text-color-secondary": "hsl(0, 0%, 68%)";
+    readonly "--d-text-color-status-error": "hsl(0, 95%, 64%)";
+    readonly "--d-text-color-status-info": "hsl(206, 100%, 56%)";
+    readonly "--d-text-color-status-neutral": "hsl(0, 0%, 81%)";
+    readonly "--d-text-color-status-success": "hsl(124, 55%, 45%)";
+    readonly "--d-text-color-status-warning": "hsl(36, 99%, 47%)";
+};
+export type ReactNativeTokensDark = typeof reactNativeTokensDark;
+//# sourceMappingURL=react-native-tokens-dark.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-native-tokens-dark.d.ts","sourceRoot":"","sources":["../../../src/build-output/ts/react-native-tokens-dark.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDU,CAAA;AAE5C,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAA"}

package/dist/build-output/ts/react-native-tokens-dark.js

@@ -0,0 +1,62 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+const reactNativeTokensDark = {
+    "--d-app-fill-color-gradient-header": { "stops": [{ "color": "#1f1f1f", "position": 0 }, { "color": "#1f1f1f", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
+    "--d-fill-color-button-interaction-solid-gradient-default": { "stops": [{ "color": "#128df3", "position": 0 }, { "color": "#5dc660", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
+    "--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-inverted": "hsl(0, 0%, 100%)",
+    "--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%)"
+};
+
+export { reactNativeTokensDark };
+//# sourceMappingURL=react-native-tokens-dark.js.map

package/dist/build-output/ts/react-native-tokens-dark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-native-tokens-dark.js","sources":["../../../src/build-output/ts/react-native-tokens-dark.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\nimport type { ReactNativeTokensSchema } from \"./types/react-native-types\"\n\nexport const reactNativeTokensDark = {\n  \"--d-app-fill-color-gradient-header\": {\"stops\":[{\"color\":\"#1f1f1f\",\"position\":0},{\"color\":\"#1f1f1f\",\"position\":1}],\"type\":\"linear\",\"angle\":117.90481785563077},\n  \"--d-fill-color-button-interaction-solid-gradient-default\": {\"stops\":[{\"color\":\"#128df3\",\"position\":0},{\"color\":\"#5dc660\",\"position\":1}],\"type\":\"linear\",\"angle\":117.90481785563077},\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-inverted\": \"hsl(0, 0%, 100%)\",\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} as const satisfies ReactNativeTokensSchema\n\nexport type ReactNativeTokensDark = typeof reactNativeTokensDark\n"],"names":[],"mappings":"AAAA;;AAEG;AAKI,MAAM,qBAAqB,GAAG;AACnC,IAAA,oCAAoC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,EAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,CAAC,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,kBAAkB,EAAC;AAC9J,IAAA,0DAA0D,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,EAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,CAAC,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,kBAAkB,EAAC;AACpL,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,gBAAgB;AAC9C,IAAA,mCAAmC,EAAE,kBAAkB;AACvD,IAAA,kCAAkC,EAAE,oBAAoB;AACxD,IAAA,qCAAqC,EAAE,iBAAiB;AACxD,IAAA,qCAAqC,EAAE,oBAAoB;AAC3D,IAAA,qCAAqC,EAAE,mBAAmB;AAC1D,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,sCAAsC,EAAE,wBAAwB;AAChE,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,uCAAuC,EAAE,sBAAsB;AAC/D,IAAA,4BAA4B,EAAE,oBAAoB;AAClD,IAAA,6BAA6B,EAAE,kBAAkB;AACjD,IAAA,4BAA4B,EAAE,qBAAqB;AACnD,IAAA,+BAA+B,EAAE,iBAAiB;AAClD,IAAA,+BAA+B,EAAE,oBAAoB;AACrD,IAAA,+BAA+B,EAAE,mBAAmB;AACpD,IAAA,gBAAgB,EAAE,iBAAiB;AACnC,IAAA,yBAAyB,EAAE,iBAAiB;AAC5C,IAAA,yBAAyB,EAAE,iBAAiB;AAC5C,IAAA,4BAA4B,EAAE,oBAAoB;AAClD,IAAA,yBAAyB,EAAE,kBAAkB;AAC7C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,0BAA0B,EAAE,iBAAiB;AAC7C,IAAA,6BAA6B,EAAE,kBAAkB;AACjD,IAAA,4BAA4B,EAAE,qBAAqB;AACnD,IAAA,+BAA+B,EAAE,iBAAiB;AAClD,IAAA,+BAA+B,EAAE,oBAAoB;AACrD,IAAA,+BAA+B,EAAE;;;;;"}

package/dist/build-output/ts/react-native-tokens-light.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const reactNativeTokensLight: {
+    readonly "--d-app-fill-color-gradient-header": {
+        readonly stops: [{
+            readonly color: "#42a5f5";
+            readonly position: 0;
+        }, {
+            readonly color: "#54b0aa";
+            readonly position: 1;
+        }];
+        readonly type: "linear";
+        readonly angle: 117.90481785563077;
+    };
+    readonly "--d-fill-color-button-interaction-solid-gradient-default": {
+        readonly stops: [{
+            readonly color: "#42a5f5";
+            readonly position: 0;
+        }, {
+            readonly color: "#68bb6a";
+            readonly position: 1;
+        }];
+        readonly type: "linear";
+        readonly angle: 117.90481785563077;
+    };
+    readonly "--d-fill-color-neutral-000": "hsl(0, 0%, 12%)";
+    readonly "--d-fill-color-neutral-010": "hsl(0, 0%, 24%)";
+    readonly "--d-fill-color-neutral-020": "hsl(0, 0%, 45%)";
+    readonly "--d-fill-color-neutral-030": "hsl(0, 0%, 58%)";
+    readonly "--d-fill-color-neutral-040": "hsl(0, 0%, 81%)";
+    readonly "--d-fill-color-neutral-050": "hsl(0, 0%, 88%)";
+    readonly "--d-fill-color-neutral-060": "hsl(0, 0%, 93%)";
+    readonly "--d-fill-color-neutral-070": "hsl(0, 0%, 95%)";
+    readonly "--d-fill-color-neutral-080": "hsl(0, 0%, 97%)";
+    readonly "--d-fill-color-neutral-090": "hsl(0, 0%, 98%)";
+    readonly "--d-fill-color-neutral-100": "hsl(0, 0%, 100%)";
+    readonly "--d-fill-color-status-error-ghost": "hsl(0, 80%, 96%)";
+    readonly "--d-fill-color-status-info-ghost": "hsl(210, 100%, 96%)";
+    readonly "--d-fill-color-status-neutral-ghost": "hsl(0, 0%, 95%)";
+    readonly "--d-fill-color-status-success-ghost": "hsl(120, 33%, 96%)";
+    readonly "--d-fill-color-status-warning-ghost": "hsl(40, 90%, 96%)";
+    readonly "--d-fill-color-transparency-dark-010": "hsla(0, 0%, 0%, 0.1)";
+    readonly "--d-fill-color-transparency-dark-020": "hsla(0, 0%, 0%, 0.2)";
+    readonly "--d-fill-color-transparency-dark-030": "hsla(0, 0%, 0%, 0.3)";
+    readonly "--d-fill-color-transparency-dark-040": "hsla(0, 0%, 0%, 0.4)";
+    readonly "--d-fill-color-transparency-dark-050": "hsla(0, 0%, 0%, 0.5)";
+    readonly "--d-fill-color-transparency-dark-060": "hsla(0, 0%, 0%, 0.6)";
+    readonly "--d-fill-color-transparency-dark-070": "hsla(0, 0%, 0%, 0.7)";
+    readonly "--d-fill-color-transparency-dark-080": "hsla(0, 0%, 0%, 0.8)";
+    readonly "--d-fill-color-transparency-dark-090": "hsla(0, 0%, 0%, 0.9)";
+    readonly "--d-fill-color-transparency-light-010": "hsla(0, 0%, 100%, 0.1)";
+    readonly "--d-fill-color-transparency-light-020": "hsla(0, 0%, 100%, 0.2)";
+    readonly "--d-fill-color-transparency-light-030": "hsla(0, 0%, 100%, 0.3)";
+    readonly "--d-fill-color-transparency-light-040": "hsla(0, 0%, 100%, 0.4)";
+    readonly "--d-fill-color-transparency-light-050": "hsla(0, 0%, 100%, 0.5)";
+    readonly "--d-fill-color-transparency-light-060": "hsla(0, 0%, 100%, 0.6)";
+    readonly "--d-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)";
+    readonly "--d-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)";
+    readonly "--d-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)";
+    readonly "--d-icon-color-interaction": "hsl(174, 73%, 28%)";
+    readonly "--d-icon-color-status-error": "hsl(0, 72%, 45%)";
+    readonly "--d-icon-color-status-info": "hsl(206, 100%, 31%)";
+    readonly "--d-icon-color-status-neutral": "hsl(0, 0%, 32%)";
+    readonly "--d-icon-color-status-success": "hsl(124, 55%, 33%)";
+    readonly "--d-icon-color-status-warning": "hsl(36, 99%, 41%)";
+    readonly "--d-text-color": "hsl(0, 0%, 24%)";
+    readonly "--d-text-color-disabled": "hsl(0, 0%, 62%)";
+    readonly "--d-text-color-headline": "hsl(0, 0%, 12%)";
+    readonly "--d-text-color-interaction": "hsl(174, 73%, 28%)";
+    readonly "--d-text-color-inverted": "hsl(0, 0%, 100%)";
+    readonly "--d-text-color-placeholder": "hsl(0, 0%, 88%)";
+    readonly "--d-text-color-secondary": "hsl(0, 0%, 45%)";
+    readonly "--d-text-color-status-error": "hsl(0, 72%, 45%)";
+    readonly "--d-text-color-status-info": "hsl(206, 100%, 31%)";
+    readonly "--d-text-color-status-neutral": "hsl(0, 0%, 32%)";
+    readonly "--d-text-color-status-success": "hsl(124, 55%, 33%)";
+    readonly "--d-text-color-status-warning": "hsl(36, 99%, 32%)";
+};
+export type ReactNativeTokensLight = typeof reactNativeTokensLight;
+//# sourceMappingURL=react-native-tokens-light.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"react-native-tokens-light.d.ts","sourceRoot":"","sources":["../../../src/build-output/ts/react-native-tokens-light.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDS,CAAA;AAE5C,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAA"}

package/dist/build-output/ts/react-native-tokens-light.js

@@ -0,0 +1,62 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+const reactNativeTokensLight = {
+    "--d-app-fill-color-gradient-header": { "stops": [{ "color": "#42a5f5", "position": 0 }, { "color": "#54b0aa", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
+    "--d-fill-color-button-interaction-solid-gradient-default": { "stops": [{ "color": "#42a5f5", "position": 0 }, { "color": "#68bb6a", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
+    "--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 { reactNativeTokensLight };
+//# sourceMappingURL=react-native-tokens-light.js.map

package/dist/build-output/ts/react-native-tokens-light.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-native-tokens-light.js","sources":["../../../src/build-output/ts/react-native-tokens-light.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\nimport type { ReactNativeTokensSchema } from \"./types/react-native-types\"\n\nexport const reactNativeTokensLight = {\n  \"--d-app-fill-color-gradient-header\": {\"stops\":[{\"color\":\"#42a5f5\",\"position\":0},{\"color\":\"#54b0aa\",\"position\":1}],\"type\":\"linear\",\"angle\":117.90481785563077},\n  \"--d-fill-color-button-interaction-solid-gradient-default\": {\"stops\":[{\"color\":\"#42a5f5\",\"position\":0},{\"color\":\"#68bb6a\",\"position\":1}],\"type\":\"linear\",\"angle\":117.90481785563077},\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} as const satisfies ReactNativeTokensSchema\n\nexport type ReactNativeTokensLight = typeof reactNativeTokensLight\n"],"names":[],"mappings":"AAAA;;AAEG;AAKI,MAAM,sBAAsB,GAAG;AACpC,IAAA,oCAAoC,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,EAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,CAAC,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,kBAAkB,EAAC;AAC9J,IAAA,0DAA0D,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,EAAC,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,CAAC,EAAC,CAAC,EAAC,MAAM,EAAC,QAAQ,EAAC,OAAO,EAAC,kBAAkB,EAAC;AACpL,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,4BAA4B,EAAE,kBAAkB;AAChD,IAAA,mCAAmC,EAAE,kBAAkB;AACvD,IAAA,kCAAkC,EAAE,qBAAqB;AACzD,IAAA,qCAAqC,EAAE,iBAAiB;AACxD,IAAA,qCAAqC,EAAE,oBAAoB;AAC3D,IAAA,qCAAqC,EAAE,mBAAmB;AAC1D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,sCAAsC,EAAE,sBAAsB;AAC9D,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,uCAAuC,EAAE,wBAAwB;AACjE,IAAA,4BAA4B,EAAE,oBAAoB;AAClD,IAAA,6BAA6B,EAAE,kBAAkB;AACjD,IAAA,4BAA4B,EAAE,qBAAqB;AACnD,IAAA,+BAA+B,EAAE,iBAAiB;AAClD,IAAA,+BAA+B,EAAE,oBAAoB;AACrD,IAAA,+BAA+B,EAAE,mBAAmB;AACpD,IAAA,gBAAgB,EAAE,iBAAiB;AACnC,IAAA,yBAAyB,EAAE,iBAAiB;AAC5C,IAAA,yBAAyB,EAAE,iBAAiB;AAC5C,IAAA,4BAA4B,EAAE,oBAAoB;AAClD,IAAA,yBAAyB,EAAE,kBAAkB;AAC7C,IAAA,4BAA4B,EAAE,iBAAiB;AAC/C,IAAA,0BAA0B,EAAE,iBAAiB;AAC7C,IAAA,6BAA6B,EAAE,kBAAkB;AACjD,IAAA,4BAA4B,EAAE,qBAAqB;AACnD,IAAA,+BAA+B,EAAE,iBAAiB;AAClD,IAAA,+BAA+B,EAAE,oBAAoB;AACrD,IAAA,+BAA+B,EAAE;;;;;"}

package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const themeableWebGradientTokens: {
+    readonly "--d-app-fill-color-gradient-header": {
+        readonly light: "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%))";
+        readonly dark: "linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%))";
+    };
+    readonly "--d-fill-color-button-interaction-solid-gradient-default": {
+        readonly light: "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%))";
+        readonly dark: "linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%))";
+    };
+};
+export type ThemeableWebGradientTokenUnion = keyof typeof themeableWebGradientTokens;
+//# sourceMappingURL=themeable-web-gradient-tokens.d.ts.map

package/dist/build-output/ts/themeable-web-gradient-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeable-web-gradient-tokens.d.ts","sourceRoot":"","sources":["../../../src/build-output/ts/themeable-web-gradient-tokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,0BAA0B;;;;;;;;;CAS7B,CAAA;AAEV,MAAM,MAAM,8BAA8B,GAAG,MAAM,OAAO,0BAA0B,CAAA"}

package/dist/build-output/ts/themeable-web-gradient-tokens.js

@@ -0,0 +1,16 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+const themeableWebGradientTokens = {
+    "--d-app-fill-color-gradient-header": {
+        light: "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%))",
+        dark: "linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%))",
+    },
+    "--d-fill-color-button-interaction-solid-gradient-default": {
+        light: "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%))",
+        dark: "linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%))",
+    }
+};
+
+export { themeableWebGradientTokens };
+//# sourceMappingURL=themeable-web-gradient-tokens.js.map

package/dist/build-output/ts/themeable-web-gradient-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeable-web-gradient-tokens.js","sources":["../../../src/build-output/ts/themeable-web-gradient-tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\nexport const themeableWebGradientTokens = {\n  \"--d-app-fill-color-gradient-header\": {\n    light: \"linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%))\",\n    dark: \"linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%))\",\n  },\n  \"--d-fill-color-button-interaction-solid-gradient-default\": {\n    light: \"linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%))\",\n    dark: \"linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%))\",\n  }\n} as const\n\nexport type ThemeableWebGradientTokenUnion = keyof typeof themeableWebGradientTokens\n"],"names":[],"mappings":"AAAA;;AAEG;AAGI,MAAM,0BAA0B,GAAG;AACxC,IAAA,oCAAoC,EAAE;AACpC,QAAA,KAAK,EAAE,mEAAmE;AAC1E,QAAA,IAAI,EAAE,6DAA6D;AACpE,KAAA;AACD,IAAA,0DAA0D,EAAE;AAC1D,QAAA,KAAK,EAAE,mEAAmE;AAC1E,QAAA,IAAI,EAAE,mEAAmE;AAC1E;;;;;"}

package/dist/build-output/ts/tokens-by-theme-set.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare const tokensByThemeSet: {
+    readonly brand: readonly ["--d-app-fill-color-gradient-header", "--d-fill-color-button-interaction-solid-gradient-default", "--d-icon-color-interaction", "--d-text-color-interaction"];
+};
+export type ThemeableTokenNamesUnion = (typeof tokensByThemeSet)[keyof typeof tokensByThemeSet][number];
+//# sourceMappingURL=tokens-by-theme-set.d.ts.map

package/dist/build-output/ts/tokens-by-theme-set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-by-theme-set.d.ts","sourceRoot":"","sources":["../../../src/build-output/ts/tokens-by-theme-set.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,gBAAgB;;CAEnB,CAAA;AAEV,MAAM,MAAM,wBAAwB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA"}

package/dist/build-output/ts/tokens-by-theme-set.js

@@ -0,0 +1,9 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+const tokensByThemeSet = {
+    brand: ["--d-app-fill-color-gradient-header", "--d-fill-color-button-interaction-solid-gradient-default", "--d-icon-color-interaction", "--d-text-color-interaction"]
+};
+
+export { tokensByThemeSet };
+//# sourceMappingURL=tokens-by-theme-set.js.map

package/dist/build-output/ts/tokens-by-theme-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-by-theme-set.js","sources":["../../../src/build-output/ts/tokens-by-theme-set.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n\nexport const tokensByThemeSet = {\n  brand: [\"--d-app-fill-color-gradient-header\", \"--d-fill-color-button-interaction-solid-gradient-default\", \"--d-icon-color-interaction\", \"--d-text-color-interaction\"]\n} as const\n\nexport type ThemeableTokenNamesUnion = (typeof tokensByThemeSet)[keyof typeof tokensByThemeSet][number]\n"],"names":[],"mappings":"AAAA;;AAEG;AAGI,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,CAAC,oCAAoC,EAAE,0DAA0D,EAAE,4BAA4B,EAAE,4BAA4B;;;;;"}

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

@@ -0,0 +1,60 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+export declare 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%)";
+};
+//# sourceMappingURL=tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/build-output/ts/tokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDlB,CAAA"}