@liner-fe/design-token 2.0.36 → 2.0.37

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.
package/global.css CHANGED
@@ -4,23 +4,18 @@
4
4
  --lp-pri-achromatic-black: #000000;
5
5
  --lp-pri-gray-cool-980: #F9F9FA;
6
6
  --lp-pri-gray-cool-970: #F6F6F7;
7
- --lp-pri-gray-cool-950: #F7F8FF;
8
7
  --lp-pri-gray-cool-940: #EDEEF0;
9
8
  --lp-pri-gray-cool-920: #E9E9EB;
10
- --lp-pri-gray-cool-900: #EEF0F7;
9
+ --lp-pri-gray-cool-900: #E3E3E6;
11
10
  --lp-pri-gray-cool-850: #D7D7D9;
12
- --lp-pri-gray-cool-800: #DFE3F3;
13
- --lp-pri-gray-cool-700: #C7CFE9;
14
- --lp-pri-gray-cool-600: #97A5D6;
15
- --lp-pri-gray-cool-500: #7487C4;
11
+ --lp-pri-gray-cool-750: #BEBFC2;
12
+ --lp-pri-gray-cool-600: #939499;
16
13
  --lp-pri-gray-cool-450: #6D6D70;
17
- --lp-pri-gray-cool-400: #5B6BA4;
18
14
  --lp-pri-gray-cool-350: #58595C;
19
- --lp-pri-gray-cool-300: #4A5889;
15
+ --lp-pri-gray-cool-300: #4A4A4D;
20
16
  --lp-pri-gray-cool-250: #3B3B3D;
21
- --lp-pri-gray-cool-200: #39426A;
22
- --lp-pri-gray-cool-100: #282C3E;
23
- --lp-pri-gray-cool-50: #1F2131;
17
+ --lp-pri-gray-cool-200: #313133;
18
+ --lp-pri-gray-cool-100: #1E1E1F;
24
19
  --lp-pri-brand-original-950: #F5F6FF;
25
20
  --lp-pri-brand-original-900: #E9EBFF;
26
21
  --lp-pri-brand-original-800: #D4D7FF;
@@ -217,106 +212,106 @@
217
212
  line-height: var(--lp-pri-font-lineheight-120);
218
213
  }
