@planningcenter/doxy 1.0.0 → 1.2.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 (37) hide show
  1. package/README.md +18 -0
  2. package/dist/build-output/ts/color-tokens.d.ts +777 -0
  3. package/dist/build-output/ts/color-tokens.d.ts.map +1 -0
  4. package/dist/build-output/ts/color-tokens.js +316 -0
  5. package/dist/build-output/ts/color-tokens.js.map +1 -0
  6. package/dist/build-output/ts/index.d.ts +1 -0
  7. package/dist/build-output/ts/index.d.ts.map +1 -1
  8. package/dist/build-output/ts/index.js +1 -0
  9. package/dist/build-output/ts/index.js.map +1 -1
  10. package/dist/build-output/ts/react-native-tokens-dark.d.ts +39 -1
  11. package/dist/build-output/ts/react-native-tokens-dark.d.ts.map +1 -1
  12. package/dist/build-output/ts/react-native-tokens-dark.js +39 -1
  13. package/dist/build-output/ts/react-native-tokens-dark.js.map +1 -1
  14. package/dist/build-output/ts/react-native-tokens-light.d.ts +40 -2
  15. package/dist/build-output/ts/react-native-tokens-light.d.ts.map +1 -1
  16. package/dist/build-output/ts/react-native-tokens-light.js +40 -2
  17. package/dist/build-output/ts/react-native-tokens-light.js.map +1 -1
  18. package/dist/build-output/ts/tokens-by-theme-set.d.ts +1 -1
  19. package/dist/build-output/ts/tokens-by-theme-set.js +1 -1
  20. package/dist/build-output/ts/tokens-by-theme-set.js.map +1 -1
  21. package/dist/build-output/ts/tokens.d.ts +40 -2
  22. package/dist/build-output/ts/tokens.d.ts.map +1 -1
  23. package/dist/build-output/ts/tokens.js +40 -2
  24. package/dist/build-output/ts/tokens.js.map +1 -1
  25. package/dist/build-output/ts/types/react-native-types.d.ts +38 -0
  26. package/dist/build-output/ts/types/react-native-types.d.ts.map +1 -1
  27. package/dist/index.css +90 -6
  28. package/dist/index.css.map +1 -1
  29. package/dist/index.d.ts +1 -0
  30. package/dist/index.d.ts.map +1 -1
  31. package/dist/index.js +1 -0
  32. package/dist/index.js.map +1 -1
  33. package/dist/tokens-dark.css +49 -3
  34. package/dist/tokens-dark.css.map +1 -1
  35. package/dist/tokens.css +90 -6
  36. package/dist/tokens.css.map +1 -1
  37. package/package.json +10 -2
package/dist/index.css CHANGED
@@ -1,5 +1,18 @@
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:hsl(0, 0%, 88%);
4
+ --d-border-color-button-delete:hsl(0, 72%, 45%);
5
+ --d-border-color-button-disabled:hsl(0, 0%, 88%);
6
+ --d-border-color-dark:hsl(0, 0%, 81%);
7
+ --d-border-color-dim:hsl(0, 0%, 95%);
8
+ --d-border-color-status-warning:hsl(42, 90%, 60%);
9
+ --d-fill-color-button-delete-outline:hsl(0, 0%, 100%);
10
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 100%);
11
+ --d-fill-color-button-delete-solid:hsl(0, 72%, 45%);
12
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 93%);
13
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 100%);
14
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 100%);
15
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
3
16
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));
4
17
  --d-fill-color-neutral-000:hsl(0, 0%, 12%);
5
18
  --d-fill-color-neutral-010:hsl(0, 0%, 24%);
@@ -35,18 +48,43 @@
35
48
  --d-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
36
49
  --d-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
37
50
  --d-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
51
+ --d-font-size-2xl:24px;
52
+ --d-font-size-2xs:10px;
53
+ --d-font-size-3xl:28px;
54
+ --d-font-size-4xl:34px;
55
+ --d-font-size-lg:18px;
56
+ --d-font-size-md:16px;
57
+ --d-font-size-sm:14px;
58
+ --d-font-size-xl:20px;
59
+ --d-font-size-xs:12px;
60
+ --d-font-weight-bold:700px;
61
+ --d-font-weight-medium:500px;
62
+ --d-font-weight-normal:400px;
63
+ --d-font-weight-semibold:600px;
64
+ --d-icon-color-button-disabled:hsl(0, 0%, 81%);
65
+ --d-icon-color-button-error:hsl(0, 72%, 45%);
66
+ --d-icon-color-button-interaction:hsl(174, 73%, 28%);
38
67
  --d-icon-color-interaction:hsl(174, 73%, 28%);
