@planningcenter/doxy 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/README.md +18 -0
  2. package/dist/build-output/ts/react-native-tokens-dark.d.ts +20 -1
  3. package/dist/build-output/ts/react-native-tokens-dark.d.ts.map +1 -1
  4. package/dist/build-output/ts/react-native-tokens-dark.js +20 -1
  5. package/dist/build-output/ts/react-native-tokens-dark.js.map +1 -1
  6. package/dist/build-output/ts/react-native-tokens-light.d.ts +20 -1
  7. package/dist/build-output/ts/react-native-tokens-light.d.ts.map +1 -1
  8. package/dist/build-output/ts/react-native-tokens-light.js +20 -1
  9. package/dist/build-output/ts/react-native-tokens-light.js.map +1 -1
  10. package/dist/build-output/ts/tokens-by-theme-set.d.ts +1 -1
  11. package/dist/build-output/ts/tokens-by-theme-set.js +1 -1
  12. package/dist/build-output/ts/tokens-by-theme-set.js.map +1 -1
  13. package/dist/build-output/ts/tokens.d.ts +20 -1
  14. package/dist/build-output/ts/tokens.d.ts.map +1 -1
  15. package/dist/build-output/ts/tokens.js +20 -1
  16. package/dist/build-output/ts/tokens.js.map +1 -1
  17. package/dist/build-output/ts/types/react-native-types.d.ts +19 -0
  18. package/dist/build-output/ts/types/react-native-types.d.ts.map +1 -1
  19. package/dist/index.css +32 -5
  20. package/dist/index.css.map +1 -1
  21. package/dist/tokens-dark.css +11 -3
  22. package/dist/tokens-dark.css.map +1 -1
  23. package/dist/tokens.css +32 -5
  24. package/dist/tokens.css.map +1 -1
  25. package/package.json +6 -2
package/README.md CHANGED
@@ -107,6 +107,24 @@ import {} from "@planningcenter/doxy/react-native-tokens-dark"
107
107
  import {} from "@planningcenter/doxy/react-native-tokens-light"
108
108
  ```
109
109
 
110
+ ### Forcing light or dark mode on a subtree
111
+
112
+ By default, tokens respond to the root-level color mode (`data-color-mode` or `data-color-scheme`). To force a specific mode on any element and its descendants, use the `data-doxy-color-mode` attribute:
113
+
114
+ ```HTML
115
+ <!-- Force dark mode regardless of root color mode -->
116
+ <div data-doxy-color-mode="dark">
117
+ <!-- All Doxy tokens here resolve to their dark values -->
118
+
119
+ <!-- Force light mode back inside a dark section -->
120
+ <div data-doxy-color-mode="light">
121
+ <!-- Doxy tokens here resolve to their light values -->
122
+ </div>
123
+ </div>
124
+ ```
125
+
126
+ This is useful for UI that needs to render in a fixed color mode independent of the user's system theme or the application's global setting.
127
+
110
128
  ### For All applications
111
129
 
112
130
  ```TS
package/dist/build-output/ts/react-native-tokens-dark.d.ts CHANGED
@@ -13,6 +13,8 @@ export declare const reactNativeTokensDark: {
13
13
  readonly type: "linear";
14
14
  readonly angle: 117.90481785563077;
15
15
  };
