twntyx-css 1.0.1 → 1.0.3

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 (33) hide show
  1. package/llm/components/ai-orb.json +0 -1
  2. package/llm/components/ai-perl.json +0 -1
  3. package/llm/components/chat-ai.json +89 -0
  4. package/llm/components/chat-footer.json +99 -0
  5. package/llm/components/chat-person-to-person.json +157 -0
  6. package/llm/components/chat.json +11 -80
  7. package/llm/components/demo.json +88 -0
  8. package/llm/components/icons-reference.json +1 -1
  9. package/llm/components/{skeleton.json → loader-skeleton.json} +7 -5
  10. package/llm/components/{loader.json → loader-symbol.json} +10 -7
  11. package/llm/components/loader-text.json +100 -0
  12. package/llm/components/menu.json +10 -0
  13. package/llm/examples/chat-ai.html +1 -0
  14. package/llm/examples/chat-footer.html +1 -0
  15. package/llm/examples/chat-person-to-person.html +1 -0
  16. package/llm/examples/chat.html +1 -1
  17. package/llm/examples/demo.html +1 -0
  18. package/llm/examples/loader-skeleton.html +1 -0
  19. package/llm/examples/loader-symbol.html +1 -0
  20. package/llm/examples/loader-text.html +1 -0
  21. package/llm/index.json +119 -32
  22. package/llm/tokens.json +647 -357
  23. package/package.json +1 -1
  24. package/styles/ai.css +3 -7
  25. package/styles/animation.css +203 -91
  26. package/styles/button.css +50 -39
  27. package/styles/card.css +3 -3
  28. package/styles/chat.css +207 -0
  29. package/styles/colors.css +226 -200
  30. package/styles/loader.css +32 -24
  31. package/styles/skeleton.css +2 -1
  32. package/llm/examples/loader.html +0 -1
  33. package/llm/examples/skeleton.html +0 -1
package/styles/colors.css CHANGED
@@ -7,17 +7,17 @@
7
7
 
8
8
  /** Brand (Earth Gold) **/
9
9
  /* LIGHT */
10
- --raw-color-brand: rgb(225 150 65);
11
- --raw-color-brand-strong: rgb(165 90 20);
12
- --raw-color-brand-moderate: rgb(238 180 115);
13
- --raw-color-brand-soft: rgb(251 238 218);
14
- --raw-color-brand-light: rgb(255 250 243);
10
+ --raw-color-brand: var(--raw-color-core-gold-500);
11
+ --raw-color-brand-strong: var(--raw-color-core-gold-800);
12
+ --raw-color-brand-moderate: var(--raw-color-core-gold-300);
13
+ --raw-color-brand-soft: var(--raw-color-core-gold-100);
14
+ --raw-color-brand-light: var(--raw-color-core-gold-50);
15
15
  /* DARK */
16
- --raw-color-brand-dark: rgb(240 175 95);
17
- --raw-color-brand-strong-dark: rgb(255 225 180);
18
- --raw-color-brand-moderate-dark: rgb(200 130 55);
19
- --raw-color-brand-soft-dark: rgb(160 95 35);
20
- --raw-color-brand-light-dark: rgb(110 65 20);
16
+ --raw-color-brand-dark: var(--raw-color-core-gold-400);
17
+ --raw-color-brand-strong-dark: var(--raw-color-core-gold-200);
18
+ --raw-color-brand-moderate-dark: var(--raw-color-core-gold-600);
19
+ --raw-color-brand-soft-dark: var(--raw-color-core-gold-700);
20
+ --raw-color-brand-light-dark: var(--raw-color-core-gold-950);
21
21
 
22
22
  --raw-color-core-white: rgb(255 255 255);
23
23
  --raw-color-core-black: var(--raw-color-core-ui-800);
@@ -35,109 +35,122 @@
35
35
  --raw-color-core-ui-900: rgb(32 28 23);
36
36
  --raw-color-core-ui-950: rgb(14 12 9);
37
37
 
38
+ /** Base Gold (Brand) **/
39
+ --raw-color-core-gold-50: rgb(255 250 243);
40
+ --raw-color-core-gold-100: rgb(251 238 218);
41
+ --raw-color-core-gold-200: rgb(255 225 180);
42
+ --raw-color-core-gold-300: rgb(238 180 115);
43
+ --raw-color-core-gold-400: rgb(240 175 95);
44
+ --raw-color-core-gold-500: rgb(225 150 65);
45
+ --raw-color-core-gold-600: rgb(200 130 55);
46
+ --raw-color-core-gold-700: rgb(160 95 35);
47
+ --raw-color-core-gold-800: rgb(165 90 20);
48
+ --raw-color-core-gold-900: rgb(138 78 20);
49
+ --raw-color-core-gold-950: rgb(110 65 20);
50
+
38
51
  /** Base Yellow (Brand) **/
39
52
  /* LIGHT */