68
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 81%);
69
+ --d-icon-color-interaction-error:hsl(0, 72%, 45%);
39
70
  --d-icon-color-status-error:hsl(0, 72%, 45%);
40
71
  --d-icon-color-status-info:hsl(206, 100%, 31%);
41
72
  --d-icon-color-status-neutral:hsl(0, 0%, 32%);
42
73
  --d-icon-color-status-success:hsl(124, 55%, 33%);
43
74
  --d-icon-color-status-warning:hsl(36, 99%, 41%);
75
+ --d-surface-color-canvas:hsl(0, 0%, 100%);
76
+ --d-surface-color-card:hsl(0, 0%, 100%);
44
77
  --d-text-color:hsl(0, 0%, 24%);
45
- --d-text-color-disabled:hsl(0, 0%, 62%);
78
+ --d-text-color-button-interaction:hsl(174, 73%, 28%);
79
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 81%);
80
+ --d-text-color-button-interaction-error:hsl(0, 72%, 45%);
81
+ --d-text-color-disabled:hsl(0, 0%, 81%);
46
82
  --d-text-color-headline:hsl(0, 0%, 12%);
47
83
  --d-text-color-interaction:hsl(174, 73%, 28%);
84
+ --d-text-color-interaction-disabled:hsl(0, 0%, 81%);
85
+ --d-text-color-interaction-error:hsl(0, 72%, 45%);
48
86
  --d-text-color-inverted:hsl(0, 0%, 100%);
49
- --d-text-color-placeholder:hsl(0, 0%, 88%);
87
+ --d-text-color-placeholder:hsl(0, 0%, 58%);
50
88
  --d-text-color-secondary:hsl(0, 0%, 45%);
51
89
  --d-text-color-status-error:hsl(0, 72%, 45%);
52
90
  --d-text-color-status-info:hsl(206, 100%, 31%);
@@ -55,9 +93,20 @@
55
93
  --d-text-color-status-warning:hsl(36, 99%, 32%);
56
94
  }
57
95
 
58
- :root[data-color-mode="dark"], body[data-color-scheme="dark"]{
96
+ :root[data-color-mode="dark"], body[data-color-scheme="dark"], [data-doxy-color-mode="dark"]{
59
97
  color-scheme:dark;
60
98
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
99
+ --d-border-color:hsl(0, 0%, 24%);
100
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
101
+ --d-border-color-dark:hsl(0, 0%, 32%);
102
+ --d-border-color-dim:hsl(0, 0%, 17%);
103
+ --d-border-color-status-warning:hsl(42, 81%, 56%);
104
+ --d-fill-color-button-delete-outline:hsl(0, 32%, 8%);
105
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 7%);
106
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 24%);
107
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 7%);
108
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 7%);
109
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 24%);
61
110
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
62
111
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
63
112
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -93,16 +142,28 @@
93
142
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
94
143
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
95
144
  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
145
+ --d-icon-color-button-disabled:hsl(0, 0%, 32%);
146
+ --d-icon-color-button-error:hsl(0, 68%, 54%);
147
+ --d-icon-color-button-interaction:hsl(174, 70%, 37%);
96
148
  --d-icon-color-interaction:hsl(174, 70%, 37%);
149
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 32%);
150
+ --d-icon-color-interaction-error:hsl(0, 68%, 57%);
97
151
  --d-icon-color-status-error:hsl(0, 68%, 54%);
98
152
  --d-icon-color-status-info:hsl(206, 100%, 42%);
99
153
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
100
154
  --d-icon-color-status-success:hsl(124, 50%, 38%);
101
155
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
156
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
157
+ --d-surface-color-card:hsl(0, 0%, 12%);
102
158
  --d-text-color:hsl(0, 0%, 88%);
103
- --d-text-color-disabled:hsl(0, 0%, 50%);
159
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
160
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 32%);
161
+ --d-text-color-button-interaction-error:hsl(0, 68%, 57%);
162
+ --d-text-color-disabled:hsl(0, 0%, 32%);
104
163
  --d-text-color-headline:hsl(0, 0%, 98%);
105
164
  --d-text-color-interaction:hsl(174, 70%, 37%);
