@compsych-ui-components/shared 4.0.18 → 4.0.19
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 +1 -1
- package/src/tokens/ref-tokens.d.ts +14 -16
- package/src/tokens/ref-tokens.js +14 -16
- package/src/tokens/ref-tokens.js.map +1 -1
- package/src/tokens/refs.css +16 -16
- package/src/tokens/sys-tokens.d.ts +85 -85
- package/src/tokens/sys-tokens.js +85 -85
- package/src/tokens/sys-tokens.js.map +1 -1
- package/src/tokens/sys.css +85 -85
- package/src/tokens/themes/absence-resources.css +85 -85
- package/src/tokens/themes/brand-b.css +16 -16
- package/src/tokens/themes/brand-c.css +16 -16
- package/src/tokens/themes/compsych.css +16 -16
- package/src/tokens/themes/crc.css +85 -85
- package/src/tokens/themes/gro.css +85 -85
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
/* CRC brand theme */
|
|
2
2
|
[data-theme="crc"] {
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
--
|
|
17
|
-
--
|
|
18
|
-
--
|
|
19
|
-
--
|
|
20
|
-
--
|
|
21
|
-
--
|
|
22
|
-
--
|
|
23
|
-
--
|
|
3
|
+
--pd-primary: #075cba;
|
|
4
|
+
--pd-on-primary: #ffffff;
|
|
5
|
+
--pd-primary-container: #070f36;
|
|
6
|
+
--pd-on-primary-container: #ffffff;
|
|
7
|
+
--pd-on-primary-container-variant: #b9dcff;
|
|
8
|
+
--pd-secondary: #ffffff;
|
|
9
|
+
--pd-on-secondary: #1b1d22;
|
|
10
|
+
--pd-secondary-container: #ffffff;
|
|
11
|
+
--pd-on-secondary-container: #1b1d22;
|
|
12
|
+
--pd-success: #278647;
|
|
13
|
+
--pd-on-success: #ffffff;
|
|
14
|
+
--pd-success-container: #c4e9d0;
|
|
15
|
+
--pd-on-success-container: #0a241b;
|
|
16
|
+
--pd-warning: #d67d00;
|
|
17
|
+
--pd-on-warning: #ffffff;
|
|
18
|
+
--pd-warning-container: #fdeed9;
|
|
19
|
+
--pd-on-warning-container: #694007;
|
|
20
|
+
--pd-info: #226cee;
|
|
21
|
+
--pd-on-info: #ffffff;
|
|
22
|
+
--pd-info-container: #daecff;
|
|
23
|
+
--pd-on-info-container: #162755;
|
|
24
24
|
--pd-error: #d82727;
|
|
25
25
|
--pd-on-error: #ffffff;
|
|
26
26
|
--pd-error-container: #f7d4d4;
|
|
27
27
|
--pd-on-error-container: #570f0f;
|
|
28
|
-
--
|
|
29
|
-
--
|
|
30
|
-
--
|
|
31
|
-
--
|
|
32
|
-
--
|
|
33
|
-
--
|
|
34
|
-
--
|
|
35
|
-
--
|
|
36
|
-
--
|
|
37
|
-
--
|
|
38
|
-
--
|
|
28
|
+
--pd-surface: #f3f4f6;
|
|
29
|
+
--pd-on-surface: #1b1d22;
|
|
30
|
+
--pd-on-surface-variant: #565f6c;
|
|
31
|
+
--pd-surface-container-lowest: #ffffff;
|
|
32
|
+
--pd-surface-container-low: #f9fafb;
|
|
33
|
+
--pd-surface-container: #f3f4f6;
|
|
34
|
+
--pd-surface-container-high: #eceeef;
|
|
35
|
+
--pd-surface-container-highest: #e6e8ea;
|
|
36
|
+
--pd-inverse-surface: #474f5d;
|
|
37
|
+
--pd-inverse-on-surface: #ffffff;
|
|
38
|
+
--pd-inverse-primary: #b9dcff;
|
|
39
39
|
--pd-outline: #eceeef;
|
|
40
40
|
--pd-outline-variant: #d7dbe0;
|
|
41
41
|
--pd-outline-fixed: #b3bbc6;
|
|
42
42
|
--pd-outline-inverse: rgba(255, 255, 255, 0.4);
|
|
43
|
-
--
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--
|
|
48
|
-
--
|
|
49
|
-
--
|
|
50
|
-
--
|
|
51
|
-
--
|
|
52
|
-
--
|
|
43
|
+
--pd-primary-fixed: #82b1ff;
|
|
44
|
+
--pd-primary-fixed-dim: #e3f2fd;
|
|
45
|
+
--pd-on-primary-fixed: #075cba;
|
|
46
|
+
--pd-on-primary-fixed-variant: #4285f4;
|
|
47
|
+
--pd-secondary-fixed: #fdeed9;
|
|
48
|
+
--pd-secondary-fixed-dim: #fff2e5;
|
|
49
|
+
--pd-on-secondary-fixed: #995e0a;
|
|
50
|
+
--pd-on-secondary-fixed-variant: #f3ac49;
|
|
51
|
+
--pd-surface-dim: #eceeef;
|
|
52
|
+
--pd-surface-bright: #ffffff;
|
|
53
53
|
--pd-chart-color-1: #b9dcff;
|
|
54
54
|
--pd-chart-color-2: #82b1ff;
|
|
55
55
|
--pd-chart-color-3: #4285f4;
|
|
@@ -59,22 +59,22 @@
|
|
|
59
59
|
--pd-chart-color-7: #070f36;
|
|
60
60
|
--pd-chart-color-8: #050a24;
|
|
61
61
|
--pd-chart-inactive: #eceeef;
|
|
62
|
-
--
|
|
63
|
-
--
|
|
64
|
-
--
|
|
65
|
-
--
|
|
66
|
-
--
|
|
67
|
-
--
|
|
68
|
-
--
|
|
69
|
-
--
|
|
70
|
-
--
|
|
71
|
-
--
|
|
72
|
-
--
|
|
73
|
-
--
|
|
74
|
-
--
|
|
75
|
-
--
|
|
76
|
-
--
|
|
77
|
-
--
|
|
62
|
+
--pd-white-10: rgba(255, 255, 255, 0.1);
|
|
63
|
+
--pd-white-20: rgba(255, 255, 255, 0.2);
|
|
64
|
+
--pd-white-30: rgba(255, 255, 255, 0.3);
|
|
65
|
+
--pd-white-40: rgba(255, 255, 255, 0.4);
|
|
66
|
+
--pd-white-50: rgba(255, 255, 255, 0.5);
|
|
67
|
+
--pd-white-80: rgba(255, 255, 255, 0.8);
|
|
68
|
+
--pd-black-10: rgba(0, 0, 0, 0.1);
|
|
69
|
+
--pd-black-20: rgba(0, 0, 0, 0.2);
|
|
70
|
+
--pd-black-30: rgba(0, 0, 0, 0.3);
|
|
71
|
+
--pd-black-40: rgba(0, 0, 0, 0.4);
|
|
72
|
+
--pd-black-50: rgba(0, 0, 0, 0.5);
|
|
73
|
+
--pd-black-80: rgba(0, 0, 0, 0.8);
|
|
74
|
+
--pd-primary-08: rgba(7, 92, 186, 0.08);
|
|
75
|
+
--pd-primary-20: rgba(7, 92, 186, 0.08);
|
|
76
|
+
--pd-secondary-08: rgba(7, 92, 186, 0.08);
|
|
77
|
+
--pd-secondary-20: rgba(7, 92, 186, 0.08);
|
|
78
78
|
--pd-font-family: 'google sans', sans-serif;
|
|
79
79
|
--pd-font-weight: normal;
|
|
80
80
|
--pd-font-size: 5rem;
|
|
@@ -165,33 +165,33 @@
|
|
|
165
165
|
--pd-line-height: 1.125rem;
|
|
166
166
|
--pd-tracking: 0;
|
|
167
167
|
--pd-font-weight-emphasized: 500;
|
|
168
|
-
--
|
|
169
|
-
--
|
|
170
|
-
--
|
|
171
|
-
--
|
|
172
|
-
--
|
|
173
|
-
--
|
|
174
|
-
--
|
|
175
|
-
--
|
|
176
|
-
--
|
|
177
|
-
--
|
|
178
|
-
--
|
|
179
|
-
--
|
|
180
|
-
--
|
|
181
|
-
--
|
|
182
|
-
--
|
|
183
|
-
--
|
|
184
|
-
--
|
|
185
|
-
--
|
|
186
|
-
--
|
|
187
|
-
--
|
|
188
|
-
--
|
|
189
|
-
--
|
|
190
|
-
--
|
|
191
|
-
--
|
|
192
|
-
--
|
|
193
|
-
--
|
|
194
|
-
--
|
|
168
|
+
--pd-margin-none: 0;
|
|
169
|
+
--pd-margin-sm: 1rem;
|
|
170
|
+
--pd-margin-md: 1.5rem;
|
|
171
|
+
--pd-margin-lg: 2rem;
|
|
172
|
+
--pd-margin-xl: 2.5rem;
|
|
173
|
+
--pd-margin-2xl: 5rem;
|
|
174
|
+
--pd-spacer-xs: 0.5rem;
|
|
175
|
+
--pd-spacer-sm: 1rem;
|
|
176
|
+
--pd-spacer-md: 1.5rem;
|
|
177
|
+
--pd-spacer-lg: 2rem;
|
|
178
|
+
--pd-neg-padding-24: -1.5rem;
|
|
179
|
+
--pd-neg-padding-16: -1rem;
|
|
180
|
+
--pd-padding-0: 0;
|
|
181
|
+
--pd-padding-2: 0.125rem;
|
|
182
|
+
--pd-padding-4: 0.25rem;
|
|
183
|
+
--pd-padding-6: 0.375rem;
|
|
184
|
+
--pd-padding-8: 0.5rem;
|
|
185
|
+
--pd-padding-12: 0.75rem;
|
|
186
|
+
--pd-padding-16: 1rem;
|
|
187
|
+
--pd-padding-20: 1.25rem;
|
|
188
|
+
--pd-padding-24: 1.5rem;
|
|
189
|
+
--pd-padding-32: 2rem;
|
|
190
|
+
--pd-padding-40: 2.5rem;
|
|
191
|
+
--pd-padding-48: 3rem;
|
|
192
|
+
--pd-padding-64: 4rem;
|
|
193
|
+
--pd-padding-72: 4.5rem;
|
|
194
|
+
--pd-padding-80: 5rem;
|
|
195
195
|
--pd-radius-none: 0;
|
|
196
196
|
--pd-radius-xs: 0.25rem;
|
|
197
197
|
--pd-radius-sm: 0.5rem;
|
|
@@ -1,55 +1,55 @@
|
|
|
1
1
|
/* GRO brand theme */
|
|
2
2
|
[data-theme="gro"] {
|
|
3
|
-
--
|
|
4
|
-
--
|
|
5
|
-
--
|
|
6
|
-
--
|
|
7
|
-
--
|
|
8
|
-
--
|
|
9
|
-
--
|
|
10
|
-
--
|
|
11
|
-
--
|
|
12
|
-
--
|
|
13
|
-
--
|
|
14
|
-
--
|
|
15
|
-
--
|
|
16
|
-
--
|
|
17
|
-
--
|
|
18
|
-
--
|
|
19
|
-
--
|
|
20
|
-
--
|
|
21
|
-
--
|
|
22
|
-
--
|
|
23
|
-
--
|
|
3
|
+
--pd-primary: #075cba;
|
|
4
|
+
--pd-on-primary: #ffffff;
|
|
5
|
+
--pd-primary-container: #070f36;
|
|
6
|
+
--pd-on-primary-container: #ffffff;
|
|
7
|
+
--pd-on-primary-container-variant: #b9dcff;
|
|
8
|
+
--pd-secondary: #d67d00;
|
|
9
|
+
--pd-on-secondary: #ffffff;
|
|
10
|
+
--pd-secondary-container: #fdeed9;
|
|
11
|
+
--pd-on-secondary-container: #694007;
|
|
12
|
+
--pd-success: #278647;
|
|
13
|
+
--pd-on-success: #ffffff;
|
|
14
|
+
--pd-success-container: #c4e9d0;
|
|
15
|
+
--pd-on-success-container: #0a241b;
|
|
16
|
+
--pd-warning: #d67d00;
|
|
17
|
+
--pd-on-warning: #ffffff;
|
|
18
|
+
--pd-warning-container: #fdeed9;
|
|
19
|
+
--pd-on-warning-container: #694007;
|
|
20
|
+
--pd-info: #226cee;
|
|
21
|
+
--pd-on-info: #ffffff;
|
|
22
|
+
--pd-info-container: #daecff;
|
|
23
|
+
--pd-on-info-container: #162755;
|
|
24
24
|
--pd-error: #d82727;
|
|
25
25
|
--pd-on-error: #ffffff;
|
|
26
26
|
--pd-error-container: #f7d4d4;
|
|
27
27
|
--pd-on-error-container: #570f0f;
|
|
28
|
-
--
|
|
29
|
-
--
|
|
30
|
-
--
|
|
31
|
-
--
|
|
32
|
-
--
|
|
33
|
-
--
|
|
34
|
-
--
|
|
35
|
-
--
|
|
36
|
-
--
|
|
37
|
-
--
|
|
38
|
-
--
|
|
28
|
+
--pd-surface: #f3f4f6;
|
|
29
|
+
--pd-on-surface: #1b1d22;
|
|
30
|
+
--pd-on-surface-variant: #565f6c;
|
|
31
|
+
--pd-surface-container-lowest: #ffffff;
|
|
32
|
+
--pd-surface-container-low: #f9fafb;
|
|
33
|
+
--pd-surface-container: #f3f4f6;
|
|
34
|
+
--pd-surface-container-high: #eceeef;
|
|
35
|
+
--pd-surface-container-highest: #e6e8ea;
|
|
36
|
+
--pd-inverse-surface: #565f6c;
|
|
37
|
+
--pd-inverse-on-surface: #ffffff;
|
|
38
|
+
--pd-inverse-primary: #b9dcff;
|
|
39
39
|
--pd-outline: #ebecf0;
|
|
40
40
|
--pd-outline-variant: #d7dbe0;
|
|
41
41
|
--pd-outline-fixed: #8a96a6;
|
|
42
42
|
--pd-outline-inverse: rgba(255, 255, 255, 0.4);
|
|
43
|
-
--
|
|
44
|
-
--
|
|
45
|
-
--
|
|
46
|
-
--
|
|
47
|
-
--
|
|
48
|
-
--
|
|
49
|
-
--
|
|
50
|
-
--
|
|
51
|
-
--
|
|
52
|
-
--
|
|
43
|
+
--pd-primary-fixed: #82b1ff;
|
|
44
|
+
--pd-primary-fixed-dim: #e3f2fd;
|
|
45
|
+
--pd-on-primary-fixed: #075cba;
|
|
46
|
+
--pd-on-primary-fixed-variant: #4285f4;
|
|
47
|
+
--pd-secondary-fixed: #d67d00;
|
|
48
|
+
--pd-secondary-fixed-dim: #f3ac49;
|
|
49
|
+
--pd-on-secondary-fixed: #f9d8a9;
|
|
50
|
+
--pd-on-secondary-fixed-variant: #3a2304;
|
|
51
|
+
--pd-surface-dim: #eceeef;
|
|
52
|
+
--pd-surface-bright: #ffffff;
|
|
53
53
|
--pd-chart-color-1: #b9dcff;
|
|
54
54
|
--pd-chart-color-2: #82b1ff;
|
|
55
55
|
--pd-chart-color-3: #4285f4;
|
|
@@ -59,22 +59,22 @@
|
|
|
59
59
|
--pd-chart-color-7: #070f36;
|
|
60
60
|
--pd-chart-color-8: #050a24;
|
|
61
61
|
--pd-chart-inactive: #eceeef;
|
|
62
|
-
--
|
|
63
|
-
--
|
|
64
|
-
--
|
|
65
|
-
--
|
|
66
|
-
--
|
|
67
|
-
--
|
|
68
|
-
--
|
|
69
|
-
--
|
|
70
|
-
--
|
|
71
|
-
--
|
|
72
|
-
--
|
|
73
|
-
--
|
|
74
|
-
--
|
|
75
|
-
--
|
|
76
|
-
--
|
|
77
|
-
--
|
|
62
|
+
--pd-white-10: rgba(255, 255, 255, 0.1);
|
|
63
|
+
--pd-white-20: rgba(255, 255, 255, 0.2);
|
|
64
|
+
--pd-white-30: rgba(255, 255, 255, 0.3);
|
|
65
|
+
--pd-white-40: rgba(255, 255, 255, 0.4);
|
|
66
|
+
--pd-white-50: rgba(255, 255, 255, 0.5);
|
|
67
|
+
--pd-white-80: rgba(255, 255, 255, 0.8);
|
|
68
|
+
--pd-black-10: rgba(0, 0, 0, 0.1);
|
|
69
|
+
--pd-black-20: rgba(0, 0, 0, 0.2);
|
|
70
|
+
--pd-black-30: rgba(0, 0, 0, 0.3);
|
|
71
|
+
--pd-black-40: rgba(0, 0, 0, 0.4);
|
|
72
|
+
--pd-black-50: rgba(0, 0, 0, 0.5);
|
|
73
|
+
--pd-black-80: rgba(0, 0, 0, 0.8);
|
|
74
|
+
--pd-primary-08: rgba(7, 92, 186, 0.08);
|
|
75
|
+
--pd-primary-20: rgba(7, 92, 186, 0.2);
|
|
76
|
+
--pd-secondary-08: rgba(214, 125, 0, 0.08);
|
|
77
|
+
--pd-secondary-20: rgba(214, 125, 0, 0.2);
|
|
78
78
|
--pd-font-family: 'google sans', sans-serif;
|
|
79
79
|
--pd-font-weight: normal;
|
|
80
80
|
--pd-font-size: 5rem;
|
|
@@ -165,33 +165,33 @@
|
|
|
165
165
|
--pd-line-height: 1.125rem;
|
|
166
166
|
--pd-tracking: 0.0075rem;
|
|
167
167
|
--pd-font-weight-emphasized: 500;
|
|
168
|
-
--
|
|
169
|
-
--
|
|
170
|
-
--
|
|
171
|
-
--
|
|
172
|
-
--
|
|
173
|
-
--
|
|
174
|
-
--
|
|
175
|
-
--
|
|
176
|
-
--
|
|
177
|
-
--
|
|
178
|
-
--
|
|
179
|
-
--
|
|
180
|
-
--
|
|
181
|
-
--
|
|
182
|
-
--
|
|
183
|
-
--
|
|
184
|
-
--
|
|
185
|
-
--
|
|
186
|
-
--
|
|
187
|
-
--
|
|
188
|
-
--
|
|
189
|
-
--
|
|
190
|
-
--
|
|
191
|
-
--
|
|
192
|
-
--
|
|
193
|
-
--
|
|
194
|
-
--
|
|
168
|
+
--pd-margin-none: 0;
|
|
169
|
+
--pd-margin-sm: 1rem;
|
|
170
|
+
--pd-margin-md: 1.5rem;
|
|
171
|
+
--pd-margin-lg: 2rem;
|
|
172
|
+
--pd-margin-xl: 2.5rem;
|
|
173
|
+
--pd-margin-2xl: 5rem;
|
|
174
|
+
--pd-spacer-xs: 0.5rem;
|
|
175
|
+
--pd-spacer-sm: 1rem;
|
|
176
|
+
--pd-spacer-md: 1.5rem;
|
|
177
|
+
--pd-spacer-lg: 2rem;
|
|
178
|
+
--pd-neg-padding-24: -1.5rem;
|
|
179
|
+
--pd-neg-padding-16: -1rem;
|
|
180
|
+
--pd-padding-0: 0;
|
|
181
|
+
--pd-padding-2: 0.125rem;
|
|
182
|
+
--pd-padding-4: 0.25rem;
|
|
183
|
+
--pd-padding-6: 0.375rem;
|
|
184
|
+
--pd-padding-8: 0.5rem;
|
|
185
|
+
--pd-padding-12: 0.75rem;
|
|
186
|
+
--pd-padding-16: 1rem;
|
|
187
|
+
--pd-padding-20: 1.25rem;
|
|
188
|
+
--pd-padding-24: 1.5rem;
|
|
189
|
+
--pd-padding-32: 2rem;
|
|
190
|
+
--pd-padding-40: 2.5rem;
|
|
191
|
+
--pd-padding-48: 3rem;
|
|
192
|
+
--pd-padding-64: 4rem;
|
|
193
|
+
--pd-padding-72: 4.5rem;
|
|
194
|
+
--pd-padding-80: 5rem;
|
|
195
195
|
--pd-radius-none: 0;
|
|
196
196
|
--pd-radius-xs: 0.25rem;
|
|
197
197
|
--pd-radius-sm: 0.5rem;
|