@dsn-starter-kit/design-tokens 1.0.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 (57) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +287 -0
  3. package/dist/css/scoped/density-default.css +14 -0
  4. package/dist/css/scoped/density-information-dense.css +16 -0
  5. package/dist/css/scoped/wireframe-dark.css +340 -0
  6. package/dist/css/scoped/wireframe-light.css +340 -0
  7. package/dist/css/start-dark-default.css +1364 -0
  8. package/dist/css/start-dark-information-dense.css +1364 -0
  9. package/dist/css/start-light-default.css +1364 -0
  10. package/dist/css/start-light-information-dense.css +1364 -0
  11. package/dist/css/variables-dark.css +1364 -0
  12. package/dist/css/variables.css +1364 -0
  13. package/dist/css/wireframe-dark-default.css +1360 -0
  14. package/dist/css/wireframe-dark-information-dense.css +1360 -0
  15. package/dist/css/wireframe-light-default.css +1360 -0
  16. package/dist/css/wireframe-light-information-dense.css +1360 -0
  17. package/dist/js/start-dark-default.d.ts +1348 -0
  18. package/dist/js/start-dark-default.js +27420 -0
  19. package/dist/js/start-dark-information-dense.d.ts +1348 -0
  20. package/dist/js/start-dark-information-dense.js +27424 -0
  21. package/dist/js/start-light-default.d.ts +1348 -0
  22. package/dist/js/start-light-default.js +27418 -0
  23. package/dist/js/start-light-information-dense.d.ts +1348 -0
  24. package/dist/js/start-light-information-dense.js +27422 -0
  25. package/dist/js/tokens-dark.d.ts +1348 -0
  26. package/dist/js/tokens-dark.js +27420 -0
  27. package/dist/js/tokens.d.ts +1348 -0
  28. package/dist/js/tokens.js +27418 -0
  29. package/dist/js/wireframe-dark-default.d.ts +1344 -0
  30. package/dist/js/wireframe-dark-default.js +26975 -0
  31. package/dist/js/wireframe-dark-information-dense.d.ts +1344 -0
  32. package/dist/js/wireframe-dark-information-dense.js +26979 -0
  33. package/dist/js/wireframe-light-default.d.ts +1344 -0
  34. package/dist/js/wireframe-light-default.js +26975 -0
  35. package/dist/js/wireframe-light-information-dense.d.ts +1344 -0
  36. package/dist/js/wireframe-light-information-dense.js +26979 -0
  37. package/dist/json/start-dark-default.json +1350 -0
  38. package/dist/json/start-dark-information-dense.json +1350 -0
  39. package/dist/json/start-light-default.json +1350 -0
  40. package/dist/json/start-light-information-dense.json +1350 -0
  41. package/dist/json/tokens-dark.json +1350 -0
  42. package/dist/json/tokens.json +1350 -0
  43. package/dist/json/wireframe-dark-default.json +1346 -0
  44. package/dist/json/wireframe-dark-information-dense.json +1346 -0
  45. package/dist/json/wireframe-light-default.json +1346 -0
  46. package/dist/json/wireframe-light-information-dense.json +1346 -0
  47. package/dist/scss/_start-dark-default.scss +1351 -0
  48. package/dist/scss/_start-dark-information-dense.scss +1351 -0
  49. package/dist/scss/_start-light-default.scss +1351 -0
  50. package/dist/scss/_start-light-information-dense.scss +1351 -0
  51. package/dist/scss/_variables-dark.scss +1351 -0
  52. package/dist/scss/_variables.scss +1351 -0
  53. package/dist/scss/_wireframe-dark-default.scss +1347 -0
  54. package/dist/scss/_wireframe-dark-information-dense.scss +1347 -0
  55. package/dist/scss/_wireframe-light-default.scss +1347 -0
  56. package/dist/scss/_wireframe-light-information-dense.scss +1347 -0
  57. package/package.json +46 -0
