npm - @cfpb/cfpb-design-system - Versions diffs - 3.4.6 → 3.4.7 - Mend

@cfpb/cfpb-design-system 3.4.6 → 3.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

package/CHANGELOG.md +14 -1
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.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.map +1 -1
package/dist/index.css +1 -1
package/dist/index.css.map +2 -2
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.map +1 -1
package/package.json +1 -1
package/src/components/cfpb-buttons/button-group.scss +1 -0
package/src/components/cfpb-buttons/button-link.scss +2 -3
package/src/components/cfpb-buttons/button.scss +17 -14

package/CHANGELOG.md CHANGED Viewed

@@ -2,7 +2,20 @@
 All notable changes to this project will be documented in this file.
-## [3.4.6](https://github.com/cfpb/design-system/compare/v3.4.5..3.4.6) - November 13, 2024
+## [3.4.7](https://github.com/cfpb/design-system/compare/v3.4.6..3.4.7) - November 13, 2024
+### PRs in this release
+- PR #[2108](https://github.com/cfpb/design-system/pull/2108): Add text-free icon button examples - Ans
+- PR #[2109](https://github.com/cfpb/design-system/pull/2109): Add button link state examples - Ans
+### General
+- Add text-free icon buttons - ([8527b37](https://github.com/cfpb/design-system/commit/8527b37bbaa56611d2883d43289c4a6c2d2e078a)) - Ans
+- Tweak button dimensions - ([8595c33](https://github.com/cfpb/design-system/commit/8595c33afd3b92557c02d4494200e3d08729c053)) - Ans
+- Rebuild assets - ([a27795f](https://github.com/cfpb/design-system/commit/a27795fe7fe0072e42b217f5e331a2736e1bcb5a)) - Ans
+## [3.4.6](https://github.com/cfpb/design-system/compare/v3.4.5..v3.4.6) - November 13, 2024
 ### PRs in this release

package/dist/components/cfpb-buttons/index.css CHANGED Viewed

@@ -1,2 +1,2 @@
-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:-moz-fit-content;width: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(--gray);color:var(--white)}.a-btn--secondary:hover,.a-btn--secondary.hover,.a-btn--secondary:focus,.a-btn--secondary.focus{background-color:var(--gray-dark)}.a-btn--secondary:focus,.a-btn--secondary.focus{outline-color:var(--gray)}.a-btn--secondary:active,.a-btn--secondary.active{background-color:var(--black)}.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--secondary:has(svg):before{border-color:var(--gray-40)}.a-btn--warning:has(svg):before{border-color:var(--red-60)}.a-btn--disabled:has(svg):before,.a-btn[disabled]:has(svg):before{border-color:var(--gray-60)}.a-btn:has(svg+span) span{order:3}.a-btn:has(span+svg) svg{order:3}.a-btn:not(.a-btn--hide-icon):has(svg):before{content:"";border-left:1px solid var(--pacific-60);order:2;place-self:normal}.a-btn--hide-icon svg{display:none}.m-btn-group{display:flex;gap:.625rem;flex-wrap:wrap;align-items:center}.a-btn--link{padding:0 0 1.5px;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)}.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--secondary,.a-btn--link.a-btn--secondary:link,.a-btn--link.a-btn--secondary:visited{text-decoration-color:var(--gray);background-color:transparent;color:var(--gray)}.a-btn--link.a-btn--secondary:hover,.a-btn--link.a-btn--secondary.hover{text-decoration-color:var(--gray-dark);text-decoration-style:solid;background-color:transparent;color:var(--gray-dark)}.a-btn--link.a-btn--secondary:focus,.a-btn--link.a-btn--secondary.focus{text-decoration-style:solid;background-color:transparent;outline:1px dotted var(--gray)}.a-btn--link.a-btn--secondary:active,.a-btn--link.a-btn--secondary.active{text-decoration-color:var(--black);text-decoration-style:solid;background-color:transparent;color:var(--black)}.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)}.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)}
+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:-moz-fit-content;width:fit-content;height:-moz-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(--gray);color:var(--white)}.a-btn--secondary:hover,.a-btn--secondary.hover,.a-btn--secondary:focus,.a-btn--secondary.focus{background-color:var(--gray-dark)}.a-btn--secondary:focus,.a-btn--secondary.focus{outline-color:var(--gray)}.a-btn--secondary:active,.a-btn--secondary.active{background-color:var(--black)}.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}.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(--gray-40)!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:.625rem;flex-wrap:wrap;align-items:center;width:-moz-fit-content;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--secondary,.a-btn--link.a-btn--secondary:link,.a-btn--link.a-btn--secondary:visited{text-decoration-color:var(--gray);background-color:transparent;color:var(--gray)}.a-btn--link.a-btn--secondary:hover,.a-btn--link.a-btn--secondary.hover{text-decoration-color:var(--gray-dark);text-decoration-style:solid;background-color:transparent;color:var(--gray-dark)}.a-btn--link.a-btn--secondary:focus,.a-btn--link.a-btn--secondary.focus{text-decoration-style:solid;background-color:transparent;outline:1px dotted var(--gray);color:var(--gray)}.a-btn--link.a-btn--secondary:active,.a-btn--link.a-btn--secondary.active{text-decoration-color:var(--black);text-decoration-style:solid;background-color:transparent;color:var(--black)}.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)}
 /*# sourceMappingURL=index.css.map */

