@withlayers/tokens 0.26.0 → 0.28.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 (2) hide show
  1. package/dist/index.css +872 -390
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -30,94 +30,390 @@
30
30
  --l--breakpoint--md: 768px;
31
31
  --l--breakpoint--lg: 1040px;
32
32
  --l--breakpoint--xl: 1440px;
33
- --l--color--primary--0: #fff0f6;
34
- --l--color--primary--10: #ffe3ec;
35
- --l--color--primary--20: #ffb8d2;
36
- --l--color--primary--30: #ff8cba;
37
- --l--color--primary--40: #f364a2;
38
- --l--color--primary--50: #e8368f;
39
- --l--color--primary--60: #da127d;
40
- --l--color--primary--70: #bc0a6f;
41
- --l--color--primary--80: #a30664;
42
- --l--color--primary--90: #870557;
43
- --l--color--primary--100: #620042;
44
- --l--color--neutral--0: #ffffff;
45
- --l--color--neutral--10: #f0f4f8;
46
- --l--color--neutral--20: #d9e2ec;
47
- --l--color--neutral--30: #bcccdc;
48
- --l--color--neutral--40: #9fb3c8;
49
- --l--color--neutral--50: #829ab1;
50
- --l--color--neutral--60: #5e7892;
51
- --l--color--neutral--70: #486581;
52
- --l--color--neutral--80: #334e68;
53
- --l--color--neutral--90: #243b53;
54
- --l--color--neutral--100: #102a43;
55
- --l--color--neutral--alpha--dark--0: rgba(16, 42, 67, 0);
56
- --l--color--neutral--alpha--dark--10: rgba(16, 42, 67, 0.1);
57
- --l--color--neutral--alpha--dark--20: rgba(16, 42, 67, 0.2);
58
- --l--color--neutral--alpha--dark--30: rgba(16, 42, 67, 0.3);
59
- --l--color--neutral--alpha--dark--40: rgba(16, 42, 67, 0.4);
60
- --l--color--neutral--alpha--dark--50: rgba(16, 42, 67, 0.5);
61
- --l--color--neutral--alpha--dark--60: rgba(16, 42, 67, 0.6);
62
- --l--color--neutral--alpha--dark--70: rgba(16, 42, 67, 0.7);
63
- --l--color--neutral--alpha--dark--80: rgba(16, 42, 67, 0.8);
64
- --l--color--neutral--alpha--dark--90: rgba(16, 42, 67, 0.9);
65
- --l--color--neutral--alpha--dark--100: rgba(16, 42, 67, 1);
66
- --l--color--neutral--alpha--light--0: rgba(240, 244, 248, 0);
67
- --l--color--neutral--alpha--light--10: rgba(240, 244, 248, 0.1);
68
- --l--color--neutral--alpha--light--20: rgba(240, 244, 248, 0.2);
69
- --l--color--neutral--alpha--light--30: rgba(240, 244, 248, 0.3);
70
- --l--color--neutral--alpha--light--40: rgba(240, 244, 248, 0.4);
71
- --l--color--neutral--alpha--light--50: rgba(240, 244, 248, 0.5);
72
- --l--color--neutral--alpha--light--60: rgba(240, 244, 248, 0.6);
73
- --l--color--neutral--alpha--light--70: rgba(240, 244, 248, 0.7);
74
- --l--color--neutral--alpha--light--80: rgba(240, 244, 248, 0.8);
75
- --l--color--neutral--alpha--light--90: rgba(240, 244, 248, 0.9);
76
- --l--color--neutral--alpha--light--100: rgba(240, 244, 248, 1);
77
- --l--color--red--0: #fff5f5;
78
- --l--color--red--10: #ffe3e3;
79
- --l--color--red--20: #ffbdbd;
80
- --l--color--red--30: #ff9b9b;
81
- --l--color--red--40: #f86a6a;
82
- --l--color--red--50: #ef4e4e;
83
- --l--color--red--60: #e12d39;
84
- --l--color--red--70: #cf1124;
85
- --l--color--red--80: #ab091e;
86
- --l--color--red--90: #8a041a;
87
- --l--color--red--100: #610316;
88
- --l--color--blue--0: #f5fbff;
89
- --l--color--blue--10: #ebf8ff;
90
- --l--color--blue--20: #d1eefc;
91
- --l--color--blue--30: #a7d8f0;
92
- --l--color--blue--40: #7cc1e4;
93
- --l--color--blue--50: #55aad4;
94
- --l--color--blue--60: #3994c1;
95
- --l--color--blue--70: #2d83ae;
96
- --l--color--blue--80: #1d6f98;
97
- --l--color--blue--90: #166086;
98
- --l--color--blue--100: #0b4f71;
99
- --l--color--green--0: #f6fef9;
100
- --l--color--green--10: #effcf6;
101
- --l--color--green--20: #c6f7e2;
102
- --l--color--green--30: #8eedc7;
103
- --l--color--green--40: #65d6ad;
104
- --l--color--green--50: #3ebd93;
105
- --l--color--green--60: #27ab83;
106
- --l--color--green--70: #199473;
107
- --l--color--green--80: #147d64;
108
- --l--color--green--90: #0c6b58;
109
- --l--color--green--100: #014d40;
110
- --l--color--yellow--0: #fffdf5;
111
- --l--color--yellow--10: #fffbeb;
112
- --l--color--yellow--20: #fff3c4;
113
- --l--color--yellow--30: #fce588;
114
- --l--color--yellow--40: #fadb5f;
115
- --l--color--yellow--50: #f7c948;
116
- --l--color--yellow--60: #f0b429;
117
- --l--color--yellow--70: #de911d;
118
- --l--color--yellow--80: #cb6e17;
119
- --l--color--yellow--90: #b44d12;
120
- --l--color--yellow--100: #8d2b0b;
33
+ --l--color--primary--0: oklch(1 0 0);
34
+ --l--color--primary--10: oklch(0.99 0.004 355.21);
35
+ --l--color--primary--20: oklch(0.98 0.009 355.21);
36
+ --l--color--primary--30: oklch(0.96 0.018 355.21);
37
+ --l--color--primary--40: oklch(0.93 0.031 355.21);
38
+ --l--color--primary--50: oklch(0.89 0.048 355.21);
39
+ --l--color--primary--60: oklch(0.84 0.07 355.21);
40
+ --l--color--primary--70: oklch(0.79 0.092 355.21);
41
+ --l--color--primary--80: oklch(0.73 0.119 355.21);
42
+ --l--color--primary--90: oklch(0.522 0.21 355.21);
43
+ --l--color--primary--100: oklch(0.492 0.201 355.99);
44
+ --l--color--primary--110: oklch(0.577 0.186 355.21);
45
+ --l--color--primary--120: oklch(0.529 0.207 355.21);
46
+ --l--color--primary--130: oklch(0.344 0.138 3.5);
47
+ --l--color--primary--140: oklch(0.27 0.108 8.89);
48
+ --l--color--primary--150: oklch(0 0 0);
49
+ --l--color--primary--dark--0: oklch(0 0 0);
50
+ --l--color--primary--dark--10: oklch(0.11 0.045 27.2);
51
+ --l--color--primary--dark--20: oklch(0.16 0.064 20.41);
52
+ --l--color--primary--dark--30: oklch(0.25 0.1 10.66);
53
+ --l--color--primary--dark--40: oklch(0.29 0.116 7.28);
54
+ --l--color--primary--dark--50: oklch(0.33 0.133 4.39);
55
+ --l--color--primary--dark--60: oklch(0.38 0.154 1.3);
56
+ --l--color--primary--dark--70: oklch(0.45 0.184 357.75);
57
+ --l--color--primary--dark--80: oklch(0.55 0.198 355.21);
58
+ --l--color--primary--dark--90: oklch(0.522 0.21 355.21);
59
+ --l--color--primary--dark--100: oklch(0.492 0.201 355.99);
60
+ --l--color--primary--dark--110: oklch(0.78 0.097 355.21);
61
+ --l--color--primary--dark--120: oklch(0.83 0.075 355.21);
62
+ --l--color--primary--dark--130: oklch(0.98 0.009 355.21);
63
+ --l--color--primary--dark--140: oklch(0.99 0.004 355.21);
64
+ --l--color--primary--dark--150: oklch(1 0 0);
65
+ --l--color--primary--alpha--0: oklch(1 0 0 / 0);
66
+ --l--color--primary--alpha--10: oklch(0.512 0.205 14.65 / 0.016);
67
+ --l--color--primary--alpha--20: oklch(0.583 0.233 12.11 / 0.035);
68
+ --l--color--primary--alpha--30: oklch(0.581 0.232 16.61 / 0.071);
69
+ --l--color--primary--alpha--40: oklch(0.557 0.223 14.07 / 0.122);
70
+ --l--color--primary--alpha--50: oklch(0.546 0.218 13.71 / 0.192);
71
+ --l--color--primary--alpha--60: oklch(0.54 0.216 12.31 / 0.278);
72
+ --l--color--primary--alpha--70: oklch(0.526 0.21 11.71 / 0.365);
73
+ --l--color--primary--alpha--80: oklch(0.519 0.208 10.09 / 0.471);
74
+ --l--color--primary--alpha--90: oklch(0.512 0.209 356.64 / 0.961);
75
+ --l--color--primary--alpha--100: oklch(0.491 0.201 355.95 / 0.996);
76
+ --l--color--primary--alpha--110: oklch(0.501 0.202 3.49 / 0.769);
77
+ --l--color--primary--alpha--120: oklch(0.509 0.207 358.4 / 0.918);
78
+ --l--color--primary--alpha--130: oklch(0.343 0.138 4.15 / 0.996);
79
+ --l--color--primary--alpha--140: oklch(0.269 0.108 8.93 / 1);
80
+ --l--color--primary--alpha--150: oklch(0 0 0 / 1);
81
+ --l--color--primary--alpha--dark--0: oklch(0 0 0 / 0);
82
+ --l--color--primary--alpha--dark--10: oklch(0.628 0.258 29.23 / 0.063);
83
+ --l--color--primary--alpha--dark--20: oklch(0.629 0.257 27.75 / 0.133);
84
+ --l--color--primary--alpha--dark--30: oklch(0.635 0.254 16.48 / 0.271);
85
+ --l--color--primary--alpha--dark--40: oklch(0.638 0.255 11.76 / 0.337);
86
+ --l--color--primary--alpha--dark--50: oklch(0.641 0.257 7.64 / 0.404);
87
+ --l--color--primary--alpha--dark--60: oklch(0.644 0.259 3.59 / 0.49);
88
+ --l--color--primary--alpha--dark--70: oklch(0.649 0.264 359.07 / 0.612);
89
+ --l--color--primary--alpha--dark--80: oklch(0.673 0.245 355.48 / 0.761);
90
+ --l--color--primary--alpha--dark--90: oklch(0.655 0.265 355.71 / 0.737);
91
+ --l--color--primary--alpha--dark--100: oklch(0.652 0.266 356.56 / 0.686);
92
+ --l--color--primary--alpha--dark--110: oklch(0.833 0.105 355.09 / 0.914);
93
+ --l--color--primary--alpha--dark--120: oklch(0.87 0.079 355.06 / 0.941);
94
+ --l--color--primary--alpha--dark--130: oklch(0.983 0.009 352.59 / 0.996);
95
+ --l--color--primary--alpha--dark--140: oklch(0.994 0.003 355.32 / 0.996);
96
+ --l--color--primary--alpha--dark--150: oklch(1 0 0 / 1);
97
+ --l--color--neutral--0: oklch(1 0 0);
98
+ --l--color--neutral--10: oklch(0.99 0.001 0);
99
+ --l--color--neutral--20: oklch(0.98 0.002 249.75);
100
+ --l--color--neutral--30: oklch(0.96 0.003 249.75);
101
+ --l--color--neutral--40: oklch(0.93 0.006 249.75);
102
+ --l--color--neutral--50: oklch(0.89 0.009 249.75);
103
+ --l--color--neutral--60: oklch(0.84 0.013 249.75);
104
+ --l--color--neutral--70: oklch(0.79 0.016 249.75);
105
+ --l--color--neutral--80: oklch(0.73 0.021 249.75);
106
+ --l--color--neutral--90: oklch(0.278 0.056 249.75);
107
+ --l--color--neutral--100: oklch(0.384 0.048 249.75);
108
+ --l--color--neutral--110: oklch(0.553 0.035 249.75);
109
+ --l--color--neutral--120: oklch(0.529 0.037 249.75);
110
+ --l--color--neutral--130: oklch(0.344 0.051 249.75);
111
+ --l--color--neutral--140: oklch(0.27 0.056 249.75);
112
+ --l--color--neutral--150: oklch(0 0 0);
113
+ --l--color--neutral--dark--0: oklch(0 0 0);
114
+ --l--color--neutral--dark--10: oklch(0.11 0.051 261.96);
115
+ --l--color--neutral--dark--20: oklch(0.16 0.053 255.29);
116
+ --l--color--neutral--dark--30: oklch(0.25 0.056 249.75);
117
+ --l--color--neutral--dark--40: oklch(0.29 0.055 249.75);
118
+ --l--color--neutral--dark--50: oklch(0.33 0.052 249.75);
119
+ --l--color--neutral--dark--60: oklch(0.38 0.048 249.75);
120
+ --l--color--neutral--dark--70: oklch(0.45 0.043 249.75);
121
+ --l--color--neutral--dark--80: oklch(0.55 0.035 249.75);
122
+ --l--color--neutral--dark--90: oklch(0.278 0.056 249.75);
123
+ --l--color--neutral--dark--100: oklch(0.384 0.048 249.75);
124
+ --l--color--neutral--dark--110: oklch(0.78 0.017 249.75);
125
+ --l--color--neutral--dark--120: oklch(0.83 0.013 249.75);
126
+ --l--color--neutral--dark--130: oklch(0.98 0.002 249.75);
127
+ --l--color--neutral--dark--140: oklch(0.99 0.001 0);
128
+ --l--color--neutral--dark--150: oklch(1 0 0);
129
+ --l--color--neutral--alpha--0: oklch(1 0 0 / 0);
130
+ --l--color--neutral--alpha--10: oklch(0.26 0.119 328.37 / 0.016);
131
+ --l--color--neutral--alpha--20: oklch(0.272 0.119 261.25 / 0.031);
132
+ --l--color--neutral--alpha--30: oklch(0.251 0.075 251.93 / 0.059);
133
+ --l--color--neutral--alpha--40: oklch(0.239 0.082 256.25 / 0.102);
134
+ --l--color--neutral--alpha--50: oklch(0.243 0.08 254.82 / 0.161);
135
+ --l--color--neutral--alpha--60: oklch(0.238 0.075 253.8 / 0.231);
136
+ --l--color--neutral--alpha--70: oklch(0.234 0.068 251.2 / 0.298);
137
+ --l--color--neutral--alpha--80: oklch(0.23 0.07 252.66 / 0.38);
138
+ --l--color--neutral--alpha--90: oklch(0.222 0.062 249.79 / 0.937);
139
+ --l--color--neutral--alpha--100: oklch(0.22 0.065 251.35 / 0.816);
140
+ --l--color--neutral--alpha--110: oklch(0.226 0.069 252.87 / 0.612);
141
+ --l--color--neutral--alpha--120: oklch(0.231 0.067 251.06 / 0.643);
142
+ --l--color--neutral--alpha--130: oklch(0.219 0.064 251.26 / 0.859);
143
+ --l--color--neutral--alpha--140: oklch(0.221 0.062 249.73 / 0.945);
144
+ --l--color--neutral--alpha--150: oklch(0 0 0 / 1);
145
+ --l--color--neutral--alpha--dark--0: oklch(0 0 0 / 0);
146
+ --l--color--neutral--alpha--dark--10: oklch(0.469 0.302 264.21 / 0.086);
147
+ --l--color--neutral--alpha--dark--20: oklch(0.55 0.249 261.7 / 0.137);
148
+ --l--color--neutral--alpha--dark--30: oklch(0.669 0.181 251.53 / 0.231);
149
+ --l--color--neutral--alpha--dark--40: oklch(0.705 0.159 251.13 / 0.275);
150
+ --l--color--neutral--alpha--dark--50: oklch(0.745 0.136 250.12 / 0.31);
151
+ --l--color--neutral--alpha--dark--60: oklch(0.786 0.112 250.46 / 0.357);
152
+ --l--color--neutral--alpha--dark--70: oklch(0.829 0.088 251.27 / 0.427);
153
+ --l--color--neutral--alpha--dark--80: oklch(0.883 0.06 248.5 / 0.525);
154
+ --l--color--neutral--alpha--dark--90: oklch(0.693 0.167 250.91 / 0.263);
155
+ --l--color--neutral--alpha--dark--100: oklch(0.789 0.111 250.43 / 0.361);
156
+ --l--color--neutral--alpha--dark--110: oklch(0.956 0.022 250.88 / 0.761);
157
+ --l--color--neutral--alpha--dark--120: oklch(0.967 0.016 251.57 / 0.816);
158
+ --l--color--neutral--alpha--dark--130: oklch(0.994 0.003 264.7 / 0.98);
159
+ --l--color--neutral--alpha--dark--140: oklch(0.998 0.002 326.85 / 0.988);
160
+ --l--color--neutral--alpha--dark--150: oklch(1 0 0 / 1);
161
+ --l--color--red--0: oklch(1 0 0);
162
+ --l--color--red--10: oklch(0.99 0.005 25.29);
163
+ --l--color--red--20: oklch(0.98 0.009 25.29);
164
+ --l--color--red--30: oklch(0.96 0.019 25.29);
165
+ --l--color--red--40: oklch(0.93 0.033 25.29);
166
+ --l--color--red--50: oklch(0.89 0.052 25.29);
167
+ --l--color--red--60: oklch(0.84 0.075 25.29);
168
+ --l--color--red--70: oklch(0.79 0.098 25.29);
169
+ --l--color--red--80: oklch(0.73 0.126 25.29);
170
+ --l--color--red--90: oklch(0.543 0.214 25.29);
171
+ --l--color--red--100: oklch(0.513 0.209 26.31);
172
+ --l--color--red--110: oklch(0.577 0.198 25.29);
173
+ --l--color--red--120: oklch(0.529 0.214 25.29);
174
+ --l--color--red--130: oklch(0.344 0.141 29.23);
175
+ --l--color--red--140: oklch(0.27 0.111 29.23);
176
+ --l--color--red--150: oklch(0 0 0);
177
+ --l--color--red--dark--0: oklch(0 0 0);
178
+ --l--color--red--dark--10: oklch(0.11 0.045 29.23);
179
+ --l--color--red--dark--20: oklch(0.16 0.066 29.23);
180
+ --l--color--red--dark--30: oklch(0.25 0.103 29.23);
181
+ --l--color--red--dark--40: oklch(0.29 0.119 29.23);
182
+ --l--color--red--dark--50: oklch(0.33 0.135 29.23);
183
+ --l--color--red--dark--60: oklch(0.38 0.156 29.23);
184
+ --l--color--red--dark--70: oklch(0.45 0.185 29.23);
185
+ --l--color--red--dark--80: oklch(0.55 0.211 25.29);
186
+ --l--color--red--dark--90: oklch(0.543 0.214 25.29);
187
+ --l--color--red--dark--100: oklch(0.513 0.209 26.31);
188
+ --l--color--red--dark--110: oklch(0.78 0.103 25.29);
189
+ --l--color--red--dark--120: oklch(0.83 0.08 25.29);
190
+ --l--color--red--dark--130: oklch(0.98 0.009 25.29);
191
+ --l--color--red--dark--140: oklch(0.99 0.005 25.29);
192
+ --l--color--red--dark--150: oklch(1 0 0);
193
+ --l--color--red--alpha--0: oklch(1 0 0 / 0);
194
+ --l--color--red--alpha--10: oklch(0.646 0.241 32.61 / 0.02);
195
+ --l--color--red--alpha--20: oklch(0.634 0.252 30.24 / 0.039);
196
+ --l--color--red--alpha--30: oklch(0.634 0.252 30.24 / 0.078);
197
+ --l--color--red--alpha--40: oklch(0.605 0.241 30.19 / 0.133);
198
+ --l--color--red--alpha--50: oklch(0.607 0.242 30.26 / 0.212);
199
+ --l--color--red--alpha--60: oklch(0.589 0.235 30.1 / 0.302);
200
+ --l--color--red--alpha--70: oklch(0.576 0.23 30.19 / 0.396);
201
+ --l--color--red--alpha--80: oklch(0.56 0.225 29.98 / 0.502);
202
+ --l--color--red--alpha--90: oklch(0.531 0.216 26.97 / 0.937);
203
+ --l--color--red--alpha--100: oklch(0.512 0.208 26.26 / 1);
204
+ --l--color--red--alpha--110: oklch(0.527 0.216 29 / 0.796);
205
+ --l--color--red--alpha--120: oklch(0.528 0.214 25.55 / 0.992);
206
+ --l--color--red--alpha--130: oklch(0.345 0.141 29.23 / 1);
207
+ --l--color--red--alpha--140: oklch(0.271 0.111 29.23 / 1);
208
+ --l--color--red--alpha--150: oklch(0 0 0 / 1);
209
+ --l--color--red--alpha--dark--0: oklch(0 0 0 / 0);
210
+ --l--color--red--alpha--dark--10: oklch(0.628 0.258 29.23 / 0.063);
211
+ --l--color--red--alpha--dark--20: oklch(0.628 0.258 29.23 / 0.137);
212
+ --l--color--red--alpha--dark--30: oklch(0.628 0.258 29.23 / 0.278);
213
+ --l--color--red--alpha--dark--40: oklch(0.628 0.258 29.23 / 0.345);
214
+ --l--color--red--alpha--dark--50: oklch(0.628 0.258 29.23 / 0.416);
215
+ --l--color--red--alpha--dark--60: oklch(0.628 0.258 29.23 / 0.51);
216
+ --l--color--red--alpha--dark--70: oklch(0.628 0.258 29.23 / 0.639);
217
+ --l--color--red--alpha--dark--80: oklch(0.638 0.247 25.46 / 0.82);
218
+ --l--color--red--alpha--dark--90: oklch(0.634 0.251 25.51 / 0.812);
219
+ --l--color--red--alpha--dark--100: oklch(0.629 0.256 26.74 / 0.761);
220
+ --l--color--red--alpha--dark--110: oklch(0.81 0.107 24.85 / 0.949);
221
+ --l--color--red--alpha--dark--120: oklch(0.85 0.081 25.65 / 0.969);
222
+ --l--color--red--alpha--dark--130: oklch(0.98 0.01 25.23 / 1);
223
+ --l--color--red--alpha--dark--140: oklch(0.991 0.005 34.61 / 1);
224
+ --l--color--red--alpha--dark--150: oklch(1 0 0 / 1);
225
+ --l--color--blue--0: oklch(1 0 0);
226
+ --l--color--blue--10: oklch(0.99 0.002 246.58);
227
+ --l--color--blue--20: oklch(0.98 0.004 246.58);
228
+ --l--color--blue--30: oklch(0.96 0.008 246.58);
229
+ --l--color--blue--40: oklch(0.93 0.014 246.58);
230
+ --l--color--blue--50: oklch(0.89 0.021 246.58);
231
+ --l--color--blue--60: oklch(0.84 0.031 246.58);
232
+ --l--color--blue--70: oklch(0.79 0.041 246.58);
233
+ --l--color--blue--80: oklch(0.73 0.052 246.58);
234
+ --l--color--blue--90: oklch(0.429 0.11 246.58);
235
+ --l--color--blue--100: oklch(0.483 0.1 246.58);
236
+ --l--color--blue--110: oklch(0.552 0.087 246.58);
237
+ --l--color--blue--120: oklch(0.529 0.091 246.58);
238
+ --l--color--blue--130: oklch(0.344 0.103 252.12);
239
+ --l--color--blue--140: oklch(0.27 0.098 257.62);
240
+ --l--color--blue--150: oklch(0 0 0);
241
+ --l--color--blue--dark--0: oklch(0 0 0);
242
+ --l--color--blue--dark--10: oklch(0.11 0.072 271.18);
243
+ --l--color--blue--dark--20: oklch(0.16 0.096 264.12);
244
+ --l--color--blue--dark--30: oklch(0.25 0.097 259.11);
245
+ --l--color--blue--dark--40: oklch(0.29 0.1 256.12);
246
+ --l--color--blue--dark--50: oklch(0.33 0.102 253.16);
247
+ --l--color--blue--dark--60: oklch(0.38 0.106 249.57);
248
+ --l--color--blue--dark--70: oklch(0.45 0.106 246.58);
249
+ --l--color--blue--dark--80: oklch(0.55 0.087 246.58);
250
+ --l--color--blue--dark--90: oklch(0.429 0.11 246.58);
251
+ --l--color--blue--dark--100: oklch(0.483 0.1 246.58);
252
+ --l--color--blue--dark--110: oklch(0.78 0.043 246.58);
253
+ --l--color--blue--dark--120: oklch(0.83 0.033 246.58);
254
+ --l--color--blue--dark--130: oklch(0.98 0.004 246.58);
255
+ --l--color--blue--dark--140: oklch(0.99 0.002 246.58);
256
+ --l--color--blue--dark--150: oklch(1 0 0);
257
+ --l--color--blue--alpha--0: oklch(1 0 0 / 0);
258
+ --l--color--blue--alpha--10: oklch(0.375 0.122 254.66 / 0.016);
259
+ --l--color--blue--alpha--20: oklch(0.438 0.116 247.31 / 0.035);
260
+ --l--color--blue--alpha--30: oklch(0.373 0.137 257.91 / 0.067);
261
+ --l--color--blue--alpha--40: oklch(0.392 0.129 254.86 / 0.118);
262
+ --l--color--blue--alpha--50: oklch(0.381 0.124 254.73 / 0.184);
263
+ --l--color--blue--alpha--60: oklch(0.387 0.123 253.83 / 0.267);
264
+ --l--color--blue--alpha--70: oklch(0.391 0.122 253.34 / 0.349);
265
+ --l--color--blue--alpha--80: oklch(0.38 0.122 254.13 / 0.443);
266
+ --l--color--blue--alpha--90: oklch(0.423 0.111 247 / 0.988);
267
+ --l--color--blue--alpha--100: oklch(0.393 0.113 250.74 / 0.847);
268
+ --l--color--blue--alpha--110: oklch(0.387 0.116 252.1 / 0.729);
269
+ --l--color--blue--alpha--120: oklch(0.388 0.116 251.86 / 0.769);
270
+ --l--color--blue--alpha--130: oklch(0.343 0.103 252.21 / 1);
271
+ --l--color--blue--alpha--140: oklch(0.271 0.098 257.45 / 1);
272
+ --l--color--blue--alpha--150: oklch(0 0 0 / 1);
273
+ --l--color--blue--alpha--dark--0: oklch(0 0 0 / 0);
274
+ --l--color--blue--alpha--dark--10: oklch(0.455 0.311 265.26 / 0.118);
275
+ --l--color--blue--alpha--dark--20: oklch(0.459 0.308 264.15 / 0.208);
276
+ --l--color--blue--alpha--dark--30: oklch(0.554 0.247 261.46 / 0.31);
277
+ --l--color--blue--alpha--dark--40: oklch(0.588 0.226 258.8 / 0.357);
278
+ --l--color--blue--alpha--dark--50: oklch(0.619 0.209 255.63 / 0.408);
279
+ --l--color--blue--alpha--dark--60: oklch(0.65 0.192 251.62 / 0.471);
280
+ --l--color--blue--alpha--dark--70: oklch(0.693 0.17 247.28 / 0.549);
281
+ --l--color--blue--alpha--dark--80: oklch(0.766 0.127 246.89 / 0.635);
282
+ --l--color--blue--alpha--dark--90: oklch(0.675 0.181 248.03 / 0.533);
283
+ --l--color--blue--alpha--dark--100: oklch(0.721 0.154 246.51 / 0.576);
284
+ --l--color--blue--alpha--dark--110: oklch(0.903 0.05 246.14 / 0.824);
285
+ --l--color--blue--alpha--dark--120: oklch(0.928 0.037 246.75 / 0.863);
286
+ --l--color--blue--alpha--dark--130: oklch(0.992 0.004 236.34 / 0.984);
287
+ --l--color--blue--alpha--dark--140: oklch(0.997 0.002 247.73 / 0.992);
288
+ --l--color--blue--alpha--dark--150: oklch(1 0 0 / 1);
289
+ --l--color--green--0: oklch(1 0 0);
290
+ --l--color--green--10: oklch(0.99 0.002 174.25);
291
+ --l--color--green--20: oklch(0.98 0.003 174.25);
292
+ --l--color--green--30: oklch(0.96 0.007 174.25);
293
+ --l--color--green--40: oklch(0.93 0.012 174.25);
294
+ --l--color--green--50: oklch(0.89 0.018 174.25);
295
+ --l--color--green--60: oklch(0.84 0.026 174.25);
296
+ --l--color--green--70: oklch(0.79 0.034 174.25);
297
+ --l--color--green--80: oklch(0.73 0.044 174.25);
298
+ --l--color--green--90: oklch(0.473 0.086 174.25);
299
+ --l--color--green--100: oklch(0.512 0.08 174.25);
300
+ --l--color--green--110: oklch(0.545 0.075 174.25);
301
+ --l--color--green--120: oklch(0.529 0.077 174.25);
302
+ --l--color--green--130: oklch(0.344 0.068 169.73);
303
+ --l--color--green--140: oklch(0.27 0.056 165.59);
304
+ --l--color--green--150: oklch(0 0 0);
305
+ --l--color--green--dark--0: oklch(0 0 0);
306
+ --l--color--green--dark--10: oklch(0.11 0.03 150.94);
307
+ --l--color--green--dark--20: oklch(0.16 0.038 156.62);
308
+ --l--color--green--dark--30: oklch(0.25 0.053 164.21);
309
+ --l--color--green--dark--40: oklch(0.29 0.06 166.81);
310
+ --l--color--green--dark--50: oklch(0.33 0.066 169.03);
311
+ --l--color--green--dark--60: oklch(0.38 0.074 171.38);
312
+ --l--color--green--dark--70: oklch(0.45 0.086 174.07);
313
+ --l--color--green--dark--80: oklch(0.55 0.074 174.25);
314
+ --l--color--green--dark--90: oklch(0.473 0.086 174.25);
315
+ --l--color--green--dark--100: oklch(0.512 0.08 174.25);
316
+ --l--color--green--dark--110: oklch(0.78 0.036 174.25);
317
+ --l--color--green--dark--120: oklch(0.83 0.028 174.25);
318
+ --l--color--green--dark--130: oklch(0.98 0.003 174.25);
319
+ --l--color--green--dark--140: oklch(0.99 0.002 174.25);
320
+ --l--color--green--dark--150: oklch(1 0 0);
321
+ --l--color--green--alpha--0: oklch(1 0 0 / 0);
322
+ --l--color--green--alpha--10: oklch(0.462 0.079 194.76 / 0.02);
323
+ --l--color--green--alpha--20: oklch(0.397 0.087 162.41 / 0.035);
324
+ --l--color--green--alpha--30: oklch(0.397 0.087 162.41 / 0.071);
325
+ --l--color--green--alpha--40: oklch(0.414 0.093 160.21 / 0.122);
326
+ --l--color--green--alpha--50: oklch(0.398 0.085 163.87 / 0.188);
327
+ --l--color--green--alpha--60: oklch(0.386 0.083 163.61 / 0.271);
328
+ --l--color--green--alpha--70: oklch(0.389 0.083 164.14 / 0.353);
329
+ --l--color--green--alpha--80: oklch(0.389 0.082 165.11 / 0.451);
330
+ --l--color--green--alpha--90: oklch(0.443 0.086 172.39 / 0.945);
331
+ --l--color--green--alpha--100: oklch(0.421 0.084 168.8 / 0.839);
332
+ --l--color--green--alpha--110: oklch(0.409 0.082 168.64 / 0.773);
333
+ --l--color--green--alpha--120: oklch(0.411 0.083 168.32 / 0.8);
334
+ --l--color--green--alpha--130: oklch(0.341 0.068 169.2 / 0.996);
335
+ --l--color--green--alpha--140: oklch(0.271 0.056 165.82 / 1);
336
+ --l--color--green--alpha--150: oklch(0 0 0 / 1);
337
+ --l--color--green--alpha--dark--0: oklch(0 0 0 / 0);
338
+ --l--color--green--alpha--dark--10: oklch(0.867 0.289 143.16 / 0.027);
339
+ --l--color--green--alpha--dark--20: oklch(0.871 0.257 147.32 / 0.071);
340
+ --l--color--green--alpha--dark--30: oklch(0.882 0.201 159.58 / 0.161);
341
+ --l--color--green--alpha--dark--40: oklch(0.884 0.193 162.41 / 0.208);
342
+ --l--color--green--alpha--dark--50: oklch(0.886 0.186 165.29 / 0.251);
343
+ --l--color--green--alpha--dark--60: oklch(0.889 0.179 168.61 / 0.31);
344
+ --l--color--green--alpha--dark--70: oklch(0.892 0.171 173.27 / 0.392);
345
+ --l--color--green--alpha--dark--80: oklch(0.915 0.129 173.26 / 0.502);
346
+ --l--color--green--alpha--dark--90: oklch(0.893 0.167 173.18 / 0.42);
347
+ --l--color--green--alpha--dark--100: oklch(0.904 0.149 173.08 / 0.463);
348
+ --l--color--green--alpha--dark--110: oklch(0.968 0.044 175.22 / 0.749);
349
+ --l--color--green--alpha--dark--120: oklch(0.976 0.033 173.49 / 0.808);
350
+ --l--color--green--alpha--dark--130: oklch(0.997 0.003 173.87 / 0.976);
351
+ --l--color--green--alpha--dark--140: oklch(0.998 0.002 196.26 / 0.988);
352
+ --l--color--green--alpha--dark--150: oklch(1 0 0 / 1);
353
+ --l--color--yellow--0: oklch(1 0 0);
354
+ --l--color--yellow--10: oklch(0.99 0.008 82.53);
355
+ --l--color--yellow--20: oklch(0.98 0.016 82.53);
356
+ --l--color--yellow--30: oklch(0.96 0.032 82.53);
357
+ --l--color--yellow--40: oklch(0.93 0.056 82.53);
358
+ --l--color--yellow--50: oklch(0.89 0.088 82.53);
359
+ --l--color--yellow--60: oklch(0.84 0.128 82.53);
360
+ --l--color--yellow--70: oklch(0.79 0.156 82.53);
361
+ --l--color--yellow--80: oklch(0.73 0.151 81.42);
362
+ --l--color--yellow--90: oklch(0.804 0.156 82.53);
363
+ --l--color--yellow--100: oklch(0.774 0.156 82.53);
364
+ --l--color--yellow--110: oklch(0.56 0.12 71.9);
365
+ --l--color--yellow--120: oklch(0.529 0.115 69.52);
366
+ --l--color--yellow--130: oklch(0.344 0.091 49.71);
367
+ --l--color--yellow--140: oklch(0.27 0.087 38.7);
368
+ --l--color--yellow--150: oklch(0 0 0);
369
+ --l--color--yellow--dark--0: oklch(0 0 0);
370
+ --l--color--yellow--dark--10: oklch(0.11 0.045 29.23);
371
+ --l--color--yellow--dark--20: oklch(0.16 0.066 29.23);
372
+ --l--color--yellow--dark--30: oklch(0.25 0.087 35.43);
373
+ --l--color--yellow--dark--40: oklch(0.29 0.088 41.88);
374
+ --l--color--yellow--dark--50: oklch(0.33 0.09 47.74);
375
+ --l--color--yellow--dark--60: oklch(0.38 0.095 54.47);
376
+ --l--color--yellow--dark--70: oklch(0.45 0.103 62.38);
377
+ --l--color--yellow--dark--80: oklch(0.55 0.118 71.18);
378
+ --l--color--yellow--dark--90: oklch(0.804 0.156 82.53);
379
+ --l--color--yellow--dark--100: oklch(0.774 0.156 82.53);
380
+ --l--color--yellow--dark--110: oklch(0.78 0.156 82.53);
381
+ --l--color--yellow--dark--120: oklch(0.83 0.136 82.53);
382
+ --l--color--yellow--dark--130: oklch(0.98 0.016 82.53);
383
+ --l--color--yellow--dark--140: oklch(0.99 0.008 82.53);
384
+ --l--color--yellow--dark--150: oklch(1 0 0);
385
+ --l--color--yellow--alpha--0: oklch(1 0 0 / 0);
386
+ --l--color--yellow--alpha--10: oklch(0.717 0.157 68.08 / 0.035);
387
+ --l--color--yellow--alpha--20: oklch(0.76 0.164 70.81 / 0.071);
388
+ --l--color--yellow--alpha--30: oklch(0.753 0.165 68.38 / 0.145);
389
+ --l--color--yellow--alpha--40: oklch(0.753 0.163 69.81 / 0.255);
390
+ --l--color--yellow--alpha--50: oklch(0.754 0.162 71.16 / 0.408);
391
+ --l--color--yellow--alpha--60: oklch(0.755 0.161 73.15 / 0.62);
392
+ --l--color--yellow--alpha--70: oklch(0.764 0.159 78.47 / 0.875);
393
+ --l--color--yellow--alpha--80: oklch(0.73 0.151 81.39 / 1);
394
+ --l--color--yellow--alpha--90: oklch(0.774 0.161 77.84 / 0.843);
395
+ --l--color--yellow--alpha--100: oklch(0.757 0.157 79.8 / 0.922);
396
+ --l--color--yellow--alpha--110: oklch(0.561 0.12 72.18 / 1);
397
+ --l--color--yellow--alpha--120: oklch(0.528 0.115 69.42 / 1);
398
+ --l--color--yellow--alpha--130: oklch(0.344 0.092 49.47 / 1);
399
+ --l--color--yellow--alpha--140: oklch(0.269 0.087 38.59 / 1);
400
+ --l--color--yellow--alpha--150: oklch(0 0 0 / 1);
401
+ --l--color--yellow--alpha--dark--0: oklch(0 0 0 / 0);
402
+ --l--color--yellow--alpha--dark--10: oklch(0.628 0.258 29.23 / 0.063);
403
+ --l--color--yellow--alpha--dark--20: oklch(0.628 0.258 29.23 / 0.137);
404
+ --l--color--yellow--alpha--dark--30: oklch(0.641 0.245 31.64 / 0.259);
405
+ --l--color--yellow--alpha--dark--40: oklch(0.667 0.224 36.81 / 0.302);
406
+ --l--color--yellow--alpha--dark--50: oklch(0.694 0.206 42.96 / 0.349);
407
+ --l--color--yellow--alpha--dark--60: oklch(0.72 0.191 49.81 / 0.408);
408
+ --l--color--yellow--alpha--dark--70: oklch(0.755 0.178 59.59 / 0.49);
409
+ --l--color--yellow--alpha--dark--80: oklch(0.79 0.171 69.81 / 0.612);
410
+ --l--color--yellow--alpha--dark--90: oklch(0.842 0.164 82.55 / 0.941);
411
+ --l--color--yellow--alpha--dark--100: oklch(0.836 0.169 82.21 / 0.902);
412
+ --l--color--yellow--alpha--dark--110: oklch(0.837 0.168 82.28 / 0.91);
413
+ --l--color--yellow--alpha--dark--120: oklch(0.86 0.141 82.08 / 0.953);
414
+ --l--color--yellow--alpha--dark--130: oklch(0.984 0.016 82.76 / 0.996);
415
+ --l--color--yellow--alpha--dark--140: oklch(0.992 0.007 80.67 / 0.996);
416
+ --l--color--yellow--alpha--dark--150: oklch(1 0 0 / 1);
121
417
  --l--typography--font-family--primary: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
