@rivet-health/design-system 2.9.0 → 2.11.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 +19 -1
- 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.
|
|
3
|
+
"version": "2.11.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^14.0.0",
|
|
6
6
|
"@angular/core": "^14.0.0",
|
|
@@ -19,6 +19,24 @@
|
|
|
19
19
|
"./styles/global.css": {
|
|
20
20
|
"style": "./styles/global.css"
|
|
21
21
|
},
|
|
22
|
+
"./styles/tokens/color.css": {
|
|
23
|
+
"style": "./styles/tokens/color.css"
|
|
24
|
+
},
|
|
25
|
+
"./styles/tokens/depth.css": {
|
|
26
|
+
"style": "./styles/tokens/depth.css"
|
|
27
|
+
},
|
|
28
|
+
"./styles/tokens/size.css": {
|
|
29
|
+
"style": "./styles/tokens/size.css"
|
|
30
|
+
},
|
|
31
|
+
"./styles/tokens/transition.css": {
|
|
32
|
+
"style": "./styles/tokens/transition.css"
|
|
33
|
+
},
|
|
34
|
+
"./styles/tokens/typography.css": {
|
|
35
|
+
"style": "./styles/tokens/typography.css"
|
|
36
|
+
},
|
|
37
|
+
"./styles/tokens/z-index.css": {
|
|
38
|
+
"style": "./styles/tokens/z-index.css"
|
|
39
|
+
},
|
|
22
40
|
"./package.json": {
|
|
23
41
|
"default": "./package.json"
|
|
24
42
|
},
|
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: #
|
|
18
|
-
--baja-blast-90: #
|
|
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: #
|
|
65
|
-
--rosi-30: #
|
|
66
|
-
--rosi-50: #
|
|
67
|
-
--rosi-70: #
|
|
68
|
-
--rosi-90: #
|
|
69
|
-
|
|
70
|
-
--serena-10: #
|
|
71
|
-
--serena-30: #
|
|
72
|
-
--serena-50: #
|
|
73
|
-
--serena-70: #
|
|
74
|
-
--serena-90: #
|
|
75
|
-
|
|
76
|
-
--tang-10: #
|
|
77
|
-
--tang-30: #
|
|
78
|
-
--tang-50: #
|
|
79
|
-
--tang-70: #
|
|
80
|
-
--tang-90: #
|
|
81
|
-
|
|
82
|
-
--teal-diamond-10: #
|
|
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: #
|
|
100
|
-
--yella-30: #
|
|
101
|
-
--yella-50: #
|
|
102
|
-
--yella-70: #
|
|
103
|
-
--yella-90: #
|
|
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
|
}
|