219
214
  :root[color-theme=dark] {
220
- --lp-neutral-container-lowest: var(--lp-pri-gray-cool-100);
221
- --lp-neutral-container-low: var(--lp-pri-gray-cool-200);
222
- --lp-neutral-container-mid: var(--lp-pri-gray-cool-200);
223
- --lp-neutral-container-high: var(--lp-pri-gray-cool-250);
224
- --lp-neutral-container-highest: var(--lp-pri-gray-cool-300);
225
- --lp-neutral-fill-lowest: var(--lp-pri-gray-cool-450-alpha-12);
226
- --lp-neutral-fill-low: var(--lp-pri-gray-cool-450-alpha-24);
227
- --lp-neutral-fill-mid: var(--lp-pri-gray-cool-450-alpha-32);
228
- --lp-neutral-label-primary: var(--lp-pri-achromatic-white);
229
- --lp-neutral-label-secondary: var(--lp-pri-achromatic-black);
230
- --lp-neutral-label-tertiary: var(--lp-pri-gray-cool-920-alpha-32);
231
- --lp-neutral-label-quaternary: var(--lp-pri-red-200-alpha-20);
232
- --lp-neutral-border-overlay-normal: var(--lp-pri-gray-cool-920-alpha-28);
233
- --lp-neutral-border-overlay-subtle: var(--lp-pri-gray-cool-920-alpha-20);
234
- --lp-neutral-border-opaque-strong: var(--lp-pri-achromatic-white);
235
- --lp-neutral-border-opaque-normal: var(--lp-pri-gray-cool-350);
236
- --lp-neutral-border-opaque-subtle: var(--lp-pri-gray-cool-250);
237
- --lp-inverse-container-lowest: var(--lp-pri-achromatic-white);
238
- --lp-inverse-container-low: var(--lp-pri-gray-cool-980);
239
- --lp-inverse-container-mid: var(--lp-pri-gray-cool-970);
240
- --lp-inverse-container-high: var(--lp-pri-gray-cool-940);
241
- --lp-inverse-container-highest: var(--lp-pri-gray-cool-920);
242
- --lp-inverse-fill-lowest: var(--lp-pri-gray-cool-450-alpha-4);
243
- --lp-inverse-fill-low: var(--lp-pri-gray-cool-450-alpha-12);
244
- --lp-inverse-fill-mid: var(--lp-pri-gray-cool-450-alpha-20);
245
- --lp-inverse-label-primary: var(--lp-pri-gray-cool-100);
246
- --lp-inverse-label-static-primary: var(--lp-pri-achromatic-white);
247
- --lp-inverse-label-secondary: var(--lp-pri-gray-cool-450-alpha-80);
248
- --lp-inverse-label-tertiary: var(--lp-pri-gray-cool-450-alpha-44);
249
- --lp-inverse-label-quaternary: var(--lp-pri-gray-cool-450-alpha-24);
250
- --lp-inverse-border-overlay-normal: var(--lp-pri-gray-cool-450-alpha-24);
251
- --lp-inverse-border-overlay-subtle: var(--lp-pri-gray-cool-450-alpha-16);
252
- --lp-inverse-border-opaque-strong: var(--lp-pri-gray-cool-100);
253
- --lp-inverse-border-opaque-normal: var(--lp-pri-gray-cool-850);
254
- --lp-inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
255
- --lp-brand-container-mid: var(--lp-pri-brand-original-500);
256
- --lp-brand-container-high: var(--lp-pri-brand-original-400);
257
- --lp-brand-label-primary: var(--lp-pri-brand-variation-500);
258
- --lp-brand-label-secondary: var(--lp-pri-brand-original-50-alpha-80);
259
- --lp-brand-border-overlay-normal: var(--lp-pri-brand-original-500);
260
- --lp-brand-border-opaque-normal: var(--lp-pri-brand-original-50-alpha-20);
261
- --lp-accent-yellow: var(--lp-pri-rainbow-yellow-600);
262
- --lp-accent-mint: var(--lp-pri-rainbow-mint-600);
263
- --lp-accent-cyan: var(--lp-pri-rainbow-cyan-600);
264
- --lp-accent-purple: var(--lp-pri-rainbow-purple-600);
265
- --lp-accent-pink: var(--lp-pri-rainbow-pink-600);
266
- --lp-function-positive: var(--lp-pri-green-600);
267
- --lp-function-negative: var(--lp-pri-red-600);
268
- --lp-function-caution: var(--lp-pri-orange-500);
215
+ --neutral-container-lowest: var(--lp-pri-gray-cool-100);
216
+ --neutral-container-low: var(--lp-pri-gray-cool-200);
217
+ --neutral-container-mid: var(--lp-pri-gray-cool-200);
218
+ --neutral-container-high: var(--lp-pri-gray-cool-250);
219
+ --neutral-container-highest: var(--lp-pri-gray-cool-300);
220
+ --neutral-fill-lowest: var(--lp-pri-gray-cool-450-alpha-12);
221
+ --neutral-fill-low: var(--lp-pri-gray-cool-450-alpha-24);
222
+ --neutral-fill-mid: var(--lp-pri-gray-cool-450-alpha-32);
223
+ --neutral-label-primary: var(--lp-pri-achromatic-white);
224
+ --neutral-label-secondary: var(--lp-pri-achromatic-black);
225
+ --neutral-label-tertiary: var(--lp-pri-gray-cool-920-alpha-32);
226
+ --neutral-label-quaternary: var(--lp-pri-red-200-alpha-20);
227
+ --neutral-border-overlay-normal: var(--lp-pri-gray-cool-920-alpha-28);
228
+ --neutral-border-overlay-subtle: var(--lp-pri-gray-cool-920-alpha-20);
229
+ --neutral-border-opaque-strong: var(--lp-pri-achromatic-white);
230
+ --neutral-border-opaque-normal: var(--lp-pri-gray-cool-350);
231
+ --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-250);
232
+ --inverse-container-lowest: var(--lp-pri-achromatic-white);
233
+ --inverse-container-low: var(--lp-pri-gray-cool-980);
234
+ --inverse-container-mid: var(--lp-pri-gray-cool-970);
235
+ --inverse-container-high: var(--lp-pri-gray-cool-940);
236
+ --inverse-container-highest: var(--lp-pri-gray-cool-920);
237
+ --inverse-fill-lowest: var(--lp-pri-gray-cool-450-alpha-4);
238
+ --inverse-fill-low: var(--lp-pri-gray-cool-450-alpha-12);
239
+ --inverse-fill-mid: var(--lp-pri-gray-cool-450-alpha-20);
240
+ --inverse-label-primary: var(--lp-pri-gray-cool-100);
241
+ --inverse-label-static-primary: var(--lp-pri-achromatic-white);
242
+ --inverse-label-secondary: var(--lp-pri-gray-cool-450-alpha-80);
243
+ --inverse-label-tertiary: var(--lp-pri-gray-cool-450-alpha-44);
244
+ --inverse-label-quaternary: var(--lp-pri-gray-cool-450-alpha-24);
245
+ --inverse-border-overlay-normal: var(--lp-pri-gray-cool-450-alpha-24);
246
+ --inverse-border-overlay-subtle: var(--lp-pri-gray-cool-450-alpha-16);
247
+ --inverse-border-opaque-strong: var(--lp-pri-gray-cool-100);
248
+ --inverse-border-opaque-normal: var(--lp-pri-gray-cool-850);
249
+ --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
250
+ --brand-container-mid: var(--lp-pri-brand-original-500);
251
+ --brand-container-high: var(--lp-pri-brand-original-400);
252
+ --brand-label-primary: var(--lp-pri-brand-variation-500);
253
+ --brand-label-secondary: var(--lp-pri-brand-original-50-alpha-80);
254
+ --brand-border-overlay-normal: var(--lp-pri-brand-original-500);
255
+ --brand-border-opaque-normal: var(--lp-pri-brand-original-50-alpha-20);
256
+ --accent-yellow: var(--lp-pri-rainbow-yellow-600);
257
+ --accent-mint: var(--lp-pri-rainbow-mint-600);
258
+ --accent-cyan: var(--lp-pri-rainbow-cyan-600);
259
+ --accent-purple: var(--lp-pri-rainbow-purple-600);
260
+ --accent-pink: var(--lp-pri-rainbow-pink-600);
261
+ --function-positive: var(--lp-pri-green-600);
262
+ --function-negative: var(--lp-pri-red-600);
263
+ --function-caution: var(--lp-pri-orange-500);
269
264
  }