165
+ --d-text-color-interaction-disabled:hsl(0, 0%, 32%);
166
+ --d-text-color-interaction-error:hsl(0, 68%, 57%);
106
167
  --d-text-color-placeholder:hsl(0, 0%, 24%);
107
168
  --d-text-color-secondary:hsl(0, 0%, 68%);
108
169
  --d-text-color-status-error:hsl(0, 95%, 64%);
@@ -116,6 +177,17 @@
116
177
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
117
178
  color-scheme:dark;
118
179
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
180
+ --d-border-color:hsl(0, 0%, 24%);
181
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
182
+ --d-border-color-dark:hsl(0, 0%, 32%);
183
+ --d-border-color-dim:hsl(0, 0%, 17%);
184
+ --d-border-color-status-warning:hsl(42, 81%, 56%);
185
+ --d-fill-color-button-delete-outline:hsl(0, 32%, 8%);
186
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 7%);
187
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 24%);
188
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 7%);
189
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 7%);
190
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 24%);
119
191
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
120
192
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
121
193
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -151,16 +223,28 @@
151
223
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
152
224
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
153
225
  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
226
+ --d-icon-color-button-disabled:hsl(0, 0%, 32%);
227
+ --d-icon-color-button-error:hsl(0, 68%, 54%);
228
+ --d-icon-color-button-interaction:hsl(174, 70%, 37%);
154
229
  --d-icon-color-interaction:hsl(174, 70%, 37%);
230
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 32%);
231
+ --d-icon-color-interaction-error:hsl(0, 68%, 57%);
155
232
  --d-icon-color-status-error:hsl(0, 68%, 54%);
156
233
  --d-icon-color-status-info:hsl(206, 100%, 42%);
157
234
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
158
235
  --d-icon-color-status-success:hsl(124, 50%, 38%);
159
236
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
237
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
238
+ --d-surface-color-card:hsl(0, 0%, 12%);
160
239
  --d-text-color:hsl(0, 0%, 88%);
161
- --d-text-color-disabled:hsl(0, 0%, 50%);
240
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
241
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 32%);
242
+ --d-text-color-button-interaction-error:hsl(0, 68%, 57%);
243
+ --d-text-color-disabled:hsl(0, 0%, 32%);
162
244
  --d-text-color-headline:hsl(0, 0%, 98%);
163
245
  --d-text-color-interaction:hsl(174, 70%, 37%);
246
+ --d-text-color-interaction-disabled:hsl(0, 0%, 32%);
247
+ --d-text-color-interaction-error:hsl(0, 68%, 57%);
164
248
  --d-text-color-placeholder:hsl(0, 0%, 24%);
165
249
  --d-text-color-secondary:hsl(0, 0%, 68%);