40
- --raw-color-core-yellow-50: rgb(255 252 235);
41
- --raw-color-core-yellow-100: rgb(255 247 214);
42
- --raw-color-core-yellow-200: rgb(255 237 179);
43
- --raw-color-core-yellow-300: rgb(255 227 143);
44
- --raw-color-core-yellow-400: rgb(255 212 107);
45
- --raw-color-core-yellow-500: rgb(255 202 54);
46
- --raw-color-core-yellow-600: rgb(255 192 0);
47
- --raw-color-core-yellow-700: rgb(230 173 0);
48
- --raw-color-core-yellow-800: rgb(204 154 0);
49
- --raw-color-core-yellow-900: rgb(179 135 0);
50
- --raw-color-core-yellow-950: rgb(128 97 0);
53
+ --raw-color-core-yellow-50: rgb(250 248 242);
54
+ --raw-color-core-yellow-100: rgb(246 242 230);
55
+ --raw-color-core-yellow-200: rgb(239 230 205);
56
+ --raw-color-core-yellow-300: rgb(231 214 169);
57
+ --raw-color-core-yellow-400: rgb(223 197 126);
58
+ --raw-color-core-yellow-500: rgb(216 180 79);
59
+ --raw-color-core-yellow-600: rgb(198 156 38);
60
+ --raw-color-core-yellow-700: rgb(164 127 27);
61
+ --raw-color-core-yellow-800: rgb(135 104 20);
62
+ --raw-color-core-yellow-900: rgb(104 80 14);
63
+ --raw-color-core-yellow-950: rgb(64 49 8);
51
64
  /* DARK */
52
- --raw-color-core-yellow-50-dark: rgb(38 31 0);
53
- --raw-color-core-yellow-100-dark: rgb(51 41 0);
54
- --raw-color-core-yellow-200-dark: rgb(77 62 0);
55
- --raw-color-core-yellow-300-dark: rgb(102 82 0);
56
- --raw-color-core-yellow-400-dark: rgb(128 103 0);
57
- --raw-color-core-yellow-500-dark: rgb(179 144 0);
58
- --raw-color-core-yellow-600-dark: var(--raw-color-background-brand);
59
- --raw-color-core-yellow-700-dark: rgb(255 204 51);
60
- --raw-color-core-yellow-800-dark: rgb(255 214 82);
61
- --raw-color-core-yellow-900-dark: rgb(255 224 112);
62
- --raw-color-core-yellow-950-dark: rgb(255 235 143);
65
+ --raw-color-core-yellow-50-dark: var(--raw-color-core-yellow-50);
66
+ --raw-color-core-yellow-100-dark: var(--raw-color-core-yellow-100);
67
+ --raw-color-core-yellow-200-dark: var(--raw-color-core-yellow-200);
68
+ --raw-color-core-yellow-300-dark: var(--raw-color-core-yellow-300);
69
+ --raw-color-core-yellow-400-dark: var(--raw-color-core-yellow-400);
70
+ --raw-color-core-yellow-500-dark: var(--raw-color-core-yellow-500);
71
+ --raw-color-core-yellow-600-dark: var(--raw-color-core-yellow-600);
72
+ --raw-color-core-yellow-700-dark: var(--raw-color-core-yellow-700);
73
+ --raw-color-core-yellow-800-dark: var(--raw-color-core-yellow-800);
74
+ --raw-color-core-yellow-900-dark: var(--raw-color-core-yellow-900);
75
+ --raw-color-core-yellow-950-dark: var(--raw-color-core-yellow-950);
63
76
 
64
77
  /** Base Blue **/
65
78
  /* LIGHT */
66
- --raw-color-core-blue-50: rgb(245 248 255);
67
- --raw-color-core-blue-100: rgb(235 241 255);
68
- --raw-color-core-blue-200: rgb(205 218 255);
69
- --raw-color-core-blue-300: rgb(176 195 255);
70
- --raw-color-core-blue-400: rgb(136 167 255);
71
- --raw-color-core-blue-500: rgb(88 134 255);
72
- --raw-color-core-blue-600: rgb(34 86 228);
73
- --raw-color-core-blue-700: rgb(14 57 176);
74
- --raw-color-core-blue-800: rgb(12 50 156);
75
- --raw-color-core-blue-900: rgb(8 38 125);
76
- --raw-color-core-blue-950: rgb(5 25 84);
79
+ --raw-color-core-blue-50: rgb(242 245 250);
80
+ --raw-color-core-blue-100: rgb(230 234 246);
81
+ --raw-color-core-blue-200: rgb(205 214 239);
82
+ --raw-color-core-blue-300: rgb(169 186 231);
83
+ --raw-color-core-blue-400: rgb(126 152 223);
84
+ --raw-color-core-blue-500: rgb(79 115 216);
85
+ --raw-color-core-blue-600: rgb(38 81 198);
86
+ --raw-color-core-blue-700: rgb(27 63 164);
87
+ --raw-color-core-blue-800: rgb(20 51 135);
88
+ --raw-color-core-blue-900: rgb(14 38 104);
89
+ --raw-color-core-blue-950: rgb(8 23 64);
77
90
  /* DARK */