122
418
  --l--typography--font-family--secondary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
123
419
  --l--typography--font-family--tertiary: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
@@ -233,6 +529,35 @@
233
529
  --l--units--relative--384: 24rem;
234
530
  --l--units--relative--448: 28rem;
235
531
  --l--units--relative--512: 32rem;
532
+ --l--units--static--1: 1px;
533
+ --l--units--static--2: 2px;
534
+ --l--units--static--4: 4px;
535
+ --l--units--static--8: 8px;
536
+ --l--units--static--12: 12px;
537
+ --l--units--static--16: 16px;
538
+ --l--units--static--20: 20px;
539
+ --l--units--static--24: 24px;
540
+ --l--units--static--28: 28px;
541
+ --l--units--static--32: 32px;
542
+ --l--units--static--36: 36px;
543
+ --l--units--static--40: 40px;
544
+ --l--units--static--48: 48px;
545
+ --l--units--static--56: 56px;
546
+ --l--units--static--64: 64px;
547
+ --l--units--static--72: 72px;
548
+ --l--units--static--80: 80px;
549
+ --l--units--static--88: 88px;
550
+ --l--units--static--96: 96px;
551
+ --l--units--static--104: 104px;
552
+ --l--units--static--112: 112px;
553
+ --l--units--static--120: 120px;
554
+ --l--units--static--128: 128px;
555
+ --l--units--static--192: 192px;
556
+ --l--units--static--256: 256px;
557
+ --l--units--static--320: 320px;
558
+ --l--units--static--384: 384px;
559
+ --l--units--static--448: 448px;
560
+ --l--units--static--512: 512px;
236
561
  --l--theme--size--measure--sm: 18.75rem;
