@planningcenter/doxy 1.1.0 → 1.2.1

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 (34) hide show
  1. package/dist/build-output/ts/color-tokens.d.ts +777 -0
  2. package/dist/build-output/ts/color-tokens.d.ts.map +1 -0
  3. package/dist/build-output/ts/color-tokens.js +316 -0
  4. package/dist/build-output/ts/color-tokens.js.map +1 -0
  5. package/dist/build-output/ts/index.d.ts +1 -0
  6. package/dist/build-output/ts/index.d.ts.map +1 -1
  7. package/dist/build-output/ts/index.js +1 -0
  8. package/dist/build-output/ts/index.js.map +1 -1
  9. package/dist/build-output/ts/react-native-tokens-dark.d.ts +20 -1
  10. package/dist/build-output/ts/react-native-tokens-dark.d.ts.map +1 -1
  11. package/dist/build-output/ts/react-native-tokens-dark.js +20 -1
  12. package/dist/build-output/ts/react-native-tokens-dark.js.map +1 -1
  13. package/dist/build-output/ts/react-native-tokens-light.d.ts +20 -1
  14. package/dist/build-output/ts/react-native-tokens-light.d.ts.map +1 -1
  15. package/dist/build-output/ts/react-native-tokens-light.js +20 -1
  16. package/dist/build-output/ts/react-native-tokens-light.js.map +1 -1
  17. package/dist/build-output/ts/tokens.d.ts +20 -1
  18. package/dist/build-output/ts/tokens.d.ts.map +1 -1
  19. package/dist/build-output/ts/tokens.js +20 -1
  20. package/dist/build-output/ts/tokens.js.map +1 -1
  21. package/dist/build-output/ts/types/react-native-types.d.ts +19 -0
  22. package/dist/build-output/ts/types/react-native-types.d.ts.map +1 -1
  23. package/dist/index.css +58 -1
  24. package/dist/index.css.map +1 -1
  25. package/dist/index.d.ts +1 -0
  26. package/dist/index.d.ts.map +1 -1
  27. package/dist/index.js +1 -0
  28. package/dist/index.js.map +1 -1
  29. package/dist/tokens-dark.css +38 -0
  30. package/dist/tokens-dark.css.map +1 -1
  31. package/dist/tokens.css +58 -1
  32. package/dist/tokens.css.map +1 -1
  33. package/dist/tokens.scss +204 -0
  34. package/package.json +11 -6
package/dist/tokens-dark.css CHANGED
@@ -1,7 +1,17 @@
1
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%);
4
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%);
5
15
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
6
16
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
7
17
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -37,7 +47,12 @@
37
47
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
38
48
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
39
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%);
40
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%);
41
56
  --d-icon-color-status-error:hsl(0, 68%, 54%);
42
57
  --d-icon-color-status-info:hsl(206, 100%, 42%);
43
58
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
@@ -47,9 +62,13 @@
47
62
  --d-surface-color-card:hsl(0, 0%, 12%);
48
63
  --d-text-color:hsl(0, 0%, 88%);
49
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%);
50
67
  --d-text-color-disabled:hsl(0, 0%, 32%);
51
68
  --d-text-color-headline:hsl(0, 0%, 98%);
52
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%);
53
72
  --d-text-color-placeholder:hsl(0, 0%, 24%);
54
73
  --d-text-color-secondary:hsl(0, 0%, 68%);
55
74
  --d-text-color-status-error:hsl(0, 95%, 64%);
@@ -63,7 +82,17 @@
63
82
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
64
83
  color-scheme:dark;
65
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%);
66
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%);
67
96
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
68
97
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
69
98
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -99,7 +128,12 @@
99
128
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
100
129
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
101
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%);
102
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%);
103
137
  --d-icon-color-status-error:hsl(0, 68%, 54%);
104
138
  --d-icon-color-status-info:hsl(206, 100%, 42%);
105
139
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
@@ -109,9 +143,13 @@
109
143
  --d-surface-color-card:hsl(0, 0%, 12%);
110
144
  --d-text-color:hsl(0, 0%, 88%);
111
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%);
112
148
  --d-text-color-disabled:hsl(0, 0%, 32%);