78
- --raw-color-core-blue-50-dark: rgb(13 25 45);
79
- --raw-color-core-blue-100-dark: rgb(17 32 56);
80
- --raw-color-core-blue-200-dark: rgb(34 64 112);
81
- --raw-color-core-blue-300-dark: rgb(51 96 168);
82
- --raw-color-core-blue-400-dark: rgb(85 128 204);
83
- --raw-color-core-blue-500-dark: rgb(119 153 230);
84
- --raw-color-core-blue-600-dark: rgb(136 167 255);
85
- --raw-color-core-blue-700-dark: rgb(159 184 255);
86
- --raw-color-core-blue-800-dark: rgb(182 201 255);
87
- --raw-color-core-blue-900-dark: rgb(205 218 255);
88
- --raw-color-core-blue-950-dark: rgb(235 242 255);
91
+ --raw-color-core-blue-50-dark: var(--raw-color-core-blue-50);
92
+ --raw-color-core-blue-100-dark: var(--raw-color-core-blue-100);
93
+ --raw-color-core-blue-200-dark: var(--raw-color-core-blue-200);
94
+ --raw-color-core-blue-300-dark: var(--raw-color-core-blue-300);
95
+ --raw-color-core-blue-400-dark: var(--raw-color-core-blue-400);
96
+ --raw-color-core-blue-500-dark: var(--raw-color-core-blue-500);
97
+ --raw-color-core-blue-600-dark: var(--raw-color-core-blue-600);
98
+ --raw-color-core-blue-700-dark: var(--raw-color-core-blue-700);
99
+ --raw-color-core-blue-800-dark: var(--raw-color-core-blue-800);
100
+ --raw-color-core-blue-900-dark: var(--raw-color-core-blue-900);
101
+ --raw-color-core-blue-950-dark: var(--raw-color-core-blue-950);
89
102
 
90
103
  /** Base Green **/
91
104
  /* LIGHT */
92
- --raw-color-core-green-50: rgb(236 246 242);
93
- --raw-color-core-green-100: rgb(220 238 230);
94
- --raw-color-core-green-200: rgb(190 225 210);
95
- --raw-color-core-green-300: rgb(140 200 173);
96
- --raw-color-core-green-400: rgb(90 175 137);
97
- --raw-color-core-green-500: rgb(51 160 115);
98
- --raw-color-core-green-600: rgb(28 142 98);
99
- --raw-color-core-green-700: rgb(22 115 80);
100
- --raw-color-core-green-800: rgb(17 88 61);
101
- --raw-color-core-green-900: rgb(13 66 46);
102
- --raw-color-core-green-950: rgb(7 33 23);
105
+ --raw-color-core-green-50: rgb(242 250 247);
106
+ --raw-color-core-green-100: rgb(230 246 239);
107
+ --raw-color-core-green-200: rgb(205 239 225);
108
+ --raw-color-core-green-300: rgb(169 231 205);
109
+ --raw-color-core-green-400: rgb(126 223 182);
110
+ --raw-color-core-green-500: rgb(79 216 159);
111
+ --raw-color-core-green-600: rgb(38 198 131);
112
+ --raw-color-core-green-700: rgb(27 164 107);
113
+ --raw-color-core-green-800: rgb(20 135 87);
114
+ --raw-color-core-green-900: rgb(14 104 66);
115
+ --raw-color-core-green-950: rgb(8 64 40);
103
116
  /* DARK */
104
- --raw-color-core-green-50-dark: rgb(8 33 24);
105
- --raw-color-core-green-100-dark: rgb(17 67 49);
106
- --raw-color-core-green-200-dark: rgb(25 100 73);
107
- --raw-color-core-green-300-dark: rgb(34 134 97);
108
- --raw-color-core-green-400-dark: rgb(42 167 121);
109
- --raw-color-core-green-500-dark: rgb(72 178 137);
110
- --raw-color-core-green-600-dark: rgb(102 189 153);
111
- --raw-color-core-green-700-dark: rgb(153 211 186);
112
- --raw-color-core-green-800-dark: rgb(204 233 220);
113
- --raw-color-core-green-900-dark: rgb(230 244 238);
114
- --raw-color-core-green-950-dark: rgb(242 249 246);
117
+ --raw-color-core-green-50-dark: var(--raw-color-core-green-50);
118
+ --raw-color-core-green-100-dark: var(--raw-color-core-green-100);
119
+ --raw-color-core-green-200-dark: var(--raw-color-core-green-200);
120
+ --raw-color-core-green-300-dark: var(--raw-color-core-green-300);
121
+ --raw-color-core-green-400-dark: var(--raw-color-core-green-400);
122
+ --raw-color-core-green-500-dark: var(--raw-color-core-green-500);
123
+ --raw-color-core-green-600-dark: var(--raw-color-core-green-600);
124
+ --raw-color-core-green-700-dark: var(--raw-color-core-green-700);
125
+ --raw-color-core-green-800-dark: var(--raw-color-core-green-800);
126
+ --raw-color-core-green-900-dark: var(--raw-color-core-green-900);
127
+ --raw-color-core-green-950-dark: var(--raw-color-core-green-950);
115
128
 
