@asphalt-react/button - npm Package Compare versions

Comparing version 2.12.2 to 2.13.0

dist/index.css

+.Button__yXAkD {
+  /** Border properties */
+  --focus-appearance: var(--focus-outline, 2px solid);
+  --focus-color: var(--interactive-focus, #86afff);
+  --focus: var(--focus-appearance) var(--focus-color);
+  --button-border-inactive: var(--interactive-default, #cbcfd7);
+  --button-border-radius: var(--roundness-action-control, 0.375rem);
+  --border-width: 0px;
+  /* Make sure the height remains consistent when the border width changes */
+  --padding: calc(2px - var(--border-width));
+
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  white-space: nowrap;
+  border: var(--border-width) solid transparent;
+  border-radius: var(--button-border-radius);
+  box-sizing: border-box;
+  background: var(--button-surface-color);
+  color: var(--button-content-color);
+  font: var(--button-font);
+  /* WebKit browsers add margin around the buttons, which hinders the use case of grouping the buttons */
+  margin: 0;
+}
+
+.Button__yXAkD:focus {
+  /* Provide a fallback style for browsers
+    that don't support :focus-visible */
+  outline: var(--focus);
+}
+
+.Button__yXAkD:focus:not(:focus-visible) {
+  /* Remove the focus indicator on mouse-focus for browsers
+    that do support :focus-visible */
+  outline: none;
+}
+
+.Button__yXAkD:focus-visible {
+  outline: var(--focus);
+}
+
+.stretch__3qC8p {
+  width: 100%;
+}
+
+/* Hover states - only for devices with hover capability */
+@media (hover: hover) and (pointer: fine) {
+  .primaryBrand__Krr2l:hover {
+    --button-surface-color: var(
+      --interactive-surface-brand-primary-hover,
+      #33bb42
+    );
+  }
+
+  .primaryDanger__NfS2o:hover {
+    --button-surface-color: var(
+      --interactive-support-danger-primary-hover,
+      #f05f74
+    );
+  }
+
+  .primarySystem__zsZ-u:hover {
+    --button-surface-color: var(
+      --interactive-surface-inverse-primary-hover,
+      #444651
+    );
+  }
+
+  .secondaryBrand__jfdxk:hover {
+    --button-surface-color: var(
+      --interactive-surface-brand-secondary-hover,
+      #eff8f0
+    );
+  }
+
+  .secondaryDanger__-U1QE:hover {
+    --button-surface-color: var(
+      --interactive-support-danger-secondary-hover,
+      #fff1f4
+    );
+  }
+
+  .secondarySystem__PJ4Xx:hover {
+    --button-surface-color: var(
+      --interactive-surface-inverse-secondary-hover,
+      #e9eef4
+    );
+  }
+
+  .tertiaryBrand__1-455:hover {
+    --button-surface-color: var(
+      --interactive-surface-brand-secondary-hover,
+      #eff8f0
+    );
+  }
+
+  .tertiaryDanger__tqihQ:hover {
+    --button-surface-color: var(
+      --interactive-support-danger-secondary-hover,
+      #fff1f4
+    );
+  }
+
+  .tertiarySystem__-S7oN:hover {
+    --button-surface-color: var(
+      --interactive-surface-inverse-secondary-hover,
+      #e9eef4
+    );
+  }
+
+  .nudeBrand__aDE26:hover {
+    --button-surface-color: var(
+      --interactive-surface-brand-secondary-hover,
+      #eff8f0
+    );
+  }
+
+  .nudeDanger__zOqPK:hover {
+    --button-surface-color: var(
+      --interactive-support-danger-secondary-hover,
+      #fff1f4
+    );
+  }
+
+  .nudeSystem__PdH9G:hover {
+    --button-surface-color: var(
+      --interactive-surface-inverse-secondary-hover,
+      #e9eef4
+    );
+  }
+}
+
+/* primary styles */
+.primary__VOpsr {
+  --button-content-color: var(--content-on-brand, #ffffff);
+}
+
+.primaryBrand__Krr2l {
+  --button-surface-color: var(
+    --interactive-surface-brand-primary-default,
+    #00aa13
+  );
+}
+
+.primaryBrand__Krr2l:active {
+  --button-surface-color: var(
+    --interactive-surface-brand-primary-active,
+    #067817
+  );
+}
+
+.primaryDanger__NfS2o {
+  --button-surface-color: var(
+    --interactive-support-danger-primary-default,
+    #d83950
+  );
+  --button-content-color: var(--content-on-support, #ffffff);
+}
+
+.primaryDanger__NfS2o:active {
+  --button-surface-color: var(
+    --interactive-support-danger-primary-active,
+    #bb1a31
+  );
+}
+
+.primarySystem__zsZ-u {
+  --button-surface-color: var(
+    --interactive-surface-inverse-primary-default,
+    #383942
+  );
+}
+
+.primarySystem__zsZ-u:active {
+  --button-surface-color: var(
+    --interactive-surface-inverse-primary-active,
+    #0a0d1d
+  );
+}
+
+/* secondary styles */
+.secondary__zealy {
+  --button-surface-color: var(--interactive-surface-primary-default, #ffffff);
+  --border-width: var(--border-width-action, 2px);
+
+  border-color: var(--button-border-inactive);
+}
+
+.secondaryBrand__jfdxk {
+  --button-content-color: var(--content-brand, #00aa13);
+}
+
+.secondaryBrand__jfdxk:active {
+  --button-surface-color: var(
+    --interactive-surface-brand-secondary-active,
+    #bdecc6
+  );
+}
+
+.secondaryDanger__-U1QE {
+  --button-content-color: var(--content-danger, #bb354e);
+}
+
+.secondaryDanger__-U1QE:active {
+  --button-surface-color: var(
+    --interactive-support-danger-secondary-active,
+    #ffc6d0
+  );
+}
+
+.secondarySystem__PJ4Xx {
+  --button-content-color: var(--content-primary, #2d2e34);
+}
+
+.secondarySystem__PJ4Xx:active {
+  --button-surface-color: var(
+    --interactive-surface-inverse-secondary-active,
+    #b7c2d2
+  );
+}
+
+/* tertiary styles */
+.tertiaryBrand__1-455 {
+  --button-surface-color: var(
+    --interactive-surface-brand-secondary-default,
+    #dff6e0
+  );
+  --button-content-color: var(--content-brand, #00aa13);
+}
+
+.tertiaryBrand__1-455:active {
+  --button-surface-color: var(
+    --interactive-surface-brand-secondary-active,
+    #bdecc6
+  );
+}
+
+.tertiaryDanger__tqihQ {
+  --button-surface-color: var(
+    --interactive-support-danger-secondary-default,
+    #fee1e7
+  );
+  --button-content-color: var(--content-danger, #bb354e);
+}
+
+.tertiaryDanger__tqihQ:active {
+  --button-surface-color: var(
+    --interactive-support-danger-secondary-active,
+    #ffc6d0
+  );
+}
+
+.tertiarySystem__-S7oN {
+  --button-surface-color: var(
+    --interactive-surface-inverse-secondary-default,
+    #d9dfe8
+  );
+  --button-content-color: var(--content-primary, #2d2e34);
+}
+
+.tertiarySystem__-S7oN:active {
+  --button-surface-color: var(
+    --interactive-surface-inverse-secondary-active,
+    #b7c2d2
+  );
+}
+
+/* nude styles */
+.nude__SJHsv {
+  --button-surface-color: transparent;
+}
+
+.nudeBrand__aDE26 {
+  --button-content-color: var(--content-brand, #00aa13);
+}
+
+.nudeBrand__aDE26:active {
+  --button-surface-color: var(
+    --interactive-surface-brand-secondary-active,
+    #bdecc6
+  );
+}
+
+.nudeDanger__zOqPK {
+  --button-content-color: var(--content-danger, #bb354e);
+}
+
+.nudeDanger__zOqPK:active {
+  --button-surface-color: var(
+    --interactive-support-danger-secondary-active,
+    #ffc6d0
+  );
+}
+
+.nudeSystem__PdH9G {
+  --button-content-color: var(--content-primary, #2d2e34);
+}
+
+.nudeSystem__PdH9G:active {
+  --button-surface-color: var(
+    --interactive-surface-inverse-secondary-active,
+    #b7c2d2
+  );
+}
+
+/* compact icon styles */
+.compactIcon__8D7Nl {
+  border-radius: var(--button-border-radius);
+}
+
+/* disabled styles */
+.primary__VOpsr:disabled,
+.secondary__zealy:disabled,
+.tertiary__pRmHg:disabled,
+.nude__SJHsv:disabled {
+  --button-surface-color: var(--interactive-surface-disabled, #f1f3f6);
+  --button-content-color: var(--content-disabled, #9a9eaa);
+  border-color: transparent;
+  cursor: not-allowed;
+}
+
+.qualifier__JJPaq {
+  display: flex;
+  align-items: center;
+  pointer-events: none;
+}
+
+.qualifierStart__6o51Y {
+  margin-left: 0;
+  margin-right: 0.625rem;
+}
+
+.qualifierEnd__Yb2zt {
+  margin-left: 0.625rem;
+  margin-right: 0;
+}
+
+/** rtl style for qualifier */
+
+*[dir="rtl"] .qualifierStart__6o51Y {
+  margin-left: 0.625rem;
+  margin-right: 0;
+}
+
+*[dir="rtl"] .qualifierEnd__Yb2zt {
+  margin-right: 0.625rem;
+  margin-left: 0;
+}
+
+/* sizes */
+.buttonL__dT9zq {
+  padding: calc(1.0625rem + var(--padding)) calc(2rem + var(--padding));
+  --button-font: var(
+    --text-bold-L,
+    600 1.125rem/1.5 Maison Neue,
+    Helvetica,
+    Open Sans,
+    sans-serif
+  );
+  line-height: 1;
+}
+.buttonL__dT9zq:is(:not(.secondary__zealy)) {
+  padding-block: 1.1875rem;
+  padding-inline: 2.125rem;
+}
+
+.buttonM__jmSYx {
+  padding: calc(0.875rem + var(--padding)) calc(2rem + var(--padding));
+  --button-font: var(
+    --text-bold-M,
+    600 1rem/1.5 Maison Neue,
+    Helvetica,
+    Open Sans,
+    sans-serif
+  );
+  line-height: 1;
+}
+.buttonM__jmSYx:is(:not(.secondary__zealy)) {
+  padding-block: 1rem;
+  padding-inline: 2.125rem;
+}
+
+.buttonS__MrlZh {
+  padding: calc(0.6875rem + var(--padding)) calc(1.5rem + var(--padding));
+  --button-font: var(
+    --text-bold-S,
+    600 0.875rem/1.5 Maison Neue,
+    Helvetica,
+    Open Sans,
+    sans-serif
+  );
+  line-height: 1;
+}
+.buttonS__MrlZh:is(:not(.secondary__zealy)) {
+  padding-block: 0.8125rem;
+  padding-inline: 1.625rem;
+}
+
+.buttonXs__r9M7f {
+  padding: calc(0.625rem + var(--padding)) calc(1rem + var(--padding));
+  --button-font: var(
+    --text-bold-XS,
+    600 0.75rem/1.5 Maison Neue,
+    Helvetica,
+    Open Sans,
+    sans-serif
+  );
+  line-height: 1;
+}
+.buttonXs__r9M7f:is(:not(.secondary__zealy)) {
+  padding-block: 0.75rem;
+  padding-inline: 1.125rem;
+}
+
+.iconL__9Ee56 {
+  padding: calc(1.0625rem + var(--padding));
+}
+.iconL__9Ee56:is(:not(.secondary__zealy)) {
+  padding-block: 1.1875rem;
+  padding-inline: 1.1875rem;
+}
+
+.iconM__7SUOV {
+  padding: calc(0.875rem + var(--padding));
+}
+.iconM__7SUOV:is(:not(.secondary__zealy)) {
+  padding-block: 1rem;
+  padding-inline: 1rem;
+}
+
+.iconS__ItZGm {
+  padding: calc(0.6875rem + var(--padding));
+}
+.iconS__ItZGm:is(:not(.secondary__zealy)) {
+  padding-block: 0.8125rem;
+  padding-inline: 0.8125rem;
+}
+
+.iconXs__5mF1K {
+  padding: calc(0.625rem + var(--padding));
+}
+.iconXs__5mF1K:is(:not(.secondary__zealy)) {
+  padding-block: 0.75rem;
+  padding-inline: 0.75rem;
+}
+
+/** compact */
+
+.compactL__lisV7 {
+  padding: calc(0.563rem + var(--padding));
+}
+.compactL__lisV7:is(:not(.secondary__zealy)) {
+  padding-block: 0.688rem;
+  padding-inline: 0.688rem;
+}
+
+.compactM__hqnWo {
+  padding: calc(0.375rem + var(--padding));
+}
+.compactM__hqnWo:is(:not(.secondary__zealy)) {
+  padding-block: 0.5rem;
+  padding-inline: 0.5rem;
+}
+
+.compactS__nuYcM {
+  padding-block: calc(0.1875rem + var(--padding));
+  padding-inline: calc(0.125rem + var(--padding));
+}
+
+.compactS__nuYcM:is(:not(.secondary__zealy)) {
+  padding-block: 0.3125rem;
+  padding-inline: 0.25rem;
+}
+
+.compactXs__AywxT {
+  padding-inline: calc(0.063rem + var(--padding));
+  padding-block: calc(0.125rem + var(--padding));
+}
+
+.compactXs__AywxT:is(:not(.secondary__zealy)) {
+  padding-block: 0.25rem;
+  padding-inline: 0.188rem;
+}
+
+.compactIconL__L0Ed1 {
+  padding: calc(0.5625rem + var(--padding));
+}
+.compactIconL__L0Ed1:is(:not(.secondary__zealy)) {
+  padding-block: 0.6875rem;
+  padding-inline: 0.6875rem;
+}
+
+.compactIconM__b6gxq {
+  padding: calc(0.375rem + var(--padding));
+}
+.compactIconM__b6gxq:is(:not(.secondary__zealy)) {
+  padding-block: 0.5rem;
+  padding-inline: 0.5rem;
+}
+
+.compactIconS__H7G01 {
+  padding: calc(0.1875rem + var(--padding));
+}
+.compactIconS__H7G01:is(:not(.secondary__zealy)) {
+  padding-block: 0.3125rem;
+  padding-inline: 0.3125rem;
+}
+
+.compactIconXs__ei3A0 {
+  padding: calc(0.125rem + var(--padding));
+}
+.compactIconXs__ei3A0:is(:not(.secondary__zealy)) {
+  padding-block: 0.25rem;
+  padding-inline: 0.25rem;
+}
+
+/** link style */
+.link__OB7N- {
+  text-decoration: underline;
+}
+
+.qualifierWrapper__QSvCa {
+  display: inline-flex;
+  pointer-events: none;
+}
+
+.iconWrapper__avueo {
+  display: inline-flex;
+  pointer-events: none;
+}
+
+.stickStart__XljCt {
+  border-top-left-radius: var(--roundness-sharp, 0rem);
+  border-bottom-left-radius: var(--roundness-sharp, 0rem);
+}
+
+.stickEnd__KBlxz {
+  border-top-right-radius: var(--roundness-sharp, 0rem);
+  border-bottom-right-radius: var(--roundness-sharp, 0rem);
+}
+
+.stickStart__XljCt:focus-visible {
+  position: relative;
+}
+
+.stickEnd__KBlxz:focus-visible {
+  position: relative;
+}
+
+@supports not selector(:focus-visible) {
+  .stickStart__XljCt:focus {
+    position: relative;
+  }
+
+  .stickEnd__KBlxz:focus {
+    position: relative;
+  }
+}
+
+.stickPrimary__5OgXf {
+  margin-left: 1px;
+}
+
+.stickSecondary__mt79y {
+  border-left: 0;
+}
+
+.stickTertiary__pRNFE {
+  margin-left: 1px;
+}
+
+.stickNude__ppKxQ {
+  margin-left: 1px;
+}
+
+.noUnderline__4ntOt {
+  text-decoration: none;
+}

dist/index.cjs

@@ -0,1 +1,2 @@
+require("./index.css");
 'use strict';
@@ -7,3 +8,2 @@
 var svgNormalizer = require('@asphalt-react/svg-normalizer');
-var context = require('@asphalt-react/context');
 var helper = require('@asphalt-react/helper');
@@ -28,36 +28,6 @@ var qualifier = require('@asphalt-react/qualifier');
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".Button__yXAkD {\n  /** Border properties */\n  --focus-appearance: var(--focus-outline, 2px solid);\n  --focus-color: var(--interactive-focus, #86afff);\n  --focus: var(--focus-appearance) var(--focus-color);\n  --button-border-inactive: var(--interactive-default, #cbcfd7);\n  --button-border-radius: var(--roundness-action-control, 0.375rem);\n  --border-width: 0px;\n  /* Make sure the height remains consistent when the border width changes */\n  --padding: calc(2px - var(--border-width));\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  border: var(--border-width) solid transparent;\n  border-radius: var(--button-border-radius);\n  box-sizing: border-box;\n  background: var(--button-surface-color);\n  color: var(--button-content-color);\n  font: var(--button-font);\n  /* WebKit browsers add margin around the buttons, which hinders the use case of grouping the buttons */\n  margin: 0;\n}\n\n.Button__yXAkD:focus {\n  /* Provide a fallback style for browsers\n    that don't support :focus-visible */\n  outline: var(--focus);\n}\n\n.Button__yXAkD:focus:not(:focus-visible) {\n  /* Remove the focus indicator on mouse-focus for browsers\n    that do support :focus-visible */\n  outline: none;\n}\n\n.Button__yXAkD:focus-visible {\n  outline: var(--focus);\n}\n\n.stretch__3qC8p {\n  width: 100%;\n}\n\n/* Hover states - only for devices with hover capability */\n@media (hover: hover) and (pointer: fine) {\n  .primaryBrand__Krr2l:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-primary-hover,\n      #33bb42\n    );\n  }\n\n  .primaryDanger__NfS2o:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-primary-hover,\n      #f05f74\n    );\n  }\n\n  .primarySystem__zsZ-u:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-primary-hover,\n      #444651\n    );\n  }\n\n  .secondaryBrand__jfdxk:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .secondaryDanger__-U1QE:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .secondarySystem__PJ4Xx:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .tertiaryBrand__1-455:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .tertiaryDanger__tqihQ:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .tertiarySystem__-S7oN:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .nudeBrand__aDE26:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .nudeDanger__zOqPK:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .nudeSystem__PdH9G:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n}\n\n/* primary styles */\n.primary__VOpsr {\n  --button-content-color: var(--content-on-brand, #ffffff);\n}\n\n.primaryBrand__Krr2l {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-default,\n    #00aa13\n  );\n}\n\n.primaryBrand__Krr2l:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-active,\n    #067817\n  );\n}\n\n.primaryDanger__NfS2o {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-default,\n    #d83950\n  );\n  --button-content-color: var(--content-on-support, #ffffff);\n}\n\n.primaryDanger__NfS2o:active {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-active,\n    #bb1a31\n  );\n}\n\n.primarySystem__zsZ-u {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-default,\n    #383942\n  );\n}\n\n.primarySystem__zsZ-u:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-active,\n    #0a0d1d\n  );\n}\n\n/* secondary styles */\n.secondary__zealy {\n  --button-surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --border-width: var(--border-width-action, 2px);\n\n  border-color: var(--button-border-inactive);\n}\n\n.secondaryBrand__jfdxk {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.secondaryBrand__jfdxk:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.secondaryDanger__-U1QE {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.secondaryDanger__-U1QE:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.secondarySystem__PJ4Xx {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.secondarySystem__PJ4Xx:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* tertiary styles */\n.tertiaryBrand__1-455 {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-default,\n    #dff6e0\n  );\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.tertiaryBrand__1-455:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.tertiaryDanger__tqihQ {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-default,\n    #fee1e7\n  );\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.tertiaryDanger__tqihQ:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.tertiarySystem__-S7oN {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-default,\n    #d9dfe8\n  );\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.tertiarySystem__-S7oN:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* nude styles */\n.nude__SJHsv {\n  --button-surface-color: transparent;\n}\n\n.nudeBrand__aDE26 {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.nudeBrand__aDE26:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.nudeDanger__zOqPK {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.nudeDanger__zOqPK:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.nudeSystem__PdH9G {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.nudeSystem__PdH9G:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* compact icon styles */\n.compactIcon__8D7Nl {\n  border-radius: var(--button-border-radius);\n}\n\n/* disabled styles */\n.primary__VOpsr:disabled,\n.secondary__zealy:disabled,\n.tertiary__pRmHg:disabled,\n.nude__SJHsv:disabled {\n  --button-surface-color: var(--interactive-surface-disabled, #f1f3f6);\n  --button-content-color: var(--content-disabled, #9a9eaa);\n  border-color: transparent;\n  cursor: not-allowed;\n}\n\n.qualifier__JJPaq {\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.qualifierStart__6o51Y {\n  margin-left: 0;\n  margin-right: 0.625rem;\n}\n\n.qualifierEnd__Yb2zt {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n/** rtl style for qualifier */\n\n*[dir=\"rtl\"] .qualifierStart__6o51Y {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n*[dir=\"rtl\"] .qualifierEnd__Yb2zt {\n  margin-right: 0.625rem;\n  margin-left: 0;\n}\n\n/* sizes */\n.buttonL__dT9zq {\n  padding: calc(1.0625rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-L,\n    600 1.125rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonL__dT9zq:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonM__jmSYx {\n  padding: calc(0.875rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-M,\n    600 1rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonM__jmSYx:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonS__MrlZh {\n  padding: calc(0.6875rem + var(--padding)) calc(1.5rem + var(--padding));\n  --button-font: var(\n    --text-bold-S,\n    600 0.875rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonS__MrlZh:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 1.625rem;\n}\n\n.buttonXs__r9M7f {\n  padding: calc(0.625rem + var(--padding)) calc(1rem + var(--padding));\n  --button-font: var(\n    --text-bold-XS,\n    600 0.75rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonXs__r9M7f:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 1.125rem;\n}\n\n.iconL__9Ee56 {\n  padding: calc(1.0625rem + var(--padding));\n}\n.iconL__9Ee56:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 1.1875rem;\n}\n\n.iconM__7SUOV {\n  padding: calc(0.875rem + var(--padding));\n}\n.iconM__7SUOV:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 1rem;\n}\n\n.iconS__ItZGm {\n  padding: calc(0.6875rem + var(--padding));\n}\n.iconS__ItZGm:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 0.8125rem;\n}\n\n.iconXs__5mF1K {\n  padding: calc(0.625rem + var(--padding));\n}\n.iconXs__5mF1K:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 0.75rem;\n}\n\n/** compact */\n\n.compactL__lisV7 {\n  padding: calc(0.563rem + var(--padding));\n}\n.compactL__lisV7:is(:not(.secondary__zealy)) {\n  padding-block: 0.688rem;\n  padding-inline: 0.688rem;\n}\n\n.compactM__hqnWo {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactM__hqnWo:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactS__nuYcM {\n  padding-block: calc(0.1875rem + var(--padding));\n  padding-inline: calc(0.125rem + var(--padding));\n}\n\n.compactS__nuYcM:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.25rem;\n}\n\n.compactXs__AywxT {\n  padding-inline: calc(0.063rem + var(--padding));\n  padding-block: calc(0.125rem + var(--padding));\n}\n\n.compactXs__AywxT:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.188rem;\n}\n\n.compactIconL__L0Ed1 {\n  padding: calc(0.5625rem + var(--padding));\n}\n.compactIconL__L0Ed1:is(:not(.secondary__zealy)) {\n  padding-block: 0.6875rem;\n  padding-inline: 0.6875rem;\n}\n\n.compactIconM__b6gxq {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactIconM__b6gxq:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactIconS__H7G01 {\n  padding: calc(0.1875rem + var(--padding));\n}\n.compactIconS__H7G01:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.3125rem;\n}\n\n.compactIconXs__ei3A0 {\n  padding: calc(0.125rem + var(--padding));\n}\n.compactIconXs__ei3A0:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.25rem;\n}\n\n/** link style */\n.link__OB7N- {\n  text-decoration: underline;\n}\n\n.qualifierWrapper__QSvCa {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.iconWrapper__avueo {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.stickStart__XljCt {\n  border-top-left-radius: var(--roundness-sharp, 0rem);\n  border-bottom-left-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickEnd__KBlxz {\n  border-top-right-radius: var(--roundness-sharp, 0rem);\n  border-bottom-right-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickStart__XljCt:focus-visible {\n  position: relative;\n}\n\n.stickEnd__KBlxz:focus-visible {\n  position: relative;\n}\n\n@supports not selector(:focus-visible) {\n  .stickStart__XljCt:focus {\n    position: relative;\n  }\n\n  .stickEnd__KBlxz:focus {\n    position: relative;\n  }\n}\n\n.stickPrimary__5OgXf {\n  margin-left: 1px;\n}\n\n.stickSecondary__mt79y {\n  border-left: 0;\n}\n\n.stickTertiary__pRNFE {\n  margin-left: 1px;\n}\n\n.stickNude__ppKxQ {\n  margin-left: 1px;\n}\n\n.noUnderline__4ntOt {\n  text-decoration: none;\n}\n";
 var styles = {"Button":"Button__yXAkD","stretch":"stretch__3qC8p","primaryBrand":"primaryBrand__Krr2l","primaryDanger":"primaryDanger__NfS2o","primarySystem":"primarySystem__zsZ-u","secondaryBrand":"secondaryBrand__jfdxk","secondaryDanger":"secondaryDanger__-U1QE","secondarySystem":"secondarySystem__PJ4Xx","tertiaryBrand":"tertiaryBrand__1-455","tertiaryDanger":"tertiaryDanger__tqihQ","tertiarySystem":"tertiarySystem__-S7oN","nudeBrand":"nudeBrand__aDE26","nudeDanger":"nudeDanger__zOqPK","nudeSystem":"nudeSystem__PdH9G","primary":"primary__VOpsr","secondary":"secondary__zealy","nude":"nude__SJHsv","compactIcon":"compactIcon__8D7Nl","tertiary":"tertiary__pRmHg","qualifier":"qualifier__JJPaq","qualifierStart":"qualifierStart__6o51Y","qualifierEnd":"qualifierEnd__Yb2zt","buttonL":"buttonL__dT9zq","buttonM":"buttonM__jmSYx","buttonS":"buttonS__MrlZh","buttonXs":"buttonXs__r9M7f","iconL":"iconL__9Ee56","iconM":"iconM__7SUOV","iconS":"iconS__ItZGm","iconXs":"iconXs__5mF1K","compactL":"compactL__lisV7","compactM":"compactM__hqnWo","compactS":"compactS__nuYcM","compactXs":"compactXs__AywxT","compactIconL":"compactIconL__L0Ed1","compactIconM":"compactIconM__b6gxq","compactIconS":"compactIconS__H7G01","compactIconXs":"compactIconXs__ei3A0","link":"link__OB7N-","qualifierWrapper":"qualifierWrapper__QSvCa","iconWrapper":"iconWrapper__avueo","stickStart":"stickStart__XljCt","stickEnd":"stickEnd__KBlxz","stickPrimary":"stickPrimary__5OgXf","stickSecondary":"stickSecondary__mt79y","stickTertiary":"stickTertiary__pRNFE","stickNude":"stickNude__ppKxQ","noUnderline":"noUnderline__4ntOt"};
-var stylesheet=".Button__yXAkD {\n  /** Border properties */\n  --focus-appearance: var(--focus-outline, 2px solid);\n  --focus-color: var(--interactive-focus, #86afff);\n  --focus: var(--focus-appearance) var(--focus-color);\n  --button-border-inactive: var(--interactive-default, #cbcfd7);\n  --button-border-radius: var(--roundness-action-control, 0.375rem);\n  --border-width: 0px;\n  /* Make sure the height remains consistent when the border width changes */\n  --padding: calc(2px - var(--border-width));\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  border: var(--border-width) solid transparent;\n  border-radius: var(--button-border-radius);\n  box-sizing: border-box;\n  background: var(--button-surface-color);\n  color: var(--button-content-color);\n  font: var(--button-font);\n  /* WebKit browsers add margin around the buttons, which hinders the use case of grouping the buttons */\n  margin: 0;\n}\n\n.Button__yXAkD:focus {\n  /* Provide a fallback style for browsers\n    that don't support :focus-visible */\n  outline: var(--focus);\n}\n\n.Button__yXAkD:focus:not(:focus-visible) {\n  /* Remove the focus indicator on mouse-focus for browsers\n    that do support :focus-visible */\n  outline: none;\n}\n\n.Button__yXAkD:focus-visible {\n  outline: var(--focus);\n}\n\n.stretch__3qC8p {\n  width: 100%;\n}\n\n/* Hover states - only for devices with hover capability */\n@media (hover: hover) and (pointer: fine) {\n  .primaryBrand__Krr2l:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-primary-hover,\n      #33bb42\n    );\n  }\n\n  .primaryDanger__NfS2o:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-primary-hover,\n      #f05f74\n    );\n  }\n\n  .primarySystem__zsZ-u:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-primary-hover,\n      #444651\n    );\n  }\n\n  .secondaryBrand__jfdxk:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .secondaryDanger__-U1QE:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .secondarySystem__PJ4Xx:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .tertiaryBrand__1-455:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .tertiaryDanger__tqihQ:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .tertiarySystem__-S7oN:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .nudeBrand__aDE26:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .nudeDanger__zOqPK:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .nudeSystem__PdH9G:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n}\n\n/* primary styles */\n.primary__VOpsr {\n  --button-content-color: var(--content-on-brand, #ffffff);\n}\n\n.primaryBrand__Krr2l {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-default,\n    #00aa13\n  );\n}\n\n.primaryBrand__Krr2l:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-active,\n    #067817\n  );\n}\n\n.primaryDanger__NfS2o {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-default,\n    #d83950\n  );\n  --button-content-color: var(--content-on-support, #ffffff);\n}\n\n.primaryDanger__NfS2o:active {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-active,\n    #bb1a31\n  );\n}\n\n.primarySystem__zsZ-u {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-default,\n    #383942\n  );\n}\n\n.primarySystem__zsZ-u:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-active,\n    #0a0d1d\n  );\n}\n\n/* secondary styles */\n.secondary__zealy {\n  --button-surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --border-width: var(--border-width-action, 2px);\n\n  border-color: var(--button-border-inactive);\n}\n\n.secondaryBrand__jfdxk {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.secondaryBrand__jfdxk:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.secondaryDanger__-U1QE {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.secondaryDanger__-U1QE:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.secondarySystem__PJ4Xx {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.secondarySystem__PJ4Xx:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* tertiary styles */\n.tertiaryBrand__1-455 {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-default,\n    #dff6e0\n  );\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.tertiaryBrand__1-455:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.tertiaryDanger__tqihQ {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-default,\n    #fee1e7\n  );\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.tertiaryDanger__tqihQ:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.tertiarySystem__-S7oN {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-default,\n    #d9dfe8\n  );\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.tertiarySystem__-S7oN:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* nude styles */\n.nude__SJHsv {\n  --button-surface-color: transparent;\n}\n\n.nudeBrand__aDE26 {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.nudeBrand__aDE26:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.nudeDanger__zOqPK {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.nudeDanger__zOqPK:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.nudeSystem__PdH9G {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.nudeSystem__PdH9G:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* compact icon styles */\n.compactIcon__8D7Nl {\n  border-radius: var(--button-border-radius);\n}\n\n/* disabled styles */\n.primary__VOpsr:disabled,\n.secondary__zealy:disabled,\n.tertiary__pRmHg:disabled,\n.nude__SJHsv:disabled {\n  --button-surface-color: var(--interactive-surface-disabled, #f1f3f6);\n  --button-content-color: var(--content-disabled, #9a9eaa);\n  border-color: transparent;\n  cursor: not-allowed;\n}\n\n.qualifier__JJPaq {\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.qualifierStart__6o51Y {\n  margin-left: 0;\n  margin-right: 0.625rem;\n}\n\n.qualifierEnd__Yb2zt {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n/** rtl style for qualifier */\n\n*[dir=\"rtl\"] .qualifierStart__6o51Y {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n*[dir=\"rtl\"] .qualifierEnd__Yb2zt {\n  margin-right: 0.625rem;\n  margin-left: 0;\n}\n\n/* sizes */\n.buttonL__dT9zq {\n  padding: calc(1.0625rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-L,\n    600 1.125rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonL__dT9zq:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonM__jmSYx {\n  padding: calc(0.875rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-M,\n    600 1rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonM__jmSYx:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonS__MrlZh {\n  padding: calc(0.6875rem + var(--padding)) calc(1.5rem + var(--padding));\n  --button-font: var(\n    --text-bold-S,\n    600 0.875rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonS__MrlZh:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 1.625rem;\n}\n\n.buttonXs__r9M7f {\n  padding: calc(0.625rem + var(--padding)) calc(1rem + var(--padding));\n  --button-font: var(\n    --text-bold-XS,\n    600 0.75rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonXs__r9M7f:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 1.125rem;\n}\n\n.iconL__9Ee56 {\n  padding: calc(1.0625rem + var(--padding));\n}\n.iconL__9Ee56:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 1.1875rem;\n}\n\n.iconM__7SUOV {\n  padding: calc(0.875rem + var(--padding));\n}\n.iconM__7SUOV:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 1rem;\n}\n\n.iconS__ItZGm {\n  padding: calc(0.6875rem + var(--padding));\n}\n.iconS__ItZGm:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 0.8125rem;\n}\n\n.iconXs__5mF1K {\n  padding: calc(0.625rem + var(--padding));\n}\n.iconXs__5mF1K:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 0.75rem;\n}\n\n/** compact */\n\n.compactL__lisV7 {\n  padding: calc(0.563rem + var(--padding));\n}\n.compactL__lisV7:is(:not(.secondary__zealy)) {\n  padding-block: 0.688rem;\n  padding-inline: 0.688rem;\n}\n\n.compactM__hqnWo {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactM__hqnWo:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactS__nuYcM {\n  padding-block: calc(0.1875rem + var(--padding));\n  padding-inline: calc(0.125rem + var(--padding));\n}\n\n.compactS__nuYcM:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.25rem;\n}\n\n.compactXs__AywxT {\n  padding-inline: calc(0.063rem + var(--padding));\n  padding-block: calc(0.125rem + var(--padding));\n}\n\n.compactXs__AywxT:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.188rem;\n}\n\n.compactIconL__L0Ed1 {\n  padding: calc(0.5625rem + var(--padding));\n}\n.compactIconL__L0Ed1:is(:not(.secondary__zealy)) {\n  padding-block: 0.6875rem;\n  padding-inline: 0.6875rem;\n}\n\n.compactIconM__b6gxq {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactIconM__b6gxq:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactIconS__H7G01 {\n  padding: calc(0.1875rem + var(--padding));\n}\n.compactIconS__H7G01:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.3125rem;\n}\n\n.compactIconXs__ei3A0 {\n  padding: calc(0.125rem + var(--padding));\n}\n.compactIconXs__ei3A0:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.25rem;\n}\n\n/** link style */\n.link__OB7N- {\n  text-decoration: underline;\n}\n\n.qualifierWrapper__QSvCa {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.iconWrapper__avueo {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.stickStart__XljCt {\n  border-top-left-radius: var(--roundness-sharp, 0rem);\n  border-bottom-left-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickEnd__KBlxz {\n  border-top-right-radius: var(--roundness-sharp, 0rem);\n  border-bottom-right-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickStart__XljCt:focus-visible {\n  position: relative;\n}\n\n.stickEnd__KBlxz:focus-visible {\n  position: relative;\n}\n\n@supports not selector(:focus-visible) {\n  .stickStart__XljCt:focus {\n    position: relative;\n  }\n\n  .stickEnd__KBlxz:focus {\n    position: relative;\n  }\n}\n\n.stickPrimary__5OgXf {\n  margin-left: 1px;\n}\n\n.stickSecondary__mt79y {\n  border-left: 0;\n}\n\n.stickTertiary__pRNFE {\n  margin-left: 1px;\n}\n\n.stickNude__ppKxQ {\n  margin-left: 1px;\n}\n\n.noUnderline__4ntOt {\n  text-decoration: none;\n}\n";
-styleInject(css_248z);
 
-const{isSVG}=helper.svgUtil;const{concatClasses,resolvePropCollision}=helper.propsUtil;const Button=React.forwardRef(({children,size="m",primary=false,secondary=false,tertiary=false,nude=false,brand=false,danger=false,system=false,qualifier: qualifier$1=null,qualifierEnd=false,stretch=false,icon=false,compact=false,link=false,as:Link="a",asProps={href:"."},stickStart=false,stickEnd=false,stick=false,underline=true,...props},ref)=>{context.sendStyles(stylesheet);const{collision:variantCollision,value:variant}=resolvePropCollision({primary,secondary,tertiary,nude},"primary");if(variantCollision){console.warn(`Button: Multiple variants detected, falling back to "primary"`);}const{collision:intentCollision,value:intent}=resolvePropCollision({brand,danger,system},"brand");if(intentCollision){console.warn(`Button: Multiple intents detected, falling back to "brand"`);}const{style,className,...rest}=props;const isCompactIcon=icon&&compact;const isCompactButton=!icon&&compact;const resolvedSize=resolveSizeProp(size);const compactIconClass=cn(styles.compactIcon,styles[`${concatClasses("compact","icon",resolvedSize)}`]);const compactClass=cn(styles[`${concatClasses("compact",resolvedSize)}`]);const btnClasses=cn(styles.Button,styles[variant],styles[`${concatClasses(variant,intent)}`],{[styles[`${concatClasses("button",resolvedSize)}`]]:!icon},{[styles[`${concatClasses("icon",resolvedSize)}`]]:icon},{[compactIconClass]:isCompactIcon,[compactClass]:isCompactButton},{[styles.link]:link},{[styles.stretch]:stretch},{[styles.stickStart]:stickStart},{[styles.stickEnd]:stickEnd},{[styles[`${concatClasses("stick",variant)}`]]:stick},{[styles.noUnderline]:link&&!underline});if(link&&opensInNewTab(asProps?.target)&&!qualifier$1){qualifier$1=React.createElement(NewTab,null);}const getQualifier=()=>React.createElement("span",{"data-testid":"qualifier",className:cn(styles.qualifier,qualifierEnd?styles.qualifierEnd:styles.qualifierStart)},React.createElement("div",{className:styles.qualifierWrapper},React.createElement(qualifier.Qualifier,{iconSize:svgSize(qualifierSVGSizes,size)},qualifier$1)));const getIcon=()=>{if(icon&&!isSVG(children)){console.warn("Icon can only be SVG");children="";}return React.createElement("div",{className:styles.iconWrapper},React.createElement(svgNormalizer.SvgNormalizer,{dimension:svgSize(iconSVGSizes,size)},children))};const getQualifierWithChildren=()=>{return React.createElement(React.Fragment,null,qualifier$1&&!qualifierEnd&&getQualifier(),children,qualifier$1&&qualifierEnd&&getQualifier())};if(link){const{style,...restAsProps}=asProps||{};if(props.disabled){console.warn("Button: LinkButton can not be disabled");}return React.createElement(Link,_extends({},getRelAttributes(asProps?.target),restAsProps,{className:btnClasses,ref:ref}),icon?getIcon():getQualifierWithChildren())}if(icon){return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getIcon())}return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getQualifierWithChildren())});Button.displayName="Button";Button.propTypes={children:PropTypes.node.isRequired,primary:PropTypes.bool,secondary:PropTypes.bool,tertiary:PropTypes.bool,nude:PropTypes.bool,brand:PropTypes.bool,danger:PropTypes.bool,system:PropTypes.bool,link:PropTypes.bool,as:PropTypes.elementType,asProps:PropTypes.object,icon:PropTypes.bool,compact:PropTypes.bool,qualifier:PropTypes.oneOfType([PropTypes.element,PropTypes.string]),qualifierEnd:PropTypes.bool,size:PropTypes.oneOf(["xs","s","m","l"]),stretch:PropTypes.bool,stickStart:PropTypes.bool,stickEnd:PropTypes.bool,stick:PropTypes.bool,underline:PropTypes.bool};Button.defaultProps={size:"m",stretch:false,primary:false,secondary:false,tertiary:false,nude:false,brand:false,danger:false,system:false,qualifier:null,qualifierEnd:false,icon:false,compact:false,link:false,as:"a",asProps:{href:"."},stickEnd:false,stickStart:false,stick:false,underline:true};
+const{isSVG}=helper.svgUtil;const{concatClasses,resolvePropCollision}=helper.propsUtil;const Button=React.forwardRef(({children,size="m",primary=false,secondary=false,tertiary=false,nude=false,brand=false,danger=false,system=false,qualifier: qualifier$1=null,qualifierEnd=false,stretch=false,icon=false,compact=false,link=false,as:Link="a",asProps={href:"."},stickStart=false,stickEnd=false,stick=false,underline=true,...props},ref)=>{const{collision:variantCollision,value:variant}=resolvePropCollision({primary,secondary,tertiary,nude},"primary");if(variantCollision){console.warn(`Button: Multiple variants detected, falling back to "primary"`);}const{collision:intentCollision,value:intent}=resolvePropCollision({brand,danger,system},"brand");if(intentCollision){console.warn(`Button: Multiple intents detected, falling back to "brand"`);}const{style,className,...rest}=props;const isCompactIcon=icon&&compact;const isCompactButton=!icon&&compact;const resolvedSize=resolveSizeProp(size);const compactIconClass=cn(styles.compactIcon,styles[`${concatClasses("compact","icon",resolvedSize)}`]);const compactClass=cn(styles[`${concatClasses("compact",resolvedSize)}`]);const btnClasses=cn(styles.Button,styles[variant],styles[`${concatClasses(variant,intent)}`],{[styles[`${concatClasses("button",resolvedSize)}`]]:!icon},{[styles[`${concatClasses("icon",resolvedSize)}`]]:icon},{[compactIconClass]:isCompactIcon,[compactClass]:isCompactButton},{[styles.link]:link},{[styles.stretch]:stretch},{[styles.stickStart]:stickStart},{[styles.stickEnd]:stickEnd},{[styles[`${concatClasses("stick",variant)}`]]:stick},{[styles.noUnderline]:link&&!underline});if(link&&opensInNewTab(asProps?.target)&&!qualifier$1){qualifier$1=React.createElement(NewTab,null);}const getQualifier=()=>React.createElement("span",{"data-testid":"qualifier",className:cn(styles.qualifier,qualifierEnd?styles.qualifierEnd:styles.qualifierStart)},React.createElement("div",{className:styles.qualifierWrapper},React.createElement(qualifier.Qualifier,{iconSize:svgSize(qualifierSVGSizes,size)},qualifier$1)));const getIcon=()=>{if(icon&&!isSVG(children)){console.warn("Icon can only be SVG");children="";}return React.createElement("div",{className:styles.iconWrapper},React.createElement(svgNormalizer.SvgNormalizer,{dimension:svgSize(iconSVGSizes,size)},children))};const getQualifierWithChildren=()=>{return React.createElement(React.Fragment,null,qualifier$1&&!qualifierEnd&&getQualifier(),children,qualifier$1&&qualifierEnd&&getQualifier())};if(link){const{style,...restAsProps}=asProps||{};if(props.disabled){console.warn("Button: LinkButton can not be disabled");}return React.createElement(Link,_extends({},getRelAttributes(asProps?.target),restAsProps,{className:btnClasses,ref:ref}),icon?getIcon():getQualifierWithChildren())}if(icon){return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getIcon())}return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getQualifierWithChildren())});Button.displayName="Button";Button.propTypes={children:PropTypes.node.isRequired,primary:PropTypes.bool,secondary:PropTypes.bool,tertiary:PropTypes.bool,nude:PropTypes.bool,brand:PropTypes.bool,danger:PropTypes.bool,system:PropTypes.bool,link:PropTypes.bool,as:PropTypes.elementType,asProps:PropTypes.object,icon:PropTypes.bool,compact:PropTypes.bool,qualifier:PropTypes.oneOfType([PropTypes.element,PropTypes.string]),qualifierEnd:PropTypes.bool,size:PropTypes.oneOf(["xs","s","m","l"]),stretch:PropTypes.bool,stickStart:PropTypes.bool,stickEnd:PropTypes.bool,stick:PropTypes.bool,underline:PropTypes.bool};Button.defaultProps={size:"m",stretch:false,primary:false,secondary:false,tertiary:false,nude:false,brand:false,danger:false,system:false,qualifier:null,qualifierEnd:false,icon:false,compact:false,link:false,as:"a",asProps:{href:"."},stickEnd:false,stickStart:false,stick:false,underline:true};
 
 exports.Button = Button;

dist/index.js

@@ -0,1 +1,2 @@
+import "./index.css";
 import React, { forwardRef } from 'react';
@@ -5,3 +6,2 @@ import PropTypes from 'prop-types';
 import { SvgNormalizer } from '@asphalt-react/svg-normalizer';
-import { sendStyles } from '@asphalt-react/context';
 import { propsUtil, svgUtil } from '@asphalt-react/helper';
@@ -26,36 +26,6 @@ import { Qualifier } from '@asphalt-react/qualifier';
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z = ".Button__yXAkD {\n  /** Border properties */\n  --focus-appearance: var(--focus-outline, 2px solid);\n  --focus-color: var(--interactive-focus, #86afff);\n  --focus: var(--focus-appearance) var(--focus-color);\n  --button-border-inactive: var(--interactive-default, #cbcfd7);\n  --button-border-radius: var(--roundness-action-control, 0.375rem);\n  --border-width: 0px;\n  /* Make sure the height remains consistent when the border width changes */\n  --padding: calc(2px - var(--border-width));\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  border: var(--border-width) solid transparent;\n  border-radius: var(--button-border-radius);\n  box-sizing: border-box;\n  background: var(--button-surface-color);\n  color: var(--button-content-color);\n  font: var(--button-font);\n  /* WebKit browsers add margin around the buttons, which hinders the use case of grouping the buttons */\n  margin: 0;\n}\n\n.Button__yXAkD:focus {\n  /* Provide a fallback style for browsers\n    that don't support :focus-visible */\n  outline: var(--focus);\n}\n\n.Button__yXAkD:focus:not(:focus-visible) {\n  /* Remove the focus indicator on mouse-focus for browsers\n    that do support :focus-visible */\n  outline: none;\n}\n\n.Button__yXAkD:focus-visible {\n  outline: var(--focus);\n}\n\n.stretch__3qC8p {\n  width: 100%;\n}\n\n/* Hover states - only for devices with hover capability */\n@media (hover: hover) and (pointer: fine) {\n  .primaryBrand__Krr2l:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-primary-hover,\n      #33bb42\n    );\n  }\n\n  .primaryDanger__NfS2o:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-primary-hover,\n      #f05f74\n    );\n  }\n\n  .primarySystem__zsZ-u:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-primary-hover,\n      #444651\n    );\n  }\n\n  .secondaryBrand__jfdxk:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .secondaryDanger__-U1QE:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .secondarySystem__PJ4Xx:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .tertiaryBrand__1-455:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .tertiaryDanger__tqihQ:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .tertiarySystem__-S7oN:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .nudeBrand__aDE26:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .nudeDanger__zOqPK:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .nudeSystem__PdH9G:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n}\n\n/* primary styles */\n.primary__VOpsr {\n  --button-content-color: var(--content-on-brand, #ffffff);\n}\n\n.primaryBrand__Krr2l {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-default,\n    #00aa13\n  );\n}\n\n.primaryBrand__Krr2l:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-active,\n    #067817\n  );\n}\n\n.primaryDanger__NfS2o {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-default,\n    #d83950\n  );\n  --button-content-color: var(--content-on-support, #ffffff);\n}\n\n.primaryDanger__NfS2o:active {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-active,\n    #bb1a31\n  );\n}\n\n.primarySystem__zsZ-u {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-default,\n    #383942\n  );\n}\n\n.primarySystem__zsZ-u:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-active,\n    #0a0d1d\n  );\n}\n\n/* secondary styles */\n.secondary__zealy {\n  --button-surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --border-width: var(--border-width-action, 2px);\n\n  border-color: var(--button-border-inactive);\n}\n\n.secondaryBrand__jfdxk {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.secondaryBrand__jfdxk:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.secondaryDanger__-U1QE {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.secondaryDanger__-U1QE:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.secondarySystem__PJ4Xx {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.secondarySystem__PJ4Xx:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* tertiary styles */\n.tertiaryBrand__1-455 {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-default,\n    #dff6e0\n  );\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.tertiaryBrand__1-455:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.tertiaryDanger__tqihQ {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-default,\n    #fee1e7\n  );\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.tertiaryDanger__tqihQ:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.tertiarySystem__-S7oN {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-default,\n    #d9dfe8\n  );\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.tertiarySystem__-S7oN:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* nude styles */\n.nude__SJHsv {\n  --button-surface-color: transparent;\n}\n\n.nudeBrand__aDE26 {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.nudeBrand__aDE26:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.nudeDanger__zOqPK {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.nudeDanger__zOqPK:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.nudeSystem__PdH9G {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.nudeSystem__PdH9G:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* compact icon styles */\n.compactIcon__8D7Nl {\n  border-radius: var(--button-border-radius);\n}\n\n/* disabled styles */\n.primary__VOpsr:disabled,\n.secondary__zealy:disabled,\n.tertiary__pRmHg:disabled,\n.nude__SJHsv:disabled {\n  --button-surface-color: var(--interactive-surface-disabled, #f1f3f6);\n  --button-content-color: var(--content-disabled, #9a9eaa);\n  border-color: transparent;\n  cursor: not-allowed;\n}\n\n.qualifier__JJPaq {\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.qualifierStart__6o51Y {\n  margin-left: 0;\n  margin-right: 0.625rem;\n}\n\n.qualifierEnd__Yb2zt {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n/** rtl style for qualifier */\n\n*[dir=\"rtl\"] .qualifierStart__6o51Y {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n*[dir=\"rtl\"] .qualifierEnd__Yb2zt {\n  margin-right: 0.625rem;\n  margin-left: 0;\n}\n\n/* sizes */\n.buttonL__dT9zq {\n  padding: calc(1.0625rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-L,\n    600 1.125rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonL__dT9zq:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonM__jmSYx {\n  padding: calc(0.875rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-M,\n    600 1rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonM__jmSYx:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonS__MrlZh {\n  padding: calc(0.6875rem + var(--padding)) calc(1.5rem + var(--padding));\n  --button-font: var(\n    --text-bold-S,\n    600 0.875rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonS__MrlZh:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 1.625rem;\n}\n\n.buttonXs__r9M7f {\n  padding: calc(0.625rem + var(--padding)) calc(1rem + var(--padding));\n  --button-font: var(\n    --text-bold-XS,\n    600 0.75rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonXs__r9M7f:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 1.125rem;\n}\n\n.iconL__9Ee56 {\n  padding: calc(1.0625rem + var(--padding));\n}\n.iconL__9Ee56:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 1.1875rem;\n}\n\n.iconM__7SUOV {\n  padding: calc(0.875rem + var(--padding));\n}\n.iconM__7SUOV:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 1rem;\n}\n\n.iconS__ItZGm {\n  padding: calc(0.6875rem + var(--padding));\n}\n.iconS__ItZGm:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 0.8125rem;\n}\n\n.iconXs__5mF1K {\n  padding: calc(0.625rem + var(--padding));\n}\n.iconXs__5mF1K:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 0.75rem;\n}\n\n/** compact */\n\n.compactL__lisV7 {\n  padding: calc(0.563rem + var(--padding));\n}\n.compactL__lisV7:is(:not(.secondary__zealy)) {\n  padding-block: 0.688rem;\n  padding-inline: 0.688rem;\n}\n\n.compactM__hqnWo {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactM__hqnWo:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactS__nuYcM {\n  padding-block: calc(0.1875rem + var(--padding));\n  padding-inline: calc(0.125rem + var(--padding));\n}\n\n.compactS__nuYcM:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.25rem;\n}\n\n.compactXs__AywxT {\n  padding-inline: calc(0.063rem + var(--padding));\n  padding-block: calc(0.125rem + var(--padding));\n}\n\n.compactXs__AywxT:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.188rem;\n}\n\n.compactIconL__L0Ed1 {\n  padding: calc(0.5625rem + var(--padding));\n}\n.compactIconL__L0Ed1:is(:not(.secondary__zealy)) {\n  padding-block: 0.6875rem;\n  padding-inline: 0.6875rem;\n}\n\n.compactIconM__b6gxq {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactIconM__b6gxq:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactIconS__H7G01 {\n  padding: calc(0.1875rem + var(--padding));\n}\n.compactIconS__H7G01:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.3125rem;\n}\n\n.compactIconXs__ei3A0 {\n  padding: calc(0.125rem + var(--padding));\n}\n.compactIconXs__ei3A0:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.25rem;\n}\n\n/** link style */\n.link__OB7N- {\n  text-decoration: underline;\n}\n\n.qualifierWrapper__QSvCa {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.iconWrapper__avueo {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.stickStart__XljCt {\n  border-top-left-radius: var(--roundness-sharp, 0rem);\n  border-bottom-left-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickEnd__KBlxz {\n  border-top-right-radius: var(--roundness-sharp, 0rem);\n  border-bottom-right-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickStart__XljCt:focus-visible {\n  position: relative;\n}\n\n.stickEnd__KBlxz:focus-visible {\n  position: relative;\n}\n\n@supports not selector(:focus-visible) {\n  .stickStart__XljCt:focus {\n    position: relative;\n  }\n\n  .stickEnd__KBlxz:focus {\n    position: relative;\n  }\n}\n\n.stickPrimary__5OgXf {\n  margin-left: 1px;\n}\n\n.stickSecondary__mt79y {\n  border-left: 0;\n}\n\n.stickTertiary__pRNFE {\n  margin-left: 1px;\n}\n\n.stickNude__ppKxQ {\n  margin-left: 1px;\n}\n\n.noUnderline__4ntOt {\n  text-decoration: none;\n}\n";
 var styles = {"Button":"Button__yXAkD","stretch":"stretch__3qC8p","primaryBrand":"primaryBrand__Krr2l","primaryDanger":"primaryDanger__NfS2o","primarySystem":"primarySystem__zsZ-u","secondaryBrand":"secondaryBrand__jfdxk","secondaryDanger":"secondaryDanger__-U1QE","secondarySystem":"secondarySystem__PJ4Xx","tertiaryBrand":"tertiaryBrand__1-455","tertiaryDanger":"tertiaryDanger__tqihQ","tertiarySystem":"tertiarySystem__-S7oN","nudeBrand":"nudeBrand__aDE26","nudeDanger":"nudeDanger__zOqPK","nudeSystem":"nudeSystem__PdH9G","primary":"primary__VOpsr","secondary":"secondary__zealy","nude":"nude__SJHsv","compactIcon":"compactIcon__8D7Nl","tertiary":"tertiary__pRmHg","qualifier":"qualifier__JJPaq","qualifierStart":"qualifierStart__6o51Y","qualifierEnd":"qualifierEnd__Yb2zt","buttonL":"buttonL__dT9zq","buttonM":"buttonM__jmSYx","buttonS":"buttonS__MrlZh","buttonXs":"buttonXs__r9M7f","iconL":"iconL__9Ee56","iconM":"iconM__7SUOV","iconS":"iconS__ItZGm","iconXs":"iconXs__5mF1K","compactL":"compactL__lisV7","compactM":"compactM__hqnWo","compactS":"compactS__nuYcM","compactXs":"compactXs__AywxT","compactIconL":"compactIconL__L0Ed1","compactIconM":"compactIconM__b6gxq","compactIconS":"compactIconS__H7G01","compactIconXs":"compactIconXs__ei3A0","link":"link__OB7N-","qualifierWrapper":"qualifierWrapper__QSvCa","iconWrapper":"iconWrapper__avueo","stickStart":"stickStart__XljCt","stickEnd":"stickEnd__KBlxz","stickPrimary":"stickPrimary__5OgXf","stickSecondary":"stickSecondary__mt79y","stickTertiary":"stickTertiary__pRNFE","stickNude":"stickNude__ppKxQ","noUnderline":"noUnderline__4ntOt"};
-var stylesheet=".Button__yXAkD {\n  /** Border properties */\n  --focus-appearance: var(--focus-outline, 2px solid);\n  --focus-color: var(--interactive-focus, #86afff);\n  --focus: var(--focus-appearance) var(--focus-color);\n  --button-border-inactive: var(--interactive-default, #cbcfd7);\n  --button-border-radius: var(--roundness-action-control, 0.375rem);\n  --border-width: 0px;\n  /* Make sure the height remains consistent when the border width changes */\n  --padding: calc(2px - var(--border-width));\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  white-space: nowrap;\n  border: var(--border-width) solid transparent;\n  border-radius: var(--button-border-radius);\n  box-sizing: border-box;\n  background: var(--button-surface-color);\n  color: var(--button-content-color);\n  font: var(--button-font);\n  /* WebKit browsers add margin around the buttons, which hinders the use case of grouping the buttons */\n  margin: 0;\n}\n\n.Button__yXAkD:focus {\n  /* Provide a fallback style for browsers\n    that don't support :focus-visible */\n  outline: var(--focus);\n}\n\n.Button__yXAkD:focus:not(:focus-visible) {\n  /* Remove the focus indicator on mouse-focus for browsers\n    that do support :focus-visible */\n  outline: none;\n}\n\n.Button__yXAkD:focus-visible {\n  outline: var(--focus);\n}\n\n.stretch__3qC8p {\n  width: 100%;\n}\n\n/* Hover states - only for devices with hover capability */\n@media (hover: hover) and (pointer: fine) {\n  .primaryBrand__Krr2l:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-primary-hover,\n      #33bb42\n    );\n  }\n\n  .primaryDanger__NfS2o:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-primary-hover,\n      #f05f74\n    );\n  }\n\n  .primarySystem__zsZ-u:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-primary-hover,\n      #444651\n    );\n  }\n\n  .secondaryBrand__jfdxk:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .secondaryDanger__-U1QE:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .secondarySystem__PJ4Xx:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .tertiaryBrand__1-455:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .tertiaryDanger__tqihQ:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .tertiarySystem__-S7oN:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n\n  .nudeBrand__aDE26:hover {\n    --button-surface-color: var(\n      --interactive-surface-brand-secondary-hover,\n      #eff8f0\n    );\n  }\n\n  .nudeDanger__zOqPK:hover {\n    --button-surface-color: var(\n      --interactive-support-danger-secondary-hover,\n      #fff1f4\n    );\n  }\n\n  .nudeSystem__PdH9G:hover {\n    --button-surface-color: var(\n      --interactive-surface-inverse-secondary-hover,\n      #e9eef4\n    );\n  }\n}\n\n/* primary styles */\n.primary__VOpsr {\n  --button-content-color: var(--content-on-brand, #ffffff);\n}\n\n.primaryBrand__Krr2l {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-default,\n    #00aa13\n  );\n}\n\n.primaryBrand__Krr2l:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-primary-active,\n    #067817\n  );\n}\n\n.primaryDanger__NfS2o {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-default,\n    #d83950\n  );\n  --button-content-color: var(--content-on-support, #ffffff);\n}\n\n.primaryDanger__NfS2o:active {\n  --button-surface-color: var(\n    --interactive-support-danger-primary-active,\n    #bb1a31\n  );\n}\n\n.primarySystem__zsZ-u {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-default,\n    #383942\n  );\n}\n\n.primarySystem__zsZ-u:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-primary-active,\n    #0a0d1d\n  );\n}\n\n/* secondary styles */\n.secondary__zealy {\n  --button-surface-color: var(--interactive-surface-primary-default, #ffffff);\n  --border-width: var(--border-width-action, 2px);\n\n  border-color: var(--button-border-inactive);\n}\n\n.secondaryBrand__jfdxk {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.secondaryBrand__jfdxk:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.secondaryDanger__-U1QE {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.secondaryDanger__-U1QE:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.secondarySystem__PJ4Xx {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.secondarySystem__PJ4Xx:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* tertiary styles */\n.tertiaryBrand__1-455 {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-default,\n    #dff6e0\n  );\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.tertiaryBrand__1-455:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.tertiaryDanger__tqihQ {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-default,\n    #fee1e7\n  );\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.tertiaryDanger__tqihQ:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.tertiarySystem__-S7oN {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-default,\n    #d9dfe8\n  );\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.tertiarySystem__-S7oN:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* nude styles */\n.nude__SJHsv {\n  --button-surface-color: transparent;\n}\n\n.nudeBrand__aDE26 {\n  --button-content-color: var(--content-brand, #00aa13);\n}\n\n.nudeBrand__aDE26:active {\n  --button-surface-color: var(\n    --interactive-surface-brand-secondary-active,\n    #bdecc6\n  );\n}\n\n.nudeDanger__zOqPK {\n  --button-content-color: var(--content-danger, #bb354e);\n}\n\n.nudeDanger__zOqPK:active {\n  --button-surface-color: var(\n    --interactive-support-danger-secondary-active,\n    #ffc6d0\n  );\n}\n\n.nudeSystem__PdH9G {\n  --button-content-color: var(--content-primary, #2d2e34);\n}\n\n.nudeSystem__PdH9G:active {\n  --button-surface-color: var(\n    --interactive-surface-inverse-secondary-active,\n    #b7c2d2\n  );\n}\n\n/* compact icon styles */\n.compactIcon__8D7Nl {\n  border-radius: var(--button-border-radius);\n}\n\n/* disabled styles */\n.primary__VOpsr:disabled,\n.secondary__zealy:disabled,\n.tertiary__pRmHg:disabled,\n.nude__SJHsv:disabled {\n  --button-surface-color: var(--interactive-surface-disabled, #f1f3f6);\n  --button-content-color: var(--content-disabled, #9a9eaa);\n  border-color: transparent;\n  cursor: not-allowed;\n}\n\n.qualifier__JJPaq {\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.qualifierStart__6o51Y {\n  margin-left: 0;\n  margin-right: 0.625rem;\n}\n\n.qualifierEnd__Yb2zt {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n/** rtl style for qualifier */\n\n*[dir=\"rtl\"] .qualifierStart__6o51Y {\n  margin-left: 0.625rem;\n  margin-right: 0;\n}\n\n*[dir=\"rtl\"] .qualifierEnd__Yb2zt {\n  margin-right: 0.625rem;\n  margin-left: 0;\n}\n\n/* sizes */\n.buttonL__dT9zq {\n  padding: calc(1.0625rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-L,\n    600 1.125rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonL__dT9zq:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonM__jmSYx {\n  padding: calc(0.875rem + var(--padding)) calc(2rem + var(--padding));\n  --button-font: var(\n    --text-bold-M,\n    600 1rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonM__jmSYx:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 2.125rem;\n}\n\n.buttonS__MrlZh {\n  padding: calc(0.6875rem + var(--padding)) calc(1.5rem + var(--padding));\n  --button-font: var(\n    --text-bold-S,\n    600 0.875rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonS__MrlZh:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 1.625rem;\n}\n\n.buttonXs__r9M7f {\n  padding: calc(0.625rem + var(--padding)) calc(1rem + var(--padding));\n  --button-font: var(\n    --text-bold-XS,\n    600 0.75rem/1.5 Maison Neue,\n    Helvetica,\n    Open Sans,\n    sans-serif\n  );\n  line-height: 1;\n}\n.buttonXs__r9M7f:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 1.125rem;\n}\n\n.iconL__9Ee56 {\n  padding: calc(1.0625rem + var(--padding));\n}\n.iconL__9Ee56:is(:not(.secondary__zealy)) {\n  padding-block: 1.1875rem;\n  padding-inline: 1.1875rem;\n}\n\n.iconM__7SUOV {\n  padding: calc(0.875rem + var(--padding));\n}\n.iconM__7SUOV:is(:not(.secondary__zealy)) {\n  padding-block: 1rem;\n  padding-inline: 1rem;\n}\n\n.iconS__ItZGm {\n  padding: calc(0.6875rem + var(--padding));\n}\n.iconS__ItZGm:is(:not(.secondary__zealy)) {\n  padding-block: 0.8125rem;\n  padding-inline: 0.8125rem;\n}\n\n.iconXs__5mF1K {\n  padding: calc(0.625rem + var(--padding));\n}\n.iconXs__5mF1K:is(:not(.secondary__zealy)) {\n  padding-block: 0.75rem;\n  padding-inline: 0.75rem;\n}\n\n/** compact */\n\n.compactL__lisV7 {\n  padding: calc(0.563rem + var(--padding));\n}\n.compactL__lisV7:is(:not(.secondary__zealy)) {\n  padding-block: 0.688rem;\n  padding-inline: 0.688rem;\n}\n\n.compactM__hqnWo {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactM__hqnWo:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactS__nuYcM {\n  padding-block: calc(0.1875rem + var(--padding));\n  padding-inline: calc(0.125rem + var(--padding));\n}\n\n.compactS__nuYcM:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.25rem;\n}\n\n.compactXs__AywxT {\n  padding-inline: calc(0.063rem + var(--padding));\n  padding-block: calc(0.125rem + var(--padding));\n}\n\n.compactXs__AywxT:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.188rem;\n}\n\n.compactIconL__L0Ed1 {\n  padding: calc(0.5625rem + var(--padding));\n}\n.compactIconL__L0Ed1:is(:not(.secondary__zealy)) {\n  padding-block: 0.6875rem;\n  padding-inline: 0.6875rem;\n}\n\n.compactIconM__b6gxq {\n  padding: calc(0.375rem + var(--padding));\n}\n.compactIconM__b6gxq:is(:not(.secondary__zealy)) {\n  padding-block: 0.5rem;\n  padding-inline: 0.5rem;\n}\n\n.compactIconS__H7G01 {\n  padding: calc(0.1875rem + var(--padding));\n}\n.compactIconS__H7G01:is(:not(.secondary__zealy)) {\n  padding-block: 0.3125rem;\n  padding-inline: 0.3125rem;\n}\n\n.compactIconXs__ei3A0 {\n  padding: calc(0.125rem + var(--padding));\n}\n.compactIconXs__ei3A0:is(:not(.secondary__zealy)) {\n  padding-block: 0.25rem;\n  padding-inline: 0.25rem;\n}\n\n/** link style */\n.link__OB7N- {\n  text-decoration: underline;\n}\n\n.qualifierWrapper__QSvCa {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.iconWrapper__avueo {\n  display: inline-flex;\n  pointer-events: none;\n}\n\n.stickStart__XljCt {\n  border-top-left-radius: var(--roundness-sharp, 0rem);\n  border-bottom-left-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickEnd__KBlxz {\n  border-top-right-radius: var(--roundness-sharp, 0rem);\n  border-bottom-right-radius: var(--roundness-sharp, 0rem);\n}\n\n.stickStart__XljCt:focus-visible {\n  position: relative;\n}\n\n.stickEnd__KBlxz:focus-visible {\n  position: relative;\n}\n\n@supports not selector(:focus-visible) {\n  .stickStart__XljCt:focus {\n    position: relative;\n  }\n\n  .stickEnd__KBlxz:focus {\n    position: relative;\n  }\n}\n\n.stickPrimary__5OgXf {\n  margin-left: 1px;\n}\n\n.stickSecondary__mt79y {\n  border-left: 0;\n}\n\n.stickTertiary__pRNFE {\n  margin-left: 1px;\n}\n\n.stickNude__ppKxQ {\n  margin-left: 1px;\n}\n\n.noUnderline__4ntOt {\n  text-decoration: none;\n}\n";
-styleInject(css_248z);
 
-const{isSVG}=svgUtil;const{concatClasses,resolvePropCollision}=propsUtil;const Button=forwardRef(({children,size="m",primary=false,secondary=false,tertiary=false,nude=false,brand=false,danger=false,system=false,qualifier=null,qualifierEnd=false,stretch=false,icon=false,compact=false,link=false,as:Link="a",asProps={href:"."},stickStart=false,stickEnd=false,stick=false,underline=true,...props},ref)=>{sendStyles(stylesheet);const{collision:variantCollision,value:variant}=resolvePropCollision({primary,secondary,tertiary,nude},"primary");if(variantCollision){console.warn(`Button: Multiple variants detected, falling back to "primary"`);}const{collision:intentCollision,value:intent}=resolvePropCollision({brand,danger,system},"brand");if(intentCollision){console.warn(`Button: Multiple intents detected, falling back to "brand"`);}const{style,className,...rest}=props;const isCompactIcon=icon&&compact;const isCompactButton=!icon&&compact;const resolvedSize=resolveSizeProp(size);const compactIconClass=cn(styles.compactIcon,styles[`${concatClasses("compact","icon",resolvedSize)}`]);const compactClass=cn(styles[`${concatClasses("compact",resolvedSize)}`]);const btnClasses=cn(styles.Button,styles[variant],styles[`${concatClasses(variant,intent)}`],{[styles[`${concatClasses("button",resolvedSize)}`]]:!icon},{[styles[`${concatClasses("icon",resolvedSize)}`]]:icon},{[compactIconClass]:isCompactIcon,[compactClass]:isCompactButton},{[styles.link]:link},{[styles.stretch]:stretch},{[styles.stickStart]:stickStart},{[styles.stickEnd]:stickEnd},{[styles[`${concatClasses("stick",variant)}`]]:stick},{[styles.noUnderline]:link&&!underline});if(link&&opensInNewTab(asProps?.target)&&!qualifier){qualifier=React.createElement(NewTab,null);}const getQualifier=()=>React.createElement("span",{"data-testid":"qualifier",className:cn(styles.qualifier,qualifierEnd?styles.qualifierEnd:styles.qualifierStart)},React.createElement("div",{className:styles.qualifierWrapper},React.createElement(Qualifier,{iconSize:svgSize(qualifierSVGSizes,size)},qualifier)));const getIcon=()=>{if(icon&&!isSVG(children)){console.warn("Icon can only be SVG");children="";}return React.createElement("div",{className:styles.iconWrapper},React.createElement(SvgNormalizer,{dimension:svgSize(iconSVGSizes,size)},children))};const getQualifierWithChildren=()=>{return React.createElement(React.Fragment,null,qualifier&&!qualifierEnd&&getQualifier(),children,qualifier&&qualifierEnd&&getQualifier())};if(link){const{style,...restAsProps}=asProps||{};if(props.disabled){console.warn("Button: LinkButton can not be disabled");}return React.createElement(Link,_extends({},getRelAttributes(asProps?.target),restAsProps,{className:btnClasses,ref:ref}),icon?getIcon():getQualifierWithChildren())}if(icon){return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getIcon())}return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getQualifierWithChildren())});Button.displayName="Button";Button.propTypes={children:PropTypes.node.isRequired,primary:PropTypes.bool,secondary:PropTypes.bool,tertiary:PropTypes.bool,nude:PropTypes.bool,brand:PropTypes.bool,danger:PropTypes.bool,system:PropTypes.bool,link:PropTypes.bool,as:PropTypes.elementType,asProps:PropTypes.object,icon:PropTypes.bool,compact:PropTypes.bool,qualifier:PropTypes.oneOfType([PropTypes.element,PropTypes.string]),qualifierEnd:PropTypes.bool,size:PropTypes.oneOf(["xs","s","m","l"]),stretch:PropTypes.bool,stickStart:PropTypes.bool,stickEnd:PropTypes.bool,stick:PropTypes.bool,underline:PropTypes.bool};Button.defaultProps={size:"m",stretch:false,primary:false,secondary:false,tertiary:false,nude:false,brand:false,danger:false,system:false,qualifier:null,qualifierEnd:false,icon:false,compact:false,link:false,as:"a",asProps:{href:"."},stickEnd:false,stickStart:false,stick:false,underline:true};
+const{isSVG}=svgUtil;const{concatClasses,resolvePropCollision}=propsUtil;const Button=forwardRef(({children,size="m",primary=false,secondary=false,tertiary=false,nude=false,brand=false,danger=false,system=false,qualifier=null,qualifierEnd=false,stretch=false,icon=false,compact=false,link=false,as:Link="a",asProps={href:"."},stickStart=false,stickEnd=false,stick=false,underline=true,...props},ref)=>{const{collision:variantCollision,value:variant}=resolvePropCollision({primary,secondary,tertiary,nude},"primary");if(variantCollision){console.warn(`Button: Multiple variants detected, falling back to "primary"`);}const{collision:intentCollision,value:intent}=resolvePropCollision({brand,danger,system},"brand");if(intentCollision){console.warn(`Button: Multiple intents detected, falling back to "brand"`);}const{style,className,...rest}=props;const isCompactIcon=icon&&compact;const isCompactButton=!icon&&compact;const resolvedSize=resolveSizeProp(size);const compactIconClass=cn(styles.compactIcon,styles[`${concatClasses("compact","icon",resolvedSize)}`]);const compactClass=cn(styles[`${concatClasses("compact",resolvedSize)}`]);const btnClasses=cn(styles.Button,styles[variant],styles[`${concatClasses(variant,intent)}`],{[styles[`${concatClasses("button",resolvedSize)}`]]:!icon},{[styles[`${concatClasses("icon",resolvedSize)}`]]:icon},{[compactIconClass]:isCompactIcon,[compactClass]:isCompactButton},{[styles.link]:link},{[styles.stretch]:stretch},{[styles.stickStart]:stickStart},{[styles.stickEnd]:stickEnd},{[styles[`${concatClasses("stick",variant)}`]]:stick},{[styles.noUnderline]:link&&!underline});if(link&&opensInNewTab(asProps?.target)&&!qualifier){qualifier=React.createElement(NewTab,null);}const getQualifier=()=>React.createElement("span",{"data-testid":"qualifier",className:cn(styles.qualifier,qualifierEnd?styles.qualifierEnd:styles.qualifierStart)},React.createElement("div",{className:styles.qualifierWrapper},React.createElement(Qualifier,{iconSize:svgSize(qualifierSVGSizes,size)},qualifier)));const getIcon=()=>{if(icon&&!isSVG(children)){console.warn("Icon can only be SVG");children="";}return React.createElement("div",{className:styles.iconWrapper},React.createElement(SvgNormalizer,{dimension:svgSize(iconSVGSizes,size)},children))};const getQualifierWithChildren=()=>{return React.createElement(React.Fragment,null,qualifier&&!qualifierEnd&&getQualifier(),children,qualifier&&qualifierEnd&&getQualifier())};if(link){const{style,...restAsProps}=asProps||{};if(props.disabled){console.warn("Button: LinkButton can not be disabled");}return React.createElement(Link,_extends({},getRelAttributes(asProps?.target),restAsProps,{className:btnClasses,ref:ref}),icon?getIcon():getQualifierWithChildren())}if(icon){return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getIcon())}return React.createElement("button",_extends({type:"button"},rest,{className:btnClasses,ref:ref}),getQualifierWithChildren())});Button.displayName="Button";Button.propTypes={children:PropTypes.node.isRequired,primary:PropTypes.bool,secondary:PropTypes.bool,tertiary:PropTypes.bool,nude:PropTypes.bool,brand:PropTypes.bool,danger:PropTypes.bool,system:PropTypes.bool,link:PropTypes.bool,as:PropTypes.elementType,asProps:PropTypes.object,icon:PropTypes.bool,compact:PropTypes.bool,qualifier:PropTypes.oneOfType([PropTypes.element,PropTypes.string]),qualifierEnd:PropTypes.bool,size:PropTypes.oneOf(["xs","s","m","l"]),stretch:PropTypes.bool,stickStart:PropTypes.bool,stickEnd:PropTypes.bool,stick:PropTypes.bool,underline:PropTypes.bool};Button.defaultProps={size:"m",stretch:false,primary:false,secondary:false,tertiary:false,nude:false,brand:false,danger:false,system:false,qualifier:null,qualifierEnd:false,icon:false,compact:false,link:false,as:"a",asProps:{href:"."},stickEnd:false,stickStart:false,stick:false,underline:true};
 
 export { Button };

package.json

 {
   "name": "@asphalt-react/button",
-  "version": "2.12.2",
+  "version": "2.13.0",
   "description": "Button",
@@ -42,3 +42,3 @@ "keywords": [
   "devDependencies": {
-    "@asphalt-react/build": "^2.12.0",
+    "@asphalt-react/build": "^2.13.0",
     "@testing-library/react": "^11.2.7",
@@ -48,11 +48,13 @@ "@testing-library/user-event": "~13.0.16"
   "dependencies": {
-    "@asphalt-react/context": "^2.12.0",
-    "@asphalt-react/helper": "^2.12.0",
-    "@asphalt-react/iconpack": "^2.12.0",
-    "@asphalt-react/qualifier": "^2.12.0",
-    "@asphalt-react/svg-normalizer": "^2.12.0",
+    "@asphalt-react/helper": "^2.13.0",
+    "@asphalt-react/iconpack": "^2.13.0",
+    "@asphalt-react/qualifier": "^2.13.0",
+    "@asphalt-react/svg-normalizer": "^2.13.0",
     "classnames": "^2.5.1",
     "prop-types": "^15.8.1"
   },
-  "gitHead": "37abc774b63d4cf0a1d699371d887524b1819a4d"
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "gitHead": "6238a81dad8246006beb0bea5148a283f34b22ed"
 }

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Dependency count

7

-12.5%

Number of package files

6

20%

Lines of code

686

63.33%

Number of low supply chain risk alerts

3

-66.67%

Worsened metrics

Total package byte prevSize

38939

-50.63%

Number of medium supply chain risk alerts

1

Infinity%

Dependency changes

• - Removed

  @asphalt-react/context@^2.12.0

• - Removed

  @asphalt-react/context@2.13.0
  (transitive)

• Updated

  @asphalt-react/helper@^2.13.0

• Updated

  @asphalt-react/iconpack@^2.13.0

• Updated

  @asphalt-react/qualifier@^2.13.0

• Updated

  @asphalt-react/svg-normalizer@^2.13.0