237
562
  --l--theme--size--measure--md: 37.5rem;
238
563
  --l--theme--size--measure--lg: 48rem;
@@ -258,296 +583,452 @@
258
583
  --l--theme--border--text-control--style: var(--l--border--style--solid);
259
584
  --l--theme--border--text-highlight--style: var(--l--border--style--none);
260
585
  --l--theme--color--background--default: var(--l--color--neutral--0);
261
- --l--theme--color--background--knockout: var(--l--color--neutral--90);
262
- --l--theme--color--border--primary--on-default: var(--l--color--neutral--60);
263
- --l--theme--color--border--primary--on-knockout: var(--l--color--neutral--40);
264
- --l--theme--color--border--secondary--on-default: var(--l--color--neutral--20);
265
- --l--theme--color--border--secondary--on-knockout: var(--l--color--neutral--70);
266
- --l--theme--color--border--tertiary--on-default: var(--l--color--neutral--10);
267
- --l--theme--color--border--tertiary--on-knockout: var(--l--color--neutral--80);
268
- --l--theme--color--content--primary--on-default: var(--l--color--neutral--90);
269
- --l--theme--color--content--primary--on-knockout: var(--l--color--neutral--0);
270
- --l--theme--color--content--secondary--on-default: var(--l--color--neutral--60);
271
- --l--theme--color--content--secondary--on-knockout: var(--l--color--neutral--30);
272
- --l--theme--color--outline--on-default: var(--l--color--neutral--90);
273
- --l--theme--color--outline--on-knockout: var(--l--color--neutral--0);
274
- --l--theme--color--overlay--on-default: var(--l--color--neutral--alpha--dark--70);
275
- --l--theme--color--overlay--on-knockout: var(--l--color--neutral--alpha--dark--70);
276
- --l--theme--color--code--background--on-default: var(--l--color--neutral--10);
277
- --l--theme--color--code--background--on-knockout: var(--l--color--neutral--80);
278
- --l--theme--color--code--border--on-default: var(--l--color--neutral--alpha--dark--0);
279
- --l--theme--color--code--border--on-knockout: var(--l--color--neutral--alpha--light--0);
280
- --l--theme--color--code--content--on-default: var(--l--color--neutral--90);
281
- --l--theme--color--code--content--on-knockout: var(--l--color--neutral--0);
282
- --l--theme--color--dialog--border--on-default: var(--l--color--neutral--alpha--dark--0);
283
- --l--theme--color--dialog--border--on-knockout: var(--l--color--neutral--alpha--light--0);
284
- --l--theme--color--feedback--background--destructive--on-default: var(--l--color--red--20);
285
- --l--theme--color--feedback--background--destructive--on-knockout: var(--l--color--red--90);
286
- --l--theme--color--feedback--background--informative--on-default: var(--l--color--blue--20);
287
- --l--theme--color--feedback--background--informative--on-knockout: var(--l--color--blue--90);
288
- --l--theme--color--feedback--background--positive--on-default: var(--l--color--green--20);
289
- --l--theme--color--feedback--background--positive--on-knockout: var(--l--color--green--90);
290
- --l--theme--color--feedback--background--warning--on-default: var(--l--color--yellow--20);
291
- --l--theme--color--feedback--background--warning--on-knockout: var(--l--color--yellow--90);
292
- --l--theme--color--feedback--border--destructive--on-default: var(--l--color--red--30);
293
- --l--theme--color--feedback--border--destructive--on-knockout: var(--l--color--red--70);
294
- --l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--30);
295
- --l--theme--color--feedback--border--informative--on-knockout: var(--l--color--blue--70);
296
- --l--theme--color--feedback--border--positive--on-default: var(--l--color--green--30);
297
- --l--theme--color--feedback--border--positive--on-knockout: var(--l--color--green--70);
298
- --l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--30);
299
- --l--theme--color--feedback--border--warning--on-knockout: var(--l--color--yellow--70);
300
- --l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--90);
301
- --l--theme--color--feedback--content--destructive--on-knockout: var(--l--color--red--0);
302
- --l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--90);
303
- --l--theme--color--feedback--content--informative--on-knockout: var(--l--color--blue--0);
304
- --l--theme--color--feedback--content--positive--on-default: var(--l--color--green--90);
305
- --l--theme--color--feedback--content--positive--on-knockout: var(--l--color--green--0);
306
- --l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--90);
307
- --l--theme--color--feedback--content--warning--on-knockout: var(--l--color--yellow--0);
308
- --l--theme--color--feedback--outline--destructive--on-default: var(--l--color--red--90);
309
- --l--theme--color--feedback--outline--destructive--on-knockout: var(--l--color--red--10);
310
- --l--theme--color--feedback--outline--informative--on-default: var(--l--color--blue--90);
311
- --l--theme--color--feedback--outline--informative--on-knockout: var(--l--color--blue--10);
312
- --l--theme--color--feedback--outline--positive--on-default: var(--l--color--green--90);
313
- --l--theme--color--feedback--outline--positive--on-knockout: var(--l--color--green--10);
314
- --l--theme--color--feedback--outline--warning--on-default: var(--l--color--yellow--90);
315
- --l--theme--color--feedback--outline--warning--on-knockout: var(--l--color--yellow--10);
316
- --l--theme--color--input--background--on-default--hover: var(--l--color--neutral--10);
317
- --l--theme--color--input--background--on-default--checked--rest: var(--l--color--neutral--90);
318
- --l--theme--color--input--background--on-default--checked--focus: var(--l--color--neutral--90);
319
- --l--theme--color--input--background--on-default--checked--hover: var(--l--color--neutral--80);
320
- --l--theme--color--input--background--on-default--checked--invalid--rest: var(--l--color--red--70);
321
- --l--theme--color--input--background--on-default--checked--invalid--focus: var(--l--color--red--70);
322
- --l--theme--color--input--background--on-default--checked--invalid--hover: var(--l--color--red--60);
323
- --l--theme--color--input--background--on-default--invalid--hover: var(--l--color--neutral--10);
324
- --l--theme--color--input--background--on-default--disabled: var(--l--color--neutral--10);
325
- --l--theme--color--input--background--on-knockout--hover: var(--l--color--neutral--80);
326
- --l--theme--color--input--background--on-knockout--checked--rest: var(--l--color--neutral--0);
327
- --l--theme--color--input--background--on-knockout--checked--focus: var(--l--color--neutral--0);
328
- --l--theme--color--input--background--on-knockout--checked--hover: var(--l--color--neutral--10);
329
- --l--theme--color--input--background--on-knockout--checked--invalid--rest: var(--l--color--red--30);
330
- --l--theme--color--input--background--on-knockout--checked--invalid--focus: var(--l--color--red--30);
331
- --l--theme--color--input--background--on-knockout--checked--invalid--hover: var(--l--color--red--40);
332
- --l--theme--color--input--background--on-knockout--invalid--hover: var(--l--color--neutral--80);
333
- --l--theme--color--input--background--on-knockout--disabled: var(--l--color--neutral--80);
334
- --l--theme--color--input--border--on-default--rest: var(--l--color--neutral--70);
335
- --l--theme--color--input--border--on-default--focus: var(--l--color--neutral--70);
336
- --l--theme--color--input--border--on-default--hover: var(--l--color--neutral--80);
337
- --l--theme--color--input--border--on-default--checked--rest: var(--l--color--neutral--90);
338
- --l--theme--color--input--border--on-default--checked--focus: var(--l--color--neutral--90);
339
- --l--theme--color--input--border--on-default--checked--hover: var(--l--color--neutral--80);
340
- --l--theme--color--input--border--on-default--checked--invalid--rest: var(--l--color--red--70);
341
- --l--theme--color--input--border--on-default--checked--invalid--focus: var(--l--color--red--70);
342
- --l--theme--color--input--border--on-default--checked--invalid--hover: var(--l--color--red--60);
343
- --l--theme--color--input--border--on-default--invalid--rest: var(--l--color--red--60);
344
- --l--theme--color--input--border--on-default--invalid--focus: var(--l--color--red--60);
345
- --l--theme--color--input--border--on-default--invalid--hover: var(--l--color--red--70);
346
- --l--theme--color--input--border--on-default--disabled: var(--l--color--neutral--20);
347
- --l--theme--color--input--border--on-knockout--rest: var(--l--color--neutral--30);
348
- --l--theme--color--input--border--on-knockout--focus: var(--l--color--neutral--30);
349
- --l--theme--color--input--border--on-knockout--hover: var(--l--color--neutral--40);
350
- --l--theme--color--input--border--on-knockout--checked--rest: var(--l--color--neutral--0);
351
- --l--theme--color--input--border--on-knockout--checked--focus: var(--l--color--neutral--0);
352
- --l--theme--color--input--border--on-knockout--checked--hover: var(--l--color--neutral--10);
353
- --l--theme--color--input--border--on-knockout--checked--invalid--rest: var(--l--color--red--30);
354
- --l--theme--color--input--border--on-knockout--checked--invalid--focus: var(--l--color--red--30);
355
- --l--theme--color--input--border--on-knockout--checked--invalid--hover: var(--l--color--red--40);
356
- --l--theme--color--input--border--on-knockout--invalid--rest: var(--l--color--red--30);
357
- --l--theme--color--input--border--on-knockout--invalid--focus: var(--l--color--red--30);
358
- --l--theme--color--input--border--on-knockout--invalid--hover: var(--l--color--red--40);
359
- --l--theme--color--input--border--on-knockout--disabled: var(--l--color--neutral--70);
360
- --l--theme--color--input--content--on-default--rest: var(--l--color--neutral--90);
361
- --l--theme--color--input--content--on-default--hover: var(--l--color--neutral--90);
362
- --l--theme--color--input--content--on-default--focus: var(--l--color--neutral--90);
363
- --l--theme--color--input--content--on-default--invalid--rest: var(--l--color--neutral--90);
364
- --l--theme--color--input--content--on-default--invalid--hover: var(--l--color--neutral--90);
365
- --l--theme--color--input--content--on-default--invalid--focus: var(--l--color--neutral--90);
366
- --l--theme--color--input--content--on-default--checked--rest: var(--l--color--neutral--10);
367
- --l--theme--color--input--content--on-default--checked--hover: var(--l--color--neutral--10);
368
- --l--theme--color--input--content--on-default--checked--focus: var(--l--color--neutral--10);
586
+ --l--theme--color--background--knockout: var(--l--color--neutral--dark--0);
587
+ --l--theme--color--background--subtle: var(--l--color--neutral--20);
588
+ --l--theme--color--border--primary--on-default: var(--l--color--neutral--100);
589
+ --l--theme--color--border--primary--on-knockout: var(--l--color--neutral--dark--100);
590
+ --l--theme--color--border--primary--on-subtle: var(--l--color--neutral--100);
591
+ --l--theme--color--border--secondary--on-default: var(--l--color--neutral--60);
592
+ --l--theme--color--border--secondary--on-knockout: var(--l--color--neutral--dark--60);
593
+ --l--theme--color--border--secondary--on-subtle: var(--l--color--neutral--60);
594
+ --l--theme--color--border--tertiary--on-default: var(--l--color--neutral--30);
595
+ --l--theme--color--border--tertiary--on-knockout: var(--l--color--neutral--dark--30);
596
+ --l--theme--color--border--tertiary--on-subtle: var(--l--color--neutral--40);
597
+ --l--theme--color--content--primary--on-default: var(--l--color--neutral--140);
598
+ --l--theme--color--content--primary--on-knockout: var(--l--color--neutral--dark--140);
599
+ --l--theme--color--content--primary--on-subtle: var(--l--color--neutral--140);
600
+ --l--theme--color--content--secondary--on-default: var(--l--color--neutral--110);
601
+ --l--theme--color--content--secondary--on-knockout: var(--l--color--neutral--dark--110);
602
+ --l--theme--color--content--secondary--on-subtle: var(--l--color--neutral--110);
603
+ --l--theme--color--outline--on-default: var(--l--color--neutral--140);
604
+ --l--theme--color--outline--on-knockout: var(--l--color--neutral--dark--140);
605
+ --l--theme--color--outline--on-subtle: var(--l--color--neutral--140);
606
+ --l--theme--color--overlay--on-default: var(--l--color--neutral--alpha--50);
607
+ --l--theme--color--overlay--on-knockout: var(--l--color--neutral--alpha--dark--50);
608
+ --l--theme--color--overlay--on-subtle: var(--l--color--neutral--alpha--50);
609
+ --l--theme--color--code--background--on-default: var(--l--color--neutral--30);
610
+ --l--theme--color--code--background--on-knockout: var(--l--color--neutral--dark--30);
611
+ --l--theme--color--code--background--on-subtle: var(--l--color--neutral--40);
612
+ --l--theme--color--code--border--on-default: var(--l--color--neutral--alpha--0);
613
+ --l--theme--color--code--border--on-knockout: var(--l--color--neutral--alpha--dark--0);
614
+ --l--theme--color--code--border--on-subtle: var(--l--color--neutral--alpha--0);
615
+ --l--theme--color--code--content--on-default: var(--l--color--neutral--130);
616
+ --l--theme--color--code--content--on-knockout: var(--l--color--neutral--dark--130);
617
+ --l--theme--color--code--content--on-subtle: var(--l--color--neutral--130);
618
+ --l--theme--color--dialog--border--on-default: var(--l--color--neutral--alpha--0);
619
+ --l--theme--color--dialog--border--on-knockout: var(--l--color--neutral--alpha--dark--0);
620
+ --l--theme--color--dialog--border--on-subtle: var(--l--color--neutral--alpha--0);
621
+ --l--theme--color--feedback--background--destructive--on-default: var(--l--color--red--40);
622
+ --l--theme--color--feedback--background--destructive--on-knockout: var(--l--color--red--dark--40);
623
+ --l--theme--color--feedback--background--destructive--on-subtle: var(--l--color--red--40);
624
+ --l--theme--color--feedback--background--informative--on-default: var(--l--color--blue--40);
625
+ --l--theme--color--feedback--background--informative--on-knockout: var(--l--color--blue--dark--40);
626
+ --l--theme--color--feedback--background--informative--on-subtle: var(--l--color--blue--40);
627
+ --l--theme--color--feedback--background--positive--on-default: var(--l--color--green--40);
628
+ --l--theme--color--feedback--background--positive--on-knockout: var(--l--color--green--dark--40);
629
+ --l--theme--color--feedback--background--positive--on-subtle: var(--l--color--green--40);
630
+ --l--theme--color--feedback--background--warning--on-default: var(--l--color--yellow--40);
631
+ --l--theme--color--feedback--background--warning--on-knockout: var(--l--color--yellow--dark--40);
632
+ --l--theme--color--feedback--background--warning--on-subtle: var(--l--color--yellow--40);
633
+ --l--theme--color--feedback--border--destructive--on-default: var(--l--color--red--50);
634
+ --l--theme--color--feedback--border--destructive--on-knockout: var(--l--color--red--dark--50);
635
+ --l--theme--color--feedback--border--destructive--on-subtle: var(--l--color--red--50);
636
+ --l--theme--color--feedback--border--informative--on-default: var(--l--color--blue--50);
637
+ --l--theme--color--feedback--border--informative--on-knockout: var(--l--color--blue--dark--50);
638
+ --l--theme--color--feedback--border--informative--on-subtle: var(--l--color--blue--50);
639
+ --l--theme--color--feedback--border--positive--on-default: var(--l--color--green--50);
640
+ --l--theme--color--feedback--border--positive--on-knockout: var(--l--color--green--dark--50);
641
+ --l--theme--color--feedback--border--positive--on-subtle: var(--l--color--green--50);
642
+ --l--theme--color--feedback--border--warning--on-default: var(--l--color--yellow--50);
643
+ --l--theme--color--feedback--border--warning--on-knockout: var(--l--color--yellow--dark--50);
644
+ --l--theme--color--feedback--border--warning--on-subtle: var(--l--color--yellow--50);
645
+ --l--theme--color--feedback--content--destructive--on-default: var(--l--color--red--130);
646
+ --l--theme--color--feedback--content--destructive--on-knockout: var(--l--color--red--dark--130);
647
+ --l--theme--color--feedback--content--destructive--on-subtle: var(--l--color--red--130);
648
+ --l--theme--color--feedback--content--informative--on-default: var(--l--color--blue--130);
649
+ --l--theme--color--feedback--content--informative--on-knockout: var(--l--color--blue--dark--130);
650
+ --l--theme--color--feedback--content--informative--on-subtle: var(--l--color--blue--130);
651
+ --l--theme--color--feedback--content--positive--on-default: var(--l--color--green--130);
652
+ --l--theme--color--feedback--content--positive--on-knockout: var(--l--color--green--dark--130);
653
+ --l--theme--color--feedback--content--positive--on-subtle: var(--l--color--green--130);
654
+ --l--theme--color--feedback--content--warning--on-default: var(--l--color--yellow--130);
655
+ --l--theme--color--feedback--content--warning--on-knockout: var(--l--color--yellow--dark--130);
656
+ --l--theme--color--feedback--content--warning--on-subtle: var(--l--color--yellow--130);
657
+ --l--theme--color--feedback--outline--destructive--on-default: var(--l--color--red--120);
658
+ --l--theme--color--feedback--outline--destructive--on-knockout: var(--l--color--red--dark--120);
659
+ --l--theme--color--feedback--outline--destructive--on-subtle: var(--l--color--red--120);
660
+ --l--theme--color--feedback--outline--informative--on-default: var(--l--color--blue--120);
661
+ --l--theme--color--feedback--outline--informative--on-knockout: var(--l--color--blue--dark--120);
662
+ --l--theme--color--feedback--outline--informative--on-subtle: var(--l--color--blue--120);
663
+ --l--theme--color--feedback--outline--positive--on-default: var(--l--color--green--120);
664
+ --l--theme--color--feedback--outline--positive--on-knockout: var(--l--color--green--dark--120);
665
+ --l--theme--color--feedback--outline--positive--on-subtle: var(--l--color--green--120);
666
+ --l--theme--color--feedback--outline--warning--on-default: var(--l--color--yellow--120);
667
+ --l--theme--color--feedback--outline--warning--on-knockout: var(--l--color--yellow--dark--120);
668
+ --l--theme--color--feedback--outline--warning--on-subtle: var(--l--color--yellow--120);
669
+ --l--theme--color--input--background--on-default--rest: var(--l--color--neutral--alpha--0);
670
+ --l--theme--color--input--background--on-default--focus: var(--l--color--neutral--alpha--0);
671
+ --l--theme--color--input--background--on-default--hover: var(--l--color--neutral--alpha--10);
672
+ --l--theme--color--input--background--on-default--checked--rest: var(--l--color--neutral--140);
673
+ --l--theme--color--input--background--on-default--checked--focus: var(--l--color--neutral--140);
674
+ --l--theme--color--input--background--on-default--checked--hover: var(--l--color--neutral--130);
675
+ --l--theme--color--input--background--on-default--checked--invalid--rest: var(--l--color--red--90);
676
+ --l--theme--color--input--background--on-default--checked--invalid--focus: var(--l--color--red--90);
677
+ --l--theme--color--input--background--on-default--checked--invalid--hover: var(--l--color--red--100);
678
+ --l--theme--color--input--background--on-default--invalid--rest: var(--l--color--red--alpha--0);
679
+ --l--theme--color--input--background--on-default--invalid--focus: var(--l--color--red--alpha--0);
680
+ --l--theme--color--input--background--on-default--invalid--hover: var(--l--color--red--alpha--10);
681
+ --l--theme--color--input--background--on-default--disabled: var(--l--color--neutral--40);
682
+ --l--theme--color--input--background--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
683
+ --l--theme--color--input--background--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
684
+ --l--theme--color--input--background--on-knockout--hover: var(--l--color--neutral--alpha--dark--10);
685
+ --l--theme--color--input--background--on-knockout--checked--rest: var(--l--color--neutral--dark--140);
686
+ --l--theme--color--input--background--on-knockout--checked--focus: var(--l--color--neutral--dark--140);
687
+ --l--theme--color--input--background--on-knockout--checked--hover: var(--l--color--neutral--dark--130);
688
+ --l--theme--color--input--background--on-knockout--checked--invalid--rest: var(--l--color--red--dark--90);
689
+ --l--theme--color--input--background--on-knockout--checked--invalid--focus: var(--l--color--red--dark--90);
690
+ --l--theme--color--input--background--on-knockout--checked--invalid--hover: var(--l--color--red--dark--100);
691
+ --l--theme--color--input--background--on-knockout--invalid--rest: var(--l--color--red--alpha--dark--0);
692
+ --l--theme--color--input--background--on-knockout--invalid--focus: var(--l--color--red--alpha--dark--0);
693
+ --l--theme--color--input--background--on-knockout--invalid--hover: var(--l--color--red--alpha--dark--10);
694
+ --l--theme--color--input--background--on-knockout--disabled: var(--l--color--neutral--dark--40);
695
+ --l--theme--color--input--background--on-subtle--rest: var(--l--color--neutral--alpha--0);
696
+ --l--theme--color--input--background--on-subtle--focus: var(--l--color--neutral--alpha--0);
697
+ --l--theme--color--input--background--on-subtle--hover: var(--l--color--neutral--alpha--10);
698
+ --l--theme--color--input--background--on-subtle--checked--rest: var(--l--color--neutral--140);
699
+ --l--theme--color--input--background--on-subtle--checked--focus: var(--l--color--neutral--140);
700
+ --l--theme--color--input--background--on-subtle--checked--hover: var(--l--color--neutral--130);
701
+ --l--theme--color--input--background--on-subtle--checked--invalid--rest: var(--l--color--red--90);
702
+ --l--theme--color--input--background--on-subtle--checked--invalid--focus: var(--l--color--red--90);
703
+ --l--theme--color--input--background--on-subtle--checked--invalid--hover: var(--l--color--red--100);
704
+ --l--theme--color--input--background--on-subtle--invalid--rest: var(--l--color--red--alpha--0);
705
+ --l--theme--color--input--background--on-subtle--invalid--focus: var(--l--color--red--alpha--0);
706
+ --l--theme--color--input--background--on-subtle--invalid--hover: var(--l--color--red--alpha--10);
707
+ --l--theme--color--input--background--on-subtle--disabled: var(--l--color--neutral--40);
708
+ --l--theme--color--input--border--on-default--rest: var(--l--color--neutral--120);
709
+ --l--theme--color--input--border--on-default--focus: var(--l--color--neutral--120);
710
+ --l--theme--color--input--border--on-default--hover: var(--l--color--neutral--120);
711
+ --l--theme--color--input--border--on-default--checked--rest: var(--l--color--neutral--140);
712
+ --l--theme--color--input--border--on-default--checked--focus: var(--l--color--neutral--140);
713
+ --l--theme--color--input--border--on-default--checked--hover: var(--l--color--neutral--130);
714
+ --l--theme--color--input--border--on-default--checked--invalid--rest: var(--l--color--red--90);
715
+ --l--theme--color--input--border--on-default--checked--invalid--focus: var(--l--color--red--90);
716
+ --l--theme--color--input--border--on-default--checked--invalid--hover: var(--l--color--red--100);
717
+ --l--theme--color--input--border--on-default--invalid--rest: var(--l--color--red--90);
718
+ --l--theme--color--input--border--on-default--invalid--focus: var(--l--color--red--90);
719
+ --l--theme--color--input--border--on-default--invalid--hover: var(--l--color--red--100);
720
+ --l--theme--color--input--border--on-default--disabled: var(--l--color--neutral--40);
721
+ --l--theme--color--input--border--on-knockout--rest: var(--l--color--neutral--dark--120);
722
+ --l--theme--color--input--border--on-knockout--focus: var(--l--color--neutral--dark--120);
723
+ --l--theme--color--input--border--on-knockout--hover: var(--l--color--neutral--dark--120);
724
+ --l--theme--color--input--border--on-knockout--checked--rest: var(--l--color--neutral--dark--140);
725
+ --l--theme--color--input--border--on-knockout--checked--focus: var(--l--color--neutral--dark--140);
726
+ --l--theme--color--input--border--on-knockout--checked--hover: var(--l--color--neutral--dark--130);
727
+ --l--theme--color--input--border--on-knockout--checked--invalid--rest: var(--l--color--red--dark--90);
728
+ --l--theme--color--input--border--on-knockout--checked--invalid--focus: var(--l--color--red--dark--90);
729
+ --l--theme--color--input--border--on-knockout--checked--invalid--hover: var(--l--color--red--dark--100);
730
+ --l--theme--color--input--border--on-knockout--invalid--rest: var(--l--color--red--dark--90);
731
+ --l--theme--color--input--border--on-knockout--invalid--focus: var(--l--color--red--dark--90);
732
+ --l--theme--color--input--border--on-knockout--invalid--hover: var(--l--color--red--dark--100);
733
+ --l--theme--color--input--border--on-knockout--disabled: var(--l--color--neutral--dark--40);
734
+ --l--theme--color--input--border--on-subtle--rest: var(--l--color--neutral--120);
735
+ --l--theme--color--input--border--on-subtle--focus: var(--l--color--neutral--120);
736
+ --l--theme--color--input--border--on-subtle--hover: var(--l--color--neutral--120);
737
+ --l--theme--color--input--border--on-subtle--checked--rest: var(--l--color--neutral--140);
738
+ --l--theme--color--input--border--on-subtle--checked--focus: var(--l--color--neutral--140);
739
+ --l--theme--color--input--border--on-subtle--checked--hover: var(--l--color--neutral--130);
740
+ --l--theme--color--input--border--on-subtle--checked--invalid--rest: var(--l--color--red--90);
741
+ --l--theme--color--input--border--on-subtle--checked--invalid--focus: var(--l--color--red--90);
742
+ --l--theme--color--input--border--on-subtle--checked--invalid--hover: var(--l--color--red--100);
743
+ --l--theme--color--input--border--on-subtle--invalid--rest: var(--l--color--red--90);
744
+ --l--theme--color--input--border--on-subtle--invalid--focus: var(--l--color--red--90);
745
+ --l--theme--color--input--border--on-subtle--invalid--hover: var(--l--color--red--100);
746
+ --l--theme--color--input--border--on-subtle--disabled: var(--l--color--neutral--40);
747
+ --l--theme--color--input--content--on-default--invalid--rest: var(--l--color--red--130);
748
+ --l--theme--color--input--content--on-default--invalid--hover: var(--l--color--red--130);
749
+ --l--theme--color--input--content--on-default--invalid--focus: var(--l--color--red--130);
750
+ --l--theme--color--input--content--on-default--checked--rest: var(--l--color--neutral--0);
751
+ --l--theme--color--input--content--on-default--checked--hover: var(--l--color--neutral--0);
752
+ --l--theme--color--input--content--on-default--checked--focus: var(--l--color--neutral--0);
369
753
  --l--theme--color--input--content--on-default--checked--invalid--rest: var(--l--color--neutral--0);
