npm - @vibe/core - Versions diffs - 3.0.0-alpha.8 → 3.0.0-beta.0 - Mend

@vibe/core 3.0.0-alpha.8 → 3.0.0-beta.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 (503) hide show

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

@@ -1,2 +1,2 @@
-var a={badgeWrapper:"badgeWrapper_af220dddb7",badge:"badge_54f292fd5a",outside:"outside_fd9c777b26",topEnd:"topEnd_f42a930d7e",rectangular:"rectangular_da12bbbf03",circular:"circular_03e2034e5f",topStart:"topStart_bce0423fd5",bottomEnd:"bottomEnd_2dc006ca7a",bottomStart:"bottomStart_f0cb8fcbc9"};!function(a){const d="s_id-b5dca6298ea9_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const e=document.createElement("style");e.id=d,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=a)}(".badgeWrapper_af220dddb7 {\n  position: relative;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a:not(.outside_fd9c777b26) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.topEnd_f42a930d7e.rectangular_da12bbbf03 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.topEnd_f42a930d7e.outside_fd9c777b26 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.topEnd_f42a930d7e.circular_03e2034e5f {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.topStart_bce0423fd5.rectangular_da12bbbf03 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.topStart_bce0423fd5.outside_fd9c777b26 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.topStart_bce0423fd5.circular_03e2034e5f {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.bottomEnd_2dc006ca7a.rectangular_da12bbbf03 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.bottomEnd_2dc006ca7a.outside_fd9c777b26 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.bottomEnd_2dc006ca7a.circular_03e2034e5f {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.bottomStart_f0cb8fcbc9.rectangular_da12bbbf03 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.bottomStart_f0cb8fcbc9.outside_fd9c777b26 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_af220dddb7 .badge_54f292fd5a.bottomStart_f0cb8fcbc9.circular_03e2034e5f {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
+var e={badgeWrapper:"badgeWrapper_4fb1ff7086",badge:"badge_0129ffbe0d",outside:"outside_effc07056e",topEnd:"topEnd_0e6ab875ab",rectangular:"rectangular_112821beec",circular:"circular_3c766b0451",topStart:"topStart_34a7afd4ed",bottomEnd:"bottomEnd_3a428cb340",bottomStart:"bottomStart_5536cae019"};!function(e){const t="s_id-b5dca6298ea9_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_4fb1ff7086 {\n  position: relative;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d:not(.outside_effc07056e) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topEnd_0e6ab875ab.rectangular_112821beec {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topEnd_0e6ab875ab.outside_effc07056e {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topEnd_0e6ab875ab.circular_3c766b0451 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topStart_34a7afd4ed.rectangular_112821beec {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topStart_34a7afd4ed.outside_effc07056e {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.topStart_34a7afd4ed.circular_3c766b0451 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomEnd_3a428cb340.rectangular_112821beec {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomEnd_3a428cb340.outside_effc07056e {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomEnd_3a428cb340.circular_3c766b0451 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomStart_5536cae019.rectangular_112821beec {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomStart_5536cae019.outside_effc07056e {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_4fb1ff7086 .badge_0129ffbe0d.bottomStart_5536cae019.circular_3c766b0451 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e 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_840c6e1335",primary:"primary_071a089af2",notification:"notification_ece82d033c"};!function(e){const i="s_id-d6448d74722f_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_840c6e1335 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_840c6e1335.primary_071a089af2 {\n  background-color: var(--primary-color);\n}\n.indicator_840c6e1335.notification_ece82d033c {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_dede31f005",primary:"primary_aff14c6a74",notification:"notification_e45bc9cade"};!function(e){const i="s_id-d6448d74722f_3_0_0-alpha_17";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_dede31f005 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_dede31f005.primary_aff14c6a74 {\n  background-color: var(--primary-color);\n}\n.indicator_dede31f005.notification_e45bc9cade {\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_dc34615956",small:"small_013c4ce87d",medium:"medium_453d95056f",large:"large_06eab24400",rightThinnerPadding:"rightThinnerPadding_f60ac48416",input:"input_6acd0f6ca7",success:"success_fb4c721112",readOnly:"readOnly_b5fadb1da9",disabled:"disabled_e72cc12a3f",error:"error_939881287c"};!function(r){const n="s_id-1f2ba40749da_3_0_0-alpha_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_dc34615956 {\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_dc34615956.small_013c4ce87d {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_dc34615956.medium_453d95056f {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_dc34615956.large_06eab24400 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_dc34615956.rightThinnerPadding_f60ac48416 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_dc34615956:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_dc34615956:has(.input_6acd0f6ca7:active, .input_6acd0f6ca7:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_dc34615956:has(.input_6acd0f6ca7:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_dc34615956:has(.input_6acd0f6ca7:read-only) .input_6acd0f6ca7 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_dc34615956:has(.input_6acd0f6ca7: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_dc34615956:has(.input_6acd0f6ca7:disabled) .input_6acd0f6ca7 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_dc34615956.success_fb4c721112 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dc34615956.success_fb4c721112:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dc34615956.success_fb4c721112:has(.input_6acd0f6ca7:active, .input_6acd0f6ca7:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dc34615956:has(.input_6acd0f6ca7[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dc34615956:has(.input_6acd0f6ca7[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dc34615956:has(.input_6acd0f6ca7[aria-invalid=true]):has(.input_6acd0f6ca7:active, .input_6acd0f6ca7:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_dc34615956:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_dc34615956.readOnly_b5fadb1da9 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_dc34615956.readOnly_b5fadb1da9 .input_6acd0f6ca7 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_dc34615956.disabled_e72cc12a3f {\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_dc34615956.disabled_e72cc12a3f .input_6acd0f6ca7 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_dc34615956.success_fb4c721112 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dc34615956.success_fb4c721112:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dc34615956.success_fb4c721112:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_dc34615956.error_939881287c {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dc34615956.error_939881287c:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_dc34615956.error_939881287c:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_dc34615956 .input_6acd0f6ca7 {\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_dc34615956 .input_6acd0f6ca7::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_dc34615956 .input_6acd0f6ca7:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_3540849003",small:"small_b9d800bdbf",medium:"medium_31b6f63d6b",large:"large_6d8bc42ba3",rightThinnerPadding:"rightThinnerPadding_ea1a329348",input:"input_53150aa792",success:"success_4b58b7ae9c",readOnly:"readOnly_df4499e4a5",disabled:"disabled_25458a38a0",error:"error_14ddac1bf9"};!function(r){const n="s_id-1f2ba40749da_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_3540849003 {\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_3540849003.small_b9d800bdbf {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_3540849003.medium_31b6f63d6b {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_3540849003.large_6d8bc42ba3 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_3540849003.rightThinnerPadding_ea1a329348 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_3540849003:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_3540849003:has(.input_53150aa792:active, .input_53150aa792:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3540849003:has(.input_53150aa792:read-only) .input_53150aa792 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792: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_3540849003:has(.input_53150aa792:disabled) .input_53150aa792 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:has(.input_53150aa792:active, .input_53150aa792:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003:has(.input_53150aa792[aria-invalid=true]):has(.input_53150aa792:active, .input_53150aa792:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_3540849003:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_3540849003.readOnly_df4499e4a5 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_3540849003.readOnly_df4499e4a5 .input_53150aa792 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_3540849003.disabled_25458a38a0 {\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_3540849003.disabled_25458a38a0 .input_53150aa792 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.success_4b58b7ae9c:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_3540849003.error_14ddac1bf9 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003.error_14ddac1bf9:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_3540849003.error_14ddac1bf9:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_3540849003 .input_53150aa792 {\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_3540849003 .input_53150aa792::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_3540849003 .input_53150aa792:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r 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_79642071aa",scrollable:"scrollable_db7f7116d0",opacityDisabled:"opacityDisabled_7e950f367b",border:"border_471fdceb9c",borderColorUiBorderColor:"borderColorUiBorderColor_2de00dd227",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_1da5728327",rounded0:"rounded0_e345d1a8d0",roundedSmall:"roundedSmall_03892bd840",roundedMedium:"roundedMedium_c90c8349a1",roundedBig:"roundedBig_ae8d9ff22e",shadowXs:"shadowXs_594ead183e",shadowSmall:"shadowSmall_81f92c5d34",shadowMedium:"shadowMedium_8f284b39af",shadowLarge:"shadowLarge_c241c680a6",m0:"m0_ed7f1fb909",mXs:"mXs_9dfe467c0b",mSmall:"mSmall_43074b93d9",mMedium:"mMedium_d205bd4dd6",mLarge:"mLarge_c8f5697514",mXl:"mXl_8db15eab52",mXxl:"mXxl_13faff1a57",mXxxl:"mXxxl_e61a27e21c",mAuto:"mAuto_4c89eed36f",mx0:"mx0_b5b92b6133",mxXs:"mxXs_882124c023",mxSmall:"mxSmall_c3334859c5",mxMedium:"mxMedium_ae9620ca56",mxLarge:"mxLarge_f3e0c381ec",mxXl:"mxXl_d221911e17",mxXxl:"mxXxl_6cabca319b",mxXxxl:"mxXxxl_9e52167b08",mxAuto:"mxAuto_ef8d128d62",my0:"my0_b792fa4d31",myXs:"myXs_1ddb966f44",mySmall:"mySmall_60e0f14fe5",myMedium:"myMedium_02205f967b",myLarge:"myLarge_7e865f5cfc",myXl:"myXl_7101097d96",myXxl:"myXxl_718c94be63",myXxxl:"myXxxl_5a36f92c73",myAuto:"myAuto_ee1eaee09f",mt0:"mt0_43f4d0fc19",mtXs:"mtXs_96ce6f00e0",mtSmall:"mtSmall_c8ccb2b080",mtMedium:"mtMedium_18a3afd7a8",mtLarge:"mtLarge_f7da38f7aa",mtXl:"mtXl_53886c7fcf",mtXxl:"mtXxl_637b504aea",mtXxxl:"mtXxxl_98a10ee84d",mtAuto:"mtAuto_f5d15f57d5",me0:"me0_74e0cbcafc",meXs:"meXs_bb4c078dc4",meSmall:"meSmall_bbdc635b29",meMedium:"meMedium_ba3ca13f0b",meLarge:"meLarge_2d36c53c5d",meXl:"meXl_2826d45040",meXxl:"meXxl_801ab05eba",meXxxl:"meXxxl_a51b9fb883",meAuto:"meAuto_0ad2e872bd",mb0:"mb0_fecddd581c",mbXs:"mbXs_e20ca46a2e",mbSmall:"mbSmall_003b71cbc1",mbMedium:"mbMedium_980af80a54",mbLarge:"mbLarge_761a6dbd3b",mbXl:"mbXl_5f0e38e371",mbXxl:"mbXxl_2bef0d67e6",mbXxxl:"mbXxxl_a906ebde47",mbAuto:"mbAuto_b850dc6847",ms0:"ms0_ed4a58fdc1",msXs:"msXs_34efca2a61",msSmall:"msSmall_3ac6b886af",msMedium:"msMedium_024f2a07a5",msLarge:"msLarge_ca8821ab7f",msXl:"msXl_cdda0d6ce9",msXxl:"msXxl_e624be0495",msXxxl:"msXxxl_7ffdd22768",msAuto:"msAuto_7631d90814",p0:"p0_d21b525562",pXs:"pXs_995ad3ee09",pSmall:"pSmall_aeb89b2bcd",pMedium:"pMedium_c7108b939b",pLarge:"pLarge_fe8e3489a2",pXl:"pXl_60408f3949",pXxl:"pXxl_c5d51f517e",pXxxl:"pXxxl_12a5bde83d",px0:"px0_6eaa8c5eb5",pxXs:"pxXs_218476b799",pxSmall:"pxSmall_ee24940226",pxMedium:"pxMedium_8603d99851",pxLarge:"pxLarge_d2a11994b6",pxXl:"pxXl_47d7f7923b",pxXxl:"pxXxl_294d2682ae",pxXxxl:"pxXxxl_89bfa90452",py0:"py0_1fc06eccec",pyXs:"pyXs_d60fcd8114",pySmall:"pySmall_994b1a752b",pyMedium:"pyMedium_ef977bad7a",pyLarge:"pyLarge_10a5c17cdc",pyXl:"pyXl_ba9913069c",pyXxl:"pyXxl_aa5e167e53",pyXxxl:"pyXxxl_3a2957fae6",pt0:"pt0_069c4efd44",ptXs:"ptXs_8abecc7327",ptSmall:"ptSmall_f214d2a10b",ptMedium:"ptMedium_1ccbbccde3",ptLarge:"ptLarge_eb13911183",ptXl:"ptXl_f427d5dec2",ptXxl:"ptXxl_9d19d2ad11",ptXxxl:"ptXxxl_994ae4df66",pe0:"pe0_e4d540d3f2",peXs:"peXs_41f70386bb",peSmall:"peSmall_31a36dea7a",peMedium:"peMedium_9f478d1f77",peLarge:"peLarge_1b979b7f90",peXl:"peXl_75ba6ef44f",peXxl:"peXxl_fff0241129",peXxxl:"peXxxl_b0349df330",pb0:"pb0_22834386d4",pbXs:"pbXs_7d537caa6f",pbSmall:"pbSmall_f2e36609cc",pbMedium:"pbMedium_55874068e8",pbLarge:"pbLarge_88abed5104",pbXl:"pbXl_c0087fc72d",pbXxl:"pbXxl_134e82c92e",pbXxxl:"pbXxxl_319219f37a",ps0:"ps0_5d86d2fe1c",psXs:"psXs_bfa19f61a7",psSmall:"psSmall_e9baf64e74",psMedium:"psMedium_7f317de294",psLarge:"psLarge_89ca9be322",psXl:"psXl_b92ef6eee4",psXxl:"psXxl_35e8ceaa88",psXxxl:"psXxxl_ec604ad214",textPrimaryTextColor:"textPrimaryTextColor_5870419f63",textTextColorOnInverted:"textTextColorOnInverted_34163fe431",textSecondaryTextColor:"textSecondaryTextColor_08a35aeb6f",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_c2aabbd41d",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_6bb22a7967",bgGreyBackgroundColor:"bgGreyBackgroundColor_c32e01d0f6",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_af4f93a275",bgInvertedColorBackground:"bgInvertedColorBackground_ab91920ffe"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_7";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_79642071aa {\n  overflow: hidden;\n}\n.box_79642071aa.scrollable_db7f7116d0 {\n  overflow: auto;\n}\n.box_79642071aa.scrollable_db7f7116d0::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_79642071aa.scrollable_db7f7116d0::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_7e950f367b {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_471fdceb9c {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_2de00dd227 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_1da5728327 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_e345d1a8d0 {\n  border-radius: 0 !important;\n}\n.roundedSmall_03892bd840 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_c90c8349a1 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_ae8d9ff22e {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_594ead183e {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_81f92c5d34 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_8f284b39af {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_c241c680a6 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_ed7f1fb909 {\n  margin: 0 !important;\n}\n.mXs_9dfe467c0b {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_43074b93d9 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_d205bd4dd6 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_c8f5697514 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_8db15eab52 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_13faff1a57 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_e61a27e21c {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_4c89eed36f {\n  margin: auto !important;\n}\n.mx0_b5b92b6133 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_882124c023 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_c3334859c5 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_ae9620ca56 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_f3e0c381ec {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_d221911e17 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_6cabca319b {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_9e52167b08 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_ef8d128d62 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_b792fa4d31 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_1ddb966f44 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_60e0f14fe5 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_02205f967b {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_7e865f5cfc {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_7101097d96 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_718c94be63 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_5a36f92c73 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_ee1eaee09f {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_43f4d0fc19 {\n  margin-top: 0 !important;\n}\n.mtXs_96ce6f00e0 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_c8ccb2b080 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_18a3afd7a8 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_f7da38f7aa {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_53886c7fcf {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_637b504aea {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_98a10ee84d {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_f5d15f57d5 {\n  margin-top: auto !important;\n}\n.me0_74e0cbcafc {\n  margin-inline-end: 0 !important;\n}\n.meXs_bb4c078dc4 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_bbdc635b29 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_ba3ca13f0b {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_2d36c53c5d {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_2826d45040 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_801ab05eba {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_a51b9fb883 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_0ad2e872bd {\n  margin-inline-end: auto !important;\n}\n.mb0_fecddd581c {\n  margin-bottom: 0 !important;\n}\n.mbXs_e20ca46a2e {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_003b71cbc1 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_980af80a54 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_761a6dbd3b {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_5f0e38e371 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_2bef0d67e6 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_a906ebde47 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_b850dc6847 {\n  margin-bottom: auto !important;\n}\n.ms0_ed4a58fdc1 {\n  margin-inline-start: 0 !important;\n}\n.msXs_34efca2a61 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_3ac6b886af {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_024f2a07a5 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_ca8821ab7f {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_cdda0d6ce9 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_e624be0495 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_7ffdd22768 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_7631d90814 {\n  margin-inline-start: auto !important;\n}\n.p0_d21b525562 {\n  padding: 0 !important;\n}\n.pXs_995ad3ee09 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_aeb89b2bcd {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_c7108b939b {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_fe8e3489a2 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_60408f3949 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_c5d51f517e {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_12a5bde83d {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_6eaa8c5eb5 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_218476b799 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_ee24940226 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_8603d99851 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_d2a11994b6 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_47d7f7923b {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_294d2682ae {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_89bfa90452 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_1fc06eccec {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_d60fcd8114 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_994b1a752b {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_ef977bad7a {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_10a5c17cdc {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_ba9913069c {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_aa5e167e53 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_3a2957fae6 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_069c4efd44 {\n  padding-top: 0 !important;\n}\n.ptXs_8abecc7327 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_f214d2a10b {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_1ccbbccde3 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_eb13911183 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_f427d5dec2 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_9d19d2ad11 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_994ae4df66 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_e4d540d3f2 {\n  padding-inline-end: 0 !important;\n}\n.peXs_41f70386bb {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_31a36dea7a {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_9f478d1f77 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_1b979b7f90 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_75ba6ef44f {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_fff0241129 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b0349df330 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_22834386d4 {\n  padding-bottom: 0 !important;\n}\n.pbXs_7d537caa6f {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_f2e36609cc {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_55874068e8 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_88abed5104 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_c0087fc72d {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_134e82c92e {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_319219f37a {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_5d86d2fe1c {\n  padding-inline-start: 0 !important;\n}\n.psXs_bfa19f61a7 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_e9baf64e74 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_7f317de294 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_89ca9be322 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_b92ef6eee4 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_35e8ceaa88 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_ec604ad214 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_5870419f63 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_34163fe431 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_08a35aeb6f {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_c2aabbd41d {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_6bb22a7967 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_c32e01d0f6 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_af4f93a275 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_ab91920ffe {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_a420ccb769",scrollable:"scrollable_5881cdde2d",opacityDisabled:"opacityDisabled_87be06f8b1",border:"border_e8c2a341bf",borderColorUiBorderColor:"borderColorUiBorderColor_b1654a6405",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_e60127ab93",rounded0:"rounded0_2b8a3e274b",roundedSmall:"roundedSmall_e6eb04e114",roundedMedium:"roundedMedium_48b0cce6b1",roundedBig:"roundedBig_992d609c08",shadowXs:"shadowXs_e24fe8d239",shadowSmall:"shadowSmall_a9ac94cf80",shadowMedium:"shadowMedium_69143778eb",shadowLarge:"shadowLarge_cc46922f0e",m0:"m0_92efb34870",mXs:"mXs_d8672fbc99",mSmall:"mSmall_8cf7549ce1",mMedium:"mMedium_8b52ec2cab",mLarge:"mLarge_bd48d4d4c5",mXl:"mXl_9dc2832ae8",mXxl:"mXxl_e80874b1f1",mXxxl:"mXxxl_836b67f008",mAuto:"mAuto_bf54dfbc1d",mx0:"mx0_50371b4995",mxXs:"mxXs_83df14866e",mxSmall:"mxSmall_6613399bce",mxMedium:"mxMedium_766968f5ce",mxLarge:"mxLarge_9eac5f5b12",mxXl:"mxXl_010a97697f",mxXxl:"mxXxl_92b7a2c27a",mxXxxl:"mxXxxl_88a31ae127",mxAuto:"mxAuto_8816d38340",my0:"my0_fc6cf13bf2",myXs:"myXs_4a29c4e393",mySmall:"mySmall_7514026112",myMedium:"myMedium_97f3ec8eba",myLarge:"myLarge_0569ef1621",myXl:"myXl_4b57f80fc0",myXxl:"myXxl_b3e9e2d98d",myXxxl:"myXxxl_fb9a7067d3",myAuto:"myAuto_5ef101a1ee",mt0:"mt0_b0e82f766f",mtXs:"mtXs_32c65c79cd",mtSmall:"mtSmall_4eab34db69",mtMedium:"mtMedium_f30c553701",mtLarge:"mtLarge_cc3dc783c0",mtXl:"mtXl_dd51491076",mtXxl:"mtXxl_cdd0e55a84",mtXxxl:"mtXxxl_aedafc1cfa",mtAuto:"mtAuto_117ad3ded4",me0:"me0_d033234dd0",meXs:"meXs_95ce980516",meSmall:"meSmall_a9c3987971",meMedium:"meMedium_22f955bd25",meLarge:"meLarge_c28b931812",meXl:"meXl_65bc414521",meXxl:"meXxl_e2594d7b04",meXxxl:"meXxxl_50cbdc93c8",meAuto:"meAuto_82c1b64bee",mb0:"mb0_70e4537e79",mbXs:"mbXs_7a662b3e78",mbSmall:"mbSmall_8e5dd721a0",mbMedium:"mbMedium_cc8e4c2460",mbLarge:"mbLarge_c46d9b00f0",mbXl:"mbXl_0585664fc7",mbXxl:"mbXxl_dca52665de",mbXxxl:"mbXxxl_a2edae212d",mbAuto:"mbAuto_72258a01d4",ms0:"ms0_d2c0f7a287",msXs:"msXs_f71ff6ff66",msSmall:"msSmall_3efc0826b7",msMedium:"msMedium_83a1a14a07",msLarge:"msLarge_69ecf8ce5d",msXl:"msXl_846b993a04",msXxl:"msXxl_7677ae6713",msXxxl:"msXxxl_c5bc042981",msAuto:"msAuto_e3d29b044a",p0:"p0_9853cb4be1",pXs:"pXs_e4a993acfc",pSmall:"pSmall_3feb1a0f71",pMedium:"pMedium_c7a5377297",pLarge:"pLarge_5c656bfb8e",pXl:"pXl_29f1cb0478",pXxl:"pXxl_eefce788ba",pXxxl:"pXxxl_e8e16ee737",px0:"px0_248ed3f50c",pxXs:"pxXs_51dcb24606",pxSmall:"pxSmall_43cc3b5dd0",pxMedium:"pxMedium_51c254836c",pxLarge:"pxLarge_d41a3887e5",pxXl:"pxXl_04dd18579c",pxXxl:"pxXxl_523e4765f3",pxXxxl:"pxXxxl_c6a6160021",py0:"py0_2ee603fbf5",pyXs:"pyXs_0bfefeb7b1",pySmall:"pySmall_433320e9e4",pyMedium:"pyMedium_df557cd480",pyLarge:"pyLarge_f09bc1e8e8",pyXl:"pyXl_6548d396f2",pyXxl:"pyXxl_3d989a2fa2",pyXxxl:"pyXxxl_4b2e3dd55b",pt0:"pt0_e70d56cd6d",ptXs:"ptXs_74c8180ed9",ptSmall:"ptSmall_63a13e14d0",ptMedium:"ptMedium_93bf13d93f",ptLarge:"ptLarge_16dde0635e",ptXl:"ptXl_1bc20b06c7",ptXxl:"ptXxl_8003e703e0",ptXxxl:"ptXxxl_95d5ec81ca",pe0:"pe0_b3bede9015",peXs:"peXs_118d5672ea",peSmall:"peSmall_69328d7ac4",peMedium:"peMedium_786afc2148",peLarge:"peLarge_c2cb07cc5a",peXl:"peXl_d76407e8f2",peXxl:"peXxl_bc7064ebb0",peXxxl:"peXxxl_ad0d0866b2",pb0:"pb0_3e042b2020",pbXs:"pbXs_23658b5b00",pbSmall:"pbSmall_e50376f257",pbMedium:"pbMedium_4d9a0fcda1",pbLarge:"pbLarge_ad5d289674",pbXl:"pbXl_c222694401",pbXxl:"pbXxl_0a189499da",pbXxxl:"pbXxxl_79eff6c152",ps0:"ps0_9c5223640b",psXs:"psXs_5138813cc5",psSmall:"psSmall_269353b430",psMedium:"psMedium_7200cab794",psLarge:"psLarge_ac3e042ed4",psXl:"psXl_28dea39f1b",psXxl:"psXxl_87e45a1039",psXxxl:"psXxxl_8754e5d249",textPrimaryTextColor:"textPrimaryTextColor_6caf4fb43f",textTextColorOnInverted:"textTextColorOnInverted_6d9cba24a3",textSecondaryTextColor:"textSecondaryTextColor_e9f91f843b",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_23d9a04b1f",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_da513cd7c5",bgGreyBackgroundColor:"bgGreyBackgroundColor_41d898c9d6",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_3bcd5fa816",bgInvertedColorBackground:"bgInvertedColorBackground_f876d82cd7"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_17";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_a420ccb769 {\n  overflow: hidden;\n}\n.box_a420ccb769.scrollable_5881cdde2d {\n  overflow: auto;\n}\n.box_a420ccb769.scrollable_5881cdde2d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_a420ccb769.scrollable_5881cdde2d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_87be06f8b1 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_e8c2a341bf {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_b1654a6405 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_e60127ab93 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_2b8a3e274b {\n  border-radius: 0 !important;\n}\n.roundedSmall_e6eb04e114 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_48b0cce6b1 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_992d609c08 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_e24fe8d239 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_a9ac94cf80 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_69143778eb {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_cc46922f0e {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_92efb34870 {\n  margin: 0 !important;\n}\n.mXs_d8672fbc99 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_8cf7549ce1 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_8b52ec2cab {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_bd48d4d4c5 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_9dc2832ae8 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_e80874b1f1 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_836b67f008 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_bf54dfbc1d {\n  margin: auto !important;\n}\n.mx0_50371b4995 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_83df14866e {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_6613399bce {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_766968f5ce {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_9eac5f5b12 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_010a97697f {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_92b7a2c27a {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_88a31ae127 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_8816d38340 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_fc6cf13bf2 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_4a29c4e393 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_7514026112 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_97f3ec8eba {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_0569ef1621 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_4b57f80fc0 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_b3e9e2d98d {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_fb9a7067d3 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_5ef101a1ee {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_b0e82f766f {\n  margin-top: 0 !important;\n}\n.mtXs_32c65c79cd {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_4eab34db69 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_f30c553701 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_cc3dc783c0 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_dd51491076 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_cdd0e55a84 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_aedafc1cfa {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_117ad3ded4 {\n  margin-top: auto !important;\n}\n.me0_d033234dd0 {\n  margin-inline-end: 0 !important;\n}\n.meXs_95ce980516 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_a9c3987971 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_22f955bd25 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_c28b931812 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_65bc414521 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_e2594d7b04 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_50cbdc93c8 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_82c1b64bee {\n  margin-inline-end: auto !important;\n}\n.mb0_70e4537e79 {\n  margin-bottom: 0 !important;\n}\n.mbXs_7a662b3e78 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_8e5dd721a0 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_cc8e4c2460 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_c46d9b00f0 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_0585664fc7 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_dca52665de {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_a2edae212d {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_72258a01d4 {\n  margin-bottom: auto !important;\n}\n.ms0_d2c0f7a287 {\n  margin-inline-start: 0 !important;\n}\n.msXs_f71ff6ff66 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_3efc0826b7 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_83a1a14a07 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_69ecf8ce5d {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_846b993a04 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_7677ae6713 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_c5bc042981 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e3d29b044a {\n  margin-inline-start: auto !important;\n}\n.p0_9853cb4be1 {\n  padding: 0 !important;\n}\n.pXs_e4a993acfc {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_3feb1a0f71 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_c7a5377297 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_5c656bfb8e {\n  padding: var(--spacing-large) !important;\n}\n.pXl_29f1cb0478 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_eefce788ba {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_e8e16ee737 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_248ed3f50c {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_51dcb24606 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_43cc3b5dd0 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_51c254836c {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_d41a3887e5 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_04dd18579c {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_523e4765f3 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_c6a6160021 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_2ee603fbf5 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_0bfefeb7b1 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_433320e9e4 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_df557cd480 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_f09bc1e8e8 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_6548d396f2 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_3d989a2fa2 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_4b2e3dd55b {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_e70d56cd6d {\n  padding-top: 0 !important;\n}\n.ptXs_74c8180ed9 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_63a13e14d0 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_93bf13d93f {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_16dde0635e {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_1bc20b06c7 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_8003e703e0 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_95d5ec81ca {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_b3bede9015 {\n  padding-inline-end: 0 !important;\n}\n.peXs_118d5672ea {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_69328d7ac4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_786afc2148 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_c2cb07cc5a {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_d76407e8f2 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_bc7064ebb0 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_ad0d0866b2 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_3e042b2020 {\n  padding-bottom: 0 !important;\n}\n.pbXs_23658b5b00 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_e50376f257 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4d9a0fcda1 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_ad5d289674 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_c222694401 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_0a189499da {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_79eff6c152 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_9c5223640b {\n  padding-inline-start: 0 !important;\n}\n.psXs_5138813cc5 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_269353b430 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_7200cab794 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_ac3e042ed4 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_28dea39f1b {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_87e45a1039 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_8754e5d249 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_6caf4fb43f {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_6d9cba24a3 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_e9f91f843b {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_23d9a04b1f {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_da513cd7c5 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_41d898c9d6 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_3bcd5fa816 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_f876d82cd7 {\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 n={breadcrumbContent:"breadcrumbContent_046b96479d",withoutText:"withoutText_500d565a54",breadcrumbText:"breadcrumbText_cb8c2e4fc9",breadcrumbIcon:"breadcrumbIcon_caf58a2305",clickable:"clickable_ef4b3c932d",current:"current_592756865a",disabled:"disabled_f6401453a9",notClickable:"notClickable_b6870ff717"};!function(n){const e="s_id-55ff70da99a4_3_0_0-alpha_7";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".breadcrumbContent_046b96479d {\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_046b96479d.withoutText_500d565a54 {\n  padding: 4px;\n}\na.breadcrumbContent_046b96479d:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_046b96479d .breadcrumbText_cb8c2e4fc9 {\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_046b96479d .breadcrumbIcon_caf58a2305 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_046b96479d:focus {\n  outline: none;\n}\n.breadcrumbContent_046b96479d.clickable_ef4b3c932d {\n  cursor: pointer;\n}\n.breadcrumbContent_046b96479d.clickable_ef4b3c932d:hover,\n.breadcrumbContent_046b96479d:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_046b96479d.current_592756865a {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_046b96479d.disabled_f6401453a9 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_046b96479d.disabled_f6401453a9:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_046b96479d.notClickable_b6870ff717 {\n  pointer-events: none;\n}");export{n as default};
+var e={breadcrumbContent:"breadcrumbContent_f056fb22be",withoutText:"withoutText_90b88648c7",breadcrumbText:"breadcrumbText_a6f6171171",breadcrumbIcon:"breadcrumbIcon_2bf3d56af3",clickable:"clickable_76d1c9af1c",current:"current_de242fd023",disabled:"disabled_91a4df7342",notClickable:"notClickable_ddc6d5953a"};!function(e){const n="s_id-55ff70da99a4_3_0_0-alpha_17";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_f056fb22be {\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_f056fb22be.withoutText_90b88648c7 {\n  padding: 4px;\n}\na.breadcrumbContent_f056fb22be:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_f056fb22be .breadcrumbText_a6f6171171 {\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_f056fb22be .breadcrumbIcon_2bf3d56af3 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_f056fb22be:focus {\n  outline: none;\n}\n.breadcrumbContent_f056fb22be.clickable_76d1c9af1c {\n  cursor: pointer;\n}\n.breadcrumbContent_f056fb22be.clickable_76d1c9af1c:hover,\n.breadcrumbContent_f056fb22be:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_f056fb22be.current_de242fd023 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_f056fb22be.disabled_91a4df7342 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_f056fb22be.disabled_91a4df7342:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_f056fb22be.notClickable_ddc6d5953a {\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_11926e788d",disabled:"disabled_6c01c508a6"};!function(e){const d="s_id-03f482333e23_3_0_0-alpha_7";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_11926e788d {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_11926e788d.disabled_6c01c508a6 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_1c31a42e90",disabled:"disabled_4161b3f686"};!function(e){const t="s_id-03f482333e23_3_0_0-alpha_17";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_1c31a42e90 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_1c31a42e90.disabled_4161b3f686 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"classnames";import i from"react";import{getTestId as s,ComponentDefaultTestId as r}from"../../tests/testIds.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import o from"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{BreadcrumbsBarType as e}from"./BreadcrumbsConstants.js";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import c from"./BreadcrumbsBar.module.scss.js";var n=a((function(e){var a=e.children,n=e.type,m=void 0===n?"indication":n,d=e.id,p=e["data-testid"];return i.createElement("nav",{"aria-label":"Breadcrumb",className:t(c.breadcrumbsBar,e.className),id:d,"data-testid":p||s(r.BREADCRUMBS_BAR,d)},i.createElement("ol",null,a&&i.Children.map(a,(function(t,s){return i.isValidElement(t)?[s>0&&i.createElement(o,{className:c.separatorIcon,size:"14","aria-hidden":"true"}),i.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{isClickable:"indication"!==m}))]:null}))))}),{types:e});export{n as default};
+import t from"classnames";import e from"react";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as s}from"./BreadcrumbsConstants.js";import{withStaticProps as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import n from"../../../icons/dist/react/NavigationChevronRight.js";var m=i((function(s){var i=s.children,m=s.type,l=void 0===m?"indication":m,c=s.id,d=s["data-testid"];return e.createElement("nav",{"aria-label":"Breadcrumb",className:t(o.breadcrumbsBar,s.className),id:c,"data-testid":d||r(a.BREADCRUMBS_BAR,c)},e.createElement("ol",null,i&&e.Children.map(i,(function(t,r){return e.isValidElement(t)?[r>0&&e.createElement(n,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),e.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{isClickable:"indication"!==l}))]:null}))))}),{types:s});export{m as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /** The type of the bar is responsible for whether it will be navigational or for indication only */\n type: BreadcrumbsBarType;\n children: ReactElement<BreadcrumbItemProps> \| ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\nexport default withStaticProps(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"~~61CAgBA~~,IA8BeA,EAAAA,GA9B4E,SAAvEC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAGuC,CAC7CyB,MAAOC"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /** The type of the bar is responsible for whether it will be navigational or for indication only */\n type: BreadcrumbsBarType;\n children: ReactElement<BreadcrumbItemProps> \| ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\nexport default withStaticProps(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"uZAgBA,IA8BeA,EAAAA,GA9B4E,SAAvEC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAGuC,CAC7CyB,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_eafd01254a",separatorIcon:"separatorIcon_097cd91ed6"};!function(e){const a="s_id-24567fd55d40_3_0_0-alpha_7";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_eafd01254a ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_eafd01254a ol .separatorIcon_097cd91ed6 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_8b166353ab",separatorIcon:"separatorIcon_e7951eaaa1"};!function(e){const a="s_id-24567fd55d40_3_0_0-alpha_17";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_8b166353ab ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_8b166353ab ol .separatorIcon_e7951eaaa1 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={button:"button_6b2278d696","focus-visible":"focus-visible_306232b806",loader:"loader_31da31c73e",loaderSvg:"loaderSvg_7ba2b4b7bc",textPlaceholder:"textPlaceholder_e0730be173",success:"success_1699fbb019",successContent:"successContent_fb7de981c9",marginRight:"marginRight_a0bb43f523",marginLeft:"marginLeft_4a534f2e91",rightFlat:"rightFlat_1a8d9984eb",leftFlat:"leftFlat_b135016e61",preventClickAnimation:"preventClickAnimation_d7869d05b5",leftIcon:"leftIcon_a0bb43f523",rightIcon:"rightIcon_4a534f2e91",sizeXxs:"sizeXxs_437c4876bd",sizeXs:"sizeXs_e222dacb20",sizeSmall:"sizeSmall_407a88ead8",sizeMedium:"sizeMedium_9836acbf18",sizeLarge:"sizeLarge_8af88aad20",kindPrimary:"kindPrimary_32b04115d8",colorPrimary:"colorPrimary_27941628f9",colorBrand:"colorBrand_6993bcf6db",colorPrimaryActive:"colorPrimaryActive_84966c2644",colorBrandActive:"colorBrandActive_48bb4822a7",colorPositive:"colorPositive_23345a0f57",colorPositiveActive:"colorPositiveActive_228ba5ee94",colorNegative:"colorNegative_ea0c5c599e",colorNegativeActive:"colorNegativeActive_228ba5ee94",colorInverted:"colorInverted_5a391193be",colorInvertedActive:"colorInvertedActive_228ba5ee94",disabled:"disabled_426e2944d2",colorOnPrimaryColor:"colorOnPrimaryColor_ecc5ce0fa8",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_b10d2d9ea8",colorFixedLight:"colorFixedLight_715cf18fcc",colorFixedLightActive:"colorFixedLightActive_d7869d05b5",colorOnInvertedBackground:"colorOnInvertedBackground_fecbb7a619",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_3d08061b4d",kindSecondary:"kindSecondary_0cced4b542",kindTertiary:"kindTertiary_b87538f384",noSidePadding:"noSidePadding_c606cc4ecf",insetFocusStyle:"insetFocusStyle_9d5f7f155a"};!function(o){const r="s_id-cc4fb503a885_3_0_0-alpha_7";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_6b2278d696 {\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_6b2278d696:focus-visible, .button_6b2278d696.focus-visible_306232b806 {\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_6b2278d696:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.button_6b2278d696 .loader_31da31c73e {\n  height: 100%;\n}\n.button_6b2278d696 .loader_31da31c73e .loaderSvg_7ba2b4b7bc {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6b2278d696 .textPlaceholder_e0730be173 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6b2278d696.success_1699fbb019 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6b2278d696.success_1699fbb019 .successContent_fb7de981c9 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_a0bb43f523 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_4a534f2e91 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_1a8d9984eb {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_b135016e61 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_6b2278d696:active:not(.preventClickAnimation_d7869d05b5) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6b2278d696 .leftIcon_a0bb43f523 {\n  margin-right: var(--spacing-small);\n}\n.button_6b2278d696 .rightIcon_4a534f2e91 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_437c4876bd {\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_e222dacb20 {\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_407a88ead8 {\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_407a88ead8 .loader_31da31c73e {\n  top: 7px;\n}\n.sizeMedium_9836acbf18 {\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_8af88aad20 {\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_32b04115d8 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_32b04115d8.colorPrimary_27941628f9 {\n  background: var(--primary-color);\n}\n.kindPrimary_32b04115d8.colorBrand_6993bcf6db {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_32b04115d8.colorPrimaryActive_84966c2644,\n.kindPrimary_32b04115d8.colorPrimary_27941628f9:hover,\n.kindPrimary_32b04115d8.colorPrimary_27941628f9:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_32b04115d8.colorBrandActive_48bb4822a7,\n.kindPrimary_32b04115d8.colorBrand_6993bcf6db:hover,\n.kindPrimary_32b04115d8.colorBrand_6993bcf6db:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_32b04115d8.colorPositive_23345a0f57 {\n  background: var(--positive-color);\n}\n.kindPrimary_32b04115d8.colorPositiveActive_228ba5ee94,\n.kindPrimary_32b04115d8.colorPositive_23345a0f57:hover,\n.kindPrimary_32b04115d8.colorPositive_23345a0f57:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_32b04115d8.colorNegative_ea0c5c599e {\n  background: var(--negative-color);\n}\n.kindPrimary_32b04115d8.colorNegativeActive_228ba5ee94,\n.kindPrimary_32b04115d8.colorNegative_ea0c5c599e:hover,\n.kindPrimary_32b04115d8.colorNegative_ea0c5c599e:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_32b04115d8.colorInverted_5a391193be {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_32b04115d8.colorInvertedActive_228ba5ee94,\n.kindPrimary_32b04115d8.colorInverted_5a391193be:hover,\n.kindPrimary_32b04115d8.colorInverted_5a391193be:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_32b04115d8.button_6b2278d696.colorInverted_5a391193be.disabled_426e2944d2 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_32b04115d8.colorOnPrimaryColorActive_b10d2d9ea8,\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:hover,\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_32b04115d8.colorOnPrimaryColorActive_b10d2d9ea8:focus-visible, .kindPrimary_32b04115d8.colorOnPrimaryColorActive_b10d2d9ea8.focus-visible_306232b806,\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:hover:focus-visible,\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:hover.focus-visible_306232b806,\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:focus:focus-visible,\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:focus.focus-visible_306232b806 {\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_32b04115d8.colorOnPrimaryColorActive_b10d2d9ea8:focus:not(.focus-visible_306232b806),\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:hover:focus:not(.focus-visible_306232b806),\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8:focus:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.kindPrimary_32b04115d8.colorOnPrimaryColor_ecc5ce0fa8.disabled_426e2944d2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_32b04115d8.colorFixedLightActive_d7869d05b5,\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:hover,\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_32b04115d8.colorFixedLightActive_d7869d05b5:focus-visible, .kindPrimary_32b04115d8.colorFixedLightActive_d7869d05b5.focus-visible_306232b806,\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:hover:focus-visible,\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:hover.focus-visible_306232b806,\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:focus:focus-visible,\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:focus.focus-visible_306232b806 {\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_32b04115d8.colorFixedLightActive_d7869d05b5:focus:not(.focus-visible_306232b806),\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:hover:focus:not(.focus-visible_306232b806),\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc:focus:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.kindPrimary_32b04115d8.colorFixedLight_715cf18fcc.disabled_426e2944d2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_32b04115d8.colorOnInvertedBackground_fecbb7a619 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_32b04115d8.colorOnInvertedBackgroundActive_3d08061b4d,\n.kindPrimary_32b04115d8.colorOnInvertedBackground_fecbb7a619:hover,\n.kindPrimary_32b04115d8.colorOnInvertedBackground_fecbb7a619:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_32b04115d8.button_6b2278d696.colorOnInvertedBackground_fecbb7a619.disabled_426e2944d2 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_32b04115d8.button_6b2278d696.disabled_426e2944d2 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_0cced4b542 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_0cced4b542.sizeSmall_407a88ead8 {\n  line-height: 22px;\n}\n.kindSecondary_0cced4b542.sizeMedium_9836acbf18 {\n  line-height: 22px;\n}\n.kindSecondary_0cced4b542.sizeLarge_8af88aad20 {\n  line-height: 22px;\n}\n.kindSecondary_0cced4b542.colorPrimaryActive_84966c2644 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_0cced4b542.colorPrimaryActive_84966c2644:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_0cced4b542.colorBrandActive_48bb4822a7 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_0cced4b542.colorBrandActive_48bb4822a7,\n.kindSecondary_0cced4b542.colorBrandActive_48bb4822a7:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_0cced4b542.colorPrimary_27941628f9:hover:not(.colorPrimaryActive_84966c2644),\n.kindSecondary_0cced4b542.colorPrimary_27941628f9:focus:not(.colorPrimaryActive_84966c2644) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_0cced4b542.colorBrand_6993bcf6db:hover:not(.colorBrandActive_48bb4822a7),\n.kindSecondary_0cced4b542.colorBrand_6993bcf6db:focus:not(.colorBrandActive_48bb4822a7) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_0cced4b542.colorPositive_23345a0f57 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_0cced4b542.colorPositiveActive_228ba5ee94,\n.kindSecondary_0cced4b542.colorPositive_23345a0f57:hover,\n.kindSecondary_0cced4b542.colorPositive_23345a0f57:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_0cced4b542.colorNegative_ea0c5c599e {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_0cced4b542.colorNegativeActive_228ba5ee94,\n.kindSecondary_0cced4b542.colorNegative_ea0c5c599e:hover,\n.kindSecondary_0cced4b542.colorNegative_ea0c5c599e:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_0cced4b542.colorInverted_5a391193be {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_0cced4b542.colorInvertedActive_228ba5ee94,\n.kindSecondary_0cced4b542.colorInverted_5a391193be:hover,\n.kindSecondary_0cced4b542.colorInverted_5a391193be:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_0cced4b542.colorInverted_5a391193be.disabled_426e2944d2 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_0cced4b542.colorOnPrimaryColorActive_b10d2d9ea8,\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:hover,\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_0cced4b542.colorOnPrimaryColorActive_b10d2d9ea8:focus-visible, .kindSecondary_0cced4b542.colorOnPrimaryColorActive_b10d2d9ea8.focus-visible_306232b806,\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:hover:focus-visible,\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:hover.focus-visible_306232b806,\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:focus:focus-visible,\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:focus.focus-visible_306232b806 {\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_0cced4b542.colorOnPrimaryColorActive_b10d2d9ea8:focus:not(.focus-visible_306232b806),\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:hover:focus:not(.focus-visible_306232b806),\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8:focus:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.kindSecondary_0cced4b542.colorOnPrimaryColor_ecc5ce0fa8.disabled_426e2944d2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_0cced4b542.colorFixedLightActive_d7869d05b5,\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:hover,\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_0cced4b542.colorFixedLightActive_d7869d05b5:focus-visible, .kindSecondary_0cced4b542.colorFixedLightActive_d7869d05b5.focus-visible_306232b806,\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:hover:focus-visible,\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:hover.focus-visible_306232b806,\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:focus:focus-visible,\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:focus.focus-visible_306232b806 {\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_0cced4b542.colorFixedLightActive_d7869d05b5:focus:not(.focus-visible_306232b806),\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:hover:focus:not(.focus-visible_306232b806),\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc:focus:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.kindSecondary_0cced4b542.colorOnInvertedBackground_fecbb7a619 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_0cced4b542.colorOnInvertedBackgroundActive_3d08061b4d,\n.kindSecondary_0cced4b542.colorOnInvertedBackground_fecbb7a619:hover,\n.kindSecondary_0cced4b542.colorOnInvertedBackground_fecbb7a619:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_0cced4b542.colorOnInvertedBackground_fecbb7a619.disabled_426e2944d2 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_0cced4b542.colorFixedLight_715cf18fcc.disabled_426e2944d2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_0cced4b542.disabled_426e2944d2 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_0cced4b542.disabled_426e2944d2:hover {\n  background-color: transparent;\n}\n.kindTertiary_b87538f384 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_b87538f384.colorPrimaryActive_84966c2644 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_b87538f384.colorPrimaryActive_84966c2644:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_b87538f384.colorBrandActive_48bb4822a7 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b87538f384.colorBrandActive_48bb4822a7,\n.kindTertiary_b87538f384.colorBrandActive_48bb4822a7:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b87538f384.colorPrimary_27941628f9:hover:not(.colorPrimaryActive_84966c2644),\n.kindTertiary_b87538f384.colorPrimary_27941628f9:focus:not(.colorPrimaryActive_84966c2644) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b87538f384.colorBrand_6993bcf6db:hover:not(.colorBrandActive_48bb4822a7),\n.kindTertiary_b87538f384.colorBrand_6993bcf6db:focus:not(.colorBrandActive_48bb4822a7) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b87538f384.colorPositive_23345a0f57 {\n  color: var(--positive-color);\n}\n.kindTertiary_b87538f384.colorPositiveActive_228ba5ee94,\n.kindTertiary_b87538f384.colorPositive_23345a0f57:hover,\n.kindTertiary_b87538f384.colorPositive_23345a0f57:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b87538f384.colorNegative_ea0c5c599e {\n  color: var(--negative-color);\n}\n.kindTertiary_b87538f384.colorNegativeActive_228ba5ee94,\n.kindTertiary_b87538f384.colorNegative_ea0c5c599e:hover,\n.kindTertiary_b87538f384.colorNegative_ea0c5c599e:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b87538f384.colorInverted_5a391193be {\n  color: var(--primary-text-color);\n}\n.kindTertiary_b87538f384.colorInvertedActive_228ba5ee94,\n.kindTertiary_b87538f384.colorInverted_5a391193be:hover,\n.kindTertiary_b87538f384.colorInverted_5a391193be:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b87538f384.colorInverted_5a391193be.disabled_426e2944d2 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b87538f384.colorOnPrimaryColorActive_b10d2d9ea8,\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:hover,\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b87538f384.colorOnPrimaryColorActive_b10d2d9ea8:focus-visible, .kindTertiary_b87538f384.colorOnPrimaryColorActive_b10d2d9ea8.focus-visible_306232b806,\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:hover:focus-visible,\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:hover.focus-visible_306232b806,\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:focus:focus-visible,\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:focus.focus-visible_306232b806 {\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_b87538f384.colorOnPrimaryColorActive_b10d2d9ea8:focus:not(.focus-visible_306232b806),\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:hover:focus:not(.focus-visible_306232b806),\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8:focus:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.kindTertiary_b87538f384.colorOnPrimaryColor_ecc5ce0fa8.disabled_426e2944d2 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b87538f384.colorFixedLightActive_d7869d05b5,\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:hover,\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b87538f384.colorFixedLightActive_d7869d05b5:focus-visible, .kindTertiary_b87538f384.colorFixedLightActive_d7869d05b5.focus-visible_306232b806,\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:hover:focus-visible,\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:hover.focus-visible_306232b806,\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:focus:focus-visible,\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:focus.focus-visible_306232b806 {\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_b87538f384.colorFixedLightActive_d7869d05b5:focus:not(.focus-visible_306232b806),\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:hover:focus:not(.focus-visible_306232b806),\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc:focus:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.kindTertiary_b87538f384.colorFixedLight_715cf18fcc.disabled_426e2944d2 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b87538f384.colorOnInvertedBackground_fecbb7a619 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b87538f384.colorOnInvertedBackgroundActive_3d08061b4d,\n.kindTertiary_b87538f384.colorOnInvertedBackground_fecbb7a619:hover,\n.kindTertiary_b87538f384.colorOnInvertedBackground_fecbb7a619:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_b87538f384.colorOnInvertedBackground_fecbb7a619.disabled_426e2944d2 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b87538f384.disabled_426e2944d2 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b87538f384.disabled_426e2944d2:hover {\n  background-color: transparent;\n}\n.noSidePadding_c606cc4ecf {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6b2278d696.insetFocusStyle_9d5f7f155a:focus-visible, .button_6b2278d696.insetFocusStyle_9d5f7f155a.focus-visible_306232b806 {\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_6b2278d696.insetFocusStyle_9d5f7f155a:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_88964aa453","focus-visible":"focus-visible_773cf54552",loader:"loader_f0e2c7a150",loaderSvg:"loaderSvg_13ab607250",textPlaceholder:"textPlaceholder_cf1fe57058",success:"success_7145587066",successContent:"successContent_239fb4c903",marginRight:"marginRight_1b59a1dd24",marginLeft:"marginLeft_4edee43379",rightFlat:"rightFlat_95cb4a2981",leftFlat:"leftFlat_17149c0a5e",preventClickAnimation:"preventClickAnimation_de23bbd7a1",leftIcon:"leftIcon_1b59a1dd24",rightIcon:"rightIcon_4edee43379",sizeXxs:"sizeXxs_07accb4f41",sizeXs:"sizeXs_f9c8cdda26",sizeSmall:"sizeSmall_921495ff84",sizeMedium:"sizeMedium_1e2c728c55",sizeLarge:"sizeLarge_4a93629b5d",kindPrimary:"kindPrimary_419ce7fe82",colorPrimary:"colorPrimary_9b01efa007",colorBrand:"colorBrand_2c5d3b2408",colorPrimaryActive:"colorPrimaryActive_40413971e5",colorBrandActive:"colorBrandActive_4854f07d02",colorPositive:"colorPositive_07011196ac",colorPositiveActive:"colorPositiveActive_eb48268b55",colorNegative:"colorNegative_8435bb88bd",colorNegativeActive:"colorNegativeActive_eb48268b55",colorInverted:"colorInverted_add45e91a1",colorInvertedActive:"colorInvertedActive_eb48268b55",disabled:"disabled_d3fca6be72",colorOnPrimaryColor:"colorOnPrimaryColor_6ff9637550",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_db55d2ecd3",colorFixedLight:"colorFixedLight_8c63a39ed3",colorFixedLightActive:"colorFixedLightActive_de23bbd7a1",colorOnInvertedBackground:"colorOnInvertedBackground_e727a04c0f",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_cfe8c53d29",kindSecondary:"kindSecondary_628052ef24",kindTertiary:"kindTertiary_eb4a5afafb",noSidePadding:"noSidePadding_c76b1d8389",insetFocusStyle:"insetFocusStyle_43aabbf6cc"};!function(o){const r="s_id-cc4fb503a885_3_0_0-alpha_17";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_88964aa453 {\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_88964aa453:focus-visible, .button_88964aa453.focus-visible_773cf54552 {\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_88964aa453:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.button_88964aa453 .loader_f0e2c7a150 {\n  height: 100%;\n}\n.button_88964aa453 .loader_f0e2c7a150 .loaderSvg_13ab607250 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_88964aa453 .textPlaceholder_cf1fe57058 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_88964aa453.success_7145587066 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_88964aa453.success_7145587066 .successContent_239fb4c903 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_1b59a1dd24 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_4edee43379 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_95cb4a2981 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_17149c0a5e {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_88964aa453:active:not(.preventClickAnimation_de23bbd7a1) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_88964aa453 .leftIcon_1b59a1dd24 {\n  margin-right: var(--spacing-small);\n}\n.button_88964aa453 .rightIcon_4edee43379 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_07accb4f41 {\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_f9c8cdda26 {\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_921495ff84 {\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_921495ff84 .loader_f0e2c7a150 {\n  top: 7px;\n}\n.sizeMedium_1e2c728c55 {\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_4a93629b5d {\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_419ce7fe82 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_419ce7fe82.colorPrimary_9b01efa007 {\n  background: var(--primary-color);\n}\n.kindPrimary_419ce7fe82.colorBrand_2c5d3b2408 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_419ce7fe82.colorPrimaryActive_40413971e5,\n.kindPrimary_419ce7fe82.colorPrimary_9b01efa007:hover,\n.kindPrimary_419ce7fe82.colorPrimary_9b01efa007:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_419ce7fe82.colorBrandActive_4854f07d02,\n.kindPrimary_419ce7fe82.colorBrand_2c5d3b2408:hover,\n.kindPrimary_419ce7fe82.colorBrand_2c5d3b2408:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_419ce7fe82.colorPositive_07011196ac {\n  background: var(--positive-color);\n}\n.kindPrimary_419ce7fe82.colorPositiveActive_eb48268b55,\n.kindPrimary_419ce7fe82.colorPositive_07011196ac:hover,\n.kindPrimary_419ce7fe82.colorPositive_07011196ac:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_419ce7fe82.colorNegative_8435bb88bd {\n  background: var(--negative-color);\n}\n.kindPrimary_419ce7fe82.colorNegativeActive_eb48268b55,\n.kindPrimary_419ce7fe82.colorNegative_8435bb88bd:hover,\n.kindPrimary_419ce7fe82.colorNegative_8435bb88bd:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_419ce7fe82.colorInverted_add45e91a1 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_419ce7fe82.colorInvertedActive_eb48268b55,\n.kindPrimary_419ce7fe82.colorInverted_add45e91a1:hover,\n.kindPrimary_419ce7fe82.colorInverted_add45e91a1:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_419ce7fe82.button_88964aa453.colorInverted_add45e91a1.disabled_d3fca6be72 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3:focus-visible, .kindPrimary_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover:focus-visible,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus:focus-visible,\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus.focus-visible_773cf54552 {\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_419ce7fe82.colorOnPrimaryColorActive_db55d2ecd3:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:hover:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindPrimary_419ce7fe82.colorOnPrimaryColor_6ff9637550.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_419ce7fe82.colorFixedLightActive_de23bbd7a1,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_419ce7fe82.colorFixedLightActive_de23bbd7a1:focus-visible, .kindPrimary_419ce7fe82.colorFixedLightActive_de23bbd7a1.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover:focus-visible,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover.focus-visible_773cf54552,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus:focus-visible,\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus.focus-visible_773cf54552 {\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_419ce7fe82.colorFixedLightActive_de23bbd7a1:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:hover:focus:not(.focus-visible_773cf54552),\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindPrimary_419ce7fe82.colorFixedLight_8c63a39ed3.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_419ce7fe82.colorOnInvertedBackground_e727a04c0f {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_419ce7fe82.colorOnInvertedBackgroundActive_cfe8c53d29,\n.kindPrimary_419ce7fe82.colorOnInvertedBackground_e727a04c0f:hover,\n.kindPrimary_419ce7fe82.colorOnInvertedBackground_e727a04c0f:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_419ce7fe82.button_88964aa453.colorOnInvertedBackground_e727a04c0f.disabled_d3fca6be72 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_419ce7fe82.button_88964aa453.disabled_d3fca6be72 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_628052ef24 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_628052ef24.sizeSmall_921495ff84 {\n  line-height: 22px;\n}\n.kindSecondary_628052ef24.sizeMedium_1e2c728c55 {\n  line-height: 22px;\n}\n.kindSecondary_628052ef24.sizeLarge_4a93629b5d {\n  line-height: 22px;\n}\n.kindSecondary_628052ef24.colorPrimaryActive_40413971e5 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_628052ef24.colorPrimaryActive_40413971e5:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_628052ef24.colorBrandActive_4854f07d02 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_628052ef24.colorBrandActive_4854f07d02,\n.kindSecondary_628052ef24.colorBrandActive_4854f07d02:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_628052ef24.colorPrimary_9b01efa007:hover:not(.colorPrimaryActive_40413971e5),\n.kindSecondary_628052ef24.colorPrimary_9b01efa007:focus:not(.colorPrimaryActive_40413971e5) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_628052ef24.colorBrand_2c5d3b2408:hover:not(.colorBrandActive_4854f07d02),\n.kindSecondary_628052ef24.colorBrand_2c5d3b2408:focus:not(.colorBrandActive_4854f07d02) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_628052ef24.colorPositive_07011196ac {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_628052ef24.colorPositiveActive_eb48268b55,\n.kindSecondary_628052ef24.colorPositive_07011196ac:hover,\n.kindSecondary_628052ef24.colorPositive_07011196ac:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_628052ef24.colorNegative_8435bb88bd {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_628052ef24.colorNegativeActive_eb48268b55,\n.kindSecondary_628052ef24.colorNegative_8435bb88bd:hover,\n.kindSecondary_628052ef24.colorNegative_8435bb88bd:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_628052ef24.colorInverted_add45e91a1 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_628052ef24.colorInvertedActive_eb48268b55,\n.kindSecondary_628052ef24.colorInverted_add45e91a1:hover,\n.kindSecondary_628052ef24.colorInverted_add45e91a1:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_628052ef24.colorInverted_add45e91a1.disabled_d3fca6be72 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_628052ef24.colorOnPrimaryColorActive_db55d2ecd3,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_628052ef24.colorOnPrimaryColorActive_db55d2ecd3:focus-visible, .kindSecondary_628052ef24.colorOnPrimaryColorActive_db55d2ecd3.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover:focus-visible,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus:focus-visible,\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus.focus-visible_773cf54552 {\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_628052ef24.colorOnPrimaryColorActive_db55d2ecd3:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:hover:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindSecondary_628052ef24.colorOnPrimaryColor_6ff9637550.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_628052ef24.colorFixedLightActive_de23bbd7a1,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_628052ef24.colorFixedLightActive_de23bbd7a1:focus-visible, .kindSecondary_628052ef24.colorFixedLightActive_de23bbd7a1.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover:focus-visible,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover.focus-visible_773cf54552,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus:focus-visible,\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus.focus-visible_773cf54552 {\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_628052ef24.colorFixedLightActive_de23bbd7a1:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:hover:focus:not(.focus-visible_773cf54552),\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_628052ef24.colorOnInvertedBackgroundActive_cfe8c53d29,\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f:hover,\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_628052ef24.colorOnInvertedBackground_e727a04c0f.disabled_d3fca6be72 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_628052ef24.colorFixedLight_8c63a39ed3.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_628052ef24.disabled_d3fca6be72 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_628052ef24.disabled_d3fca6be72:hover {\n  background-color: transparent;\n}\n.kindTertiary_eb4a5afafb {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_eb4a5afafb.colorPrimaryActive_40413971e5 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_eb4a5afafb.colorPrimaryActive_40413971e5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorBrandActive_4854f07d02 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_eb4a5afafb.colorBrandActive_4854f07d02,\n.kindTertiary_eb4a5afafb.colorBrandActive_4854f07d02:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_eb4a5afafb.colorPrimary_9b01efa007:hover:not(.colorPrimaryActive_40413971e5),\n.kindTertiary_eb4a5afafb.colorPrimary_9b01efa007:focus:not(.colorPrimaryActive_40413971e5) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorBrand_2c5d3b2408:hover:not(.colorBrandActive_4854f07d02),\n.kindTertiary_eb4a5afafb.colorBrand_2c5d3b2408:focus:not(.colorBrandActive_4854f07d02) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorPositive_07011196ac {\n  color: var(--positive-color);\n}\n.kindTertiary_eb4a5afafb.colorPositiveActive_eb48268b55,\n.kindTertiary_eb4a5afafb.colorPositive_07011196ac:hover,\n.kindTertiary_eb4a5afafb.colorPositive_07011196ac:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_eb4a5afafb.colorNegative_8435bb88bd {\n  color: var(--negative-color);\n}\n.kindTertiary_eb4a5afafb.colorNegativeActive_eb48268b55,\n.kindTertiary_eb4a5afafb.colorNegative_8435bb88bd:hover,\n.kindTertiary_eb4a5afafb.colorNegative_8435bb88bd:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_eb4a5afafb.colorInvertedActive_eb48268b55,\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1:hover,\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_eb4a5afafb.colorInverted_add45e91a1.disabled_d3fca6be72 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3:focus-visible, .kindTertiary_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover:focus-visible,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus:focus-visible,\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus.focus-visible_773cf54552 {\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_eb4a5afafb.colorOnPrimaryColorActive_db55d2ecd3:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:hover:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindTertiary_eb4a5afafb.colorOnPrimaryColor_6ff9637550.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_eb4a5afafb.colorFixedLightActive_de23bbd7a1,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_eb4a5afafb.colorFixedLightActive_de23bbd7a1:focus-visible, .kindTertiary_eb4a5afafb.colorFixedLightActive_de23bbd7a1.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover:focus-visible,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover.focus-visible_773cf54552,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus:focus-visible,\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus.focus-visible_773cf54552 {\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_eb4a5afafb.colorFixedLightActive_de23bbd7a1:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:hover:focus:not(.focus-visible_773cf54552),\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3:focus:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}\n.kindTertiary_eb4a5afafb.colorFixedLight_8c63a39ed3.disabled_d3fca6be72 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_eb4a5afafb.colorOnInvertedBackgroundActive_cfe8c53d29,\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f:hover,\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_eb4a5afafb.colorOnInvertedBackground_e727a04c0f.disabled_d3fca6be72 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_eb4a5afafb.disabled_d3fca6be72 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_eb4a5afafb.disabled_d3fca6be72:hover {\n  background-color: transparent;\n}\n.noSidePadding_c76b1d8389 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_88964aa453.insetFocusStyle_43aabbf6cc:focus-visible, .button_88964aa453.insetFocusStyle_43aabbf6cc.focus-visible_773cf54552 {\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_88964aa453.insetFocusStyle_43aabbf6cc:focus:not(.focus-visible_773cf54552) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_28ea60c3e0",subTextContainer:"subTextContainer_b46bfae316",buttonsContainer:"buttonsContainer_7b8f989a44",button:"button_cfa3781e8b",activeButton:"activeButton_ffb6f38a08",optionText:"optionText_154f411274",disabled:"disabled_6c01c508a6",selected:"selected_62269e7f0a",kindTertiary:"kindTertiary_936728d8c8",wrapper:"wrapper_d45ad4da2a",buttonDisabled:"buttonDisabled_d7c4c0f2d5",fullWidth:"fullWidth_2e7642b782"};!function(n){const o="s_id-d90954a39e96_3_0_0-alpha_7";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_28ea60c3e0 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_b46bfae316 {\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_7b8f989a44 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_7b8f989a44 .button_cfa3781e8b {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_7b8f989a44 .button_cfa3781e8b.activeButton_ffb6f38a08 {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_7b8f989a44 .button_cfa3781e8b.activeButton_ffb6f38a08:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_154f411274:not(.disabled_6c01c508a6) {\n  color: var(--primary-text-color);\n}\n\n.optionText_154f411274:not(.disabled_6c01c508a6).selected_62269e7f0a {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_936728d8c8 .button_cfa3781e8b {\n  border-color: transparent;\n}\n\n.kindTertiary_936728d8c8 .button_cfa3781e8b:first-child {\n  border-color: transparent;\n}\n\n.wrapper_d45ad4da2a.disabled_6c01c508a6 {\n  cursor: not-allowed;\n}\n\n.button_cfa3781e8b.disabled_6c01c508a6 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_cfa3781e8b.buttonDisabled_d7c4c0f2d5 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_2e7642b782 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_2b5938e17f",subTextContainer:"subTextContainer_92997f39ae",buttonsContainer:"buttonsContainer_209c505f6f",button:"button_51d43f5083",activeButton:"activeButton_5bddbbe2d5",optionText:"optionText_7f44e49aef",disabled:"disabled_4161b3f686",selected:"selected_82f5ffcc79",kindTertiary:"kindTertiary_053a9bb937",wrapper:"wrapper_9c88509317",buttonDisabled:"buttonDisabled_795eacaf4a",fullWidth:"fullWidth_e651b23f35"};!function(n){const o="s_id-d90954a39e96_3_0_0-alpha_17";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_2b5938e17f {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_92997f39ae {\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_209c505f6f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_209c505f6f .button_51d43f5083 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_209c505f6f .button_51d43f5083.activeButton_5bddbbe2d5 {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_209c505f6f .button_51d43f5083.activeButton_5bddbbe2d5:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_7f44e49aef:not(.disabled_4161b3f686) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7f44e49aef:not(.disabled_4161b3f686).selected_82f5ffcc79 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_053a9bb937 .button_51d43f5083 {\n  border-color: transparent;\n}\n\n.kindTertiary_053a9bb937 .button_51d43f5083:first-child {\n  border-color: transparent;\n}\n\n.wrapper_9c88509317.disabled_4161b3f686 {\n  cursor: not-allowed;\n}\n\n.button_51d43f5083.disabled_4161b3f686 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_51d43f5083.buttonDisabled_795eacaf4a {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_e651b23f35 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t from"classnames";import e,{forwardRef as o,useRef as i,useCallback as r,useEffect as s,useMemo as a}from"react";import{isNil as n,noop as c}from"lodash-es";import m from"../Icon/Icon.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import d from"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import l from"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{useSupportFirefoxLabelClick as p}from"./hooks/useSupportFirefoxLabelClick.js";import u from"../../hooks/useMergeRef.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import C from"../Text/Text.js";import h from"./Checkbox.module.scss.js";var v=o((function(o,v){var b=o.className,g=o.checkboxClassName,k=o.labelClassName,w=o.ariaLabel,x=o.label,N=o.ariaLabelledBy,E=o.onChange,S=void 0===E?c:E,A=o.checked,y=o.autoFocus,F=o.indeterminate,L=void 0!==F&&F,B=o.disabled,I=void 0!==B&&B,R=o.defaultChecked,D=o.tabIndex,H=o.value,M=void 0===H?"":H,K=o.name,O=void 0===K?"":K,X=o.id,_=o["data-testid"],T=i(null),q=u(v,T),U=i(null),z=r((function(){var t=T.current;t&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){t.blur()}))}))}),[T]),W=R;n(W)&&n(A)&&(W=!1),s((function(){T.current&&(T.current.indeterminate=L)}),[T,L]);var G=p({inputRef:T}).onClickCapture,J=a((function(){return w||("string"==typeof x?x:"")}),[w,x]);return e.createElement("label",{className:t(h.wrapper,b),onMouseUp:z,"data-testid":_||f(j.CHECKBOX,X),htmlFor:X,onClickCapture:G},e.createElement("input",{ref:q,id:X,className:h.input,value:M,name:O,type:"checkbox",autoFocus:y,onChange:S,defaultChecked:W,disabled:I,"aria-label":J,"aria-labelledby":N,checked:A,tabIndex:D}),e.createElement("div",{className:t(h.checkbox,g),ref:U,"data-testid":f(j.CHECKBOX_CHECKBOX,X)},e.createElement(m,{className:h.icon,iconType:"svg",icon:L?l:d,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===x?null:e.createElement(C,{element:"span",type:"text2",className:t(h.label,k),"data-testid":f(j.CHECKBOX_LABEL,X)},x))}));export{v as default};
+import e from"classnames";import t,{forwardRef as a,useRef as o,useCallback as r,useEffect as i,useMemo as n}from"react";import{isNil as s,noop as c}from"lodash-es";import l from"../Icon/Icon.js";import{useSupportFirefoxLabelClick as m}from"./hooks/useSupportFirefoxLabelClick.js";import d from"../../hooks/useMergeRef.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import f from"../Text/Text.js";import C from"./Checkbox.module.scss.js";import b from"../../../icons/dist/react/Remove.js";import h from"../../../icons/dist/react/Check.js";var k=a((function(a,k){var v=a.className,x=a.checkboxClassName,E=a.labelClassName,j=a.ariaLabel,N=a.label,y=a.ariaLabelledBy,F=a.onChange,g=void 0===F?c:F,B=a.checked,w=a.autoFocus,H=a.indeterminate,I=void 0!==H&&H,L=a.disabled,K=void 0!==L&&L,O=a.defaultChecked,X=a.tabIndex,A=a.value,R=void 0===A?"":A,S=a.name,T=void 0===S?"":S,q=a.id,M=a["data-testid"],_=o(null),z=d(k,_),U=o(null),D=r((function(){var e=_.current;e&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){e.blur()}))}))}),[_]),G=O;s(G)&&s(B)&&(G=!1),i((function(){_.current&&(_.current.indeterminate=I)}),[_,I]);var J=m({inputRef:_}).onClickCapture,P=n((function(){return j||("string"==typeof N?N:"")}),[j,N]);return t.createElement("label",{className:e(C.wrapper,v),onMouseUp:D,"data-testid":M||u(p.CHECKBOX,q),htmlFor:q,onClickCapture:J},t.createElement("input",{ref:z,id:q,className:C.input,value:R,name:T,type:"checkbox",autoFocus:w,onChange:g,defaultChecked:G,disabled:K,"aria-label":P,"aria-labelledby":y,checked:B,tabIndex:X}),t.createElement("div",{className:e(C.checkbox,x),ref:U,"data-testid":u(p.CHECKBOX_CHECKBOX,q)},t.createElement(l,{className:C.icon,iconType:"svg",icon:I?b:h,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===N?null:t.createElement(f,{element:"span",type:"text2",className:e(C.label,E),"data-testid":u(p.CHECKBOX_LABEL,q)},N))}));export{k as default};
 //# sourceMappingURL=Checkbox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { isNil, noop as NOOP } from \"lodash-es\";\nimport Icon from \"../Icon/Icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /** A classname to be added to the wrapping element /\n className?: string;\n /* A classname to be added to the checkbox element label /\n checkboxClassName?: string;\n /* A classname to be added to the label element /\n labelClassName?: string;\n /* A11y prop to describe the content for screen readers /\n ariaLabel?: string;\n /* The content to be rendered within the option /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /* A11y prop - An Id of an element which describes this option /\n ariaLabelledBy?: string;\n /* callback function when the value changes /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /* Use this when you want to control the component, this will set the state of the component /\n checked?: boolean;\n /* An in between state to display a non selected /\n indeterminate?: boolean;\n /* is autoFocus /\n autoFocus?: boolean;\n /* Set the option to be disabled /\n disabled?: boolean;\n /* the default value which the checkbox will start from /\n defaultChecked?: boolean;\n /* The input control's value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object's value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l /\n value?: string;\n /* A string specifying a name for the input control. This name is submitted along with the control's value when the form data is submitted. /\n name?: string;\n /* An id to be added the input element /\n id?: string;\n /* Specifies the tab order of the input element */\n tabIndex?: number;\n}\n\nconst Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement> = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","onMouseUp","getTestId","ComponentDefaultTestId","CHECKBOX","htmlFor","type","checkbox","CHECKBOX_CHECKBOX","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","Text","element","CHECKBOX_LABEL"],"mappings":"~~ghDAgDMA~~,IAAAA,EAA2DC,GAC/D,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,gBACQsB,EAAUC,EAAuBK,kBAAmBlC,IAEjEsB,EAAAC,cAACY,EAAI,CACHxD,UAAW8C,EAAOW,KAClBC,SAAS,MACTD,KAAM7C,EAAgB+C,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV3D,EAAkB,KACjBuC,gBAACqB,EAAI,CACHC,QAAQ,OACRZ,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBgB,eAAgB7C,IAE7DjB,GAKX"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { isNil, noop as NOOP } from \"lodash-es\";\nimport Icon from \"../Icon/Icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /** A classname to be added to the wrapping element /\n className?: string;\n /* A classname to be added to the checkbox element label /\n checkboxClassName?: string;\n /* A classname to be added to the label element /\n labelClassName?: string;\n /* A11y prop to describe the content for screen readers /\n ariaLabel?: string;\n /* The content to be rendered within the option /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /* A11y prop - An Id of an element which describes this option /\n ariaLabelledBy?: string;\n /* callback function when the value changes /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /* Use this when you want to control the component, this will set the state of the component /\n checked?: boolean;\n /* An in between state to display a non selected /\n indeterminate?: boolean;\n /* is autoFocus /\n autoFocus?: boolean;\n /* Set the option to be disabled /\n disabled?: boolean;\n /* the default value which the checkbox will start from /\n defaultChecked?: boolean;\n /* The input control's value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object's value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l /\n value?: string;\n /* A string specifying a name for the input control. This name is submitted along with the control's value when the form data is submitted. /\n name?: string;\n /* An id to be added the input element /\n id?: string;\n /* Specifies the tab order of the input element */\n tabIndex?: number;\n}\n\nconst Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement> = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","onMouseUp","getTestId","ComponentDefaultTestId","CHECKBOX","htmlFor","type","checkbox","CHECKBOX_CHECKBOX","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","Text","element","CHECKBOX_LABEL"],"mappings":"qmBAgDMA,IAAAA,EAA2DC,GAC/D,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,gBACQsB,EAAUC,EAAuBK,kBAAmBlC,IAEjEsB,EAAAC,cAACY,EAAI,CACHxD,UAAW8C,EAAOW,KAClBC,SAAS,MACTD,KAAM7C,EAAgB+C,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV3D,EAAkB,KACjBuC,gBAACqB,EAAI,CACHC,QAAQ,OACRZ,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBgB,eAAgB7C,IAE7DjB,GAKX"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_811b1cfa83",checkbox:"checkbox_cd52791a76",icon:"icon_cc25214ad9",label:"label_5d7e2044c6",input:"input_86aa30f10d",checkboxGrowAnimation:"checkboxGrowAnimation_7785a63790"};!function(n){const e="s_id-a622c58c4e9d_3_0_0-alpha_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_811b1cfa83 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_cd52791a76 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_cd52791a76:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox_cd52791a76:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_cc25214ad9 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_5d7e2044c6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input_86aa30f10d {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input_86aa30f10d:focus + .checkbox_cd52791a76 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_86aa30f10d:focus:checked + .checkbox_cd52791a76 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_86aa30f10d:focus-visible + .checkbox_cd52791a76 {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input_86aa30f10d:checked:focus + .checkbox_cd52791a76:after,\n.input_86aa30f10d:indeterminate:focus + .checkbox_cd52791a76:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_86aa30f10d:checked + .checkbox_cd52791a76,\n.input_86aa30f10d:indeterminate + .checkbox_cd52791a76 {\n  animation: checkboxGrowAnimation_7785a63790 var(--motion-productive-short);\n}\n\n.input_86aa30f10d:checked + .checkbox_cd52791a76,\n.input_86aa30f10d:indeterminate + .checkbox_cd52791a76 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_86aa30f10d:checked + .checkbox_cd52791a76:hover,\n.input_86aa30f10d:indeterminate + .checkbox_cd52791a76:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_86aa30f10d:checked + .checkbox_cd52791a76:hover:after,\n.input_86aa30f10d:indeterminate + .checkbox_cd52791a76:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_86aa30f10d:checked + .checkbox_cd52791a76:after,\n.input_86aa30f10d:indeterminate + .checkbox_cd52791a76:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input_86aa30f10d:checked + .checkbox_cd52791a76 > .icon_cc25214ad9,\n.input_86aa30f10d:indeterminate + .checkbox_cd52791a76 > .icon_cc25214ad9 {\n  visibility: visible;\n}\n\n.input_86aa30f10d:checked:disabled + .checkbox_cd52791a76:after,\n.input_86aa30f10d:indeterminate:disabled + .checkbox_cd52791a76:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_86aa30f10d:disabled + .checkbox_cd52791a76,\n.input_86aa30f10d:disabled + .checkbox_cd52791a76:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_86aa30f10d:disabled + .checkbox_cd52791a76 .icon_cc25214ad9,\n.input_86aa30f10d:disabled + .checkbox_cd52791a76:hover .icon_cc25214ad9 {\n  color: var(--disabled-text-color);\n}\n\n.input_86aa30f10d:disabled + .checkbox_cd52791a76,\n.input_86aa30f10d:disabled + .checkbox_cd52791a76:hover {\n  cursor: not-allowed;\n}\n\n.input_86aa30f10d:disabled ~ .label_5d7e2044c6 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_7785a63790 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_1f94f3a4b9",checkbox:"checkbox_4ad7727008",icon:"icon_130cef9f58",label:"label_fee0414f81",input:"input_8186a81cc4",checkboxGrowAnimation:"checkboxGrowAnimation_948b1a710d"};!function(n){const e="s_id-a622c58c4e9d_3_0_0-alpha_17";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_1f94f3a4b9 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_4ad7727008 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_4ad7727008:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox_4ad7727008:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_130cef9f58 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_fee0414f81 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input_8186a81cc4 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input_8186a81cc4:focus + .checkbox_4ad7727008 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_8186a81cc4:focus:checked + .checkbox_4ad7727008 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8186a81cc4:focus-visible + .checkbox_4ad7727008 {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input_8186a81cc4:checked:focus + .checkbox_4ad7727008:after,\n.input_8186a81cc4:indeterminate:focus + .checkbox_4ad7727008:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008 {\n  animation: checkboxGrowAnimation_948b1a710d var(--motion-productive-short);\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008:hover,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008:hover:after,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008:after,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input_8186a81cc4:checked + .checkbox_4ad7727008 > .icon_130cef9f58,\n.input_8186a81cc4:indeterminate + .checkbox_4ad7727008 > .icon_130cef9f58 {\n  visibility: visible;\n}\n\n.input_8186a81cc4:checked:disabled + .checkbox_4ad7727008:after,\n.input_8186a81cc4:indeterminate:disabled + .checkbox_4ad7727008:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_8186a81cc4:disabled + .checkbox_4ad7727008,\n.input_8186a81cc4:disabled + .checkbox_4ad7727008:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_8186a81cc4:disabled + .checkbox_4ad7727008 .icon_130cef9f58,\n.input_8186a81cc4:disabled + .checkbox_4ad7727008:hover .icon_130cef9f58 {\n  color: var(--disabled-text-color);\n}\n\n.input_8186a81cc4:disabled + .checkbox_4ad7727008,\n.input_8186a81cc4:disabled + .checkbox_4ad7727008:hover {\n  cursor: not-allowed;\n}\n\n.input_8186a81cc4:disabled ~ .label_fee0414f81 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_948b1a710d {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as o,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as i,useRef as r,useMemo as s,useCallback as a}from"react";import n from"classnames";import c from"../Icon/Icon.js";import l from"../../hooks/useMergeRef.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import m from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getCSSVar as d}from"../../services/themes.js";import{ElementAllowedColor as p}from"../../utils/colors-vars-map.js";import{getElementColor as v}from"../../types/Colors.js";import u from"../Avatar/Avatar.js";import f from"../IconButton/IconButton.js";import j from"../Text/Text.js";import{getTestId as g,ComponentDefaultTestId as h}from"../../tests/testIds.js";import{AvatarType as b}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import C from"../../hooks/useHover/useHover.js";import S from"../../hooks/useSetFocus/index.js";import k from"../../hooks/useClickableProps/useClickableProps.js";import A from"./Chips.module.scss.js";var N=y(i((function(i,p){var b=i.className,y=i.avatarClassName,N=i.iconClassName,w=i.id,x=i.label,T=void 0===x?"":x,D=i.leftIcon,E=void 0===D?null:D,R=i.rightIcon,I=void 0===R?null:R,B=i.leftAvatar,P=void 0===B?null:B,M=i.rightAvatar,z=void 0===M?null:M,H=i.disabled,L=void 0!==H&&H,O=i.readOnly,F=void 0!==O&&O,_=i.allowTextSelection,U=void 0!==_&&_,W=i.color,q=void 0===W?"primary":W,G=i.iconSize,J=void 0===G?18:G,K=i.onDelete,Q=void 0===K?function(o,e){}:K,V=i.onMouseDown,X=i.onClick,Y=i.noAnimation,Z=void 0===Y||Y,$=i.ariaLabel,oo=i.disableClickableBehavior,eo=void 0!==oo&&oo,to=i.leftAvatarType,io=void 0===to?"img":to,ro=i.rightAvatarType,so=void 0===ro?"img":ro,ao=i.showBorder,no=void 0!==ao&&ao,co=i.leftRenderer,lo=i.rightRenderer,mo=i.closeButtonAriaLabel,po=void 0===mo?"Remove":mo,vo=i["data-testid"]||g(h.CHIP,w),uo=!(!X&&!V||eo),fo=!F&&!L,jo=$||"string"==typeof T&&T||"",go=r(null),ho=r(null),bo=C(),yo=o(bo,2),Co=yo[0],So=yo[1],ko=S({ref:ho}).isFocused,Ao=l(p,ho,Co),No=n(A.chips,b,e(e(e(e({},A.disabled,L),A.noAnimation,Z),A.withUserSelect,U),A.border,no)),wo=n(A.clickable,No,e(e({},A.disabled,L),A.disableTextSelection,!U)),xo=s((function(){return{backgroundColor:L?d("disabled-background-color"):uo&&(So||ko)?v(q,!0,!0):v(q,!0)}}),[L,uo,So,ko,q]),To=a((function(o){o.stopPropagation(),Q&&Q(w,o)}),[w,Q]),Do=a((function(o){void 0!==X&&o.target!==go.current&&(o.preventDefault(),X(o))}),[X]),Eo=k({onClick:Do,onMouseDown:V,disabled:L,id:w,"data-testid":vo,ariaLabel:jo,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},Ao),Ro=uo?Object.assign(Object.assign({},Eo),{ref:Eo.ref,className:wo,style:xo}):{className:No,"aria-label":jo,style:xo,ref:Ao,onClick:Do,onMouseDown:V,id:w,"data-testid":vo},Io="text"===io?{text:P}:{src:P},Bo="text"===io?{text:z}:{src:z};return t.createElement("div",Object.assign({},Ro),P?t.createElement(u,Object.assign({withoutBorder:!0,className:n(A.avatar,A.left,y),customSize:18,type:io,key:w},Io)):null,E?t.createElement(c,{className:n(A.icon,A.left,N),iconType:"font",icon:E,iconSize:J,ignoreFocusStyle:!0}):null,co&&t.createElement("div",{className:n(A.customRenderer,A.left)},co),t.createElement(j,{type:"text2",className:A.label},T),I?t.createElement(c,{className:n(A.icon,A.right,N),iconType:"font",icon:I,iconSize:J,ignoreFocusStyle:!0}):null,z?t.createElement(u,Object.assign({withoutBorder:!0,className:n(A.avatar,A.right,y),customSize:18,type:so,key:w},Bo)):null,lo&&t.createElement("div",{className:n(A.customRenderer,A.right)},lo),fo&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:n(A.icon,A.close),ariaLabel:po,hideTooltip:!0,icon:m,onClick:To,"data-testid":"".concat(vo,"-close"),ref:go}))})),{colors:p,avatarTypes:b});export{N as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useMemo as i,useCallback as s}from"react";import l from"classnames";import n from"../Icon/Icon.js";import c from"../../hooks/useMergeRef.js";import{getCSSVar as m}from"../../services/themes.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{getElementColor as u}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import f from"../IconButton/IconButton.js";import v from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useHover/useHover.js";import k from"../../hooks/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import x from"./Chips.module.scss.js";import N from"../../../icons/dist/react/CloseSmall.js";var S=y(r((function(r,d){var j=r.className,y=r.avatarClassName,S=r.iconClassName,A=r.id,T=r.label,E=void 0===T?"":T,w=r.leftIcon,B=void 0===w?null:w,I=r.rightIcon,P=void 0===I?null:I,z=r.leftAvatar,H=void 0===z?null:z,O=r.rightAvatar,R=void 0===O?null:O,D=r.disabled,F=void 0!==D&&D,L=r.readOnly,M=void 0!==L&&L,_=r.allowTextSelection,U=void 0!==_&&_,q=r.color,G=void 0===q?"primary":q,J=r.iconSize,K=void 0===J?18:J,Q=r.onDelete,V=void 0===Q?function(e,o){}:Q,W=r.onMouseDown,X=r.onClick,Y=r.noAnimation,Z=void 0===Y||Y,$=r.ariaLabel,ee=r.disableClickableBehavior,oe=void 0!==ee&&ee,te=r.leftAvatarType,re=void 0===te?"img":te,ae=r.rightAvatarType,ie=void 0===ae?"img":ae,se=r.showBorder,le=void 0!==se&&se,ne=r.leftRenderer,ce=r.rightRenderer,me=r.closeButtonAriaLabel,de=void 0===me?"Remove":me,ue=r["data-testid"]||b(g.CHIP,A),pe=!(!X&&!W||oe),fe=!M&&!F,ve=$||"string"==typeof E&&E||"",be=a(null),ge=a(null),je=h(),ye=e(je,2),he=ye[0],ke=ye[1],Ce=k({ref:ge}).isFocused,xe=c(d,ge,he),Ne=l(x.chips,j,o(o(o(o({},x.disabled,F),x.noAnimation,Z),x.withUserSelect,U),x.border,le)),Se=l(x.clickable,Ne,o(o({},x.disabled,F),x.disableTextSelection,!U)),Ae=i((function(){return{backgroundColor:F?m("disabled-background-color"):pe&&(ke||Ce)?u(G,!0,!0):u(G,!0)}}),[F,pe,ke,Ce,G]),Te=s((function(e){e.stopPropagation(),V&&V(A,e)}),[A,V]),Ee=s((function(e){void 0!==X&&e.target!==be.current&&(e.preventDefault(),X(e))}),[X]),we=C({onClick:Ee,onMouseDown:W,disabled:F,id:A,"data-testid":ue,ariaLabel:ve,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},xe),Be=pe?Object.assign(Object.assign({},we),{ref:we.ref,className:Se,style:Ae}):{className:Ne,"aria-label":ve,style:Ae,ref:xe,onClick:Ee,onMouseDown:W,id:A,"data-testid":ue},Ie="text"===re?{text:H}:{src:H},Pe="text"===re?{text:R}:{src:R};return t.createElement("div",Object.assign({},Be),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.left,y),customSize:18,type:re,key:A},Ie)):null,B?t.createElement(n,{className:l(x.icon,x.left,S),iconType:"font",icon:B,iconSize:K,ignoreFocusStyle:!0}):null,ne&&t.createElement("div",{className:l(x.customRenderer,x.left)},ne),t.createElement(v,{type:"text2",className:x.label},E),P?t.createElement(n,{className:l(x.icon,x.right,S),iconType:"font",icon:P,iconSize:K,ignoreFocusStyle:!0}):null,R?t.createElement(p,Object.assign({withoutBorder:!0,className:l(x.avatar,x.right,y),customSize:18,type:ie,key:A},Pe)):null,ce&&t.createElement("div",{className:l(x.customRenderer,x.right)},ce),fe&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:l(x.icon,x.close),ariaLabel:de,hideTooltip:!0,icon:N,onClick:Te,"data-testid":"".concat(ue,"-close"),ref:be}))})),{colors:d,avatarTypes:j});export{S as default};
 //# sourceMappingURL=Chips.js.map