@cagovweb/state-template 6.5.5 → 6.6.0-beta
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/dist/css/cagov.core.css +2887 -14177
- package/dist/css/cagov.core.flat.css +1009 -404
- package/dist/css/cagov.core.min.css +1 -1
- package/dist/css/colortheme-delta.css +4 -0
- package/dist/css/colortheme-delta.min.css +1 -1
- package/dist/css/colortheme-eureka.css +4 -0
- package/dist/css/colortheme-eureka.min.css +1 -1
- package/dist/css/colortheme-mono.css +4 -0
- package/dist/css/colortheme-mono.min.css +1 -1
- package/dist/css/colortheme-oceanside.css +4 -0
- package/dist/css/colortheme-oceanside.min.css +1 -1
- package/dist/css/colortheme-orangecounty.css +4 -0
- package/dist/css/colortheme-orangecounty.min.css +1 -1
- package/dist/css/colortheme-pasorobles.css +4 -0
- package/dist/css/colortheme-pasorobles.min.css +1 -1
- package/dist/css/colortheme-sacramento.css +4 -0
- package/dist/css/colortheme-sacramento.min.css +1 -1
- package/dist/css/colortheme-santabarbara.css +4 -0
- package/dist/css/colortheme-santabarbara.min.css +1 -1
- package/dist/css/colortheme-santacruz.css +4 -0
- package/dist/css/colortheme-santacruz.min.css +1 -1
- package/dist/css/colortheme-shasta.css +4 -0
- package/dist/css/colortheme-shasta.min.css +1 -1
- package/dist/css/colortheme-sierra.css +4 -0
- package/dist/css/colortheme-sierra.min.css +1 -1
- package/dist/css/colortheme-trinity.css +4 -0
- package/dist/css/colortheme-trinity.min.css +1 -1
- package/dist/css/colortheme-ukiah-night.css +292 -0
- package/dist/css/colortheme-ukiah-night.min.css +1 -0
- package/dist/css/colortheme-ventura-night.css +279 -0
- package/dist/css/colortheme-ventura-night.min.css +1 -0
- package/dist/js/cagov.core.js +120 -53
- package/dist/js/cagov.core.min.js +2 -2
- package/dist/readme.md +2 -2
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-p1:#56bfec;--color-p1-dark:#349ed1;--color-p1-darker:#007fb5;--color-p1-darkest:#006590;--color-p1-light:#a5ddf5;--color-p1-lighter:#dbf1fb;--color-p1-lightest:#f4fbfe;--color-p2:#001c29;--color-p2-dark:#00151f;--color-p2-darker:#000e14;--color-p2-darkest:#000;--color-p2-light:#002334;--color-p2-lighter:#003248;--color-p2-lightest:#00405d;--color-p3:#001c2a;--color-p3-dark:#00141e;--color-p3-darker:#000e14;--color-p3-darkest:#00090f;--color-p3-light:#002939;--color-p3-lighter:#042c3c;--color-p3-lightest:#093240;--color-s1:#014a72;--color-s1-darker:#00344b;--color-s1-lighter:#005e87;--color-s2:#262527;--color-s2-dark:#19181a;--color-s2-darker:#0f0e0f;--color-s3:#003248;--color-s3-dark:#002334;--color-s3-light:#00405d;--color-s3-lighter:#004e72;--gray-50:#f7fafe;--gray-75:#eef3f9;--gray-100:#e7eef6;--gray-200:#c9d5e5;--gray-300:#aebdd1;--gray-400:#95a6bb;--gray-500:#7a8c9f;--gray-600:#657689;--gray-700:#546374;--gray-800:#444f5d;--gray-900:#36404b;--color-primary:var(--color-p1);--color-primary-dark:var(--color-p1-darker);--color-primary-light:var(--color-p1-lighter);--code-color:#eb5c9c;--color-a1:#5aaae7;--color-a2:#3ab5f8;--color-a3:#31afa0;--color-a4:#42af3c;--color-a5:#ac92ce;--color-a6:#d274dc;--color-a7:#e48c81;--color-a8:#f17827;--share-facebook:var(--gray-200);--share-facebook-hover:color-mix(in srgb,var(--share-facebook),#000 15%);--share-twitter:var(--gray-200);--share-twitter-hover:color-mix(in srgb,var(--share-twitter),#000 15%);--share-googleplus:var(--gray-200);--share-googleplus-hover:color-mix( in srgb,var(--share-googleplus),#000 15% );--share-flickr:var(--gray-200);--share-linkedin:var(--gray-200);--share-instagram:var(--gray-200);--share-snapchat:var(--gray-200);--share-youtube:var(--gray-200);--share-pinterest:var(--gray-200);--share-vimeo:var(--gray-200);--share-email:var(--gray-200);--share-github:var(--gray-200);--body-bg:var(--color-p2-darker);--base-light:var(--black);--base-dark:var(--white);--default-bg:var(--color-p3);--default-bg-darker:var(--color-p3-light);--default-bg-hover:var(--color-p3-light);--default-bg-hover-darker:var(--color-p3-darkest);--text-color:#fafafa;--text-color-hover:#fff;--text-muted:#bababa;--text-secondary:#d1d1d1;--blockquote-small-color:#ededef;--link-color:var(--color-p1,#ffb300);--link-color-hover:var(--color-p1-lighter,#fbde84);--dark-section-link-color:var(--color-p1);--dark-section-link-color-hover:var(--color-p1-lighter);--outline-default-color:#85cbf9;--outline-dark-mode-color:#0b8ee5;--ca-gov-logo:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><path fill='%23ffffff' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='%23ffffff' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/></svg>") no-repeat;--text-field-bg-color:var(--body-bg);--text-field-color:var(--text-color);--brand-danger:#e28579;--utility-link:var(--white);--utility-link-hover:var(--text-color);--utility-header-background:var(--color-p3);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--bs-body-bg:var(--color-p2);--sidenav-active-bg:var(--color-s1);--sidenav-active-color:var(--color-p1-lighter);--sidenav-hover-bg:var(--color-p2);--sidenav-active-hover-bg:var(--color-s1-darker);--sidenav-active-hover-color:var(--color-p1-light);--border-color-muted:var(--gray-800);--border-color-default:var(--gray-600);--cagov-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");--cagov-form-radio-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");--cagov-form-indeterminate-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");--cagov-form-select-bg-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'><path fill='%23fff' d='M17.087 10.35l-4.337 4.336-4.337-4.336c-0.293-0.293-0.768-0.293-1.060 0s-0.293 0.768 0 1.060l4.864 4.864c0.147 0.147 0.341 0.221 0.533 0.219 0.194 0 0.386-0.072 0.533-0.219l4.865-4.864c0.293-0.293 0.293-0.768 0-1.060s-0.768-0.293-1.061 0z'/></svg>");--mobile-menu-icon-color:var(--text-color);--main-nav-color:var(--text-color);--main-nav-color-hover:var(--text-color);--main-nav-bg:var(--color-p2);--main-nav-bg-hover:var(--color-p2-light);--main-nav-border-color:var(--color-p2-darker);--main-nav-color-active:var(--text-color);--main-nav-color-active-hover:var(--text-color);--main-nav-bg-active:var(--color-p2-light);--main-nav-bg-active-hover:var(--color-p2-lighter);--global-footer-bg:var(--color-p3);--footer-links-color:var(--white);--footer-links-color-hover:var(--color-p1);--primary-btn-color:var(--gray-800);--primary-btn-bg:var(--white);--primary-btn-border-color:var(--white);--primary-btn-color-hover:var(--black);--primary-btn-bg-hover:var(--gray-200);--primary-btn-border-color-hover:var(--gray-200);--primary-btn-color-disabled:var(--gray-700);--btn-hover-primary-bg:var(--white);--btn-hover-primary-overlay:var(--gray-100);--outline-primary-btn:var(--black);--primary-outline-btn-color:var(--white);--primary-outline-btn-bg:var(--body-bg);--primary-outline-btn-border-color:var(--white);--primary-outline-btn-color-hover:var(--black);--primary-outline-btn-bg-hover:var(--white);--primary-outline-btn-border-color-hover:var(--white);--primary-outline-btn-color-disabled:var(--gray-200);--outline-primary-outline-btn:var(--outline-for-light-bg);--default-btn-color:var(--text-color);--default-btn-bg:var(--color-p3);--default-btn-border-color:var(--gray-200);--default-btn-color-hover:var(--white);--default-btn-bg-hover:var(--color-p3-lightest);--default-btn-border-color-hover:var(--white);--btn-hover-default-bg:var(--color-p3);--btn-hover-default-overlay:var(--color-p3-darkest);--outline-default-btn:var(--outline-for-dark-bg);--standout-btn-color:var(--black);--standout-btn-bg:var(--gray-200);--standout-btn-border-color:var(--gray-200);--standout-btn-color-hover:var(--gray-700);--standout-btn-bg-hover:var(--white);--standout-btn-border-color-hover:var(--white);--btn-hover-standout-bg:var(--gray-200);--btn-hover-standout-overlay:var(--white);--outline-standout-btn:var(--outline-for-light-bg);--standout-outline-btn-color:var(--gray-75);--standout-outline-btn-bg:transparent;--standout-outline-btn-border-color:var(--gray-75);--standout-outline-btn-color-hover:var(--black);--standout-outline-btn-bg-hover:var(--gray-75);--standout-outline-btn-border-color-hover:var(--gray-75);--outline-standout-outline-btn:var(--outline-dark-mode-color);--highlight-btn-color:var(--gray-900);--highlight-btn-bg:var(--color-p1);--highlight-btn-border-color:var(--color-p1);--highlight-btn-color-hover:var(--black);--highlight-btn-bg-hover:var(--white);--highlight-btn-border-color-hover:var(--white);--highlight-btn-color-disabled:var(--gray-900);--btn-hover-highlight-bg:var(--color-p1);--btn-hover-highlight-overlay:var(--white);--outline-highlight-btn:var(--outline-for-light-bg);--highlight-outline-btn-color:var(--color-p1);--highlight-outline-btn-bg:transparent;--highlight-outline-btn-border-color:var(--color-p1);--highlight-outline-btn-color-hover:var(--black);--highlight-outline-btn-bg-hover:var(--color-p1);--highlight-outline-btn-border-color-hover:var(--color-p1);--highlight-outline-btn-color-disabled:var(--color-p1);--outline-highlight-outline-btn:var(--outline-dark-mode-color);--secondary-btn-color:var(--text-color);--secondary-btn-bg:var(--color-s1);--secondary-btn-border-color:var(--color-s1);--secondary-btn-color-hover:var(--white);--secondary-btn-bg-hover:var(--color-s1-lighter);--secondary-btn-border-color-hover:var(--color-s1-lighter);--btn-hover-secondary-bg:var(--color-s1);--btn-hover-secondary-overlay:var(--color-s1-darker);--outline-secondary-btn:var(--outline-for-dark-bg);--secondary-outline-btn-color:var(--gray-100);--secondary-outline-btn-bg:transparent;--secondary-outline-btn-border-color:var(--gray-300);--secondary-outline-btn-color-hover:var(--white);--secondary-outline-btn-bg-hover:var(--color-s1);--secondary-outline-btn-border-color-hover:var(--gray-300);--outline-secondary-outline-btn:var(--outline-for-dark-bg);--s1-btn-color:var(--text-color);--s1-btn-bg:var(--color-s2);--s1-btn-border-color:var(--color-s2);--s1-btn-color-hover:var(--white);--s1-btn-bg-hover:var(--color-s2-dark);--s1-btn-border-color-hover:var(--color-s2-dark);--outline-s1-btn:var(--outline-dark-mode-color);--light-outline-btn-color:var(--white);--light-outline-btn-bg:transparent;--light-outline-btn-border-color:var(--white);--light-outline-btn-color-hover:var(--black);--light-outline-btn-bg-hover:var(--white);--light-outline-btn-border-color-hover:var(--white);--outline-light-outline-btn:var(--outline-dark-mode-color);--link-grid-color:var(--white);--link-grid-hover-bg:var(--color-p2-light);--link-grid-hover-color:var(--white);--link-grid-border-bottom-color:var(--color-p1);--card-bg:var(--color-p3);}
|
|
@@ -0,0 +1,279 @@
|
|
|
1
|
+
/* -----------------------------------------
|
|
2
|
+
VENTURA NIGHT COLOR THEME
|
|
3
|
+
----------------------------------------- */
|
|
4
|
+
|
|
5
|
+
:root {
|
|
6
|
+
/* Highlight */
|
|
7
|
+
--color-p1: #ffb300;
|
|
8
|
+
--color-p1-dark: #efa903;
|
|
9
|
+
--color-p1-darker: #dd9c03;
|
|
10
|
+
--color-p1-darkest: #ca8e02;
|
|
11
|
+
--color-p1-light: #fbb614;
|
|
12
|
+
--color-p1-lighter: #fbde84;
|
|
13
|
+
--color-p1-lightest: #feeaad;
|
|
14
|
+
|
|
15
|
+
/* Primary */
|
|
16
|
+
--color-p2: #191919;
|
|
17
|
+
--color-p2-dark: #101010;
|
|
18
|
+
--color-p2-darker: #080808;
|
|
19
|
+
--color-p2-darkest: #000;
|
|
20
|
+
--color-p2-light: #212121;
|
|
21
|
+
--color-p2-lighter: #2b2b2b;
|
|
22
|
+
--color-p2-lightest: #363636;
|
|
23
|
+
|
|
24
|
+
/* Standout */
|
|
25
|
+
--color-p3: #262525;
|
|
26
|
+
--color-p3-dark: #1d1c1c;
|
|
27
|
+
--color-p3-darker: #151414;
|
|
28
|
+
--color-p3-darkest: #0d0c0c;
|
|
29
|
+
--color-p3-light: #2c2b2b;
|
|
30
|
+
--color-p3-lighter: #323030;
|
|
31
|
+
--color-p3-lightest: #3a3838;
|
|
32
|
+
|
|
33
|
+
/* Secondary 1 */
|
|
34
|
+
--color-s1: #444;
|
|
35
|
+
--color-s1-darker: #343434;
|
|
36
|
+
--color-s1-lighter: #525252;
|
|
37
|
+
|
|
38
|
+
/* Secondary 2 */
|
|
39
|
+
--color-s2: #262527;
|
|
40
|
+
--color-s2-dark: #19181a;
|
|
41
|
+
--color-s2-darker: #0f0e0f;
|
|
42
|
+
|
|
43
|
+
/* Secondary 3 */
|
|
44
|
+
--color-s3: #191919;
|
|
45
|
+
--color-s3-dark: #0f0f0f;
|
|
46
|
+
--color-s3-light: #474747;
|
|
47
|
+
--color-s3-lighter: #757575;
|
|
48
|
+
|
|
49
|
+
/* dark theme unique variables */
|
|
50
|
+
--color-primary: var(--color-p1);
|
|
51
|
+
--color-primary-dark: var(--color-p1-darker);
|
|
52
|
+
--color-primary-light: var(--color-p1-lighter);
|
|
53
|
+
|
|
54
|
+
/* Accent colors */
|
|
55
|
+
--code-color: #eb5c9c;
|
|
56
|
+
--color-a1: #5aaae7;
|
|
57
|
+
--color-a2: #3ab5f8;
|
|
58
|
+
--color-a3: #31afa0;
|
|
59
|
+
--color-a4: #42af3c;
|
|
60
|
+
--color-a5: #ac92ce;
|
|
61
|
+
--color-a6: #d274dc;
|
|
62
|
+
--color-a7: #e48c81;
|
|
63
|
+
--color-a8: #f17827;
|
|
64
|
+
|
|
65
|
+
/* social media brand colors */
|
|
66
|
+
--share-facebook: var(--gray-200);
|
|
67
|
+
--share-facebook-hover: color-mix(in srgb, var(--share-facebook), #000 15%);
|
|
68
|
+
--share-twitter: var(--gray-200);
|
|
69
|
+
--share-twitter-hover: color-mix(in srgb, var(--share-twitter), #000 15%);
|
|
70
|
+
--share-googleplus: var(--gray-200);
|
|
71
|
+
--share-googleplus-hover: color-mix(
|
|
72
|
+
in srgb,
|
|
73
|
+
var(--share-googleplus),
|
|
74
|
+
#000 15%
|
|
75
|
+
);
|
|
76
|
+
--share-flickr: var(--gray-200);
|
|
77
|
+
--share-linkedin: var(--gray-200);
|
|
78
|
+
--share-instagram: var(--gray-200);
|
|
79
|
+
--share-snapchat: var(--gray-200);
|
|
80
|
+
--share-youtube: var(--gray-200);
|
|
81
|
+
--share-pinterest: var(--gray-200);
|
|
82
|
+
--share-vimeo: var(--gray-200);
|
|
83
|
+
--share-email: var(--gray-200);
|
|
84
|
+
--share-github: var(--gray-200);
|
|
85
|
+
|
|
86
|
+
/* Override semantic variables (which affects side-nav and more) */
|
|
87
|
+
--body-bg: var(--color-p2);
|
|
88
|
+
--base-light: var(--black);
|
|
89
|
+
--base-dark: var(--white);
|
|
90
|
+
--default-bg: var(--color-p3);
|
|
91
|
+
--default-bg-darker: var(--color-p3-lighter);
|
|
92
|
+
--default-bg-hover: var(--color-p3-lighter);
|
|
93
|
+
--default-bg-hover-darker: var(--color-p3-darkest);
|
|
94
|
+
--text-color: #fafafa;
|
|
95
|
+
--text-color-hover: #fff;
|
|
96
|
+
--text-muted: #bababa;
|
|
97
|
+
--text-secondary: #d1d1d1;
|
|
98
|
+
--blockquote-small-color: #ededef;
|
|
99
|
+
--link-color: var(--color-p1, #ffb300);
|
|
100
|
+
--link-color-hover: var(--color-p1-lighter, #fbde84);
|
|
101
|
+
--dark-section-link-color: var(--color-p1);
|
|
102
|
+
--dark-section-link-color-hover: var(--color-p1-lighter);
|
|
103
|
+
--outline-default-color: #85cbf9;
|
|
104
|
+
--outline-dark-mode-color: #0b8ee5;
|
|
105
|
+
--ca-gov-logo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><path fill='%23ffffff' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='%23ffffff' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/></svg>")
|
|
106
|
+
no-repeat;
|
|
107
|
+
--text-field-bg-color: var(--body-bg);
|
|
108
|
+
--text-field-color: var(--text-color);
|
|
109
|
+
--brand-danger: #e28579;
|
|
110
|
+
|
|
111
|
+
/* utility header */
|
|
112
|
+
--utility-link: var(--white);
|
|
113
|
+
--utility-link-hover: var(--text-color);
|
|
114
|
+
--utility-header-background: var(--color-p3);
|
|
115
|
+
|
|
116
|
+
/* Megamenu sub navigation background */
|
|
117
|
+
--sub-nav-bg: var(--color-s1-lighter);
|
|
118
|
+
|
|
119
|
+
/* Mobile navigation drawer */
|
|
120
|
+
--mobile-drawer: var(--color-p3);
|
|
121
|
+
--mobile-drawer-active: var(--color-p3-light);
|
|
122
|
+
--bs-body-bg: var(--color-p2);
|
|
123
|
+
|
|
124
|
+
/* Target custom side-nav variables that have no semantic mapping */
|
|
125
|
+
--sidenav-active-bg: var(--color-s1);
|
|
126
|
+
--sidenav-active-color: var(--color-p1);
|
|
127
|
+
--sidenav-hover-bg: var(--color-p2-darker);
|
|
128
|
+
--sidenav-active-hover-bg: var(--color-s1-darker);
|
|
129
|
+
--sidenav-active-hover-color: var(--color-p1-light);
|
|
130
|
+
--border-color-muted: var(--gray-800);
|
|
131
|
+
--border-color-default: var(--gray-600);
|
|
132
|
+
|
|
133
|
+
/* Custom form check SVG icons for dark mode */
|
|
134
|
+
--cagov-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
|
|
135
|
+
--cagov-form-radio-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
|
|
136
|
+
--cagov-form-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
|
|
137
|
+
--cagov-form-select-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'><path fill='%23fff' d='M17.087 10.35l-4.337 4.336-4.337-4.336c-0.293-0.293-0.768-0.293-1.060 0s-0.293 0.768 0 1.060l4.864 4.864c0.147 0.147 0.341 0.221 0.533 0.219 0.194 0 0.386-0.072 0.533-0.219l4.865-4.864c0.293-0.293 0.293-0.768 0-1.060s-0.768-0.293-1.061 0z'/></svg>");
|
|
138
|
+
|
|
139
|
+
/* Main navigation */
|
|
140
|
+
--mobile-menu-icon-color: var(--text-color);
|
|
141
|
+
--main-nav-color: var(--text-color);
|
|
142
|
+
--main-nav-color-hover: var(--text-color);
|
|
143
|
+
--main-nav-bg: var(--color-p2);
|
|
144
|
+
--main-nav-bg-hover: var(--color-p2-darker);
|
|
145
|
+
--main-nav-border-color: var(--color-p2-darker);
|
|
146
|
+
--main-nav-color-active: var(--text-color);
|
|
147
|
+
--main-nav-color-active-hover: var(--text-color);
|
|
148
|
+
--main-nav-bg-active: var(--color-p2-darkest);
|
|
149
|
+
--main-nav-bg-active-hover: var(--color-p2-darkest);
|
|
150
|
+
|
|
151
|
+
/* global footer */
|
|
152
|
+
--global-footer-bg: var(--color-p3);
|
|
153
|
+
--footer-links-color: var(--white);
|
|
154
|
+
--footer-links-color-hover: var(--color-p1);
|
|
155
|
+
|
|
156
|
+
/* BUTTONS */
|
|
157
|
+
|
|
158
|
+
/* Primary Button */
|
|
159
|
+
--primary-btn-color: var(--gray-800);
|
|
160
|
+
--primary-btn-bg: var(--white);
|
|
161
|
+
--primary-btn-border-color: var(--white);
|
|
162
|
+
--primary-btn-color-hover: var(--black);
|
|
163
|
+
--primary-btn-bg-hover: var(--gray-200);
|
|
164
|
+
--primary-btn-border-color-hover: var(--gray-200);
|
|
165
|
+
--primary-btn-color-disabled: var(--gray-700);
|
|
166
|
+
--btn-hover-primary-bg: var(--white);
|
|
167
|
+
--btn-hover-primary-overlay: var(--gray-100);
|
|
168
|
+
--outline-primary-btn: var(--black);
|
|
169
|
+
|
|
170
|
+
/* Primary Outline Button */
|
|
171
|
+
--primary-outline-btn-color: var(--white);
|
|
172
|
+
--primary-outline-btn-bg: var(--body-bg);
|
|
173
|
+
--primary-outline-btn-border-color: var(--white);
|
|
174
|
+
--primary-outline-btn-color-hover: var(--black);
|
|
175
|
+
--primary-outline-btn-bg-hover: var(--white);
|
|
176
|
+
--primary-outline-btn-border-color-hover: var(--white);
|
|
177
|
+
--primary-outline-btn-color-disabled: var(--gray-200);
|
|
178
|
+
--outline-primary-outline-btn: var(--outline-for-light-bg);
|
|
179
|
+
|
|
180
|
+
/* Default Button */
|
|
181
|
+
--default-btn-color: var(--text-color);
|
|
182
|
+
--default-btn-bg: var(--color-p3);
|
|
183
|
+
--default-btn-border-color: var(--gray-200);
|
|
184
|
+
--default-btn-color-hover: var(--white);
|
|
185
|
+
--default-btn-bg-hover: var(--color-p3-lightest);
|
|
186
|
+
--default-btn-border-color-hover: var(--white);
|
|
187
|
+
--btn-hover-default-bg: var(--color-p3);
|
|
188
|
+
--btn-hover-default-overlay: var(--color-p3-darkest);
|
|
189
|
+
--outline-default-btn: var(--outline-for-dark-bg);
|
|
190
|
+
|
|
191
|
+
/* Standout Button */
|
|
192
|
+
--standout-btn-color: var(--black);
|
|
193
|
+
--standout-btn-bg: var(--gray-200);
|
|
194
|
+
--standout-btn-border-color: var(--gray-200);
|
|
195
|
+
--standout-btn-color-hover: var(--gray-700);
|
|
196
|
+
--standout-btn-bg-hover: var(--white);
|
|
197
|
+
--standout-btn-border-color-hover: var(--white);
|
|
198
|
+
--btn-hover-standout-bg: var(--gray-200);
|
|
199
|
+
--btn-hover-standout-overlay: var(--white);
|
|
200
|
+
--outline-standout-btn: var(--outline-for-light-bg);
|
|
201
|
+
|
|
202
|
+
/* Standout Outline Button */
|
|
203
|
+
--standout-outline-btn-color: var(--gray-75);
|
|
204
|
+
--standout-outline-btn-bg: transparent;
|
|
205
|
+
--standout-outline-btn-border-color: var(--gray-75);
|
|
206
|
+
--standout-outline-btn-color-hover: var(--black);
|
|
207
|
+
--standout-outline-btn-bg-hover: var(--gray-75);
|
|
208
|
+
--standout-outline-btn-border-color-hover: var(--gray-75);
|
|
209
|
+
--outline-standout-outline-btn: var(--outline-dark-mode-color);
|
|
210
|
+
|
|
211
|
+
/* Highlight Button */
|
|
212
|
+
--highlight-btn-color: var(--gray-900);
|
|
213
|
+
--highlight-btn-bg: var(--color-p1);
|
|
214
|
+
--highlight-btn-border-color: var(--color-p1);
|
|
215
|
+
--highlight-btn-color-hover: var(--black);
|
|
216
|
+
--highlight-btn-bg-hover: var(--white);
|
|
217
|
+
--highlight-btn-border-color-hover: var(--white);
|
|
218
|
+
--highlight-btn-color-disabled: var(--gray-900);
|
|
219
|
+
--btn-hover-highlight-bg: var(--color-p1);
|
|
220
|
+
--btn-hover-highlight-overlay: var(--white);
|
|
221
|
+
--outline-highlight-btn: var(--outline-for-light-bg);
|
|
222
|
+
|
|
223
|
+
/* Highlight Outline Button */
|
|
224
|
+
--highlight-outline-btn-color: var(--color-p1);
|
|
225
|
+
--highlight-outline-btn-bg: transparent;
|
|
226
|
+
--highlight-outline-btn-border-color: var(--color-p1);
|
|
227
|
+
--highlight-outline-btn-color-hover: var(--black);
|
|
228
|
+
--highlight-outline-btn-bg-hover: var(--color-p1);
|
|
229
|
+
--highlight-outline-btn-border-color-hover: var(--color-p1);
|
|
230
|
+
--highlight-outline-btn-color-disabled: var(--color-p1);
|
|
231
|
+
--outline-highlight-outline-btn: var(--outline-dark-mode-color);
|
|
232
|
+
|
|
233
|
+
/* Secondary Button */
|
|
234
|
+
--secondary-btn-color: var(--text-color);
|
|
235
|
+
--secondary-btn-bg: var(--color-s1);
|
|
236
|
+
--secondary-btn-border-color: var(--color-s1);
|
|
237
|
+
--secondary-btn-color-hover: var(--white);
|
|
238
|
+
--secondary-btn-bg-hover: var(--color-s1-lighter);
|
|
239
|
+
--secondary-btn-border-color-hover: var(--color-s1-lighter);
|
|
240
|
+
--btn-hover-secondary-bg: var(--color-s1);
|
|
241
|
+
--btn-hover-secondary-overlay: var(--color-s1-darker);
|
|
242
|
+
--outline-secondary-btn: var(--outline-for-dark-bg);
|
|
243
|
+
|
|
244
|
+
/* Secondary Outline Button */
|
|
245
|
+
--secondary-outline-btn-color: var(--gray-100);
|
|
246
|
+
--secondary-outline-btn-bg: transparent;
|
|
247
|
+
--secondary-outline-btn-border-color: var(--gray-300);
|
|
248
|
+
--secondary-outline-btn-color-hover: var(--white);
|
|
249
|
+
--secondary-outline-btn-bg-hover: var(--color-s1);
|
|
250
|
+
--secondary-outline-btn-border-color-hover: var(--gray-300);
|
|
251
|
+
--outline-secondary-outline-btn: var(--outline-for-dark-bg);
|
|
252
|
+
|
|
253
|
+
/* S1 Button */
|
|
254
|
+
--s1-btn-color: var(--text-color);
|
|
255
|
+
--s1-btn-bg: var(--color-s2);
|
|
256
|
+
--s1-btn-border-color: var(--color-s2);
|
|
257
|
+
--s1-btn-color-hover: var(--white);
|
|
258
|
+
--s1-btn-bg-hover: var(--color-s2-dark);
|
|
259
|
+
--s1-btn-border-color-hover: var(--color-s2-dark);
|
|
260
|
+
--outline-s1-btn: var(--outline-dark-mode-color);
|
|
261
|
+
|
|
262
|
+
/* Light Outline Button */
|
|
263
|
+
--light-outline-btn-color: var(--white);
|
|
264
|
+
--light-outline-btn-bg: transparent;
|
|
265
|
+
--light-outline-btn-border-color: var(--white);
|
|
266
|
+
--light-outline-btn-color-hover: var(--black);
|
|
267
|
+
--light-outline-btn-bg-hover: var(--white);
|
|
268
|
+
--light-outline-btn-border-color-hover: var(--white);
|
|
269
|
+
--outline-light-outline-btn: var(--outline-dark-mode-color);
|
|
270
|
+
|
|
271
|
+
/* Link Grid */
|
|
272
|
+
--link-grid-color: var(--white);
|
|
273
|
+
--link-grid-hover-bg: var(--color-p2-darker);
|
|
274
|
+
--link-grid-hover-color: var(--white);
|
|
275
|
+
--link-grid-border-bottom-color: var(--color-p1);
|
|
276
|
+
|
|
277
|
+
/* cards */
|
|
278
|
+
--card-bg: var(--color-p3);
|
|
279
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--color-p1:#ffb300;--color-p1-dark:#efa903;--color-p1-darker:#dd9c03;--color-p1-darkest:#ca8e02;--color-p1-light:#fbb614;--color-p1-lighter:#fbde84;--color-p1-lightest:#feeaad;--color-p2:#191919;--color-p2-dark:#101010;--color-p2-darker:#080808;--color-p2-darkest:#000;--color-p2-light:#212121;--color-p2-lighter:#2b2b2b;--color-p2-lightest:#363636;--color-p3:#262525;--color-p3-dark:#1d1c1c;--color-p3-darker:#151414;--color-p3-darkest:#0d0c0c;--color-p3-light:#2c2b2b;--color-p3-lighter:#323030;--color-p3-lightest:#3a3838;--color-s1:#444;--color-s1-darker:#343434;--color-s1-lighter:#525252;--color-s2:#262527;--color-s2-dark:#19181a;--color-s2-darker:#0f0e0f;--color-s3:#191919;--color-s3-dark:#0f0f0f;--color-s3-light:#474747;--color-s3-lighter:#757575;--color-primary:var(--color-p1);--color-primary-dark:var(--color-p1-darker);--color-primary-light:var(--color-p1-lighter);--code-color:#eb5c9c;--color-a1:#5aaae7;--color-a2:#3ab5f8;--color-a3:#31afa0;--color-a4:#42af3c;--color-a5:#ac92ce;--color-a6:#d274dc;--color-a7:#e48c81;--color-a8:#f17827;--share-facebook:var(--gray-200);--share-facebook-hover:color-mix(in srgb,var(--share-facebook),#000 15%);--share-twitter:var(--gray-200);--share-twitter-hover:color-mix(in srgb,var(--share-twitter),#000 15%);--share-googleplus:var(--gray-200);--share-googleplus-hover:color-mix( in srgb,var(--share-googleplus),#000 15% );--share-flickr:var(--gray-200);--share-linkedin:var(--gray-200);--share-instagram:var(--gray-200);--share-snapchat:var(--gray-200);--share-youtube:var(--gray-200);--share-pinterest:var(--gray-200);--share-vimeo:var(--gray-200);--share-email:var(--gray-200);--share-github:var(--gray-200);--body-bg:var(--color-p2);--base-light:var(--black);--base-dark:var(--white);--default-bg:var(--color-p3);--default-bg-darker:var(--color-p3-lighter);--default-bg-hover:var(--color-p3-lighter);--default-bg-hover-darker:var(--color-p3-darkest);--text-color:#fafafa;--text-color-hover:#fff;--text-muted:#bababa;--text-secondary:#d1d1d1;--blockquote-small-color:#ededef;--link-color:var(--color-p1,#ffb300);--link-color-hover:var(--color-p1-lighter,#fbde84);--dark-section-link-color:var(--color-p1);--dark-section-link-color-hover:var(--color-p1-lighter);--outline-default-color:#85cbf9;--outline-dark-mode-color:#0b8ee5;--ca-gov-logo:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><path fill='%23ffffff' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='%23ffffff' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/></svg>") no-repeat;--text-field-bg-color:var(--body-bg);--text-field-color:var(--text-color);--brand-danger:#e28579;--utility-link:var(--white);--utility-link-hover:var(--text-color);--utility-header-background:var(--color-p3);--sub-nav-bg:var(--color-s1-lighter);--mobile-drawer:var(--color-p3);--mobile-drawer-active:var(--color-p3-light);--bs-body-bg:var(--color-p2);--sidenav-active-bg:var(--color-s1);--sidenav-active-color:var(--color-p1);--sidenav-hover-bg:var(--color-p2-darker);--sidenav-active-hover-bg:var(--color-s1-darker);--sidenav-active-hover-color:var(--color-p1-light);--border-color-muted:var(--gray-800);--border-color-default:var(--gray-600);--cagov-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");--cagov-form-radio-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");--cagov-form-indeterminate-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");--cagov-form-select-bg-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='24' height='24' viewBox='0 0 24 24'><path fill='%23fff' d='M17.087 10.35l-4.337 4.336-4.337-4.336c-0.293-0.293-0.768-0.293-1.060 0s-0.293 0.768 0 1.060l4.864 4.864c0.147 0.147 0.341 0.221 0.533 0.219 0.194 0 0.386-0.072 0.533-0.219l4.865-4.864c0.293-0.293 0.293-0.768 0-1.060s-0.768-0.293-1.061 0z'/></svg>");--mobile-menu-icon-color:var(--text-color);--main-nav-color:var(--text-color);--main-nav-color-hover:var(--text-color);--main-nav-bg:var(--color-p2);--main-nav-bg-hover:var(--color-p2-darker);--main-nav-border-color:var(--color-p2-darker);--main-nav-color-active:var(--text-color);--main-nav-color-active-hover:var(--text-color);--main-nav-bg-active:var(--color-p2-darkest);--main-nav-bg-active-hover:var(--color-p2-darkest);--global-footer-bg:var(--color-p3);--footer-links-color:var(--white);--footer-links-color-hover:var(--color-p1);--primary-btn-color:var(--gray-800);--primary-btn-bg:var(--white);--primary-btn-border-color:var(--white);--primary-btn-color-hover:var(--black);--primary-btn-bg-hover:var(--gray-200);--primary-btn-border-color-hover:var(--gray-200);--primary-btn-color-disabled:var(--gray-700);--btn-hover-primary-bg:var(--white);--btn-hover-primary-overlay:var(--gray-100);--outline-primary-btn:var(--black);--primary-outline-btn-color:var(--white);--primary-outline-btn-bg:var(--body-bg);--primary-outline-btn-border-color:var(--white);--primary-outline-btn-color-hover:var(--black);--primary-outline-btn-bg-hover:var(--white);--primary-outline-btn-border-color-hover:var(--white);--primary-outline-btn-color-disabled:var(--gray-200);--outline-primary-outline-btn:var(--outline-for-light-bg);--default-btn-color:var(--text-color);--default-btn-bg:var(--color-p3);--default-btn-border-color:var(--gray-200);--default-btn-color-hover:var(--white);--default-btn-bg-hover:var(--color-p3-lightest);--default-btn-border-color-hover:var(--white);--btn-hover-default-bg:var(--color-p3);--btn-hover-default-overlay:var(--color-p3-darkest);--outline-default-btn:var(--outline-for-dark-bg);--standout-btn-color:var(--black);--standout-btn-bg:var(--gray-200);--standout-btn-border-color:var(--gray-200);--standout-btn-color-hover:var(--gray-700);--standout-btn-bg-hover:var(--white);--standout-btn-border-color-hover:var(--white);--btn-hover-standout-bg:var(--gray-200);--btn-hover-standout-overlay:var(--white);--outline-standout-btn:var(--outline-for-light-bg);--standout-outline-btn-color:var(--gray-75);--standout-outline-btn-bg:transparent;--standout-outline-btn-border-color:var(--gray-75);--standout-outline-btn-color-hover:var(--black);--standout-outline-btn-bg-hover:var(--gray-75);--standout-outline-btn-border-color-hover:var(--gray-75);--outline-standout-outline-btn:var(--outline-dark-mode-color);--highlight-btn-color:var(--gray-900);--highlight-btn-bg:var(--color-p1);--highlight-btn-border-color:var(--color-p1);--highlight-btn-color-hover:var(--black);--highlight-btn-bg-hover:var(--white);--highlight-btn-border-color-hover:var(--white);--highlight-btn-color-disabled:var(--gray-900);--btn-hover-highlight-bg:var(--color-p1);--btn-hover-highlight-overlay:var(--white);--outline-highlight-btn:var(--outline-for-light-bg);--highlight-outline-btn-color:var(--color-p1);--highlight-outline-btn-bg:transparent;--highlight-outline-btn-border-color:var(--color-p1);--highlight-outline-btn-color-hover:var(--black);--highlight-outline-btn-bg-hover:var(--color-p1);--highlight-outline-btn-border-color-hover:var(--color-p1);--highlight-outline-btn-color-disabled:var(--color-p1);--outline-highlight-outline-btn:var(--outline-dark-mode-color);--secondary-btn-color:var(--text-color);--secondary-btn-bg:var(--color-s1);--secondary-btn-border-color:var(--color-s1);--secondary-btn-color-hover:var(--white);--secondary-btn-bg-hover:var(--color-s1-lighter);--secondary-btn-border-color-hover:var(--color-s1-lighter);--btn-hover-secondary-bg:var(--color-s1);--btn-hover-secondary-overlay:var(--color-s1-darker);--outline-secondary-btn:var(--outline-for-dark-bg);--secondary-outline-btn-color:var(--gray-100);--secondary-outline-btn-bg:transparent;--secondary-outline-btn-border-color:var(--gray-300);--secondary-outline-btn-color-hover:var(--white);--secondary-outline-btn-bg-hover:var(--color-s1);--secondary-outline-btn-border-color-hover:var(--gray-300);--outline-secondary-outline-btn:var(--outline-for-dark-bg);--s1-btn-color:var(--text-color);--s1-btn-bg:var(--color-s2);--s1-btn-border-color:var(--color-s2);--s1-btn-color-hover:var(--white);--s1-btn-bg-hover:var(--color-s2-dark);--s1-btn-border-color-hover:var(--color-s2-dark);--outline-s1-btn:var(--outline-dark-mode-color);--light-outline-btn-color:var(--white);--light-outline-btn-bg:transparent;--light-outline-btn-border-color:var(--white);--light-outline-btn-color-hover:var(--black);--light-outline-btn-bg-hover:var(--white);--light-outline-btn-border-color-hover:var(--white);--outline-light-outline-btn:var(--outline-dark-mode-color);--link-grid-color:var(--white);--link-grid-hover-bg:var(--color-p2-darker);--link-grid-hover-color:var(--white);--link-grid-border-bottom-color:var(--color-p1);--card-bg:var(--color-p3);}
|
package/dist/js/cagov.core.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var StateTemplateNpmPackageVersion="6.
|
|
1
|
+
var StateTemplateNpmPackageVersion="6.6.0-beta";
|
|
2
2
|
/*!
|
|
3
3
|
* Bootstrap v5.3.8 (https://getbootstrap.com/)
|
|
4
4
|
* Copyright 2011-2025 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
|
|
@@ -6393,16 +6393,21 @@ window.addEventListener("load", () => {
|
|
|
6393
6393
|
class CaGovAccordion extends HTMLElement {
|
|
6394
6394
|
connectedCallback() {
|
|
6395
6395
|
this.summaryEl = this.querySelector("summary");
|
|
6396
|
+
this.detailsEl = this.querySelector("details");
|
|
6397
|
+
this.bodyEl = this.querySelector(".accordion-body");
|
|
6398
|
+
|
|
6399
|
+
if (!this.summaryEl || !this.detailsEl || !this.bodyEl) {
|
|
6400
|
+
return;
|
|
6401
|
+
}
|
|
6402
|
+
|
|
6396
6403
|
// trigger the opening and closing height change animation on summary click
|
|
6397
6404
|
|
|
6398
6405
|
this.setHeight();
|
|
6399
|
-
this.
|
|
6406
|
+
this.detailsEl.addEventListener("toggle", this.handleToggle.bind(this));
|
|
6400
6407
|
this.summaryEl.insertAdjacentHTML(
|
|
6401
6408
|
"beforeend",
|
|
6402
6409
|
`<div class="cagov-open-indicator" aria-hidden="true" />`
|
|
6403
6410
|
);
|
|
6404
|
-
this.detailsEl = this.querySelector("details");
|
|
6405
|
-
this.bodyEl = this.querySelector(".accordion-body");
|
|
6406
6411
|
|
|
6407
6412
|
window.addEventListener(
|
|
6408
6413
|
"resize",
|
|
@@ -6410,40 +6415,51 @@ window.addEventListener("load", () => {
|
|
|
6410
6415
|
);
|
|
6411
6416
|
}
|
|
6412
6417
|
|
|
6418
|
+
handleToggle() {
|
|
6419
|
+
if (this.detailsEl.open) {
|
|
6420
|
+
this.closeGroupedDetails();
|
|
6421
|
+
}
|
|
6422
|
+
|
|
6423
|
+
this.setHeight();
|
|
6424
|
+
}
|
|
6425
|
+
|
|
6426
|
+
closeGroupedDetails() {
|
|
6427
|
+
const groupName = this.detailsEl.getAttribute("name");
|
|
6428
|
+
|
|
6429
|
+
if (!groupName) {
|
|
6430
|
+
return;
|
|
6431
|
+
}
|
|
6432
|
+
|
|
6433
|
+
document.querySelectorAll("details[name]").forEach(otherDetailsEl => {
|
|
6434
|
+
const otherDetails = /** @type {HTMLDetailsElement} */ (otherDetailsEl);
|
|
6435
|
+
|
|
6436
|
+
if (
|
|
6437
|
+
otherDetails !== this.detailsEl &&
|
|
6438
|
+
otherDetails.open &&
|
|
6439
|
+
otherDetails.getAttribute("name") === groupName
|
|
6440
|
+
) {
|
|
6441
|
+
otherDetails.open = false;
|
|
6442
|
+
}
|
|
6443
|
+
});
|
|
6444
|
+
}
|
|
6445
|
+
|
|
6413
6446
|
setHeight() {
|
|
6414
6447
|
window.requestAnimationFrame(() => {
|
|
6415
6448
|
// delay so the desired height is readable in all browsers
|
|
6416
6449
|
this.closedHeightInt = this.summaryEl.scrollHeight + 2;
|
|
6417
6450
|
this.closedHeight = `${this.closedHeightInt}px`;
|
|
6418
6451
|
|
|
6419
|
-
//
|
|
6452
|
+
// Apply the height that matches the current open state.
|
|
6420
6453
|
if (this.detailsEl.hasAttribute("open")) {
|
|
6421
|
-
// if open get scrollHeight
|
|
6422
6454
|
this.detailsEl.style.height = `${
|
|
6423
6455
|
this.bodyEl.scrollHeight + this.closedHeightInt
|
|
6424
6456
|
}px`;
|
|
6425
6457
|
} else {
|
|
6426
|
-
// else apply closed height
|
|
6427
6458
|
this.detailsEl.style.height = this.closedHeight;
|
|
6428
6459
|
}
|
|
6429
6460
|
});
|
|
6430
6461
|
}
|
|
6431
6462
|
|
|
6432
|
-
listen() {
|
|
6433
|
-
if (this.detailsEl.hasAttribute("open")) {
|
|
6434
|
-
// was open, now closing
|
|
6435
|
-
this.detailsEl.style.height = this.closedHeight;
|
|
6436
|
-
} else {
|
|
6437
|
-
// was closed, opening
|
|
6438
|
-
window.requestAnimationFrame(() => {
|
|
6439
|
-
// delay so the desired height is readable in all browsers
|
|
6440
|
-
this.detailsEl.style.height = `${
|
|
6441
|
-
this.bodyEl.scrollHeight + this.closedHeightInt
|
|
6442
|
-
}px`;
|
|
6443
|
-
});
|
|
6444
|
-
}
|
|
6445
|
-
}
|
|
6446
|
-
|
|
6447
6463
|
/**
|
|
6448
6464
|
* @param {function} func
|
|
6449
6465
|
*/
|
|
@@ -8246,43 +8262,94 @@ window.addEventListener("load", () => {
|
|
|
8246
8262
|
});
|
|
8247
8263
|
|
|
8248
8264
|
//@ts-check
|
|
8265
|
+
/* EXTERNAL LINK ICON DECORATION */
|
|
8266
|
+
/**
|
|
8267
|
+
* use data-cagov-external="skip" to prevent decoration of a link
|
|
8268
|
+
* use data-cagov-external="force" to force decoration of a link
|
|
8269
|
+
*/
|
|
8270
|
+
(function () {
|
|
8271
|
+
const externalClass = "cagov-external-link";
|
|
8249
8272
|
|
|
8250
|
-
|
|
8251
|
-
|
|
8252
|
-
|
|
8253
|
-
|
|
8273
|
+
/**
|
|
8274
|
+
* Check for developer override attributes.
|
|
8275
|
+
* @param {HTMLAnchorElement} link
|
|
8276
|
+
*/
|
|
8277
|
+
function getOverride(link) {
|
|
8278
|
+
const val = link.dataset.cagovExternal;
|
|
8279
|
+
return val === "skip" || val === "force" ? val : null;
|
|
8280
|
+
}
|
|
8254
8281
|
|
|
8255
|
-
// Check if link is external function
|
|
8256
8282
|
/**
|
|
8257
|
-
*
|
|
8283
|
+
* Determine whether a link points to an external origin.
|
|
8284
|
+
* @param {HTMLAnchorElement} link
|
|
8258
8285
|
*/
|
|
8259
|
-
function
|
|
8260
|
-
|
|
8286
|
+
function isExternalLink(link) {
|
|
8287
|
+
const href = link.href;
|
|
8288
|
+
if (!href) return false;
|
|
8289
|
+
try {
|
|
8290
|
+
const url = new URL(href, window.location.origin);
|
|
8291
|
+
return url.origin !== "null" && url.origin !== window.location.origin;
|
|
8292
|
+
} catch {
|
|
8293
|
+
return false;
|
|
8294
|
+
}
|
|
8261
8295
|
}
|
|
8262
8296
|
|
|
8263
|
-
|
|
8264
|
-
|
|
8297
|
+
/**
|
|
8298
|
+
* Check whether a link contains elements that should prevent decoration.
|
|
8299
|
+
* @param {HTMLAnchorElement} link
|
|
8300
|
+
*/
|
|
8301
|
+
const hasForbiddenChildren = link =>
|
|
8302
|
+
!!link.querySelector("img, [class*='ca-gov-logo'], [class*='ca-gov-icon']");
|
|
8265
8303
|
|
|
8266
|
-
|
|
8267
|
-
|
|
8268
|
-
|
|
8269
|
-
|
|
8270
|
-
)
|
|
8271
|
-
|
|
8272
|
-
|
|
8273
|
-
|
|
8274
|
-
|
|
8275
|
-
const
|
|
8276
|
-
|
|
8277
|
-
|
|
8278
|
-
|
|
8279
|
-
|
|
8280
|
-
|
|
8281
|
-
|
|
8282
|
-
|
|
8304
|
+
/**
|
|
8305
|
+
* Decorate a single external link.
|
|
8306
|
+
* @param {HTMLAnchorElement} link
|
|
8307
|
+
*/
|
|
8308
|
+
function decorateExternalLink(link) {
|
|
8309
|
+
const override = getOverride(link);
|
|
8310
|
+
|
|
8311
|
+
if (override === "skip") return;
|
|
8312
|
+
|
|
8313
|
+
const treatAsExternal = override === "force";
|
|
8314
|
+
const isExternal = treatAsExternal || isExternalLink(link);
|
|
8315
|
+
|
|
8316
|
+
if (!isExternal || hasForbiddenChildren(link)) return;
|
|
8317
|
+
|
|
8318
|
+
link.classList.add(externalClass);
|
|
8319
|
+
|
|
8320
|
+
const sr = document.createElement("span");
|
|
8321
|
+
sr.classList.add("sr-only");
|
|
8322
|
+
sr.lang = "en-US";
|
|
8323
|
+
sr.textContent = "(external link)";
|
|
8324
|
+
link.appendChild(sr);
|
|
8325
|
+
}
|
|
8326
|
+
|
|
8327
|
+
const scanForExternalLinks = () =>
|
|
8328
|
+
document
|
|
8329
|
+
.querySelectorAll(`a[href]:not(.${externalClass})`)
|
|
8330
|
+
.forEach(decorateExternalLink);
|
|
8331
|
+
|
|
8332
|
+
document.addEventListener("DOMContentLoaded", scanForExternalLinks);
|
|
8333
|
+
|
|
8334
|
+
let scanScheduled = false;
|
|
8335
|
+
|
|
8336
|
+
const observer = new MutationObserver(() => {
|
|
8337
|
+
if (!scanScheduled) {
|
|
8338
|
+
scanScheduled = true;
|
|
8339
|
+
queueMicrotask(() => {
|
|
8340
|
+
scanScheduled = false;
|
|
8341
|
+
scanForExternalLinks();
|
|
8342
|
+
});
|
|
8283
8343
|
}
|
|
8284
8344
|
});
|
|
8285
|
-
|
|
8345
|
+
|
|
8346
|
+
observer.observe(document.documentElement, {
|
|
8347
|
+
childList: true,
|
|
8348
|
+
subtree: true,
|
|
8349
|
+
attributes: true,
|
|
8350
|
+
characterData: true
|
|
8351
|
+
});
|
|
8352
|
+
})();
|
|
8286
8353
|
|
|
8287
8354
|
//@ts-check
|
|
8288
8355
|
/* -----------------------------------------
|
|
@@ -8472,16 +8539,16 @@ cagov-pagination .cagov-pagination__item {
|
|
|
8472
8539
|
cagov-pagination .cagov-pagination__item a {
|
|
8473
8540
|
padding: 6px 14px;
|
|
8474
8541
|
display: inline-block;
|
|
8475
|
-
color: #4a4958;
|
|
8542
|
+
color: var(--text-secondary, #4a4958);
|
|
8476
8543
|
}
|
|
8477
8544
|
cagov-pagination .cagov-pagination__item a:hover, cagov-pagination .cagov-pagination__item a:focus {
|
|
8478
|
-
box-shadow: inset 0 0 0 3px #d4d4d7;
|
|
8545
|
+
box-shadow: inset 0 0 0 3px var(--border-color-default, #d4d4d7);
|
|
8479
8546
|
}
|
|
8480
8547
|
cagov-pagination .cagov-pagination__item.cagov-pagination-current {
|
|
8481
8548
|
font-weight:700;
|
|
8482
8549
|
}
|
|
8483
8550
|
cagov-pagination .cagov-pagination__item.cagov-pagination-current a {
|
|
8484
|
-
box-shadow: inset 0 0 0 1px #d4d4d7;
|
|
8551
|
+
box-shadow: inset 0 0 0 1px var(--border-color-default, #d4d4d7);
|
|
8485
8552
|
}
|
|
8486
8553
|
cagov-pagination .cagov-pagination__item.cagov-pagination__overflow {
|
|
8487
8554
|
border: none;
|