370
754
  --l--theme--color--input--content--on-default--checked--invalid--hover: var(--l--color--neutral--0);
371
755
  --l--theme--color--input--content--on-default--checked--invalid--focus: var(--l--color--neutral--0);
372
- --l--theme--color--input--content--on-default--disabled: var(--l--color--neutral--40);
373
- --l--theme--color--input--content--on-knockout--rest: var(--l--color--neutral--0);
374
- --l--theme--color--input--content--on-knockout--hover: var(--l--color--neutral--0);
375
- --l--theme--color--input--content--on-knockout--focus: var(--l--color--neutral--0);
376
- --l--theme--color--input--content--on-knockout--invalid--rest: var(--l--color--neutral--0);
377
- --l--theme--color--input--content--on-knockout--invalid--hover: var(--l--color--neutral--0);
378
- --l--theme--color--input--content--on-knockout--invalid--focus: var(--l--color--neutral--0);
379
- --l--theme--color--input--content--on-knockout--checked--rest: var(--l--color--neutral--90);
380
- --l--theme--color--input--content--on-knockout--checked--hover: var(--l--color--neutral--90);
381
- --l--theme--color--input--content--on-knockout--checked--focus: var(--l--color--neutral--90);
382
- --l--theme--color--input--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--90);
383
- --l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--90);
384
- --l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--90);
385
- --l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--50);
386
- --l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--40);
387
- --l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--neutral--60);
388
- --l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--neutral--60);
389
- --l--theme--color--input--placeholder--on-default--invalid--focus: var(--l--color--neutral--60);
390
- --l--theme--color--input--placeholder--on-knockout--rest: var(--l--color--neutral--30);
391
- --l--theme--color--input--placeholder--on-knockout--hover: var(--l--color--neutral--30);
392
- --l--theme--color--input--placeholder--on-knockout--focus: var(--l--color--neutral--30);
393
- --l--theme--color--input--placeholder--on-knockout--disabled: var(--l--color--neutral--50);
394
- --l--theme--color--input--placeholder--on-knockout--invalid--rest: var(--l--color--neutral--30);
395
- --l--theme--color--input--placeholder--on-knockout--invalid--hover: var(--l--color--neutral--30);
396
- --l--theme--color--input--placeholder--on-knockout--invalid--focus: var(--l--color--neutral--30);
397
- --l--theme--color--interactive--background--primary--on-default--rest: var(--l--color--neutral--100);
398
- --l--theme--color--interactive--background--primary--on-default--active: var(--l--color--neutral--80);
399
- --l--theme--color--interactive--background--primary--on-default--disabled: var(--l--color--neutral--80);
400
- --l--theme--color--interactive--background--primary--on-default--focus: var(--l--color--neutral--100);
401
- --l--theme--color--interactive--background--primary--on-default--hover: var(--l--color--neutral--80);
402
- --l--theme--color--interactive--background--primary--on-knockout--rest: var(--l--color--neutral--0);
403
- --l--theme--color--interactive--background--primary--on-knockout--active: var(--l--color--neutral--10);
404
- --l--theme--color--interactive--background--primary--on-knockout--disabled: var(--l--color--neutral--10);
405
- --l--theme--color--interactive--background--primary--on-knockout--focus: var(--l--color--neutral--0);
406
- --l--theme--color--interactive--background--primary--on-knockout--hover: var(--l--color--neutral--10);
407
- --l--theme--color--interactive--background--secondary--on-default--rest: var(--l--color--neutral--alpha--dark--0);
408
- --l--theme--color--interactive--background--secondary--on-default--active: var(--l--color--neutral--alpha--dark--10);
409
- --l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--color--neutral--alpha--dark--0);
410
- --l--theme--color--interactive--background--secondary--on-default--focus: var(--l--color--neutral--0);
411
- --l--theme--color--interactive--background--secondary--on-default--hover: var(--l--color--neutral--alpha--dark--10);
412
- --l--theme--color--interactive--background--secondary--on-knockout--rest: var(--l--color--neutral--alpha--light--0);
413
- --l--theme--color--interactive--background--secondary--on-knockout--active: var(--l--color--neutral--alpha--light--10);
414
- --l--theme--color--interactive--background--secondary--on-knockout--disabled: var(--l--color--neutral--alpha--light--0);
415
- --l--theme--color--interactive--background--secondary--on-knockout--focus: var(--l--color--neutral--90);
416
- --l--theme--color--interactive--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--light--10);
417
- --l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--color--neutral--10);
418
- --l--theme--color--interactive--background--tertiary--on-default--active: var(--l--color--neutral--20);
419
- --l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--color--neutral--10);
420
- --l--theme--color--interactive--background--tertiary--on-default--focus: var(--l--color--neutral--20);
421
- --l--theme--color--interactive--background--tertiary--on-default--hover: var(--l--color--neutral--20);
422
- --l--theme--color--interactive--background--tertiary--on-knockout--rest: var(--l--color--neutral--80);
423
- --l--theme--color--interactive--background--tertiary--on-knockout--active: var(--l--color--neutral--70);
424
- --l--theme--color--interactive--background--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
425
- --l--theme--color--interactive--background--tertiary--on-knockout--focus: var(--l--color--neutral--70);
426
- --l--theme--color--interactive--background--tertiary--on-knockout--hover: var(--l--color--neutral--70);
427
- --l--theme--color--interactive--background--destructive--on-default--rest: var(--l--color--red--70);
428
- --l--theme--color--interactive--background--destructive--on-default--active: var(--l--color--red--60);
429
- --l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--color--red--40);
430
- --l--theme--color--interactive--background--destructive--on-default--focus: var(--l--color--red--70);
431
- --l--theme--color--interactive--background--destructive--on-default--hover: var(--l--color--red--60);
432
- --l--theme--color--interactive--background--destructive--on-knockout--rest: var(--l--color--red--30);
433
- --l--theme--color--interactive--background--destructive--on-knockout--active: var(--l--color--red--40);
434
- --l--theme--color--interactive--background--destructive--on-knockout--disabled: var(--l--color--red--50);
435
- --l--theme--color--interactive--background--destructive--on-knockout--focus: var(--l--color--red--30);
436
- --l--theme--color--interactive--background--destructive--on-knockout--hover: var(--l--color--red--40);
437
- --l--theme--color--interactive--border--primary--on-default--rest: var(--l--color--neutral--100);
438
- --l--theme--color--interactive--border--primary--on-default--active: var(--l--color--neutral--80);
439
- --l--theme--color--interactive--border--primary--on-default--disabled: var(--l--color--neutral--80);
440
- --l--theme--color--interactive--border--primary--on-default--focus: var(--l--color--neutral--100);
441
- --l--theme--color--interactive--border--primary--on-default--hover: var(--l--color--neutral--80);
442
- --l--theme--color--interactive--border--primary--on-knockout--rest: var(--l--color--neutral--0);
443
- --l--theme--color--interactive--border--primary--on-knockout--active: var(--l--color--neutral--20);
444
- --l--theme--color--interactive--border--primary--on-knockout--disabled: var(--l--color--neutral--20);
445
- --l--theme--color--interactive--border--primary--on-knockout--focus: var(--l--color--neutral--0);
446
- --l--theme--color--interactive--border--primary--on-knockout--hover: var(--l--color--neutral--20);
447
- --l--theme--color--interactive--border--secondary--on-default--rest: var(--l--color--neutral--90);
448
- --l--theme--color--interactive--border--secondary--on-default--active: var(--l--color--neutral--40);
756
+ --l--theme--color--input--content--on-default--disabled: var(--l--color--neutral--110);
757
+ --l--theme--color--input--content--on-knockout--invalid--rest: var(--l--color--red--dark--130);
758
+ --l--theme--color--input--content--on-knockout--invalid--hover: var(--l--color--red--dark--130);
759
+ --l--theme--color--input--content--on-knockout--invalid--focus: var(--l--color--red--dark--130);
760
+ --l--theme--color--input--content--on-knockout--checked--rest: var(--l--color--neutral--dark--0);
761
+ --l--theme--color--input--content--on-knockout--checked--hover: var(--l--color--neutral--dark--0);
762
+ --l--theme--color--input--content--on-knockout--checked--focus: var(--l--color--neutral--dark--0);
763
+ --l--theme--color--input--content--on-knockout--checked--invalid--rest: var(--l--color--neutral--dark--0);
764
+ --l--theme--color--input--content--on-knockout--checked--invalid--hover: var(--l--color--neutral--dark--0);
765
+ --l--theme--color--input--content--on-knockout--checked--invalid--focus: var(--l--color--neutral--dark--0);
766
+ --l--theme--color--input--content--on-knockout--disabled: var(--l--color--neutral--dark--110);
767
+ --l--theme--color--input--content--on-subtle--invalid--rest: var(--l--color--red--130);
768
+ --l--theme--color--input--content--on-subtle--invalid--hover: var(--l--color--red--130);
769
+ --l--theme--color--input--content--on-subtle--invalid--focus: var(--l--color--red--130);
770
+ --l--theme--color--input--content--on-subtle--checked--rest: var(--l--color--neutral--0);
771
+ --l--theme--color--input--content--on-subtle--checked--hover: var(--l--color--neutral--0);
772
+ --l--theme--color--input--content--on-subtle--checked--focus: var(--l--color--neutral--0);
773
+ --l--theme--color--input--content--on-subtle--checked--invalid--rest: var(--l--color--neutral--0);
774
+ --l--theme--color--input--content--on-subtle--checked--invalid--hover: var(--l--color--neutral--0);
775
+ --l--theme--color--input--content--on-subtle--checked--invalid--focus: var(--l--color--neutral--0);
776
+ --l--theme--color--input--content--on-subtle--disabled: var(--l--color--neutral--110);
777
+ --l--theme--color--input--placeholder--on-default--disabled: var(--l--color--neutral--110);
778
+ --l--theme--color--input--placeholder--on-default--invalid--rest: var(--l--color--red--110);
779
+ --l--theme--color--input--placeholder--on-default--invalid--hover: var(--l--color--red--110);
780
+ --l--theme--color--input--placeholder--on-default--invalid--focus: var(--l--color--red--110);
781
+ --l--theme--color--input--placeholder--on-knockout--disabled: var(--l--color--neutral--dark--110);
782
+ --l--theme--color--input--placeholder--on-knockout--invalid--rest: var(--l--color--red--dark--110);
783
+ --l--theme--color--input--placeholder--on-knockout--invalid--hover: var(--l--color--red--dark--110);
784
+ --l--theme--color--input--placeholder--on-knockout--invalid--focus: var(--l--color--red--dark--110);
785
+ --l--theme--color--input--placeholder--on-subtle--disabled: var(--l--color--neutral--110);
786
+ --l--theme--color--input--placeholder--on-subtle--invalid--rest: var(--l--color--red--110);
787
+ --l--theme--color--input--placeholder--on-subtle--invalid--hover: var(--l--color--red--110);
788
+ --l--theme--color--input--placeholder--on-subtle--invalid--focus: var(--l--color--red--110);
789
+ --l--theme--color--interactive--background--primary--on-default--rest: var(--l--color--neutral--140);
790
+ --l--theme--color--interactive--background--primary--on-default--active: var(--l--color--neutral--140);
791
+ --l--theme--color--interactive--background--primary--on-default--disabled: var(--l--color--neutral--40);
792
+ --l--theme--color--interactive--background--primary--on-default--focus: var(--l--color--neutral--140);
793
+ --l--theme--color--interactive--background--primary--on-default--hover: var(--l--color--neutral--130);
794
+ --l--theme--color--interactive--background--primary--on-knockout--rest: var(--l--color--neutral--dark--140);
795
+ --l--theme--color--interactive--background--primary--on-knockout--active: var(--l--color--neutral--dark--140);
796
+ --l--theme--color--interactive--background--primary--on-knockout--disabled: var(--l--color--neutral--dark--40);
797
+ --l--theme--color--interactive--background--primary--on-knockout--focus: var(--l--color--neutral--dark--140);
798
+ --l--theme--color--interactive--background--primary--on-knockout--hover: var(--l--color--neutral--dark--130);
799
+ --l--theme--color--interactive--background--primary--on-subtle--rest: var(--l--color--neutral--140);
800
+ --l--theme--color--interactive--background--primary--on-subtle--active: var(--l--color--neutral--140);
801
+ --l--theme--color--interactive--background--primary--on-subtle--disabled: var(--l--color--neutral--40);
802
+ --l--theme--color--interactive--background--primary--on-subtle--focus: var(--l--color--neutral--140);
803
+ --l--theme--color--interactive--background--primary--on-subtle--hover: var(--l--color--neutral--130);
804
+ --l--theme--color--interactive--background--secondary--on-default--rest: var(--l--color--neutral--alpha--0);
805
+ --l--theme--color--interactive--background--secondary--on-default--active: var(--l--color--neutral--alpha--20);
806
+ --l--theme--color--interactive--background--secondary--on-default--disabled: var(--l--color--neutral--40);
807
+ --l--theme--color--interactive--background--secondary--on-default--focus: var(--l--color--neutral--alpha--0);
808
+ --l--theme--color--interactive--background--secondary--on-default--hover: var(--l--color--neutral--alpha--20);
809
+ --l--theme--color--interactive--background--secondary--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
810
+ --l--theme--color--interactive--background--secondary--on-knockout--active: var(--l--color--neutral--alpha--dark--20);
811
+ --l--theme--color--interactive--background--secondary--on-knockout--disabled: var(--l--color--neutral--dark--40);
812
+ --l--theme--color--interactive--background--secondary--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
813
+ --l--theme--color--interactive--background--secondary--on-knockout--hover: var(--l--color--neutral--alpha--dark--20);
814
+ --l--theme--color--interactive--background--secondary--on-subtle--rest: var(--l--color--neutral--alpha--0);
815
+ --l--theme--color--interactive--background--secondary--on-subtle--active: var(--l--color--neutral--alpha--20);
816
+ --l--theme--color--interactive--background--secondary--on-subtle--disabled: var(--l--color--neutral--40);
817
+ --l--theme--color--interactive--background--secondary--on-subtle--focus: var(--l--color--neutral--alpha--0);
818
+ --l--theme--color--interactive--background--secondary--on-subtle--hover: var(--l--color--neutral--alpha--20);
819
+ --l--theme--color--interactive--background--tertiary--on-default--rest: var(--l--color--neutral--alpha--0);
820
+ --l--theme--color--interactive--background--tertiary--on-default--active: var(--l--color--neutral--alpha--20);
821
+ --l--theme--color--interactive--background--tertiary--on-default--disabled: var(--l--color--neutral--40);
822
+ --l--theme--color--interactive--background--tertiary--on-default--focus: var(--l--color--neutral--alpha--0);
823
+ --l--theme--color--interactive--background--tertiary--on-default--hover: var(--l--color--neutral--alpha--20);
824
+ --l--theme--color--interactive--background--tertiary--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
825
+ --l--theme--color--interactive--background--tertiary--on-knockout--active: var(--l--color--neutral--alpha--dark--20);
826
+ --l--theme--color--interactive--background--tertiary--on-knockout--disabled: var(--l--color--neutral--dark--40);
827
+ --l--theme--color--interactive--background--tertiary--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
828
+ --l--theme--color--interactive--background--tertiary--on-knockout--hover: var(--l--color--neutral--alpha--dark--20);
829
+ --l--theme--color--interactive--background--tertiary--on-subtle--rest: var(--l--color--neutral--alpha--0);
830
+ --l--theme--color--interactive--background--tertiary--on-subtle--active: var(--l--color--neutral--alpha--20);
831
+ --l--theme--color--interactive--background--tertiary--on-subtle--disabled: var(--l--color--neutral--40);
832
+ --l--theme--color--interactive--background--tertiary--on-subtle--focus: var(--l--color--neutral--alpha--0);
833
+ --l--theme--color--interactive--background--tertiary--on-subtle--hover: var(--l--color--neutral--alpha--20);
834
+ --l--theme--color--interactive--background--destructive--on-default--rest: var(--l--color--red--90);
835
+ --l--theme--color--interactive--background--destructive--on-default--active: var(--l--color--red--100);
836
+ --l--theme--color--interactive--background--destructive--on-default--disabled: var(--l--color--neutral--40);
837
+ --l--theme--color--interactive--background--destructive--on-default--focus: var(--l--color--red--90);
838
+ --l--theme--color--interactive--background--destructive--on-default--hover: var(--l--color--red--100);
839
+ --l--theme--color--interactive--background--destructive--on-knockout--rest: var(--l--color--red--dark--90);
840
+ --l--theme--color--interactive--background--destructive--on-knockout--active: var(--l--color--red--dark--100);
841
+ --l--theme--color--interactive--background--destructive--on-knockout--disabled: var(--l--color--neutral--dark--40);
842
+ --l--theme--color--interactive--background--destructive--on-knockout--focus: var(--l--color--red--dark--90);
843
+ --l--theme--color--interactive--background--destructive--on-knockout--hover: var(--l--color--red--dark--100);
844
+ --l--theme--color--interactive--background--destructive--on-subtle--rest: var(--l--color--red--90);
845
+ --l--theme--color--interactive--background--destructive--on-subtle--active: var(--l--color--red--100);
846
+ --l--theme--color--interactive--background--destructive--on-subtle--disabled: var(--l--color--neutral--40);
847
+ --l--theme--color--interactive--background--destructive--on-subtle--focus: var(--l--color--red--90);
848
+ --l--theme--color--interactive--background--destructive--on-subtle--hover: var(--l--color--red--100);
849
+ --l--theme--color--interactive--border--primary--on-default--rest: var(--l--color--neutral--140);
850
+ --l--theme--color--interactive--border--primary--on-default--active: var(--l--color--neutral--140);
851
+ --l--theme--color--interactive--border--primary--on-default--disabled: var(--l--color--neutral--40);
852
+ --l--theme--color--interactive--border--primary--on-default--focus: var(--l--color--neutral--140);
853
+ --l--theme--color--interactive--border--primary--on-default--hover: var(--l--color--neutral--130);
854
+ --l--theme--color--interactive--border--primary--on-knockout--rest: var(--l--color--neutral--dark--140);
855
+ --l--theme--color--interactive--border--primary--on-knockout--active: var(--l--color--neutral--dark--140);
856
+ --l--theme--color--interactive--border--primary--on-knockout--disabled: var(--l--color--neutral--dark--40);
857
+ --l--theme--color--interactive--border--primary--on-knockout--focus: var(--l--color--neutral--dark--140);
858
+ --l--theme--color--interactive--border--primary--on-knockout--hover: var(--l--color--neutral--dark--130);
859
+ --l--theme--color--interactive--border--primary--on-subtle--rest: var(--l--color--neutral--140);
860
+ --l--theme--color--interactive--border--primary--on-subtle--active: var(--l--color--neutral--140);
861
+ --l--theme--color--interactive--border--primary--on-subtle--disabled: var(--l--color--neutral--40);
862
+ --l--theme--color--interactive--border--primary--on-subtle--focus: var(--l--color--neutral--140);
863
+ --l--theme--color--interactive--border--primary--on-subtle--hover: var(--l--color--neutral--130);
864
+ --l--theme--color--interactive--border--secondary--on-default--rest: var(--l--color--neutral--120);
865
+ --l--theme--color--interactive--border--secondary--on-default--active: var(--l--color--neutral--120);
449
866
  --l--theme--color--interactive--border--secondary--on-default--disabled: var(--l--color--neutral--40);