package/dist/css/scoped/wireframe-light.css ADDED
@@ -0,0 +1,340 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Sat, 16 May 2026 08:34:09 GMT
4
+ */
5
+
6
+ .dsn-theme-wireframe {
7
+ --dsn-color-neutral-bg-document: undefined;
8
+ --dsn-color-neutral-bg-elevated: undefined;
9
+ --dsn-color-neutral-bg-subtle: undefined;
10
+ --dsn-color-neutral-bg-default: undefined;
11
+ --dsn-color-neutral-bg-hover: undefined;
12
+ --dsn-color-neutral-bg-active: undefined;
13
+ --dsn-color-neutral-border-subtle: undefined;
14
+ --dsn-color-neutral-border-default: undefined;
15
+ --dsn-color-neutral-border-hover: undefined;
16
+ --dsn-color-neutral-border-active: undefined;
17
+ --dsn-color-neutral-color-default: undefined;
18
+ --dsn-color-neutral-color-hover: undefined;
19
+ --dsn-color-neutral-color-active: undefined;
20
+ --dsn-color-neutral-color-subtle: undefined;
21
+ --dsn-color-neutral-color-document: undefined;
22
+ --dsn-color-accent-1-bg-document: var(--dsn-color-neutral-bg-document);
23
+ --dsn-color-accent-1-bg-elevated: var(--dsn-color-neutral-bg-elevated);
24
+ --dsn-color-accent-1-bg-subtle: var(--dsn-color-neutral-bg-subtle);
25
+ --dsn-color-accent-1-bg-default: var(--dsn-color-neutral-bg-default);
26
+ --dsn-color-accent-1-bg-hover: var(--dsn-color-neutral-bg-hover);
27
+ --dsn-color-accent-1-bg-active: var(--dsn-color-neutral-bg-active);
28
+ --dsn-color-accent-1-border-subtle: var(--dsn-color-neutral-border-subtle);
29
+ --dsn-color-accent-1-border-default: var(--dsn-color-neutral-border-default);
30
+ --dsn-color-accent-1-border-hover: var(--dsn-color-neutral-border-hover);
31
+ --dsn-color-accent-1-border-active: var(--dsn-color-neutral-border-active);
32
+ --dsn-color-accent-1-color-default: var(--dsn-color-neutral-color-default);
33
+ --dsn-color-accent-1-color-hover: var(--dsn-color-neutral-color-hover);
34
+ --dsn-color-accent-1-color-active: var(--dsn-color-neutral-color-active);
35
+ --dsn-color-accent-1-color-subtle: var(--dsn-color-neutral-color-subtle);
36
+ --dsn-color-accent-1-color-document: var(--dsn-color-neutral-color-document);
37
+ --dsn-color-accent-2-bg-document: var(--dsn-color-accent-1-bg-document);
38
+ --dsn-color-accent-2-bg-elevated: var(--dsn-color-accent-1-bg-elevated);
39
+ --dsn-color-accent-2-bg-subtle: var(--dsn-color-accent-1-bg-subtle);
40
+ --dsn-color-accent-2-bg-default: var(--dsn-color-accent-1-bg-default);
41
+ --dsn-color-accent-2-bg-hover: var(--dsn-color-accent-1-bg-hover);
42
+ --dsn-color-accent-2-bg-active: var(--dsn-color-accent-1-bg-active);
43
+ --dsn-color-accent-2-border-subtle: var(--dsn-color-accent-1-border-subtle);
44
+ --dsn-color-accent-2-border-default: var(--dsn-color-accent-1-border-default);
45
+ --dsn-color-accent-2-border-hover: var(--dsn-color-accent-1-border-hover);
46
+ --dsn-color-accent-2-border-active: var(--dsn-color-accent-1-border-active);
47
+ --dsn-color-accent-2-color-default: var(--dsn-color-accent-1-color-default);
48
+ --dsn-color-accent-2-color-hover: var(--dsn-color-accent-1-color-hover);
49
+ --dsn-color-accent-2-color-active: var(--dsn-color-accent-1-color-active);
50
+ --dsn-color-accent-2-color-subtle: var(--dsn-color-accent-1-color-subtle);
51
+ --dsn-color-accent-2-color-document: var(--dsn-color-accent-1-color-document);
52
+ --dsn-color-accent-3-bg-document: var(--dsn-color-accent-1-bg-document);
53
+ --dsn-color-accent-3-bg-elevated: var(--dsn-color-accent-1-bg-elevated);
54
+ --dsn-color-accent-3-bg-subtle: var(--dsn-color-accent-1-bg-subtle);
55
+ --dsn-color-accent-3-bg-default: var(--dsn-color-accent-1-bg-default);
56
+ --dsn-color-accent-3-bg-hover: var(--dsn-color-accent-1-bg-hover);
57
+ --dsn-color-accent-3-bg-active: var(--dsn-color-accent-1-bg-active);
58
+ --dsn-color-accent-3-border-subtle: var(--dsn-color-accent-1-border-subtle);
59
+ --dsn-color-accent-3-border-default: var(--dsn-color-accent-1-border-default);
60
+ --dsn-color-accent-3-border-hover: var(--dsn-color-accent-1-border-hover);
61
+ --dsn-color-accent-3-border-active: var(--dsn-color-accent-1-border-active);
62
+ --dsn-color-accent-3-color-default: var(--dsn-color-accent-1-color-default);
63
+ --dsn-color-accent-3-color-hover: var(--dsn-color-accent-1-color-hover);
64
+ --dsn-color-accent-3-color-active: var(--dsn-color-accent-1-color-active);
65
+ --dsn-color-accent-3-color-subtle: var(--dsn-color-accent-1-color-subtle);
66
+ --dsn-color-accent-3-color-document: var(--dsn-color-accent-1-color-document);
67
+ --dsn-color-action-1-bg-document: var(--dsn-color-accent-1-bg-document);
68
+ --dsn-color-action-1-bg-elevated: var(--dsn-color-accent-1-bg-elevated);
69
+ --dsn-color-action-1-bg-subtle: var(--dsn-color-accent-1-bg-subtle);
70
+ --dsn-color-action-1-bg-default: var(--dsn-color-accent-1-bg-default);
71
+ --dsn-color-action-1-bg-hover: var(--dsn-color-accent-1-bg-hover);
72
+ --dsn-color-action-1-bg-active: var(--dsn-color-accent-1-bg-active);
73
+ --dsn-color-action-1-border-subtle: var(--dsn-color-accent-1-border-subtle);
74
+ --dsn-color-action-1-border-default: var(--dsn-color-accent-1-border-default);
75
+ --dsn-color-action-1-border-hover: var(--dsn-color-accent-1-border-hover);
76
+ --dsn-color-action-1-border-active: var(--dsn-color-accent-1-border-active);
77
+ --dsn-color-action-1-color-default: var(--dsn-color-accent-1-color-default);
78
+ --dsn-color-action-1-color-hover: var(--dsn-color-accent-1-color-hover);
79
+ --dsn-color-action-1-color-active: var(--dsn-color-accent-1-color-active);
80
+ --dsn-color-action-1-color-subtle: var(--dsn-color-accent-1-color-subtle);
81
+ --dsn-color-action-1-color-document: var(--dsn-color-accent-1-color-document);
82
+ --dsn-color-action-2-bg-document: var(--dsn-color-accent-1-bg-document);
83
+ --dsn-color-action-2-bg-elevated: var(--dsn-color-accent-1-bg-elevated);
84
+ --dsn-color-action-2-bg-subtle: var(--dsn-color-accent-1-bg-subtle);
85
+ --dsn-color-action-2-bg-default: var(--dsn-color-accent-1-bg-default);
86
+ --dsn-color-action-2-bg-hover: var(--dsn-color-accent-1-bg-hover);
87
+ --dsn-color-action-2-bg-active: var(--dsn-color-accent-1-bg-active);
88
+ --dsn-color-action-2-border-subtle: var(--dsn-color-accent-1-border-subtle);
89
+ --dsn-color-action-2-border-default: var(--dsn-color-accent-1-border-default);
90
+ --dsn-color-action-2-border-hover: var(--dsn-color-accent-1-border-hover);
91
+ --dsn-color-action-2-border-active: var(--dsn-color-accent-1-border-active);
92
+ --dsn-color-action-2-color-default: var(--dsn-color-accent-1-color-default);
93
+ --dsn-color-action-2-color-hover: var(--dsn-color-accent-1-color-hover);
94
+ --dsn-color-action-2-color-active: var(--dsn-color-accent-1-color-active);
95
+ --dsn-color-action-2-color-subtle: var(--dsn-color-accent-1-color-subtle);
96
+ --dsn-color-action-2-color-document: var(--dsn-color-accent-1-color-document);
97
+ --dsn-color-positive-bg-document: var(--dsn-color-neutral-bg-document);
98
+ --dsn-color-positive-bg-elevated: var(--dsn-color-neutral-bg-elevated);
99
+ --dsn-color-positive-bg-subtle: var(--dsn-color-neutral-bg-subtle);
100
+ --dsn-color-positive-bg-default: var(--dsn-color-neutral-bg-default);
101
+ --dsn-color-positive-bg-hover: var(--dsn-color-neutral-bg-hover);
102
+ --dsn-color-positive-bg-active: var(--dsn-color-neutral-bg-active);
103
+ --dsn-color-positive-border-subtle: var(--dsn-color-neutral-border-subtle);
104
+ --dsn-color-positive-border-default: var(--dsn-color-neutral-border-default);
105
+ --dsn-color-positive-border-hover: var(--dsn-color-neutral-border-hover);
106
+ --dsn-color-positive-border-active: var(--dsn-color-neutral-border-active);
107
+ --dsn-color-positive-color-default: var(--dsn-color-neutral-color-default);
108
+ --dsn-color-positive-color-hover: var(--dsn-color-neutral-color-hover);
109
+ --dsn-color-positive-color-active: var(--dsn-color-neutral-color-active);
110
+ --dsn-color-positive-color-subtle: var(--dsn-color-neutral-color-subtle);
111
+ --dsn-color-positive-color-document: var(--dsn-color-neutral-color-document);
112
+ --dsn-color-negative-bg-document: var(--dsn-color-neutral-bg-document);
113
+ --dsn-color-negative-bg-elevated: var(--dsn-color-neutral-bg-elevated);
114
+ --dsn-color-negative-bg-subtle: var(--dsn-color-neutral-bg-subtle);
115
+ --dsn-color-negative-bg-default: var(--dsn-color-neutral-bg-default);
116
+ --dsn-color-negative-bg-hover: var(--dsn-color-neutral-bg-hover);
117
+ --dsn-color-negative-bg-active: var(--dsn-color-neutral-bg-active);
118
+ --dsn-color-negative-border-subtle: var(--dsn-color-neutral-border-subtle);
119
+ --dsn-color-negative-border-default: var(--dsn-color-neutral-border-default);
120
+ --dsn-color-negative-border-hover: var(--dsn-color-neutral-border-hover);
121
+ --dsn-color-negative-border-active: var(--dsn-color-neutral-border-active);
122
+ --dsn-color-negative-color-default: var(--dsn-color-neutral-color-default);
123
+ --dsn-color-negative-color-hover: var(--dsn-color-neutral-color-hover);
124
+ --dsn-color-negative-color-active: var(--dsn-color-neutral-color-active);
125
+ --dsn-color-negative-color-subtle: var(--dsn-color-neutral-color-subtle);
126
+ --dsn-color-negative-color-document: var(--dsn-color-neutral-color-document);
127
+ --dsn-color-warning-bg-document: var(--dsn-color-neutral-bg-document);
128
+ --dsn-color-warning-bg-elevated: var(--dsn-color-neutral-bg-elevated);
129
+ --dsn-color-warning-bg-subtle: var(--dsn-color-neutral-bg-subtle);
130
+ --dsn-color-warning-bg-default: var(--dsn-color-neutral-bg-default);
131
+ --dsn-color-warning-bg-hover: var(--dsn-color-neutral-bg-hover);
132
+ --dsn-color-warning-bg-active: var(--dsn-color-neutral-bg-active);
133
+ --dsn-color-warning-border-subtle: var(--dsn-color-neutral-border-subtle);
134
+ --dsn-color-warning-border-default: var(--dsn-color-neutral-border-default);
135
+ --dsn-color-warning-border-hover: var(--dsn-color-neutral-border-hover);
136
+ --dsn-color-warning-border-active: var(--dsn-color-neutral-border-active);
137
+ --dsn-color-warning-color-default: var(--dsn-color-neutral-color-default);
138
+ --dsn-color-warning-color-hover: var(--dsn-color-neutral-color-hover);
139
+ --dsn-color-warning-color-active: var(--dsn-color-neutral-color-active);
140
+ --dsn-color-warning-color-subtle: var(--dsn-color-neutral-color-subtle);
141
+ --dsn-color-warning-color-document: var(--dsn-color-neutral-color-document);
142
+ --dsn-color-info-bg-document: var(--dsn-color-neutral-bg-document);
143
+ --dsn-color-info-bg-elevated: var(--dsn-color-neutral-bg-elevated);
144
+ --dsn-color-info-bg-subtle: var(--dsn-color-neutral-bg-subtle);
145
+ --dsn-color-info-bg-default: var(--dsn-color-neutral-bg-default);
146
+ --dsn-color-info-bg-hover: var(--dsn-color-neutral-bg-hover);
147
+ --dsn-color-info-bg-active: var(--dsn-color-neutral-bg-active);
148
+ --dsn-color-info-border-subtle: var(--dsn-color-neutral-border-subtle);
149
+ --dsn-color-info-border-default: var(--dsn-color-neutral-border-default);
150
+ --dsn-color-info-border-hover: var(--dsn-color-neutral-border-hover);
151
+ --dsn-color-info-border-active: var(--dsn-color-neutral-border-active);
152
+ --dsn-color-info-color-default: var(--dsn-color-neutral-color-default);
153
+ --dsn-color-info-color-hover: var(--dsn-color-neutral-color-hover);
154
+ --dsn-color-info-color-active: var(--dsn-color-neutral-color-active);
155
+ --dsn-color-info-color-subtle: var(--dsn-color-neutral-color-subtle);
156
+ --dsn-color-info-color-document: var(--dsn-color-neutral-color-document);
157
+ --dsn-color-neutral-inverse-bg-document: var(--dsn-color-neutral-color-document);
158
+ --dsn-color-neutral-inverse-bg-elevated: var(--dsn-color-neutral-color-document);
159
+ --dsn-color-neutral-inverse-bg-subtle: var(--dsn-color-neutral-color-active);
160
+ --dsn-color-neutral-inverse-bg-default: var(--dsn-color-neutral-color-hover);
161
+ --dsn-color-neutral-inverse-bg-hover: var(--dsn-color-neutral-color-default);
162
+ --dsn-color-neutral-inverse-bg-active: var(--dsn-color-neutral-color-subtle);
163
+ --dsn-color-neutral-inverse-border-subtle: var(--dsn-color-neutral-border-active);
164
+ --dsn-color-neutral-inverse-border-default: var(--dsn-color-neutral-border-hover);
165
+ --dsn-color-neutral-inverse-border-hover: var(--dsn-color-neutral-border-default);
166
+ --dsn-color-neutral-inverse-border-active: var(--dsn-color-neutral-border-subtle);
167
+ --dsn-color-neutral-inverse-color-default: var(--dsn-color-neutral-bg-active);
168
+ --dsn-color-neutral-inverse-color-hover: var(--dsn-color-neutral-bg-hover);
169
+ --dsn-color-neutral-inverse-color-active: var(--dsn-color-neutral-bg-default);
170
+ --dsn-color-neutral-inverse-color-subtle: var(--dsn-color-neutral-bg-subtle);
171
+ --dsn-color-neutral-inverse-color-document: var(--dsn-color-neutral-bg-document);
172
+ --dsn-color-accent-1-inverse-bg-document: var(--dsn-color-neutral-inverse-bg-document);
173
+ --dsn-color-accent-1-inverse-bg-elevated: var(--dsn-color-neutral-inverse-bg-elevated);
174
+ --dsn-color-accent-1-inverse-bg-subtle: var(--dsn-color-neutral-inverse-bg-subtle);
175
+ --dsn-color-accent-1-inverse-bg-default: var(--dsn-color-neutral-inverse-bg-default);
176
+ --dsn-color-accent-1-inverse-bg-hover: var(--dsn-color-neutral-inverse-bg-hover);
177
+ --dsn-color-accent-1-inverse-bg-active: var(--dsn-color-neutral-inverse-bg-active);
178
+ --dsn-color-accent-1-inverse-border-subtle: var(--dsn-color-neutral-inverse-border-subtle);
179
+ --dsn-color-accent-1-inverse-border-default: var(--dsn-color-neutral-inverse-border-default);
180
+ --dsn-color-accent-1-inverse-border-hover: var(--dsn-color-neutral-inverse-border-hover);
181
+ --dsn-color-accent-1-inverse-border-active: var(--dsn-color-neutral-inverse-border-active);
182
+ --dsn-color-accent-1-inverse-color-default: var(--dsn-color-neutral-inverse-color-default);
183
+ --dsn-color-accent-1-inverse-color-hover: var(--dsn-color-neutral-inverse-color-hover);
184
+ --dsn-color-accent-1-inverse-color-active: var(--dsn-color-neutral-inverse-color-active);
185
+ --dsn-color-accent-1-inverse-color-subtle: var(--dsn-color-neutral-inverse-color-subtle);
186
+ --dsn-color-accent-1-inverse-color-document: var(--dsn-color-neutral-inverse-color-document);
187
+ --dsn-color-accent-2-inverse-bg-document: var(--dsn-color-accent-1-inverse-bg-document);
188
+ --dsn-color-accent-2-inverse-bg-elevated: var(--dsn-color-accent-1-inverse-bg-elevated);
189
+ --dsn-color-accent-2-inverse-bg-subtle: var(--dsn-color-accent-1-inverse-bg-subtle);
190
+ --dsn-color-accent-2-inverse-bg-default: var(--dsn-color-accent-1-inverse-bg-default);
191
+ --dsn-color-accent-2-inverse-bg-hover: var(--dsn-color-accent-1-inverse-bg-hover);
192
+ --dsn-color-accent-2-inverse-bg-active: var(--dsn-color-accent-1-inverse-bg-active);
193
+ --dsn-color-accent-2-inverse-border-subtle: var(--dsn-color-accent-1-inverse-border-subtle);
194
+ --dsn-color-accent-2-inverse-border-default: var(--dsn-color-accent-1-inverse-border-default);
195
+ --dsn-color-accent-2-inverse-border-hover: var(--dsn-color-accent-1-inverse-border-hover);
196
+ --dsn-color-accent-2-inverse-border-active: var(--dsn-color-accent-1-inverse-border-active);
197
+ --dsn-color-accent-2-inverse-color-default: var(--dsn-color-accent-1-inverse-color-default);
198
+ --dsn-color-accent-2-inverse-color-hover: var(--dsn-color-accent-1-inverse-color-hover);
199
+ --dsn-color-accent-2-inverse-color-active: var(--dsn-color-accent-1-inverse-color-active);
200
+ --dsn-color-accent-2-inverse-color-subtle: var(--dsn-color-accent-1-inverse-color-subtle);
201
+ --dsn-color-accent-2-inverse-color-document: var(--dsn-color-accent-1-inverse-color-document);
202
+ --dsn-color-accent-3-inverse-bg-document: var(--dsn-color-accent-1-inverse-bg-document);
203
+ --dsn-color-accent-3-inverse-bg-elevated: var(--dsn-color-accent-1-inverse-bg-elevated);
204
+ --dsn-color-accent-3-inverse-bg-subtle: var(--dsn-color-accent-1-inverse-bg-subtle);
205
+ --dsn-color-accent-3-inverse-bg-default: var(--dsn-color-accent-1-inverse-bg-default);
206
+ --dsn-color-accent-3-inverse-bg-hover: var(--dsn-color-accent-1-inverse-bg-hover);
207
+ --dsn-color-accent-3-inverse-bg-active: var(--dsn-color-accent-1-inverse-bg-active);
208
+ --dsn-color-accent-3-inverse-border-subtle: var(--dsn-color-accent-1-inverse-border-subtle);
209
+ --dsn-color-accent-3-inverse-border-default: var(--dsn-color-accent-1-inverse-border-default);
210
+ --dsn-color-accent-3-inverse-border-hover: var(--dsn-color-accent-1-inverse-border-hover);
211
+ --dsn-color-accent-3-inverse-border-active: var(--dsn-color-accent-1-inverse-border-active);
212
+ --dsn-color-accent-3-inverse-color-default: var(--dsn-color-accent-1-inverse-color-default);
213
+ --dsn-color-accent-3-inverse-color-hover: var(--dsn-color-accent-1-inverse-color-hover);
214
+ --dsn-color-accent-3-inverse-color-active: var(--dsn-color-accent-1-inverse-color-active);
215
+ --dsn-color-accent-3-inverse-color-subtle: var(--dsn-color-accent-1-inverse-color-subtle);
216
+ --dsn-color-accent-3-inverse-color-document: var(--dsn-color-accent-1-inverse-color-document);
217
+ --dsn-color-action-1-inverse-bg-document: var(--dsn-color-accent-1-inverse-bg-document);
218
+ --dsn-color-action-1-inverse-bg-elevated: var(--dsn-color-accent-1-inverse-bg-elevated);
219
+ --dsn-color-action-1-inverse-bg-subtle: var(--dsn-color-accent-1-inverse-bg-subtle);
220
+ --dsn-color-action-1-inverse-bg-default: var(--dsn-color-accent-1-inverse-bg-default);
221
+ --dsn-color-action-1-inverse-bg-hover: var(--dsn-color-accent-1-inverse-bg-hover);
222
+ --dsn-color-action-1-inverse-bg-active: var(--dsn-color-accent-1-inverse-bg-active);
223
+ --dsn-color-action-1-inverse-border-subtle: var(--dsn-color-accent-1-inverse-border-subtle);
224
+ --dsn-color-action-1-inverse-border-default: var(--dsn-color-accent-1-inverse-border-default);
225
+ --dsn-color-action-1-inverse-border-hover: var(--dsn-color-accent-1-inverse-border-hover);
226
+ --dsn-color-action-1-inverse-border-active: var(--dsn-color-accent-1-inverse-border-active);
227
+ --dsn-color-action-1-inverse-color-default: var(--dsn-color-accent-1-inverse-color-default);
228
+ --dsn-color-action-1-inverse-color-hover: var(--dsn-color-accent-1-inverse-color-hover);
229
+ --dsn-color-action-1-inverse-color-active: var(--dsn-color-accent-1-inverse-color-active);
230
+ --dsn-color-action-1-inverse-color-subtle: var(--dsn-color-accent-1-inverse-color-subtle);
231
+ --dsn-color-action-1-inverse-color-document: var(--dsn-color-accent-1-inverse-color-document);
232
+ --dsn-color-action-2-inverse-bg-document: var(--dsn-color-accent-1-inverse-bg-document);
233
+ --dsn-color-action-2-inverse-bg-elevated: var(--dsn-color-accent-1-inverse-bg-elevated);
234
+ --dsn-color-action-2-inverse-bg-subtle: var(--dsn-color-accent-1-inverse-bg-subtle);
235
+ --dsn-color-action-2-inverse-bg-default: var(--dsn-color-accent-1-inverse-bg-default);
236
+ --dsn-color-action-2-inverse-bg-hover: var(--dsn-color-accent-1-inverse-bg-hover);
237
+ --dsn-color-action-2-inverse-bg-active: var(--dsn-color-accent-1-inverse-bg-active);
238
+ --dsn-color-action-2-inverse-border-subtle: var(--dsn-color-accent-1-inverse-border-subtle);
239
+ --dsn-color-action-2-inverse-border-default: var(--dsn-color-accent-1-inverse-border-default);
240
+ --dsn-color-action-2-inverse-border-hover: var(--dsn-color-accent-1-inverse-border-hover);
241
+ --dsn-color-action-2-inverse-border-active: var(--dsn-color-accent-1-inverse-border-active);
242
+ --dsn-color-action-2-inverse-color-default: var(--dsn-color-accent-1-inverse-color-default);
243
+ --dsn-color-action-2-inverse-color-hover: var(--dsn-color-accent-1-inverse-color-hover);
244
+ --dsn-color-action-2-inverse-color-active: var(--dsn-color-accent-1-inverse-color-active);
245
+ --dsn-color-action-2-inverse-color-subtle: var(--dsn-color-accent-1-inverse-color-subtle);
246
+ --dsn-color-action-2-inverse-color-document: var(--dsn-color-accent-1-inverse-color-document);
247
+ --dsn-color-positive-inverse-bg-document: var(--dsn-color-neutral-inverse-bg-document);
248
+ --dsn-color-positive-inverse-bg-elevated: var(--dsn-color-neutral-inverse-bg-elevated);
249
+ --dsn-color-positive-inverse-bg-subtle: var(--dsn-color-neutral-inverse-bg-subtle);
250
+ --dsn-color-positive-inverse-bg-default: var(--dsn-color-neutral-inverse-bg-default);
251
+ --dsn-color-positive-inverse-bg-hover: var(--dsn-color-neutral-inverse-bg-hover);
252
+ --dsn-color-positive-inverse-bg-active: var(--dsn-color-neutral-inverse-bg-active);
253
+ --dsn-color-positive-inverse-border-subtle: var(--dsn-color-neutral-inverse-border-subtle);
254
+ --dsn-color-positive-inverse-border-default: var(--dsn-color-neutral-inverse-border-default);
255
+ --dsn-color-positive-inverse-border-hover: var(--dsn-color-neutral-inverse-border-hover);
256
+ --dsn-color-positive-inverse-border-active: var(--dsn-color-neutral-inverse-border-active);
257
+ --dsn-color-positive-inverse-color-default: var(--dsn-color-neutral-inverse-color-default);
258
+ --dsn-color-positive-inverse-color-hover: var(--dsn-color-neutral-inverse-color-hover);
259
+ --dsn-color-positive-inverse-color-active: var(--dsn-color-neutral-inverse-color-active);
260
+ --dsn-color-positive-inverse-color-subtle: var(--dsn-color-neutral-inverse-color-subtle);
261
+ --dsn-color-positive-inverse-color-document: var(--dsn-color-neutral-inverse-color-document);
262
+ --dsn-color-negative-inverse-bg-document: var(--dsn-color-neutral-inverse-bg-document);
263
+ --dsn-color-negative-inverse-bg-elevated: var(--dsn-color-neutral-inverse-bg-elevated);
264
+ --dsn-color-negative-inverse-bg-subtle: var(--dsn-color-neutral-inverse-bg-subtle);
265
+ --dsn-color-negative-inverse-bg-default: var(--dsn-color-neutral-inverse-bg-default);
266
+ --dsn-color-negative-inverse-bg-hover: var(--dsn-color-neutral-inverse-bg-hover);
267
+ --dsn-color-negative-inverse-bg-active: var(--dsn-color-neutral-inverse-bg-active);
268
+ --dsn-color-negative-inverse-border-subtle: var(--dsn-color-neutral-inverse-border-subtle);
269
+ --dsn-color-negative-inverse-border-default: var(--dsn-color-neutral-inverse-border-default);
270
+ --dsn-color-negative-inverse-border-hover: var(--dsn-color-neutral-inverse-border-hover);
271
+ --dsn-color-negative-inverse-border-active: var(--dsn-color-neutral-inverse-border-active);
272
+ --dsn-color-negative-inverse-color-default: var(--dsn-color-neutral-inverse-color-default);
273
+ --dsn-color-negative-inverse-color-hover: var(--dsn-color-neutral-inverse-color-hover);
274
+ --dsn-color-negative-inverse-color-active: var(--dsn-color-neutral-inverse-color-active);
275
+ --dsn-color-negative-inverse-color-subtle: var(--dsn-color-neutral-inverse-color-subtle);
276
+ --dsn-color-negative-inverse-color-document: var(--dsn-color-neutral-inverse-color-document);
277
+ --dsn-color-warning-inverse-bg-document: var(--dsn-color-neutral-inverse-bg-document);
278
+ --dsn-color-warning-inverse-bg-elevated: var(--dsn-color-neutral-inverse-bg-elevated);
279
+ --dsn-color-warning-inverse-bg-subtle: var(--dsn-color-neutral-inverse-bg-subtle);
280
+ --dsn-color-warning-inverse-bg-default: var(--dsn-color-neutral-inverse-bg-default);
281
+ --dsn-color-warning-inverse-bg-hover: var(--dsn-color-neutral-inverse-bg-hover);
282
+ --dsn-color-warning-inverse-bg-active: var(--dsn-color-neutral-inverse-bg-active);
283
+ --dsn-color-warning-inverse-border-subtle: var(--dsn-color-neutral-inverse-border-subtle);
284
+ --dsn-color-warning-inverse-border-default: var(--dsn-color-neutral-inverse-border-default);
285
+ --dsn-color-warning-inverse-border-hover: var(--dsn-color-neutral-inverse-border-hover);
286
+ --dsn-color-warning-inverse-border-active: var(--dsn-color-neutral-inverse-border-active);
287
+ --dsn-color-warning-inverse-color-default: var(--dsn-color-neutral-inverse-color-default);
288
+ --dsn-color-warning-inverse-color-hover: var(--dsn-color-neutral-inverse-color-hover);
289
+ --dsn-color-warning-inverse-color-active: var(--dsn-color-neutral-inverse-color-active);
290
+ --dsn-color-warning-inverse-color-subtle: var(--dsn-color-neutral-inverse-color-subtle);
291
+ --dsn-color-warning-inverse-color-document: var(--dsn-color-neutral-inverse-color-document);
292
+ --dsn-color-info-inverse-bg-document: var(--dsn-color-neutral-inverse-bg-document);
293
+ --dsn-color-info-inverse-bg-elevated: var(--dsn-color-neutral-inverse-bg-elevated);
294
+ --dsn-color-info-inverse-bg-subtle: var(--dsn-color-neutral-inverse-bg-subtle);
295
+ --dsn-color-info-inverse-bg-default: var(--dsn-color-neutral-inverse-bg-default);
296
+ --dsn-color-info-inverse-bg-hover: var(--dsn-color-neutral-inverse-bg-hover);
297
+ --dsn-color-info-inverse-bg-active: var(--dsn-color-neutral-inverse-bg-active);
298
+ --dsn-color-info-inverse-border-subtle: var(--dsn-color-neutral-inverse-border-subtle);
299
+ --dsn-color-info-inverse-border-default: var(--dsn-color-neutral-inverse-border-default);
300
+ --dsn-color-info-inverse-border-hover: var(--dsn-color-neutral-inverse-border-hover);
301
+ --dsn-color-info-inverse-border-active: var(--dsn-color-neutral-inverse-border-active);
302
+ --dsn-color-info-inverse-color-default: var(--dsn-color-neutral-inverse-color-default);
303
+ --dsn-color-info-inverse-color-hover: var(--dsn-color-neutral-inverse-color-hover);
304
+ --dsn-color-info-inverse-color-active: var(--dsn-color-neutral-inverse-color-active);
305
+ --dsn-color-info-inverse-color-subtle: var(--dsn-color-neutral-inverse-color-subtle);
306
+ --dsn-color-info-inverse-color-document: var(--dsn-color-neutral-inverse-color-document);
307
+ --dsn-color-transparent: undefined;
308
+ --dsn-color-shadow-scroll: undefined;
309
+ --dsn-heading-color: var(--dsn-color-neutral-color-document);
310
+ --dsn-form-control-accent-color: var(--dsn-color-action-1-color-default);
311
+ --dsn-form-control-background-color: var(--dsn-color-neutral-bg-document);
312
+ --dsn-form-control-border-color: var(--dsn-color-neutral-border-default);
313
+ --dsn-form-control-color: var(--dsn-color-neutral-color-document);
314
+ --dsn-form-control-placeholder-color: var(--dsn-color-neutral-color-subtle);
315
+ --dsn-form-control-hover-accent-color: var(--dsn-color-action-1-color-hover);
316
+ --dsn-form-control-hover-background-color: var(--dsn-color-neutral-bg-hover);
317
+ --dsn-form-control-hover-border-color: var(--dsn-color-neutral-border-hover);
318
+ --dsn-form-control-hover-color: var(--dsn-form-control-color);
319
+ --dsn-form-control-focus-background-color: var(--dsn-form-control-background-color);
320
+ --dsn-form-control-focus-border-color: var(--dsn-color-neutral-border-active);
321
+ --dsn-form-control-focus-color: var(--dsn-form-control-color);
322
+ --dsn-form-control-active-accent-color: var(--dsn-color-action-1-color-active);
323
+ --dsn-form-control-active-background-color: var(--dsn-color-neutral-bg-active);
324
+ --dsn-form-control-active-border-color: var(--dsn-color-neutral-border-active);
325
+ --dsn-form-control-active-color: var(--dsn-form-control-color);
326
+ --dsn-form-control-disabled-accent-color: var(--dsn-color-neutral-bg-subtle);
327
+ --dsn-form-control-disabled-background-color: var(--dsn-color-neutral-bg-subtle);
328
+ --dsn-form-control-disabled-border-color: var(--dsn-color-neutral-border-subtle);
329
+ --dsn-form-control-disabled-color: var(--dsn-color-neutral-color-subtle);
330
+ --dsn-form-control-invalid-background-color: var(--dsn-color-negative-bg-default);
331
+ --dsn-form-control-invalid-border-color: var(--dsn-color-negative-border-default);
332
+ --dsn-form-control-invalid-color: var(--dsn-color-negative-color-default);
333
+ --dsn-form-control-read-only-background-color: var(--dsn-color-neutral-bg-subtle);
334
+ --dsn-form-control-read-only-border-color: var(--dsn-color-transparent);
335
+ --dsn-form-control-read-only-color: var(--dsn-color-neutral-color-document);
336
+ --dsn-focus-background-color: undefined;
337
+ --dsn-focus-color: undefined;
338
+ --dsn-focus-outline-color: undefined;
339
+ --dsn-focus-inverse-outline-color: undefined;
340
+ }