166
250
  --d-text-color-status-error:hsl(0, 95%, 64%);
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":"AAIA;EACE,oGAAqG;EACrG,0HAA2H;EAC3H,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,0CAA2C;EAC3C,2CAA4C;EAC5C,kDAAmD;EACnD,oDAAqD;EACrD,mDAAoD;EACpD,sDAAuD;EACvD,qDAAsD;EACtD,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,yDAA0D;EAC1D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,4DAA6D;EAC7D,6CAA8C;EAC9C,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;EAChD,8BAA+B;EAC/B,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,wCAAyC;EACzC,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;;ACvDA;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":"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: hsl(0, 0%, 88%);\n --d-border-color-button-delete: hsl(0, 72%, 45%);\n --d-border-color-button-disabled: hsl(0, 0%, 88%);\n --d-border-color-dark: hsl(0, 0%, 81%);\n --d-border-color-dim: hsl(0, 0%, 95%);\n --d-border-color-status-warning: hsl(42, 90%, 60%);\n --d-fill-color-button-delete-outline: hsl(0, 0%, 100%);\n --d-fill-color-button-delete-outline-disabled: hsl(0, 0%, 100%);\n --d-fill-color-button-delete-solid: hsl(0, 72%, 45%);\n --d-fill-color-button-delete-solid-disabled: hsl(0, 0%, 93%);\n --d-fill-color-button-interaction-outline: hsl(0, 0%, 100%);\n --d-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 100%);\n --d-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\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-disabled: hsl(0, 0%, 81%);\n --d-icon-color-button-error: hsl(0, 72%, 45%);\n --d-icon-color-button-interaction: hsl(174, 73%, 28%);\n --d-icon-color-interaction: hsl(174, 73%, 28%);\n --d-icon-color-interaction-disabled: hsl(0, 0%, 81%);\n --d-icon-color-interaction-error: hsl(0, 72%, 45%);\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-button-interaction-disabled: hsl(0, 0%, 81%);\n --d-text-color-button-interaction-error: hsl(0, 72%, 45%);\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-interaction-disabled: hsl(0, 0%, 81%);\n --d-text-color-interaction-error: hsl(0, 72%, 45%);\n --d-text-color-inverted: hsl(0, 0%, 100%);\n --d-text-color-placeholder: hsl(0, 0%, 58%);\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: hsl(0, 0%, 24%);\n --d-border-color-button-disabled: hsl(0, 0%, 24%);\n --d-border-color-dark: hsl(0, 0%, 32%);\n --d-border-color-dim: hsl(0, 0%, 17%);\n --d-border-color-status-warning: hsl(42, 81%, 56%);\n --d-fill-color-button-delete-outline: hsl(0, 32%, 8%);\n --d-fill-color-button-delete-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-delete-solid-disabled: hsl(0, 0%, 24%);\n --d-fill-color-button-interaction-outline: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-solid-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-button-disabled: hsl(0, 0%, 32%);\n --d-icon-color-button-error: hsl(0, 68%, 54%);\n --d-icon-color-button-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction-disabled: hsl(0, 0%, 32%);\n --d-icon-color-interaction-error: hsl(0, 68%, 57%);\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-button-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-button-interaction-error: hsl(0, 68%, 57%);\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-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-interaction-error: hsl(0, 68%, 57%);\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: hsl(0, 0%, 24%);\n --d-border-color-button-disabled: hsl(0, 0%, 24%);\n --d-border-color-dark: hsl(0, 0%, 32%);\n --d-border-color-dim: hsl(0, 0%, 17%);\n --d-border-color-status-warning: hsl(42, 81%, 56%);\n --d-fill-color-button-delete-outline: hsl(0, 32%, 8%);\n --d-fill-color-button-delete-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-delete-solid-disabled: hsl(0, 0%, 24%);\n --d-fill-color-button-interaction-outline: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-solid-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-button-disabled: hsl(0, 0%, 32%);\n --d-icon-color-button-error: hsl(0, 68%, 54%);\n --d-icon-color-button-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction-disabled: hsl(0, 0%, 32%);\n --d-icon-color-interaction-error: hsl(0, 68%, 57%);\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-button-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-button-interaction-error: hsl(0, 68%, 57%);\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-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-interaction-error: hsl(0, 68%, 57%);\n --d-text-color-placeholder: hsl(0, 0%, 24%);\n --d-text-color-secondary: hsl(0, 0%, 68%);\n --d-text-color-status-error: hsl(0, 95%, 64%);\n --d-text-color-status-info: hsl(206, 100%, 56%);\n --d-text-color-status-neutral: hsl(0, 0%, 81%);\n --d-text-color-status-success: hsl(124, 55%, 45%);\n --d-text-color-status-warning: hsl(36, 99%, 47%);\n}\n}\n"]}
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import "./index.css";
2
+ export { type ColorTokenName, colorTokens, } from "./build-output/ts/color-tokens";
2
3
  export { type ReactNativeTokensDark, reactNativeTokensDark, } from "./build-output/ts/react-native-tokens-dark";
3
4
  export { type ReactNativeTokensLight, reactNativeTokensLight, } from "./build-output/ts/react-native-tokens-light";
4
5
  export { themeableWebGradientTokens, type ThemeableWebGradientTokenUnion, } from "./build-output/ts/themeable-web-gradient-tokens";
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EACL,KAAK,qBAAqB,EAC1B,qBAAqB,GACtB,MAAM,4CAA4C,CAAA;AACnD,OAAO,EACL,KAAK,sBAAsB,EAC3B,sBAAsB,GACvB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,0BAA0B,EAC1B,KAAK,8BAA8B,GACpC,MAAM,iDAAiD,CAAA;AACxD,OAAO,EACL,KAAK,wBAAwB,EAC7B,gBAAgB,GACjB,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,4CAA4C,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAA;AAEpB,OAAO,EACL,KAAK,cAAc,EACnB,WAAW,GACZ,MAAM,gCAAgC,CAAA;AACvC,OAAO,EACL,KAAK,qBAAqB,EAC1B,qBAAqB,GACtB,MAAM,4CAA4C,CAAA;AACnD,OAAO,EACL,KAAK,sBAAsB,EAC3B,sBAAsB,GACvB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,0BAA0B,EAC1B,KAAK,8BAA8B,GACpC,MAAM,iDAAiD,CAAA;AACxD,OAAO,EACL,KAAK,wBAAwB,EAC7B,gBAAgB,GACjB,MAAM,uCAAuC,CAAA;AAC9C,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,4CAA4C,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA"}
package/dist/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ export { colorTokens } from './build-output/ts/color-tokens.js';
1
2
  export { reactNativeTokensDark } from './build-output/ts/react-native-tokens-dark.js';
