@medway-ui/native 1.4.0 → 1.5.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.
- package/package.json +1 -1
- package/setup/tokens.native.css +101 -0
package/package.json
CHANGED
package/setup/tokens.native.css
CHANGED
|
@@ -245,6 +245,80 @@
|
|
|
245
245
|
--color-prev-4: rgba(59, 63, 182, 0.04);
|
|
246
246
|
--color-prev-0: rgba(59, 63, 182, 0);
|
|
247
247
|
|
|
248
|
+
/* === Gold colors === */
|
|
249
|
+
--color-gold: rgba(217, 172, 104, 1);
|
|
250
|
+
--color-gold-darken-1: rgba(209, 154, 72, 1);
|
|
251
|
+
--color-gold-darken-2: rgba(191, 134, 49, 1);
|
|
252
|
+
--color-gold-darken-3: rgba(159, 111, 40, 1);
|
|
253
|
+
--color-gold-darken-4: rgba(126, 88, 32, 1);
|
|
254
|
+
--color-gold-darken-5: rgba(94, 66, 24, 1);
|
|
255
|
+
--color-gold-darken-6: rgba(61, 43, 15, 1);
|
|
256
|
+
--color-gold-lighten-1: rgba(221, 181, 121, 1);
|
|
257
|
+
--color-gold-lighten-2: rgba(229, 199, 153, 1);
|
|
258
|
+
--color-gold-lighten-3: rgba(233, 208, 170, 1);
|
|
259
|
+
--color-gold-lighten-4: rgba(237, 217, 186, 1);
|
|
260
|
+
--color-gold-lighten-5: rgba(242, 226, 202, 1);
|
|
261
|
+
--color-gold-lighten-6: rgba(246, 235, 218, 1);
|
|
262
|
+
--color-gold-80: rgba(217, 172, 104, 0.8);
|
|
263
|
+
--color-gold-64: rgba(217, 172, 104, 0.64);
|
|
264
|
+
--color-gold-48: rgba(217, 172, 104, 0.48);
|
|
265
|
+
--color-gold-24: rgba(217, 172, 104, 0.24);
|
|
266
|
+
--color-gold-16: rgba(217, 172, 104, 0.16);
|
|
267
|
+
--color-gold-12: rgba(217, 172, 104, 0.12);
|
|
268
|
+
--color-gold-8: rgba(217, 172, 104, 0.08);
|
|
269
|
+
--color-gold-6: rgba(217, 172, 104, 0.06);
|
|
270
|
+
--color-gold-4: rgba(217, 172, 104, 0.04);
|
|
271
|
+
--color-gold-0: rgba(217, 172, 104, 0);
|
|
272
|
+
|
|
273
|
+
/* === Silver colors === */
|
|
274
|
+
--color-silver: rgba(120, 120, 120, 1);
|
|
275
|
+
--color-silver-darken-1: rgba(99, 99, 99, 1);
|
|
276
|
+
--color-silver-darken-2: rgba(79, 79, 79, 1);
|
|
277
|
+
--color-silver-darken-3: rgba(69, 69, 69, 1);
|
|
278
|
+
--color-silver-darken-4: rgba(59, 59, 59, 1);
|
|
279
|
+
--color-silver-darken-5: rgba(48, 48, 48, 1);
|
|
280
|
+
--color-silver-darken-6: rgba(38, 38, 38, 1);
|
|
281
|
+
--color-silver-lighten-1: rgba(140, 140, 140, 1);
|
|
282
|
+
--color-silver-lighten-2: rgba(161, 161, 161, 1);
|
|
283
|
+
--color-silver-lighten-3: rgba(181, 181, 181, 1);
|
|
284
|
+
--color-silver-lighten-4: rgba(199, 199, 199, 1);
|
|
285
|
+
--color-silver-lighten-5: rgba(219, 219, 219, 1);
|
|
286
|
+
--color-silver-lighten-6: rgba(240, 240, 240, 1);
|
|
287
|
+
--color-silver-80: rgba(120, 120, 120, 0.8);
|
|
288
|
+
--color-silver-64: rgba(120, 120, 120, 0.64);
|
|
289
|
+
--color-silver-48: rgba(120, 120, 120, 0.48);
|
|
290
|
+
--color-silver-24: rgba(120, 120, 120, 0.24);
|
|
291
|
+
--color-silver-16: rgba(120, 120, 120, 0.16);
|
|
292
|
+
--color-silver-12: rgba(120, 120, 120, 0.12);
|
|
293
|
+
--color-silver-8: rgba(120, 120, 120, 0.08);
|
|
294
|
+
--color-silver-6: rgba(120, 120, 120, 0.06);
|
|
295
|
+
--color-silver-4: rgba(120, 120, 120, 0.04);
|
|
296
|
+
--color-silver-0: rgba(120, 120, 120, 0);
|
|
297
|
+
|
|
298
|
+
/* === Bronze colors === */
|
|
299
|
+
--color-bronze: rgba(199, 119, 87, 1);
|
|
300
|
+
--color-bronze-darken-1: rgba(184, 97, 61, 1);
|
|
301
|
+
--color-bronze-darken-2: rgba(153, 80, 51, 1);
|
|
302
|
+
--color-bronze-darken-3: rgba(122, 64, 41, 1);
|
|
303
|
+
--color-bronze-darken-4: rgba(92, 48, 31, 1);
|
|
304
|
+
--color-bronze-darken-5: rgba(61, 32, 20, 1);
|
|
305
|
+
--color-bronze-darken-6: rgba(31, 16, 10, 1);
|
|
306
|
+
--color-bronze-lighten-1: rgba(209, 144, 117, 1);
|
|
307
|
+
--color-bronze-lighten-2: rgba(219, 168, 148, 1);
|
|
308
|
+
--color-bronze-lighten-3: rgba(229, 193, 178, 1);
|
|
309
|
+
--color-bronze-lighten-4: rgba(240, 218, 209, 1);
|
|
310
|
+
--color-bronze-lighten-5: rgba(250, 243, 240, 1);
|
|
311
|
+
--color-bronze-80: rgba(199, 119, 87, 0.8);
|
|
312
|
+
--color-bronze-64: rgba(199, 119, 87, 0.64);
|
|
313
|
+
--color-bronze-48: rgba(199, 119, 87, 0.48);
|
|
314
|
+
--color-bronze-24: rgba(199, 119, 87, 0.24);
|
|
315
|
+
--color-bronze-16: rgba(199, 119, 87, 0.16);
|
|
316
|
+
--color-bronze-12: rgba(199, 119, 87, 0.12);
|
|
317
|
+
--color-bronze-8: rgba(199, 119, 87, 0.08);
|
|
318
|
+
--color-bronze-6: rgba(199, 119, 87, 0.06);
|
|
319
|
+
--color-bronze-4: rgba(199, 119, 87, 0.04);
|
|
320
|
+
--color-bronze-0: rgba(199, 119, 87, 0);
|
|
321
|
+
|
|
248
322
|
/* === Brand Primary colors === */
|
|
249
323
|
--color-primary: rgba(0, 32, 91, 1);
|
|
250
324
|
--color-primary-darken-1: rgba(2, 22, 59, 1);
|
|
@@ -455,6 +529,33 @@
|
|
|
455
529
|
--color-prev-background-soft: var(--color-prev-8);
|
|
456
530
|
--color-prev-background-soft-emphasis: var(--color-prev-4);
|
|
457
531
|
|
|
532
|
+
/* === Base gold colors === */
|
|
533
|
+
--color-gold-foreground: var(--color-gold-darken-4);
|
|
534
|
+
--color-gold-foreground-emphasis: var(--color-gold-darken-5);
|
|
535
|
+
--color-gold-foreground-onfill: var(--color-gold-darken-5);
|
|
536
|
+
--color-gold-background-fill: var(--color-gold);
|
|
537
|
+
--color-gold-background-fill-emphasis: var(--color-gold-darken-1);
|
|
538
|
+
--color-gold-background-soft: var(--color-gold-24);
|
|
539
|
+
--color-gold-background-soft-emphasis: var(--color-gold-16);
|
|
540
|
+
|
|
541
|
+
/* === Base silver colors === */
|
|
542
|
+
--color-silver-foreground: var(--color-silver-darken-4);
|
|
543
|
+
--color-silver-foreground-emphasis: var(--color-silver-darken-6);
|
|
544
|
+
--color-silver-foreground-onfill: var(--color-white);
|
|
545
|
+
--color-silver-background-fill: var(--color-silver);
|
|
546
|
+
--color-silver-background-fill-emphasis: var(--color-silver-darken-1);
|
|
547
|
+
--color-silver-background-soft: var(--color-silver-8);
|
|
548
|
+
--color-silver-background-soft-emphasis: var(--color-silver-4);
|
|
549
|
+
|
|
550
|
+
/* === Base bronze colors === */
|
|
551
|
+
--color-bronze-foreground: var(--color-bronze-darken-3);
|
|
552
|
+
--color-bronze-foreground-emphasis: var(--color-bronze-darken-4);
|
|
553
|
+
--color-bronze-foreground-onfill: var(--color-white);
|
|
554
|
+
--color-bronze-background-fill: var(--color-bronze);
|
|
555
|
+
--color-bronze-background-fill-emphasis: var(--color-bronze-darken-1);
|
|
556
|
+
--color-bronze-background-soft: var(--color-bronze-24);
|
|
557
|
+
--color-bronze-background-soft-emphasis: var(--color-bronze-16);
|
|
558
|
+
|
|
458
559
|
/* === Base primary colors === */
|
|
459
560
|
--color-primary-foreground: var(--color-primary);
|
|
460
561
|
--color-primary-foreground-emphasis: var(--color-primary-darken-1);
|