450
- --l--theme--color--interactive--border--secondary--on-default--focus: var(--l--color--neutral--90);
451
- --l--theme--color--interactive--border--secondary--on-default--hover: var(--l--color--neutral--90);
452
- --l--theme--color--interactive--border--secondary--on-knockout--rest: var(--l--color--neutral--0);
453
- --l--theme--color--interactive--border--secondary--on-knockout--active: var(--l--color--neutral--0);
454
- --l--theme--color--interactive--border--secondary--on-knockout--disabled: var(--l--color--neutral--50);
455
- --l--theme--color--interactive--border--secondary--on-knockout--focus: var(--l--color--neutral--0);
456
- --l--theme--color--interactive--border--secondary--on-knockout--hover: var(--l--color--neutral--0);
457
- --l--theme--color--interactive--border--tertiary--on-default--rest: var(--l--color--neutral--10);
458
- --l--theme--color--interactive--border--tertiary--on-default--active: var(--l--color--neutral--20);
459
- --l--theme--color--interactive--border--tertiary--on-default--disabled: var(--l--color--neutral--10);
460
- --l--theme--color--interactive--border--tertiary--on-default--focus: var(--l--color--neutral--20);
461
- --l--theme--color--interactive--border--tertiary--on-default--hover: var(--l--color--neutral--20);
462
- --l--theme--color--interactive--border--tertiary--on-knockout--rest: var(--l--color--neutral--80);
463
- --l--theme--color--interactive--border--tertiary--on-knockout--active: var(--l--color--neutral--70);
464
- --l--theme--color--interactive--border--tertiary--on-knockout--disabled: var(--l--color--neutral--80);
465
- --l--theme--color--interactive--border--tertiary--on-knockout--focus: var(--l--color--neutral--70);
466
- --l--theme--color--interactive--border--tertiary--on-knockout--hover: var(--l--color--neutral--70);
467
- --l--theme--color--interactive--border--destructive--on-default--rest: var(--l--color--red--70);
468
- --l--theme--color--interactive--border--destructive--on-default--active: var(--l--color--red--60);
469
- --l--theme--color--interactive--border--destructive--on-default--disabled: var(--l--color--red--40);
470
- --l--theme--color--interactive--border--destructive--on-default--focus: var(--l--color--red--70);
471
- --l--theme--color--interactive--border--destructive--on-default--hover: var(--l--color--red--60);
472
- --l--theme--color--interactive--border--destructive--on-knockout--rest: var(--l--color--red--30);
473
- --l--theme--color--interactive--border--destructive--on-knockout--active: var(--l--color--red--40);
474
- --l--theme--color--interactive--border--destructive--on-knockout--disabled: var(--l--color--red--50);
475
- --l--theme--color--interactive--border--destructive--on-knockout--focus: var(--l--color--red--30);
476
- --l--theme--color--interactive--border--destructive--on-knockout--hover: var(--l--color--red--40);
477
- --l--theme--color--interactive--content--primary--on-default--rest: var(--l--color--neutral--10);
478
- --l--theme--color--interactive--content--primary--on-default--active: var(--l--color--neutral--10);
479
- --l--theme--color--interactive--content--primary--on-default--disabled: var(--l--color--neutral--40);
480
- --l--theme--color--interactive--content--primary--on-default--focus: var(--l--color--neutral--10);
481
- --l--theme--color--interactive--content--primary--on-default--hover: var(--l--color--neutral--10);
482
- --l--theme--color--interactive--content--primary--on-knockout--rest: var(--l--color--neutral--90);
483
- --l--theme--color--interactive--content--primary--on-knockout--active: var(--l--color--neutral--90);
484
- --l--theme--color--interactive--content--primary--on-knockout--disabled: var(--l--color--neutral--50);
485
- --l--theme--color--interactive--content--primary--on-knockout--focus: var(--l--color--neutral--90);
486
- --l--theme--color--interactive--content--primary--on-knockout--hover: var(--l--color--neutral--90);
487
- --l--theme--color--interactive--content--secondary--on-default--rest: var(--l--color--neutral--90);
488
- --l--theme--color--interactive--content--secondary--on-default--active: var(--l--color--neutral--90);
489
- --l--theme--color--interactive--content--secondary--on-default--disabled: var(--l--color--neutral--40);
490
- --l--theme--color--interactive--content--secondary--on-default--focus: var(--l--color--neutral--90);
491
- --l--theme--color--interactive--content--secondary--on-default--hover: var(--l--color--neutral--90);
492
- --l--theme--color--interactive--content--secondary--on-knockout--rest: var(--l--color--neutral--0);
493
- --l--theme--color--interactive--content--secondary--on-knockout--active: var(--l--color--neutral--0);
494
- --l--theme--color--interactive--content--secondary--on-knockout--disabled: var(--l--color--neutral--50);
495
- --l--theme--color--interactive--content--secondary--on-knockout--focus: var(--l--color--neutral--0);
496
- --l--theme--color--interactive--content--secondary--on-knockout--hover: var(--l--color--neutral--0);
497
- --l--theme--color--interactive--content--tertiary--on-default--rest: var(--l--color--neutral--90);
498
- --l--theme--color--interactive--content--tertiary--on-default--active: var(--l--color--neutral--90);
499
- --l--theme--color--interactive--content--tertiary--on-default--disabled: var(--l--color--neutral--40);
500
- --l--theme--color--interactive--content--tertiary--on-default--focus: var(--l--color--neutral--90);
501
- --l--theme--color--interactive--content--tertiary--on-default--hover: var(--l--color--neutral--90);
502
- --l--theme--color--interactive--content--tertiary--on-knockout--rest: var(--l--color--neutral--0);
503
- --l--theme--color--interactive--content--tertiary--on-knockout--active: var(--l--color--neutral--0);
504
- --l--theme--color--interactive--content--tertiary--on-knockout--disabled: var(--l--color--neutral--50);
505
- --l--theme--color--interactive--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
506
- --l--theme--color--interactive--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
507
- --l--theme--color--interactive--content--destructive--on-default--rest: var(--l--color--red--10);
508
- --l--theme--color--interactive--content--destructive--on-default--active: var(--l--color--red--10);
509
- --l--theme--color--interactive--content--destructive--on-default--disabled: var(--l--color--red--20);
510
- --l--theme--color--interactive--content--destructive--on-default--focus: var(--l--color--red--10);
511
- --l--theme--color--interactive--content--destructive--on-default--hover: var(--l--color--red--10);
512
- --l--theme--color--interactive--content--destructive--on-knockout--rest: var(--l--color--red--90);
513
- --l--theme--color--interactive--content--destructive--on-knockout--active: var(--l--color--red--90);
514
- --l--theme--color--interactive--content--destructive--on-knockout--disabled: var(--l--color--red--70);
515
- --l--theme--color--interactive--content--destructive--on-knockout--focus: var(--l--color--red--90);
516
- --l--theme--color--interactive--content--destructive--on-knockout--hover: var(--l--color--red--90);
517
- --l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--80);
518
- --l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--60);
519
- --l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--60);
520
- --l--theme--color--link--content--primary--on-default--active: var(--l--color--primary--60);
521
- --l--theme--color--link--content--primary--on-default--visited: var(--l--color--primary--80);
522
- --l--theme--color--link--content--primary--on-knockout--rest: var(--l--color--primary--30);
523
- --l--theme--color--link--content--primary--on-knockout--hover: var(--l--color--primary--20);
524
- --l--theme--color--link--content--primary--on-knockout--focus: var(--l--color--primary--20);
525
- --l--theme--color--link--content--primary--on-knockout--active: var(--l--color--primary--20);
526
- --l--theme--color--link--content--primary--on-knockout--visited: var(--l--color--primary--30);
527
- --l--theme--color--link--content--secondary--on-default--hover: var(--l--color--neutral--60);
528
- --l--theme--color--link--content--secondary--on-default--focus: var(--l--color--neutral--60);
529
- --l--theme--color--link--content--secondary--on-default--active: var(--l--color--neutral--60);
530
- --l--theme--color--link--content--secondary--on-knockout--hover: var(--l--color--neutral--30);
531
- --l--theme--color--link--content--secondary--on-knockout--focus: var(--l--color--neutral--30);
532
- --l--theme--color--link--content--secondary--on-knockout--active: var(--l--color--neutral--30);
533
- --l--theme--color--link--content--tertiary--on-default--hover: var(--l--color--neutral--90);
534
- --l--theme--color--link--content--tertiary--on-default--focus: var(--l--color--neutral--90);
535
- --l--theme--color--link--content--tertiary--on-default--active: var(--l--color--neutral--90);
536
- --l--theme--color--link--content--tertiary--on-knockout--hover: var(--l--color--neutral--0);
537
- --l--theme--color--link--content--tertiary--on-knockout--focus: var(--l--color--neutral--0);
538
- --l--theme--color--link--content--tertiary--on-knockout--active: var(--l--color--neutral--0);
539
- --l--theme--color--messaging--content--destructive--on-default: var(--l--color--red--80);
540
- --l--theme--color--messaging--content--destructive--on-knockout: var(--l--color--red--30);
541
- --l--theme--color--messaging--content--informative--on-default: var(--l--color--blue--80);
542
- --l--theme--color--messaging--content--informative--on-knockout: var(--l--color--blue--30);
543
- --l--theme--color--messaging--content--positive--on-default: var(--l--color--green--80);
544
- --l--theme--color--messaging--content--positive--on-knockout: var(--l--color--green--30);
545
- --l--theme--color--messaging--content--warning--on-default: var(--l--color--yellow--90);
546
- --l--theme--color--messaging--content--warning--on-knockout: var(--l--color--yellow--30);
547
- --l--theme--color--selection--background--on-default: var(--l--color--neutral--90);
548
- --l--theme--color--selection--background--on-knockout: var(--l--color--neutral--0);
549
- --l--theme--color--selection--content--on-default: var(--l--color--neutral--10);
550
- --l--theme--color--selection--content--on-knockout: var(--l--color--neutral--90);
867
+ --l--theme--color--interactive--border--secondary--on-default--focus: var(--l--color--neutral--120);
868
+ --l--theme--color--interactive--border--secondary--on-default--hover: var(--l--color--neutral--110);
869
+ --l--theme--color--interactive--border--secondary--on-knockout--rest: var(--l--color--neutral--dark--120);
870
+ --l--theme--color--interactive--border--secondary--on-knockout--active: var(--l--color--neutral--dark--120);
871
+ --l--theme--color--interactive--border--secondary--on-knockout--disabled: var(--l--color--neutral--dark--40);
872
+ --l--theme--color--interactive--border--secondary--on-knockout--focus: var(--l--color--neutral--dark--120);
873
+ --l--theme--color--interactive--border--secondary--on-knockout--hover: var(--l--color--neutral--dark--110);
874
+ --l--theme--color--interactive--border--secondary--on-subtle--rest: var(--l--color--neutral--120);
875
+ --l--theme--color--interactive--border--secondary--on-subtle--active: var(--l--color--neutral--120);
876
+ --l--theme--color--interactive--border--secondary--on-subtle--disabled: var(--l--color--neutral--40);
877
+ --l--theme--color--interactive--border--secondary--on-subtle--focus: var(--l--color--neutral--120);
878
+ --l--theme--color--interactive--border--secondary--on-subtle--hover: var(--l--color--neutral--110);
879
+ --l--theme--color--interactive--border--tertiary--on-default--rest: var(--l--color--neutral--alpha--0);
880
+ --l--theme--color--interactive--border--tertiary--on-default--active: var(--l--color--neutral--alpha--20);
881
+ --l--theme--color--interactive--border--tertiary--on-default--disabled: var(--l--color--neutral--40);
882
+ --l--theme--color--interactive--border--tertiary--on-default--focus: var(--l--color--neutral--alpha--0);
883
+ --l--theme--color--interactive--border--tertiary--on-default--hover: var(--l--color--neutral--alpha--0);
884
+ --l--theme--color--interactive--border--tertiary--on-knockout--rest: var(--l--color--neutral--alpha--dark--0);
885
+ --l--theme--color--interactive--border--tertiary--on-knockout--active: var(--l--color--neutral--alpha--dark--20);
886
+ --l--theme--color--interactive--border--tertiary--on-knockout--disabled: var(--l--color--neutral--dark--40);
887
+ --l--theme--color--interactive--border--tertiary--on-knockout--focus: var(--l--color--neutral--alpha--dark--0);
888
+ --l--theme--color--interactive--border--tertiary--on-knockout--hover: var(--l--color--neutral--alpha--dark--0);
889
+ --l--theme--color--interactive--border--tertiary--on-subtle--rest: var(--l--color--neutral--alpha--0);
890
+ --l--theme--color--interactive--border--tertiary--on-subtle--active: var(--l--color--neutral--alpha--20);
891
+ --l--theme--color--interactive--border--tertiary--on-subtle--disabled: var(--l--color--neutral--40);
892
+ --l--theme--color--interactive--border--tertiary--on-subtle--focus: var(--l--color--neutral--alpha--0);
893
+ --l--theme--color--interactive--border--tertiary--on-subtle--hover: var(--l--color--neutral--alpha--0);
894
+ --l--theme--color--interactive--border--destructive--on-default--rest: var(--l--color--red--90);
895
+ --l--theme--color--interactive--border--destructive--on-default--active: var(--l--color--red--100);
896
+ --l--theme--color--interactive--border--destructive--on-default--disabled: var(--l--color--neutral--40);
897
+ --l--theme--color--interactive--border--destructive--on-default--focus: var(--l--color--red--90);
898
+ --l--theme--color--interactive--border--destructive--on-default--hover: var(--l--color--red--100);
899
+ --l--theme--color--interactive--border--destructive--on-knockout--rest: var(--l--color--red--dark--90);
900
+ --l--theme--color--interactive--border--destructive--on-knockout--active: var(--l--color--red--dark--100);
901
+ --l--theme--color--interactive--border--destructive--on-knockout--disabled: var(--l--color--neutral--dark--40);
902
+ --l--theme--color--interactive--border--destructive--on-knockout--focus: var(--l--color--red--dark--90);
903
+ --l--theme--color--interactive--border--destructive--on-knockout--hover: var(--l--color--red--dark--100);
904
+ --l--theme--color--interactive--border--destructive--on-subtle--rest: var(--l--color--red--90);
905
+ --l--theme--color--interactive--border--destructive--on-subtle--active: var(--l--color--red--100);
906
+ --l--theme--color--interactive--border--destructive--on-subtle--disabled: var(--l--color--neutral--40);
907
+ --l--theme--color--interactive--border--destructive--on-subtle--focus: var(--l--color--red--90);
908
+ --l--theme--color--interactive--border--destructive--on-subtle--hover: var(--l--color--red--100);
909
+ --l--theme--color--interactive--content--primary--on-default--rest: var(--l--color--neutral--0);
910
+ --l--theme--color--interactive--content--primary--on-default--active: var(--l--color--neutral--0);
911
+ --l--theme--color--interactive--content--primary--on-default--disabled: var(--l--color--neutral--110);
912
+ --l--theme--color--interactive--content--primary--on-default--focus: var(--l--color--neutral--0);
913
+ --l--theme--color--interactive--content--primary--on-default--hover: var(--l--color--neutral--0);
914
+ --l--theme--color--interactive--content--primary--on-knockout--rest: var(--l--color--neutral--dark--0);
915
+ --l--theme--color--interactive--content--primary--on-knockout--active: var(--l--color--neutral--dark--0);
916
+ --l--theme--color--interactive--content--primary--on-knockout--disabled: var(--l--color--neutral--dark--110);
917
+ --l--theme--color--interactive--content--primary--on-knockout--focus: var(--l--color--neutral--dark--0);
918
+ --l--theme--color--interactive--content--primary--on-knockout--hover: var(--l--color--neutral--dark--0);
919
+ --l--theme--color--interactive--content--primary--on-subtle--rest: var(--l--color--neutral--0);
920
+ --l--theme--color--interactive--content--primary--on-subtle--active: var(--l--color--neutral--0);
921
+ --l--theme--color--interactive--content--primary--on-subtle--disabled: var(--l--color--neutral--110);
922
+ --l--theme--color--interactive--content--primary--on-subtle--focus: var(--l--color--neutral--0);
923
+ --l--theme--color--interactive--content--primary--on-subtle--hover: var(--l--color--neutral--0);
924
+ --l--theme--color--interactive--content--secondary--on-default--rest: var(--l--color--neutral--140);
925
+ --l--theme--color--interactive--content--secondary--on-default--active: var(--l--color--neutral--140);
926
+ --l--theme--color--interactive--content--secondary--on-default--disabled: var(--l--color--neutral--110);
927
+ --l--theme--color--interactive--content--secondary--on-default--focus: var(--l--color--neutral--140);
928
+ --l--theme--color--interactive--content--secondary--on-default--hover: var(--l--color--neutral--130);
929
+ --l--theme--color--interactive--content--secondary--on-knockout--rest: var(--l--color--neutral--dark--140);
930
+ --l--theme--color--interactive--content--secondary--on-knockout--active: var(--l--color--neutral--dark--140);
931
+ --l--theme--color--interactive--content--secondary--on-knockout--disabled: var(--l--color--neutral--dark--110);
932
+ --l--theme--color--interactive--content--secondary--on-knockout--focus: var(--l--color--neutral--dark--140);
933
+ --l--theme--color--interactive--content--secondary--on-knockout--hover: var(--l--color--neutral--dark--130);
934
+ --l--theme--color--interactive--content--secondary--on-subtle--rest: var(--l--color--neutral--140);
935
+ --l--theme--color--interactive--content--secondary--on-subtle--active: var(--l--color--neutral--140);
936
+ --l--theme--color--interactive--content--secondary--on-subtle--disabled: var(--l--color--neutral--110);
937
+ --l--theme--color--interactive--content--secondary--on-subtle--focus: var(--l--color--neutral--140);
938
+ --l--theme--color--interactive--content--secondary--on-subtle--hover: var(--l--color--neutral--130);
939
+ --l--theme--color--interactive--content--tertiary--on-default--rest: var(--l--color--neutral--140);
940
+ --l--theme--color--interactive--content--tertiary--on-default--active: var(--l--color--neutral--140);
941
+ --l--theme--color--interactive--content--tertiary--on-default--disabled: var(--l--color--neutral--110);
942
+ --l--theme--color--interactive--content--tertiary--on-default--focus: var(--l--color--neutral--140);
943
+ --l--theme--color--interactive--content--tertiary--on-default--hover: var(--l--color--neutral--130);
944
+ --l--theme--color--interactive--content--tertiary--on-knockout--rest: var(--l--color--neutral--dark--140);
945
+ --l--theme--color--interactive--content--tertiary--on-knockout--active: var(--l--color--neutral--dark--140);
946
+ --l--theme--color--interactive--content--tertiary--on-knockout--disabled: var(--l--color--neutral--dark--110);
947
+ --l--theme--color--interactive--content--tertiary--on-knockout--focus: var(--l--color--neutral--dark--140);
948
+ --l--theme--color--interactive--content--tertiary--on-knockout--hover: var(--l--color--neutral--dark--130);
949
+ --l--theme--color--interactive--content--tertiary--on-subtle--rest: var(--l--color--neutral--140);
950
+ --l--theme--color--interactive--content--tertiary--on-subtle--active: var(--l--color--neutral--140);
951
+ --l--theme--color--interactive--content--tertiary--on-subtle--disabled: var(--l--color--neutral--110);
952
+ --l--theme--color--interactive--content--tertiary--on-subtle--focus: var(--l--color--neutral--140);
953
+ --l--theme--color--interactive--content--tertiary--on-subtle--hover: var(--l--color--neutral--130);
954
+ --l--theme--color--interactive--content--destructive--on-default--rest: var(--l--color--neutral--0);
955
+ --l--theme--color--interactive--content--destructive--on-default--active: var(--l--color--neutral--0);
956
+ --l--theme--color--interactive--content--destructive--on-default--disabled: var(--l--color--neutral--110);
957
+ --l--theme--color--interactive--content--destructive--on-default--focus: var(--l--color--neutral--0);
958
+ --l--theme--color--interactive--content--destructive--on-default--hover: var(--l--color--neutral--0);
959
+ --l--theme--color--interactive--content--destructive--on-knockout--rest: var(--l--color--neutral--dark--150);
960
+ --l--theme--color--interactive--content--destructive--on-knockout--active: var(--l--color--neutral--dark--150);
961
+ --l--theme--color--interactive--content--destructive--on-knockout--disabled: var(--l--color--neutral--dark--110);
962
+ --l--theme--color--interactive--content--destructive--on-knockout--focus: var(--l--color--neutral--dark--150);
963
+ --l--theme--color--interactive--content--destructive--on-knockout--hover: var(--l--color--neutral--dark--150);
964
+ --l--theme--color--interactive--content--destructive--on-subtle--rest: var(--l--color--neutral--0);
965
+ --l--theme--color--interactive--content--destructive--on-subtle--active: var(--l--color--neutral--0);
966
+ --l--theme--color--interactive--content--destructive--on-subtle--disabled: var(--l--color--neutral--110);
967
+ --l--theme--color--interactive--content--destructive--on-subtle--focus: var(--l--color--neutral--0);
968
+ --l--theme--color--interactive--content--destructive--on-subtle--hover: var(--l--color--neutral--0);
969
+ --l--theme--color--link--content--primary--on-default--rest: var(--l--color--primary--110);
970
+ --l--theme--color--link--content--primary--on-default--hover: var(--l--color--primary--120);
971
+ --l--theme--color--link--content--primary--on-default--focus: var(--l--color--primary--110);
972
+ --l--theme--color--link--content--primary--on-default--active: var(--l--color--primary--110);
973
+ --l--theme--color--link--content--primary--on-default--visited: var(--l--color--primary--110);
974
+ --l--theme--color--link--content--primary--on-knockout--rest: var(--l--color--primary--dark--110);
975
+ --l--theme--color--link--content--primary--on-knockout--hover: var(--l--color--primary--dark--120);
976
+ --l--theme--color--link--content--primary--on-knockout--focus: var(--l--color--primary--dark--110);
977
+ --l--theme--color--link--content--primary--on-knockout--active: var(--l--color--primary--dark--110);
978
+ --l--theme--color--link--content--primary--on-knockout--visited: var(--l--color--primary--dark--110);
979
+ --l--theme--color--link--content--primary--on-subtle--rest: var(--l--color--primary--110);
980
+ --l--theme--color--link--content--primary--on-subtle--hover: var(--l--color--primary--120);
981
+ --l--theme--color--link--content--primary--on-subtle--focus: var(--l--color--primary--110);
982
+ --l--theme--color--link--content--primary--on-subtle--active: var(--l--color--primary--110);
983
+ --l--theme--color--link--content--primary--on-subtle--visited: var(--l--color--primary--110);
984
+ --l--theme--color--link--content--secondary--on-default--rest: var(--l--color--neutral--140);
985
+ --l--theme--color--link--content--secondary--on-default--hover: var(--l--color--neutral--130);
986
+ --l--theme--color--link--content--secondary--on-default--focus: var(--l--color--neutral--140);
987
+ --l--theme--color--link--content--secondary--on-default--active: var(--l--color--neutral--140);
988
+ --l--theme--color--link--content--secondary--on-default--visited: var(--l--color--neutral--140);
989
+ --l--theme--color--link--content--secondary--on-knockout--rest: var(--l--color--neutral--dark--140);
990
+ --l--theme--color--link--content--secondary--on-knockout--hover: var(--l--color--neutral--dark--130);
991
+ --l--theme--color--link--content--secondary--on-knockout--focus: var(--l--color--neutral--dark--140);
992
+ --l--theme--color--link--content--secondary--on-knockout--active: var(--l--color--neutral--dark--140);
993
+ --l--theme--color--link--content--secondary--on-knockout--visited: var(--l--color--neutral--dark--140);
994
+ --l--theme--color--link--content--secondary--on-subtle--rest: var(--l--color--neutral--140);
995
+ --l--theme--color--link--content--secondary--on-subtle--hover: var(--l--color--neutral--130);
996
+ --l--theme--color--link--content--secondary--on-subtle--focus: var(--l--color--neutral--140);
997
+ --l--theme--color--link--content--secondary--on-subtle--active: var(--l--color--neutral--140);
998
+ --l--theme--color--link--content--secondary--on-subtle--visited: var(--l--color--neutral--140);
999
+ --l--theme--color--link--content--tertiary--on-default--rest: var(--l--color--neutral--110);
1000
+ --l--theme--color--link--content--tertiary--on-default--hover: var(--l--color--neutral--120);
1001
+ --l--theme--color--link--content--tertiary--on-default--focus: var(--l--color--neutral--110);
1002
+ --l--theme--color--link--content--tertiary--on-default--active: var(--l--color--neutral--110);
1003
+ --l--theme--color--link--content--tertiary--on-default--visited: var(--l--color--neutral--110);
1004
+ --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--color--neutral--dark--110);
1005
+ --l--theme--color--link--content--tertiary--on-knockout--hover: var(--l--color--neutral--dark--120);
1006
+ --l--theme--color--link--content--tertiary--on-knockout--focus: var(--l--color--neutral--dark--110);
1007
+ --l--theme--color--link--content--tertiary--on-knockout--active: var(--l--color--neutral--dark--110);
1008
+ --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--color--neutral--dark--110);
1009
+ --l--theme--color--link--content--tertiary--on-subtle--rest: var(--l--color--neutral--110);
1010
+ --l--theme--color--link--content--tertiary--on-subtle--hover: var(--l--color--neutral--120);
1011
+ --l--theme--color--link--content--tertiary--on-subtle--focus: var(--l--color--neutral--110);
1012
+ --l--theme--color--link--content--tertiary--on-subtle--active: var(--l--color--neutral--110);
1013
+ --l--theme--color--link--content--tertiary--on-subtle--visited: var(--l--color--neutral--110);
1014
+ --l--theme--color--messaging--content--destructive--on-default: var(--l--color--red--110);
1015
+ --l--theme--color--messaging--content--destructive--on-knockout: var(--l--color--red--dark--110);
1016
+ --l--theme--color--messaging--content--destructive--on-subtle: var(--l--color--red--120);
1017
+ --l--theme--color--messaging--content--informative--on-default: var(--l--color--blue--110);
1018
+ --l--theme--color--messaging--content--informative--on-knockout: var(--l--color--blue--dark--110);
1019
+ --l--theme--color--messaging--content--informative--on-subtle: var(--l--color--blue--120);
1020
+ --l--theme--color--messaging--content--positive--on-default: var(--l--color--green--110);
1021
+ --l--theme--color--messaging--content--positive--on-knockout: var(--l--color--green--dark--110);
1022
+ --l--theme--color--messaging--content--positive--on-subtle: var(--l--color--green--120);
1023
+ --l--theme--color--messaging--content--warning--on-default: var(--l--color--yellow--110);
1024
+ --l--theme--color--messaging--content--warning--on-knockout: var(--l--color--yellow--dark--110);
1025
+ --l--theme--color--messaging--content--warning--on-subtle: var(--l--color--yellow--120);
1026
+ --l--theme--color--selection--background--on-default: var(--l--color--neutral--140);
1027
+ --l--theme--color--selection--background--on-knockout: var(--l--color--neutral--dark--140);
1028
+ --l--theme--color--selection--background--on-subtle: var(--l--color--neutral--140);
1029
+ --l--theme--color--selection--content--on-default: var(--l--color--neutral--0);
1030
+ --l--theme--color--selection--content--on-knockout: var(--l--color--neutral--dark--0);
1031
+ --l--theme--color--selection--content--on-subtle: var(--l--color--neutral--0);
551
1032
  --l--typography--text-decoration-thickness--sm: var(--l--units--relative--1);
