@carefirst/library 6.3.3 → 6.3.5

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/public/styles/colors.scss +4 -3
  3. package/public/styles/font.scss +30 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carefirst/library",
3
- "version": "6.3.3",
3
+ "version": "6.3.5",
4
4
  "author": "FCS Dev Team",
5
5
  "private": false,
6
6
  "peerDependencies": {
package/public/styles/colors.scss CHANGED
@@ -6,6 +6,7 @@
6
6
  --cf-app-color-secondary: #80858a;
7
7
  --cf-app-color-white: #fcfcfc;
8
8
  --cf-app-color-off-white: #fcfaf9;
9
+ --cf-app-background-light: #fff;
9
10
  --cf-app-background-dark: #252525;
10
11
  --cf-app-color-accent: #3fa3db;
11
12
  --cf-app-color-accent-25: color-mix(in srgb, var(--cf-app-color-accent) 25%, #fff);
@@ -14,12 +15,12 @@
14
15
  --cf-app-system-color-success-100: #61c453;
15
16
  --cf-app-system-color-success-50: #c1f4bb;
16
17
  --cf-app-system-color-success-25: #e6ffe3;
17
- --cf-app-system-color-error-100: #ff3a69;
18
- --cf-app-system-color-error-50: #ffc4d2;
19
- --cf-app-system-color-error-25: #ffd8e1;
20
18
  --cf-app-system-color-warning-100: #ffc71f;
21
19
  --cf-app-system-color-warning-50: #fde18c;
22
20
  --cf-app-system-color-warning-25: #fdedc2;
21
+ --cf-app-system-color-error-100: #ff3a69;
22
+ --cf-app-system-color-error-50: #ffc4d2;
23
+ --cf-app-system-color-error-25: #ffd8e1;
23
24
  //--- Greys
24
25
  --cf-app-system-color-grey-background: #f4f4f4;
25
26
  --cf-app-system-color-grey-outline: #bdbdbd;
package/public/styles/font.scss CHANGED
@@ -110,20 +110,26 @@ h4 {
110
110
  margin: 0;
111
111
  display: inline-block;
112
112
  color: var(--cf-app-text-color-default);
113
- }
114
113
 
115
- h1.light,
116
- h2.light,
117
- h3.light,
118
- h4.light {
119
- color: var(--cf-app-text-color-light);
120
- }
114
+ &.light {
115
+ color: var(--cf-app-text-color-light);
116
+ }
121
117
 
122
- h1.grey,
123
- h2.grey,
124
- h3.grey,
125
- h4.grey {
126
- color: var(--cf-app-text-color-grey);
118
+ &.grey {
119
+ color: var(--cf-app-text-color-grey);
120
+ }
121
+
122
+ &.green {
123
+ color: var(--cf-app-text-color-dark-green);
124
+ }
125
+
126
+ &.yellow {
127
+ color: var(--cf-app-text-color-dark-yellow);
128
+ }
129
+
130
+ &.red {
131
+ color: var(--cf-app-text-color-dark-red);
132
+ }
127
133
  }
128
134
 
129
135
  /*================== Mobile ==================*/
@@ -189,6 +195,18 @@ p.grey {
189
195
  color: var(--cf-app-text-color-grey);
190
196
  }
191
197
 
198
+ p.green {
199
+ color: var(--cf-app-text-color-dark-green);
200
+ }
201
+
202
+ p.yellow {
203
+ color: var(--cf-app-text-color-dark-yellow);
204
+ }
205
+
206
+ p.red {
207
+ color: var(--cf-app-text-color-dark-red);
208
+ }
209
+
192
210
  /*================== Mobile ==================*/
193
211
 
194
212
  p.body-large {