2
3
  export { reactNativeTokensLight } from './build-output/ts/react-native-tokens-light.js';
3
4
  export { themeableWebGradientTokens } from './build-output/ts/themeable-web-gradient-tokens.js';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
package/dist/tokens-dark.css CHANGED
@@ -1,6 +1,17 @@
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:hsl(0, 0%, 24%);
5
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
6
+ --d-border-color-dark:hsl(0, 0%, 32%);
7
+ --d-border-color-dim:hsl(0, 0%, 17%);
8
+ --d-border-color-status-warning:hsl(42, 81%, 56%);
9
+ --d-fill-color-button-delete-outline:hsl(0, 32%, 8%);
10
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 7%);
11
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 24%);
12
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 7%);
13
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 7%);
14
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 24%);
4
15
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
5
16
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
6
17
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -36,16 +47,28 @@
36
47
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
37
48
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
38
49
  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
50
+ --d-icon-color-button-disabled:hsl(0, 0%, 32%);
51
+ --d-icon-color-button-error:hsl(0, 68%, 54%);
52
+ --d-icon-color-button-interaction:hsl(174, 70%, 37%);
39
53
  --d-icon-color-interaction:hsl(174, 70%, 37%);
54
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 32%);
55
+ --d-icon-color-interaction-error:hsl(0, 68%, 57%);
40
56
  --d-icon-color-status-error:hsl(0, 68%, 54%);
41
57
  --d-icon-color-status-info:hsl(206, 100%, 42%);
42
58
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
43
59
  --d-icon-color-status-success:hsl(124, 50%, 38%);
44
60
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
61
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
62
+ --d-surface-color-card:hsl(0, 0%, 12%);
45
63
  --d-text-color:hsl(0, 0%, 88%);
46
- --d-text-color-disabled:hsl(0, 0%, 50%);
64
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
65
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 32%);
66
+ --d-text-color-button-interaction-error:hsl(0, 68%, 57%);
67
+ --d-text-color-disabled:hsl(0, 0%, 32%);
47
68
  --d-text-color-headline:hsl(0, 0%, 98%);
48
69
  --d-text-color-interaction:hsl(174, 70%, 37%);
70
+ --d-text-color-interaction-disabled:hsl(0, 0%, 32%);
71
+ --d-text-color-interaction-error:hsl(0, 68%, 57%);
49
72
  --d-text-color-placeholder:hsl(0, 0%, 24%);
50
73
  --d-text-color-secondary:hsl(0, 0%, 68%);
51
74
  --d-text-color-status-error:hsl(0, 95%, 64%);
@@ -59,6 +82,17 @@
59
82
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
60
83
  color-scheme:dark;
61
84
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
85
+ --d-border-color:hsl(0, 0%, 24%);
86
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
87
+ --d-border-color-dark:hsl(0, 0%, 32%);
88
+ --d-border-color-dim:hsl(0, 0%, 17%);
89
+ --d-border-color-status-warning:hsl(42, 81%, 56%);
90
+ --d-fill-color-button-delete-outline:hsl(0, 32%, 8%);
91
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 7%);
92
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 24%);
93
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 7%);
94
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 7%);
95
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 24%);
62
96
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
63
97
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
64
98
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -94,16 +128,28 @@
94
128
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
95
129
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
96
130
  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
131
+ --d-icon-color-button-disabled:hsl(0, 0%, 32%);
132
+ --d-icon-color-button-error:hsl(0, 68%, 54%);
133
+ --d-icon-color-button-interaction:hsl(174, 70%, 37%);
97
134
  --d-icon-color-interaction:hsl(174, 70%, 37%);