270
265
  :root[color-theme=light] {
271
- --lp-neutral-container-lowest: var(--lp-pri-achromatic-white);
272
- --lp-neutral-container-low: var(--lp-pri-gray-cool-980);
273
- --lp-neutral-container-mid: var(--lp-pri-gray-cool-970);
274
- --lp-neutral-container-high: var(--lp-pri-gray-cool-940);
275
- --lp-neutral-container-highest: var(--lp-pri-gray-cool-920);
276
- --lp-neutral-fill-lowest: var(--lp-pri-gray-cool-450-alpha-4);
277
- --lp-neutral-fill-low: var(--lp-pri-gray-cool-450-alpha-12);
278
- --lp-neutral-fill-mid: var(--lp-pri-gray-cool-450-alpha-20);
279
- --lp-neutral-label-primary: var(--lp-pri-gray-cool-100);
280
- --lp-neutral-label-secondary: var(--lp-pri-gray-cool-450-alpha-80);
281
- --lp-neutral-label-tertiary: var(--lp-pri-gray-cool-450-alpha-44);
282
- --lp-neutral-label-quaternary: var(--lp-pri-gray-cool-450-alpha-24);
283
- --lp-neutral-border-overlay-normal: var(--lp-pri-gray-cool-450-alpha-24);
284
- --lp-neutral-border-overlay-subtle: var(--lp-pri-gray-cool-450-alpha-16);
285
- --lp-neutral-border-opaque-strong: var(--lp-pri-gray-cool-100);
286
- --lp-neutral-border-opaque-normal: var(--lp-pri-gray-cool-850);
287
- --lp-neutral-border-opaque-subtle: var(--lp-pri-gray-cool-920);
288
- --lp-inverse-container-lowest: var(--lp-pri-gray-cool-100);
289
- --lp-inverse-container-low: var(--lp-pri-gray-cool-200);
290
- --lp-inverse-container-mid: var(--lp-pri-gray-cool-200);
291
- --lp-inverse-container-high: var(--lp-pri-gray-cool-250);
292
- --lp-inverse-container-highest: var(--lp-pri-gray-cool-300);
293
- --lp-inverse-fill-lowest: var(--lp-pri-gray-cool-450-alpha-12);
294
- --lp-inverse-fill-low: var(--lp-pri-gray-cool-450-alpha-24);
295
- --lp-inverse-fill-mid: var(--lp-pri-gray-cool-450-alpha-32);
296
- --lp-inverse-label-primary: var(--lp-pri-achromatic-white);
297
- --lp-inverse-label-static-primary: var(--lp-pri-achromatic-white);
298
- --lp-inverse-label-secondary: var(--lp-pri-achromatic-black);
299
- --lp-inverse-label-tertiary: var(--lp-pri-gray-cool-920-alpha-32);
300
- --lp-inverse-label-quaternary: var(--lp-pri-gray-cool-920-alpha-20);
301
- --lp-inverse-border-overlay-normal: var(--lp-pri-gray-cool-920-alpha-28);
302
- --lp-inverse-border-overlay-subtle: var(--lp-pri-gray-cool-920-alpha-20);
303
- --lp-inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
304
- --lp-inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
305
- --lp-inverse-border-opaque-subtle: var(--lp-pri-gray-cool-250);
306
- --lp-brand-container-mid: var(--lp-pri-brand-original-500);
307
- --lp-brand-container-high: var(--lp-pri-brand-original-400);
308
- --lp-brand-label-primary: var(--lp-pri-brand-original-500);
309
- --lp-brand-label-secondary: var(--lp-pri-brand-original-50-alpha-80);
310
- --lp-brand-border-overlay-normal: var(--lp-pri-brand-original-500);
311
- --lp-brand-border-opaque-normal: var(--lp-pri-brand-original-50-alpha-20);
312
- --lp-accent-yellow: var(--lp-pri-rainbow-yellow-500);
313
- --lp-accent-mint: var(--lp-pri-rainbow-mint-500);
314
- --lp-accent-cyan: var(--lp-pri-rainbow-cyan-500);
315
- --lp-accent-purple: var(--lp-pri-rainbow-purple-500);
316
- --lp-accent-pink: var(--lp-pri-rainbow-pink-500);
317
- --lp-function-positive: var(--lp-pri-green-500);
318
- --lp-function-negative: var(--lp-pri-red-500);
319
- --lp-function-caution: var(--lp-pri-orange-500);
266
+ --neutral-container-lowest: var(--lp-pri-achromatic-white);
267
+ --neutral-container-low: var(--lp-pri-gray-cool-980);
268
+ --neutral-container-mid: var(--lp-pri-gray-cool-970);
269
+ --neutral-container-high: var(--lp-pri-gray-cool-940);
270
+ --neutral-container-highest: var(--lp-pri-gray-cool-920);
271
+ --neutral-fill-lowest: var(--lp-pri-gray-cool-450-alpha-4);
272
+ --neutral-fill-low: var(--lp-pri-gray-cool-450-alpha-12);
273
+ --neutral-fill-mid: var(--lp-pri-gray-cool-450-alpha-20);
274
+ --neutral-label-primary: var(--lp-pri-gray-cool-100);
275
+ --neutral-label-secondary: var(--lp-pri-gray-cool-450-alpha-80);
276
+ --neutral-label-tertiary: var(--lp-pri-gray-cool-450-alpha-44);
277
+ --neutral-label-quaternary: var(--lp-pri-gray-cool-450-alpha-24);
278
+ --neutral-border-overlay-normal: var(--lp-pri-gray-cool-450-alpha-24);
279
+ --neutral-border-overlay-subtle: var(--lp-pri-gray-cool-450-alpha-16);
280
+ --neutral-border-opaque-strong: var(--lp-pri-gray-cool-100);
281
+ --neutral-border-opaque-normal: var(--lp-pri-gray-cool-850);
282
+ --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-920);
283
+ --inverse-container-lowest: var(--lp-pri-gray-cool-100);
284
+ --inverse-container-low: var(--lp-pri-gray-cool-200);
285
+ --inverse-container-mid: var(--lp-pri-gray-cool-200);
286
+ --inverse-container-high: var(--lp-pri-gray-cool-250);
287
+ --inverse-container-highest: var(--lp-pri-gray-cool-300);
288
+ --inverse-fill-lowest: var(--lp-pri-gray-cool-450-alpha-12);
289
+ --inverse-fill-low: var(--lp-pri-gray-cool-450-alpha-24);
290
+ --inverse-fill-mid: var(--lp-pri-gray-cool-450-alpha-32);
291
+ --inverse-label-primary: var(--lp-pri-achromatic-white);
292
+ --inverse-label-static-primary: var(--lp-pri-achromatic-white);
293
+ --inverse-label-secondary: var(--lp-pri-achromatic-black);
294
+ --inverse-label-tertiary: var(--lp-pri-gray-cool-920-alpha-32);
295
+ --inverse-label-quaternary: var(--lp-pri-gray-cool-920-alpha-20);
296
+ --inverse-border-overlay-normal: var(--lp-pri-gray-cool-920-alpha-28);
297
+ --inverse-border-overlay-subtle: var(--lp-pri-gray-cool-920-alpha-20);
298
+ --inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
299
+ --inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
300
+ --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-250);
301
+ --brand-container-mid: var(--lp-pri-brand-original-500);
302
+ --brand-container-high: var(--lp-pri-brand-original-400);
303
+ --brand-label-primary: var(--lp-pri-brand-original-500);
304
+ --brand-label-secondary: var(--lp-pri-brand-original-50-alpha-80);
305
+ --brand-border-overlay-normal: var(--lp-pri-brand-original-500);
306
+ --brand-border-opaque-normal: var(--lp-pri-brand-original-50-alpha-20);
307
+ --accent-yellow: var(--lp-pri-rainbow-yellow-500);
308
+ --accent-mint: var(--lp-pri-rainbow-mint-500);
309
+ --accent-cyan: var(--lp-pri-rainbow-cyan-500);
310
+ --accent-purple: var(--lp-pri-rainbow-purple-500);
311
+ --accent-pink: var(--lp-pri-rainbow-pink-500);
312
+ --function-positive: var(--lp-pri-green-500);
313
+ --function-negative: var(--lp-pri-red-500);
314
+ --function-caution: var(--lp-pri-orange-500);
320
315
  }