552
1033
  --l--typography--text-decoration-thickness--md: var(--l--units--relative--2);
553
1034
  --l--typography--text-decoration-thickness--lg: var(--l--units--relative--4);
@@ -847,27 +1328,28 @@
847
1328
  --l--theme--border--text-highlight--width: var(--l--theme--border--width--none);
848
1329
  --l--theme--color--dialog--background--on-default: var(--l--theme--color--background--default);
849
1330
  --l--theme--color--dialog--background--on-knockout: var(--l--theme--color--background--knockout);
1331
+ --l--theme--color--dialog--background--on-subtle: var(--l--theme--color--background--subtle);
850
1332
  --l--theme--color--dialog--content--on-default: var(--l--theme--color--content--primary--on-default);
851
1333
  --l--theme--color--dialog--content--on-knockout: var(--l--theme--color--content--primary--on-knockout);
852
- --l--theme--color--input--background--on-default--rest: var(--l--theme--color--background--default);
853
- --l--theme--color--input--background--on-default--focus: var(--l--theme--color--background--default);
854
- --l--theme--color--input--background--on-default--invalid--rest: var(--l--theme--color--background--default);
855
- --l--theme--color--input--background--on-default--invalid--focus: var(--l--theme--color--background--default);
856
- --l--theme--color--input--background--on-knockout--rest: var(--l--theme--color--background--knockout);
857
- --l--theme--color--input--background--on-knockout--focus: var(--l--theme--color--background--knockout);
858
- --l--theme--color--input--background--on-knockout--invalid--rest: var(--l--theme--color--background--knockout);
859
- --l--theme--color--input--background--on-knockout--invalid--focus: var(--l--theme--color--background--knockout);
1334
+ --l--theme--color--dialog--content--on-subtle: var(--l--theme--color--content--primary--on-subtle);
1335
+ --l--theme--color--input--content--on-default--rest: var(--l--theme--color--content--primary--on-default);
1336
+ --l--theme--color--input--content--on-default--hover: var(--l--theme--color--content--primary--on-default);
1337
+ --l--theme--color--input--content--on-default--focus: var(--l--theme--color--content--primary--on-default);
1338
+ --l--theme--color--input--content--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
1339
+ --l--theme--color--input--content--on-knockout--hover: var(--l--theme--color--content--primary--on-knockout);
1340
+ --l--theme--color--input--content--on-knockout--focus: var(--l--theme--color--content--primary--on-knockout);
1341
+ --l--theme--color--input--content--on-subtle--rest: var(--l--theme--color--content--primary--on-default);
1342
+ --l--theme--color--input--content--on-subtle--hover: var(--l--theme--color--content--primary--on-default);
1343
+ --l--theme--color--input--content--on-subtle--focus: var(--l--theme--color--content--primary--on-default);
860
1344
  --l--theme--color--input--placeholder--on-default--rest: var(--l--theme--color--content--secondary--on-default);
