npm - @vibe/core - Versions diffs - 3.34.2 → 3.36.0-alpha-94da6.0 - Mend

@vibe/core 3.34.2 → 3.36.0-alpha-94da6.0

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

Files changed (407) hide show

package/dist/src/components/Badge/Badge.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeWrapper:"badgeWrapper_fc3baf0b5a",badge:"badge_91e7e6b7be",outside:"outside_e69ba8bb14",topEnd:"topEnd_319b430398",rectangular:"rectangular_8a7a390ea6",circular:"circular_5a43ae2f75",topStart:"topStart_6b21900055",bottomEnd:"bottomEnd_b14b7eab24",bottomStart:"bottomStart_f86e08cbfd"};!function(e){const a="s_id-b5dca6298ea9_3_34_1";if("undefined"!=typeof document){const b=document.head||document.getElementsByTagName("head")[0];if(b.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,b.firstChild?b.insertBefore(t,b.firstChild):b.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_fc3baf0b5a {\n  position: relative;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be:not(.outside_e69ba8bb14) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.topEnd_319b430398.rectangular_8a7a390ea6 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.topEnd_319b430398.outside_e69ba8bb14 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.topEnd_319b430398.circular_5a43ae2f75 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.topStart_6b21900055.rectangular_8a7a390ea6 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.topStart_6b21900055.outside_e69ba8bb14 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.topStart_6b21900055.circular_5a43ae2f75 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.bottomEnd_b14b7eab24.rectangular_8a7a390ea6 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.bottomEnd_b14b7eab24.outside_e69ba8bb14 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.bottomEnd_b14b7eab24.circular_5a43ae2f75 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.bottomStart_f86e08cbfd.rectangular_8a7a390ea6 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.bottomStart_f86e08cbfd.outside_e69ba8bb14 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_fc3baf0b5a .badge_91e7e6b7be.bottomStart_f86e08cbfd.circular_5a43ae2f75 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
+var a={badgeWrapper:"badgeWrapper_24cf8b9c4c",badge:"badge_eafad45c5a",outside:"outside_199811d253",topEnd:"topEnd_91a14d0bb7",rectangular:"rectangular_e9bbc2801e",circular:"circular_705082939c",topStart:"topStart_9210ce6c01",bottomEnd:"bottomEnd_fa75030647",bottomStart:"bottomStart_6fd2a03b71"};!function(a){const e="s_id-b5dca6298ea9_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_24cf8b9c4c {\n  position: relative;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a:not(.outside_199811d253) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.topEnd_91a14d0bb7.rectangular_e9bbc2801e {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.topEnd_91a14d0bb7.outside_199811d253 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.topEnd_91a14d0bb7.circular_705082939c {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.topStart_9210ce6c01.rectangular_e9bbc2801e {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.topStart_9210ce6c01.outside_199811d253 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.topStart_9210ce6c01.circular_705082939c {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.bottomEnd_fa75030647.rectangular_e9bbc2801e {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.bottomEnd_fa75030647.outside_199811d253 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.bottomEnd_fa75030647.circular_705082939c {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.bottomStart_6fd2a03b71.rectangular_e9bbc2801e {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.bottomStart_6fd2a03b71.outside_199811d253 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_24cf8b9c4c .badge_eafad45c5a.bottomStart_6fd2a03b71.circular_705082939c {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_7e85ddfc63",primary:"primary_1eb5688203",notification:"notification_b4b334d4e3"};!function(e){const i="s_id-d6448d74722f_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_7e85ddfc63 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_7e85ddfc63.primary_1eb5688203 {\n  background-color: var(--primary-color);\n}\n.indicator_7e85ddfc63.notification_b4b334d4e3 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_8e9cc85473",primary:"primary_3f157c15ac",notification:"notification_435dbf5ce4"};!function(e){const i="s_id-d6448d74722f_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const c=document.createElement("style");c.id=i,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_8e9cc85473 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_8e9cc85473.primary_3f157c15ac {\n  background-color: var(--primary-color);\n}\n.indicator_8e9cc85473.notification_435dbf5ce4 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

package/dist/src/components/BaseInput/BaseInput.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper_89144b0795",small:"small_554bf383df",medium:"medium_b9d6d44bf5",large:"large_0c020e3f99",rightThinnerPadding:"rightThinnerPadding_3451adc2d0",input:"input_2cb5568892",success:"success_2cf84d984f",readOnly:"readOnly_5f51d119a9",disabled:"disabled_790855dac7",error:"error_5c71b63cb4"};!function(r){const n="s_id-1f2ba40749da_3_34_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_89144b0795 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_89144b0795.small_554bf383df {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_89144b0795.medium_b9d6d44bf5 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_89144b0795.large_0c020e3f99 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_89144b0795.rightThinnerPadding_3451adc2d0 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_89144b0795:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_89144b0795:has(.input_2cb5568892:active, .input_2cb5568892:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_89144b0795:has(.input_2cb5568892:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_89144b0795:has(.input_2cb5568892:read-only) .input_2cb5568892 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_89144b0795:has(.input_2cb5568892:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_89144b0795:has(.input_2cb5568892:disabled) .input_2cb5568892 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_89144b0795.success_2cf84d984f {\n    border-color: var(--positive-color);\n  }\n  .wrapper_89144b0795.success_2cf84d984f:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_89144b0795.success_2cf84d984f:has(.input_2cb5568892:active, .input_2cb5568892:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_89144b0795:has(.input_2cb5568892[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_89144b0795:has(.input_2cb5568892[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_89144b0795:has(.input_2cb5568892[aria-invalid=true]):has(.input_2cb5568892:active, .input_2cb5568892:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_89144b0795:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_89144b0795.readOnly_5f51d119a9 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_89144b0795.readOnly_5f51d119a9 .input_2cb5568892 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_89144b0795.disabled_790855dac7 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_89144b0795.disabled_790855dac7 .input_2cb5568892 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_89144b0795.success_2cf84d984f {\n    border-color: var(--positive-color);\n  }\n  .wrapper_89144b0795.success_2cf84d984f:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_89144b0795.success_2cf84d984f:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_89144b0795.error_5c71b63cb4 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_89144b0795.error_5c71b63cb4:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_89144b0795.error_5c71b63cb4:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_89144b0795 .input_2cb5568892 {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_89144b0795 .input_2cb5568892::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_89144b0795 .input_2cb5568892:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var e={wrapper:"wrapper_5f3a031e5d",small:"small_5ca257a131",medium:"medium_afce9135c8",large:"large_c2f8472742",rightThinnerPadding:"rightThinnerPadding_98d0937433",input:"input_58aee46d9b",success:"success_103d8dace1",readOnly:"readOnly_d17067468d",disabled:"disabled_a670c40c47",error:"error_f8d0d05df8"};!function(e){const r="s_id-1f2ba40749da_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".wrapper_5f3a031e5d {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_5f3a031e5d.small_5ca257a131 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_5f3a031e5d.medium_afce9135c8 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_5f3a031e5d.large_c2f8472742 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_5f3a031e5d.rightThinnerPadding_98d0937433 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_5f3a031e5d:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b:active, .input_58aee46d9b:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b:read-only) .input_58aee46d9b {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b:disabled) .input_58aee46d9b {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_5f3a031e5d.success_103d8dace1 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_5f3a031e5d.success_103d8dace1:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_5f3a031e5d.success_103d8dace1:has(.input_58aee46d9b:active, .input_58aee46d9b:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_5f3a031e5d:has(.input_58aee46d9b[aria-invalid=true]):has(.input_58aee46d9b:active, .input_58aee46d9b:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_5f3a031e5d:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_5f3a031e5d.readOnly_d17067468d {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_5f3a031e5d.readOnly_d17067468d .input_58aee46d9b {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_5f3a031e5d.disabled_a670c40c47 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_5f3a031e5d.disabled_a670c40c47 .input_58aee46d9b {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_5f3a031e5d.success_103d8dace1 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_5f3a031e5d.success_103d8dace1:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_5f3a031e5d.success_103d8dace1:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_5f3a031e5d.error_f8d0d05df8 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_5f3a031e5d.error_f8d0d05df8:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_5f3a031e5d.error_f8d0d05df8:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_5f3a031e5d .input_58aee46d9b {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_5f3a031e5d .input_58aee46d9b::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_5f3a031e5d .input_58aee46d9b:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

package/dist/src/components/Box/Box.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={box:"box_a268811da3",scrollable:"scrollable_c426d3d83c",opacityDisabled:"opacityDisabled_9db7a41f7a",border:"border_36a5788117",borderColorUiBorderColor:"borderColorUiBorderColor_7854c16ff2",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_1859d957c4",rounded0:"rounded0_8773670077",roundedSmall:"roundedSmall_27284d0211",roundedMedium:"roundedMedium_163d18caff",roundedBig:"roundedBig_308274ec7a",shadowXs:"shadowXs_aae3367767",shadowSmall:"shadowSmall_fd3022135c",shadowMedium:"shadowMedium_00fab443d0",shadowLarge:"shadowLarge_e510d496b0",m0:"m0_59eb204979",mXs:"mXs_4bd73e56b6",mSmall:"mSmall_690c83daa1",mMedium:"mMedium_865cab55db",mLarge:"mLarge_ff3a5f2e74",mXl:"mXl_5ad289cb3e",mXxl:"mXxl_8c70c2d95f",mXxxl:"mXxxl_600773141d",mAuto:"mAuto_4a923e2325",mx0:"mx0_6532d16770",mxXs:"mxXs_f57d194f40",mxSmall:"mxSmall_b4c16377a7",mxMedium:"mxMedium_6a103e5239",mxLarge:"mxLarge_da400053fc",mxXl:"mxXl_b0347c9e73",mxXxl:"mxXxl_f2b1687cd2",mxXxxl:"mxXxxl_16388d2a9c",mxAuto:"mxAuto_95a63df4f1",my0:"my0_5df065b6d9",myXs:"myXs_a0bde46ccc",mySmall:"mySmall_6d74e56206",myMedium:"myMedium_66c191969e",myLarge:"myLarge_818cf2a770",myXl:"myXl_2f7aed52dd",myXxl:"myXxl_58785056d7",myXxxl:"myXxxl_75d8cd0f02",myAuto:"myAuto_33c4e8a927",mt0:"mt0_9e2c6a27de",mtXs:"mtXs_1542f1e39f",mtSmall:"mtSmall_d4adbe36b6",mtMedium:"mtMedium_20f17de69c",mtLarge:"mtLarge_7f01473e0b",mtXl:"mtXl_260f620960",mtXxl:"mtXxl_e3dd005cf6",mtXxxl:"mtXxxl_71f0aabb8c",mtAuto:"mtAuto_35ad86b344",me0:"me0_30af0a4371",meXs:"meXs_5ad3c35382",meSmall:"meSmall_8f62c371c8",meMedium:"meMedium_e32124641c",meLarge:"meLarge_6668565fa0",meXl:"meXl_f4b41527f5",meXxl:"meXxl_cbd3a30783",meXxxl:"meXxxl_5f8140428b",meAuto:"meAuto_42bf533f3a",mb0:"mb0_299e19addd",mbXs:"mbXs_4a19d28c9a",mbSmall:"mbSmall_84c1d9d1c6",mbMedium:"mbMedium_6c8fcbc949",mbLarge:"mbLarge_1654db09b5",mbXl:"mbXl_5ee5421485",mbXxl:"mbXxl_b794b9802a",mbXxxl:"mbXxxl_539475f690",mbAuto:"mbAuto_33b9c01c65",ms0:"ms0_922e83a8ad",msXs:"msXs_a21fa27b59",msSmall:"msSmall_01611b2b79",msMedium:"msMedium_431a31c314",msLarge:"msLarge_8873634133",msXl:"msXl_3d99062a36",msXxl:"msXxl_20649600d9",msXxxl:"msXxxl_22108f3dc4",msAuto:"msAuto_2db26eb355",p0:"p0_12759c9a03",pXs:"pXs_becba39b7f",pSmall:"pSmall_2f9966f2ce",pMedium:"pMedium_4ca1ea299c",pLarge:"pLarge_379c49674c",pXl:"pXl_582b07bb3c",pXxl:"pXxl_34cedc16de",pXxxl:"pXxxl_34dabfaead",px0:"px0_33cb95d64f",pxXs:"pxXs_6d5f427a9e",pxSmall:"pxSmall_9fefa7ee62",pxMedium:"pxMedium_f0706d789b",pxLarge:"pxLarge_87b5463585",pxXl:"pxXl_ac68d34a9e",pxXxl:"pxXxl_d4bb579589",pxXxxl:"pxXxxl_09e3ddabb7",py0:"py0_7a11b3ba18",pyXs:"pyXs_8c42342c42",pySmall:"pySmall_f618ef8a19",pyMedium:"pyMedium_e67cd2ee45",pyLarge:"pyLarge_c81c4a4251",pyXl:"pyXl_c2d4b1c445",pyXxl:"pyXxl_6b33bab732",pyXxxl:"pyXxxl_9398c3523f",pt0:"pt0_e9d9ed9b48",ptXs:"ptXs_501ce1c74d",ptSmall:"ptSmall_7318aefd2b",ptMedium:"ptMedium_c8eb042429",ptLarge:"ptLarge_b37d0a0946",ptXl:"ptXl_ac5c569266",ptXxl:"ptXxl_257c35d163",ptXxxl:"ptXxxl_1403c0543d",pe0:"pe0_acda574451",peXs:"peXs_29fa7d60e0",peSmall:"peSmall_bb678905a4",peMedium:"peMedium_cfec7b6bbe",peLarge:"peLarge_33dc799232",peXl:"peXl_2e86f64bfe",peXxl:"peXxl_4a8c11e9f9",peXxxl:"peXxxl_2f4a967f53",pb0:"pb0_5019190146",pbXs:"pbXs_ff9efbc63f",pbSmall:"pbSmall_f05d55bcec",pbMedium:"pbMedium_4fe6fd22f3",pbLarge:"pbLarge_72e908ef56",pbXl:"pbXl_bb78ad75bd",pbXxl:"pbXxl_675a282c31",pbXxxl:"pbXxxl_b221f19082",ps0:"ps0_1c1f39487e",psXs:"psXs_2680703080",psSmall:"psSmall_d1d67caf6c",psMedium:"psMedium_02e39d00e8",psLarge:"psLarge_7c7ff72add",psXl:"psXl_b4caac421c",psXxl:"psXxl_68760f3761",psXxxl:"psXxxl_18cb2352e5",textPrimaryTextColor:"textPrimaryTextColor_db7e38a104",textTextColorOnInverted:"textTextColorOnInverted_a2a72c1565",textSecondaryTextColor:"textSecondaryTextColor_80abc3d430",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_d2d60f1cc0",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_4e2399893b",bgGreyBackgroundColor:"bgGreyBackgroundColor_0d78b84804",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_8ea3efd5c7",bgInvertedColorBackground:"bgInvertedColorBackground_2b9d54ec82"};!function(n){const a="s_id-e8ebf0c89fee_3_34_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_a268811da3 {\n  overflow: hidden;\n}\n.box_a268811da3.scrollable_c426d3d83c {\n  overflow: auto;\n}\n.box_a268811da3.scrollable_c426d3d83c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_a268811da3.scrollable_c426d3d83c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_9db7a41f7a {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_36a5788117 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_7854c16ff2 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_1859d957c4 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_8773670077 {\n  border-radius: 0 !important;\n}\n.roundedSmall_27284d0211 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_163d18caff {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_308274ec7a {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_aae3367767 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_fd3022135c {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_00fab443d0 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_e510d496b0 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_59eb204979 {\n  margin: 0 !important;\n}\n.mXs_4bd73e56b6 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_690c83daa1 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_865cab55db {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_ff3a5f2e74 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_5ad289cb3e {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_8c70c2d95f {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_600773141d {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_4a923e2325 {\n  margin: auto !important;\n}\n.mx0_6532d16770 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_f57d194f40 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_b4c16377a7 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_6a103e5239 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_da400053fc {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_b0347c9e73 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_f2b1687cd2 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_16388d2a9c {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_95a63df4f1 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_5df065b6d9 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_a0bde46ccc {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_6d74e56206 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_66c191969e {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_818cf2a770 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_2f7aed52dd {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_58785056d7 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_75d8cd0f02 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_33c4e8a927 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_9e2c6a27de {\n  margin-top: 0 !important;\n}\n.mtXs_1542f1e39f {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_d4adbe36b6 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_20f17de69c {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7f01473e0b {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_260f620960 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_e3dd005cf6 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_71f0aabb8c {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_35ad86b344 {\n  margin-top: auto !important;\n}\n.me0_30af0a4371 {\n  margin-inline-end: 0 !important;\n}\n.meXs_5ad3c35382 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_8f62c371c8 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_e32124641c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_6668565fa0 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_f4b41527f5 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_cbd3a30783 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_5f8140428b {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_42bf533f3a {\n  margin-inline-end: auto !important;\n}\n.mb0_299e19addd {\n  margin-bottom: 0 !important;\n}\n.mbXs_4a19d28c9a {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_84c1d9d1c6 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_6c8fcbc949 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_1654db09b5 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_5ee5421485 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_b794b9802a {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_539475f690 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_33b9c01c65 {\n  margin-bottom: auto !important;\n}\n.ms0_922e83a8ad {\n  margin-inline-start: 0 !important;\n}\n.msXs_a21fa27b59 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_01611b2b79 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_431a31c314 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_8873634133 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_3d99062a36 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_20649600d9 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_22108f3dc4 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_2db26eb355 {\n  margin-inline-start: auto !important;\n}\n.p0_12759c9a03 {\n  padding: 0 !important;\n}\n.pXs_becba39b7f {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_2f9966f2ce {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_4ca1ea299c {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_379c49674c {\n  padding: var(--spacing-large) !important;\n}\n.pXl_582b07bb3c {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_34cedc16de {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_34dabfaead {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_33cb95d64f {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_6d5f427a9e {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_9fefa7ee62 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_f0706d789b {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_87b5463585 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_ac68d34a9e {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_d4bb579589 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_09e3ddabb7 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_7a11b3ba18 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_8c42342c42 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_f618ef8a19 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_e67cd2ee45 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_c81c4a4251 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_c2d4b1c445 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_6b33bab732 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_9398c3523f {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_e9d9ed9b48 {\n  padding-top: 0 !important;\n}\n.ptXs_501ce1c74d {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_7318aefd2b {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_c8eb042429 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_b37d0a0946 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_ac5c569266 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_257c35d163 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_1403c0543d {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_acda574451 {\n  padding-inline-end: 0 !important;\n}\n.peXs_29fa7d60e0 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_bb678905a4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_cfec7b6bbe {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_33dc799232 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_2e86f64bfe {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_4a8c11e9f9 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_2f4a967f53 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_5019190146 {\n  padding-bottom: 0 !important;\n}\n.pbXs_ff9efbc63f {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_f05d55bcec {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4fe6fd22f3 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_72e908ef56 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_bb78ad75bd {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_675a282c31 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_b221f19082 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_1c1f39487e {\n  padding-inline-start: 0 !important;\n}\n.psXs_2680703080 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_d1d67caf6c {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_02e39d00e8 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_7c7ff72add {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_b4caac421c {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_68760f3761 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_18cb2352e5 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_db7e38a104 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_a2a72c1565 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_80abc3d430 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_d2d60f1cc0 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_4e2399893b {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_0d78b84804 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_8ea3efd5c7 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_2b9d54ec82 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_8fa05518a2",scrollable:"scrollable_ef4c07538b",opacityDisabled:"opacityDisabled_cf16f8bf91",border:"border_dee6ddb6ef",borderColorUiBorderColor:"borderColorUiBorderColor_2241d0c6d9",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_b338ea6fd9",rounded0:"rounded0_13f5a138d6",roundedSmall:"roundedSmall_bb0cb29643",roundedMedium:"roundedMedium_6f852d0e8e",roundedBig:"roundedBig_6dc2983c59",shadowXs:"shadowXs_8cb4e1993c",shadowSmall:"shadowSmall_355d8b5372",shadowMedium:"shadowMedium_3375c1658c",shadowLarge:"shadowLarge_28663f2eed",m0:"m0_6c2310ed19",mXs:"mXs_9de640f5ba",mSmall:"mSmall_c5cabe42cd",mMedium:"mMedium_7b3ecadd9a",mLarge:"mLarge_50433f0019",mXl:"mXl_ecb065dfa2",mXxl:"mXxl_f8feaaa4d3",mXxxl:"mXxxl_9f59e038f9",mAuto:"mAuto_ab3b4609de",mx0:"mx0_9d47ac20b1",mxXs:"mxXs_7b24050737",mxSmall:"mxSmall_34f86a8105",mxMedium:"mxMedium_7dd8b4f1d5",mxLarge:"mxLarge_23910e2cc7",mxXl:"mxXl_d68d610ebc",mxXxl:"mxXxl_8598f0dade",mxXxxl:"mxXxxl_1e01887116",mxAuto:"mxAuto_89d1211632",my0:"my0_ba7aa0d355",myXs:"myXs_e62ac80e5f",mySmall:"mySmall_1a601eca24",myMedium:"myMedium_870d16da93",myLarge:"myLarge_c4ff037d5d",myXl:"myXl_ed677bcdc4",myXxl:"myXxl_2e71794892",myXxxl:"myXxxl_3581324533",myAuto:"myAuto_2e34c27f20",mt0:"mt0_9254321b36",mtXs:"mtXs_91b70c8689",mtSmall:"mtSmall_e935fca4a4",mtMedium:"mtMedium_7f9175a639",mtLarge:"mtLarge_7c2c144b1c",mtXl:"mtXl_0d85e18188",mtXxl:"mtXxl_59b371ae8c",mtXxxl:"mtXxxl_8a9ff0a812",mtAuto:"mtAuto_0796f9daea",me0:"me0_5cab650ca1",meXs:"meXs_0ad61dfe12",meSmall:"meSmall_f10607e1be",meMedium:"meMedium_e8d8507c0f",meLarge:"meLarge_0a203c9e72",meXl:"meXl_4e269c73f7",meXxl:"meXxl_1185a99415",meXxxl:"meXxxl_462d84df9c",meAuto:"meAuto_a027de6a14",mb0:"mb0_7954f164f3",mbXs:"mbXs_0e7dd4d443",mbSmall:"mbSmall_bf0b5df537",mbMedium:"mbMedium_1fae7fa0b5",mbLarge:"mbLarge_b9e8944413",mbXl:"mbXl_2c7b4750ab",mbXxl:"mbXxl_f8e4b428e3",mbXxxl:"mbXxxl_1f15935002",mbAuto:"mbAuto_613f0672df",ms0:"ms0_72b8b2a707",msXs:"msXs_d656e1dc7d",msSmall:"msSmall_cc66295aa3",msMedium:"msMedium_611a185a4e",msLarge:"msLarge_b9cd2ce51b",msXl:"msXl_784e0373af",msXxl:"msXxl_d34a086555",msXxxl:"msXxxl_cd3a5f052f",msAuto:"msAuto_e1df67cb55",p0:"p0_37b1c620a6",pXs:"pXs_ee64c3800a",pSmall:"pSmall_688f543725",pMedium:"pMedium_ddf9b92e98",pLarge:"pLarge_c1be121e98",pXl:"pXl_c18e63e965",pXxl:"pXxl_b9eae0480c",pXxxl:"pXxxl_f811db3885",px0:"px0_393de58259",pxXs:"pxXs_2203c75b25",pxSmall:"pxSmall_eaead8a843",pxMedium:"pxMedium_e7e1bb6d03",pxLarge:"pxLarge_f9dc547cef",pxXl:"pxXl_6b71ddff8f",pxXxl:"pxXxl_4516d181cd",pxXxxl:"pxXxxl_8a6e4c880f",py0:"py0_65a22181c0",pyXs:"pyXs_5b8a24eff7",pySmall:"pySmall_f8d70f36b5",pyMedium:"pyMedium_f4cb1b9896",pyLarge:"pyLarge_38ae001572",pyXl:"pyXl_4f83c38228",pyXxl:"pyXxl_654a888d5f",pyXxxl:"pyXxxl_b3cf31e55b",pt0:"pt0_4007ee636e",ptXs:"ptXs_300c85efb7",ptSmall:"ptSmall_8331f7f9ba",ptMedium:"ptMedium_d004e12c66",ptLarge:"ptLarge_c3cd05d72a",ptXl:"ptXl_233de15f24",ptXxl:"ptXxl_5c56895df1",ptXxxl:"ptXxxl_22a46c5b96",pe0:"pe0_bc68a7d898",peXs:"peXs_55e3432240",peSmall:"peSmall_a6d428b093",peMedium:"peMedium_29a4083222",peLarge:"peLarge_0f3549b45f",peXl:"peXl_ccd35d24aa",peXxl:"peXxl_3c723a7f5a",peXxxl:"peXxxl_c02ace5ea5",pb0:"pb0_9d3f9b5901",pbXs:"pbXs_2d71950875",pbSmall:"pbSmall_23f72db810",pbMedium:"pbMedium_cc1b25fd8b",pbLarge:"pbLarge_0bb14e92db",pbXl:"pbXl_2ddf5cb9fd",pbXxl:"pbXxl_907f567ebc",pbXxxl:"pbXxxl_4be7425c36",ps0:"ps0_ed798ec9bf",psXs:"psXs_f20799a2a9",psSmall:"psSmall_e285a32eef",psMedium:"psMedium_c525b7d7cd",psLarge:"psLarge_ed2fe91e89",psXl:"psXl_7ebf457877",psXxl:"psXxl_1c9739dd35",psXxxl:"psXxxl_c970fcde7d",textPrimaryTextColor:"textPrimaryTextColor_aa711598f1",textTextColorOnInverted:"textTextColorOnInverted_1d4c0784a2",textSecondaryTextColor:"textSecondaryTextColor_0026e6fac1",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_d10b8cca28",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_a0794352d4",bgGreyBackgroundColor:"bgGreyBackgroundColor_bfa0036d57",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_99fffce853",bgInvertedColorBackground:"bgInvertedColorBackground_54b53cadd4"};!function(n){const a="s_id-e8ebf0c89fee_3_35_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_8fa05518a2 {\n  overflow: hidden;\n}\n.box_8fa05518a2.scrollable_ef4c07538b {\n  overflow: auto;\n}\n.box_8fa05518a2.scrollable_ef4c07538b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_8fa05518a2.scrollable_ef4c07538b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_cf16f8bf91 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_dee6ddb6ef {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_2241d0c6d9 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_b338ea6fd9 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_13f5a138d6 {\n  border-radius: 0 !important;\n}\n.roundedSmall_bb0cb29643 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_6f852d0e8e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_6dc2983c59 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_8cb4e1993c {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_355d8b5372 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_3375c1658c {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_28663f2eed {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_6c2310ed19 {\n  margin: 0 !important;\n}\n.mXs_9de640f5ba {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_c5cabe42cd {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_7b3ecadd9a {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_50433f0019 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_ecb065dfa2 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_f8feaaa4d3 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_9f59e038f9 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_ab3b4609de {\n  margin: auto !important;\n}\n.mx0_9d47ac20b1 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_7b24050737 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_34f86a8105 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_7dd8b4f1d5 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_23910e2cc7 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_d68d610ebc {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_8598f0dade {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_1e01887116 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_89d1211632 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_ba7aa0d355 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_e62ac80e5f {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_1a601eca24 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_870d16da93 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_c4ff037d5d {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_ed677bcdc4 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_2e71794892 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_3581324533 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_2e34c27f20 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_9254321b36 {\n  margin-top: 0 !important;\n}\n.mtXs_91b70c8689 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_e935fca4a4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_7f9175a639 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7c2c144b1c {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_0d85e18188 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_59b371ae8c {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_8a9ff0a812 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_0796f9daea {\n  margin-top: auto !important;\n}\n.me0_5cab650ca1 {\n  margin-inline-end: 0 !important;\n}\n.meXs_0ad61dfe12 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_f10607e1be {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_e8d8507c0f {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_0a203c9e72 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_4e269c73f7 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_1185a99415 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_462d84df9c {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_a027de6a14 {\n  margin-inline-end: auto !important;\n}\n.mb0_7954f164f3 {\n  margin-bottom: 0 !important;\n}\n.mbXs_0e7dd4d443 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_bf0b5df537 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_1fae7fa0b5 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_b9e8944413 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_2c7b4750ab {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_f8e4b428e3 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_1f15935002 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_613f0672df {\n  margin-bottom: auto !important;\n}\n.ms0_72b8b2a707 {\n  margin-inline-start: 0 !important;\n}\n.msXs_d656e1dc7d {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_cc66295aa3 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_611a185a4e {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_b9cd2ce51b {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_784e0373af {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_d34a086555 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_cd3a5f052f {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e1df67cb55 {\n  margin-inline-start: auto !important;\n}\n.p0_37b1c620a6 {\n  padding: 0 !important;\n}\n.pXs_ee64c3800a {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_688f543725 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_ddf9b92e98 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_c1be121e98 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_c18e63e965 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_b9eae0480c {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_f811db3885 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_393de58259 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_2203c75b25 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_eaead8a843 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_e7e1bb6d03 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_f9dc547cef {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_6b71ddff8f {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_4516d181cd {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_8a6e4c880f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_65a22181c0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_5b8a24eff7 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_f8d70f36b5 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_f4cb1b9896 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_38ae001572 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_4f83c38228 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_654a888d5f {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_b3cf31e55b {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_4007ee636e {\n  padding-top: 0 !important;\n}\n.ptXs_300c85efb7 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_8331f7f9ba {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_d004e12c66 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_c3cd05d72a {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_233de15f24 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_5c56895df1 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_22a46c5b96 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_bc68a7d898 {\n  padding-inline-end: 0 !important;\n}\n.peXs_55e3432240 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_a6d428b093 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_29a4083222 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_0f3549b45f {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_ccd35d24aa {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_3c723a7f5a {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_c02ace5ea5 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_9d3f9b5901 {\n  padding-bottom: 0 !important;\n}\n.pbXs_2d71950875 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_23f72db810 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_cc1b25fd8b {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_0bb14e92db {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_2ddf5cb9fd {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_907f567ebc {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_4be7425c36 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_ed798ec9bf {\n  padding-inline-start: 0 !important;\n}\n.psXs_f20799a2a9 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_e285a32eef {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_c525b7d7cd {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_ed2fe91e89 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_7ebf457877 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_1c9739dd35 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_c970fcde7d {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_aa711598f1 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_1d4c0784a2 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_0026e6fac1 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_d10b8cca28 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_a0794352d4 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_bfa0036d57 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_99fffce853 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_54b53cadd4 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_227d6a823f",withoutText:"withoutText_b956e4cf1c",breadcrumbText:"breadcrumbText_346198cd96",breadcrumbIcon:"breadcrumbIcon_9a20185276",clickable:"clickable_e26a557792",current:"current_2b30352cc0",disabled:"disabled_417578905a",notClickable:"notClickable_554c9fd32e"};!function(e){const n="s_id-55ff70da99a4_3_34_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_227d6a823f {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_227d6a823f.withoutText_b956e4cf1c {\n  padding: 4px;\n}\na.breadcrumbContent_227d6a823f:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_227d6a823f .breadcrumbText_346198cd96 {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_227d6a823f .breadcrumbIcon_9a20185276 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_227d6a823f:focus {\n  outline: none;\n}\n.breadcrumbContent_227d6a823f.clickable_e26a557792 {\n  cursor: pointer;\n}\n.breadcrumbContent_227d6a823f.clickable_e26a557792:hover,\n.breadcrumbContent_227d6a823f:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_227d6a823f.current_2b30352cc0 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_227d6a823f.disabled_417578905a {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_227d6a823f.disabled_417578905a:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_227d6a823f.notClickable_554c9fd32e {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_418743d78c",withoutText:"withoutText_5de26375ed",breadcrumbText:"breadcrumbText_0d8b8546de",breadcrumbIcon:"breadcrumbIcon_33ec40de8a",clickable:"clickable_ea8f1836f3",current:"current_f066382773",disabled:"disabled_01cc9e27dc",notClickable:"notClickable_aedfcf3b65"};!function(e){const n="s_id-55ff70da99a4_3_35_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_418743d78c {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_418743d78c.withoutText_5de26375ed {\n  padding: 4px;\n}\na.breadcrumbContent_418743d78c:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_418743d78c .breadcrumbText_0d8b8546de {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_418743d78c .breadcrumbIcon_33ec40de8a {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_418743d78c:focus {\n  outline: none;\n}\n.breadcrumbContent_418743d78c.clickable_ea8f1836f3 {\n  cursor: pointer;\n}\n.breadcrumbContent_418743d78c.clickable_ea8f1836f3:hover,\n.breadcrumbContent_418743d78c:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_418743d78c.current_f066382773 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_418743d78c.disabled_01cc9e27dc {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_418743d78c.disabled_01cc9e27dc:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_418743d78c.notClickable_aedfcf3b65 {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_33a8d55c75",disabled:"disabled_2d2b2290ad"};!function(e){const d="s_id-03f482333e23_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_33a8d55c75 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_33a8d55c75.disabled_2d2b2290ad {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_098451b284",disabled:"disabled_84a88df534"};!function(e){const d="s_id-03f482333e23_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_098451b284 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_098451b284.disabled_84a88df534 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_ea61e16a36",separatorIcon:"separatorIcon_5783669123"};!function(e){const a="s_id-24567fd55d40_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".breadcrumbsBar_ea61e16a36 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_ea61e16a36 ol .separatorIcon_5783669123 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_8489133c21",separatorIcon:"separatorIcon_c1a7030909"};!function(e){const n="s_id-24567fd55d40_3_35_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_8489133c21 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_8489133c21 ol .separatorIcon_c1a7030909 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

package/dist/src/components/Button/Button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as a,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,SMALL_BUTTON_ICON_SIZE as g,ButtonColor as y,ButtonType as b,ButtonInputType as v}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as h,getParentBackgroundColorNotTransparent as C}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N}from"../../tests/constants.js";import k from"./Button.module.scss.js";import{useButtonLoading as E}from"./helper/useButtonLoading.js";var I=o((function(o,c){var d=o.className,y=o.children,b=o.kind,v=o.onClick,h=o.name,x=o.size,I=o.color,P=o.disabled,B=o.rightIcon,S=o.leftIcon,L=o.success,T=o.successText,z=o.successIcon,M=o.style,O=o.loading,w=o.loaderClassName,D=o.active,A=o.activeButtonClassName,H=o.id,R=o.marginRight,U=o.marginLeft,_=o.type,q=o.onMouseDown,G=o.ariaLabel,J=o.rightFlat,K=o.leftFlat,Q=o.preventClickAnimation,V=o.noSidePadding,W=o.onFocus,X=o.onBlur,Y=o.ariaLabeledBy,Z=o.defaultTextColorOnPrimaryColor,$=o.ariaHasPopup,ee=o.ariaExpanded,te=o.ariaControls,oe=o["aria-describedby"],ae=o["aria-hidden"],ne=o["aria-pressed"],re=o.blurOnMouseUp,ie=o["data-testid"],se=o.insetFocus,le=o.tabIndex,ce=a(null),ue=u(c,ce),de=E({isLoading:O}).loading;n((function(){if(("on-primary-color"===I||"fixed-light"===I)&&"primary"===b&&ce.current){var e=ce.current;e.style.color=C(e,Z)}}),[b,ce,I,Z]);var me=r((function(){var e=ce.current;!P&&e&&re&&e.blur()}),[P,ce,re]),pe=r((function(e){P||de||L?e.preventDefault():v&&v(e)}),[v,P,de,L]),fe=r((function(e){P||de||L?e.preventDefault():q&&q(e)}),[q,P,de,L]),ge=i((function(){var t,o=L?"positive":I;return l(d,k.button,F(k,s("size-"+x)),F(k,s("kind-"+b)),F(k,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},k.success,L),F(k,s("color-"+o+"-active")),D),A,D),k.marginRight,R),k.marginLeft,U),k.rightFlat,J),k.leftFlat,K),k.preventClickAnimation,Q),k.noSidePadding,V),k.disabled,P),e(t,k.insetFocusStyle,se)))}),[L,I,d,x,b,D,A,R,U,J,K,Q,V,P,se]),ye=i((function(){return{ref:ue,type:_,className:ge,name:h,onMouseUp:me,style:M,onClick:pe,id:H,onFocus:W,onBlur:X,tabIndex:P||ae?-1:le,"data-testid":ie||j(N.BUTTON,H),onMouseDown:fe,"aria-disabled":P,"aria-busy":de,"aria-labelledby":Y,"aria-label":G,"aria-haspopup":$,"aria-expanded":ee,"aria-controls":te,"aria-describedby":oe,"aria-hidden":ae,"aria-pressed":ne}}),[ue,_,ge,h,me,M,pe,H,W,X,le,ie,fe,P,de,Y,G,$,ee,te,oe,ae,ne]),be=r((function(e){if("function"==typeof e)switch(x){case"xxs":case"xs":return g;default:return f}}),[x]),ve=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),he=i((function(){return t.createElement(t.Fragment,null,S?t.createElement(m,{iconType:"font",icon:S,iconSize:be(S),className:l(e({},k.leftIcon,ve)),ignoreFocusStyle:!0}):null,y,B?t.createElement(m,{iconType:"font",icon:B,iconSize:be(B),className:l(e({},k.rightIcon,ve)),ignoreFocusStyle:!0}):null)}),[y,ve,be,S,B]);return de?t.createElement("button",Object.assign({},ye,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(k.loader,w)},t.createElement(p,{className:k.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},he))):L?t.createElement("button",Object.assign({},ye,{key:"".concat(H,"-success")}),t.createElement("span",{className:k.successContent},z?t.createElement(m,{iconType:"font",icon:z,iconSize:be(z),className:l(e({},k.leftIcon,!!T)),ignoreFocusStyle:!0}):null,T),t.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},he)):t.createElement("button",Object.assign({},ye,{key:"".concat(H,"-button")}),he)}));I.defaultProps={className:void 0,name:void 0,style:void 0,id:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:h,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var P=x(I,{sizes:c,colors:y,kinds:b,types:v,inputTags:v});export{P as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as o,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,SMALL_BUTTON_ICON_SIZE as g,ButtonColor as y,ButtonType as b,ButtonInputType as v}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as h,getParentBackgroundColorNotTransparent as C}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N,ComponentVibeId as k}from"../../tests/constants.js";import E from"./Button.module.scss.js";import{useButtonLoading as I}from"./helper/useButtonLoading.js";var B=a((function(a,c){var d=a.className,y=a.children,b=a.kind,v=a.onClick,h=a.name,x=a.size,B=a.color,P=a.disabled,S=a.rightIcon,T=a.leftIcon,L=a.success,O=a.successText,z=a.successIcon,M=a.style,w=a.loading,D=a.loaderClassName,U=a.active,A=a.activeButtonClassName,H=a.id,R=a.marginRight,_=a.marginLeft,q=a.type,G=a.onMouseDown,J=a.ariaLabel,K=a.rightFlat,Q=a.leftFlat,V=a.preventClickAnimation,W=a.noSidePadding,X=a.onFocus,Y=a.onBlur,Z=a.ariaLabeledBy,$=a.defaultTextColorOnPrimaryColor,ee=a.ariaHasPopup,te=a.ariaExpanded,ae=a.ariaControls,oe=a["aria-describedby"],ne=a["aria-hidden"],re=a["aria-pressed"],ie=a.blurOnMouseUp,se=a["data-testid"],le=a.insetFocus,ce=a.tabIndex,ue=o(null),de=u(c,ue),me=I({isLoading:w}).loading;n((function(){if(("on-primary-color"===B||"fixed-light"===B)&&"primary"===b&&ue.current){var e=ue.current;e.style.color=C(e,$)}}),[b,ue,B,$]);var pe=r((function(){var e=ue.current;!P&&e&&ie&&e.blur()}),[P,ue,ie]),fe=r((function(e){P||me||L?e.preventDefault():v&&v(e)}),[v,P,me,L]),ge=r((function(e){P||me||L?e.preventDefault():G&&G(e)}),[G,P,me,L]),ye=i((function(){var t,a=L?"positive":B;return l(d,E.button,F(E,s("size-"+x)),F(E,s("kind-"+b)),F(E,s("color-"+a)),(e(e(e(e(e(e(e(e(e(e(t={},E.success,L),F(E,s("color-"+a+"-active")),U),A,U),E.marginRight,R),E.marginLeft,_),E.rightFlat,K),E.leftFlat,Q),E.preventClickAnimation,V),E.noSidePadding,W),E.disabled,P),e(t,E.insetFocusStyle,le)))}),[L,B,d,x,b,U,A,R,_,K,Q,V,W,P,le]),be=i((function(){return{ref:de,type:q,className:ye,name:h,onMouseUp:pe,style:M,onClick:fe,id:H,onFocus:X,onBlur:Y,tabIndex:P||ne?-1:ce,"data-testid":se||j(N.BUTTON,H),"data-vibe":k.BUTTON,onMouseDown:ge,"aria-disabled":P,"aria-busy":me,"aria-labelledby":Z,"aria-label":J,"aria-haspopup":ee,"aria-expanded":te,"aria-controls":ae,"aria-describedby":oe,"aria-hidden":ne,"aria-pressed":re}}),[de,q,ye,h,pe,M,fe,H,X,Y,ce,se,ge,P,me,Z,J,ee,te,ae,oe,ne,re]),ve=r((function(e){if("function"==typeof e)switch(x){case"xxs":case"xs":return g;default:return f}}),[x]),he=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),Ce=i((function(){return t.createElement(t.Fragment,null,T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve(T),className:l(e({},E.leftIcon,he)),ignoreFocusStyle:!0}):null,y,S?t.createElement(m,{iconType:"font",icon:S,iconSize:ve(S),className:l(e({},E.rightIcon,he)),ignoreFocusStyle:!0}):null)}),[y,he,ve,T,S]);return me?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(E.loader,D)},t.createElement(p,{className:E.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:E.textPlaceholder},Ce))):L?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-success")}),t.createElement("span",{className:E.successContent},z?t.createElement(m,{iconType:"font",icon:z,iconSize:ve(z),className:l(e({},E.leftIcon,!!O)),ignoreFocusStyle:!0}):null,O),t.createElement("span",{"aria-hidden":"true",className:E.textPlaceholder},Ce)):t.createElement("button",Object.assign({},be,{key:"".concat(H,"-button")}),Ce)}));B.defaultProps={className:void 0,name:void 0,style:void 0,id:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:h,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var P=x(B,{sizes:c,colors:y,kinds:b,types:v,inputTags:v});export{P as default};
 //# sourceMappingURL=Button.js.map

package/dist/src/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum,\n SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const iconSize = useCallback(\n (icon: SubIcon) => {\n if (typeof icon !== \"function\") return;\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n default:\n return BUTTON_ICON_SIZE;\n }\n },\n [size]\n );\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize(leftIcon)}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize(rightIcon)}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={iconSize(successIcon)}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum,\n SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n \"data-vibe\": ComponentVibeId.BUTTON,\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const iconSize = useCallback(\n (icon: SubIcon) => {\n if (typeof icon !== \"function\") return;\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n default:\n return BUTTON_ICON_SIZE;\n }\n },\n [size]\n );\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize(leftIcon)}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize(rightIcon)}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={iconSize(successIcon)}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","ComponentVibeId","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}

package/dist/src/components/Button/Button.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={button:"button_8329a11703","focus-visible":"focus-visible_347e281e52",loader:"loader_ad9676decf",loaderSvg:"loaderSvg_9c0ced6fea",textPlaceholder:"textPlaceholder_a43728da1c",success:"success_81d6e63ffa",successContent:"successContent_4a68f87d55",marginRight:"marginRight_7565da701d",marginLeft:"marginLeft_2cdae8f6ab",rightFlat:"rightFlat_e17773cd49",leftFlat:"leftFlat_5065d9155a",preventClickAnimation:"preventClickAnimation_7d4b9de710",leftIcon:"leftIcon_7565da701d",rightIcon:"rightIcon_2cdae8f6ab",sizeXxs:"sizeXxs_9ed211a61a",sizeXs:"sizeXs_4132090128",sizeSmall:"sizeSmall_78d45dc184",sizeMedium:"sizeMedium_bacf2b480a",sizeLarge:"sizeLarge_b4400a899f",kindPrimary:"kindPrimary_5d2e6535cd",colorPrimary:"colorPrimary_b286688c50",colorBrand:"colorBrand_4ac3d9d0a0",colorPrimaryActive:"colorPrimaryActive_3055fcadd1",colorBrandActive:"colorBrandActive_38545b406a",colorPositive:"colorPositive_c1b0b6c112",colorPositiveActive:"colorPositiveActive_16a0c236fd",colorNegative:"colorNegative_8ac9d13292",colorNegativeActive:"colorNegativeActive_16a0c236fd",colorInverted:"colorInverted_3fffa0c7e5",colorInvertedActive:"colorInvertedActive_16a0c236fd",disabled:"disabled_13cabdbc3c",colorOnPrimaryColor:"colorOnPrimaryColor_10a6a4ff1c",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_72bc157871",colorFixedLight:"colorFixedLight_4fb8345af3",colorFixedLightActive:"colorFixedLightActive_7d4b9de710",colorFixedDark:"colorFixedDark_99a606a60b",colorFixedDarkActive:"colorFixedDarkActive_4ff585b946",colorOnInvertedBackground:"colorOnInvertedBackground_418c4d07aa",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_8f9ee81c68",kindSecondary:"kindSecondary_9949b7c302",kindTertiary:"kindTertiary_2a0377ff90",noSidePadding:"noSidePadding_9d41654085",insetFocusStyle:"insetFocusStyle_ba9f7e340b"};!function(o){const r="s_id-f5db469b1a79_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_8329a11703 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_8329a11703:focus-visible, .button_8329a11703.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8329a11703:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.button_8329a11703 .loader_ad9676decf {\n  height: 100%;\n}\n.button_8329a11703 .loader_ad9676decf .loaderSvg_9c0ced6fea {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_8329a11703 .textPlaceholder_a43728da1c {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_8329a11703.success_81d6e63ffa {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_8329a11703.success_81d6e63ffa .successContent_4a68f87d55 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_7565da701d {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_2cdae8f6ab {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_e17773cd49 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_5065d9155a {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_8329a11703:active:not(.preventClickAnimation_7d4b9de710) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_8329a11703 .leftIcon_7565da701d {\n  margin-right: var(--spacing-small);\n}\n.button_8329a11703 .rightIcon_2cdae8f6ab {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_9ed211a61a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_4132090128 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_78d45dc184 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_78d45dc184 .loader_ad9676decf {\n  top: 7px;\n}\n.sizeMedium_bacf2b480a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_b4400a899f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_5d2e6535cd {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5d2e6535cd.colorPrimary_b286688c50 {\n  background: var(--primary-color);\n}\n.kindPrimary_5d2e6535cd.colorBrand_4ac3d9d0a0 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_5d2e6535cd.colorPrimaryActive_3055fcadd1,\n.kindPrimary_5d2e6535cd.colorPrimary_b286688c50:hover,\n.kindPrimary_5d2e6535cd.colorPrimary_b286688c50:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_5d2e6535cd.colorBrandActive_38545b406a,\n.kindPrimary_5d2e6535cd.colorBrand_4ac3d9d0a0:hover,\n.kindPrimary_5d2e6535cd.colorBrand_4ac3d9d0a0:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_5d2e6535cd.colorPositive_c1b0b6c112 {\n  background: var(--positive-color);\n}\n.kindPrimary_5d2e6535cd.colorPositiveActive_16a0c236fd,\n.kindPrimary_5d2e6535cd.colorPositive_c1b0b6c112:hover,\n.kindPrimary_5d2e6535cd.colorPositive_c1b0b6c112:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_5d2e6535cd.colorNegative_8ac9d13292 {\n  background: var(--negative-color);\n}\n.kindPrimary_5d2e6535cd.colorNegativeActive_16a0c236fd,\n.kindPrimary_5d2e6535cd.colorNegative_8ac9d13292:hover,\n.kindPrimary_5d2e6535cd.colorNegative_8ac9d13292:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_5d2e6535cd.colorInverted_3fffa0c7e5 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_5d2e6535cd.colorInvertedActive_16a0c236fd,\n.kindPrimary_5d2e6535cd.colorInverted_3fffa0c7e5:hover,\n.kindPrimary_5d2e6535cd.colorInverted_3fffa0c7e5:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_5d2e6535cd.button_8329a11703.colorInverted_3fffa0c7e5.disabled_13cabdbc3c {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871:focus-visible, .kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover:focus-visible,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus:focus-visible,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710:focus-visible, .kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946:focus-visible, .kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_5d2e6535cd.colorOnInvertedBackground_418c4d07aa {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_5d2e6535cd.colorOnInvertedBackgroundActive_8f9ee81c68,\n.kindPrimary_5d2e6535cd.colorOnInvertedBackground_418c4d07aa:hover,\n.kindPrimary_5d2e6535cd.colorOnInvertedBackground_418c4d07aa:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_5d2e6535cd.button_8329a11703.colorOnInvertedBackground_418c4d07aa.disabled_13cabdbc3c {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_5d2e6535cd.button_8329a11703.disabled_13cabdbc3c {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_9949b7c302 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_9949b7c302.sizeSmall_78d45dc184 {\n  line-height: 22px;\n}\n.kindSecondary_9949b7c302.sizeMedium_bacf2b480a {\n  line-height: 22px;\n}\n.kindSecondary_9949b7c302.sizeLarge_b4400a899f {\n  line-height: 22px;\n}\n.kindSecondary_9949b7c302.colorPrimaryActive_3055fcadd1 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_9949b7c302.colorPrimaryActive_3055fcadd1:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_9949b7c302.colorBrandActive_38545b406a {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_9949b7c302.colorBrandActive_38545b406a,\n.kindSecondary_9949b7c302.colorBrandActive_38545b406a:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_9949b7c302.colorPrimary_b286688c50:hover:not(.colorPrimaryActive_3055fcadd1),\n.kindSecondary_9949b7c302.colorPrimary_b286688c50:focus:not(.colorPrimaryActive_3055fcadd1) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorBrand_4ac3d9d0a0:hover:not(.colorBrandActive_38545b406a),\n.kindSecondary_9949b7c302.colorBrand_4ac3d9d0a0:focus:not(.colorBrandActive_38545b406a) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorPositive_c1b0b6c112 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_9949b7c302.colorPositiveActive_16a0c236fd,\n.kindSecondary_9949b7c302.colorPositive_c1b0b6c112:hover,\n.kindSecondary_9949b7c302.colorPositive_c1b0b6c112:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_9949b7c302.colorNegative_8ac9d13292 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_9949b7c302.colorNegativeActive_16a0c236fd,\n.kindSecondary_9949b7c302.colorNegative_8ac9d13292:hover,\n.kindSecondary_9949b7c302.colorNegative_8ac9d13292:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_9949b7c302.colorInvertedActive_16a0c236fd,\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5:hover,\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5.disabled_13cabdbc3c {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871:focus-visible, .kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover:focus-visible,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus:focus-visible,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710:focus-visible, .kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover:focus-visible,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus:focus-visible,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946:focus-visible, .kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover:focus-visible,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus:focus-visible,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_9949b7c302.colorOnInvertedBackgroundActive_8f9ee81c68,\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa:hover,\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa.disabled_13cabdbc3c {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_9949b7c302.disabled_13cabdbc3c {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_9949b7c302.disabled_13cabdbc3c:hover {\n  background-color: transparent;\n}\n.kindTertiary_2a0377ff90 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_2a0377ff90.colorPrimaryActive_3055fcadd1 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_2a0377ff90.colorPrimaryActive_3055fcadd1:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_2a0377ff90.colorBrandActive_38545b406a {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_2a0377ff90.colorBrandActive_38545b406a,\n.kindTertiary_2a0377ff90.colorBrandActive_38545b406a:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_2a0377ff90.colorPrimary_b286688c50:hover:not(.colorPrimaryActive_3055fcadd1),\n.kindTertiary_2a0377ff90.colorPrimary_b286688c50:focus:not(.colorPrimaryActive_3055fcadd1) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorBrand_4ac3d9d0a0:hover:not(.colorBrandActive_38545b406a),\n.kindTertiary_2a0377ff90.colorBrand_4ac3d9d0a0:focus:not(.colorBrandActive_38545b406a) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorPositive_c1b0b6c112 {\n  color: var(--positive-color);\n}\n.kindTertiary_2a0377ff90.colorPositiveActive_16a0c236fd,\n.kindTertiary_2a0377ff90.colorPositive_c1b0b6c112:hover,\n.kindTertiary_2a0377ff90.colorPositive_c1b0b6c112:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_2a0377ff90.colorNegative_8ac9d13292 {\n  color: var(--negative-color);\n}\n.kindTertiary_2a0377ff90.colorNegativeActive_16a0c236fd,\n.kindTertiary_2a0377ff90.colorNegative_8ac9d13292:hover,\n.kindTertiary_2a0377ff90.colorNegative_8ac9d13292:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_2a0377ff90.colorInvertedActive_16a0c236fd,\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5:hover,\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5.disabled_13cabdbc3c {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871:focus-visible, .kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover:focus-visible,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus:focus-visible,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710:focus-visible, .kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946:focus-visible, .kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2a0377ff90.colorOnInvertedBackgroundActive_8f9ee81c68,\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa:hover,\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa.disabled_13cabdbc3c {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2a0377ff90.disabled_13cabdbc3c {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_2a0377ff90.disabled_13cabdbc3c:hover {\n  background-color: transparent;\n}\n.noSidePadding_9d41654085 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_8329a11703.insetFocusStyle_ba9f7e340b:focus-visible, .button_8329a11703.insetFocusStyle_ba9f7e340b.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8329a11703.insetFocusStyle_ba9f7e340b:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_a78c501a6d","focus-visible":"focus-visible_eb6b496cf8",loader:"loader_b96f7be674",loaderSvg:"loaderSvg_bf2bbcfc9e",textPlaceholder:"textPlaceholder_e09cc791b7",success:"success_189a87ef89",successContent:"successContent_4a031f41f8",marginRight:"marginRight_2e6da877c0",marginLeft:"marginLeft_3863072f51",rightFlat:"rightFlat_28570a2c82",leftFlat:"leftFlat_bc880c07b6",preventClickAnimation:"preventClickAnimation_ce51ffcdb0",leftIcon:"leftIcon_2e6da877c0",rightIcon:"rightIcon_3863072f51",sizeXxs:"sizeXxs_c68f72cb21",sizeXs:"sizeXs_dd5a5d6e4d",sizeSmall:"sizeSmall_ba27d4ff20",sizeMedium:"sizeMedium_fd6dfc021d",sizeLarge:"sizeLarge_e397e15ae5",kindPrimary:"kindPrimary_5744ef2742",colorPrimary:"colorPrimary_42abda22de",colorBrand:"colorBrand_685f5f821d",colorPrimaryActive:"colorPrimaryActive_f3ecd2c144",colorBrandActive:"colorBrandActive_770cfefd86",colorPositive:"colorPositive_bcee42de07",colorPositiveActive:"colorPositiveActive_700c9e363c",colorNegative:"colorNegative_5cd15ae6f7",colorNegativeActive:"colorNegativeActive_700c9e363c",colorInverted:"colorInverted_c83c10179b",colorInvertedActive:"colorInvertedActive_700c9e363c",disabled:"disabled_5462544050",colorOnPrimaryColor:"colorOnPrimaryColor_f8adc1b52e",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_68fdb6b899",colorFixedLight:"colorFixedLight_6face580b5",colorFixedLightActive:"colorFixedLightActive_ce51ffcdb0",colorFixedDark:"colorFixedDark_9d9ed1fd63",colorFixedDarkActive:"colorFixedDarkActive_aa66a8cb5d",colorOnInvertedBackground:"colorOnInvertedBackground_a83ee4b9b0",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_91daa1516d",kindSecondary:"kindSecondary_888a4b7694",kindTertiary:"kindTertiary_815f9f48c9",noSidePadding:"noSidePadding_08d6583214",insetFocusStyle:"insetFocusStyle_df2a372550"};!function(o){const r="s_id-f5db469b1a79_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_a78c501a6d {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_a78c501a6d:focus-visible, .button_a78c501a6d.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_a78c501a6d:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.button_a78c501a6d .loader_b96f7be674 {\n  height: 100%;\n}\n.button_a78c501a6d .loader_b96f7be674 .loaderSvg_bf2bbcfc9e {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_a78c501a6d .textPlaceholder_e09cc791b7 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_a78c501a6d.success_189a87ef89 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_a78c501a6d.success_189a87ef89 .successContent_4a031f41f8 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_3863072f51 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_28570a2c82 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_bc880c07b6 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_a78c501a6d:active:not(.preventClickAnimation_ce51ffcdb0) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_a78c501a6d .leftIcon_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n.button_a78c501a6d .rightIcon_3863072f51 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_c68f72cb21 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_dd5a5d6e4d {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_ba27d4ff20 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_ba27d4ff20 .loader_b96f7be674 {\n  top: 7px;\n}\n.sizeMedium_fd6dfc021d {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_e397e15ae5 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_5744ef2742 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5744ef2742.colorPrimary_42abda22de {\n  background: var(--primary-color);\n}\n.kindPrimary_5744ef2742.colorBrand_685f5f821d {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_5744ef2742.colorPrimaryActive_f3ecd2c144,\n.kindPrimary_5744ef2742.colorPrimary_42abda22de:hover,\n.kindPrimary_5744ef2742.colorPrimary_42abda22de:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_5744ef2742.colorBrandActive_770cfefd86,\n.kindPrimary_5744ef2742.colorBrand_685f5f821d:hover,\n.kindPrimary_5744ef2742.colorBrand_685f5f821d:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_5744ef2742.colorPositive_bcee42de07 {\n  background: var(--positive-color);\n}\n.kindPrimary_5744ef2742.colorPositiveActive_700c9e363c,\n.kindPrimary_5744ef2742.colorPositive_bcee42de07:hover,\n.kindPrimary_5744ef2742.colorPositive_bcee42de07:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_5744ef2742.colorNegative_5cd15ae6f7 {\n  background: var(--negative-color);\n}\n.kindPrimary_5744ef2742.colorNegativeActive_700c9e363c,\n.kindPrimary_5744ef2742.colorNegative_5cd15ae6f7:hover,\n.kindPrimary_5744ef2742.colorNegative_5cd15ae6f7:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_5744ef2742.colorInverted_c83c10179b {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_5744ef2742.colorInvertedActive_700c9e363c,\n.kindPrimary_5744ef2742.colorInverted_c83c10179b:hover,\n.kindPrimary_5744ef2742.colorInverted_c83c10179b:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_5744ef2742.button_a78c501a6d.colorInverted_c83c10179b.disabled_5462544050 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_5744ef2742.colorOnPrimaryColorActive_68fdb6b899,\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:hover,\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_5744ef2742.colorOnPrimaryColorActive_68fdb6b899:focus-visible, .kindPrimary_5744ef2742.colorOnPrimaryColorActive_68fdb6b899.focus-visible_eb6b496cf8,\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:hover:focus-visible,\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:hover.focus-visible_eb6b496cf8,\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:focus:focus-visible,\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5744ef2742.colorOnPrimaryColorActive_68fdb6b899:focus:not(.focus-visible_eb6b496cf8),\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindPrimary_5744ef2742.colorOnPrimaryColor_f8adc1b52e.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_5744ef2742.colorFixedLightActive_ce51ffcdb0,\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:hover,\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_5744ef2742.colorFixedLightActive_ce51ffcdb0:focus-visible, .kindPrimary_5744ef2742.colorFixedLightActive_ce51ffcdb0.focus-visible_eb6b496cf8,\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:hover:focus-visible,\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:hover.focus-visible_eb6b496cf8,\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:focus:focus-visible,\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5744ef2742.colorFixedLightActive_ce51ffcdb0:focus:not(.focus-visible_eb6b496cf8),\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindPrimary_5744ef2742.colorFixedLight_6face580b5.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5744ef2742.colorFixedDarkActive_aa66a8cb5d,\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:hover,\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_5744ef2742.colorFixedDarkActive_aa66a8cb5d:focus-visible, .kindPrimary_5744ef2742.colorFixedDarkActive_aa66a8cb5d.focus-visible_eb6b496cf8,\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:hover:focus-visible,\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:hover.focus-visible_eb6b496cf8,\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:focus:focus-visible,\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5744ef2742.colorFixedDarkActive_aa66a8cb5d:focus:not(.focus-visible_eb6b496cf8),\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindPrimary_5744ef2742.colorFixedDark_9d9ed1fd63.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_5744ef2742.colorOnInvertedBackground_a83ee4b9b0 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_5744ef2742.colorOnInvertedBackgroundActive_91daa1516d,\n.kindPrimary_5744ef2742.colorOnInvertedBackground_a83ee4b9b0:hover,\n.kindPrimary_5744ef2742.colorOnInvertedBackground_a83ee4b9b0:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_5744ef2742.button_a78c501a6d.colorOnInvertedBackground_a83ee4b9b0.disabled_5462544050 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_5744ef2742.button_a78c501a6d.disabled_5462544050 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_888a4b7694 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_888a4b7694.sizeSmall_ba27d4ff20 {\n  line-height: 22px;\n}\n.kindSecondary_888a4b7694.sizeMedium_fd6dfc021d {\n  line-height: 22px;\n}\n.kindSecondary_888a4b7694.sizeLarge_e397e15ae5 {\n  line-height: 22px;\n}\n.kindSecondary_888a4b7694.colorPrimaryActive_f3ecd2c144 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_888a4b7694.colorPrimaryActive_f3ecd2c144:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_888a4b7694.colorBrandActive_770cfefd86 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_888a4b7694.colorBrandActive_770cfefd86,\n.kindSecondary_888a4b7694.colorBrandActive_770cfefd86:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_888a4b7694.colorPrimary_42abda22de:hover:not(.colorPrimaryActive_f3ecd2c144),\n.kindSecondary_888a4b7694.colorPrimary_42abda22de:focus:not(.colorPrimaryActive_f3ecd2c144) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_888a4b7694.colorBrand_685f5f821d:hover:not(.colorBrandActive_770cfefd86),\n.kindSecondary_888a4b7694.colorBrand_685f5f821d:focus:not(.colorBrandActive_770cfefd86) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_888a4b7694.colorPositive_bcee42de07 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_888a4b7694.colorPositiveActive_700c9e363c,\n.kindSecondary_888a4b7694.colorPositive_bcee42de07:hover,\n.kindSecondary_888a4b7694.colorPositive_bcee42de07:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_888a4b7694.colorNegative_5cd15ae6f7 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_888a4b7694.colorNegativeActive_700c9e363c,\n.kindSecondary_888a4b7694.colorNegative_5cd15ae6f7:hover,\n.kindSecondary_888a4b7694.colorNegative_5cd15ae6f7:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_888a4b7694.colorInverted_c83c10179b {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_888a4b7694.colorInvertedActive_700c9e363c,\n.kindSecondary_888a4b7694.colorInverted_c83c10179b:hover,\n.kindSecondary_888a4b7694.colorInverted_c83c10179b:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_888a4b7694.colorInverted_c83c10179b.disabled_5462544050 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_888a4b7694.colorOnPrimaryColorActive_68fdb6b899,\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:hover,\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_888a4b7694.colorOnPrimaryColorActive_68fdb6b899:focus-visible, .kindSecondary_888a4b7694.colorOnPrimaryColorActive_68fdb6b899.focus-visible_eb6b496cf8,\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:hover:focus-visible,\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:hover.focus-visible_eb6b496cf8,\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:focus:focus-visible,\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_888a4b7694.colorOnPrimaryColorActive_68fdb6b899:focus:not(.focus-visible_eb6b496cf8),\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindSecondary_888a4b7694.colorOnPrimaryColor_f8adc1b52e.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_888a4b7694.colorFixedLightActive_ce51ffcdb0,\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:hover,\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_888a4b7694.colorFixedLightActive_ce51ffcdb0:focus-visible, .kindSecondary_888a4b7694.colorFixedLightActive_ce51ffcdb0.focus-visible_eb6b496cf8,\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:hover:focus-visible,\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:hover.focus-visible_eb6b496cf8,\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:focus:focus-visible,\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_888a4b7694.colorFixedLightActive_ce51ffcdb0:focus:not(.focus-visible_eb6b496cf8),\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_888a4b7694.colorFixedDarkActive_aa66a8cb5d,\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:hover,\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_888a4b7694.colorFixedDarkActive_aa66a8cb5d:focus-visible, .kindSecondary_888a4b7694.colorFixedDarkActive_aa66a8cb5d.focus-visible_eb6b496cf8,\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:hover:focus-visible,\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:hover.focus-visible_eb6b496cf8,\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:focus:focus-visible,\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_888a4b7694.colorFixedDarkActive_aa66a8cb5d:focus:not(.focus-visible_eb6b496cf8),\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindSecondary_888a4b7694.colorOnInvertedBackground_a83ee4b9b0 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_888a4b7694.colorOnInvertedBackgroundActive_91daa1516d,\n.kindSecondary_888a4b7694.colorOnInvertedBackground_a83ee4b9b0:hover,\n.kindSecondary_888a4b7694.colorOnInvertedBackground_a83ee4b9b0:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_888a4b7694.colorOnInvertedBackground_a83ee4b9b0.disabled_5462544050 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_888a4b7694.colorFixedLight_6face580b5.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_888a4b7694.colorFixedDark_9d9ed1fd63.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_888a4b7694.disabled_5462544050 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_888a4b7694.disabled_5462544050:hover {\n  background-color: transparent;\n}\n.kindTertiary_815f9f48c9 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_815f9f48c9.colorPrimaryActive_f3ecd2c144 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_815f9f48c9.colorPrimaryActive_f3ecd2c144:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_815f9f48c9.colorBrandActive_770cfefd86 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_815f9f48c9.colorBrandActive_770cfefd86,\n.kindTertiary_815f9f48c9.colorBrandActive_770cfefd86:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_815f9f48c9.colorPrimary_42abda22de:hover:not(.colorPrimaryActive_f3ecd2c144),\n.kindTertiary_815f9f48c9.colorPrimary_42abda22de:focus:not(.colorPrimaryActive_f3ecd2c144) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_815f9f48c9.colorBrand_685f5f821d:hover:not(.colorBrandActive_770cfefd86),\n.kindTertiary_815f9f48c9.colorBrand_685f5f821d:focus:not(.colorBrandActive_770cfefd86) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_815f9f48c9.colorPositive_bcee42de07 {\n  color: var(--positive-color);\n}\n.kindTertiary_815f9f48c9.colorPositiveActive_700c9e363c,\n.kindTertiary_815f9f48c9.colorPositive_bcee42de07:hover,\n.kindTertiary_815f9f48c9.colorPositive_bcee42de07:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_815f9f48c9.colorNegative_5cd15ae6f7 {\n  color: var(--negative-color);\n}\n.kindTertiary_815f9f48c9.colorNegativeActive_700c9e363c,\n.kindTertiary_815f9f48c9.colorNegative_5cd15ae6f7:hover,\n.kindTertiary_815f9f48c9.colorNegative_5cd15ae6f7:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_815f9f48c9.colorInverted_c83c10179b {\n  color: var(--primary-text-color);\n}\n.kindTertiary_815f9f48c9.colorInvertedActive_700c9e363c,\n.kindTertiary_815f9f48c9.colorInverted_c83c10179b:hover,\n.kindTertiary_815f9f48c9.colorInverted_c83c10179b:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_815f9f48c9.colorInverted_c83c10179b.disabled_5462544050 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_815f9f48c9.colorOnPrimaryColorActive_68fdb6b899,\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:hover,\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_815f9f48c9.colorOnPrimaryColorActive_68fdb6b899:focus-visible, .kindTertiary_815f9f48c9.colorOnPrimaryColorActive_68fdb6b899.focus-visible_eb6b496cf8,\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:hover:focus-visible,\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:hover.focus-visible_eb6b496cf8,\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:focus:focus-visible,\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_815f9f48c9.colorOnPrimaryColorActive_68fdb6b899:focus:not(.focus-visible_eb6b496cf8),\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindTertiary_815f9f48c9.colorOnPrimaryColor_f8adc1b52e.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_815f9f48c9.colorFixedLightActive_ce51ffcdb0,\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:hover,\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_815f9f48c9.colorFixedLightActive_ce51ffcdb0:focus-visible, .kindTertiary_815f9f48c9.colorFixedLightActive_ce51ffcdb0.focus-visible_eb6b496cf8,\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:hover:focus-visible,\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:hover.focus-visible_eb6b496cf8,\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:focus:focus-visible,\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_815f9f48c9.colorFixedLightActive_ce51ffcdb0:focus:not(.focus-visible_eb6b496cf8),\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindTertiary_815f9f48c9.colorFixedLight_6face580b5.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_815f9f48c9.colorFixedDarkActive_aa66a8cb5d,\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:hover,\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_815f9f48c9.colorFixedDarkActive_aa66a8cb5d:focus-visible, .kindTertiary_815f9f48c9.colorFixedDarkActive_aa66a8cb5d.focus-visible_eb6b496cf8,\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:hover:focus-visible,\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:hover.focus-visible_eb6b496cf8,\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:focus:focus-visible,\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:focus.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_815f9f48c9.colorFixedDarkActive_aa66a8cb5d:focus:not(.focus-visible_eb6b496cf8),\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:hover:focus:not(.focus-visible_eb6b496cf8),\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63:focus:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}\n.kindTertiary_815f9f48c9.colorFixedDark_9d9ed1fd63.disabled_5462544050 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_815f9f48c9.colorOnInvertedBackground_a83ee4b9b0 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_815f9f48c9.colorOnInvertedBackgroundActive_91daa1516d,\n.kindTertiary_815f9f48c9.colorOnInvertedBackground_a83ee4b9b0:hover,\n.kindTertiary_815f9f48c9.colorOnInvertedBackground_a83ee4b9b0:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_815f9f48c9.colorOnInvertedBackground_a83ee4b9b0.disabled_5462544050 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_815f9f48c9.disabled_5462544050 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_815f9f48c9.disabled_5462544050:hover {\n  background-color: transparent;\n}\n.noSidePadding_08d6583214 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_a78c501a6d.insetFocusStyle_df2a372550:focus-visible, .button_a78c501a6d.insetFocusStyle_df2a372550.focus-visible_eb6b496cf8 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_a78c501a6d.insetFocusStyle_df2a372550:focus:not(.focus-visible_eb6b496cf8) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as i,useRef as r,useState as s,useCallback as a,useMemo as l,useEffect as n}from"react";import{camelCase as u}from"lodash-es";import d from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Button/Button.js";import c from"../../hooks/usePrevious/index.js";import f from"../../hooks/useMergeRef.js";import{ButtonWrapper as v}from"./ButtonWrapper.js";import{withStaticProps as b}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as y}from"../../tests/testIds.js";import{ComponentDefaultTestId as h}from"../../tests/constants.js";import j from"./ButtonGroup.module.scss.js";var k=b(i((function(i,m){var b=i.className,k=i.options,B=i.name,C=void 0===B?"":B,g=i.disabled,x=void 0!==g&&g,N=i.value,P=void 0===N?"":N,T=i.onSelect,M=i.size,S=void 0===M?"small":M,D=i.kind,z=void 0===D?"secondary":D,E=i.groupAriaLabel,H=void 0===E?"":E,I=i.tooltipPosition,O=i.tooltipHideDelay,U=i.tooltipShowDelay,w=i.tooltipContainerSelector,A=i.tooltipMoveBy,G=i.blurOnMouseUp,L=void 0===G||G,W=i.id,_=i["data-testid"],F=i.fullWidth,R=void 0!==F&&F,q=r(),J=f(m,q),K=s(P),Q=t(K,2),V=Q[0],X=Q[1],Y=c(P),Z=a((function(t){x||t.disabled||(X(t.value),T&&T(t.value,C))}),[T,x,C]),$=l((function(){return k.find((function(t){return t.value===V}))}),[k,V]),tt=l((function(){return k.map((function(t,i){var r=t.value===V;return e.createElement(v,{key:t.value,size:S,onClick:function(){return Z(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:I,tooltipHideDelay:O,tooltipShowDelay:U,tooltipContainerSelector:w,tooltipMoveBy:A,blurOnMouseUp:L,className:d(j.button,j.optionText,o(o(o(o({},j.selected,r),j.disabled,x),j.buttonDisabled,t.disabled),j.fullWidth,R)),activeButtonClassName:j.activeButton},t.text)}))}),[k,V,S,I,O,U,w,A,L,x,R,Z]);return n((function(){P!==Y&&P!==V&&X(P)}),[P,Y,V,X]),e.createElement("div",{className:d(j.buttonGroup,b,p(j,u("kind-"+z)),o({},j.disabled,x)),id:W,"data-testid":_||y(h.BUTTON_GROUP,W),ref:J},e.createElement("div",{role:"group","aria-label":H,className:d(j.buttonsContainer),"aria-disabled":x},tt),$&&$.subText&&e.createElement("div",{className:d(j.subTextContainer)},$.subText))})),{sizes:m.sizes,kinds:m.kinds});export{k as default};
+import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useCallback as a,useMemo as l,useEffect as n}from"react";import{camelCase as u}from"lodash-es";import d from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Button/Button.js";import c from"../../hooks/usePrevious/index.js";import f from"../../hooks/useMergeRef.js";import{ButtonWrapper as v}from"./ButtonWrapper.js";import{withStaticProps as b}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as y}from"../../tests/testIds.js";import{ComponentDefaultTestId as h,ComponentVibeId as j}from"../../tests/constants.js";import B from"./ButtonGroup.module.scss.js";var k=b(i((function(i,m){var b=i.className,k=i.options,C=i.name,T=void 0===C?"":C,N=i.disabled,P=void 0!==N&&N,g=i.value,x=void 0===g?"":g,M=i.onSelect,O=i.size,S=void 0===O?"small":O,U=i.kind,D=void 0===U?"secondary":U,z=i.groupAriaLabel,E=void 0===z?"":z,G=i.tooltipPosition,H=i.tooltipHideDelay,I=i.tooltipShowDelay,_=i.tooltipContainerSelector,w=i.tooltipMoveBy,A=i.blurOnMouseUp,L=void 0===A||A,R=i.id,W=i["data-testid"],F=i.fullWidth,q=void 0!==F&&F,J=r(),K=f(m,J),Q=s(x),V=t(Q,2),X=V[0],Y=V[1],Z=c(x),$=a((function(t){P||t.disabled||(Y(t.value),M&&M(t.value,T))}),[M,P,T]),tt=l((function(){return k.find((function(t){return t.value===X}))}),[k,X]),et=l((function(){return k.map((function(t,i){var r=t.value===X;return o.createElement(v,{key:t.value,size:S,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:G,tooltipHideDelay:H,tooltipShowDelay:I,tooltipContainerSelector:_,tooltipMoveBy:w,blurOnMouseUp:L,className:d(B.button,B.optionText,e(e(e(e({},B.selected,r),B.disabled,P),B.buttonDisabled,t.disabled),B.fullWidth,q)),activeButtonClassName:B.activeButton},t.text)}))}),[k,X,S,G,H,I,_,w,L,P,q,$]);return n((function(){x!==Z&&x!==X&&Y(x)}),[x,Z,X,Y]),o.createElement("div",{className:d(B.buttonGroup,b,p(B,u("kind-"+D)),e({},B.disabled,P)),id:R,"data-testid":W||y(h.BUTTON_GROUP,R),"data-vibe":j.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":E,className:d(B.buttonsContainer),"aria-disabled":P},et),tt&&tt.subText&&o.createElement("div",{className:d(B.subTextContainer)},tt.subText))})),{sizes:m.sizes,kinds:m.kinds});export{k as default};
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/src/components/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button/Button.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n options: Array<ButtonGroupOption>;\n value?: ButtonValue;\n onSelect?: (value: ButtonValue, name: string) => void;\n size?: ButtonSize;\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n name?: string;\n disabled?: boolean;\n groupAriaLabel?: string;\n /*\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n */\n tooltipPosition?: TooltipPositions;\n tooltipHideDelay?: number;\n tooltipShowDelay?: number;\n tooltipContainerSelector?: string;\n tooltipMoveBy?: MoveBy;\n children?: React.ReactNode;\n fullWidth?: boolean;\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup: VibeComponent<ButtonGroupProps, HTMLDivElement> & {\n sizes?: typeof SIZES;\n kinds?: typeof ButtonTypeEnum;\n} = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const selectedOption = useMemo(() => {\n return options.find(option => option.value === valueState);\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = option.value === valueState;\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n ref={mergedRef}\n >\n <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default withStaticProps(ButtonGroup, { sizes: Button.sizes, kinds: Button.kinds });\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","selectedOption","useMemo","find","Buttons","map","index","isSelected","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","length","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"~~+wBAoDA~~,~~IAgIeA~~,EAAAA,~~EA7HXC~~,GACF,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAOH,EAAPG,QAAOC,EAAAJ,EACPK,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAR,EAChBS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACdc,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAf,EAClBgB,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EACnBE,EAAejB,EAAfiB,gBACAC,EAAgBlB,EAAhBkB,iBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAwBpB,EAAxBoB,yBACAC,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAExB,EAAFwB,GACeC,EAAUzB,EAAzB,eAAa0B,EAAA1B,EACb2B,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAEnCI,EAAoCC,EAASxB,GAAMyB,EAAAC,EAAAH,EAAA,GAA5CI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYC,EAAY9B,GAExB+B,EAAUC,GACd,SAACC,GACoBnC,GAAYmC,EAAOnC,WAEpC8B,EAAcK,EAAOjC,OACjBC,GACFA,EAASgC,EAAOjC,MAAOJ,GAG5B,GACD,CAACK,EAAUH,EAAUF,IAGjBsC,~~EAAiBC~~,GAAQ,WAC7B,OAAOzC,EAAQ0C,MAAK,SAAAH,GAAM,OAAIA,EAAOjC,QAAU2B,IACjD,GAAG,CAACjC,EAASiC,IAEPU,GAAUF,GAAQ,WACtB,OAAOzC,EAAQ4C,KAAI,SAACL,EAAQM,GAC1B,IAAMC,EAAaP,EAAOjC,QAAU2B,EACpC,OACEc,EAACC,cAAAC,EACC,CAAAC,IAAKX,EAAOjC,MACZG,KAAMA,EACN4B,QAAS,WAAA,OAAMA,EAAQE,EAAO,EAC9BY,UAAWZ,EAAOa,KAClBC,SAAUd,EAAOc,SACjBC,OAAQR,EACRS,UAAWV,IAAU7C,EAAQwD,OAAS,EACtCC,SAAoB,IAAVZ,EACVlC,KAAK,WACL+C,yBACAC,UAAWpB,EAAOoB,UAClBC,eAAgBrB,EAAOqB,eACvB9C,gBAAiBA,EACjBC,iBAAkBA,EAClBC,iBAAkBA,EAClBC,yBAA0BA,EAC1BC,cAAeA,EACfE,cAAeA,EACfrB,UAAW8D,EAAGC,EAAOC,OAAQD,EAAOE,WAAUC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CH,EAAOI,SAAWpB,GAClBgB,EAAO1D,SAAWA,GAClB0D,EAAOK,eAAiB5B,EAAOnC,UAC/B0D,EAAOtC,UAAYA,IAEtB4C,sBAAuBN,EAAOO,cAE7B9B,EAAO+B,KAGd,GACD,GAAE,CACDtE,EACAiC,EACAxB,EACAK,EACAC,EACAC,EACAC,EACAC,EACAE,EACAhB,EACAoB,EACAa,IAWF,OAPAkC,GAAU,WAEJjE,IAAU6B,GAAa7B,IAAU2B,GACnCC,EAAc5B,EAEjB,GAAE,CAACA,EAAO6B,EAAWF,EAAYC,IAGhCa,uBACEhD,UAAW8D,EAAGC,EAAOU,YAAazE,EAAW0E,EAASX,EAAQY,EAAU,QAAU/D,IAAMsD,EACrFH,CAAAA,EAAAA,EAAO1D,SAAWA,IAErBiB,GAAIA,~~EACS~~,~~cAAAC,~~GAAcqD,EAAUC,EAAuBC,aAAcxD,~~GAC1EvB~~,IAAK6B,GAELoB,EAAAC,cAAA,MAAA,~~CAAK8B~~,KAAK,~~qBAAoBjE~~,EAAgBd,UAAW8D,EAAGC,~~EAAOiB~~,~~kCAAkC3E~~,GAClGuC,IAEFH,~~GAAkBA~~,~~EAAewC~~,~~SAChCjC~~,EAAAC,cAAA,MAAA,CAAKjD,UAAW8D,EAAGC,~~EAAOmB~~,~~mBAAoBzC~~,~~EAAewC~~,SAIrE,IAG0C,CAAEE,MAAOC,EAAOD,MAAOE,MAAOD,EAAOC"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button/Button.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n options: Array<ButtonGroupOption>;\n value?: ButtonValue;\n onSelect?: (value: ButtonValue, name: string) => void;\n size?: ButtonSize;\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n name?: string;\n disabled?: boolean;\n groupAriaLabel?: string;\n /*\n Where the tooltip should be in reference to the children: Top, Left, Right, Bottom ...\n */\n tooltipPosition?: TooltipPositions;\n tooltipHideDelay?: number;\n tooltipShowDelay?: number;\n tooltipContainerSelector?: string;\n tooltipMoveBy?: MoveBy;\n children?: React.ReactNode;\n fullWidth?: boolean;\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup: VibeComponent<ButtonGroupProps, HTMLDivElement> & {\n sizes?: typeof SIZES;\n kinds?: typeof ButtonTypeEnum;\n} = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const selectedOption = useMemo(() => {\n return options.find(option => option.value === valueState);\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = option.value === valueState;\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default withStaticProps(ButtonGroup, { sizes: Button.sizes, kinds: Button.kinds });\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","selectedOption","useMemo","find","Buttons","map","index","isSelected","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","length","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"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"}

package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_22147fa31e",subTextContainer:"subTextContainer_c9ebef4c60",buttonsContainer:"buttonsContainer_e24d4fd8f5",button:"button_189b5045ba",activeButton:"activeButton_3055fcadd1",optionText:"optionText_7c042c9f6a",disabled:"disabled_2d2b2290ad",selected:"selected_3d06dd9a7e",kindTertiary:"kindTertiary_8e21dd0ab5",wrapper:"wrapper_5d10fefe62",buttonDisabled:"buttonDisabled_fddaaa90af",fullWidth:"fullWidth_51f8609ce8"};!function(n){const o="s_id-51d51089eef9_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_22147fa31e {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_c9ebef4c60 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_e24d4fd8f5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_e24d4fd8f5 .button_189b5045ba {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_e24d4fd8f5 .button_189b5045ba.activeButton_3055fcadd1 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_e24d4fd8f5 .button_189b5045ba.activeButton_3055fcadd1:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_7c042c9f6a:not(.disabled_2d2b2290ad) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7c042c9f6a:not(.disabled_2d2b2290ad).selected_3d06dd9a7e {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_8e21dd0ab5 .button_189b5045ba {\n  border-color: transparent;\n}\n\n.kindTertiary_8e21dd0ab5 .button_189b5045ba:first-child {\n  border-color: transparent;\n}\n\n.wrapper_5d10fefe62.disabled_2d2b2290ad {\n  cursor: not-allowed;\n}\n\n.button_189b5045ba.disabled_2d2b2290ad {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_189b5045ba.buttonDisabled_fddaaa90af {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_51f8609ce8 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_91e5fec39c",subTextContainer:"subTextContainer_ceae79c728",buttonsContainer:"buttonsContainer_a8741c63a6",button:"button_87d4cd239e",activeButton:"activeButton_f3ecd2c144",optionText:"optionText_bf50bebabf",disabled:"disabled_84a88df534",selected:"selected_f94111093d",kindTertiary:"kindTertiary_dbd12cc159",wrapper:"wrapper_28d90719cc",buttonDisabled:"buttonDisabled_060389d0b0",fullWidth:"fullWidth_dabae71445"};!function(n){const o="s_id-51d51089eef9_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_91e5fec39c {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_ceae79c728 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_a8741c63a6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_a8741c63a6 .button_87d4cd239e {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_a8741c63a6 .button_87d4cd239e.activeButton_f3ecd2c144 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_a8741c63a6 .button_87d4cd239e.activeButton_f3ecd2c144:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_bf50bebabf:not(.disabled_84a88df534) {\n  color: var(--primary-text-color);\n}\n\n.optionText_bf50bebabf:not(.disabled_84a88df534).selected_f94111093d {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_dbd12cc159 .button_87d4cd239e {\n  border-color: transparent;\n}\n\n.kindTertiary_dbd12cc159 .button_87d4cd239e:first-child {\n  border-color: transparent;\n}\n\n.wrapper_28d90719cc.disabled_84a88df534 {\n  cursor: not-allowed;\n}\n\n.button_87d4cd239e.disabled_84a88df534 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_87d4cd239e.buttonDisabled_060389d0b0 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_dabae71445 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map