116
129
  /** Base Red **/
117
130
  /* LIGHT */
118
- --raw-color-core-red-50: rgb(254 242 243);
119
- --raw-color-core-red-100: rgb(253 230 233);
120
- --raw-color-core-red-200: rgb(251 204 210);
121
- --raw-color-core-red-300: rgb(247 166 176);
122
- --raw-color-core-red-400: rgb(235 115 131);
123
- --raw-color-core-red-500: rgb(214 64 87);
124
- --raw-color-core-red-600: rgb(193 13 48);
125
- --raw-color-core-red-700: rgb(154 10 38);
126
- --raw-color-core-red-800: rgb(116 8 29);
127
- --raw-color-core-red-900: rgb(77 5 19);
128
- --raw-color-core-red-950: rgb(39 3 10);
131
+ --raw-color-core-red-50: rgb(250 242 244);
132
+ --raw-color-core-red-100: rgb(246 230 232);
133
+ --raw-color-core-red-200: rgb(239 205 210);
134
+ --raw-color-core-red-300: rgb(231 169 178);
135
+ --raw-color-core-red-400: rgb(223 126 141);
136
+ --raw-color-core-red-500: rgb(216 79 99);
137
+ --raw-color-core-red-600: rgb(198 38 62);
138
+ --raw-color-core-red-700: rgb(164 27 47);
139
+ --raw-color-core-red-800: rgb(135 20 37);
140
+ --raw-color-core-red-900: rgb(104 14 28);
141
+ --raw-color-core-red-950: rgb(64 8 16);
129
142
  /* DARK */
130
- --raw-color-core-red-50-dark: rgb(51 12 18);
131
- --raw-color-core-red-100-dark: rgb(82 18 29);
132
- --raw-color-core-red-200-dark: rgb(128 28 45);
133
- --raw-color-core-red-300-dark: rgb(173 38 62);
134
- --raw-color-core-red-400-dark: rgb(219 48 78);
135
- --raw-color-core-red-500-dark: rgb(242 95 116);
136
- --raw-color-core-red-600-dark: rgb(242 122 138);
137
- --raw-color-core-red-700-dark: rgb(245 158 170);
138
- --raw-color-core-red-800-dark: rgb(249 189 197);
139
- --raw-color-core-red-900-dark: rgb(252 219 224);
140
- --raw-color-core-red-950-dark: rgb(254 242 243);
143
+ --raw-color-core-red-50-dark: var(--raw-color-core-red-50);
144
+ --raw-color-core-red-100-dark: var(--raw-color-core-red-100);
145
+ --raw-color-core-red-200-dark: var(--raw-color-core-red-200);
146
+ --raw-color-core-red-300-dark: var(--raw-color-core-red-300);
147
+ --raw-color-core-red-400-dark: var(--raw-color-core-red-400);
148
+ --raw-color-core-red-500-dark: var(--raw-color-core-red-500);
149
+ --raw-color-core-red-600-dark: var(--raw-color-core-red-600);
150
+ --raw-color-core-red-700-dark: var(--raw-color-core-red-700);
151
+ --raw-color-core-red-800-dark: var(--raw-color-core-red-800);
152
+ --raw-color-core-red-900-dark: var(--raw-color-core-red-900);
153
+ --raw-color-core-red-950-dark: var(--raw-color-core-red-950);
141
154
 
142
155
  --raw-color-background: var(--raw-color-bg-elevation-default);
143
156
  --raw-color-background-dark: var(--raw-color-bg-elevation-default-dark);
@@ -146,30 +159,30 @@
146
159
 
147
160
  /** Base Orange **/
148
161
  /* LIGHT */
149
- --raw-color-core-orange-50: rgb(255 247 241);
150
- --raw-color-core-orange-100: rgb(255 237 224);
151
- --raw-color-core-orange-200: rgb(255 221 199);
152
- --raw-color-core-orange-300: rgb(255 197 163);
153
- --raw-color-core-orange-400: rgb(255 170 122);
154
- --raw-color-core-orange-500: rgb(255 139 77);
155
- --raw-color-core-orange-600: rgb(238 84 50);
156
- --raw-color-core-orange-700: rgb(190 67 40);
157
- --raw-color-core-orange-800: rgb(143 50 30);
158
- --raw-color-core-orange-900: rgb(95 34 20);
159
- --raw-color-core-orange-950: rgb(48 17 10);
162
+ --raw-color-core-orange-50: rgb(250 245 242);
163
+ --raw-color-core-orange-100: rgb(246 235 230);
164
+ --raw-color-core-orange-200: rgb(239 217 205);
165
+ --raw-color-core-orange-300: rgb(231 191 169);
166
+ --raw-color-core-orange-400: rgb(223 160 126);
167
+ --raw-color-core-orange-500: rgb(216 127 79);
168
+ --raw-color-core-orange-600: rgb(198 94 38);
169
+ --raw-color-core-orange-700: rgb(164 75 27);
170
+ --raw-color-core-orange-800: rgb(135 60 20);
171
+ --raw-color-core-orange-900: rgb(104 45 14);
172
+ --raw-color-core-orange-950: rgb(64 27 8);
160
173
 
