@rivet-health/design-system 2.9.0 → 2.10.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 (2) hide show
  1. package/package.json +1 -1
  2. package/styles/tokens/color.css +53 -26
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rivet-health/design-system",
3
- "version": "2.9.0",
3
+ "version": "2.10.0",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^14.0.0",
6
6
  "@angular/core": "^14.0.0",
package/styles/tokens/color.css CHANGED
@@ -14,9 +14,10 @@
14
14
  --baja-blast-10: #ecf9f3;
15
15
  --baja-blast-30: #a0ebc7;
16
16
  --baja-blast-50: #43c285;
17
- --baja-blast-70: #569175;
18
- --baja-blast-90: #30644b;
17
+ --baja-blast-70: #278759;
18
+ --baja-blast-90: #254e3a;
19
19
 
20
+ --baloo-05: #eff3ff;
20
21
  --baloo-10: #eaefff;
21
22
  --baloo-30: #8fa7fb;
22
23
  --baloo-50: #305dfb;
@@ -61,25 +62,25 @@
61
62
  --purp-90: #29006b;
62
63
  --purp-100: #1e004e;
63
64
 
64
- --rosi-10: #fff4fa;
65
- --rosi-30: #ffcff1;
66
- --rosi-50: #f98fd1;
67
- --rosi-70: #a63f80;
68
- --rosi-90: #5b003b;
69
-
70
- --serena-10: #f5fced;
71
- --serena-30: #c5ec9e;
72
- --serena-50: #91e827;
73
- --serena-70: #4bad00;
74
- --serena-90: #2c7600;
75
-
76
- --tang-10: #fff6e6;
77
- --tang-30: #ffd289;
78
- --tang-50: #ff9d00;
79
- --tang-70: #e57d00;
80
- --tang-90: #aa5c00;
81
-
82
- --teal-diamond-10: #e9faf3;
65
+ --rosi-10: #fdf4fa;
66
+ --rosi-30: #ffd1ef;
67
+ --rosi-50: #eb94ce;
68
+ --rosi-70: #9a467d;
69
+ --rosi-90: #530a3a;
70
+
71
+ --serena-10: #f6fcee;
72
+ --serena-30: #cdeba6;
73
+ --serena-50: #a5e752;
74
+ --serena-70: #66ac0d;
75
+ --serena-90: #417400;
76
+
77
+ --tang-10: #fff6e8;
78
+ --tang-30: #ffd493;
79
+ --tang-50: #ffa216;
80
+ --tang-70: #d78204;
81
+ --tang-90: #a06000;
82
+
83
+ --teal-diamond-10: #eef9fe;
83
84
  --teal-diamond-30: #bcebff;
84
85
  --teal-diamond-50: #51c2f2;
85
86
  --teal-diamond-70: #188bbc;
@@ -96,11 +97,11 @@
96
97
  --white-90: rgba(255, 255, 255, 0.9);
97
98
  --white-100: rgba(255, 255, 255, 1);
98
99
 
99
- --yella-10: #fffff1;
100
- --yella-30: #fffcb5;
101
- --yella-50: #fffa64;
102
- --yella-70: #d6cd00;
103
- --yella-90: #938c00;
100
+ --yella-10: #fffff2;
101
+ --yella-30: #fffcbd;
102
+ --yella-50: #fffa7c;
103
+ --yella-70: #d5cd15;
104
+ --yella-90: #928c00;
104
105
  }
105
106
  }
106
107
 
@@ -115,18 +116,42 @@
115
116
 
116
117
  --surface-light-0: var(--white-100);
117
118
  --surface-light-1: var(--gray-10);
119
+ --surface-light-2: var(--gray-20);
120
+ --surface-light-3: var(--gray-30);
121
+ --surface-light-4: var(--gray-40);
122
+
123
+ --surface-light-danger: var(--fyre-10);
124
+ --surface-light-caution: var(--tang-10);
125
+ --surface-light-warning: var(--yella-10);
126
+ --surface-light-safety: var(--baja-blast-10);
127
+ --surface-light-selected: var(--baloo-05);
118
128
 
119
129
  --type-light-high-contrast: var(--black-100);
120
130
  --type-light-low-contrast: var(--black-70);
121
131
  --type-light-disabled: var(--black-60);
122
132
  --type-light-body: var(--black-90);
123
133
  --type-light-danger: var(--fyre-90);
134
+ --type-light-caution: var(--arnge-90);
135
+ --type-light-warning: var(--yella-90);
124
136
  --type-light-safety: var(--baja-blast-90);
125
137
 
138
+ --type-light-link: var(--purp-70);
139
+ --type-light-link-hover: var(--purp-80);
140
+ --type-light-link-active: var(--purp-90);
141
+
126
142
  --border-light: var(--gray-40);
127
143
  --border-light-blend: var(--black-40);
128
144
 
129
145
  --surface-dark-0: var(--black-100);
146
+ --surface-dark-1: var(--gray-90);
147
+ --surface-dark-2: var(--gray-80);
148
+ --surface-dark-3: var(--gray-70);
149
+ --surface-dark-4: var(--gray-60);
150
+
151
+ --surface-dark-danger: var(--fyre-50);
152
+ --surface-dark-caution: var(--tang-50);
153
+ --surface-dark-warning: var(--yella-70);
154
+ --surface-dark-safety: var(--baja-blast-50);
130
155
 
131
156
  --type-dark-high-contrast: var(--white-90);
132
157
  --type-dark-low-contrast: var(--white-50);
@@ -135,5 +160,7 @@
135
160
 
136
161
  --border-dark: var(--gray-60);
137
162
  --border-dark-blend: var(--black-70);
163
+
164
+ --modal-scrim: var(--black-80);
138
165
  }
139
166
  }