321
316
  :root[language=en] {
322
317
  }
@@ -5,23 +5,18 @@ export declare const color: {
5
5
  "lp-pri-achromatic-black": string;
6
6
  "lp-pri-gray-cool-980": string;
7
7
  "lp-pri-gray-cool-970": string;
8
- "lp-pri-gray-cool-950": string;
9
8
  "lp-pri-gray-cool-940": string;
10
9
  "lp-pri-gray-cool-920": string;
11
10
  "lp-pri-gray-cool-900": string;
12
11
  "lp-pri-gray-cool-850": string;
13
- "lp-pri-gray-cool-800": string;
14
- "lp-pri-gray-cool-700": string;
12
+ "lp-pri-gray-cool-750": string;
15
13
  "lp-pri-gray-cool-600": string;
16
- "lp-pri-gray-cool-500": string;
17
14
  "lp-pri-gray-cool-450": string;
18
- "lp-pri-gray-cool-400": string;
19
15
  "lp-pri-gray-cool-350": string;
20
16
  "lp-pri-gray-cool-300": string;
21
17
  "lp-pri-gray-cool-250": string;
22
18
  "lp-pri-gray-cool-200": string;
23
19
  "lp-pri-gray-cool-100": string;
24
- "lp-pri-gray-cool-50": string;
25
20
  "lp-pri-brand-original-950": string;
26
21
  "lp-pri-brand-original-900": string;
27
22
  "lp-pri-brand-original-800": string;
@@ -184,106 +179,106 @@ export declare const color: {
184
179
  };
185
180
  system: {
186
181
  dark: {
187
- "lp-neutral-container-lowest": string;
188
- "lp-neutral-container-low": string;
189
- "lp-neutral-container-mid": string;
190
- "lp-neutral-container-high": string;
191
- "lp-neutral-container-highest": string;
192
- "lp-neutral-fill-lowest": string;
193
- "lp-neutral-fill-low": string;
194
- "lp-neutral-fill-mid": string;
195
- "lp-neutral-label-primary": string;
196
- "lp-neutral-label-secondary": string;
197
- "lp-neutral-label-tertiary": string;
198
- "lp-neutral-label-quaternary": string;
199
- "lp-neutral-border-overlay-normal": string;
200
- "lp-neutral-border-overlay-subtle": string;
201
- "lp-neutral-border-opaque-strong": string;
202
- "lp-neutral-border-opaque-normal": string;
203
- "lp-neutral-border-opaque-subtle": string;
204
- "lp-inverse-container-lowest": string;
205
- "lp-inverse-container-low": string;
206
- "lp-inverse-container-mid": string;
207
- "lp-inverse-container-high": string;
208
- "lp-inverse-container-highest": string;
209
- "lp-inverse-fill-lowest": string;
210
- "lp-inverse-fill-low": string;
211
- "lp-inverse-fill-mid": string;
212
- "lp-inverse-label-primary": string;
213
- "lp-inverse-label-static-primary": string;
214
- "lp-inverse-label-secondary": string;
215
- "lp-inverse-label-tertiary": string;
216
- "lp-inverse-label-quaternary": string;
217
- "lp-inverse-border-overlay-normal": string;
218
- "lp-inverse-border-overlay-subtle": string;
219
- "lp-inverse-border-opaque-strong": string;
220
- "lp-inverse-border-opaque-normal": string;
221
- "lp-inverse-border-opaque-subtle": string;
222
- "lp-brand-container-mid": string;
223
- "lp-brand-container-high": string;
224
- "lp-brand-label-primary": string;
225
- "lp-brand-label-secondary": string;
226
- "lp-brand-border-overlay-normal": string;
227
- "lp-brand-border-opaque-normal": string;
228
- "lp-accent-yellow": string;
229
- "lp-accent-mint": string;
230
- "lp-accent-cyan": string;
231
- "lp-accent-purple": string;
232
- "lp-accent-pink": string;
233
- "lp-function-positive": string;
234
- "lp-function-negative": string;
235
- "lp-function-caution": string;
182
+ "neutral-container-lowest": string;
183
+ "neutral-container-low": string;
184
+ "neutral-container-mid": string;
185
+ "neutral-container-high": string;
186
+ "neutral-container-highest": string;
187
+ "neutral-fill-lowest": string;
188
+ "neutral-fill-low": string;
189
+ "neutral-fill-mid": string;
190
+ "neutral-label-primary": string;
191
+ "neutral-label-secondary": string;
192
+ "neutral-label-tertiary": string;
193
+ "neutral-label-quaternary": string;
194
+ "neutral-border-overlay-normal": string;
195
+ "neutral-border-overlay-subtle": string;
196
+ "neutral-border-opaque-strong": string;
197
+ "neutral-border-opaque-normal": string;
198
+ "neutral-border-opaque-subtle": string;
199
+ "inverse-container-lowest": string;
200
+ "inverse-container-low": string;
201
+ "inverse-container-mid": string;
202
+ "inverse-container-high": string;
203
+ "inverse-container-highest": string;
204
+ "inverse-fill-lowest": string;
205
+ "inverse-fill-low": string;
206
+ "inverse-fill-mid": string;
207
+ "inverse-label-primary": string;
208
+ "inverse-label-static-primary": string;
209
+ "inverse-label-secondary": string;
210
+ "inverse-label-tertiary": string;
211
+ "inverse-label-quaternary": string;
212
+ "inverse-border-overlay-normal": string;
213
+ "inverse-border-overlay-subtle": string;
214
+ "inverse-border-opaque-strong": string;
215
+ "inverse-border-opaque-normal": string;
216
+ "inverse-border-opaque-subtle": string;
217
+ "brand-container-mid": string;
218
+ "brand-container-high": string;
219
+ "brand-label-primary": string;
220
+ "brand-label-secondary": string;
221
+ "brand-border-overlay-normal": string;
222
+ "brand-border-opaque-normal": string;
223
+ "accent-yellow": string;
224
+ "accent-mint": string;
225
+ "accent-cyan": string;
226
+ "accent-purple": string;
227
+ "accent-pink": string;
228
+ "function-positive": string;
229
+ "function-negative": string;
230
+ "function-caution": string;
236
231
  };
237
232
  light: {
238
- "lp-neutral-container-lowest": string;
239
- "lp-neutral-container-low": string;
240
- "lp-neutral-container-mid": string;
241
- "lp-neutral-container-high": string;
242
- "lp-neutral-container-highest": string;
243
- "lp-neutral-fill-lowest": string;
244
- "lp-neutral-fill-low": string;
245
- "lp-neutral-fill-mid": string;
246
- "lp-neutral-label-primary": string;
247
- "lp-neutral-label-secondary": string;
248
- "lp-neutral-label-tertiary": string;
249
- "lp-neutral-label-quaternary": string;
250
- "lp-neutral-border-overlay-normal": string;
251
- "lp-neutral-border-overlay-subtle": string;
252
- "lp-neutral-border-opaque-strong": string;
253
- "lp-neutral-border-opaque-normal": string;
254
- "lp-neutral-border-opaque-subtle": string;
255
- "lp-inverse-container-lowest": string;
256
- "lp-inverse-container-low": string;
257
- "lp-inverse-container-mid": string;
258
- "lp-inverse-container-high": string;
259
- "lp-inverse-container-highest": string;
260
- "lp-inverse-fill-lowest": string;
261
- "lp-inverse-fill-low": string;
262
- "lp-inverse-fill-mid": string;
263
- "lp-inverse-label-primary": string;
264
- "lp-inverse-label-static-primary": string;
265
- "lp-inverse-label-secondary": string;
266
- "lp-inverse-label-tertiary": string;
267
- "lp-inverse-label-quaternary": string;
268
- "lp-inverse-border-overlay-normal": string;
269
- "lp-inverse-border-overlay-subtle": string;
270
- "lp-inverse-border-opaque-strong": string;
271
- "lp-inverse-border-opaque-normal": string;
272
- "lp-inverse-border-opaque-subtle": string;
273
- "lp-brand-container-mid": string;
274
- "lp-brand-container-high": string;
275
- "lp-brand-label-primary": string;
276
- "lp-brand-label-secondary": string;
277
- "lp-brand-border-overlay-normal": string;
278
- "lp-brand-border-opaque-normal": string;
279
- "lp-accent-yellow": string;
280
- "lp-accent-mint": string;
281
- "lp-accent-cyan": string;
282
- "lp-accent-purple": string;
283
- "lp-accent-pink": string;
284
- "lp-function-positive": string;
285
- "lp-function-negative": string;
286
- "lp-function-caution": string;
233
+ "neutral-container-lowest": string;
234
+ "neutral-container-low": string;
235
+ "neutral-container-mid": string;
236
+ "neutral-container-high": string;
237
+ "neutral-container-highest": string;
238
+ "neutral-fill-lowest": string;
239
+ "neutral-fill-low": string;
240
+ "neutral-fill-mid": string;
241
+ "neutral-label-primary": string;
242
+ "neutral-label-secondary": string;
243
+ "neutral-label-tertiary": string;
244
+ "neutral-label-quaternary": string;
245
+ "neutral-border-overlay-normal": string;
246
+ "neutral-border-overlay-subtle": string;
247
+ "neutral-border-opaque-strong": string;
248
+ "neutral-border-opaque-normal": string;
249
+ "neutral-border-opaque-subtle": string;
250
+ "inverse-container-lowest": string;
251
+ "inverse-container-low": string;
252
+ "inverse-container-mid": string;
253
+ "inverse-container-high": string;
254
+ "inverse-container-highest": string;
255
+ "inverse-fill-lowest": string;
256
+ "inverse-fill-low": string;
257
+ "inverse-fill-mid": string;
258
+ "inverse-label-primary": string;
259
+ "inverse-label-static-primary": string;
260
+ "inverse-label-secondary": string;
261
+ "inverse-label-tertiary": string;
262
+ "inverse-label-quaternary": string;
263
+ "inverse-border-overlay-normal": string;
264
+ "inverse-border-overlay-subtle": string;
265
+ "inverse-border-opaque-strong": string;
266
+ "inverse-border-opaque-normal": string;
267
+ "inverse-border-opaque-subtle": string;
268
+ "brand-container-mid": string;
269
+ "brand-container-high": string;
270
+ "brand-label-primary": string;
271
+ "brand-label-secondary": string;
272
+ "brand-border-overlay-normal": string;
273
+ "brand-border-opaque-normal": string;
274
+ "accent-yellow": string;
275
+ "accent-mint": string;
276
+ "accent-cyan": string;
277
+ "accent-purple": string;
278
+ "accent-pink": string;
279
+ "function-positive": string;
280
+ "function-negative": string;
281
+ "function-caution": string;
287
282
  };
288
283
  };
289
284
  };