861
1345
  --l--theme--color--input--placeholder--on-default--hover: var(--l--theme--color--content--secondary--on-default);
862
1346
  --l--theme--color--input--placeholder--on-default--focus: var(--l--theme--color--content--secondary--on-default);
863
- --l--theme--color--link--content--secondary--on-default--rest: var(--l--theme--color--content--primary--on-default);
864
- --l--theme--color--link--content--secondary--on-default--visited: var(--l--theme--color--content--primary--on-default);
865
- --l--theme--color--link--content--secondary--on-knockout--rest: var(--l--theme--color--content--primary--on-knockout);
866
- --l--theme--color--link--content--secondary--on-knockout--visited: var(--l--theme--color--content--primary--on-knockout);
867
- --l--theme--color--link--content--tertiary--on-default--rest: var(--l--theme--color--content--secondary--on-default);
868
- --l--theme--color--link--content--tertiary--on-default--visited: var(--l--theme--color--content--secondary--on-default);
869
- --l--theme--color--link--content--tertiary--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
870
- --l--theme--color--link--content--tertiary--on-knockout--visited: var(--l--theme--color--content--secondary--on-knockout);
1347
+ --l--theme--color--input--placeholder--on-knockout--rest: var(--l--theme--color--content--secondary--on-knockout);
1348
+ --l--theme--color--input--placeholder--on-knockout--hover: var(--l--theme--color--content--secondary--on-knockout);
1349
+ --l--theme--color--input--placeholder--on-knockout--focus: var(--l--theme--color--content--secondary--on-knockout);
1350
+ --l--theme--color--input--placeholder--on-subtle--rest: var(--l--theme--color--content--secondary--on-subtle);
1351
+ --l--theme--color--input--placeholder--on-subtle--hover: var(--l--theme--color--content--secondary--on-subtle);
1352
+ --l--theme--color--input--placeholder--on-subtle--focus: var(--l--theme--color--content--secondary--on-subtle);
871
1353
  --l--theme--outline--width: var(--l--theme--border--width--md);
872
1354
  --l--theme--space--gutter: var(--l--theme--space--70);
873
1355
  --l--theme--space--interactive--inset-block--xs: var(--l--theme--space--20);