135
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 32%);
136
+ --d-icon-color-interaction-error:hsl(0, 68%, 57%);
98
137
  --d-icon-color-status-error:hsl(0, 68%, 54%);
99
138
  --d-icon-color-status-info:hsl(206, 100%, 42%);
100
139
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
101
140
  --d-icon-color-status-success:hsl(124, 50%, 38%);
102
141
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
142
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
143
+ --d-surface-color-card:hsl(0, 0%, 12%);
103
144
  --d-text-color:hsl(0, 0%, 88%);
104
- --d-text-color-disabled:hsl(0, 0%, 50%);
145
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
146
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 32%);
147
+ --d-text-color-button-interaction-error:hsl(0, 68%, 57%);
148
+ --d-text-color-disabled:hsl(0, 0%, 32%);
105
149
  --d-text-color-headline:hsl(0, 0%, 98%);
106
150
  --d-text-color-interaction:hsl(174, 70%, 37%);
151
+ --d-text-color-interaction-disabled:hsl(0, 0%, 32%);
152
+ --d-text-color-interaction-error:hsl(0, 68%, 57%);
107
153
  --d-text-color-placeholder:hsl(0, 0%, 24%);
108
154
  --d-text-color-secondary:hsl(0, 0%, 68%);
109
155
  --d-text-color-status-error:hsl(0, 95%, 64%);
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":"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","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: hsl(0, 0%, 24%);\n --d-border-color-button-disabled: hsl(0, 0%, 24%);\n --d-border-color-dark: hsl(0, 0%, 32%);\n --d-border-color-dim: hsl(0, 0%, 17%);\n --d-border-color-status-warning: hsl(42, 81%, 56%);\n --d-fill-color-button-delete-outline: hsl(0, 32%, 8%);\n --d-fill-color-button-delete-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-delete-solid-disabled: hsl(0, 0%, 24%);\n --d-fill-color-button-interaction-outline: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-solid-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-button-disabled: hsl(0, 0%, 32%);\n --d-icon-color-button-error: hsl(0, 68%, 54%);\n --d-icon-color-button-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction-disabled: hsl(0, 0%, 32%);\n --d-icon-color-interaction-error: hsl(0, 68%, 57%);\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-button-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-button-interaction-error: hsl(0, 68%, 57%);\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-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-interaction-error: hsl(0, 68%, 57%);\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: hsl(0, 0%, 24%);\n --d-border-color-button-disabled: hsl(0, 0%, 24%);\n --d-border-color-dark: hsl(0, 0%, 32%);\n --d-border-color-dim: hsl(0, 0%, 17%);\n --d-border-color-status-warning: hsl(42, 81%, 56%);\n --d-fill-color-button-delete-outline: hsl(0, 32%, 8%);\n --d-fill-color-button-delete-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-delete-solid-disabled: hsl(0, 0%, 24%);\n --d-fill-color-button-interaction-outline: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 7%);\n --d-fill-color-button-interaction-solid-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-button-disabled: hsl(0, 0%, 32%);\n --d-icon-color-button-error: hsl(0, 68%, 54%);\n --d-icon-color-button-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction: hsl(174, 70%, 37%);\n --d-icon-color-interaction-disabled: hsl(0, 0%, 32%);\n --d-icon-color-interaction-error: hsl(0, 68%, 57%);\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-button-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-button-interaction-error: hsl(0, 68%, 57%);\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-interaction-disabled: hsl(0, 0%, 32%);\n --d-text-color-interaction-error: hsl(0, 68%, 57%);\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,18 @@
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:hsl(0, 0%, 88%);
4
+ --d-border-color-button-delete:hsl(0, 72%, 45%);
5
+ --d-border-color-button-disabled:hsl(0, 0%, 88%);
6
+ --d-border-color-dark:hsl(0, 0%, 81%);
7
+ --d-border-color-dim:hsl(0, 0%, 95%);
8
+ --d-border-color-status-warning:hsl(42, 90%, 60%);
9
+ --d-fill-color-button-delete-outline:hsl(0, 0%, 100%);
10
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 100%);
11
+ --d-fill-color-button-delete-solid:hsl(0, 72%, 45%);
12
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 93%);
13
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 100%);
14
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 100%);
15
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
3
16
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));
4
17
  --d-fill-color-neutral-000:hsl(0, 0%, 12%);
5
18
  --d-fill-color-neutral-010:hsl(0, 0%, 24%);
