@miljodirektoratet/md-css 6.14.0 → 6.16.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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/tokens/color-variables.css +11 -1
  3. package/src/tokens/tokens.css +19 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@miljodirektoratet/md-css",
3
- "version": "6.14.0",
3
+ "version": "6.16.0",
4
4
  "description": "CSS for Miljødirektoratet",
5
5
  "author": "Miljødirektoratet",
6
6
  "main": "./src/index.css",
package/src/tokens/color-variables.css CHANGED
@@ -15,6 +15,8 @@
15
15
  --md-color-green-1: #e5eeee;
16
16
 
17
17
  /* Beige */
18
+ --md-color-beige-7: #c9c4b3;
19
+ --md-color-beige-6: #d4d0bd;
18
20
  --md-color-beige-5: #ece7d2;
19
21
  --md-color-beige-4: #efebdb;
20
22
  --md-color-beige-3: #f3f0e4;
@@ -32,6 +34,14 @@
32
34
  --md-color-grey-white: #ffffff;
33
35
  --md-color-white: #ffffff;
34
36
 
37
+ /* Tertiary */
38
+ --md-color-tertiary-pink-dark: #ab5c57;
39
+ --md-color-tertiary-pink-light: #e6baa8;
40
+ --md-color-tertiary-yellow-dark: #d69a2d;
41
+ --md-color-tertiary-yellow-light: #ecd898;
42
+ --md-color-tertiary-brown-dark: #584446;
43
+ --md-color-tertiary-brown-light: #d6d2c4;
44
+
35
45
  /* Attention colors */
36
46
  --md-color-attention-white: #ffffff;
37
47
 
@@ -63,7 +73,7 @@
63
73
  --md-color-attention-success-4: #52c296;
64
74
  --md-color-attention-success-3: #80d1b1;
65
75
  --md-color-attention-success-2: #b6e2d2;
66
- --md-color-attention-success-1: #e6f6f0;
76
+ --md-color-attention-success-1: #d3eee4;
67
77
 
68
78
  /* Info */
69
79
  --md-color-attention-info-8: #003663;
package/src/tokens/tokens.css CHANGED
@@ -29,25 +29,36 @@
29
29
  --md-color-attention-error-secondary-hover: var(--md-color-attention-error-1);
30
30
  --md-color-attention-error-secondary-active: var(--md-color-attention-error-2);
31
31
  --md-color-attention-error-surface: var(--md-color-attention-error-1);
32
+ --md-color-attention-error-surface-tinted: var(--md-color-attention-error-2);
32
33
  --md-color-attention-error-surface-hover: var(--md-color-attention-error-3);
34
+ --md-color-attention-error-surface-active: var(--md-color-attention-error-4);
33
35
  --md-color-attention-error-border: var(--md-color-attention-error-6);
34
36
 
35
37
  --md-color-attention-warning-primary: var(--md-color-attention-warning-6);
36
38
  --md-color-attention-warning-primary-hover: var(--md-color-attention-warning-7);
37
39
  --md-color-attention-warning-primary-active: var(--md-color-attention-warning-8);
38
40
  --md-color-attention-warning-surface: var(--md-color-attention-warning-1);
41
+ --md-color-attention-warning-surface-tinted: var(--md-color-attention-warning-2);
42
+ --md-color-attention-warning-surface-hover: var(--md-color-attention-warning-3);
43
+ --md-color-attention-warning-surface-active: var(--md-color-attention-warning-4);
39
44
  --md-color-attention-warning-border: var(--md-color-attention-warning-5);
40
45
 
41
46
  --md-color-attention-success-primary: var(--md-color-attention-success-6);
42
47
  --md-color-attention-success-primary-hover: var(--md-color-attention-success-7);
43
48
  --md-color-attention-success-primary-active: var(--md-color-attention-success-8);
44
49
  --md-color-attention-success-surface: var(--md-color-attention-success-1);
50
+ --md-color-attention-success-surface-tinted: var(--md-color-attention-success-2);
51
+ --md-color-attention-success-surface-hover: var(--md-color-attention-success-3);
52
+ --md-color-attention-success-surface-active: var(--md-color-attention-success-4);
45
53
  --md-color-attention-success-border: var(--md-color-attention-success-6);
46
54
 
47
55
  --md-color-attention-info-primary: var(--md-color-attention-info-6);
48
56
  --md-color-attention-info-primary-hover: var(--md-color-attention-info-7);
49
57
  --md-color-attention-info-primary-active: var(--md-color-attention-info-8);
50
58
  --md-color-attention-info-surface: var(--md-color-attention-info-1);
59
+ --md-color-attention-info-surface-tinted: var(--md-color-attention-info-2);
60
+ --md-color-attention-info-surface-hover: var(--md-color-attention-info-3);
61
+ --md-color-attention-info-surface-active: var(--md-color-attention-info-4);
51
62
  --md-color-attention-info-border: var(--md-color-attention-info-6);
52
63
 
53
64
  /* surface */
@@ -58,10 +69,14 @@
58
69
  --md-color-surface-primary-hover: var(--md-color-green-3);
59
70
  --md-color-surface-primary-active: var(--md-color-green-4);
60
71
 
61
- --md-color-surface-secondary: var(--md-color-beige-1);
62
- --md-color-surface-secondary-tinted: var(--md-color-beige-2);
63
- --md-color-surface-secondary-hover: var(--md-color-beige-3);
64
- --md-color-surface-secondary-active: var(--md-color-beige-4);
72
+ --md-color-surface-secondary: var(--md-color-beige-2);
73
+ --md-color-surface-secondary-tinted: var(--md-color-beige-3);
74
+ --md-color-surface-secondary-hover: var(--md-color-beige-4);
75
+ --md-color-surface-secondary-active: var(--md-color-beige-5);
76
+ --md-color-surface-secondary-border: var(--md-color-tertiary-brown-dark);
77
+
78
+ --md-color-surface-secondary-light: var(--md-color-beige-1);
79
+ --md-color-surface-secondary-dark: var(--md-color-beige-6);
65
80
 
66
81
  --md-color-surface-grey: var(--md-color-grey-2);
67
82