16
+ readonly "--d-border-color-button-delete": "hsl(0, 72%, 45%)";
17
+ readonly "--d-border-color-button-disabled": "hsl(0, 0%, 24%)";
16
18
  readonly "--d-fill-color-button-interaction-solid-gradient-default": {
17
19
  readonly stops: [{
18
20
  readonly color: "#128df3";
@@ -58,14 +60,31 @@ export declare const reactNativeTokensDark: {
58
60
  readonly "--d-fill-color-transparency-light-070": "hsla(0, 0%, 0%, 0.7)";
59
61
  readonly "--d-fill-color-transparency-light-080": "hsla(0, 0%, 0%, 0.8)";
60
62
  readonly "--d-fill-color-transparency-light-090": "hsla(0, 0%, 0%, 0.9)";
63
+ readonly "--d-font-size-2xl": 24;
64
+ readonly "--d-font-size-2xs": 10;
65
+ readonly "--d-font-size-3xl": 28;
66
+ readonly "--d-font-size-4xl": 34;
67
+ readonly "--d-font-size-lg": 18;
68
+ readonly "--d-font-size-md": 16;
69
+ readonly "--d-font-size-sm": 14;
70
+ readonly "--d-font-size-xl": 20;
71
+ readonly "--d-font-size-xs": 12;
72
+ readonly "--d-font-weight-bold": 700;
73
+ readonly "--d-font-weight-medium": 500;
74
+ readonly "--d-font-weight-normal": 400;
75
+ readonly "--d-font-weight-semibold": 600;
76
+ readonly "--d-icon-color-button-interaction": "hsl(174, 73%, 28%)";
61
77
  readonly "--d-icon-color-interaction": "hsl(174, 70%, 37%)";
62
78
  readonly "--d-icon-color-status-error": "hsl(0, 68%, 54%)";
63
79
  readonly "--d-icon-color-status-info": "hsl(206, 100%, 42%)";
64
80
  readonly "--d-icon-color-status-neutral": "hsl(0, 0%, 81%)";
65
81
  readonly "--d-icon-color-status-success": "hsl(124, 50%, 38%)";
66
82
  readonly "--d-icon-color-status-warning": "hsl(36, 99%, 42%)";
83
+ readonly "--d-surface-color-canvas": "hsl(0, 0%, 7%)";
84
+ readonly "--d-surface-color-card": "hsl(0, 0%, 12%)";
67
85
  readonly "--d-text-color": "hsl(0, 0%, 88%)";
68
- readonly "--d-text-color-disabled": "hsl(0, 0%, 50%)";
86
+ readonly "--d-text-color-button-interaction": "hsl(174, 70%, 37%)";
87
+ readonly "--d-text-color-disabled": "hsl(0, 0%, 32%)";
69
88
  readonly "--d-text-color-headline": "hsl(0, 0%, 98%)";
70
89
  readonly "--d-text-color-interaction": "hsl(174, 70%, 37%)";
71
90
  readonly "--d-text-color-inverted": "hsl(0, 0%, 100%)";
package/dist/build-output/ts/react-native-tokens-dark.d.ts.map CHANGED
@@ -1 +1 @@
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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EU,CAAA;AAE5C,MAAM,MAAM,qBAAqB,GAAG,OAAO,qBAAqB,CAAA"}
package/dist/build-output/ts/react-native-tokens-dark.js CHANGED
@@ -3,6 +3,8 @@
3
3
  */
4
4
  const reactNativeTokensDark = {
5
5
  "--d-app-fill-color-gradient-header": { "stops": [{ "color": "#1f1f1f", "position": 0 }, { "color": "#1f1f1f", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
6
+ "--d-border-color-button-delete": "hsl(0, 72%, 45%)",
7
+ "--d-border-color-button-disabled": "hsl(0, 0%, 24%)",
6
8
  "--d-fill-color-button-interaction-solid-gradient-default": { "stops": [{ "color": "#128df3", "position": 0 }, { "color": "#5dc660", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
7
9
  "--d-fill-color-neutral-000": "hsl(0, 0%, 98%)",
8
10
  "--d-fill-color-neutral-010": "hsl(0, 0%, 88%)",
@@ -38,14 +40,31 @@ const reactNativeTokensDark = {
38
40
  "--d-fill-color-transparency-light-070": "hsla(0, 0%, 0%, 0.7)",
39
41
  "--d-fill-color-transparency-light-080": "hsla(0, 0%, 0%, 0.8)",
40
42
  "--d-fill-color-transparency-light-090": "hsla(0, 0%, 0%, 0.9)",
43
+ "--d-font-size-2xl": 24,
44
+ "--d-font-size-2xs": 10,
45
+ "--d-font-size-3xl": 28,
46
+ "--d-font-size-4xl": 34,
47
+ "--d-font-size-lg": 18,
48
+ "--d-font-size-md": 16,
49
+ "--d-font-size-sm": 14,
50
+ "--d-font-size-xl": 20,
51
+ "--d-font-size-xs": 12,
52
+ "--d-font-weight-bold": 700,
53
+ "--d-font-weight-medium": 500,
54
+ "--d-font-weight-normal": 400,
55
+ "--d-font-weight-semibold": 600,
56
+ "--d-icon-color-button-interaction": "hsl(174, 73%, 28%)",
41
57
  "--d-icon-color-interaction": "hsl(174, 70%, 37%)",
42
58
  "--d-icon-color-status-error": "hsl(0, 68%, 54%)",
43
59
  "--d-icon-color-status-info": "hsl(206, 100%, 42%)",
44
60
  "--d-icon-color-status-neutral": "hsl(0, 0%, 81%)",
45
61
  "--d-icon-color-status-success": "hsl(124, 50%, 38%)",
46
62
  "--d-icon-color-status-warning": "hsl(36, 99%, 42%)",
63
+ "--d-surface-color-canvas": "hsl(0, 0%, 7%)",
64
+ "--d-surface-color-card": "hsl(0, 0%, 12%)",
47
65
  "--d-text-color": "hsl(0, 0%, 88%)",
48
- "--d-text-color-disabled": "hsl(0, 0%, 50%)",
66
+ "--d-text-color-button-interaction": "hsl(174, 70%, 37%)",
67
+ "--d-text-color-disabled": "hsl(0, 0%, 32%)",
49
68
  "--d-text-color-headline": "hsl(0, 0%, 98%)",
50
69
  "--d-text-color-interaction": "hsl(174, 70%, 37%)",
51
70
  "--d-text-color-inverted": "hsl(0, 0%, 100%)",
package/dist/build-output/ts/react-native-tokens-dark.js.map CHANGED
@@ -1 +1 @@
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;;;;;"}
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-border-color-button-delete\": \"hsl(0, 72%, 45%)\",\n \"--d-border-color-button-disabled\": \"hsl(0, 0%, 24%)\",\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-font-size-2xl\": 24,\n \"--d-font-size-2xs\": 10,\n \"--d-font-size-3xl\": 28,\n \"--d-font-size-4xl\": 34,\n \"--d-font-size-lg\": 18,\n \"--d-font-size-md\": 16,\n \"--d-font-size-sm\": 14,\n \"--d-font-size-xl\": 20,\n \"--d-font-size-xs\": 12,\n \"--d-font-weight-bold\": 700,\n \"--d-font-weight-medium\": 500,\n \"--d-font-weight-normal\": 400,\n \"--d-font-weight-semibold\": 600,\n \"--d-icon-color-button-interaction\": \"hsl(174, 73%, 28%)\",\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-surface-color-canvas\": \"hsl(0, 0%, 7%)\",\n \"--d-surface-color-card\": \"hsl(0, 0%, 12%)\",\n \"--d-text-color\": \"hsl(0, 0%, 88%)\",\n \"--d-text-color-button-interaction\": \"hsl(174, 70%, 37%)\",\n \"--d-text-color-disabled\": \"hsl(0, 0%, 32%)\",\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":"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"}
package/dist/build-output/ts/react-native-tokens-light.d.ts CHANGED
@@ -13,6 +13,8 @@ export declare const reactNativeTokensLight: {
13
13
  readonly type: "linear";
14
14
  readonly angle: 117.90481785563077;
15
15
  };
16
+ readonly "--d-border-color-button-delete": "hsl(0, 72%, 45%)";
17
+ readonly "--d-border-color-button-disabled": "hsl(0, 0%, 88%)";
16
18
  readonly "--d-fill-color-button-interaction-solid-gradient-default": {
17
19
  readonly stops: [{
18
20
  readonly color: "#42a5f5";
@@ -58,14 +60,31 @@ export declare const reactNativeTokensLight: {
58
60
  readonly "--d-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)";
59
61
  readonly "--d-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)";
60
62
  readonly "--d-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)";
63
+ readonly "--d-font-size-2xl": 24;
64
+ readonly "--d-font-size-2xs": 10;
65
+ readonly "--d-font-size-3xl": 28;
66
+ readonly "--d-font-size-4xl": 34;
67
+ readonly "--d-font-size-lg": 18;
68
+ readonly "--d-font-size-md": 16;
69
+ readonly "--d-font-size-sm": 14;
70
+ readonly "--d-font-size-xl": 20;
71
+ readonly "--d-font-size-xs": 12;
72
+ readonly "--d-font-weight-bold": 700;
73
+ readonly "--d-font-weight-medium": 500;
74
+ readonly "--d-font-weight-normal": 400;
75
+ readonly "--d-font-weight-semibold": 600;
76
+ readonly "--d-icon-color-button-interaction": "hsl(174, 73%, 28%)";
61
77
  readonly "--d-icon-color-interaction": "hsl(174, 73%, 28%)";
62
78
  readonly "--d-icon-color-status-error": "hsl(0, 72%, 45%)";
63
79
  readonly "--d-icon-color-status-info": "hsl(206, 100%, 31%)";
64
80
  readonly "--d-icon-color-status-neutral": "hsl(0, 0%, 32%)";
65
81
  readonly "--d-icon-color-status-success": "hsl(124, 55%, 33%)";
66
82
  readonly "--d-icon-color-status-warning": "hsl(36, 99%, 41%)";
83
+ readonly "--d-surface-color-canvas": "hsl(0, 0%, 100%)";
84
+ readonly "--d-surface-color-card": "hsl(0, 0%, 100%)";
67
85
  readonly "--d-text-color": "hsl(0, 0%, 24%)";
68
- readonly "--d-text-color-disabled": "hsl(0, 0%, 62%)";
86
+ readonly "--d-text-color-button-interaction": "hsl(174, 73%, 28%)";
87
+ readonly "--d-text-color-disabled": "hsl(0, 0%, 81%)";
69
88
  readonly "--d-text-color-headline": "hsl(0, 0%, 12%)";
70
89
  readonly "--d-text-color-interaction": "hsl(174, 73%, 28%)";
71
90
  readonly "--d-text-color-inverted": "hsl(0, 0%, 100%)";
package/dist/build-output/ts/react-native-tokens-light.d.ts.map CHANGED
@@ -1 +1 @@
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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ES,CAAA;AAE5C,MAAM,MAAM,sBAAsB,GAAG,OAAO,sBAAsB,CAAA"}
package/dist/build-output/ts/react-native-tokens-light.js CHANGED
@@ -3,6 +3,8 @@
3
3
  */
4
4
  const reactNativeTokensLight = {
5
5
  "--d-app-fill-color-gradient-header": { "stops": [{ "color": "#42a5f5", "position": 0 }, { "color": "#54b0aa", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
6
+ "--d-border-color-button-delete": "hsl(0, 72%, 45%)",
7
+ "--d-border-color-button-disabled": "hsl(0, 0%, 88%)",
6
8
  "--d-fill-color-button-interaction-solid-gradient-default": { "stops": [{ "color": "#42a5f5", "position": 0 }, { "color": "#68bb6a", "position": 1 }], "type": "linear", "angle": 117.90481785563077 },
7
9
  "--d-fill-color-neutral-000": "hsl(0, 0%, 12%)",
8
10
  "--d-fill-color-neutral-010": "hsl(0, 0%, 24%)",
@@ -38,14 +40,31 @@ const reactNativeTokensLight = {
38
40
  "--d-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)",
39
41
  "--d-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)",
40
42
  "--d-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)",
43
+ "--d-font-size-2xl": 24,
44
+ "--d-font-size-2xs": 10,
45
+ "--d-font-size-3xl": 28,
46
+ "--d-font-size-4xl": 34,
47
+ "--d-font-size-lg": 18,
48
+ "--d-font-size-md": 16,
49
+ "--d-font-size-sm": 14,
50
+ "--d-font-size-xl": 20,
51
+ "--d-font-size-xs": 12,
52
+ "--d-font-weight-bold": 700,
53
+ "--d-font-weight-medium": 500,
54
+ "--d-font-weight-normal": 400,
55
+ "--d-font-weight-semibold": 600,
56
+ "--d-icon-color-button-interaction": "hsl(174, 73%, 28%)",
41
57
  "--d-icon-color-interaction": "hsl(174, 73%, 28%)",
42
58
  "--d-icon-color-status-error": "hsl(0, 72%, 45%)",
43
59
  "--d-icon-color-status-info": "hsl(206, 100%, 31%)",
44
60
  "--d-icon-color-status-neutral": "hsl(0, 0%, 32%)",
45
61
  "--d-icon-color-status-success": "hsl(124, 55%, 33%)",
46
62
  "--d-icon-color-status-warning": "hsl(36, 99%, 41%)",
63
+ "--d-surface-color-canvas": "hsl(0, 0%, 100%)",
64
+ "--d-surface-color-card": "hsl(0, 0%, 100%)",
47
65
  "--d-text-color": "hsl(0, 0%, 24%)",
48
- "--d-text-color-disabled": "hsl(0, 0%, 62%)",
66
+ "--d-text-color-button-interaction": "hsl(174, 73%, 28%)",
67
+ "--d-text-color-disabled": "hsl(0, 0%, 81%)",
49
68
  "--d-text-color-headline": "hsl(0, 0%, 12%)",
50
69
  "--d-text-color-interaction": "hsl(174, 73%, 28%)",
51
70
  "--d-text-color-inverted": "hsl(0, 0%, 100%)",
package/dist/build-output/ts/react-native-tokens-light.js.map CHANGED
@@ -1 +1 @@
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;;;;;"}
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-border-color-button-delete\": \"hsl(0, 72%, 45%)\",\n \"--d-border-color-button-disabled\": \"hsl(0, 0%, 88%)\",\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-font-size-2xl\": 24,\n \"--d-font-size-2xs\": 10,\n \"--d-font-size-3xl\": 28,\n \"--d-font-size-4xl\": 34,\n \"--d-font-size-lg\": 18,\n \"--d-font-size-md\": 16,\n \"--d-font-size-sm\": 14,\n \"--d-font-size-xl\": 20,\n \"--d-font-size-xs\": 12,\n \"--d-font-weight-bold\": 700,\n \"--d-font-weight-medium\": 500,\n \"--d-font-weight-normal\": 400,\n \"--d-font-weight-semibold\": 600,\n \"--d-icon-color-button-interaction\": \"hsl(174, 73%, 28%)\",\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-surface-color-canvas\": \"hsl(0, 0%, 100%)\",\n \"--d-surface-color-card\": \"hsl(0, 0%, 100%)\",\n \"--d-text-color\": \"hsl(0, 0%, 24%)\",\n \"--d-text-color-button-interaction\": \"hsl(174, 73%, 28%)\",\n \"--d-text-color-disabled\": \"hsl(0, 0%, 81%)\",\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,gCAAgC,EAAE,kBAAkB;AACpD,IAAA,kCAAkC,EAAE,iBAAiB;AACrD,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,mBAAmB,EAAE,EAAE;AACvB,IAAA,mBAAmB,EAAE,EAAE;AACvB,IAAA,mBAAmB,EAAE,EAAE;AACvB,IAAA,mBAAmB,EAAE,EAAE;AACvB,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,kBAAkB,EAAE,EAAE;AACtB,IAAA,sBAAsB,EAAE,GAAG;AAC3B,IAAA,wBAAwB,EAAE,GAAG;AAC7B,IAAA,wBAAwB,EAAE,GAAG;AAC7B,IAAA,0BAA0B,EAAE,GAAG;AAC/B,IAAA,mCAAmC,EAAE,oBAAoB;AACzD,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,0BAA0B,EAAE,kBAAkB;AAC9C,IAAA,wBAAwB,EAAE,kBAAkB;AAC5C,IAAA,gBAAgB,EAAE,iBAAiB;AACnC,IAAA,mCAAmC,EAAE,oBAAoB;AACzD,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/tokens-by-theme-set.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
  export declare const tokensByThemeSet: {
5
- 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"];
5
+ readonly brand: readonly ["--d-app-fill-color-gradient-header", "--d-fill-color-button-interaction-solid-gradient-default", "--d-icon-color-button-interaction", "--d-icon-color-interaction", "--d-text-color-button-interaction", "--d-text-color-interaction"];
6
6
  };
7
7
  export type ThemeableTokenNamesUnion = (typeof tokensByThemeSet)[keyof typeof tokensByThemeSet][number];
8
8
  //# sourceMappingURL=tokens-by-theme-set.d.ts.map
package/dist/build-output/ts/tokens-by-theme-set.js CHANGED
@@ -2,7 +2,7 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
  const tokensByThemeSet = {
5
- brand: ["--d-app-fill-color-gradient-header", "--d-fill-color-button-interaction-solid-gradient-default", "--d-icon-color-interaction", "--d-text-color-interaction"]
5
+ brand: ["--d-app-fill-color-gradient-header", "--d-fill-color-button-interaction-solid-gradient-default", "--d-icon-color-button-interaction", "--d-icon-color-interaction", "--d-text-color-button-interaction", "--d-text-color-interaction"]
6
6
  };
7
7
 
8
8
  export { tokensByThemeSet };
package/dist/build-output/ts/tokens-by-theme-set.js.map CHANGED
@@ -1 +1 @@
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;;;;;"}
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-button-interaction\", \"--d-icon-color-interaction\", \"--d-text-color-button-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;AAC9B,IAAA,KAAK,EAAE,CAAC,oCAAoC,EAAE,0DAA0D,EAAE,mCAAmC,EAAE,4BAA4B,EAAE,mCAAmC,EAAE,4BAA4B;;;;;"}
package/dist/build-output/ts/tokens.d.ts CHANGED
@@ -3,6 +3,8 @@
3
3
  */
4
4
  export declare const tokens: {
5
5
  "--d-app-fill-color-gradient-header": "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%))";
6
+ "--d-border-color-button-delete": "hsl(0, 72%, 45%)";
7
+ "--d-border-color-button-disabled": "hsl(0, 0%, 88%)";
6
8
  "--d-fill-color-button-interaction-solid-gradient-default": "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%))";
7
9
  "--d-fill-color-neutral-000": "hsl(0, 0%, 12%)";
8
10
  "--d-fill-color-neutral-010": "hsl(0, 0%, 24%)";
@@ -38,14 +40,31 @@ export declare const tokens: {
38
40
  "--d-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)";
39
41
  "--d-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)";
40
42
  "--d-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)";
43
+ "--d-font-size-2xl": "24px";
44
+ "--d-font-size-2xs": "10px";
45
+ "--d-font-size-3xl": "28px";
46
+ "--d-font-size-4xl": "34px";
47
+ "--d-font-size-lg": "18px";
48
+ "--d-font-size-md": "16px";
49
+ "--d-font-size-sm": "14px";
50
+ "--d-font-size-xl": "20px";
51
+ "--d-font-size-xs": "12px";
52
+ "--d-font-weight-bold": "700px";
53
+ "--d-font-weight-medium": "500px";
54
+ "--d-font-weight-normal": "400px";
55
+ "--d-font-weight-semibold": "600px";
56
+ "--d-icon-color-button-interaction": "hsl(174, 73%, 28%)";
41
57
  "--d-icon-color-interaction": "hsl(174, 73%, 28%)";
42
58
  "--d-icon-color-status-error": "hsl(0, 72%, 45%)";
43
59
  "--d-icon-color-status-info": "hsl(206, 100%, 31%)";
44
60
  "--d-icon-color-status-neutral": "hsl(0, 0%, 32%)";
45
61
  "--d-icon-color-status-success": "hsl(124, 55%, 33%)";
46
62
  "--d-icon-color-status-warning": "hsl(36, 99%, 41%)";
63
+ "--d-surface-color-canvas": "hsl(0, 0%, 100%)";
64
+ "--d-surface-color-card": "hsl(0, 0%, 100%)";
47
65
  "--d-text-color": "hsl(0, 0%, 24%)";
48
- "--d-text-color-disabled": "hsl(0, 0%, 62%)";
66
+ "--d-text-color-button-interaction": "hsl(174, 73%, 28%)";
67
+ "--d-text-color-disabled": "hsl(0, 0%, 81%)";
49
68
  "--d-text-color-headline": "hsl(0, 0%, 12%)";
50
69
  "--d-text-color-interaction": "hsl(174, 73%, 28%)";
51
70
  "--d-text-color-inverted": "hsl(0, 0%, 100%)";
package/dist/build-output/ts/tokens.d.ts.map CHANGED
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/build-output/ts/tokens.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ElB,CAAA"}
package/dist/build-output/ts/tokens.js CHANGED
@@ -3,6 +3,8 @@
3
3
  */
4
4
  const tokens = {
5
5
  "--d-app-fill-color-gradient-header": "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%))",
6
+ "--d-border-color-button-delete": "hsl(0, 72%, 45%)",
7
+ "--d-border-color-button-disabled": "hsl(0, 0%, 88%)",
6
8
  "--d-fill-color-button-interaction-solid-gradient-default": "linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%))",
7
9
  "--d-fill-color-neutral-000": "hsl(0, 0%, 12%)",
8
10
  "--d-fill-color-neutral-010": "hsl(0, 0%, 24%)",
@@ -38,14 +40,31 @@ const tokens = {
38
40
  "--d-fill-color-transparency-light-070": "hsla(0, 0%, 100%, 0.7)",
39
41
  "--d-fill-color-transparency-light-080": "hsla(0, 0%, 100%, 0.8)",
40
42
  "--d-fill-color-transparency-light-090": "hsla(0, 0%, 100%, 0.9)",
43
+ "--d-font-size-2xl": "24px",
44
+ "--d-font-size-2xs": "10px",
45
+ "--d-font-size-3xl": "28px",
46
+ "--d-font-size-4xl": "34px",
47
+ "--d-font-size-lg": "18px",
48
+ "--d-font-size-md": "16px",
49
+ "--d-font-size-sm": "14px",
50
+ "--d-font-size-xl": "20px",
51
+ "--d-font-size-xs": "12px",
52
+ "--d-font-weight-bold": "700px",
53
+ "--d-font-weight-medium": "500px",
54
+ "--d-font-weight-normal": "400px",
55
+ "--d-font-weight-semibold": "600px",
56
+ "--d-icon-color-button-interaction": "hsl(174, 73%, 28%)",
41
57
  "--d-icon-color-interaction": "hsl(174, 73%, 28%)",
42
58
  "--d-icon-color-status-error": "hsl(0, 72%, 45%)",
43
59
  "--d-icon-color-status-info": "hsl(206, 100%, 31%)",
44
60
  "--d-icon-color-status-neutral": "hsl(0, 0%, 32%)",
45
61
  "--d-icon-color-status-success": "hsl(124, 55%, 33%)",
46
62
  "--d-icon-color-status-warning": "hsl(36, 99%, 41%)",
63
+ "--d-surface-color-canvas": "hsl(0, 0%, 100%)",
64
+ "--d-surface-color-card": "hsl(0, 0%, 100%)",
47
65
  "--d-text-color": "hsl(0, 0%, 24%)",
48
- "--d-text-color-disabled": "hsl(0, 0%, 62%)",
66
+ "--d-text-color-button-interaction": "hsl(174, 73%, 28%)",
67
+ "--d-text-color-disabled": "hsl(0, 0%, 81%)",
49
68
  "--d-text-color-headline": "hsl(0, 0%, 12%)",
50
69
  "--d-text-color-interaction": "hsl(174, 73%, 28%)",
51
70
  "--d-text-color-inverted": "hsl(0, 0%, 100%)",
package/dist/build-output/ts/tokens.js.map CHANGED
@@ -1 +1 @@
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;;;;;"}
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-border-color-button-delete\": \"hsl(0, 72%, 45%)\" as const,\n \"--d-border-color-button-disabled\": \"hsl(0, 0%, 88%)\" 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-font-size-2xl\": \"24px\" as const,\n \"--d-font-size-2xs\": \"10px\" as const,\n \"--d-font-size-3xl\": \"28px\" as const,\n \"--d-font-size-4xl\": \"34px\" as const,\n \"--d-font-size-lg\": \"18px\" as const,\n \"--d-font-size-md\": \"16px\" as const,\n \"--d-font-size-sm\": \"14px\" as const,\n \"--d-font-size-xl\": \"20px\" as const,\n \"--d-font-size-xs\": \"12px\" as const,\n \"--d-font-weight-bold\": \"700px\" as const,\n \"--d-font-weight-medium\": \"500px\" as const,\n \"--d-font-weight-normal\": \"400px\" as const,\n \"--d-font-weight-semibold\": \"600px\" as const,\n \"--d-icon-color-button-interaction\": \"hsl(174, 73%, 28%)\" 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-surface-color-canvas\": \"hsl(0, 0%, 100%)\" as const,\n \"--d-surface-color-card\": \"hsl(0, 0%, 100%)\" as const,\n \"--d-text-color\": \"hsl(0, 0%, 24%)\" as const,\n \"--d-text-color-button-interaction\": \"hsl(174, 73%, 28%)\" as const,\n \"--d-text-color-disabled\": \"hsl(0, 0%, 81%)\" 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,gCAAgC,EAAE,kBAA2B;AAC7D,IAAA,kCAAkC,EAAE,iBAA0B;AAC9D,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,mBAAmB,EAAE,MAAe;AACpC,IAAA,mBAAmB,EAAE,MAAe;AACpC,IAAA,mBAAmB,EAAE,MAAe;AACpC,IAAA,mBAAmB,EAAE,MAAe;AACpC,IAAA,kBAAkB,EAAE,MAAe;AACnC,IAAA,kBAAkB,EAAE,MAAe;AACnC,IAAA,kBAAkB,EAAE,MAAe;AACnC,IAAA,kBAAkB,EAAE,MAAe;AACnC,IAAA,kBAAkB,EAAE,MAAe;AACnC,IAAA,sBAAsB,EAAE,OAAgB;AACxC,IAAA,wBAAwB,EAAE,OAAgB;AAC1C,IAAA,wBAAwB,EAAE,OAAgB;AAC1C,IAAA,0BAA0B,EAAE,OAAgB;AAC5C,IAAA,mCAAmC,EAAE,oBAA6B;AAClE,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,0BAA0B,EAAE,kBAA2B;AACvD,IAAA,wBAAwB,EAAE,kBAA2B;AACrD,IAAA,gBAAgB,EAAE,iBAA0B;AAC5C,IAAA,mCAAmC,EAAE,oBAA6B;AAClE,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 CHANGED
@@ -10,6 +10,8 @@ export interface ReactNativeTokensSchema {
10
10
  type: string;
11
11
  angle: number;
12
12
  };
13
+ "--d-border-color-button-delete": string;
14
+ "--d-border-color-button-disabled": string;
13
15
  "--d-fill-color-button-interaction-solid-gradient-default": {
14
16
  stops: {
15
17
  position: number;
@@ -52,13 +54,30 @@ export interface ReactNativeTokensSchema {
52
54
  "--d-fill-color-transparency-light-070": string;
53
55
  "--d-fill-color-transparency-light-080": string;
54
56
  "--d-fill-color-transparency-light-090": string;
57
+ "--d-font-size-2xl": number;
58
+ "--d-font-size-2xs": number;
59
+ "--d-font-size-3xl": number;
60
+ "--d-font-size-4xl": number;
61
+ "--d-font-size-lg": number;
62
+ "--d-font-size-md": number;
63
+ "--d-font-size-sm": number;
64
+ "--d-font-size-xl": number;
65
+ "--d-font-size-xs": number;
66
+ "--d-font-weight-bold": number;
67
+ "--d-font-weight-medium": number;
68
+ "--d-font-weight-normal": number;
69
+ "--d-font-weight-semibold": number;
70
+ "--d-icon-color-button-interaction": string;
55
71
  "--d-icon-color-interaction": string;
56
72
  "--d-icon-color-status-error": string;
57
73
  "--d-icon-color-status-info": string;
58
74
  "--d-icon-color-status-neutral": string;
59
75
  "--d-icon-color-status-success": string;
60
76
  "--d-icon-color-status-warning": string;
77
+ "--d-surface-color-canvas": string;
78
+ "--d-surface-color-card": string;
61
79
  "--d-text-color": string;
80
+ "--d-text-color-button-interaction": string;
62
81
  "--d-text-color-disabled": string;
63
82
  "--d-text-color-headline": string;
64
83
  "--d-text-color-interaction": string;
package/dist/build-output/ts/types/react-native-types.d.ts.map CHANGED
@@ -1 +1 @@
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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"}
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 CHANGED
@@ -1,5 +1,7 @@
1
- :root{
1
+ :root, [data-doxy-color-mode="light"]{
2
2
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));
3
+ --d-border-color-button-delete:hsl(0, 72%, 45%);
4
+ --d-border-color-button-disabled:hsl(0, 0%, 88%);
3
5
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));
4
6
  --d-fill-color-neutral-000:hsl(0, 0%, 12%);
5
7
  --d-fill-color-neutral-010:hsl(0, 0%, 24%);
@@ -35,14 +37,31 @@
35
37
  --d-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
36
38
  --d-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
37
39
  --d-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
40
+ --d-font-size-2xl:24px;
41
+ --d-font-size-2xs:10px;
42
+ --d-font-size-3xl:28px;
43
+ --d-font-size-4xl:34px;
44
+ --d-font-size-lg:18px;
45
+ --d-font-size-md:16px;
46
+ --d-font-size-sm:14px;
47
+ --d-font-size-xl:20px;
48
+ --d-font-size-xs:12px;
49
+ --d-font-weight-bold:700px;
50
+ --d-font-weight-medium:500px;
51
+ --d-font-weight-normal:400px;
52
+ --d-font-weight-semibold:600px;
53
+ --d-icon-color-button-interaction:hsl(174, 73%, 28%);
38
54
  --d-icon-color-interaction:hsl(174, 73%, 28%);
39
55
  --d-icon-color-status-error:hsl(0, 72%, 45%);
40
56
  --d-icon-color-status-info:hsl(206, 100%, 31%);
41
57
  --d-icon-color-status-neutral:hsl(0, 0%, 32%);
42
58
  --d-icon-color-status-success:hsl(124, 55%, 33%);
43
59
  --d-icon-color-status-warning:hsl(36, 99%, 41%);
60
+ --d-surface-color-canvas:hsl(0, 0%, 100%);
61
+ --d-surface-color-card:hsl(0, 0%, 100%);
44
62
  --d-text-color:hsl(0, 0%, 24%);
45
- --d-text-color-disabled:hsl(0, 0%, 62%);
63
+ --d-text-color-button-interaction:hsl(174, 73%, 28%);
64
+ --d-text-color-disabled:hsl(0, 0%, 81%);
46
65
  --d-text-color-headline:hsl(0, 0%, 12%);
47
66
  --d-text-color-interaction:hsl(174, 73%, 28%);
48
67
  --d-text-color-inverted:hsl(0, 0%, 100%);
@@ -55,9 +74,10 @@
55
74
  --d-text-color-status-warning:hsl(36, 99%, 32%);
56
75
  }
57
76
 
58
- :root[data-color-mode="dark"], body[data-color-scheme="dark"]{
77
+ :root[data-color-mode="dark"], body[data-color-scheme="dark"], [data-doxy-color-mode="dark"]{
59
78
  color-scheme:dark;
60
79
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
80
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
61
81
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
62
82
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
63
83
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -99,8 +119,11 @@
99
119
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
100
120
  --d-icon-color-status-success:hsl(124, 50%, 38%);
101
121
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
122
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
123
+ --d-surface-color-card:hsl(0, 0%, 12%);
102
124
  --d-text-color:hsl(0, 0%, 88%);
103
- --d-text-color-disabled:hsl(0, 0%, 50%);
125
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
126
+ --d-text-color-disabled:hsl(0, 0%, 32%);
104
127
  --d-text-color-headline:hsl(0, 0%, 98%);
105
128
  --d-text-color-interaction:hsl(174, 70%, 37%);
106
129
  --d-text-color-placeholder:hsl(0, 0%, 24%);
@@ -116,6 +139,7 @@
116
139
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
117
140
  color-scheme:dark;
118
141
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
142
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
119
143
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
120
144
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
121
145
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -157,8 +181,11 @@
157
181
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
158
182
  --d-icon-color-status-success:hsl(124, 50%, 38%);
159
183
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
184
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
185
+ --d-surface-color-card:hsl(0, 0%, 12%);
160
186
  --d-text-color:hsl(0, 0%, 88%);
161
- --d-text-color-disabled:hsl(0, 0%, 50%);
187
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
188
+ --d-text-color-disabled:hsl(0, 0%, 32%);
162
189
  --d-text-color-headline:hsl(0, 0%, 98%);
163
190
  --d-text-color-interaction:hsl(174, 70%, 37%);
164
191
  --d-text-color-placeholder:hsl(0, 0%, 24%);
package/dist/index.css.map CHANGED
@@ -1 +1 @@
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"]}
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, [data-doxy-color-mode=\"light\"] {\n --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));\n --d-border-color-button-delete: hsl(0, 72%, 45%);\n --d-border-color-button-disabled: hsl(0, 0%, 88%);\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-font-size-2xl: 24px;\n --d-font-size-2xs: 10px;\n --d-font-size-3xl: 28px;\n --d-font-size-4xl: 34px;\n --d-font-size-lg: 18px;\n --d-font-size-md: 16px;\n --d-font-size-sm: 14px;\n --d-font-size-xl: 20px;\n --d-font-size-xs: 12px;\n --d-font-weight-bold: 700px;\n --d-font-weight-medium: 500px;\n --d-font-weight-normal: 400px;\n --d-font-weight-semibold: 600px;\n --d-icon-color-button-interaction: hsl(174, 73%, 28%);\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-surface-color-canvas: hsl(0, 0%, 100%);\n --d-surface-color-card: hsl(0, 0%, 100%);\n --d-text-color: hsl(0, 0%, 24%);\n --d-text-color-button-interaction: hsl(174, 73%, 28%);\n --d-text-color-disabled: hsl(0, 0%, 81%);\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\"], [data-doxy-color-mode=\"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-border-color-button-disabled: hsl(0, 0%, 24%);\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-surface-color-canvas: hsl(0, 0%, 7%);\n --d-surface-color-card: hsl(0, 0%, 12%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-button-interaction: hsl(174, 70%, 37%);\n --d-text-color-disabled: hsl(0, 0%, 32%);\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-border-color-button-disabled: hsl(0, 0%, 24%);\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-surface-color-canvas: hsl(0, 0%, 7%);\n --d-surface-color-card: hsl(0, 0%, 12%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-button-interaction: hsl(174, 70%, 37%);\n --d-text-color-disabled: hsl(0, 0%, 32%);\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.css CHANGED
@@ -1,6 +1,7 @@
1
- :root[data-color-mode="dark"], body[data-color-scheme="dark"]{
1
+ :root[data-color-mode="dark"], body[data-color-scheme="dark"], [data-doxy-color-mode="dark"]{
2
2
  color-scheme:dark;
3
3
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
4
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
4
5
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
5
6
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
6
7
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -42,8 +43,11 @@
42
43
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
43
44
  --d-icon-color-status-success:hsl(124, 50%, 38%);
44
45
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
46
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
47
+ --d-surface-color-card:hsl(0, 0%, 12%);
45
48
  --d-text-color:hsl(0, 0%, 88%);
46
- --d-text-color-disabled:hsl(0, 0%, 50%);
49
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
50
+ --d-text-color-disabled:hsl(0, 0%, 32%);
47
51
  --d-text-color-headline:hsl(0, 0%, 98%);
48
52
  --d-text-color-interaction:hsl(174, 70%, 37%);
49
53
  --d-text-color-placeholder:hsl(0, 0%, 24%);
@@ -59,6 +63,7 @@
59
63
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
60
64
  color-scheme:dark;
61
65
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
66
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
62
67
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
63
68
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
64
69
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -100,8 +105,11 @@
100
105
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
101
106
  --d-icon-color-status-success:hsl(124, 50%, 38%);
102
107
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
108
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
109
+ --d-surface-color-card:hsl(0, 0%, 12%);
103
110
  --d-text-color:hsl(0, 0%, 88%);
104
- --d-text-color-disabled:hsl(0, 0%, 50%);
111
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
112
+ --d-text-color-disabled:hsl(0, 0%, 32%);
105
113
  --d-text-color-headline:hsl(0, 0%, 98%);
106
114
  --d-text-color-interaction:hsl(174, 70%, 37%);
107
115
  --d-text-color-placeholder:hsl(0, 0%, 24%);
package/dist/tokens-dark.css.map CHANGED
@@ -1 +1 @@
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"]}
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,gDAAiD;EACjD,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,uCAAwC;EACxC,sCAAuC;EACvC,8BAA+B;EAC/B,oDAAqD;EACrD,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;;AC3DA;AACA;EACE,iBAAkB;EAClB,8FAA+F;EAC/F,gDAAiD;EACjD,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,uCAAwC;EACxC,sCAAuC;EACvC,8BAA+B;EAC/B,oDAAqD;EACrD,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\"], [data-doxy-color-mode=\"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-border-color-button-disabled: hsl(0, 0%, 24%);\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-surface-color-canvas: hsl(0, 0%, 7%);\n --d-surface-color-card: hsl(0, 0%, 12%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-button-interaction: hsl(174, 70%, 37%);\n --d-text-color-disabled: hsl(0, 0%, 32%);\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-border-color-button-disabled: hsl(0, 0%, 24%);\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-surface-color-canvas: hsl(0, 0%, 7%);\n --d-surface-color-card: hsl(0, 0%, 12%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-button-interaction: hsl(174, 70%, 37%);\n --d-text-color-disabled: hsl(0, 0%, 32%);\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.css CHANGED
@@ -1,5 +1,7 @@
1
- :root{
1
+ :root, [data-doxy-color-mode="light"]{
2
2
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));
3
+ --d-border-color-button-delete:hsl(0, 72%, 45%);
4
+ --d-border-color-button-disabled:hsl(0, 0%, 88%);
3
5
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));
4
6
  --d-fill-color-neutral-000:hsl(0, 0%, 12%);
5
7
  --d-fill-color-neutral-010:hsl(0, 0%, 24%);
@@ -35,14 +37,31 @@
35
37
  --d-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
36
38
  --d-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
37
39
  --d-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
40
+ --d-font-size-2xl:24px;
41
+ --d-font-size-2xs:10px;
42
+ --d-font-size-3xl:28px;
43
+ --d-font-size-4xl:34px;
44
+ --d-font-size-lg:18px;
45
+ --d-font-size-md:16px;
46
+ --d-font-size-sm:14px;
47
+ --d-font-size-xl:20px;
48
+ --d-font-size-xs:12px;
49
+ --d-font-weight-bold:700px;
50
+ --d-font-weight-medium:500px;
51
+ --d-font-weight-normal:400px;
52
+ --d-font-weight-semibold:600px;
53
+ --d-icon-color-button-interaction:hsl(174, 73%, 28%);
38
54
  --d-icon-color-interaction:hsl(174, 73%, 28%);
39
55
  --d-icon-color-status-error:hsl(0, 72%, 45%);
40
56
  --d-icon-color-status-info:hsl(206, 100%, 31%);
41
57
  --d-icon-color-status-neutral:hsl(0, 0%, 32%);
42
58
  --d-icon-color-status-success:hsl(124, 55%, 33%);
43
59
  --d-icon-color-status-warning:hsl(36, 99%, 41%);
60
+ --d-surface-color-canvas:hsl(0, 0%, 100%);
61
+ --d-surface-color-card:hsl(0, 0%, 100%);
44
62
  --d-text-color:hsl(0, 0%, 24%);
45
- --d-text-color-disabled:hsl(0, 0%, 62%);
63
+ --d-text-color-button-interaction:hsl(174, 73%, 28%);
64
+ --d-text-color-disabled:hsl(0, 0%, 81%);
46
65
  --d-text-color-headline:hsl(0, 0%, 12%);
47
66
  --d-text-color-interaction:hsl(174, 73%, 28%);
48
67
  --d-text-color-inverted:hsl(0, 0%, 100%);
@@ -55,9 +74,10 @@
55
74
  --d-text-color-status-warning:hsl(36, 99%, 32%);
56
75
  }
57
76
 
58
- :root[data-color-mode="dark"], body[data-color-scheme="dark"]{
77
+ :root[data-color-mode="dark"], body[data-color-scheme="dark"], [data-doxy-color-mode="dark"]{
59
78
  color-scheme:dark;
60
79
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
80
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
61
81
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
62
82
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
63
83
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -99,8 +119,11 @@
99
119
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
100
120
  --d-icon-color-status-success:hsl(124, 50%, 38%);
101
121
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
122
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
123
+ --d-surface-color-card:hsl(0, 0%, 12%);
102
124
  --d-text-color:hsl(0, 0%, 88%);
103
- --d-text-color-disabled:hsl(0, 0%, 50%);
125
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
126
+ --d-text-color-disabled:hsl(0, 0%, 32%);
104
127
  --d-text-color-headline:hsl(0, 0%, 98%);
105
128
  --d-text-color-interaction:hsl(174, 70%, 37%);
106
129
  --d-text-color-placeholder:hsl(0, 0%, 24%);
@@ -116,6 +139,7 @@
116
139
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
117
140
  color-scheme:dark;
118
141
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
142
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
119
143
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
120
144
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
121
145
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -157,8 +181,11 @@
157
181
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
158
182
  --d-icon-color-status-success:hsl(124, 50%, 38%);
159
183
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
184
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
185
+ --d-surface-color-card:hsl(0, 0%, 12%);
160
186
  --d-text-color:hsl(0, 0%, 88%);
161
- --d-text-color-disabled:hsl(0, 0%, 50%);
187
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
188
+ --d-text-color-disabled:hsl(0, 0%, 32%);
162
189
  --d-text-color-headline:hsl(0, 0%, 98%);
163
190
  --d-text-color-interaction:hsl(174, 70%, 37%);
164
191
  --d-text-color-placeholder:hsl(0, 0%, 24%);
package/dist/tokens.css.map CHANGED
@@ -1 +1 @@
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":"tokens.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"]}
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":"tokens.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root, [data-doxy-color-mode=\"light\"] {\n --d-app-fill-color-gradient-header: linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%));\n --d-border-color-button-delete: hsl(0, 72%, 45%);\n --d-border-color-button-disabled: hsl(0, 0%, 88%);\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-font-size-2xl: 24px;\n --d-font-size-2xs: 10px;\n --d-font-size-3xl: 28px;\n --d-font-size-4xl: 34px;\n --d-font-size-lg: 18px;\n --d-font-size-md: 16px;\n --d-font-size-sm: 14px;\n --d-font-size-xl: 20px;\n --d-font-size-xs: 12px;\n --d-font-weight-bold: 700px;\n --d-font-weight-medium: 500px;\n --d-font-weight-normal: 400px;\n --d-font-weight-semibold: 600px;\n --d-icon-color-button-interaction: hsl(174, 73%, 28%);\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-surface-color-canvas: hsl(0, 0%, 100%);\n --d-surface-color-card: hsl(0, 0%, 100%);\n --d-text-color: hsl(0, 0%, 24%);\n --d-text-color-button-interaction: hsl(174, 73%, 28%);\n --d-text-color-disabled: hsl(0, 0%, 81%);\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\"], [data-doxy-color-mode=\"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-border-color-button-disabled: hsl(0, 0%, 24%);\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-surface-color-canvas: hsl(0, 0%, 7%);\n --d-surface-color-card: hsl(0, 0%, 12%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-button-interaction: hsl(174, 70%, 37%);\n --d-text-color-disabled: hsl(0, 0%, 32%);\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-border-color-button-disabled: hsl(0, 0%, 24%);\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-surface-color-canvas: hsl(0, 0%, 7%);\n --d-surface-color-card: hsl(0, 0%, 12%);\n --d-text-color: hsl(0, 0%, 88%);\n --d-text-color-button-interaction: hsl(174, 70%, 37%);\n --d-text-color-disabled: hsl(0, 0%, 32%);\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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/doxy",
3
- "version": "1.0.0",
3
+ "version": "1.1.0",
4
4
  "main": "./dist/index.js",
5
5
  "repository": "git@github.com:planningcenter/doxy.git",
6
6
  "type": "module",
@@ -23,6 +23,10 @@
23
23
  },
24
24
  "exports": {
25
25
  ".": "./dist/index.js",
26
+ "./dist/tokens": {
27
+ "sass": "./dist/tokens.css",
28
+ "default": "./dist/tokens.js"
29
+ },
26
30
  "./index.css": "./dist/index.css",
27
31
  "./tokens.css": "./dist/tokens.css",
28
32
  "./tokens-dark.css": "./dist/tokens-dark.css",
@@ -90,7 +94,7 @@
90
94
  "react-dom": "^19.2.3",
91
95
  "remark-gfm": "^4.0.1",
92
96
  "rimraf": "^6.1.2",
93
- "rollup": "^4.57.0",
97
+ "rollup": "^4.59.0",
94
98
  "rollup-plugin-node-externals": "^8.1.2",
95
99
  "rollup-plugin-postcss": "^4.0.2",
96
100
  "rollup-plugin-rename-node-modules": "^1.3.1",