113
149
  --d-text-color-headline:hsl(0, 0%, 98%);
114
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%);
115
153
  --d-text-color-placeholder:hsl(0, 0%, 24%);
116
154
  --d-text-color-secondary:hsl(0, 0%, 68%);
117
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,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"]}
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,7 +1,18 @@
1
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%);
3
4
  --d-border-color-button-delete:hsl(0, 72%, 45%);
4
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%);
5
16
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%));
6
17
  --d-fill-color-neutral-000:hsl(0, 0%, 12%);
7
18
  --d-fill-color-neutral-010:hsl(0, 0%, 24%);
@@ -50,8 +61,12 @@
50
61
  --d-font-weight-medium:500px;
51
62
  --d-font-weight-normal:400px;
52
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%);
53
66
  --d-icon-color-button-interaction:hsl(174, 73%, 28%);
54
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%);
55
70
  --d-icon-color-status-error:hsl(0, 72%, 45%);
56
71
  --d-icon-color-status-info:hsl(206, 100%, 31%);
57
72
  --d-icon-color-status-neutral:hsl(0, 0%, 32%);
@@ -61,11 +76,15 @@
61
76
  --d-surface-color-card:hsl(0, 0%, 100%);
62
77
  --d-text-color:hsl(0, 0%, 24%);
63
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%);
64
81
  --d-text-color-disabled:hsl(0, 0%, 81%);
65
82
  --d-text-color-headline:hsl(0, 0%, 12%);
66
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%);
67
86
  --d-text-color-inverted:hsl(0, 0%, 100%);
68
- --d-text-color-placeholder:hsl(0, 0%, 88%);
87
+ --d-text-color-placeholder:hsl(0, 0%, 58%);
69
88
  --d-text-color-secondary:hsl(0, 0%, 45%);
70
89
  --d-text-color-status-error:hsl(0, 72%, 45%);
71
90
  --d-text-color-status-info:hsl(206, 100%, 31%);
@@ -77,7 +96,17 @@
77
96
  :root[data-color-mode="dark"], body[data-color-scheme="dark"], [data-doxy-color-mode="dark"]{
78
97
  color-scheme:dark;
79
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%);
80
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%);
81
110
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
82
111
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
83
112
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -113,7 +142,12 @@
113
142
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
114
143
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
115
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%);
116
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%);
117
151
  --d-icon-color-status-error:hsl(0, 68%, 54%);
118
152
  --d-icon-color-status-info:hsl(206, 100%, 42%);
119
153
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
@@ -123,9 +157,13 @@
123
157
  --d-surface-color-card:hsl(0, 0%, 12%);
124
158
  --d-text-color:hsl(0, 0%, 88%);
125
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%);
126
162
  --d-text-color-disabled:hsl(0, 0%, 32%);
127
163
  --d-text-color-headline:hsl(0, 0%, 98%);
128
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%);
129
167
  --d-text-color-placeholder:hsl(0, 0%, 24%);
130
168
  --d-text-color-secondary:hsl(0, 0%, 68%);
131
169
  --d-text-color-status-error:hsl(0, 95%, 64%);
@@ -139,7 +177,17 @@
139
177
  :root[data-color-mode="system"], body[data-color-scheme="system"]{
140
178
  color-scheme:dark;
141
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%);
142
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%);
143
191
  --d-fill-color-button-interaction-solid-gradient-default:linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%));
144
192
  --d-fill-color-neutral-000:hsl(0, 0%, 98%);
145
193
  --d-fill-color-neutral-010:hsl(0, 0%, 88%);
@@ -175,7 +223,12 @@
175
223
  --d-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
176
224
  --d-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
177
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%);
178
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%);
179
232
  --d-icon-color-status-error:hsl(0, 68%, 54%);
180
233
  --d-icon-color-status-info:hsl(206, 100%, 42%);
181
234
  --d-icon-color-status-neutral:hsl(0, 0%, 81%);
@@ -185,9 +238,13 @@
185
238
  --d-surface-color-card:hsl(0, 0%, 12%);
186
239
  --d-text-color:hsl(0, 0%, 88%);
187
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%);
188
243
  --d-text-color-disabled:hsl(0, 0%, 32%);