161
174
  /* DARK */
162
- --raw-color-core-orange-50-dark: rgb(48 17 10);
163
- --raw-color-core-orange-100-dark: rgb(95 34 20);
164
- --raw-color-core-orange-200-dark: rgb(143 50 30);
165
- --raw-color-core-orange-300-dark: rgb(190 67 40);
166
- --raw-color-core-orange-400-dark: rgb(238 84 50);
167
- --raw-color-core-orange-500-dark: rgb(255 139 77);
168
- --raw-color-core-orange-600-dark: rgb(255 170 122);
169
- --raw-color-core-orange-700-dark: rgb(255 197 163);
170
- --raw-color-core-orange-800-dark: rgb(255 221 199);
171
- --raw-color-core-orange-900-dark: rgb(255 237 224);
172
- --raw-color-core-orange-950-dark: rgb(255 247 241);
175
+ --raw-color-core-orange-50-dark: var(--raw-color-core-orange-50);
176
+ --raw-color-core-orange-100-dark: var(--raw-color-core-orange-100);
177
+ --raw-color-core-orange-200-dark: var(--raw-color-core-orange-200);
178
+ --raw-color-core-orange-300-dark: var(--raw-color-core-orange-300);
179
+ --raw-color-core-orange-400-dark: var(--raw-color-core-orange-400);
180
+ --raw-color-core-orange-500-dark: var(--raw-color-core-orange-500);
181
+ --raw-color-core-orange-600-dark: var(--raw-color-core-orange-600);
182
+ --raw-color-core-orange-700-dark: var(--raw-color-core-orange-700);
183
+ --raw-color-core-orange-800-dark: var(--raw-color-core-orange-800);
184
+ --raw-color-core-orange-900-dark: var(--raw-color-core-orange-900);
185
+ --raw-color-core-orange-950-dark: var(--raw-color-core-orange-950);
173
186
  }
174
187
 
175
188
  :root {
@@ -220,11 +233,11 @@
220
233
 
221
234
  /* Status Text - Dark */
222
235
  --raw-color-text-neutral-dark: var(--raw-color-core-ui-700-dark);
223
- --raw-color-text-success-dark: var(--raw-color-core-green-700-dark);
224
- --raw-color-text-error-dark: var(--raw-color-core-red-700-dark);
225
- --raw-color-text-warning-dark: var(--raw-color-core-orange-700-dark);
226
- --raw-color-text-attention-dark: var(--raw-color-core-yellow-700-dark);
227
- --raw-color-text-info-dark: var(--raw-color-core-blue-700-dark);
236
+ --raw-color-text-success-dark: var(--raw-color-core-green-300);
237
+ --raw-color-text-error-dark: var(--raw-color-core-red-300);
238
+ --raw-color-text-warning-dark: var(--raw-color-core-orange-300);
239
+ --raw-color-text-attention-dark: var(--raw-color-core-yellow-500);
240
+ --raw-color-text-info-dark: var(--raw-color-core-blue-300);
228
241
  }
229
242
 
230
243
  :root {
@@ -282,21 +295,21 @@
282
295
  --raw-color-background-neutral-dark: var(--raw-color-core-ui-600);
283
296
  --raw-color-background-neutral-hover-dark: var(--raw-color-core-ui-800);
284
297
  --raw-color-background-neutral-active-dark: var(--raw-color-core-ui-600);
285
- --raw-color-background-success-dark: var(--raw-color-core-green-100-dark);
286
- --raw-color-background-success-hover-dark: var(--raw-color-core-green-200-dark);
287
- --raw-color-background-success-active-dark: var(--raw-color-core-green-600-dark);
288
- --raw-color-background-error-dark: var(--raw-color-core-red-100-dark);
289
- --raw-color-background-error-hover-dark: var(--raw-color-core-red-200-dark);
290
- --raw-color-background-error-active-dark: var(--raw-color-core-red-600-dark);
291
- --raw-color-background-warning-dark: var(--raw-color-core-orange-100-dark);
292
- --raw-color-background-warning-hover-dark: var(--raw-color-core-orange-200-dark);
293
- --raw-color-background-warning-active-dark: var(--raw-color-core-orange-600-dark);
294
- --raw-color-background-attention-dark: var(--raw-color-core-yellow-100-dark);
295
- --raw-color-background-attention-hover-dark: var(--raw-color-core-yellow-200-dark);
296
- --raw-color-background-attention-active-dark: var(--raw-color-core-yellow-600-dark);
297
- --raw-color-background-info-dark: var(--raw-color-core-blue-100-dark);
298
- --raw-color-background-info-hover-dark: var(--raw-color-core-blue-200-dark);
299
- --raw-color-background-info-active-dark: var(--raw-color-core-blue-600-dark);
298
+ --raw-color-background-success-dark: var(--raw-color-core-green-900);
299
+ --raw-color-background-success-hover-dark: var(--raw-color-core-green-700);
300
+ --raw-color-background-success-active-dark: var(--raw-color-core-green-400);
301
+ --raw-color-background-error-dark: var(--raw-color-core-red-900);
302
+ --raw-color-background-error-hover-dark: var(--raw-color-core-red-800);
303
+ --raw-color-background-error-active-dark: var(--raw-color-core-red-400);
304
+ --raw-color-background-warning-dark: var(--raw-color-core-orange-900);
305
+ --raw-color-background-warning-hover-dark: var(--raw-color-core-orange-800);
306
+ --raw-color-background-warning-active-dark: var(--raw-color-core-orange-400);
307
+ --raw-color-background-attention-dark: var(--raw-color-core-yellow-950);
308
+ --raw-color-background-attention-hover-dark: var(--raw-color-core-yellow-900);
309
+ --raw-color-background-attention-active-dark: var(--raw-color-core-yellow-500);
310
+ --raw-color-background-info-dark: var(--raw-color-core-blue-950);
311
+ --raw-color-background-info-hover-dark: var(--raw-color-core-blue-900);
312
+ --raw-color-background-info-active-dark: var(--raw-color-core-blue-400);
300
313
  }