@@ -35,18 +48,43 @@
35
48
  --d-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
36
49
  --d-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
37
50
  --d-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
51
+ --d-font-size-2xl:24px;
52
+ --d-font-size-2xs:10px;
53
+ --d-font-size-3xl:28px;
54
+ --d-font-size-4xl:34px;
55
+ --d-font-size-lg:18px;
56
+ --d-font-size-md:16px;
57
+ --d-font-size-sm:14px;
58
+ --d-font-size-xl:20px;
59
+ --d-font-size-xs:12px;
60
+ --d-font-weight-bold:700px;
61
+ --d-font-weight-medium:500px;
62
+ --d-font-weight-normal:400px;
63
+ --d-font-weight-semibold:600px;
64
+ --d-icon-color-button-disabled:hsl(0, 0%, 81%);
65
+ --d-icon-color-button-error:hsl(0, 72%, 45%);
66
+ --d-icon-color-button-interaction:hsl(174, 73%, 28%);
38
67
  --d-icon-color-interaction:hsl(174, 73%, 28%);
68
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 81%);
69
+ --d-icon-color-interaction-error:hsl(0, 72%, 45%);
39
70
  --d-icon-color-status-error:hsl(0, 72%, 45%);
40
71
  --d-icon-color-status-info:hsl(206, 100%, 31%);
41
72
  --d-icon-color-status-neutral:hsl(0, 0%, 32%);
42
73
  --d-icon-color-status-success:hsl(124, 55%, 33%);
43
74
  --d-icon-color-status-warning:hsl(36, 99%, 41%);
75
+ --d-surface-color-canvas:hsl(0, 0%, 100%);
76
+ --d-surface-color-card:hsl(0, 0%, 100%);
44
77
  --d-text-color:hsl(0, 0%, 24%);
45
- --d-text-color-disabled:hsl(0, 0%, 62%);
78
+ --d-text-color-button-interaction:hsl(174, 73%, 28%);
79
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 81%);
80
+ --d-text-color-button-interaction-error:hsl(0, 72%, 45%);
81
+ --d-text-color-disabled:hsl(0, 0%, 81%);
46
82
  --d-text-color-headline:hsl(0, 0%, 12%);
47
83
  --d-text-color-interaction:hsl(174, 73%, 28%);
84
+ --d-text-color-interaction-disabled:hsl(0, 0%, 81%);
85
+ --d-text-color-interaction-error:hsl(0, 72%, 45%);
48
86
  --d-text-color-inverted:hsl(0, 0%, 100%);
49
- --d-text-color-placeholder:hsl(0, 0%, 88%);
87
+ --d-text-color-placeholder:hsl(0, 0%, 58%);
50
88
  --d-text-color-secondary:hsl(0, 0%, 45%);
51
89
  --d-text-color-status-error:hsl(0, 72%, 45%);
52
90
  --d-text-color-status-info:hsl(206, 100%, 31%);
@@ -55,9 +93,20 @@
55
93
  --d-text-color-status-warning:hsl(36, 99%, 32%);
56
94
  }
57
95
 
58
- :root[data-color-mode="dark"], body[data-color-scheme="dark"]{
96
+ :root[data-color-mode="dark"], body[data-color-scheme="dark"], [data-doxy-color-mode="dark"]{
59
97
  color-scheme:dark;
60
98
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
99
+ --d-border-color:hsl(0, 0%, 24%);
100
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
101
+ --d-border-color-dark:hsl(0, 0%, 32%);
102
+ --d-border-color-dim:hsl(0, 0%, 17%);
103
+ --d-border-color-status-warning:hsl(42, 81%, 56%);
104
+ --d-fill-color-button-delete-outline:hsl(0, 32%, 8%);
105
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 7%);
106
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 24%);
107
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 7%);
108
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 7%);
109
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 24%);
61
110
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
62
111
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
63
112
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -93,16 +142,28 @@
93
142
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
94
143
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
95
144
  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
145
+ --d-icon-color-button-disabled:hsl(0, 0%, 32%);
146
+ --d-icon-color-button-error:hsl(0, 68%, 54%);
147
+ --d-icon-color-button-interaction:hsl(174, 70%, 37%);
96
148
  --d-icon-color-interaction:hsl(174, 70%, 37%);
149
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 32%);
150
+ --d-icon-color-interaction-error:hsl(0, 68%, 57%);
97
151
  --d-icon-color-status-error:hsl(0, 68%, 54%);