@@ -1,53 +1,53 @@
1
1
  export declare const vars: {
2
2
  color: {
3
- "lp-neutral-container-lowest": string;
4
- "lp-neutral-container-low": string;
5
- "lp-neutral-container-mid": string;
6
- "lp-neutral-container-high": string;
7
- "lp-neutral-container-highest": string;
8
- "lp-neutral-fill-lowest": string;
9
- "lp-neutral-fill-low": string;
10
- "lp-neutral-fill-mid": string;
11
- "lp-neutral-label-primary": string;
12
- "lp-neutral-label-secondary": string;
13
- "lp-neutral-label-tertiary": string;
14
- "lp-neutral-label-quaternary": string;
15
- "lp-neutral-border-overlay-normal": string;
16
- "lp-neutral-border-overlay-subtle": string;
17
- "lp-neutral-border-opaque-strong": string;
18
- "lp-neutral-border-opaque-normal": string;
19
- "lp-neutral-border-opaque-subtle": string;
20
- "lp-inverse-container-lowest": string;
21
- "lp-inverse-container-low": string;
22
- "lp-inverse-container-mid": string;
23
- "lp-inverse-container-high": string;
24
- "lp-inverse-container-highest": string;
25
- "lp-inverse-fill-lowest": string;
26
- "lp-inverse-fill-low": string;
27
- "lp-inverse-fill-mid": string;
28
- "lp-inverse-label-primary": string;
29
- "lp-inverse-label-static-primary": string;
30
- "lp-inverse-label-secondary": string;
31
- "lp-inverse-label-tertiary": string;
32
- "lp-inverse-label-quaternary": string;
33
- "lp-inverse-border-overlay-normal": string;
34
- "lp-inverse-border-overlay-subtle": string;
35
- "lp-inverse-border-opaque-strong": string;
36
- "lp-inverse-border-opaque-normal": string;
37
- "lp-inverse-border-opaque-subtle": string;
38
- "lp-brand-container-mid": string;
39
- "lp-brand-container-high": string;
40
- "lp-brand-label-primary": string;
41
- "lp-brand-label-secondary": string;
42
- "lp-brand-border-overlay-normal": string;
43
- "lp-brand-border-opaque-normal": string;
44
- "lp-accent-yellow": string;
45
- "lp-accent-mint": string;
46
- "lp-accent-cyan": string;
47
- "lp-accent-purple": string;
48
- "lp-accent-pink": string;
49
- "lp-function-positive": string;
50
- "lp-function-negative": string;
51
- "lp-function-caution": string;
3
+ "neutral-container-lowest": string;
4
+ "neutral-container-low": string;
5
+ "neutral-container-mid": string;
6
+ "neutral-container-high": string;
7
+ "neutral-container-highest": string;
8
+ "neutral-fill-lowest": string;
9
+ "neutral-fill-low": string;
10
+ "neutral-fill-mid": string;
11
+ "neutral-label-primary": string;
12
+ "neutral-label-secondary": string;
13
+ "neutral-label-tertiary": string;
14
+ "neutral-label-quaternary": string;
15
+ "neutral-border-overlay-normal": string;
16
+ "neutral-border-overlay-subtle": string;
17
+ "neutral-border-opaque-strong": string;
18
+ "neutral-border-opaque-normal": string;
19
+ "neutral-border-opaque-subtle": string;
20
+ "inverse-container-lowest": string;
21
+ "inverse-container-low": string;
22
+ "inverse-container-mid": string;
23
+ "inverse-container-high": string;
24
+ "inverse-container-highest": string;
25
+ "inverse-fill-lowest": string;
26
+ "inverse-fill-low": string;
27
+ "inverse-fill-mid": string;
28
+ "inverse-label-primary": string;
29
+ "inverse-label-static-primary": string;
30
+ "inverse-label-secondary": string;
31
+ "inverse-label-tertiary": string;
32
+ "inverse-label-quaternary": string;
33
+ "inverse-border-overlay-normal": string;
34
+ "inverse-border-overlay-subtle": string;
35
+ "inverse-border-opaque-strong": string;
36
+ "inverse-border-opaque-normal": string;
37
+ "inverse-border-opaque-subtle": string;
38
+ "brand-container-mid": string;
39
+ "brand-container-high": string;
40
+ "brand-label-primary": string;
41
+ "brand-label-secondary": string;
42
+ "brand-border-overlay-normal": string;
43
+ "brand-border-opaque-normal": string;
44
+ "accent-yellow": string;
45
+ "accent-mint": string;
46
+ "accent-cyan": string;
47
+ "accent-purple": string;
48
+ "accent-pink": string;
49
+ "function-positive": string;
50
+ "function-negative": string;
51
+ "function-caution": string;
52
52
  };
53
53
  };