package/dist/components/cfpb-buttons/index.css.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 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"],
-  "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  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--secondary:has(svg)::before {\n  border-color: var(--gray-40);\n}\n.a-btn--warning:has(svg)::before {\n  border-color: var(--red-60);\n}\n.a-btn--disabled:has(svg)::before, .a-btn[disabled]:has(svg)::before {\n  border-color: var(--gray-60);\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)::before {\n  content: \"\";\n  border-left: 1px solid var(--pacific-60);\n  order: 2;\n  place-self: normal;\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}", "/* ==========================================================================\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: 0;\n  padding-bottom: 1.5px;\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}\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}\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}\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}"],
-  "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,iBACP,MAAO,YACP,gBAAiB,MACnB,CACA,CAzBO,MAyBC,CAzBD,KAyBO,MAAO,CAzBd,KAyBoB,SACzB,iBAAkB,IAAI,WACtB,MAAO,IAAI,QACb,CACA,CA7BO,KA6BD,OAAQ,CA7BP,KA6Ba,CAAC,MAAO,CA7BrB,KA6B2B,OAAQ,CA7BnC,KA6ByC,CAAC,MAC/C,iBAAkB,IAAI,gBACtB,MAAO,IAAI,QACb,CACA,CAjCO,KAiCD,OAAQ,CAjCP,KAiCa,CAJ6B,MAK/C,QAAS,IAAI,OAAO,IAAI,WACxB,eAAgB,GAClB,CACA,CArCO,KAqCD,QAAS,CArCR,KAqCc,CAAC,OACpB,iBAAkB,IAAI,OACxB,CACA,CAAC,iBAAkB,CAAlB,gBAAmC,MAAO,CAA1C,gBAA2D,SAC1D,iBAAkB,IAAI,QACtB,MAAO,IAAI,QACb,CACA,CAJC,gBAIgB,OAAQ,CAJxB,gBAIyC,CAfrB,MAe6B,CAJjD,gBAIkE,OAAQ,CAJ1E,gBAI2F,CAf3C,MAgB/C,iBAAkB,IAAI,YACxB,CACA,CAPC,gBAOgB,OAAQ,CAPxB,gBAOyC,CAlBO,MAmB/C,cAAe,IAAI,OACrB,CACA,CAVC,gBAUgB,QAAS,CAVzB,gBAU0C,CAbrB,OAcpB,iBAAkB,IAAI,QACxB,CACA,CAAC,eAAgB,CAAhB,cAA+B,MAAO,CAAtC,cAAqD,SACpD,iBAAkB,IAAI,gBACtB,MAAO,IAAI,QACb,CACA,CAJC,cAIc,OAAQ,CAJtB,cAIqC,CA5BjB,MA4ByB,CAJ7C,cAI4D,OAAQ,CAJpE,cAImF,CA5BnC,MA6B/C,iBAAkB,IAAI,WACxB,CACA,CAPC,cAOc,OAAQ,CAPtB,cAOqC,CA/BW,MAgC/C,cAAe,IAAI,eACrB,CACA,CAVC,cAUc,QAAS,CAVvB,cAUsC,CA1BjB,OA2BpB,iBAAkB,IAAI,YACxB,CACA,CAAC,gBAAiB,CAAjB,eAAiC,MAAO,CAAxC,eAAwD,SAAU,CAAlE,eAAkF,OAAQ,CAA1F,eAA0G,CArCtF,MAqC8F,CAAlH,eAAkI,OAAQ,CAA1I,eAA0J,CArC1G,MAqCkH,CAAlK,eAAkL,QAAS,CAA3L,eAA2M,CA7BtL,OA6B+L,CAlE9M,KAkEoN,CAAC,UAAW,CAlEhO,KAkEsO,CAAC,SAAS,MAAO,CAlEvP,KAkE6P,CAAC,SAAS,SAAU,CAlEjR,KAkEuR,CAAC,SAAS,OAAQ,CAlEzS,KAkE+S,CAAC,SAAS,CArC3S,MAqCmT,CAlEjU,KAkEuU,CAAC,SAAS,OAAQ,CAlEzV,KAkE+V,CAAC,SAAS,CArC/T,MAqCuU,CAlEjX,KAkEuX,CAAC,SAAS,QAAS,CAlE1Y,KAkEgZ,CAAC,SAAS,CA7B3Y,OA8BpB,iBAAkB,IAAI,WACtB,MAAO,IAAI,aACX,OAAQ,QACR,OAAQ,WACV,CACA,CANC,eAMe,OAAQ,CANvB,eAMuC,CA3CS,MA2CD,CAxEzC,KAwE+C,CAAC,SAAS,OAAQ,CAxEjE,KAwEuE,CAAC,SAAS,CA3CvC,MA4C/C,cAAe,IAAI,UACrB,CACA,OAAO,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,QAC9B,CAAC,kBACC,QAAS,MACT,MAAO,IACT,CACF,CACA,CAzCC,gBAyCgB,KAAK,IAAI,QACxB,aAAc,IAAI,UACpB,CACA,CA/BC,cA+Bc,KAAK,IAAI,QACtB,aAAc,IAAI,SACpB,CACA,CArBC,eAqBe,KAAK,IAAI,QAAU,CAvF5B,KAuFkC,CAAC,SAAS,KAAK,IAAI,QAC1D,aAAc,IAAI,UACpB,CACA,CA1FO,KA0FD,KAAK,GAAI,CAAE,MAAM,KACrB,MAAO,CACT,CACA,CA7FO,KA6FD,KAAK,IAAK,CAAE,KAAK,IACrB,MAAO,CACT,CACA,CAhGO,KAgGD,KAAK,CAAC,iBAAiB,KAAK,IAAI,QACpC,QAAS,GACT,YAAa,IAAI,MAAM,IAAI,cAC3B,MAAO,EACP,WAAY,MACd,CACA,CANY,iBAMM,IAChB,QAAS,IACX,CC5GA,CAAC,YACC,QAAS,KACT,IAAK,QACL,UAAW,KACX,YAAa,MACf,CCMA,CAAC,YAtCD,QAuCW,IACO,MAxClB,cAyCiB,EACf,qBAAsB,UACtB,0BAA2B,IAC3B,sBAAuB,OACvB,sBAAuB,KACzB,CACA,CATC,WASW,KAAK,KACf,IAAK,QACP,CACA,CAZC,WAYW,KAAK,IAAI,QACnB,QAAS,IACX,CAEA,CAhBC,YAgBa,CAhBb,WAgByB,MAAO,CAhBhC,WAgB4C,SAC3C,sBAAuB,IAAI,WAC3B,iBAAkB,YAClB,MAAO,IAAI,UACb,CACA,CArBC,WAqBW,OAAQ,CArBnB,WAqB+B,CAAC,MAC/B,sBAAuB,IAAI,gBAC3B,sBAAuB,MACvB,iBAAkB,YAClB,MAAO,IAAI,eACb,CACA,CA3BC,WA2BW,OAAQ,CA3BnB,WA2B+B,CAAC,MAC/B,sBAAuB,MACvB,iBAAkB,YAClB,QAAS,IAAI,OAAO,IAAI,UAC1B,CACA,CAhCC,WAgCW,QAAS,CAhCpB,WAgCgC,CAAC,OAChC,sBAAuB,IAAI,QAC3B,sBAAuB,MACvB,iBAAkB,YAClB,MAAO,IAAI,OACb,CAEA,CAvCC,WAuCW,CAAC,iBAAkB,CAvC9B,WAuC0C,CAA9B,gBAA+C,MAAO,CAvClE,WAuC8E,CAAlE,gBAAmF,SAC9F,sBAAuB,IAAI,QAC3B,iBAAkB,YAClB,MAAO,IAAI,OACb,CACA,CA5CC,WA4CW,CALC,gBAKgB,OAAQ,CA5CpC,WA4CgD,CALpC,gBAKqD,CAvBjC,MAwB/B,sBAAuB,IAAI,aAC3B,sBAAuB,MACvB,iBAAkB,YAClB,MAAO,IAAI,YACb,CACA,CAlDC,WAkDW,CAXC,gBAWgB,OAAQ,CAlDpC,WAkDgD,CAXpC,gBAWqD,CAvBjC,MAwB/B,sBAAuB,MACvB,iBAAkB,YAClB,QAAS,IAAI,OAAO,IAAI,OAC1B,CACA,CAvDC,WAuDW,CAhBC,gBAgBgB,QAAS,CAvDrC,WAuDiD,CAhBrC,gBAgBsD,CAvBjC,OAwBhC,sBAAuB,IAAI,SAC3B,sBAAuB,MACvB,iBAAkB,YAClB,MAAO,IAAI,QACb,CAEA,CA9DC,WA8DW,CAAC,eAAgB,CA9D5B,WA8DwC,CAA5B,cAA2C,MAAO,CA9D9D,WA8D0E,CAA9D,cAA6E,SACxF,sBAAuB,IAAI,gBAC3B,iBAAkB,YAClB,MAAO,IAAI,eACb,CACA,CAnEC,WAmEW,CALC,cAKc,OAAQ,CAnElC,WAmE8C,CALlC,cAKiD,CA9C7B,MA+C/B,sBAAuB,IAAI,YAC3B,sBAAuB,MACvB,iBAAkB,YAClB,MAAO,IAAI,WACb,CACA,CAzEC,WAyEW,CAXC,cAWc,OAAQ,CAzElC,WAyE8C,CAXlC,cAWiD,CA9C7B,MA+C/B,sBAAuB,MACvB,iBAAkB,YAClB,QAAS,IAAI,OAAO,IAAI,eAC1B,CACA,CA9EC,WA8EW,CAhBC,cAgBc,QAAS,CA9EnC,WA8E+C,CAhBnC,cAgBkD,CA9C7B,OA+ChC,sBAAuB,IAAI,aAC3B,sBAAuB,MACvB,iBAAkB,YAClB,MAAO,IAAI,YACb",
+  "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}"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/cfpb-buttons/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-(()=>{var s=Object.defineProperty;var a=(i,r)=>{for(var o in r)s(i,o,{get:r[o],enumerable:!0})};var n={};a(n,{default:()=>d});var d={};var t={};a(t,{default:()=>b});var b={};var e={};a(e,{default:()=>g});var g={};})();
+(()=>{var s=Object.defineProperty;var a=(i,r)=>{for(var o in r)s(i,o,{get:r[o],enumerable:!0})};var t={};a(t,{default:()=>d});var d={};var n={};a(n,{default:()=>b});var b={};var e={};a(e,{default:()=>g});var g={};})();
 //# sourceMappingURL=index.js.map

package/dist/components/cfpb-buttons/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 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"],
-  "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  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--secondary:has(svg)::before {\n  border-color: var(--gray-40);\n}\n.a-btn--warning:has(svg)::before {\n  border-color: var(--red-60);\n}\n.a-btn--disabled:has(svg)::before, .a-btn[disabled]:has(svg)::before {\n  border-color: var(--gray-60);\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)::before {\n  content: \"\";\n  border-left: 1px solid var(--pacific-60);\n  order: 2;\n  place-self: normal;\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}", "/* ==========================================================================\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: 0;\n  padding-bottom: 1.5px;\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}\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}\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}\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}"],
+  "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}"],
   "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",
   "names": ["button_exports", "__export", "button_default", "button_group_exports", "__export", "button_group_default", "button_link_exports", "__export", "button_link_default"]
 }