301
314
 
302
315
  :root {
@@ -346,11 +359,11 @@
346
359
 
347
360
  /* Status Borders - Dark */
348
361
  --raw-color-border-neutral-dark: var(--raw-color-core-ui-500);
349
- --raw-color-border-success-dark: var(--raw-color-core-green-200-dark);
350
- --raw-color-border-error-dark: var(--raw-color-core-red-200-dark);
351
- --raw-color-border-warning-dark: var(--raw-color-core-orange-200-dark);
352
- --raw-color-border-attention-dark: var(--raw-color-core-yellow-200-dark);
353
- --raw-color-border-info-dark: var(--raw-color-core-blue-300-dark);
362
+ --raw-color-border-success-dark: var(--raw-color-core-green-700);
363
+ --raw-color-border-error-dark: var(--raw-color-core-red-800);
364
+ --raw-color-border-warning-dark: var(--raw-color-core-orange-800);
365
+ --raw-color-border-attention-dark: var(--raw-color-core-yellow-950);
366
+ --raw-color-border-info-dark: var(--raw-color-core-blue-700);
354
367
  }
355
368
 
356
369
 
@@ -450,70 +463,83 @@
450
463
  --color-core-ui-900: var(--raw-color-core-ui-900);
451
464
  --color-core-ui-950: var(--raw-color-core-ui-950);
452
465
 
466
+ /* Core Gold */
467
+ --color-core-gold-50: var(--raw-color-core-gold-50);
468
+ --color-core-gold-100: var(--raw-color-core-gold-100);
469
+ --color-core-gold-200: var(--raw-color-core-gold-200);
470
+ --color-core-gold-300: var(--raw-color-core-gold-300);
471
+ --color-core-gold-400: var(--raw-color-core-gold-400);
472
+ --color-core-gold-500: var(--raw-color-core-gold-500);
473
+ --color-core-gold-600: var(--raw-color-core-gold-600);
474
+ --color-core-gold-700: var(--raw-color-core-gold-700);
475
+ --color-core-gold-800: var(--raw-color-core-gold-800);
476
+ --color-core-gold-900: var(--raw-color-core-gold-900);
477
+ --color-core-gold-950: var(--raw-color-core-gold-950);
478
+
453
479
  /* Core Yellow */
454
- --color-core-yellow-50: light-dark(var(--raw-color-core-yellow-50), var(--raw-color-core-yellow-50-dark));
455
- --color-core-yellow-100: light-dark(var(--raw-color-core-yellow-100), var(--raw-color-core-yellow-100-dark));
456
- --color-core-yellow-200: light-dark(var(--raw-color-core-yellow-200), var(--raw-color-core-yellow-200-dark));
457
- --color-core-yellow-300: light-dark(var(--raw-color-core-yellow-300), var(--raw-color-core-yellow-300-dark));
458
- --color-core-yellow-400: light-dark(var(--raw-color-core-yellow-400), var(--raw-color-core-yellow-400-dark));
459
- --color-core-yellow-500: light-dark(var(--raw-color-core-yellow-500), var(--raw-color-core-yellow-500-dark));
460
- --color-core-yellow-600: light-dark(var(--raw-color-core-yellow-600), var(--raw-color-core-yellow-600-dark));
461
- --color-core-yellow-700: light-dark(var(--raw-color-core-yellow-700), var(--raw-color-core-yellow-700-dark));
462
- --color-core-yellow-800: light-dark(var(--raw-color-core-yellow-800), var(--raw-color-core-yellow-800-dark));
463
- --color-core-yellow-900: light-dark(var(--raw-color-core-yellow-900), var(--raw-color-core-yellow-900-dark));
464
- --color-core-yellow-950: light-dark(var(--raw-color-core-yellow-950), var(--raw-color-core-yellow-950-dark));
480
+ --color-core-yellow-50: var(--raw-color-core-yellow-50);
481
+ --color-core-yellow-100: var(--raw-color-core-yellow-100);
482
+ --color-core-yellow-200: var(--raw-color-core-yellow-200);
483
+ --color-core-yellow-300: var(--raw-color-core-yellow-300);
484
+ --color-core-yellow-400: var(--raw-color-core-yellow-400);
485
+ --color-core-yellow-500: var(--raw-color-core-yellow-500);
486
+ --color-core-yellow-600: var(--raw-color-core-yellow-600);
487
+ --color-core-yellow-700: var(--raw-color-core-yellow-700);
488
+ --color-core-yellow-800: var(--raw-color-core-yellow-800);
489
+ --color-core-yellow-900: var(--raw-color-core-yellow-900);
490
+ --color-core-yellow-950: var(--raw-color-core-yellow-950);
465
491
 
