@dsn-starter-kit/design-tokens 4.0.0 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/README.md +1 -1
  2. package/dist/css/scoped/density-default.css +1 -1
  3. package/dist/css/scoped/density-information-dense.css +1 -1
  4. package/dist/css/scoped/start-dark.css +166 -166
  5. package/dist/css/scoped/start-light-hero-image.css +306 -306
  6. package/dist/css/scoped/start-light.css +166 -166
  7. package/dist/css/scoped/wireframe-dark.css +1 -1
  8. package/dist/css/scoped/wireframe-light-hero-image.css +1 -1
  9. package/dist/css/scoped/wireframe-light.css +1 -1
  10. package/dist/css/start-dark-default.css +179 -169
  11. package/dist/css/start-dark-information-dense.css +179 -169
  12. package/dist/css/start-light-default.css +179 -169
  13. package/dist/css/start-light-information-dense.css +179 -169
  14. package/dist/css/variables-dark-scoped.css +166 -166
  15. package/dist/css/variables-dark.css +179 -169
  16. package/dist/css/variables.css +179 -169
  17. package/dist/css/wireframe-dark-default.css +10 -0
  18. package/dist/css/wireframe-dark-information-dense.css +10 -0
  19. package/dist/css/wireframe-light-default.css +10 -0
  20. package/dist/css/wireframe-light-information-dense.css +10 -0
  21. package/dist/js/start-dark-default.d.ts +10 -0
  22. package/dist/js/start-dark-default.js +1789 -1574
  23. package/dist/js/start-dark-information-dense.d.ts +10 -0
  24. package/dist/js/start-dark-information-dense.js +1789 -1574
  25. package/dist/js/start-light-default.d.ts +10 -0
  26. package/dist/js/start-light-default.js +1789 -1574
  27. package/dist/js/start-light-information-dense.d.ts +10 -0
  28. package/dist/js/start-light-information-dense.js +1789 -1574
  29. package/dist/js/tokens-dark.cjs +1826 -1574
  30. package/dist/js/tokens-dark.d.cts +10 -0
  31. package/dist/js/tokens-dark.d.ts +10 -0
  32. package/dist/js/tokens-dark.js +1789 -1574
  33. package/dist/js/tokens.cjs +1826 -1574
  34. package/dist/js/tokens.d.cts +10 -0
  35. package/dist/js/tokens.d.ts +10 -0
  36. package/dist/js/tokens.js +1789 -1574
  37. package/dist/js/wireframe-dark-default.d.ts +10 -0
  38. package/dist/js/wireframe-dark-default.js +214 -0
  39. package/dist/js/wireframe-dark-information-dense.d.ts +10 -0
  40. package/dist/js/wireframe-dark-information-dense.js +214 -0
  41. package/dist/js/wireframe-light-default.d.ts +10 -0
  42. package/dist/js/wireframe-light-default.js +214 -0
  43. package/dist/js/wireframe-light-information-dense.d.ts +10 -0
  44. package/dist/js/wireframe-light-information-dense.js +214 -0
  45. package/dist/json/start-dark-default.json +712 -702
  46. package/dist/json/start-dark-information-dense.json +712 -702
  47. package/dist/json/start-light-default.json +712 -702
  48. package/dist/json/start-light-information-dense.json +712 -702
  49. package/dist/json/tokens-dark.json +712 -702
  50. package/dist/json/tokens.json +712 -702
  51. package/dist/json/wireframe-dark-default.json +10 -0
  52. package/dist/json/wireframe-dark-information-dense.json +10 -0
  53. package/dist/json/wireframe-light-default.json +10 -0
  54. package/dist/json/wireframe-light-information-dense.json +10 -0
  55. package/dist/scss/_start-dark-default.scss +179 -169
  56. package/dist/scss/_start-dark-information-dense.scss +179 -169
  57. package/dist/scss/_start-light-default.scss +179 -169
  58. package/dist/scss/_start-light-information-dense.scss +179 -169
  59. package/dist/scss/_variables-dark.scss +179 -169
  60. package/dist/scss/_variables.scss +179 -169
  61. package/dist/scss/_wireframe-dark-default.scss +10 -0
  62. package/dist/scss/_wireframe-dark-information-dense.scss +10 -0
  63. package/dist/scss/_wireframe-light-default.scss +10 -0
  64. package/dist/scss/_wireframe-light-information-dense.scss +10 -0
  65. package/package.json +1 -1
