@cfpb/cfpb-design-system 3.2.9 → 3.2.11

package/CHANGELOG.md

@@ -2,7 +2,31 @@
 
 All notable changes to this project will be documented in this file.
 
-## [unreleased]
+## [3.2.11](https://github.com/cfpb/design-system/compare/v3.2.10..v3.2.11) - 2024-11-06
+
+### PRs in this release
+
+- PR #[2091](https://github.com/cfpb/design-system/pull/2091): Refactor buttons and pagination to fix alignment issues - Ans
+- PR #[2098](https://github.com/cfpb/design-system/pull/2098): Linter fixes | Patch bump Cypress - Ans
+
+### General
+
+- Refactor buttons to fix alignment issues - ([3ee904e](https://github.com/cfpb/design-system/commit/3ee904ef5d1b45c149f6bde964d2cacb70675f8e)) - Ans
+- Add `row-gap` - ([d6ea4c1](https://github.com/cfpb/design-system/commit/d6ea4c1480dfbf043a4dd0f37d59e73bbb9ed94f)) - Ans
+- Linter fixes - ([6f84a1b](https://github.com/cfpb/design-system/commit/6f84a1b12fbd32720cd5f109d8d5ac0da683e51a)) - Ans
+
+## [3.2.10](https://github.com/cfpb/design-system/compare/v3.2.9..v3.2.10) - 2024-11-06
+
+### PRs in this release
+
+- PR #[2096](https://github.com/cfpb/design-system/pull/2096): Remove `u-inline-block` - Ans
+
+### General
+
+- Bump changelog - ([ad0f6dc](https://github.com/cfpb/design-system/commit/ad0f6dc23d18cad72f3ff953e857a30261bebc60)) - Ans
+- Remove `u-inline-block` - ([ad8824d](https://github.com/cfpb/design-system/commit/ad8824d097d77ce5291170b5ac8752e9c0499d3a)) - Ans
+
+## [3.2.9](https://github.com/cfpb/design-system/compare/v3.2.8..v3.2.9) - 2024-11-06
 
 ### PRs in this release
 

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

@@ -1,2 +1,2 @@
-button.a-btn::-moz-focus-inner,input.a-btn::-moz-focus-inner{border:0}.a-btn{appearance:none;display:inline-block;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}.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%}}.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,.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);color:var(--gray-dark)}.a-btn--link.a-btn--secondary:focus,.a-btn--link.a-btn--secondary.focus{outline-color:var(--gray)}.a-btn--link.a-btn--secondary:active,.a-btn--link.a-btn--secondary.active{text-decoration-color:var(--black);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);color:var(--red-dark)}.a-btn--link.a-btn--warning:focus,.a-btn--link.a-btn--warning.focus{outline-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);color:var(--gray-dark)}.a-btn__icon--on-left{padding-right:.6875em;border-right:1px solid var(--pacific-60);margin-right:.4375em}.a-btn__icon--on-right{padding-left:.6875em;border-left:1px solid var(--pacific-60);margin-left:.4375em}.a-btn--secondary .a-btn__icon{border-color:var(--gray-40)}.a-btn--warning .a-btn__icon{border-color:var(--red-60)}.a-btn--disabled .a-btn__icon,.a-btn[disabled] .a-btn__icon{border-color:var(--gray-60)}
+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}.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):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)}.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}.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,.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);color:var(--gray-dark)}.a-btn--link.a-btn--secondary:focus,.a-btn--link.a-btn--secondary.focus{outline-color:var(--gray)}.a-btn--link.a-btn--secondary:active,.a-btn--link.a-btn--secondary.active{text-decoration-color:var(--black);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);color:var(--red-dark)}.a-btn--link.a-btn--warning:focus,.a-btn--link.a-btn--warning.focus{outline-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);color:var(--gray-dark)}
 /*# sourceMappingURL=index.css.map */

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

@@ -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", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.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: inline-block;\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}\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   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.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, .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.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  color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n  outline-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  color: var(--black);\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  color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n  outline-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  color: var(--gray-dark);\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.a-btn__icon--on-left {\n  padding-right: 0.6875em;\n  border-right: 1px solid var(--pacific-60);\n  margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n  padding-left: 0.6875em;\n  border-left: 1px solid var(--pacific-60);\n  margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n  border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n  border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n  border-color: var(--gray-60);\n}"],
-  "mappings": "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",
+  "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}\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)::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);\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   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.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, .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.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  color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n  outline-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  color: var(--black);\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  color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n  outline-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  color: var(--gray-dark);\n}"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,2 +1,2 @@
-(()=>{var l=Object.defineProperty;var a=(s,i)=>{for(var o in i)l(s,o,{get:i[o],enumerable:!0})};var e={};a(e,{default:()=>c});var c={};var t={};a(t,{default:()=>y});var y={};var n={};a(n,{default:()=>g});var g={};var r={};a(r,{default:()=>k});var k={};})();
+(()=>{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 e={};a(e,{default:()=>c});var c={};var t={};a(t,{default:()=>g});var g={};})();
 //# sourceMappingURL=index.js.map

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

@@ -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", "../../../../../packages/cfpb-design-system/src/components/cfpb-buttons/button-with-icon.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: inline-block;\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}\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   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.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, .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.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  color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n  outline-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  color: var(--black);\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  color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n  outline-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  color: var(--gray-dark);\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.a-btn__icon--on-left {\n  padding-right: 0.6875em;\n  border-right: 1px solid var(--pacific-60);\n  margin-right: 0.4375em;\n}\n\n.a-btn__icon--on-right {\n  padding-left: 0.6875em;\n  border-left: 1px solid var(--pacific-60);\n  margin-left: 0.4375em;\n}\n\n.a-btn--secondary .a-btn__icon {\n  border-color: var(--gray-40);\n}\n.a-btn--warning .a-btn__icon {\n  border-color: var(--red-60);\n}\n.a-btn--disabled .a-btn__icon, .a-btn[disabled] .a-btn__icon {\n  border-color: var(--gray-60);\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,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", "button_with_icon_exports", "__export", "button_with_icon_default"]
+  "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}\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)::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);\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   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.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, .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.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  color: var(--gray-dark);\n}\n.a-btn--link.a-btn--secondary:focus, .a-btn--link.a-btn--secondary.focus {\n  outline-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  color: var(--black);\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  color: var(--red-dark);\n}\n.a-btn--link.a-btn--warning:focus, .a-btn--link.a-btn--warning.focus {\n  outline-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  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"]
 }