189
244
  --d-text-color-headline:hsl(0, 0%, 98%);
190
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%);
191
248
  --d-text-color-placeholder:hsl(0, 0%, 24%);
192
249
  --d-text-color-secondary:hsl(0, 0%, 68%);
193
250
  --d-text-color-status-error:hsl(0, 95%, 64%);
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":"AAIA;EACE,oGAAqG;EACrG,+CAAgD;EAChD,gDAAiD;EACjD,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,sBAAuB;EACvB,sBAAuB;EACvB,sBAAuB;EACvB,sBAAuB;EACvB,qBAAsB;EACtB,qBAAsB;EACtB,qBAAsB;EACtB,qBAAsB;EACtB,qBAAsB;EACtB,0BAA2B;EAC3B,4BAA6B;EAC7B,4BAA6B;EAC7B,8BAA+B;EAC/B,oDAAqD;EACrD,6CAA8C;EAC9C,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;EAChD,yCAA0C;EAC1C,uCAAwC;EACxC,8BAA+B;EAC/B,oDAAqD;EACrD,uCAAwC;EACxC,uCAAwC;EACxC,6CAA8C;EAC9C,wCAAyC;EACzC,0CAA2C;EAC3C,wCAAyC;EACzC,4CAA6C;EAC7C,8CAA+C;EAC/C,6CAA8C;EAC9C,gDAAiD;EACjD,+CAAgD;AAClD;;AC1EA;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.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"]}
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: 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/tokens.scss ADDED
@@ -0,0 +1,204 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+
5
+
6
+ @use "sass:map";
7
+
8
+ $_doxy-tokens: (
9
+ light: (
10
+ "--d-app-fill-color-gradient-header": linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(176, 37%, 51%)),
11
+ "--d-border-color": hsl(0, 0%, 88%),
12
+ "--d-border-color-button-delete": hsl(0, 72%, 45%),
13
+ "--d-border-color-button-disabled": hsl(0, 0%, 88%),
14
+ "--d-border-color-dark": hsl(0, 0%, 81%),
15
+ "--d-border-color-dim": hsl(0, 0%, 95%),
16
+ "--d-border-color-status-warning": hsl(42, 90%, 60%),
17
+ "--d-fill-color-button-delete-outline": hsl(0, 0%, 100%),
18
+ "--d-fill-color-button-delete-outline-disabled": hsl(0, 0%, 100%),
19
+ "--d-fill-color-button-delete-solid": hsl(0, 72%, 45%),
20
+ "--d-fill-color-button-delete-solid-disabled": hsl(0, 0%, 93%),
21
+ "--d-fill-color-button-interaction-outline": hsl(0, 0%, 100%),
22
+ "--d-fill-color-button-interaction-outline-disabled": hsl(0, 0%, 100%),
23
+ "--d-fill-color-button-interaction-solid-disabled": hsl(0, 0%, 95%),
24
+ "--d-fill-color-button-interaction-solid-gradient-default": linear-gradient(117.9deg, hsl(207, 90%, 61%), hsl(121, 38%, 57%)),
25
+ "--d-fill-color-neutral-000": hsl(0, 0%, 12%),
26
+ "--d-fill-color-neutral-010": hsl(0, 0%, 24%),
27
+ "--d-fill-color-neutral-020": hsl(0, 0%, 45%),
28
+ "--d-fill-color-neutral-030": hsl(0, 0%, 58%),
29
+ "--d-fill-color-neutral-040": hsl(0, 0%, 81%),
30
+ "--d-fill-color-neutral-050": hsl(0, 0%, 88%),
31
+ "--d-fill-color-neutral-060": hsl(0, 0%, 93%),
32
+ "--d-fill-color-neutral-070": hsl(0, 0%, 95%),
33
+ "--d-fill-color-neutral-080": hsl(0, 0%, 97%),
34
+ "--d-fill-color-neutral-090": hsl(0, 0%, 98%),
35
+ "--d-fill-color-neutral-100": hsl(0, 0%, 100%),
36
+ "--d-fill-color-status-error-ghost": hsl(0, 80%, 96%),
37
+ "--d-fill-color-status-info-ghost": hsl(210, 100%, 96%),
38
+ "--d-fill-color-status-neutral-ghost": hsl(0, 0%, 95%),
39
+ "--d-fill-color-status-success-ghost": hsl(120, 33%, 96%),
40
+ "--d-fill-color-status-warning-ghost": hsl(40, 90%, 96%),
41
+ "--d-fill-color-transparency-dark-010": hsla(0, 0%, 0%, 0.1),
42
+ "--d-fill-color-transparency-dark-020": hsla(0, 0%, 0%, 0.2),
43
+ "--d-fill-color-transparency-dark-030": hsla(0, 0%, 0%, 0.3),
44
+ "--d-fill-color-transparency-dark-040": hsla(0, 0%, 0%, 0.4),
45
+ "--d-fill-color-transparency-dark-050": hsla(0, 0%, 0%, 0.5),
46
+ "--d-fill-color-transparency-dark-060": hsla(0, 0%, 0%, 0.6),
47
+ "--d-fill-color-transparency-dark-070": hsla(0, 0%, 0%, 0.7),
48
+ "--d-fill-color-transparency-dark-080": hsla(0, 0%, 0%, 0.8),
49
+ "--d-fill-color-transparency-dark-090": hsla(0, 0%, 0%, 0.9),
50
+ "--d-fill-color-transparency-light-010": hsla(0, 0%, 100%, 0.1),
51
+ "--d-fill-color-transparency-light-020": hsla(0, 0%, 100%, 0.2),
52
+ "--d-fill-color-transparency-light-030": hsla(0, 0%, 100%, 0.3),
53
+ "--d-fill-color-transparency-light-040": hsla(0, 0%, 100%, 0.4),
54
+ "--d-fill-color-transparency-light-050": hsla(0, 0%, 100%, 0.5),
55
+ "--d-fill-color-transparency-light-060": hsla(0, 0%, 100%, 0.6),
56
+ "--d-fill-color-transparency-light-070": hsla(0, 0%, 100%, 0.7),
57
+ "--d-fill-color-transparency-light-080": hsla(0, 0%, 100%, 0.8),
58
+ "--d-fill-color-transparency-light-090": hsla(0, 0%, 100%, 0.9),
59
+ "--d-font-size-2xl": 24px,
60
+ "--d-font-size-2xs": 10px,
61
+ "--d-font-size-3xl": 28px,
62
+ "--d-font-size-4xl": 34px,
63
+ "--d-font-size-lg": 18px,
64
+ "--d-font-size-md": 16px,
65
+ "--d-font-size-sm": 14px,
66
+ "--d-font-size-xl": 20px,
67
+ "--d-font-size-xs": 12px,
68
+ "--d-font-weight-bold": 700px,
69
+ "--d-font-weight-medium": 500px,
70
+ "--d-font-weight-normal": 400px,
71
+ "--d-font-weight-semibold": 600px,
72
+ "--d-icon-color-button-disabled": hsl(0, 0%, 81%),
73
+ "--d-icon-color-button-error": hsl(0, 72%, 45%),
74
+ "--d-icon-color-button-interaction": hsl(174, 73%, 28%),
75
+ "--d-icon-color-interaction": hsl(174, 73%, 28%),
76
+ "--d-icon-color-interaction-disabled": hsl(0, 0%, 81%),
77
+ "--d-icon-color-interaction-error": hsl(0, 72%, 45%),
78
+ "--d-icon-color-status-error": hsl(0, 72%, 45%),
79
+ "--d-icon-color-status-info": hsl(206, 100%, 31%),
80
+ "--d-icon-color-status-neutral": hsl(0, 0%, 32%),
81
+ "--d-icon-color-status-success": hsl(124, 55%, 33%),
82
+ "--d-icon-color-status-warning": hsl(36, 99%, 41%),
83
+ "--d-surface-color-canvas": hsl(0, 0%, 100%),
84
+ "--d-surface-color-card": hsl(0, 0%, 100%),
85
+ "--d-text-color": hsl(0, 0%, 24%),
86
+ "--d-text-color-button-interaction": hsl(174, 73%, 28%),
87
+ "--d-text-color-button-interaction-disabled": hsl(0, 0%, 81%),
88
+ "--d-text-color-button-interaction-error": hsl(0, 72%, 45%),
89
+ "--d-text-color-disabled": hsl(0, 0%, 81%),
90
+ "--d-text-color-headline": hsl(0, 0%, 12%),
91
+ "--d-text-color-interaction": hsl(174, 73%, 28%),
92
+ "--d-text-color-interaction-disabled": hsl(0, 0%, 81%),
93
+ "--d-text-color-interaction-error": hsl(0, 72%, 45%),
94
+ "--d-text-color-inverted": hsl(0, 0%, 100%),
95
+ "--d-text-color-placeholder": hsl(0, 0%, 58%),
96
+ "--d-text-color-secondary": hsl(0, 0%, 45%),
97
+ "--d-text-color-status-error": hsl(0, 72%, 45%),
98
+ "--d-text-color-status-info": hsl(206, 100%, 31%),
99
+ "--d-text-color-status-neutral": hsl(0, 0%, 32%),
100
+ "--d-text-color-status-success": hsl(124, 55%, 33%),
101
+ "--d-text-color-status-warning": hsl(36, 99%, 32%),
102
+ ),
103
+ dark: (
104
+ "--d-app-fill-color-gradient-header": linear-gradient(117.9deg, hsl(0, 0%, 12%), hsl(0, 0%, 12%)),
105
+ "--d-border-color": hsl(0, 0%, 24%),
106
+ "--d-border-color-button-delete": hsl(0, 72%, 45%),
107
+ "--d-border-color-button-disabled": hsl(0, 0%, 24%),
108
+ "--d-border-color-dark": hsl(0, 0%, 32%),
109
+ "--d-border-color-dim": hsl(0, 0%, 17%),
110
+ "--d-border-color-status-warning": hsl(42, 81%, 56%),
111
+ "--d-fill-color-button-delete-outline": hsl(0, 32%, 8%),
112
+ "--d-fill-color-button-delete-outline-disabled": hsl(0, 0%, 7%),
113
+ "--d-fill-color-button-delete-solid": hsl(0, 72%, 45%),
114
+ "--d-fill-color-button-delete-solid-disabled": hsl(0, 0%, 24%),
115
+ "--d-fill-color-button-interaction-outline": hsl(0, 0%, 7%),
116
+ "--d-fill-color-button-interaction-outline-disabled": hsl(0, 0%, 7%),
117
+ "--d-fill-color-button-interaction-solid-disabled": hsl(0, 0%, 24%),
118
+ "--d-fill-color-button-interaction-solid-gradient-default": linear-gradient(117.9deg, hsl(207, 90%, 51%), hsl(122, 48%, 57%)),
119
+ "--d-fill-color-neutral-000": hsl(0, 0%, 98%),
120
+ "--d-fill-color-neutral-010": hsl(0, 0%, 88%),
121
+ "--d-fill-color-neutral-020": hsl(0, 0%, 68%),
122
+ "--d-fill-color-neutral-030": hsl(0, 0%, 50%),
123
+ "--d-fill-color-neutral-040": hsl(0, 0%, 32%),
124
+ "--d-fill-color-neutral-050": hsl(0, 0%, 24%),
125
+ "--d-fill-color-neutral-060": hsl(0, 0%, 19%),
126
+ "--d-fill-color-neutral-070": hsl(0, 0%, 17%),
127
+ "--d-fill-color-neutral-080": hsl(0, 0%, 15%),
128
+ "--d-fill-color-neutral-090": hsl(0, 0%, 12%),
129
+ "--d-fill-color-neutral-100": hsl(0, 0%, 7%),
130
+ "--d-fill-color-status-error-ghost": hsl(0, 19%, 15%),
131
+ "--d-fill-color-status-info-ghost": hsl(210, 79%, 15%),
132
+ "--d-fill-color-status-neutral-ghost": hsl(0, 0%, 13%),
133
+ "--d-fill-color-status-success-ghost": hsl(120, 32%, 15%),
134
+ "--d-fill-color-status-warning-ghost": hsl(40, 61%, 15%),
135
+ "--d-fill-color-transparency-dark-010": hsla(0, 0%, 100%, 0.1),
136
+ "--d-fill-color-transparency-dark-020": hsla(0, 0%, 100%, 0.2),
137
+ "--d-fill-color-transparency-dark-030": hsla(0, 0%, 100%, 0.3),
138
+ "--d-fill-color-transparency-dark-040": hsla(0, 0%, 100%, 0.4),
139
+ "--d-fill-color-transparency-dark-050": hsla(0, 0%, 100%, 0.5),
140
+ "--d-fill-color-transparency-dark-060": hsla(0, 0%, 100%, 0.6),
141
+ "--d-fill-color-transparency-dark-070": hsla(0, 0%, 100%, 0.7),
142
+ "--d-fill-color-transparency-dark-080": hsla(0, 0%, 100%, 0.8),
143
+ "--d-fill-color-transparency-dark-090": hsla(0, 0%, 100%, 0.9),
144
+ "--d-fill-color-transparency-light-010": hsla(0, 0%, 0%, 0.1),
145
+ "--d-fill-color-transparency-light-020": hsla(0, 0%, 0%, 0.2),
146
+ "--d-fill-color-transparency-light-030": hsla(0, 0%, 0%, 0.3),
147
+ "--d-fill-color-transparency-light-040": hsla(0, 0%, 0%, 0.4),
148
+ "--d-fill-color-transparency-light-050": hsla(0, 0%, 0%, 0.5),
149
+ "--d-fill-color-transparency-light-060": hsla(0, 0%, 0%, 0.6),
150
+ "--d-fill-color-transparency-light-070": hsla(0, 0%, 0%, 0.7),
151
+ "--d-fill-color-transparency-light-080": hsla(0, 0%, 0%, 0.8),
152
+ "--d-fill-color-transparency-light-090": hsla(0, 0%, 0%, 0.9),
153
+ "--d-font-size-2xl": 24px,
154
+ "--d-font-size-2xs": 10px,
155
+ "--d-font-size-3xl": 28px,
156
+ "--d-font-size-4xl": 34px,
157
+ "--d-font-size-lg": 18px,
158
+ "--d-font-size-md": 16px,
159
+ "--d-font-size-sm": 14px,
160
+ "--d-font-size-xl": 20px,
161
+ "--d-font-size-xs": 12px,
162
+ "--d-font-weight-bold": 700px,
163
+ "--d-font-weight-medium": 500px,
164
+ "--d-font-weight-normal": 400px,
165
+ "--d-font-weight-semibold": 600px,
166
+ "--d-icon-color-button-disabled": hsl(0, 0%, 32%),
167
+ "--d-icon-color-button-error": hsl(0, 68%, 54%),
168
+ "--d-icon-color-button-interaction": hsl(174, 70%, 37%),
169
+ "--d-icon-color-interaction": hsl(174, 70%, 37%),
170
+ "--d-icon-color-interaction-disabled": hsl(0, 0%, 32%),
171
+ "--d-icon-color-interaction-error": hsl(0, 68%, 57%),
172
+ "--d-icon-color-status-error": hsl(0, 68%, 54%),
173
+ "--d-icon-color-status-info": hsl(206, 100%, 42%),
174
+ "--d-icon-color-status-neutral": hsl(0, 0%, 81%),
175
+ "--d-icon-color-status-success": hsl(124, 50%, 38%),
176
+ "--d-icon-color-status-warning": hsl(36, 99%, 42%),
177
+ "--d-surface-color-canvas": hsl(0, 0%, 7%),
178
+ "--d-surface-color-card": hsl(0, 0%, 12%),
179
+ "--d-text-color": hsl(0, 0%, 88%),
180
+ "--d-text-color-button-interaction": hsl(174, 70%, 37%),
181
+ "--d-text-color-button-interaction-disabled": hsl(0, 0%, 32%),
182
+ "--d-text-color-button-interaction-error": hsl(0, 68%, 57%),
183
+ "--d-text-color-disabled": hsl(0, 0%, 32%),
184
+ "--d-text-color-headline": hsl(0, 0%, 98%),
185
+ "--d-text-color-interaction": hsl(174, 70%, 37%),
186
+ "--d-text-color-interaction-disabled": hsl(0, 0%, 32%),
187
+ "--d-text-color-interaction-error": hsl(0, 68%, 57%),
188
+ "--d-text-color-inverted": hsl(0, 0%, 100%),
189
+ "--d-text-color-placeholder": hsl(0, 0%, 24%),
190
+ "--d-text-color-secondary": hsl(0, 0%, 68%),
191
+ "--d-text-color-status-error": hsl(0, 95%, 64%),
192
+ "--d-text-color-status-info": hsl(206, 100%, 56%),
193
+ "--d-text-color-status-neutral": hsl(0, 0%, 81%),
194
+ "--d-text-color-status-success": hsl(124, 55%, 45%),
195
+ "--d-text-color-status-warning": hsl(36, 99%, 47%),
196
+ ),
197
+ );
198
+
199
+ @function token($name, $mode: null) {
200
+ @if $mode == null {
201
+ @return var(#{$name});
202
+ }
203
+ @return map.get(map.get($_doxy-tokens, $mode), $name);
204
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/doxy",
3
- "version": "1.1.0",
3
+ "version": "1.2.1",
4
4
  "main": "./dist/index.js",
5
5
  "repository": "git@github.com:planningcenter/doxy.git",
6
6
  "type": "module",
@@ -31,6 +31,8 @@
31
31
  "./tokens.css": "./dist/tokens.css",
32
32
  "./tokens-dark.css": "./dist/tokens-dark.css",
33
33
  "./tokens-deprecated.css": "./dist/tokens-deprecated.css",
34
+ "./tokens.scss": "./dist/tokens.scss",
35
+ "./color-tokens": "./dist/build-output/ts/color-tokens.js",
34
36
  "./react-native-tokens-dark": "./dist/build-output/ts/react-native-tokens-dark.js",
35
37
  "./react-native-tokens-light": "./dist/build-output/ts/react-native-tokens-light.js",
36
38
  "./types/react-native-types": "./dist/build-output/ts/types/react-native-types.js",
@@ -41,6 +43,9 @@
41
43
  },
42
44
  "typesVersions": {
43
45
  "*": {
46
+ "color-tokens": [
47
+ "./dist/build-output/ts/color-tokens.d.ts"
48
+ ],
44
49
  "ts": [
45
50
  "./dist/build-output/ts/index.d.ts"
46
51
  ],
@@ -70,9 +75,9 @@
70
75
  "@rollup/plugin-commonjs": "^29.0.0",
71
76
  "@rollup/plugin-node-resolve": "^16.0.3",
72
77
  "@rollup/plugin-typescript": "^12.3.0",
73
- "@storybook/addon-docs": "^10.1.11",
74
- "@storybook/addon-onboarding": "^10.1.11",
75
- "@storybook/react-vite": "^10.1.11",
78
+ "@storybook/addon-docs": "^10.2.10",
79
+ "@storybook/addon-onboarding": "^10.2.10",
80
+ "@storybook/react-vite": "^10.2.10",
76
81
  "@types/node": "^25.0.3",
77
82
  "@types/react": "^19.2.9",
78
83
  "@types/react-dom": "^19.2.3",
@@ -82,7 +87,7 @@
82
87
  "eslint-plugin-prettier": "^5.5.4",
83
88
  "eslint-plugin-simple-import-sort": "^12.1.1",
84
89
  "eslint-plugin-sort-keys-fix": "^1.1.2",
85
- "eslint-plugin-storybook": "^10.1.11",
90
+ "eslint-plugin-storybook": "^10.2.10",
86
91
  "eslint-plugin-typescript-sort-keys": "^3.3.0",
87
92
  "eslint-plugin-vitest": "^0.5.4",
88
93
  "globals": "^16.5.0",
@@ -98,7 +103,7 @@
98
103
  "rollup-plugin-node-externals": "^8.1.2",
99
104
  "rollup-plugin-postcss": "^4.0.2",
100
105
  "rollup-plugin-rename-node-modules": "^1.3.1",
101
- "storybook": "^10.1.11",
106
+ "storybook": "^10.2.10",
102
107
  "style-dictionary": "4.4.0",
103
108
  "tsx": "^4.21.0",
104
109
  "typescript": "^5.9.3",