@medway-ui/core 1.14.5 → 1.15.1
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/dist/assets/css/tokens.css +11 -4
- package/dist/assets/js/tokens.ts +23 -11
- package/dist/index.d.mts +300 -245
- package/dist/index.d.ts +300 -245
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
|
@@ -321,7 +321,9 @@
|
|
|
321
321
|
--color-feedback-success-stroke: var(--color-green);
|
|
322
322
|
--color-feedback-success-stroke-emphasis: var(--color-green-darken-2);
|
|
323
323
|
--color-feedback-success-background-fill: var(--color-green-darken-2);
|
|
324
|
-
--color-feedback-success-background-fill-emphasis: var(
|
|
324
|
+
--color-feedback-success-background-fill-emphasis: var(
|
|
325
|
+
--color-green-darken-3
|
|
326
|
+
);
|
|
325
327
|
--color-feedback-success-background-soft: var(--color-green-16);
|
|
326
328
|
--color-feedback-success-background-soft-emphasis: var(--color-green-12);
|
|
327
329
|
--color-feedback-success-background-soft-muted: var(--color-green-6);
|
|
@@ -561,6 +563,7 @@
|
|
|
561
563
|
--text-xxs: 10px;
|
|
562
564
|
--text-xs: 12px;
|
|
563
565
|
--text-sm: 14px;
|
|
566
|
+
--text-base: 15px;
|
|
564
567
|
--text-md: 16px;
|
|
565
568
|
--text-lg: 18px;
|
|
566
569
|
--text-title-xs: 20px;
|
|
@@ -628,14 +631,16 @@
|
|
|
628
631
|
--color-state-active: var(--color-white-16);
|
|
629
632
|
--color-state-error: var(--color-red-16);
|
|
630
633
|
|
|
631
|
-
|
|
634
|
+
/* === Base feedback success colors === */
|
|
632
635
|
--color-feedback-success-foreground: var(--color-green-lighten-4);
|
|
633
636
|
--color-feedback-success-foreground-emphasis: var(--color-green-lighten-6);
|
|
634
637
|
--color-feedback-success-foreground-onfill: var(--color-white);
|
|
635
638
|
--color-feedback-success-stroke: var(--color-green-darken-2);
|
|
636
639
|
--color-feedback-success-stroke-emphasis: var(--color-green);
|
|
637
640
|
--color-feedback-success-background-fill: var(--color-green-darken-3);
|
|
638
|
-
--color-feedback-success-background-fill-emphasis: var(
|
|
641
|
+
--color-feedback-success-background-fill-emphasis: var(
|
|
642
|
+
--color-green-darken-2
|
|
643
|
+
);
|
|
639
644
|
--color-feedback-success-background-soft: var(--color-green-8);
|
|
640
645
|
--color-feedback-success-background-soft-emphasis: var(--color-green-24);
|
|
641
646
|
--color-feedback-success-background-soft-muted: var(--color-green-16);
|
|
@@ -659,7 +664,9 @@
|
|
|
659
664
|
--color-feedback-warning-stroke: var(--color-yellow);
|
|
660
665
|
--color-feedback-warning-stroke-emphasis: var(--color-yellow-lighten-1);
|
|
661
666
|
--color-feedback-warning-background-fill: var(--color-yellow);
|
|
662
|
-
--color-feedback-warning-background-fill-emphasis: var(
|
|
667
|
+
--color-feedback-warning-background-fill-emphasis: var(
|
|
668
|
+
--color-yellow-lighten-2
|
|
669
|
+
);
|
|
663
670
|
--color-feedback-warning-background-soft: var(--color-yellow-8);
|
|
664
671
|
--color-feedback-warning-background-soft-emphasis: var(--color-yellow-24);
|
|
665
672
|
--color-feedback-warning-background-soft-muted: var(--color-yellow-16);
|
package/dist/assets/js/tokens.ts
CHANGED
|
@@ -21,15 +21,19 @@ export const colors = {
|
|
|
21
21
|
feedback: {
|
|
22
22
|
success: {
|
|
23
23
|
foreground: "var(--color-feedback-success-foreground)",
|
|
24
|
-
"foreground-emphasis":
|
|
24
|
+
"foreground-emphasis":
|
|
25
|
+
"var(--color-feedback-success-foreground-emphasis)",
|
|
25
26
|
"foreground-onfill": "var(--color-feedback-success-foreground-onfill)",
|
|
26
27
|
stroke: "var(--color-feedback-success-stroke)",
|
|
27
28
|
"stroke-emphasis": "var(--color-feedback-success-stroke-emphasis)",
|
|
28
29
|
"background-fill": "var(--color-feedback-success-background-fill)",
|
|
29
|
-
"background-fill-emphasis":
|
|
30
|
+
"background-fill-emphasis":
|
|
31
|
+
"var(--color-feedback-success-background-fill-emphasis)",
|
|
30
32
|
"background-soft": "var(--color-feedback-success-background-soft)",
|
|
31
|
-
"background-soft-emphasis":
|
|
32
|
-
|
|
33
|
+
"background-soft-emphasis":
|
|
34
|
+
"var(--color-feedback-success-background-soft-emphasis)",
|
|
35
|
+
"background-soft-muted":
|
|
36
|
+
"var(--color-feedback-success-background-soft-muted)",
|
|
33
37
|
},
|
|
34
38
|
error: {
|
|
35
39
|
foreground: "var(--color-feedback-error-foreground)",
|
|
@@ -38,22 +42,29 @@ export const colors = {
|
|
|
38
42
|
stroke: "var(--color-feedback-error-stroke)",
|
|
39
43
|
"stroke-emphasis": "var(--color-feedback-error-stroke-emphasis)",
|
|
40
44
|
"background-fill": "var(--color-feedback-error-background-fill)",
|
|
41
|
-
"background-fill-emphasis":
|
|
45
|
+
"background-fill-emphasis":
|
|
46
|
+
"var(--color-feedback-error-background-fill-emphasis)",
|
|
42
47
|
"background-soft": "var(--color-feedback-error-background-soft)",
|
|
43
|
-
"background-soft-emphasis":
|
|
44
|
-
|
|
48
|
+
"background-soft-emphasis":
|
|
49
|
+
"var(--color-feedback-error-background-soft-emphasis)",
|
|
50
|
+
"background-soft-muted":
|
|
51
|
+
"var(--color-feedback-error-background-soft-muted)",
|
|
45
52
|
},
|
|
46
53
|
warning: {
|
|
47
54
|
foreground: "var(--color-feedback-warning-foreground)",
|
|
48
|
-
"foreground-emphasis":
|
|
55
|
+
"foreground-emphasis":
|
|
56
|
+
"var(--color-feedback-warning-foreground-emphasis)",
|
|
49
57
|
"foreground-onfill": "var(--color-feedback-warning-foreground-onfill)",
|
|
50
58
|
stroke: "var(--color-feedback-warning-stroke)",
|
|
51
59
|
"stroke-emphasis": "var(--color-feedback-warning-stroke-emphasis)",
|
|
52
60
|
"background-fill": "var(--color-feedback-warning-background-fill)",
|
|
53
|
-
"background-fill-emphasis":
|
|
61
|
+
"background-fill-emphasis":
|
|
62
|
+
"var(--color-feedback-warning-background-fill-emphasis)",
|
|
54
63
|
"background-soft": "var(--color-feedback-warning-background-soft)",
|
|
55
|
-
"background-soft-emphasis":
|
|
56
|
-
|
|
64
|
+
"background-soft-emphasis":
|
|
65
|
+
"var(--color-feedback-warning-background-soft-emphasis)",
|
|
66
|
+
"background-soft-muted":
|
|
67
|
+
"var(--color-feedback-warning-background-soft-muted)",
|
|
57
68
|
},
|
|
58
69
|
},
|
|
59
70
|
surface: {
|
|
@@ -539,6 +550,7 @@ export const fontSize = {
|
|
|
539
550
|
xxs: "var(--text-xxs)",
|
|
540
551
|
xs: "var(--text-xs)",
|
|
541
552
|
sm: "var(--text-sm)",
|
|
553
|
+
base: "var(--text-base)",
|
|
542
554
|
md: "var(--text-md)",
|
|
543
555
|
lg: "var(--text-lg)",
|
|
544
556
|
xl: "var(--text-xl)",
|