package/README.md CHANGED
@@ -242,7 +242,7 @@ For existing consumers, these aliases are maintained:
242
242
 
243
243
  ### Start Theme
244
244
 
245
- - **Font**: IBM Plex Sans / IBM Plex Mono
245
+ - **Font**: Fira Sans / Fira Mono
246
246
  - **Border radius**: 4px (sm), 8px (md), 16px (lg)
247
247
  - **Colors**: Full brand palette with blues, greens, reds, oranges
248
248
  - **Focus**: Yellow background with dashed outline (GOV.UK style)
package/dist/css/scoped/density-default.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sat, 26 Sep 2026 07:42:53 GMT
3
+ * Generated on Tue, 06 Oct 2026 20:07:36 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/css/scoped/density-information-dense.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sat, 26 Sep 2026 07:42:53 GMT
3
+ * Generated on Tue, 06 Oct 2026 20:07:36 GMT
4
4
  */
5
5
 
6
6
  .dsn-density-dense {
package/dist/css/scoped/start-dark.css CHANGED
@@ -1,39 +1,39 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Sat, 26 Sep 2026 07:42:53 GMT
3
+ * Generated on Tue, 06 Oct 2026 20:07:36 GMT
4
4
  */
5
5
 
6
6
  .dsn-theme-start.dsn-mode-dark, .dsn-mode-dark .dsn-theme-start {
7
- --dsn-color-neutral-bg-document: #111111;
8
- --dsn-color-neutral-bg-elevated: #111111;
9
- --dsn-color-neutral-bg-subtle: #040404;
10
- --dsn-color-neutral-bg-default: #1d1d1d;
11
- --dsn-color-neutral-bg-hover: #262626;
12
- --dsn-color-neutral-bg-active: #2e2e2e;
13
- --dsn-color-neutral-border-subtle: #3e3e3e;
14
- --dsn-color-neutral-border-default: #686868;
15
- --dsn-color-neutral-border-hover: #727272;
16
- --dsn-color-neutral-border-active: #7c7c7c;
17
- --dsn-color-neutral-color-default: #ababab;
18
- --dsn-color-neutral-color-hover: #bbbbbb;
19
- --dsn-color-neutral-color-active: #cccccc;
20
- --dsn-color-neutral-color-subtle: #8b8b8b;
21
- --dsn-color-neutral-color-document: #f1f1f1;
22
- --dsn-color-accent-1-bg-document: #001126;
23
- --dsn-color-accent-1-bg-elevated: #001126;
24
- --dsn-color-accent-1-bg-subtle: #000409;
25
- --dsn-color-accent-1-bg-default: #001d40;
26
- --dsn-color-accent-1-bg-hover: #002551;
27
- --dsn-color-accent-1-bg-active: #002d62;
28
- --dsn-color-accent-1-border-subtle: #003b81;
29
- --dsn-color-accent-1-border-default: #3169ad;
30
- --dsn-color-accent-1-border-hover: #3f74b2;
31
- --dsn-color-accent-1-border-active: #4e7fb8;
32
- --dsn-color-accent-1-color-default: #8faed2;
33
- --dsn-color-accent-1-color-hover: #a5bedb;
34
- --dsn-color-accent-1-color-active: #bbcee4;
35
- --dsn-color-accent-1-color-subtle: #648ec1;
36
- --dsn-color-accent-1-color-document: #ecf1f7;
7
+ --dsn-color-neutral-bg-document: oklch(0.12 0 0);
8
+ --dsn-color-neutral-bg-elevated: oklch(0.155 0 0);
9
+ --dsn-color-neutral-bg-subtle: oklch(0.175 0 0);
10
+ --dsn-color-neutral-bg-default: oklch(0.23 0 0);
11
+ --dsn-color-neutral-bg-hover: oklch(0.26 0 0);
12
+ --dsn-color-neutral-bg-active: oklch(0.29 0 0);
13
+ --dsn-color-neutral-border-subtle: oklch(0.38 0 0);
14
+ --dsn-color-neutral-border-default: oklch(0.52 0 0);
15
+ --dsn-color-neutral-border-hover: oklch(0.56 0 0);
16
+ --dsn-color-neutral-border-active: oklch(0.6 0 0);
17
+ --dsn-color-neutral-color-default: oklch(0.72 0 0);
18
+ --dsn-color-neutral-color-hover: oklch(0.76 0 0);
19
+ --dsn-color-neutral-color-active: oklch(0.8 0 0);
20
+ --dsn-color-neutral-color-subtle: oklch(0.68 0 0);
21
+ --dsn-color-neutral-color-document: oklch(0.93 0 0);
22
+ --dsn-color-accent-1-bg-document: oklch(0.12 0.02 255.8);
23
+ --dsn-color-accent-1-bg-elevated: oklch(0.155 0.023 255.8);
24
+ --dsn-color-accent-1-bg-subtle: oklch(0.175 0.026 255.8);
25
+ --dsn-color-accent-1-bg-default: oklch(0.23 0.029 255.8);
26
+ --dsn-color-accent-1-bg-hover: oklch(0.26 0.033 255.8);
27
+ --dsn-color-accent-1-bg-active: oklch(0.29 0.036 255.8);
28
+ --dsn-color-accent-1-border-subtle: oklch(0.38 0.073 255.8);
29
+ --dsn-color-accent-1-border-default: oklch(0.52 0.163 255.8);
30
+ --dsn-color-accent-1-border-hover: oklch(0.56 0.19 255.8);
31
+ --dsn-color-accent-1-border-active: oklch(0.6 0.203 255.8);
32
+ --dsn-color-accent-1-color-default: oklch(0.72 0.131 255.8);
33
+ --dsn-color-accent-1-color-hover: oklch(0.76 0.125 255.8);
34
+ --dsn-color-accent-1-color-active: oklch(0.8 0.102 255.8);
35
+ --dsn-color-accent-1-color-subtle: oklch(0.68 0.133 255.8);
36
+ --dsn-color-accent-1-color-document: oklch(0.93 0.024 255.8);
37
37
  --dsn-color-accent-2-bg-document: var(--dsn-color-accent-1-bg-document);
38
38
  --dsn-color-accent-2-bg-elevated: var(--dsn-color-accent-1-bg-elevated);
39
39
  --dsn-color-accent-2-bg-subtle: var(--dsn-color-accent-1-bg-subtle);
@@ -109,81 +109,81 @@
109
109
  --dsn-color-info-color-active: var(--dsn-color-accent-1-color-active);
110
110
  --dsn-color-info-color-subtle: var(--dsn-color-accent-1-color-subtle);
111
111
  --dsn-color-info-color-document: var(--dsn-color-accent-1-color-document);
112
- --dsn-color-negative-bg-document: #1c0000;
113
- --dsn-color-negative-bg-elevated: #1c0000;
114
- --dsn-color-negative-bg-subtle: #060000;
115
- --dsn-color-negative-bg-default: #2e0000;
116
- --dsn-color-negative-bg-hover: #3d0000;
117
- --dsn-color-negative-bg-active: #4c0000;
118
- --dsn-color-negative-border-subtle: #820000;
119
- --dsn-color-negative-border-default: #e74848;
120
- --dsn-color-negative-border-hover: #ec6d6d;
121
- --dsn-color-negative-border-active: #f19191;
122
- --dsn-color-negative-color-default: #f9b1b1;
123
- --dsn-color-negative-color-hover: #fbc3c3;
124
- --dsn-color-negative-color-active: #fcd5d5;
125
- --dsn-color-negative-color-subtle: #eb8181;
126
- --dsn-color-negative-color-document: #feeded;
127
- --dsn-color-positive-bg-document: #001509;
128
- --dsn-color-positive-bg-elevated: #001509;
129
- --dsn-color-positive-bg-subtle: #000802;
130
- --dsn-color-positive-bg-default: #002312;
131
- --dsn-color-positive-bg-hover: #003019;
132
- --dsn-color-positive-bg-active: #003e1f;
133
- --dsn-color-positive-border-subtle: #00481b;
134
- --dsn-color-positive-border-default: #1ba158;
135
- --dsn-color-positive-border-hover: #3bb470;
136
- --dsn-color-positive-border-active: #5bc788;
137
- --dsn-color-positive-color-default: #8ad3a6;
138
- --dsn-color-positive-color-hover: #a3dcba;
139
- --dsn-color-positive-color-active: #bce5ce;
140
- --dsn-color-positive-color-subtle: #6ac495;
141
- --dsn-color-positive-color-document: #e4f5ea;
142
- --dsn-color-warning-bg-document: #190f04;
143
- --dsn-color-warning-bg-elevated: #190f04;
144
- --dsn-color-warning-bg-subtle: #0b0501;
145
- --dsn-color-warning-bg-default: #2b1a09;
146
- --dsn-color-warning-bg-hover: #3c250d;
147
- --dsn-color-warning-bg-active: #4d2f10;
148
- --dsn-color-warning-border-subtle: #5a3511;
149
- --dsn-color-warning-border-default: #d37f25;
150
- --dsn-color-warning-border-hover: #de9843;
151
- --dsn-color-warning-border-active: #e9b062;
152
- --dsn-color-warning-color-default: #ffb46b;
153
- --dsn-color-warning-color-hover: #ffc38b;
154
- --dsn-color-warning-color-active: #ffd2aa;
155
- --dsn-color-warning-color-subtle: #f3a453;
156
- --dsn-color-warning-color-document: #ffeedd;
157
- --dsn-color-neutral-inverse-bg-document: #fbfbfb;
158
- --dsn-color-neutral-inverse-bg-elevated: #fbfbfb;
159
- --dsn-color-neutral-inverse-bg-subtle: #f1f1f1;
160
- --dsn-color-neutral-inverse-bg-default: #ababab;
161
- --dsn-color-neutral-inverse-bg-hover: #bbbbbb;
162
- --dsn-color-neutral-inverse-bg-active: #cccccc;
163
- --dsn-color-neutral-inverse-border-subtle: #bfbfbf;
164
- --dsn-color-neutral-inverse-border-default: #3e3e3e;
165
- --dsn-color-neutral-inverse-border-hover: #2e2e2e;
166
- --dsn-color-neutral-inverse-border-active: #1d1d1d;
167
- --dsn-color-neutral-inverse-color-default: #000000;
168
- --dsn-color-neutral-inverse-color-hover: #000000;
169
- --dsn-color-neutral-inverse-color-active: #000000;
170
- --dsn-color-neutral-inverse-color-subtle: #3e3e3e;
171
- --dsn-color-neutral-inverse-color-document: #000000;
172
- --dsn-color-accent-1-inverse-bg-document: #dcebf9;
173
- --dsn-color-accent-1-inverse-bg-elevated: #dcebf9;
174
- --dsn-color-accent-1-inverse-bg-subtle: #ecf1f7;
175
- --dsn-color-accent-1-inverse-bg-default: #8faed2;
176
- --dsn-color-accent-1-inverse-bg-hover: #a5bedb;
177
- --dsn-color-accent-1-inverse-bg-active: #bbcee4;
178
- --dsn-color-accent-1-inverse-border-subtle: #b0c6df;
179
- --dsn-color-accent-1-inverse-border-default: #003b81;
180
- --dsn-color-accent-1-inverse-border-hover: #002d62;
181
- --dsn-color-accent-1-inverse-border-active: #001d40;
182
- --dsn-color-accent-1-inverse-color-default: #000000;
183
- --dsn-color-accent-1-inverse-color-hover: #000000;
184
- --dsn-color-accent-1-inverse-color-active: #000000;
185
- --dsn-color-accent-1-inverse-color-subtle: #003b81;
186
- --dsn-color-accent-1-inverse-color-document: #000000;
112
+ --dsn-color-negative-bg-document: oklch(0.12 0.029 29.2);
113
+ --dsn-color-negative-bg-elevated: oklch(0.155 0.034 29.2);
114
+ --dsn-color-negative-bg-subtle: oklch(0.175 0.039 29.2);
115
+ --dsn-color-negative-bg-default: oklch(0.23 0.043 29.2);
116
+ --dsn-color-negative-bg-hover: oklch(0.26 0.048 29.2);
117
+ --dsn-color-negative-bg-active: oklch(0.29 0.053 29.2);
118
+ --dsn-color-negative-border-subtle: oklch(0.38 0.108 29.2);
119
+ --dsn-color-negative-border-default: oklch(0.54 0.222 29.2);
120
+ --dsn-color-negative-border-hover: oklch(0.58 0.238 29.2);
121
+ --dsn-color-negative-border-active: oklch(0.62 0.254 29.2);
122
+ --dsn-color-negative-color-default: oklch(0.72 0.175 29.2);
123
+ --dsn-color-negative-color-hover: oklch(0.76 0.143 29.2);
124
+ --dsn-color-negative-color-active: oklch(0.8 0.115 29.2);
125
+ --dsn-color-negative-color-subtle: oklch(0.68 0.197 29.2);
126
+ --dsn-color-negative-color-document: oklch(0.93 0.036 29.2);
127
+ --dsn-color-positive-bg-document: oklch(0.12 0.019 148.2);
128
+ --dsn-color-positive-bg-elevated: oklch(0.155 0.022 148.2);
129
+ --dsn-color-positive-bg-subtle: oklch(0.175 0.025 148.2);
130
+ --dsn-color-positive-bg-default: oklch(0.23 0.028 148.2);
131
+ --dsn-color-positive-bg-hover: oklch(0.26 0.031 148.2);
132
+ --dsn-color-positive-bg-active: oklch(0.29 0.034 148.2);
133
+ --dsn-color-positive-border-subtle: oklch(0.38 0.07 148.2);
134
+ --dsn-color-positive-border-default: oklch(0.52 0.15 148.2);
135
+ --dsn-color-positive-border-hover: oklch(0.56 0.161 148.2);
136
+ --dsn-color-positive-border-active: oklch(0.6 0.173 148.2);
137
+ --dsn-color-positive-color-default: oklch(0.72 0.125 148.2);
138
+ --dsn-color-positive-color-hover: oklch(0.76 0.135 148.2);
139
+ --dsn-color-positive-color-active: oklch(0.8 0.145 148.2);
140
+ --dsn-color-positive-color-subtle: oklch(0.68 0.127 148.2);
141
+ --dsn-color-positive-color-document: oklch(0.93 0.023 148.2);
142
+ --dsn-color-warning-bg-document: oklch(0.12 0.023 58.3);
143
+ --dsn-color-warning-bg-elevated: oklch(0.155 0.026 58.3);
144
+ --dsn-color-warning-bg-subtle: oklch(0.175 0.03 58.3);
145
+ --dsn-color-warning-bg-default: oklch(0.23 0.034 58.3);
146
+ --dsn-color-warning-bg-hover: oklch(0.26 0.038 58.3);
147
+ --dsn-color-warning-bg-active: oklch(0.29 0.042 58.3);
148
+ --dsn-color-warning-border-subtle: oklch(0.38 0.085 58.3);
149
+ --dsn-color-warning-border-default: oklch(0.525 0.125 58.3);
150
+ --dsn-color-warning-border-hover: oklch(0.565 0.135 58.3);
151
+ --dsn-color-warning-border-active: oklch(0.605 0.144 58.3);
152
+ --dsn-color-warning-color-default: oklch(0.72 0.151 58.3);
153
+ --dsn-color-warning-color-hover: oklch(0.76 0.163 58.3);
154
+ --dsn-color-warning-color-active: oklch(0.8 0.138 58.3);
155
+ --dsn-color-warning-color-subtle: oklch(0.68 0.154 58.3);
156
+ --dsn-color-warning-color-document: oklch(0.93 0.028 58.3);
157
+ --dsn-color-neutral-inverse-bg-document: oklch(0.615 0 0);
158
+ --dsn-color-neutral-inverse-bg-elevated: oklch(0.655 0 0);
159
+ --dsn-color-neutral-inverse-bg-subtle: oklch(0.645 0 0);
160
+ --dsn-color-neutral-inverse-bg-default: oklch(0.585 0 0);
161
+ --dsn-color-neutral-inverse-bg-hover: oklch(0.625 0 0);
162
+ --dsn-color-neutral-inverse-bg-active: oklch(0.665 0 0);
163
+ --dsn-color-neutral-inverse-border-subtle: oklch(0.38 0 0);
164
+ --dsn-color-neutral-inverse-border-default: oklch(0.32 0 0);
165
+ --dsn-color-neutral-inverse-border-hover: oklch(0.28 0 0);
166
+ --dsn-color-neutral-inverse-border-active: oklch(0.24 0 0);
167
+ --dsn-color-neutral-inverse-color-default: oklch(0.12 0 0);
168
+ --dsn-color-neutral-inverse-color-hover: oklch(0.1 0 0);
169
+ --dsn-color-neutral-inverse-color-active: oklch(0.08 0 0);
170
+ --dsn-color-neutral-inverse-color-subtle: oklch(0.17 0 0);
171
+ --dsn-color-neutral-inverse-color-document: oklch(0.12 0 0);
172
+ --dsn-color-accent-1-inverse-bg-document: oklch(0.615 0.106 255.8);
173
+ --dsn-color-accent-1-inverse-bg-elevated: oklch(0.655 0.098 255.8);
174
+ --dsn-color-accent-1-inverse-bg-subtle: oklch(0.645 0.122 255.8);
175
+ --dsn-color-accent-1-inverse-bg-default: oklch(0.585 0.147 255.8);
176
+ --dsn-color-accent-1-inverse-bg-hover: oklch(0.625 0.176 255.8);
177
+ --dsn-color-accent-1-inverse-bg-active: oklch(0.665 0.18 255.8);
178
+ --dsn-color-accent-1-inverse-border-subtle: oklch(0.38 0.117 255.8);
179
+ --dsn-color-accent-1-inverse-border-default: oklch(0.32 0.098 255.8);
180
+ --dsn-color-accent-1-inverse-border-hover: oklch(0.28 0.095 255.8);
181
+ --dsn-color-accent-1-inverse-border-active: oklch(0.24 0.081 255.8);
182
+ --dsn-color-accent-1-inverse-color-default: oklch(0.12 0.02 255.8);
183
+ --dsn-color-accent-1-inverse-color-hover: oklch(0.1 0.02 255.8);
184
+ --dsn-color-accent-1-inverse-color-active: oklch(0.08 0.02 255.8);
185
+ --dsn-color-accent-1-inverse-color-subtle: oklch(0.17 0.058 255.8);
186
+ --dsn-color-accent-1-inverse-color-document: oklch(0.12 0.02 255.8);
187
187
  --dsn-color-accent-2-inverse-bg-document: var(--dsn-color-accent-1-inverse-bg-document);
188
188
  --dsn-color-accent-2-inverse-bg-elevated: var(--dsn-color-accent-1-inverse-bg-elevated);
189
189
  --dsn-color-accent-2-inverse-bg-subtle: var(--dsn-color-accent-1-inverse-bg-subtle);
@@ -244,66 +244,66 @@
244
244
  --dsn-color-action-2-inverse-color-active: var(--dsn-color-accent-1-inverse-color-active);
245
245
  --dsn-color-action-2-inverse-color-subtle: var(--dsn-color-accent-1-inverse-color-subtle);
246
246
  --dsn-color-action-2-inverse-color-document: var(--dsn-color-accent-1-inverse-color-document);
247
- --dsn-color-info-inverse-bg-document: #dcebf9;
248
- --dsn-color-info-inverse-bg-elevated: #dcebf9;
249
- --dsn-color-info-inverse-bg-subtle: #ecf1f7;
250
- --dsn-color-info-inverse-bg-default: #8faed2;
251
- --dsn-color-info-inverse-bg-hover: #a5bedb;
252
- --dsn-color-info-inverse-bg-active: #bbcee4;
253
- --dsn-color-info-inverse-border-subtle: #b0c6df;
254
- --dsn-color-info-inverse-border-default: #003b81;
255
- --dsn-color-info-inverse-border-hover: #002d62;
256
- --dsn-color-info-inverse-border-active: #001d40;
257
- --dsn-color-info-inverse-color-default: #000000;
258
- --dsn-color-info-inverse-color-hover: #000000;
259
- --dsn-color-info-inverse-color-active: #000000;
260
- --dsn-color-info-inverse-color-subtle: #003b81;
261
- --dsn-color-info-inverse-color-document: #000000;
262
- --dsn-color-negative-inverse-bg-document: #fcdada;
263
- --dsn-color-negative-inverse-bg-elevated: #fcdada;
264
- --dsn-color-negative-inverse-bg-subtle: #feeded;
265
- --dsn-color-negative-inverse-bg-default: #f9b1b1;
266
- --dsn-color-negative-inverse-bg-hover: #fbc3c3;
267
- --dsn-color-negative-inverse-bg-active: #fcd5d5;
268
- --dsn-color-negative-inverse-border-subtle: #f3abab;
269
- --dsn-color-negative-inverse-border-default: #820000;
270
- --dsn-color-negative-inverse-border-hover: #4c0000;
271
- --dsn-color-negative-inverse-border-active: #2e0000;
272
- --dsn-color-negative-inverse-color-default: #000000;
273
- --dsn-color-negative-inverse-color-hover: #000000;
274
- --dsn-color-negative-inverse-color-active: #000000;
275
- --dsn-color-negative-inverse-color-subtle: #820000;
276
- --dsn-color-negative-inverse-color-document: #000000;
277
- --dsn-color-positive-inverse-bg-document: #cce8d7;
278
- --dsn-color-positive-inverse-bg-elevated: #cce8d7;
279
- --dsn-color-positive-inverse-bg-subtle: #e4f5ea;
280
- --dsn-color-positive-inverse-bg-default: #8ad3a6;
281
- --dsn-color-positive-inverse-bg-hover: #a3dcba;
282
- --dsn-color-positive-inverse-bg-active: #bce5ce;
283
- --dsn-color-positive-inverse-border-subtle: #7dca9e;
284
- --dsn-color-positive-inverse-border-default: #00481b;
285
- --dsn-color-positive-inverse-border-hover: #003e1f;
286
- --dsn-color-positive-inverse-border-active: #002312;
287
- --dsn-color-positive-inverse-color-default: #000000;
288
- --dsn-color-positive-inverse-color-hover: #000000;
289
- --dsn-color-positive-inverse-color-active: #000000;
290
- --dsn-color-positive-inverse-color-subtle: #00481b;
291
- --dsn-color-positive-inverse-color-document: #000000;
292
- --dsn-color-warning-inverse-bg-document: #ffeac6;
293
- --dsn-color-warning-inverse-bg-elevated: #ffeac6;
294
- --dsn-color-warning-inverse-bg-subtle: #ffeedd;
295
- --dsn-color-warning-inverse-bg-default: #ffb46b;
296
- --dsn-color-warning-inverse-bg-hover: #ffc38b;
297
- --dsn-color-warning-inverse-bg-active: #ffd2aa;
298
- --dsn-color-warning-inverse-border-subtle: #ffa754;
299
- --dsn-color-warning-inverse-border-default: #5a3511;
300
- --dsn-color-warning-inverse-border-hover: #4d2f10;
301
- --dsn-color-warning-inverse-border-active: #2b1a09;
302
- --dsn-color-warning-inverse-color-default: #000000;
303
- --dsn-color-warning-inverse-color-hover: #000000;
304
- --dsn-color-warning-inverse-color-active: #000000;
305
- --dsn-color-warning-inverse-color-subtle: #5a3511;
306
- --dsn-color-warning-inverse-color-document: #000000;
247
+ --dsn-color-info-inverse-bg-document: oklch(0.615 0.106 255.8);
248
+ --dsn-color-info-inverse-bg-elevated: oklch(0.655 0.098 255.8);
249
+ --dsn-color-info-inverse-bg-subtle: oklch(0.645 0.122 255.8);
250
+ --dsn-color-info-inverse-bg-default: oklch(0.585 0.147 255.8);
251
+ --dsn-color-info-inverse-bg-hover: oklch(0.625 0.176 255.8);
252
+ --dsn-color-info-inverse-bg-active: oklch(0.665 0.18 255.8);
253
+ --dsn-color-info-inverse-border-subtle: oklch(0.38 0.117 255.8);
254
+ --dsn-color-info-inverse-border-default: oklch(0.32 0.098 255.8);
255
+ --dsn-color-info-inverse-border-hover: oklch(0.28 0.095 255.8);
256
+ --dsn-color-info-inverse-border-active: oklch(0.24 0.081 255.8);
257
+ --dsn-color-info-inverse-color-default: oklch(0.12 0.02 255.8);
258
+ --dsn-color-info-inverse-color-hover: oklch(0.1 0.02 255.8);
259
+ --dsn-color-info-inverse-color-active: oklch(0.08 0.02 255.8);
260
+ --dsn-color-info-inverse-color-subtle: oklch(0.17 0.058 255.8);
261
+ --dsn-color-info-inverse-color-document: oklch(0.12 0.02 255.8);
262
+ --dsn-color-negative-inverse-bg-document: oklch(0.635 0.157 29.2);
263
+ --dsn-color-negative-inverse-bg-elevated: oklch(0.675 0.145 29.2);
264
+ --dsn-color-negative-inverse-bg-subtle: oklch(0.665 0.181 29.2);
265
+ --dsn-color-negative-inverse-bg-default: oklch(0.605 0.217 29.2);
266
+ --dsn-color-negative-inverse-bg-hover: oklch(0.645 0.241 29.2);
267
+ --dsn-color-negative-inverse-bg-active: oklch(0.685 0.204 29.2);
268
+ --dsn-color-negative-inverse-border-subtle: oklch(0.39 0.16 29.2);
269
+ --dsn-color-negative-inverse-border-default: oklch(0.33 0.135 29.2);
270
+ --dsn-color-negative-inverse-border-hover: oklch(0.29 0.119 29.2);
271
+ --dsn-color-negative-inverse-border-active: oklch(0.25 0.103 29.2);
272
+ --dsn-color-negative-inverse-color-default: oklch(0.12 0.029 29.2);
273
+ --dsn-color-negative-inverse-color-hover: oklch(0.1 0.029 29.2);
274
+ --dsn-color-negative-inverse-color-active: oklch(0.08 0.029 29.2);
275
+ --dsn-color-negative-inverse-color-subtle: oklch(0.17 0.07 29.2);
276
+ --dsn-color-negative-inverse-color-document: oklch(0.12 0.029 29.2);
277
+ --dsn-color-positive-inverse-bg-document: oklch(0.61 0.101 148.2);
278
+ --dsn-color-positive-inverse-bg-elevated: oklch(0.65 0.094 148.2);
279
+ --dsn-color-positive-inverse-bg-subtle: oklch(0.64 0.117 148.2);
280
+ --dsn-color-positive-inverse-bg-default: oklch(0.58 0.14 148.2);
281
+ --dsn-color-positive-inverse-bg-hover: oklch(0.62 0.168 148.2);
282
+ --dsn-color-positive-inverse-bg-active: oklch(0.66 0.19 148.2);
283
+ --dsn-color-positive-inverse-border-subtle: oklch(0.38 0.109 148.2);
284
+ --dsn-color-positive-inverse-border-default: oklch(0.32 0.092 148.2);
285
+ --dsn-color-positive-inverse-border-hover: oklch(0.28 0.081 148.2);
286
+ --dsn-color-positive-inverse-border-active: oklch(0.24 0.069 148.2);
287
+ --dsn-color-positive-inverse-color-default: oklch(0.12 0.019 148.2);
288
+ --dsn-color-positive-inverse-color-hover: oklch(0.1 0.019 148.2);
289
+ --dsn-color-positive-inverse-color-active: oklch(0.08 0.019 148.2);
290
+ --dsn-color-positive-inverse-color-subtle: oklch(0.17 0.049 148.2);
291
+ --dsn-color-positive-inverse-color-document: oklch(0.12 0.019 148.2);
292
+ --dsn-color-warning-inverse-bg-document: oklch(0.696 0.123 58.3);
293
+ --dsn-color-warning-inverse-bg-elevated: oklch(0.736 0.113 58.3);
294
+ --dsn-color-warning-inverse-bg-subtle: oklch(0.726 0.142 58.3);
295
+ --dsn-color-warning-inverse-bg-default: oklch(0.666 0.159 58.3);
296
+ --dsn-color-warning-inverse-bg-hover: oklch(0.706 0.168 58.3);
297
+ --dsn-color-warning-inverse-bg-active: oklch(0.746 0.178 58.3);
298
+ --dsn-color-warning-inverse-border-subtle: oklch(0.456 0.109 58.3);
299
+ --dsn-color-warning-inverse-border-default: oklch(0.396 0.094 58.3);
300
+ --dsn-color-warning-inverse-border-hover: oklch(0.356 0.085 58.3);
301
+ --dsn-color-warning-inverse-border-active: oklch(0.316 0.075 58.3);
302
+ --dsn-color-warning-inverse-color-default: oklch(0.12 0.023 58.3);
303
+ --dsn-color-warning-inverse-color-hover: oklch(0.1 0.023 58.3);
304
+ --dsn-color-warning-inverse-color-active: oklch(0.08 0.019 58.3);
305
+ --dsn-color-warning-inverse-color-subtle: oklch(0.17 0.041 58.3);
306
+ --dsn-color-warning-inverse-color-document: oklch(0.12 0.023 58.3);
307
307
  --dsn-color-transparent: rgba(0, 0, 0, 0);
308
308
  --dsn-color-shadow-direct: color-mix(in srgb, black 60%, transparent);
309
309
  --dsn-color-shadow-ambient: color-mix(in srgb, black 40%, transparent);