466
492
  /* Core Blue */
467
- --color-core-blue-50: light-dark(var(--raw-color-core-blue-50), var(--raw-color-core-blue-50-dark));
468
- --color-core-blue-100: light-dark(var(--raw-color-core-blue-100), var(--raw-color-core-blue-100-dark));
469
- --color-core-blue-200: light-dark(var(--raw-color-core-blue-200), var(--raw-color-core-blue-200-dark));
470
- --color-core-blue-300: light-dark(var(--raw-color-core-blue-300), var(--raw-color-core-blue-300-dark));
471
- --color-core-blue-400: light-dark(var(--raw-color-core-blue-400), var(--raw-color-core-blue-400-dark));
472
- --color-core-blue-500: light-dark(var(--raw-color-core-blue-500), var(--raw-color-core-blue-500-dark));
473
- --color-core-blue-600: light-dark(var(--raw-color-core-blue-600), var(--raw-color-core-blue-600-dark));
474
- --color-core-blue-700: light-dark(var(--raw-color-core-blue-700), var(--raw-color-core-blue-700-dark));
475
- --color-core-blue-800: light-dark(var(--raw-color-core-blue-800), var(--raw-color-core-blue-800-dark));
476
- --color-core-blue-900: light-dark(var(--raw-color-core-blue-900), var(--raw-color-core-blue-900-dark));
477
- --color-core-blue-950: light-dark(var(--raw-color-core-blue-950), var(--raw-color-core-blue-950-dark));
493
+ --color-core-blue-50: var(--raw-color-core-blue-50);
494
+ --color-core-blue-100: var(--raw-color-core-blue-100);
495
+ --color-core-blue-200: var(--raw-color-core-blue-200);
496
+ --color-core-blue-300: var(--raw-color-core-blue-300);
497
+ --color-core-blue-400: var(--raw-color-core-blue-400);
498
+ --color-core-blue-500: var(--raw-color-core-blue-500);
499
+ --color-core-blue-600: var(--raw-color-core-blue-600);
500
+ --color-core-blue-700: var(--raw-color-core-blue-700);
501
+ --color-core-blue-800: var(--raw-color-core-blue-800);
502
+ --color-core-blue-900: var(--raw-color-core-blue-900);
503
+ --color-core-blue-950: var(--raw-color-core-blue-950);
478
504
 
479
505
  /* Core Green */
480
- --color-core-green-50: light-dark(var(--raw-color-core-green-50), var(--raw-color-core-green-50-dark));
481
- --color-core-green-100: light-dark(var(--raw-color-core-green-100), var(--raw-color-core-green-100-dark));
482
- --color-core-green-200: light-dark(var(--raw-color-core-green-200), var(--raw-color-core-green-200-dark));
483
- --color-core-green-300: light-dark(var(--raw-color-core-green-300), var(--raw-color-core-green-300-dark));
484
- --color-core-green-400: light-dark(var(--raw-color-core-green-400), var(--raw-color-core-green-400-dark));
485
- --color-core-green-500: light-dark(var(--raw-color-core-green-500), var(--raw-color-core-green-500-dark));
486
- --color-core-green-600: light-dark(var(--raw-color-core-green-600), var(--raw-color-core-green-600-dark));
487
- --color-core-green-700: light-dark(var(--raw-color-core-green-700), var(--raw-color-core-green-700-dark));
488
- --color-core-green-800: light-dark(var(--raw-color-core-green-800), var(--raw-color-core-green-800-dark));
489
- --color-core-green-900: light-dark(var(--raw-color-core-green-900), var(--raw-color-core-green-900-dark));
490
- --color-core-green-950: light-dark(var(--raw-color-core-green-950), var(--raw-color-core-green-950-dark));
506
+ --color-core-green-50: var(--raw-color-core-green-50);
507
+ --color-core-green-100: var(--raw-color-core-green-100);
508
+ --color-core-green-200: var(--raw-color-core-green-200);
509
+ --color-core-green-300: var(--raw-color-core-green-300);
510
+ --color-core-green-400: var(--raw-color-core-green-400);
511
+ --color-core-green-500: var(--raw-color-core-green-500);
512
+ --color-core-green-600: var(--raw-color-core-green-600);
513
+ --color-core-green-700: var(--raw-color-core-green-700);
514
+ --color-core-green-800: var(--raw-color-core-green-800);
515
+ --color-core-green-900: var(--raw-color-core-green-900);
516
+ --color-core-green-950: var(--raw-color-core-green-950);
491
517
 
