@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.
@@ -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(--color-green-darken-3);
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
- /* === Base feedback success colors === */
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(--color-green-darken-2);
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(--color-yellow-lighten-2);
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);
@@ -21,15 +21,19 @@ export const colors = {
21
21
  feedback: {
22
22
  success: {
23
23
  foreground: "var(--color-feedback-success-foreground)",
24
- "foreground-emphasis": "var(--color-feedback-success-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": "var(--color-feedback-success-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": "var(--color-feedback-success-background-soft-emphasis)",
32
- "background-soft-muted": "var(--color-feedback-success-background-soft-muted)",
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": "var(--color-feedback-error-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": "var(--color-feedback-error-background-soft-emphasis)",
44
- "background-soft-muted": "var(--color-feedback-error-background-soft-muted)",
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": "var(--color-feedback-warning-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": "var(--color-feedback-warning-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": "var(--color-feedback-warning-background-soft-emphasis)",
56
- "background-soft-muted": "var(--color-feedback-warning-background-soft-muted)",
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)",