98
152
  --d-icon-color-status-info:hsl(206, 100%, 42%);
99
153
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
100
154
  --d-icon-color-status-success:hsl(124, 50%, 38%);
101
155
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
156
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
157
+ --d-surface-color-card:hsl(0, 0%, 12%);
102
158
  --d-text-color:hsl(0, 0%, 88%);
103
- --d-text-color-disabled:hsl(0, 0%, 50%);
159
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
160
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 32%);
161
+ --d-text-color-button-interaction-error:hsl(0, 68%, 57%);
162
+ --d-text-color-disabled:hsl(0, 0%, 32%);
104
163
  --d-text-color-headline:hsl(0, 0%, 98%);
105
164
  --d-text-color-interaction:hsl(174, 70%, 37%);
165
+ --d-text-color-interaction-disabled:hsl(0, 0%, 32%);
166
+ --d-text-color-interaction-error:hsl(0, 68%, 57%);
106
167
  --d-text-color-placeholder:hsl(0, 0%, 24%);
107
168
  --d-text-color-secondary:hsl(0, 0%, 68%);
108
169
  --d-text-color-status-error:hsl(0, 95%, 64%);
@@ -116,6 +177,17 @@
116
177
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
117
178
  color-scheme:dark;
118
179
  --d-app-fill-color-gradient-header:linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%));
180
+ --d-border-color:hsl(0, 0%, 24%);
181
+ --d-border-color-button-disabled:hsl(0, 0%, 24%);
182
+ --d-border-color-dark:hsl(0, 0%, 32%);
183
+ --d-border-color-dim:hsl(0, 0%, 17%);
184
+ --d-border-color-status-warning:hsl(42, 81%, 56%);
185
+ --d-fill-color-button-delete-outline:hsl(0, 32%, 8%);
186
+ --d-fill-color-button-delete-outline-disabled:hsl(0, 0%, 7%);
187
+ --d-fill-color-button-delete-solid-disabled:hsl(0, 0%, 24%);
188
+ --d-fill-color-button-interaction-outline:hsl(0, 0%, 7%);
189
+ --d-fill-color-button-interaction-outline-disabled:hsl(0, 0%, 7%);
190
+ --d-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 24%);
119
191
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
120
192
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
121
193
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -151,16 +223,28 @@
151
223
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
152
224
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
153
225
  --d-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
226
+ --d-icon-color-button-disabled:hsl(0, 0%, 32%);
227
+ --d-icon-color-button-error:hsl(0, 68%, 54%);
228
+ --d-icon-color-button-interaction:hsl(174, 70%, 37%);
154
229
  --d-icon-color-interaction:hsl(174, 70%, 37%);
230
+ --d-icon-color-interaction-disabled:hsl(0, 0%, 32%);
231
+ --d-icon-color-interaction-error:hsl(0, 68%, 57%);
155
232
  --d-icon-color-status-error:hsl(0, 68%, 54%);
156
233
  --d-icon-color-status-info:hsl(206, 100%, 42%);
157
234
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
158
235
  --d-icon-color-status-success:hsl(124, 50%, 38%);
159
236
  --d-icon-color-status-warning:hsl(36, 99%, 42%);
237
+ --d-surface-color-canvas:hsl(0, 0%, 7%);
238
+ --d-surface-color-card:hsl(0, 0%, 12%);
160
239
  --d-text-color:hsl(0, 0%, 88%);
161
- --d-text-color-disabled:hsl(0, 0%, 50%);
240
+ --d-text-color-button-interaction:hsl(174, 70%, 37%);
241
+ --d-text-color-button-interaction-disabled:hsl(0, 0%, 32%);
242
+ --d-text-color-button-interaction-error:hsl(0, 68%, 57%);
243
+ --d-text-color-disabled:hsl(0, 0%, 32%);
162
244
  --d-text-color-headline:hsl(0, 0%, 98%);
163
245
  --d-text-color-interaction:hsl(174, 70%, 37%);
246
+ --d-text-color-interaction-disabled:hsl(0, 0%, 32%);
247
+ --d-text-color-interaction-error:hsl(0, 68%, 57%);
164
248
  --d-text-color-placeholder:hsl(0, 0%, 24%);
165
249
  --d-text-color-secondary:hsl(0, 0%, 68%);
166
250
  --d-text-color-status-error:hsl(0, 95%, 64%);