492
518
  /* Core Red */
493
- --color-core-red-50: light-dark(var(--raw-color-core-red-50), var(--raw-color-core-red-50-dark));
494
- --color-core-red-100: light-dark(var(--raw-color-core-red-100), var(--raw-color-core-red-100-dark));
495
- --color-core-red-200: light-dark(var(--raw-color-core-red-200), var(--raw-color-core-red-200-dark));
496
- --color-core-red-300: light-dark(var(--raw-color-core-red-300), var(--raw-color-core-red-300-dark));
497
- --color-core-red-400: light-dark(var(--raw-color-core-red-400), var(--raw-color-core-red-400-dark));
498
- --color-core-red-500: light-dark(var(--raw-color-core-red-500), var(--raw-color-core-red-500-dark));
499
- --color-core-red-600: light-dark(var(--raw-color-core-red-600), var(--raw-color-core-red-600-dark));
500
- --color-core-red-700: light-dark(var(--raw-color-core-red-700), var(--raw-color-core-red-700-dark));
501
- --color-core-red-800: light-dark(var(--raw-color-core-red-800), var(--raw-color-core-red-800-dark));
502
- --color-core-red-900: light-dark(var(--raw-color-core-red-900), var(--raw-color-core-red-900-dark));
503
- --color-core-red-950: light-dark(var(--raw-color-core-red-950), var(--raw-color-core-red-950-dark));
519
+ --color-core-red-50: var(--raw-color-core-red-50);
520
+ --color-core-red-100: var(--raw-color-core-red-100);
521
+ --color-core-red-200: var(--raw-color-core-red-200);
522
+ --color-core-red-300: var(--raw-color-core-red-300);
523
+ --color-core-red-400: var(--raw-color-core-red-400);
524
+ --color-core-red-500: var(--raw-color-core-red-500);
525
+ --color-core-red-600: var(--raw-color-core-red-600);
526
+ --color-core-red-700: var(--raw-color-core-red-700);
527
+ --color-core-red-800: var(--raw-color-core-red-800);
528
+ --color-core-red-900: var(--raw-color-core-red-900);
529
+ --color-core-red-950: var(--raw-color-core-red-950);
504
530
 
505
531
  /* Core Orange */
506
- --color-core-orange-50: light-dark(var(--raw-color-core-orange-50), var(--raw-color-core-orange-50-dark));
507
- --color-core-orange-100: light-dark(var(--raw-color-core-orange-100), var(--raw-color-core-orange-100-dark));
508
- --color-core-orange-200: light-dark(var(--raw-color-core-orange-200), var(--raw-color-core-orange-200-dark));
509
- --color-core-orange-300: light-dark(var(--raw-color-core-orange-300), var(--raw-color-core-orange-300-dark));
510
- --color-core-orange-400: light-dark(var(--raw-color-core-orange-400), var(--raw-color-core-orange-400-dark));
511
- --color-core-orange-500: light-dark(var(--raw-color-core-orange-500), var(--raw-color-core-orange-500-dark));
512
- --color-core-orange-600: light-dark(var(--raw-color-core-orange-600), var(--raw-color-core-orange-600-dark));
513
- --color-core-orange-700: light-dark(var(--raw-color-core-orange-700), var(--raw-color-core-orange-700-dark));
514
- --color-core-orange-800: light-dark(var(--raw-color-core-orange-800), var(--raw-color-core-orange-800-dark));
515
- --color-core-orange-900: light-dark(var(--raw-color-core-orange-900), var(--raw-color-core-orange-900-dark));
516
- --color-core-orange-950: light-dark(var(--raw-color-core-orange-950), var(--raw-color-core-orange-950-dark));
532
+ --color-core-orange-50: var(--raw-color-core-orange-50);
533
+ --color-core-orange-100: var(--raw-color-core-orange-100);
534
+ --color-core-orange-200: var(--raw-color-core-orange-200);
535
+ --color-core-orange-300: var(--raw-color-core-orange-300);
536
+ --color-core-orange-400: var(--raw-color-core-orange-400);
537
+ --color-core-orange-500: var(--raw-color-core-orange-500);
538
+ --color-core-orange-600: var(--raw-color-core-orange-600);
539
+ --color-core-orange-700: var(--raw-color-core-orange-700);
540
+ --color-core-orange-800: var(--raw-color-core-orange-800);
541
+ --color-core-orange-900: var(--raw-color-core-orange-900);
542
+ --color-core-orange-950: var(--raw-color-core-orange-950);
517
543
 
518
544
  }
519
545