@cfpb/cfpb-design-system 3.6.3 → 3.7.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/CHANGELOG.md +23 -8
- package/dist/components/cfpb-buttons/index.css +1 -1
- package/dist/components/cfpb-buttons/index.css.map +2 -2
- package/dist/components/cfpb-buttons/index.js +1 -1
- package/dist/components/cfpb-buttons/index.js.map +1 -1
- package/dist/components/cfpb-expandables/index.css +1 -1
- package/dist/components/cfpb-expandables/index.css.map +2 -2
- package/dist/components/cfpb-expandables/index.js +1 -1
- package/dist/components/cfpb-expandables/index.js.map +1 -1
- package/dist/components/cfpb-forms/index.css +1 -1
- package/dist/components/cfpb-forms/index.css.map +2 -2
- package/dist/components/cfpb-forms/index.js +1 -1
- package/dist/components/cfpb-forms/index.js.map +1 -1
- package/dist/components/cfpb-notifications/index.css +1 -1
- package/dist/components/cfpb-notifications/index.css.map +2 -2
- package/dist/components/cfpb-notifications/index.js.map +1 -1
- package/dist/components/cfpb-tooltips/index.css +1 -1
- package/dist/components/cfpb-tooltips/index.css.map +2 -2
- package/dist/components/cfpb-tooltips/index.js.map +1 -1
- package/dist/components/cfpb-typography/index.css +1 -1
- package/dist/components/cfpb-typography/index.css.map +2 -2
- package/dist/components/cfpb-typography/index.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +2 -2
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/utilities/index.css +1 -1
- package/dist/utilities/index.css.map +2 -2
- package/dist/utilities/index.js +1 -1
- package/dist/utilities/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/cfpb-buttons/button-group.scss +1 -1
- package/src/components/cfpb-buttons/button-link.scss +2 -7
- package/src/components/cfpb-buttons/button.scss +11 -3
- package/src/components/cfpb-buttons/vars.scss +8 -5
- package/src/components/cfpb-notifications/notification.scss +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
|
|
5
|
-
## [3.
|
|
5
|
+
## [3.7.0](https://github.com/cfpb/design-system/compare/v3.6.3..3.7.0) - April 17, 2025
|
|
6
|
+
|
|
7
|
+
### PRs in this release
|
|
8
|
+
|
|
9
|
+
- PR #[2142](https://github.com/cfpb/design-system/pull/2142): Update browserslist-config, cypress, eslint, eslint-config-prettier, eslint-plugin-react, git-cliff, postcss, release-it, sass, stylelint - Ans
|
|
10
|
+
- PR #[2187](https://github.com/cfpb/design-system/pull/2187): Increase gap in button groups - Ans
|
|
11
|
+
- PR #[2185](https://github.com/cfpb/design-system/pull/2185): Update secondary button appearance - Ans
|
|
12
|
+
- PR #[2186](https://github.com/cfpb/design-system/pull/2186): Notifications: Set max-width of content - Ans
|
|
13
|
+
|
|
14
|
+
### General
|
|
15
|
+
|
|
16
|
+
- Update browserslist-config, cypress, eslint, eslint-config-prettier, eslint-plugin-react, git-cliff, postcss, release-it, sass, stylelint - ([b90f42a](https://github.com/cfpb/design-system/commit/b90f42a6278acf8f815505c2b60829010db40d12)) - Ans
|
|
17
|
+
- Increase gap in button groups
|
|
18
|
+
: - ([9e09997](https://github.com/cfpb/design-system/commit/9e09997aa7d358ddd49b389e9c333570da7dad1c)) - Ans
|
|
19
|
+
- Update secondary button appearance - ([3327b25](https://github.com/cfpb/design-system/commit/3327b255d8d85584c282cd07ecb0d5e77101a81a)) - Ans
|
|
20
|
+
- Update secondary button divider to pacific-60 - ([bff0461](https://github.com/cfpb/design-system/commit/bff0461328a242a307959b499b61643a902c98c8)) - Ans
|
|
21
|
+
- Correct active state - ([7b120d5](https://github.com/cfpb/design-system/commit/7b120d51da12b89658639e2b7e31ed4474e3d197)) - Ans
|
|
22
|
+
- Set max-width of notification content - ([05121be](https://github.com/cfpb/design-system/commit/05121be6bb953e63da5ae64f4b1066e0aff10b4c)) - Ans
|
|
23
|
+
- Re-build assets - ([dbeb169](https://github.com/cfpb/design-system/commit/dbeb16934dced1e50137664fff270fb48c1066b6)) - Ans
|
|
24
|
+
|
|
25
|
+
## [3.6.3](https://github.com/cfpb/design-system/compare/v3.6.2..v3.6.3) - January 8, 2025
|
|
6
26
|
|
|
7
27
|
### PRs in this release
|
|
8
28
|
|
|
@@ -25,7 +45,7 @@ All notable changes to this project will be documented in this file.
|
|
|
25
45
|
- Update CHANGELOG.md - ([bfd91e3](https://github.com/cfpb/design-system/commit/bfd91e39d31d829ea8a2dcb296bea0fd9c36cbbd)) - Chris Contolini
|
|
26
46
|
- Provide icon exports - ([9eccdc4](https://github.com/cfpb/design-system/commit/9eccdc415730d3f0e3b42c28ba51fda00d3aa7f6)) - Wyatt Pearsall
|
|
27
47
|
|
|
28
|
-
## [3.6.1](https://github.com/cfpb/design-system/compare/v3.
|
|
48
|
+
## [3.6.1](https://github.com/cfpb/design-system/compare/v3.5.0..v3.6.1) - December 4, 2024
|
|
29
49
|
|
|
30
50
|
### PRs in this release
|
|
31
51
|
|
|
@@ -34,12 +54,6 @@ All notable changes to this project will be documented in this file.
|
|
|
34
54
|
|
|
35
55
|
### General
|
|
36
56
|
|
|
37
|
-
- Return Tooltip instance to match JSDoc description - ([290b87e](https://github.com/cfpb/design-system/commit/290b87e4889c16c5e846e3039a7266ebb7c09e99)) - Chris Contolini
|
|
38
|
-
|
|
39
|
-
## [3.6.0](https://github.com/cfpb/design-system/compare/v3.5.0..v3.6.0) - December 3, 2024
|
|
40
|
-
|
|
41
|
-
### General
|
|
42
|
-
|
|
43
57
|
- Add new tooltip component to DS
|
|
44
58
|
|
|
45
59
|
We have two cf.gov apps that use tooltips but limited documentation
|
|
@@ -61,6 +75,7 @@ See https://nodejs.org/api/packages.html#package-entry-points - ([005bce9](https
|
|
|
61
75
|
- Change cursor to pointer on tooltip trigger hover - ([979f268](https://github.com/cfpb/design-system/commit/979f268281721fa6aca5900e1b90fa3d2e100f4d)) - CFPBot
|
|
62
76
|
- Rebuild assets, move new packages to yarn cache dir - ([e0e9531](https://github.com/cfpb/design-system/commit/e0e95310cf3d94706ec143e23caa90157f7129f2)) - Chris Contolini
|
|
63
77
|
- Remove erroneous auto-changelog dependency and config - ([980d9eb](https://github.com/cfpb/design-system/commit/980d9eb65147732323ce42f56014e17ffc638d5a)) - Chris Contolini
|
|
78
|
+
- Return Tooltip instance to match JSDoc description - ([290b87e](https://github.com/cfpb/design-system/commit/290b87e4889c16c5e846e3039a7266ebb7c09e99)) - Chris Contolini
|
|
64
79
|
|
|
65
80
|
## [3.5.0](https://github.com/cfpb/design-system/compare/v3.4.14..v3.5.0) - November 26, 2024
|
|
66
81
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
button.a-btn::-moz-focus-inner,input.a-btn::-moz-focus-inner{border:0}.a-btn{appearance:none;display:flex;gap:.625rem;box-sizing:border-box;padding:.5em .875em;border:0;margin:0;border-radius:.25em;cursor:pointer;font-size:1em;font-weight:500;line-height:normal;text-align:center;text-decoration:none;transition:background-color .1s;width
|
|
1
|
+
button.a-btn::-moz-focus-inner,input.a-btn::-moz-focus-inner{border:0}.a-btn{appearance:none;display:flex;gap:.625rem;box-sizing:border-box;padding:.5em .875em;border:0;margin:0;border-radius:.25em;cursor:pointer;font-size:1em;font-weight:500;line-height:normal;text-align:center;text-decoration:none;transition:background-color .1s;width:fit-content;height:fit-content;justify-content:center}.a-btn,.a-btn:link,.a-btn:visited{background-color:var(--pacific);color:var(--white)}.a-btn:hover,.a-btn.hover,.a-btn:focus,.a-btn.focus{background-color:var(--pacific-dark);color:var(--white)}.a-btn:focus,.a-btn.focus{outline:1px dotted var(--pacific);outline-offset:1px}.a-btn:active,.a-btn.active{background-color:var(--navy)}.a-btn--secondary,.a-btn--secondary:link,.a-btn--secondary:visited{background-color:var(--white);color:var(--pacific);box-shadow:0 0 0 1px var(--pacific) inset}.a-btn--secondary:hover,.a-btn--secondary.hover,.a-btn--secondary:focus,.a-btn--secondary.focus{background-color:var(--white);color:var(--pacific-dark);box-shadow:0 0 0 1px var(--pacific-dark) inset}.a-btn--secondary:focus,.a-btn--secondary.focus{outline-color:var(--pacific)}.a-btn--secondary:active,.a-btn--secondary.active{background-color:var(--white);color:var(--navy);box-shadow:0 0 0 1px var(--navy) inset}.a-btn--warning,.a-btn--warning:link,.a-btn--warning:visited{background-color:var(--red-mid-dark);color:var(--white)}.a-btn--warning:hover,.a-btn--warning.hover,.a-btn--warning:focus,.a-btn--warning.focus{background-color:var(--red-dark)}.a-btn--warning:focus,.a-btn--warning.focus{outline-color:var(--red-mid-dark)}.a-btn--warning:active,.a-btn--warning.active{background-color:var(--gray-dark)}.a-btn--disabled,.a-btn--disabled:link,.a-btn--disabled:visited,.a-btn--disabled:hover,.a-btn--disabled.hover,.a-btn--disabled:focus,.a-btn--disabled.focus,.a-btn--disabled:active,.a-btn--disabled.active,.a-btn[disabled],.a-btn[disabled]:link,.a-btn[disabled]:visited,.a-btn[disabled]:hover,.a-btn[disabled].hover,.a-btn[disabled]:focus,.a-btn[disabled].focus,.a-btn[disabled]:active,.a-btn[disabled].active{background-color:var(--gray-20);color:var(--gray-dark);cursor:default;cursor:not-allowed}.a-btn--disabled:focus,.a-btn--disabled.focus,.a-btn[disabled]:focus,.a-btn[disabled].focus{outline-color:var(--gray-20)}@media only all and (max-width: 37.5em){.a-btn--full-on-xs{display:block;width:100%}}.a-btn:has(svg+span) span{order:3}.a-btn:has(span+svg) svg{order:3;flex:none}.a-btn:not(.a-btn--hide-icon):has(svg+span):before,.a-btn:not(.a-btn--hide-icon):has(span+svg):before{content:"";border-left:1px solid var(--pacific-60);order:2;place-self:normal}.a-btn--secondary:has(svg):before{border-color:var(--pacific-60)!important}.a-btn--warning:has(svg):before{border-color:var(--red-60)!important}.a-btn--disabled:has(svg):before,.a-btn[disabled]:has(svg):before{border-color:var(--gray-60)!important}.a-btn--hide-icon svg{display:none}.m-btn-group{display:flex;gap:.9375rem;flex-wrap:wrap;align-items:center;width:fit-content}.a-btn--link{padding:1.5px 0;border-radius:0;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-style:dotted;text-underline-offset:4.5px}.a-btn--link:has(svg){gap:.3125rem}.a-btn--link:has(svg):before{display:none}.a-btn--link,.a-btn--link:link,.a-btn--link:visited{text-decoration-color:var(--pacific);background-color:transparent;color:var(--pacific)}.a-btn--link:hover,.a-btn--link.hover{text-decoration-color:var(--pacific-dark);text-decoration-style:solid;background-color:transparent;color:var(--pacific-dark)}.a-btn--link:focus,.a-btn--link.focus{text-decoration-style:solid;background-color:transparent;outline:1px dotted var(--pacific);color:var(--pacific)}.a-btn--link:active,.a-btn--link.active{text-decoration-color:var(--navy);text-decoration-style:solid;background-color:transparent;color:var(--navy)}.a-btn--link.a-btn--warning,.a-btn--link.a-btn--warning:link,.a-btn--link.a-btn--warning:visited{text-decoration-color:var(--red-mid-dark);background-color:transparent;color:var(--red-mid-dark)}.a-btn--link.a-btn--warning:hover,.a-btn--link.a-btn--warning.hover{text-decoration-color:var(--red-dark);text-decoration-style:solid;background-color:transparent;color:var(--red-dark)}.a-btn--link.a-btn--warning:focus,.a-btn--link.a-btn--warning.focus{text-decoration-style:solid;background-color:transparent;outline:1px dotted var(--red-mid-dark);color:var(--red-mid-dark)}.a-btn--link.a-btn--warning:active,.a-btn--link.a-btn--warning.active{text-decoration-color:var(--gray-dark);text-decoration-style:solid;background-color:transparent;color:var(--gray-dark)}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss"],
|
|
4
|
-
"sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: flex;\n gap: 0.625rem;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n justify-content: center;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n color: var(--white);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}\n.a-btn:has(svg + span) span {\n order: 3;\n}\n.a-btn:has(span + svg) svg {\n order: 3;\n}\n.a-btn:not(.a-btn--hide-icon):has(svg + span)::before, .a-btn:not(.a-btn--hide-icon):has(span + svg)::before {\n content: \"\";\n border-left: 1px solid var(--pacific-60);\n order: 2;\n place-self: normal;\n}\n.a-btn--secondary:has(svg)::before {\n border-color: var(--gray-40) !important;\n}\n.a-btn--warning:has(svg)::before {\n border-color: var(--red-60) !important;\n}\n.a-btn--disabled:has(svg)::before, .a-btn[disabled]:has(svg)::before {\n border-color: var(--gray-60) !important;\n}\n.a-btn--hide-icon svg {\n display: none;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.625rem;\n flex-wrap: wrap;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n/*\nLink text and underline.\n$v: Link link and visited color.\n$h: Link hover color.\n$f: Link focus color.\n$a: Link active color.\n*/\n.a-btn--link {\n padding: 1.5px 0;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link:has(svg) {\n gap: 0.3125rem;\n}\n.a-btn--link:has(svg)::before {\n display: none;\n}\n\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n color: var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--gray);\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--black);\n}\n\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--red-mid-dark);\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--gray-dark);\n}"],
|
|
5
|
-
"mappings": "AA+BA,MAAM,CAAC,KAAK,mBACZ,KAAK,CADE,KACI,mBACT,OAAQ,CACV,CAEA,CALO,MAML,WAAY,KACZ,QAAS,KACT,IAAK,QACL,WAAY,WAxCd,QAyCW,KAAM,OACf,OAAQ,EA1CV,OA2CU,EA3CV,cA4CiB,MACf,OAAQ,QACR,UAAW,IACX,YAAa,IACb,YAAa,OACb,WAAY,OACZ,gBAAiB,KACjB,WAAY,iBAAiB,IAC7B,MAAO,
|
|
4
|
+
"sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: flex;\n gap: 0.625rem;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n width: fit-content;\n height: fit-content;\n justify-content: center;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n color: var(--white);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--white);\n color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific) inset;\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--white);\n color: var(--pacific-dark);\n box-shadow: 0 0 0 1px var(--pacific-dark) inset;\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--pacific);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--white);\n color: var(--navy);\n box-shadow: 0 0 0 1px var(--navy) inset;\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}\n.a-btn:has(svg + span) span {\n order: 3;\n}\n.a-btn:has(span + svg) svg {\n order: 3;\n flex: none;\n}\n.a-btn:not(.a-btn--hide-icon):has(svg + span)::before, .a-btn:not(.a-btn--hide-icon):has(span + svg)::before {\n content: \"\";\n border-left: 1px solid var(--pacific-60);\n order: 2;\n place-self: normal;\n}\n.a-btn--secondary:has(svg)::before {\n border-color: var(--pacific-60) !important;\n}\n.a-btn--warning:has(svg)::before {\n border-color: var(--red-60) !important;\n}\n.a-btn--disabled:has(svg)::before, .a-btn[disabled]:has(svg)::before {\n border-color: var(--gray-60) !important;\n}\n.a-btn--hide-icon svg {\n display: none;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.9375rem;\n flex-wrap: wrap;\n align-items: center;\n width: fit-content;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n/*\nLink text and underline.\n$v: Link link and visited color.\n$h: Link hover color.\n$f: Link focus color.\n$a: Link active color.\n*/\n.a-btn--link {\n padding: 1.5px 0;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link:has(svg) {\n gap: 0.3125rem;\n}\n.a-btn--link:has(svg)::before {\n display: none;\n}\n\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n color: var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--red-mid-dark);\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--gray-dark);\n}"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(()=>{var s=Object.defineProperty;var a=(i,r)=>{for(var o in r)s(i,o,{get:r[o],enumerable:!0})};var
|
|
1
|
+
(()=>{var s=Object.defineProperty;var a=(i,r)=>{for(var o in r)s(i,o,{get:r[o],enumerable:!0})};var e={};a(e,{default:()=>d});var d={};var n={};a(n,{default:()=>b});var b={};var t={};a(t,{default:()=>g});var g={};})();
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-group.scss", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-link.scss"],
|
|
4
|
-
"sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: flex;\n gap: 0.625rem;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n width: -moz-fit-content;\n width: fit-content;\n height: -moz-fit-content;\n height: fit-content;\n justify-content: center;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n color: var(--white);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--gray);\n color: var(--white);\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--gray-dark);\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--gray);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--black);\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}\n.a-btn:has(svg + span) span {\n order: 3;\n}\n.a-btn:has(span + svg) svg {\n order: 3;\n}\n.a-btn:not(.a-btn--hide-icon):has(svg + span)::before, .a-btn:not(.a-btn--hide-icon):has(span + svg)::before {\n content: \"\";\n border-left: 1px solid var(--pacific-60);\n order: 2;\n place-self: normal;\n}\n.a-btn--secondary:has(svg)::before {\n border-color: var(--gray-40) !important;\n}\n.a-btn--warning:has(svg)::before {\n border-color: var(--red-60) !important;\n}\n.a-btn--disabled:has(svg)::before, .a-btn[disabled]:has(svg)::before {\n border-color: var(--gray-60) !important;\n}\n.a-btn--hide-icon svg {\n display: none;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.625rem;\n flex-wrap: wrap;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n/*\nLink text and underline.\n$v: Link link and visited color.\n$h: Link hover color.\n$f: Link focus color.\n$a: Link active color.\n*/\n.a-btn--link {\n padding: 1.5px 0;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link:has(svg) {\n gap: 0.3125rem;\n}\n.a-btn--link:has(svg)::before {\n display: none;\n}\n\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n color: var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n\n.a-btn--link.a-btn--secondary, .a-btn--link.a-btn--secondary:link, .a-btn--link.a-btn--secondary:visited {\n text-decoration-color: var(--gray);\n background-color: transparent;\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:hover, .a-btn--link.a-btn--secondary.hover {\n text-decoration-color: var(--gray-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--gray);\n color: var(--gray);\n}\n.a-btn--link.a-btn--secondary:active, .a-btn--link.a-btn--secondary.active {\n text-decoration-color: var(--black);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--black);\n}\n\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--red-mid-dark);\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--gray-dark);\n}"],
|
|
4
|
+
"sourcesContent": ["/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\nbutton.a-btn::-moz-focus-inner,\ninput.a-btn::-moz-focus-inner {\n border: 0;\n}\n\n.a-btn {\n appearance: none;\n display: flex;\n gap: 0.625rem;\n box-sizing: border-box;\n padding: 0.5em 0.875em;\n border: 0;\n margin: 0;\n border-radius: 0.25em;\n cursor: pointer;\n font-size: 1em;\n font-weight: 500;\n line-height: normal;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.1s;\n width: fit-content;\n height: fit-content;\n justify-content: center;\n}\n.a-btn, .a-btn:link, .a-btn:visited {\n background-color: var(--pacific);\n color: var(--white);\n}\n.a-btn:hover, .a-btn.hover, .a-btn:focus, .a-btn.focus {\n background-color: var(--pacific-dark);\n color: var(--white);\n}\n.a-btn:focus, .a-btn.focus {\n outline: 1px dotted var(--pacific);\n outline-offset: 1px;\n}\n.a-btn:active, .a-btn.active {\n background-color: var(--navy);\n}\n.a-btn--secondary, .a-btn--secondary:link, .a-btn--secondary:visited {\n background-color: var(--white);\n color: var(--pacific);\n box-shadow: 0 0 0 1px var(--pacific) inset;\n}\n.a-btn--secondary:hover, .a-btn--secondary.hover, .a-btn--secondary:focus, .a-btn--secondary.focus {\n background-color: var(--white);\n color: var(--pacific-dark);\n box-shadow: 0 0 0 1px var(--pacific-dark) inset;\n}\n.a-btn--secondary:focus, .a-btn--secondary.focus {\n outline-color: var(--pacific);\n}\n.a-btn--secondary:active, .a-btn--secondary.active {\n background-color: var(--white);\n color: var(--navy);\n box-shadow: 0 0 0 1px var(--navy) inset;\n}\n.a-btn--warning, .a-btn--warning:link, .a-btn--warning:visited {\n background-color: var(--red-mid-dark);\n color: var(--white);\n}\n.a-btn--warning:hover, .a-btn--warning.hover, .a-btn--warning:focus, .a-btn--warning.focus {\n background-color: var(--red-dark);\n}\n.a-btn--warning:focus, .a-btn--warning.focus {\n outline-color: var(--red-mid-dark);\n}\n.a-btn--warning:active, .a-btn--warning.active {\n background-color: var(--gray-dark);\n}\n.a-btn--disabled, .a-btn--disabled:link, .a-btn--disabled:visited, .a-btn--disabled:hover, .a-btn--disabled.hover, .a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn--disabled:active, .a-btn--disabled.active, .a-btn[disabled], .a-btn[disabled]:link, .a-btn[disabled]:visited, .a-btn[disabled]:hover, .a-btn[disabled].hover, .a-btn[disabled]:focus, .a-btn[disabled].focus, .a-btn[disabled]:active, .a-btn[disabled].active {\n background-color: var(--gray-20);\n color: var(--gray-dark);\n cursor: default;\n cursor: not-allowed;\n}\n.a-btn--disabled:focus, .a-btn--disabled.focus, .a-btn[disabled]:focus, .a-btn[disabled].focus {\n outline-color: var(--gray-20);\n}\n@media only all and (max-width: 37.5em) {\n .a-btn--full-on-xs {\n display: block;\n width: 100%;\n }\n}\n.a-btn:has(svg + span) span {\n order: 3;\n}\n.a-btn:has(span + svg) svg {\n order: 3;\n flex: none;\n}\n.a-btn:not(.a-btn--hide-icon):has(svg + span)::before, .a-btn:not(.a-btn--hide-icon):has(span + svg)::before {\n content: \"\";\n border-left: 1px solid var(--pacific-60);\n order: 2;\n place-self: normal;\n}\n.a-btn--secondary:has(svg)::before {\n border-color: var(--pacific-60) !important;\n}\n.a-btn--warning:has(svg)::before {\n border-color: var(--red-60) !important;\n}\n.a-btn--disabled:has(svg)::before, .a-btn[disabled]:has(svg)::before {\n border-color: var(--gray-60) !important;\n}\n.a-btn--hide-icon svg {\n display: none;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n.m-btn-group {\n display: flex;\n gap: 0.9375rem;\n flex-wrap: wrap;\n align-items: center;\n width: fit-content;\n}", "/* ==========================================================================\n Design System\n Variables\n ========================================================================== */\n/* ==========================================================================\n Design System\n Breakpoint variables.\n\n NOTE: If any of the values in this file are adjusted,\n they need to be adjusted in vars-breakpoints.js as well.\n ========================================================================== */\n/* ==========================================================================\n Design System\n Grid mixins\n ========================================================================== */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable selector-class-pattern */\n/* ==========================================================================\n Design System\n Media queries\n ========================================================================== */\n/* ==========================================================================\n Design System\n Base styles\n ========================================================================== */\n/* ==========================================================================\n Design System\n Button Styling\n ========================================================================== */\n/*\nLink text and underline.\n$v: Link link and visited color.\n$h: Link hover color.\n$f: Link focus color.\n$a: Link active color.\n*/\n.a-btn--link {\n padding: 1.5px 0;\n border-radius: 0;\n text-decoration-line: underline;\n text-decoration-thickness: 1px;\n text-decoration-style: dotted;\n text-underline-offset: 4.5px;\n}\n.a-btn--link:has(svg) {\n gap: 0.3125rem;\n}\n.a-btn--link:has(svg)::before {\n display: none;\n}\n\n.a-btn--link, .a-btn--link:link, .a-btn--link:visited {\n text-decoration-color: var(--pacific);\n background-color: transparent;\n color: var(--pacific);\n}\n.a-btn--link:hover, .a-btn--link.hover {\n text-decoration-color: var(--pacific-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--pacific-dark);\n}\n.a-btn--link:focus, .a-btn--link.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--pacific);\n color: var(--pacific);\n}\n.a-btn--link:active, .a-btn--link.active {\n text-decoration-color: var(--navy);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--navy);\n}\n\n.a-btn--link.a-btn--warning, .a-btn--link.a-btn--warning:link, .a-btn--link.a-btn--warning:visited {\n text-decoration-color: var(--red-mid-dark);\n background-color: transparent;\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:hover, .a-btn--link.a-btn--warning.hover {\n text-decoration-color: var(--red-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n text-decoration-style: solid;\n background-color: transparent;\n outline: 1px dotted var(--red-mid-dark);\n color: var(--red-mid-dark);\n}\n.a-btn--link.a-btn--warning:active, .a-btn--link.a-btn--warning.active {\n text-decoration-color: var(--gray-dark);\n text-decoration-style: solid;\n background-color: transparent;\n color: var(--gray-dark);\n}"],
|
|
5
5
|
"mappings": "gGAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA,GCAA,IAAAC,EAAA,GAAAC,EAAAD,EAAA,aAAAE,IAAA,IAAAA,EAAA",
|
|
6
6
|
"names": ["button_exports", "__export", "button_default", "button_group_exports", "__export", "button_group_default", "button_link_exports", "__export", "button_link_default"]
|
|
7
7
|
}
|