npm - @vibe/core - Versions diffs - 3.54.1 → 3.54.3-alpha-aef80.0 - Mend

@vibe/core 3.54.1 → 3.54.3-alpha-aef80.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 (361) hide show

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

@@ -1,2 +1,2 @@
-var a={badgeWrapper:"badgeWrapper_fe2c109b76",badge:"badge_ca3a302a87",outside:"outside_98b7c58231",topEnd:"topEnd_45b267d154",rectangular:"rectangular_207bb57772",circular:"circular_bb40a2f022",topStart:"topStart_74164ad103",bottomEnd:"bottomEnd_db5af3ae38",bottomStart:"bottomStart_2a69472f2d"};!function(a){const e="s_id-b5dca6298ea9_3_54_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".badgeWrapper_fe2c109b76 {\n  position: relative;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87:not(.outside_98b7c58231) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.topEnd_45b267d154.rectangular_207bb57772 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.topEnd_45b267d154.outside_98b7c58231 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.topEnd_45b267d154.circular_bb40a2f022 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.topStart_74164ad103.rectangular_207bb57772 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.topStart_74164ad103.outside_98b7c58231 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.topStart_74164ad103.circular_bb40a2f022 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.bottomEnd_db5af3ae38.rectangular_207bb57772 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.bottomEnd_db5af3ae38.outside_98b7c58231 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.bottomEnd_db5af3ae38.circular_bb40a2f022 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.bottomStart_2a69472f2d.rectangular_207bb57772 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.bottomStart_2a69472f2d.outside_98b7c58231 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_fe2c109b76 .badge_ca3a302a87.bottomStart_2a69472f2d.circular_bb40a2f022 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
+var e={badgeWrapper:"badgeWrapper_669dc28112",badge:"badge_5d8b7f91cf",outside:"outside_43a05d568d",topEnd:"topEnd_865958e299",rectangular:"rectangular_cdf70e1a92",circular:"circular_12ebbf1825",topStart:"topStart_7291ae59bb",bottomEnd:"bottomEnd_8418e28c2d",bottomStart:"bottomStart_cc501ab323"};!function(e){const t="s_id-b5dca6298ea9_3_54_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".badgeWrapper_669dc28112 {\n  position: relative;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf:not(.outside_43a05d568d) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.topEnd_865958e299.rectangular_cdf70e1a92 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.topEnd_865958e299.outside_43a05d568d {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.topEnd_865958e299.circular_12ebbf1825 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.topStart_7291ae59bb.rectangular_cdf70e1a92 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.topStart_7291ae59bb.outside_43a05d568d {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.topStart_7291ae59bb.circular_12ebbf1825 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.bottomEnd_8418e28c2d.rectangular_cdf70e1a92 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.bottomEnd_8418e28c2d.outside_43a05d568d {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.bottomEnd_8418e28c2d.circular_12ebbf1825 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.bottomStart_cc501ab323.rectangular_cdf70e1a92 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.bottomStart_cc501ab323.outside_43a05d568d {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_669dc28112 .badge_5d8b7f91cf.bottomStart_cc501ab323.circular_12ebbf1825 {\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_13c8fd59a2",primary:"primary_e12fe79ac6",notification:"notification_9fa58a885b"};!function(e){const i="s_id-d6448d74722f_3_54_0";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_13c8fd59a2 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_13c8fd59a2.primary_e12fe79ac6 {\n  background-color: var(--primary-color);\n}\n.indicator_13c8fd59a2.notification_9fa58a885b {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_a24794462c",primary:"primary_6069ac76a3",notification:"notification_3612095aea"};!function(e){const i="s_id-d6448d74722f_3_54_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_a24794462c {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_a24794462c.primary_6069ac76a3 {\n  background-color: var(--primary-color);\n}\n.indicator_a24794462c.notification_3612095aea {\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_2e81a4163a",small:"small_4f52c00286",medium:"medium_d77fbddd86",large:"large_b45ef1700a",rightThinnerPadding:"rightThinnerPadding_af9bd4f67d",input:"input_972b755d59",success:"success_9fd17b615c",readOnly:"readOnly_72c2132a0d",disabled:"disabled_a8cdc71264",error:"error_8dd8cdaa14"};!function(r){const n="s_id-8dc268c8a1a1_3_54_0";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_2e81a4163a {\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_2e81a4163a.small_4f52c00286 {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_2e81a4163a.medium_d77fbddd86 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_2e81a4163a.large_b45ef1700a {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_2e81a4163a.rightThinnerPadding_af9bd4f67d {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_2e81a4163a:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_2e81a4163a:has(.input_972b755d59:active, .input_972b755d59:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_2e81a4163a:has(.input_972b755d59:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_2e81a4163a:has(.input_972b755d59:read-only) .input_972b755d59 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_2e81a4163a:has(.input_972b755d59:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_2e81a4163a:has(.input_972b755d59:disabled) .input_972b755d59 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_2e81a4163a.success_9fd17b615c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2e81a4163a.success_9fd17b615c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2e81a4163a.success_9fd17b615c:has(.input_972b755d59:active, .input_972b755d59:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2e81a4163a:has(.input_972b755d59[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2e81a4163a:has(.input_972b755d59[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2e81a4163a:has(.input_972b755d59[aria-invalid=true]):has(.input_972b755d59:active, .input_972b755d59:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_2e81a4163a:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_2e81a4163a.readOnly_72c2132a0d {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_2e81a4163a.readOnly_72c2132a0d .input_972b755d59 {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_2e81a4163a.disabled_a8cdc71264 {\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_2e81a4163a.disabled_a8cdc71264 .input_972b755d59 {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_2e81a4163a.success_9fd17b615c {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2e81a4163a.success_9fd17b615c:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2e81a4163a.success_9fd17b615c:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_2e81a4163a.error_8dd8cdaa14 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2e81a4163a.error_8dd8cdaa14:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_2e81a4163a.error_8dd8cdaa14:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_2e81a4163a .input_972b755d59 {\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_2e81a4163a .input_972b755d59::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_2e81a4163a .input_972b755d59:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper_9c10639729",small:"small_d8b1ef70bb",medium:"medium_6a3423e9b3",large:"large_5c2ff70b18",rightThinnerPadding:"rightThinnerPadding_bfc35e8bd7",input:"input_da03090bbe",success:"success_32dfe7c9b6",readOnly:"readOnly_ae192ed625",disabled:"disabled_308246dcc7",error:"error_8a707af656"};!function(r){const n="s_id-8dc268c8a1a1_3_54_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper_9c10639729 {\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_9c10639729.small_d8b1ef70bb {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_9c10639729.medium_6a3423e9b3 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_9c10639729.large_5c2ff70b18 {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_9c10639729.rightThinnerPadding_bfc35e8bd7 {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_9c10639729:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_9c10639729:has(.input_da03090bbe:active, .input_da03090bbe:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_9c10639729:has(.input_da03090bbe:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_9c10639729:has(.input_da03090bbe:read-only) .input_da03090bbe {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_9c10639729:has(.input_da03090bbe:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper_9c10639729:has(.input_da03090bbe:disabled) .input_da03090bbe {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_9c10639729.success_32dfe7c9b6 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9c10639729.success_32dfe7c9b6:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9c10639729.success_32dfe7c9b6:has(.input_da03090bbe:active, .input_da03090bbe:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9c10639729:has(.input_da03090bbe[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9c10639729:has(.input_da03090bbe[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9c10639729:has(.input_da03090bbe[aria-invalid=true]):has(.input_da03090bbe:active, .input_da03090bbe:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_9c10639729:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_9c10639729.readOnly_ae192ed625 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_9c10639729.readOnly_ae192ed625 .input_da03090bbe {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_9c10639729.disabled_308246dcc7 {\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_9c10639729.disabled_308246dcc7 .input_da03090bbe {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_9c10639729.success_32dfe7c9b6 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9c10639729.success_32dfe7c9b6:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9c10639729.success_32dfe7c9b6:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_9c10639729.error_8a707af656 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9c10639729.error_8a707af656:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_9c10639729.error_8a707af656:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_9c10639729 .input_da03090bbe {\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_9c10639729 .input_da03090bbe::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_9c10639729 .input_da03090bbe: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_5681e291df",scrollable:"scrollable_fb34a6f42f",opacityDisabled:"opacityDisabled_a671a9b1d9",border:"border_6264ae3536",borderColorUiBorderColor:"borderColorUiBorderColor_d2d325bb60",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_4568ecf38c",rounded0:"rounded0_60b391f28f",roundedSmall:"roundedSmall_2e7eaeb41a",roundedMedium:"roundedMedium_69d9569f66",roundedBig:"roundedBig_7a60872e0c",shadowXs:"shadowXs_c8cc648d9b",shadowSmall:"shadowSmall_0b9acb1660",shadowMedium:"shadowMedium_a1ee075b08",shadowLarge:"shadowLarge_542fbf9466",m0:"m0_c651b0d09e",mXs:"mXs_924de0f845",mSmall:"mSmall_06b88c648e",mMedium:"mMedium_ea14dc5348",mLarge:"mLarge_a349b1dbde",mXl:"mXl_6ec3dca65c",mXxl:"mXxl_a51beb5f2c",mXxxl:"mXxxl_8cf8a95b79",mAuto:"mAuto_09601e55f0",mx0:"mx0_db71706b68",mxXs:"mxXs_74b3b396fb",mxSmall:"mxSmall_7c330431bb",mxMedium:"mxMedium_1937fa2bb2",mxLarge:"mxLarge_1c3de9ae97",mxXl:"mxXl_6cb8f1d847",mxXxl:"mxXxl_c09446d0ef",mxXxxl:"mxXxxl_a16270ed7e",mxAuto:"mxAuto_648deabbf4",my0:"my0_77b538f25a",myXs:"myXs_3d09898338",mySmall:"mySmall_c0e5e2ef20",myMedium:"myMedium_43da7be8a7",myLarge:"myLarge_983007793e",myXl:"myXl_ab2e52fcd5",myXxl:"myXxl_7362abb13f",myXxxl:"myXxxl_89e487ae61",myAuto:"myAuto_a70074e7dd",mt0:"mt0_26c7faf4f4",mtXs:"mtXs_bd3a4a5d60",mtSmall:"mtSmall_c350752339",mtMedium:"mtMedium_51cc8b6074",mtLarge:"mtLarge_cc33976ba7",mtXl:"mtXl_b00566c6ce",mtXxl:"mtXxl_93661b94c5",mtXxxl:"mtXxxl_cb4f83e611",mtAuto:"mtAuto_3ac1bba634",me0:"me0_3fd24ef4ab",meXs:"meXs_e8499613c5",meSmall:"meSmall_ed455f0ef1",meMedium:"meMedium_3c1987b056",meLarge:"meLarge_e48456d53e",meXl:"meXl_ab2564ff5e",meXxl:"meXxl_0c7c03b016",meXxxl:"meXxxl_6b38a27305",meAuto:"meAuto_b7f382b385",mb0:"mb0_88b3a639ee",mbXs:"mbXs_814bfcbd4f",mbSmall:"mbSmall_237f73dc19",mbMedium:"mbMedium_c1a0efbf61",mbLarge:"mbLarge_e65924332f",mbXl:"mbXl_cfd89bbc27",mbXxl:"mbXxl_91f7b194bb",mbXxxl:"mbXxxl_b687300d89",mbAuto:"mbAuto_2a8661bb4c",ms0:"ms0_fa8fd61eb2",msXs:"msXs_b3839c34b9",msSmall:"msSmall_3812bd6891",msMedium:"msMedium_a3b6a6bcb9",msLarge:"msLarge_e6b51b2577",msXl:"msXl_3e0fea122c",msXxl:"msXxl_8d22301948",msXxxl:"msXxxl_b39524e4c0",msAuto:"msAuto_f3f1a4a33f",p0:"p0_c724caaf0b",pXs:"pXs_c79294bd41",pSmall:"pSmall_79c61a92cd",pMedium:"pMedium_d99cf7bd12",pLarge:"pLarge_8e3f32d031",pXl:"pXl_1e4bd35acd",pXxl:"pXxl_4d468135f4",pXxxl:"pXxxl_79f9899c72",px0:"px0_c0ea98d33a",pxXs:"pxXs_6078b37463",pxSmall:"pxSmall_7e1495514c",pxMedium:"pxMedium_92376c983f",pxLarge:"pxLarge_ee62709519",pxXl:"pxXl_0dabcc66b1",pxXxl:"pxXxl_468146beb9",pxXxxl:"pxXxxl_7aeb4ec24f",py0:"py0_924623d3da",pyXs:"pyXs_5ce476c6d6",pySmall:"pySmall_466e4a41a1",pyMedium:"pyMedium_870f07386f",pyLarge:"pyLarge_39495e9646",pyXl:"pyXl_3898d81b35",pyXxl:"pyXxl_bd8ddc1508",pyXxxl:"pyXxxl_d0f2b559a5",pt0:"pt0_946a51a197",ptXs:"ptXs_743ee17120",ptSmall:"ptSmall_3d340aa2be",ptMedium:"ptMedium_292b41e01a",ptLarge:"ptLarge_a56b227eaa",ptXl:"ptXl_9c22b2a58d",ptXxl:"ptXxl_ec28fed1f6",ptXxxl:"ptXxxl_d30d4ad768",pe0:"pe0_2ff488ac81",peXs:"peXs_80f81b834c",peSmall:"peSmall_267f0445ed",peMedium:"peMedium_e6dbb1db16",peLarge:"peLarge_e0bfdc4aa6",peXl:"peXl_8b8c1f4202",peXxl:"peXxl_469a298fbd",peXxxl:"peXxxl_ad9e0b6af7",pb0:"pb0_395d2ffa26",pbXs:"pbXs_591dbc2543",pbSmall:"pbSmall_7c99fa0a23",pbMedium:"pbMedium_04886fad7a",pbLarge:"pbLarge_ffad2432e9",pbXl:"pbXl_5127ffa064",pbXxl:"pbXxl_c6cb7a1564",pbXxxl:"pbXxxl_a0b293a61d",ps0:"ps0_0563c6a9d6",psXs:"psXs_1e08629925",psSmall:"psSmall_841e73376f",psMedium:"psMedium_07eee83363",psLarge:"psLarge_b0562efaff",psXl:"psXl_1f22c22acb",psXxl:"psXxl_48a73f8773",psXxxl:"psXxxl_3581f66999",textPrimaryTextColor:"textPrimaryTextColor_6fe0545dcd",textTextColorOnInverted:"textTextColorOnInverted_8e9e3e5a1c",textSecondaryTextColor:"textSecondaryTextColor_8c060ca4fc",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_46c453e64e",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_21e0f8d308",bgGreyBackgroundColor:"bgGreyBackgroundColor_a93872999a",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_5b065b2cd4",bgInvertedColorBackground:"bgInvertedColorBackground_b24632742d"};!function(n){const a="s_id-e8ebf0c89fee_3_54_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_5681e291df {\n  overflow: hidden;\n}\n.box_5681e291df.scrollable_fb34a6f42f {\n  overflow: auto;\n}\n.box_5681e291df.scrollable_fb34a6f42f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_5681e291df.scrollable_fb34a6f42f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_a671a9b1d9 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_6264ae3536 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_d2d325bb60 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_4568ecf38c {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_60b391f28f {\n  border-radius: 0 !important;\n}\n.roundedSmall_2e7eaeb41a {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_69d9569f66 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_7a60872e0c {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_c8cc648d9b {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_0b9acb1660 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_a1ee075b08 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_542fbf9466 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_c651b0d09e {\n  margin: 0 !important;\n}\n.mXs_924de0f845 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_06b88c648e {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_ea14dc5348 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_a349b1dbde {\n  margin: var(--spacing-large) !important;\n}\n.mXl_6ec3dca65c {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_a51beb5f2c {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_8cf8a95b79 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_09601e55f0 {\n  margin: auto !important;\n}\n.mx0_db71706b68 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_74b3b396fb {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_7c330431bb {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_1937fa2bb2 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_1c3de9ae97 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_6cb8f1d847 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_c09446d0ef {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_a16270ed7e {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_648deabbf4 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_77b538f25a {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_3d09898338 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_c0e5e2ef20 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_43da7be8a7 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_983007793e {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_ab2e52fcd5 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_7362abb13f {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_89e487ae61 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_a70074e7dd {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_26c7faf4f4 {\n  margin-top: 0 !important;\n}\n.mtXs_bd3a4a5d60 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_c350752339 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_51cc8b6074 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_cc33976ba7 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_b00566c6ce {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_93661b94c5 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_cb4f83e611 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_3ac1bba634 {\n  margin-top: auto !important;\n}\n.me0_3fd24ef4ab {\n  margin-inline-end: 0 !important;\n}\n.meXs_e8499613c5 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_ed455f0ef1 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_3c1987b056 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_e48456d53e {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_ab2564ff5e {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_0c7c03b016 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_6b38a27305 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_b7f382b385 {\n  margin-inline-end: auto !important;\n}\n.mb0_88b3a639ee {\n  margin-bottom: 0 !important;\n}\n.mbXs_814bfcbd4f {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_237f73dc19 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_c1a0efbf61 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_e65924332f {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_cfd89bbc27 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_91f7b194bb {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_b687300d89 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_2a8661bb4c {\n  margin-bottom: auto !important;\n}\n.ms0_fa8fd61eb2 {\n  margin-inline-start: 0 !important;\n}\n.msXs_b3839c34b9 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_3812bd6891 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_a3b6a6bcb9 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_e6b51b2577 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_3e0fea122c {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_8d22301948 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_b39524e4c0 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_f3f1a4a33f {\n  margin-inline-start: auto !important;\n}\n.p0_c724caaf0b {\n  padding: 0 !important;\n}\n.pXs_c79294bd41 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_79c61a92cd {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_d99cf7bd12 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_8e3f32d031 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_1e4bd35acd {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_4d468135f4 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_79f9899c72 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_c0ea98d33a {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_6078b37463 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_7e1495514c {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_92376c983f {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_ee62709519 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_0dabcc66b1 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_468146beb9 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_7aeb4ec24f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_924623d3da {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_5ce476c6d6 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_466e4a41a1 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_870f07386f {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_39495e9646 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_3898d81b35 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_bd8ddc1508 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_d0f2b559a5 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_946a51a197 {\n  padding-top: 0 !important;\n}\n.ptXs_743ee17120 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_3d340aa2be {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_292b41e01a {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_a56b227eaa {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_9c22b2a58d {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_ec28fed1f6 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_d30d4ad768 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_2ff488ac81 {\n  padding-inline-end: 0 !important;\n}\n.peXs_80f81b834c {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_267f0445ed {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_e6dbb1db16 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_e0bfdc4aa6 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_8b8c1f4202 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_469a298fbd {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_ad9e0b6af7 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_395d2ffa26 {\n  padding-bottom: 0 !important;\n}\n.pbXs_591dbc2543 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_7c99fa0a23 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_04886fad7a {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_ffad2432e9 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_5127ffa064 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_c6cb7a1564 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_a0b293a61d {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_0563c6a9d6 {\n  padding-inline-start: 0 !important;\n}\n.psXs_1e08629925 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_841e73376f {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_07eee83363 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_b0562efaff {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_1f22c22acb {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_48a73f8773 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_3581f66999 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_6fe0545dcd {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_8e9e3e5a1c {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_8c060ca4fc {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_46c453e64e {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_21e0f8d308 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_a93872999a {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_5b065b2cd4 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_b24632742d {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_bc72f1d795",scrollable:"scrollable_4803354333",opacityDisabled:"opacityDisabled_e3538108c5",border:"border_551bc6f647",borderColorUiBorderColor:"borderColorUiBorderColor_8836a4a493",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_d34652f9ba",rounded0:"rounded0_a2509b5f29",roundedSmall:"roundedSmall_f3248ff405",roundedMedium:"roundedMedium_a15a36e14f",roundedBig:"roundedBig_1c2066e406",shadowXs:"shadowXs_7e90e0082b",shadowSmall:"shadowSmall_d692eadadb",shadowMedium:"shadowMedium_2c18d5738f",shadowLarge:"shadowLarge_71a2b755b2",m0:"m0_e7d505005e",mXs:"mXs_35a5bdbca5",mSmall:"mSmall_00f6d2c954",mMedium:"mMedium_b77790ad4d",mLarge:"mLarge_c7b52360d6",mXl:"mXl_3e244d05e2",mXxl:"mXxl_602ab3165f",mXxxl:"mXxxl_20314deca8",mAuto:"mAuto_dc063bc207",mx0:"mx0_4c8633dc7c",mxXs:"mxXs_13afad167a",mxSmall:"mxSmall_56290b984d",mxMedium:"mxMedium_5b75acb023",mxLarge:"mxLarge_2d865c5d4a",mxXl:"mxXl_a6b1a2c2e2",mxXxl:"mxXxl_2f7123a81b",mxXxxl:"mxXxxl_770dc21f45",mxAuto:"mxAuto_0d20702d27",my0:"my0_f59468ad91",myXs:"myXs_b71fdb6d23",mySmall:"mySmall_1e47b277db",myMedium:"myMedium_4c6782416f",myLarge:"myLarge_3b43fa25b7",myXl:"myXl_f212f370b1",myXxl:"myXxl_cb52b833c1",myXxxl:"myXxxl_a5d6c2619e",myAuto:"myAuto_0c455009be",mt0:"mt0_91754acac3",mtXs:"mtXs_0caa402e22",mtSmall:"mtSmall_bacec8575e",mtMedium:"mtMedium_3ee9af2f01",mtLarge:"mtLarge_25d20abe49",mtXl:"mtXl_c9e7956769",mtXxl:"mtXxl_47384f53ad",mtXxxl:"mtXxxl_b761ece587",mtAuto:"mtAuto_9039ab1f1b",me0:"me0_94fb742153",meXs:"meXs_ca35c83bf1",meSmall:"meSmall_f2b1a0dd55",meMedium:"meMedium_061dcf4b74",meLarge:"meLarge_f168f98247",meXl:"meXl_d19d71f993",meXxl:"meXxl_7b193b2968",meXxxl:"meXxxl_80614ac680",meAuto:"meAuto_efcfe84f2e",mb0:"mb0_4e77472b36",mbXs:"mbXs_cebf301109",mbSmall:"mbSmall_3b3164eb89",mbMedium:"mbMedium_5619886b7c",mbLarge:"mbLarge_7909209510",mbXl:"mbXl_1433cde541",mbXxl:"mbXxl_a2015b6a73",mbXxxl:"mbXxxl_74c4831e05",mbAuto:"mbAuto_37e4ce4e24",ms0:"ms0_5923d321d0",msXs:"msXs_c66c99bd7e",msSmall:"msSmall_79f40c046b",msMedium:"msMedium_dadb1c4d6f",msLarge:"msLarge_060af2492a",msXl:"msXl_909a747762",msXxl:"msXxl_bbfefc6083",msXxxl:"msXxxl_d7fe931791",msAuto:"msAuto_4e4016fa12",p0:"p0_dfe4ef7af6",pXs:"pXs_d01ee6828e",pSmall:"pSmall_caa86c41a0",pMedium:"pMedium_80a329da53",pLarge:"pLarge_c7e98b1a16",pXl:"pXl_811005b492",pXxl:"pXxl_44d5134464",pXxxl:"pXxxl_b00763809a",px0:"px0_eb06dbf4ae",pxXs:"pxXs_326a379262",pxSmall:"pxSmall_965521dcde",pxMedium:"pxMedium_63b9742a3d",pxLarge:"pxLarge_e3bce6d1b1",pxXl:"pxXl_238fe205b8",pxXxl:"pxXxl_771b039bba",pxXxxl:"pxXxxl_0fcea31848",py0:"py0_0add624ecf",pyXs:"pyXs_f9d52cf624",pySmall:"pySmall_daebe743df",pyMedium:"pyMedium_640b9c9ea8",pyLarge:"pyLarge_758c56d1a5",pyXl:"pyXl_820db92a58",pyXxl:"pyXxl_5b246e2b00",pyXxxl:"pyXxxl_dd347a6dae",pt0:"pt0_9187137ff0",ptXs:"ptXs_639de0b5b7",ptSmall:"ptSmall_919856ebeb",ptMedium:"ptMedium_4451b860b8",ptLarge:"ptLarge_43145e261b",ptXl:"ptXl_0e7b1cdd9e",ptXxl:"ptXxl_722995552e",ptXxxl:"ptXxxl_51e530155e",pe0:"pe0_abb7c1d169",peXs:"peXs_2dd9bbd207",peSmall:"peSmall_1153831ea7",peMedium:"peMedium_9670b3b0d7",peLarge:"peLarge_2150d37833",peXl:"peXl_cc766682fe",peXxl:"peXxl_ef6c02b78d",peXxxl:"peXxxl_d5441659ad",pb0:"pb0_2227cb5477",pbXs:"pbXs_094dc86e28",pbSmall:"pbSmall_2a81f02c4c",pbMedium:"pbMedium_d1a89e7822",pbLarge:"pbLarge_66dfacead1",pbXl:"pbXl_34c3438ef9",pbXxl:"pbXxl_b005e930c5",pbXxxl:"pbXxxl_5f19e5481e",ps0:"ps0_bd8b40cd6e",psXs:"psXs_82a8b66639",psSmall:"psSmall_ac89880ceb",psMedium:"psMedium_6a1916ad98",psLarge:"psLarge_f561d6b4d5",psXl:"psXl_91de073d19",psXxl:"psXxl_967ca0a7b4",psXxxl:"psXxxl_e536fe6e6f",textPrimaryTextColor:"textPrimaryTextColor_b0407e4774",textTextColorOnInverted:"textTextColorOnInverted_a2e82b0a6d",textSecondaryTextColor:"textSecondaryTextColor_dd948c4d84",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_43c017e96e",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ae4a8b352b",bgGreyBackgroundColor:"bgGreyBackgroundColor_76cd614231",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_61badaa1b4",bgInvertedColorBackground:"bgInvertedColorBackground_cb046ef5a5"};!function(n){const a="s_id-1ea68be2c9b7_3_54_2";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_bc72f1d795 {\n  overflow: hidden;\n}\n.box_bc72f1d795.scrollable_4803354333 {\n  overflow: auto;\n}\n.box_bc72f1d795.scrollable_4803354333::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_bc72f1d795.scrollable_4803354333::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_e3538108c5 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_551bc6f647 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_8836a4a493 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_d34652f9ba {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_a2509b5f29 {\n  border-radius: 0 !important;\n}\n.roundedSmall_f3248ff405 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_a15a36e14f {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_1c2066e406 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_7e90e0082b {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_d692eadadb {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_2c18d5738f {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_71a2b755b2 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_e7d505005e {\n  margin: 0 !important;\n}\n.mXs_35a5bdbca5 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_00f6d2c954 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_b77790ad4d {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_c7b52360d6 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_3e244d05e2 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_602ab3165f {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_20314deca8 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_dc063bc207 {\n  margin: auto !important;\n}\n.mx0_4c8633dc7c {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_13afad167a {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_56290b984d {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_5b75acb023 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_2d865c5d4a {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_a6b1a2c2e2 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_2f7123a81b {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_770dc21f45 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_0d20702d27 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_f59468ad91 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_b71fdb6d23 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_1e47b277db {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_4c6782416f {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_3b43fa25b7 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_f212f370b1 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_cb52b833c1 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_a5d6c2619e {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_0c455009be {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_91754acac3 {\n  margin-top: 0 !important;\n}\n.mtXs_0caa402e22 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_bacec8575e {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_3ee9af2f01 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_25d20abe49 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_c9e7956769 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_47384f53ad {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_b761ece587 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_9039ab1f1b {\n  margin-top: auto !important;\n}\n.me0_94fb742153 {\n  margin-inline-end: 0 !important;\n}\n.meXs_ca35c83bf1 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_f2b1a0dd55 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_061dcf4b74 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_f168f98247 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_d19d71f993 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_7b193b2968 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_80614ac680 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_efcfe84f2e {\n  margin-inline-end: auto !important;\n}\n.mb0_4e77472b36 {\n  margin-bottom: 0 !important;\n}\n.mbXs_cebf301109 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_3b3164eb89 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_5619886b7c {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_7909209510 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_1433cde541 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_a2015b6a73 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_74c4831e05 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_37e4ce4e24 {\n  margin-bottom: auto !important;\n}\n.ms0_5923d321d0 {\n  margin-inline-start: 0 !important;\n}\n.msXs_c66c99bd7e {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_79f40c046b {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_dadb1c4d6f {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_060af2492a {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_909a747762 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_bbfefc6083 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_d7fe931791 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_4e4016fa12 {\n  margin-inline-start: auto !important;\n}\n.p0_dfe4ef7af6 {\n  padding: 0 !important;\n}\n.pXs_d01ee6828e {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_caa86c41a0 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_80a329da53 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_c7e98b1a16 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_811005b492 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_44d5134464 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_b00763809a {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_eb06dbf4ae {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_326a379262 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_965521dcde {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_63b9742a3d {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_e3bce6d1b1 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_238fe205b8 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_771b039bba {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_0fcea31848 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_0add624ecf {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_f9d52cf624 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_daebe743df {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_640b9c9ea8 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_758c56d1a5 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_820db92a58 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_5b246e2b00 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_dd347a6dae {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_9187137ff0 {\n  padding-top: 0 !important;\n}\n.ptXs_639de0b5b7 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_919856ebeb {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_4451b860b8 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_43145e261b {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_0e7b1cdd9e {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_722995552e {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_51e530155e {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_abb7c1d169 {\n  padding-inline-end: 0 !important;\n}\n.peXs_2dd9bbd207 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_1153831ea7 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_9670b3b0d7 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_2150d37833 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_cc766682fe {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_ef6c02b78d {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_d5441659ad {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_2227cb5477 {\n  padding-bottom: 0 !important;\n}\n.pbXs_094dc86e28 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_2a81f02c4c {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_d1a89e7822 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_66dfacead1 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_34c3438ef9 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_b005e930c5 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_5f19e5481e {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_bd8b40cd6e {\n  padding-inline-start: 0 !important;\n}\n.psXs_82a8b66639 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_ac89880ceb {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_6a1916ad98 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_f561d6b4d5 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_91de073d19 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_967ca0a7b4 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_e536fe6e6f {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_b0407e4774 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_a2e82b0a6d {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_dd948c4d84 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_43c017e96e {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ae4a8b352b {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_76cd614231 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_61badaa1b4 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_cb046ef5a5 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_199abbefbc",withoutText:"withoutText_0be5dd6350",breadcrumbText:"breadcrumbText_c7fabc1ac2",breadcrumbIcon:"breadcrumbIcon_da8e339b3d",clickable:"clickable_6a44149701",current:"current_fe53fca37c",disabled:"disabled_77435c8a4d",notClickable:"notClickable_da59190bb4"};!function(e){const n="s_id-55ff70da99a4_3_54_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_199abbefbc {\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_199abbefbc.withoutText_0be5dd6350 {\n  padding: 4px;\n}\na.breadcrumbContent_199abbefbc:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_199abbefbc .breadcrumbText_c7fabc1ac2 {\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_199abbefbc .breadcrumbIcon_da8e339b3d {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_199abbefbc:focus {\n  outline: none;\n}\n.breadcrumbContent_199abbefbc.clickable_6a44149701 {\n  cursor: pointer;\n}\n.breadcrumbContent_199abbefbc.clickable_6a44149701:hover,\n.breadcrumbContent_199abbefbc:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_199abbefbc.current_fe53fca37c {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_199abbefbc.disabled_77435c8a4d {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_199abbefbc.disabled_77435c8a4d:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_199abbefbc.notClickable_da59190bb4 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_da11869e95",withoutText:"withoutText_f65a23c962",breadcrumbText:"breadcrumbText_c87c93d386",breadcrumbIcon:"breadcrumbIcon_5e98acdc0b",clickable:"clickable_3729787a93",current:"current_c607c8ed04",disabled:"disabled_9e5caeaf6e",notClickable:"notClickable_4f937ba257"};!function(e){const n="s_id-55ff70da99a4_3_54_2";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_da11869e95 {\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_da11869e95.withoutText_f65a23c962 {\n  padding: 4px;\n}\na.breadcrumbContent_da11869e95:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_da11869e95 .breadcrumbText_c87c93d386 {\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_da11869e95 .breadcrumbIcon_5e98acdc0b {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_da11869e95:focus {\n  outline: none;\n}\n.breadcrumbContent_da11869e95.clickable_3729787a93 {\n  cursor: pointer;\n}\n.breadcrumbContent_da11869e95.clickable_3729787a93:hover,\n.breadcrumbContent_da11869e95:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_da11869e95.current_c607c8ed04 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_da11869e95.disabled_9e5caeaf6e {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_da11869e95.disabled_9e5caeaf6e:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_da11869e95.notClickable_4f937ba257 {\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_0aac03b6c9",disabled:"disabled_286e1eda4f"};!function(e){const d="s_id-03f482333e23_3_54_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_0aac03b6c9 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_0aac03b6c9.disabled_286e1eda4f {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_bc47e0797a",disabled:"disabled_8b15dcc75e"};!function(e){const d="s_id-03f482333e23_3_54_2";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_bc47e0797a {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_bc47e0797a.disabled_8b15dcc75e {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_0aac03b6c9"};!function(e){const n="s_id-fc5ae89c4b65_3_54_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_0aac03b6c9 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_bc47e0797a"};!function(e){const n="s_id-fc5ae89c4b65_3_54_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_bc47e0797a {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var o={button:"button_20b369a482","focus-visible":"focus-visible_603375b0a9",loader:"loader_0723c80307",loaderSvg:"loaderSvg_13e99e932f",textPlaceholder:"textPlaceholder_b66bb55a6d",success:"success_83d1d1bedb",successContent:"successContent_bb277c8a3e",marginRight:"marginRight_59ce012f47",marginLeft:"marginLeft_7d4f7b4f2a",rightFlat:"rightFlat_f84a07121f",leftFlat:"leftFlat_1549c55c0e",preventClickAnimation:"preventClickAnimation_9530e8c07c",leftIcon:"leftIcon_59ce012f47",rightIcon:"rightIcon_7d4f7b4f2a",sizeXxs:"sizeXxs_8a10ba2a67",sizeXs:"sizeXs_eb4e41ac77",sizeSmall:"sizeSmall_491f294eff",sizeMedium:"sizeMedium_0674e00409",sizeLarge:"sizeLarge_865a5cc7d2",kindPrimary:"kindPrimary_4a335d8a2b",colorPrimary:"colorPrimary_447163dded",colorBrand:"colorBrand_8520d5c070",colorPrimaryActive:"colorPrimaryActive_57f56b0140",colorBrandActive:"colorBrandActive_7003f9b5f0",colorPositive:"colorPositive_bc613d61a5",colorPositiveActive:"colorPositiveActive_820b20dee9",colorNegative:"colorNegative_14f88dd93c",colorNegativeActive:"colorNegativeActive_820b20dee9",colorInverted:"colorInverted_0f86cd89f5",colorInvertedActive:"colorInvertedActive_820b20dee9",disabled:"disabled_2a0d29bd79",colorOnPrimaryColor:"colorOnPrimaryColor_4b2b194eb7",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_5baa3052d8",colorFixedLight:"colorFixedLight_a8fe544950",colorFixedLightActive:"colorFixedLightActive_9530e8c07c",colorFixedDark:"colorFixedDark_efab8b6bb5",colorFixedDarkActive:"colorFixedDarkActive_f1b488b6a0",colorOnInvertedBackground:"colorOnInvertedBackground_7238018c40",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_83d87d8ca3",kindSecondary:"kindSecondary_c51b46d3a5",kindTertiary:"kindTertiary_81f20c5bac",noSidePadding:"noSidePadding_ee8e7e24be",insetFocusStyle:"insetFocusStyle_e6770b6771"};!function(o){const r="s_id-f5db469b1a79_3_54_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_20b369a482 {\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_20b369a482:focus-visible, .button_20b369a482.focus-visible_603375b0a9 {\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_20b369a482:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.button_20b369a482 .loader_0723c80307 {\n  height: 100%;\n}\n.button_20b369a482 .loader_0723c80307 .loaderSvg_13e99e932f {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_20b369a482 .textPlaceholder_b66bb55a6d {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_20b369a482.success_83d1d1bedb {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_20b369a482.success_83d1d1bedb .successContent_bb277c8a3e {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_59ce012f47 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_7d4f7b4f2a {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_f84a07121f {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_1549c55c0e {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_20b369a482:active:not(.preventClickAnimation_9530e8c07c) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_20b369a482 .leftIcon_59ce012f47 {\n  margin-right: var(--spacing-small);\n}\n.button_20b369a482 .rightIcon_7d4f7b4f2a {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_8a10ba2a67 {\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_eb4e41ac77 {\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_491f294eff {\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_491f294eff .loader_0723c80307 {\n  top: 7px;\n}\n.sizeMedium_0674e00409 {\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_865a5cc7d2 {\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_4a335d8a2b {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_4a335d8a2b.colorPrimary_447163dded {\n  background: var(--primary-color);\n}\n.kindPrimary_4a335d8a2b.colorBrand_8520d5c070 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_4a335d8a2b.colorPrimaryActive_57f56b0140,\n.kindPrimary_4a335d8a2b.colorPrimary_447163dded:hover,\n.kindPrimary_4a335d8a2b.colorPrimary_447163dded:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_4a335d8a2b.colorBrandActive_7003f9b5f0,\n.kindPrimary_4a335d8a2b.colorBrand_8520d5c070:hover,\n.kindPrimary_4a335d8a2b.colorBrand_8520d5c070:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_4a335d8a2b.colorPositive_bc613d61a5 {\n  background: var(--positive-color);\n}\n.kindPrimary_4a335d8a2b.colorPositiveActive_820b20dee9,\n.kindPrimary_4a335d8a2b.colorPositive_bc613d61a5:hover,\n.kindPrimary_4a335d8a2b.colorPositive_bc613d61a5:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_4a335d8a2b.colorNegative_14f88dd93c {\n  background: var(--negative-color);\n}\n.kindPrimary_4a335d8a2b.colorNegativeActive_820b20dee9,\n.kindPrimary_4a335d8a2b.colorNegative_14f88dd93c:hover,\n.kindPrimary_4a335d8a2b.colorNegative_14f88dd93c:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_4a335d8a2b.colorInverted_0f86cd89f5 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_4a335d8a2b.colorInvertedActive_820b20dee9,\n.kindPrimary_4a335d8a2b.colorInverted_0f86cd89f5:hover,\n.kindPrimary_4a335d8a2b.colorInverted_0f86cd89f5:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_4a335d8a2b.button_20b369a482.colorInverted_0f86cd89f5.disabled_2a0d29bd79 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_4a335d8a2b.colorOnPrimaryColorActive_5baa3052d8,\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:hover,\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_4a335d8a2b.colorOnPrimaryColorActive_5baa3052d8:focus-visible, .kindPrimary_4a335d8a2b.colorOnPrimaryColorActive_5baa3052d8.focus-visible_603375b0a9,\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:hover:focus-visible,\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:hover.focus-visible_603375b0a9,\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:focus:focus-visible,\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:focus.focus-visible_603375b0a9 {\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_4a335d8a2b.colorOnPrimaryColorActive_5baa3052d8:focus:not(.focus-visible_603375b0a9),\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:hover:focus:not(.focus-visible_603375b0a9),\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindPrimary_4a335d8a2b.colorOnPrimaryColor_4b2b194eb7.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_4a335d8a2b.colorFixedLightActive_9530e8c07c,\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:hover,\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_4a335d8a2b.colorFixedLightActive_9530e8c07c:focus-visible, .kindPrimary_4a335d8a2b.colorFixedLightActive_9530e8c07c.focus-visible_603375b0a9,\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:hover:focus-visible,\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:hover.focus-visible_603375b0a9,\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:focus:focus-visible,\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:focus.focus-visible_603375b0a9 {\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_4a335d8a2b.colorFixedLightActive_9530e8c07c:focus:not(.focus-visible_603375b0a9),\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:hover:focus:not(.focus-visible_603375b0a9),\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindPrimary_4a335d8a2b.colorFixedLight_a8fe544950.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_4a335d8a2b.colorFixedDarkActive_f1b488b6a0,\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:hover,\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_4a335d8a2b.colorFixedDarkActive_f1b488b6a0:focus-visible, .kindPrimary_4a335d8a2b.colorFixedDarkActive_f1b488b6a0.focus-visible_603375b0a9,\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:hover:focus-visible,\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:hover.focus-visible_603375b0a9,\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:focus:focus-visible,\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:focus.focus-visible_603375b0a9 {\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_4a335d8a2b.colorFixedDarkActive_f1b488b6a0:focus:not(.focus-visible_603375b0a9),\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:hover:focus:not(.focus-visible_603375b0a9),\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindPrimary_4a335d8a2b.colorFixedDark_efab8b6bb5.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_4a335d8a2b.colorOnInvertedBackground_7238018c40 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_4a335d8a2b.colorOnInvertedBackgroundActive_83d87d8ca3,\n.kindPrimary_4a335d8a2b.colorOnInvertedBackground_7238018c40:hover,\n.kindPrimary_4a335d8a2b.colorOnInvertedBackground_7238018c40:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_4a335d8a2b.button_20b369a482.colorOnInvertedBackground_7238018c40.disabled_2a0d29bd79 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_4a335d8a2b.button_20b369a482.disabled_2a0d29bd79 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_c51b46d3a5 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_c51b46d3a5.sizeSmall_491f294eff {\n  line-height: 22px;\n}\n.kindSecondary_c51b46d3a5.sizeMedium_0674e00409 {\n  line-height: 22px;\n}\n.kindSecondary_c51b46d3a5.sizeLarge_865a5cc7d2 {\n  line-height: 22px;\n}\n.kindSecondary_c51b46d3a5.colorPrimaryActive_57f56b0140 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_c51b46d3a5.colorPrimaryActive_57f56b0140:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_c51b46d3a5.colorBrandActive_7003f9b5f0 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_c51b46d3a5.colorBrandActive_7003f9b5f0,\n.kindSecondary_c51b46d3a5.colorBrandActive_7003f9b5f0:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_c51b46d3a5.colorPrimary_447163dded:hover:not(.colorPrimaryActive_57f56b0140),\n.kindSecondary_c51b46d3a5.colorPrimary_447163dded:focus:not(.colorPrimaryActive_57f56b0140) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_c51b46d3a5.colorBrand_8520d5c070:hover:not(.colorBrandActive_7003f9b5f0),\n.kindSecondary_c51b46d3a5.colorBrand_8520d5c070:focus:not(.colorBrandActive_7003f9b5f0) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_c51b46d3a5.colorPositive_bc613d61a5 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_c51b46d3a5.colorPositiveActive_820b20dee9,\n.kindSecondary_c51b46d3a5.colorPositive_bc613d61a5:hover,\n.kindSecondary_c51b46d3a5.colorPositive_bc613d61a5:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_c51b46d3a5.colorNegative_14f88dd93c {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_c51b46d3a5.colorNegativeActive_820b20dee9,\n.kindSecondary_c51b46d3a5.colorNegative_14f88dd93c:hover,\n.kindSecondary_c51b46d3a5.colorNegative_14f88dd93c:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_c51b46d3a5.colorInverted_0f86cd89f5 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_c51b46d3a5.colorInvertedActive_820b20dee9,\n.kindSecondary_c51b46d3a5.colorInverted_0f86cd89f5:hover,\n.kindSecondary_c51b46d3a5.colorInverted_0f86cd89f5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_c51b46d3a5.colorInverted_0f86cd89f5.disabled_2a0d29bd79 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_c51b46d3a5.colorOnPrimaryColorActive_5baa3052d8,\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:hover,\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_c51b46d3a5.colorOnPrimaryColorActive_5baa3052d8:focus-visible, .kindSecondary_c51b46d3a5.colorOnPrimaryColorActive_5baa3052d8.focus-visible_603375b0a9,\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:hover:focus-visible,\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:hover.focus-visible_603375b0a9,\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:focus:focus-visible,\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:focus.focus-visible_603375b0a9 {\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_c51b46d3a5.colorOnPrimaryColorActive_5baa3052d8:focus:not(.focus-visible_603375b0a9),\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:hover:focus:not(.focus-visible_603375b0a9),\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindSecondary_c51b46d3a5.colorOnPrimaryColor_4b2b194eb7.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_c51b46d3a5.colorFixedLightActive_9530e8c07c,\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:hover,\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_c51b46d3a5.colorFixedLightActive_9530e8c07c:focus-visible, .kindSecondary_c51b46d3a5.colorFixedLightActive_9530e8c07c.focus-visible_603375b0a9,\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:hover:focus-visible,\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:hover.focus-visible_603375b0a9,\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:focus:focus-visible,\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:focus.focus-visible_603375b0a9 {\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_c51b46d3a5.colorFixedLightActive_9530e8c07c:focus:not(.focus-visible_603375b0a9),\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:hover:focus:not(.focus-visible_603375b0a9),\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_c51b46d3a5.colorFixedDarkActive_f1b488b6a0,\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:hover,\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_c51b46d3a5.colorFixedDarkActive_f1b488b6a0:focus-visible, .kindSecondary_c51b46d3a5.colorFixedDarkActive_f1b488b6a0.focus-visible_603375b0a9,\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:hover:focus-visible,\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:hover.focus-visible_603375b0a9,\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:focus:focus-visible,\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:focus.focus-visible_603375b0a9 {\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_c51b46d3a5.colorFixedDarkActive_f1b488b6a0:focus:not(.focus-visible_603375b0a9),\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:hover:focus:not(.focus-visible_603375b0a9),\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindSecondary_c51b46d3a5.colorOnInvertedBackground_7238018c40 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_c51b46d3a5.colorOnInvertedBackgroundActive_83d87d8ca3,\n.kindSecondary_c51b46d3a5.colorOnInvertedBackground_7238018c40:hover,\n.kindSecondary_c51b46d3a5.colorOnInvertedBackground_7238018c40:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_c51b46d3a5.colorOnInvertedBackground_7238018c40.disabled_2a0d29bd79 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_c51b46d3a5.colorFixedLight_a8fe544950.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_c51b46d3a5.colorFixedDark_efab8b6bb5.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_c51b46d3a5.disabled_2a0d29bd79 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_c51b46d3a5.disabled_2a0d29bd79:hover {\n  background-color: transparent;\n}\n.kindTertiary_81f20c5bac {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_81f20c5bac.colorPrimaryActive_57f56b0140 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_81f20c5bac.colorPrimaryActive_57f56b0140:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_81f20c5bac.colorBrandActive_7003f9b5f0 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_81f20c5bac.colorBrandActive_7003f9b5f0,\n.kindTertiary_81f20c5bac.colorBrandActive_7003f9b5f0:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_81f20c5bac.colorPrimary_447163dded:hover:not(.colorPrimaryActive_57f56b0140),\n.kindTertiary_81f20c5bac.colorPrimary_447163dded:focus:not(.colorPrimaryActive_57f56b0140) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_81f20c5bac.colorBrand_8520d5c070:hover:not(.colorBrandActive_7003f9b5f0),\n.kindTertiary_81f20c5bac.colorBrand_8520d5c070:focus:not(.colorBrandActive_7003f9b5f0) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_81f20c5bac.colorPositive_bc613d61a5 {\n  color: var(--positive-color);\n}\n.kindTertiary_81f20c5bac.colorPositiveActive_820b20dee9,\n.kindTertiary_81f20c5bac.colorPositive_bc613d61a5:hover,\n.kindTertiary_81f20c5bac.colorPositive_bc613d61a5:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_81f20c5bac.colorNegative_14f88dd93c {\n  color: var(--negative-color);\n}\n.kindTertiary_81f20c5bac.colorNegativeActive_820b20dee9,\n.kindTertiary_81f20c5bac.colorNegative_14f88dd93c:hover,\n.kindTertiary_81f20c5bac.colorNegative_14f88dd93c:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_81f20c5bac.colorInverted_0f86cd89f5 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_81f20c5bac.colorInvertedActive_820b20dee9,\n.kindTertiary_81f20c5bac.colorInverted_0f86cd89f5:hover,\n.kindTertiary_81f20c5bac.colorInverted_0f86cd89f5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_81f20c5bac.colorInverted_0f86cd89f5.disabled_2a0d29bd79 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_81f20c5bac.colorOnPrimaryColorActive_5baa3052d8,\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:hover,\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_81f20c5bac.colorOnPrimaryColorActive_5baa3052d8:focus-visible, .kindTertiary_81f20c5bac.colorOnPrimaryColorActive_5baa3052d8.focus-visible_603375b0a9,\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:hover:focus-visible,\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:hover.focus-visible_603375b0a9,\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:focus:focus-visible,\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:focus.focus-visible_603375b0a9 {\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_81f20c5bac.colorOnPrimaryColorActive_5baa3052d8:focus:not(.focus-visible_603375b0a9),\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:hover:focus:not(.focus-visible_603375b0a9),\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindTertiary_81f20c5bac.colorOnPrimaryColor_4b2b194eb7.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_81f20c5bac.colorFixedLightActive_9530e8c07c,\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:hover,\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_81f20c5bac.colorFixedLightActive_9530e8c07c:focus-visible, .kindTertiary_81f20c5bac.colorFixedLightActive_9530e8c07c.focus-visible_603375b0a9,\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:hover:focus-visible,\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:hover.focus-visible_603375b0a9,\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:focus:focus-visible,\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:focus.focus-visible_603375b0a9 {\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_81f20c5bac.colorFixedLightActive_9530e8c07c:focus:not(.focus-visible_603375b0a9),\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:hover:focus:not(.focus-visible_603375b0a9),\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindTertiary_81f20c5bac.colorFixedLight_a8fe544950.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_81f20c5bac.colorFixedDarkActive_f1b488b6a0,\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:hover,\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_81f20c5bac.colorFixedDarkActive_f1b488b6a0:focus-visible, .kindTertiary_81f20c5bac.colorFixedDarkActive_f1b488b6a0.focus-visible_603375b0a9,\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:hover:focus-visible,\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:hover.focus-visible_603375b0a9,\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:focus:focus-visible,\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:focus.focus-visible_603375b0a9 {\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_81f20c5bac.colorFixedDarkActive_f1b488b6a0:focus:not(.focus-visible_603375b0a9),\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:hover:focus:not(.focus-visible_603375b0a9),\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5:focus:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.kindTertiary_81f20c5bac.colorFixedDark_efab8b6bb5.disabled_2a0d29bd79 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_81f20c5bac.colorOnInvertedBackground_7238018c40 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_81f20c5bac.colorOnInvertedBackgroundActive_83d87d8ca3,\n.kindTertiary_81f20c5bac.colorOnInvertedBackground_7238018c40:hover,\n.kindTertiary_81f20c5bac.colorOnInvertedBackground_7238018c40:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_81f20c5bac.colorOnInvertedBackground_7238018c40.disabled_2a0d29bd79 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_81f20c5bac.disabled_2a0d29bd79 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_81f20c5bac.disabled_2a0d29bd79:hover {\n  background-color: transparent;\n}\n.noSidePadding_ee8e7e24be {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_20b369a482.insetFocusStyle_e6770b6771:focus-visible, .button_20b369a482.insetFocusStyle_e6770b6771.focus-visible_603375b0a9 {\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_20b369a482.insetFocusStyle_e6770b6771:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_7bc5e91946","focus-visible":"focus-visible_81ac3324a5",loader:"loader_8ee8ebb46b",loaderSvg:"loaderSvg_eba0ab2e56",textPlaceholder:"textPlaceholder_4759044ba4",success:"success_9dd9a53e56",successContent:"successContent_aedfb15d18",marginRight:"marginRight_35ebedfa56",marginLeft:"marginLeft_b3455bca34",rightFlat:"rightFlat_ca2a4b9a82",leftFlat:"leftFlat_6f83253768",preventClickAnimation:"preventClickAnimation_2e8a610bec",leftIcon:"leftIcon_35ebedfa56",rightIcon:"rightIcon_b3455bca34",sizeXxs:"sizeXxs_3aaefd4d04",sizeXs:"sizeXs_2e940e4cb2",sizeSmall:"sizeSmall_d33ca1a09f",sizeMedium:"sizeMedium_8903933d62",sizeLarge:"sizeLarge_e9288dfc7f",kindPrimary:"kindPrimary_ed0b6497ec",colorPrimary:"colorPrimary_db58d1aeef",colorBrand:"colorBrand_4acf6ed3b3",colorPrimaryActive:"colorPrimaryActive_f770c0daca",colorBrandActive:"colorBrandActive_1a72c2ca7e",colorPositive:"colorPositive_2843b09a5b",colorPositiveActive:"colorPositiveActive_7833b13007",colorNegative:"colorNegative_29eb6bc02e",colorNegativeActive:"colorNegativeActive_7833b13007",colorInverted:"colorInverted_92c225f191",colorInvertedActive:"colorInvertedActive_7833b13007",disabled:"disabled_197266e729",colorOnPrimaryColor:"colorOnPrimaryColor_c5699f4a1a",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_7dd5f6dbe7",colorFixedLight:"colorFixedLight_8045be610b",colorFixedLightActive:"colorFixedLightActive_2e8a610bec",colorFixedDark:"colorFixedDark_8c537164d5",colorFixedDarkActive:"colorFixedDarkActive_44f2ddd4a9",colorOnInvertedBackground:"colorOnInvertedBackground_9fe16d5769",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_855523fea0",kindSecondary:"kindSecondary_4b1eb6b18b",kindTertiary:"kindTertiary_d2d887bf65",noSidePadding:"noSidePadding_f5c240b72a",insetFocusStyle:"insetFocusStyle_83991feb78"};!function(o){const r="s_id-f5db469b1a79_3_54_2";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_7bc5e91946 {\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_7bc5e91946:focus-visible, .button_7bc5e91946.focus-visible_81ac3324a5 {\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_7bc5e91946:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.button_7bc5e91946 .loader_8ee8ebb46b {\n  height: 100%;\n}\n.button_7bc5e91946 .loader_8ee8ebb46b .loaderSvg_eba0ab2e56 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_7bc5e91946 .textPlaceholder_4759044ba4 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_7bc5e91946.success_9dd9a53e56 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_7bc5e91946.success_9dd9a53e56 .successContent_aedfb15d18 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_35ebedfa56 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_b3455bca34 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_ca2a4b9a82 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_6f83253768 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_7bc5e91946:active:not(.preventClickAnimation_2e8a610bec) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_7bc5e91946 .leftIcon_35ebedfa56 {\n  margin-right: var(--spacing-small);\n}\n.button_7bc5e91946 .rightIcon_b3455bca34 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_3aaefd4d04 {\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_2e940e4cb2 {\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_d33ca1a09f {\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_d33ca1a09f .loader_8ee8ebb46b {\n  top: 7px;\n}\n.sizeMedium_8903933d62 {\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_e9288dfc7f {\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_ed0b6497ec {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_ed0b6497ec.colorPrimary_db58d1aeef {\n  background: var(--primary-color);\n}\n.kindPrimary_ed0b6497ec.colorBrand_4acf6ed3b3 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_ed0b6497ec.colorPrimaryActive_f770c0daca,\n.kindPrimary_ed0b6497ec.colorPrimary_db58d1aeef:hover,\n.kindPrimary_ed0b6497ec.colorPrimary_db58d1aeef:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_ed0b6497ec.colorBrandActive_1a72c2ca7e,\n.kindPrimary_ed0b6497ec.colorBrand_4acf6ed3b3:hover,\n.kindPrimary_ed0b6497ec.colorBrand_4acf6ed3b3:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_ed0b6497ec.colorPositive_2843b09a5b {\n  background: var(--positive-color);\n}\n.kindPrimary_ed0b6497ec.colorPositiveActive_7833b13007,\n.kindPrimary_ed0b6497ec.colorPositive_2843b09a5b:hover,\n.kindPrimary_ed0b6497ec.colorPositive_2843b09a5b:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_ed0b6497ec.colorNegative_29eb6bc02e {\n  background: var(--negative-color);\n}\n.kindPrimary_ed0b6497ec.colorNegativeActive_7833b13007,\n.kindPrimary_ed0b6497ec.colorNegative_29eb6bc02e:hover,\n.kindPrimary_ed0b6497ec.colorNegative_29eb6bc02e:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_ed0b6497ec.colorInverted_92c225f191 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_ed0b6497ec.colorInvertedActive_7833b13007,\n.kindPrimary_ed0b6497ec.colorInverted_92c225f191:hover,\n.kindPrimary_ed0b6497ec.colorInverted_92c225f191:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_ed0b6497ec.button_7bc5e91946.colorInverted_92c225f191.disabled_197266e729 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_ed0b6497ec.colorOnPrimaryColorActive_7dd5f6dbe7,\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:hover,\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_ed0b6497ec.colorOnPrimaryColorActive_7dd5f6dbe7:focus-visible, .kindPrimary_ed0b6497ec.colorOnPrimaryColorActive_7dd5f6dbe7.focus-visible_81ac3324a5,\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:hover:focus-visible,\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:hover.focus-visible_81ac3324a5,\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:focus:focus-visible,\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:focus.focus-visible_81ac3324a5 {\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_ed0b6497ec.colorOnPrimaryColorActive_7dd5f6dbe7:focus:not(.focus-visible_81ac3324a5),\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:hover:focus:not(.focus-visible_81ac3324a5),\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindPrimary_ed0b6497ec.colorOnPrimaryColor_c5699f4a1a.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_ed0b6497ec.colorFixedLightActive_2e8a610bec,\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:hover,\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_ed0b6497ec.colorFixedLightActive_2e8a610bec:focus-visible, .kindPrimary_ed0b6497ec.colorFixedLightActive_2e8a610bec.focus-visible_81ac3324a5,\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:hover:focus-visible,\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:hover.focus-visible_81ac3324a5,\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:focus:focus-visible,\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:focus.focus-visible_81ac3324a5 {\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_ed0b6497ec.colorFixedLightActive_2e8a610bec:focus:not(.focus-visible_81ac3324a5),\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:hover:focus:not(.focus-visible_81ac3324a5),\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindPrimary_ed0b6497ec.colorFixedLight_8045be610b.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_ed0b6497ec.colorFixedDarkActive_44f2ddd4a9,\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:hover,\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_ed0b6497ec.colorFixedDarkActive_44f2ddd4a9:focus-visible, .kindPrimary_ed0b6497ec.colorFixedDarkActive_44f2ddd4a9.focus-visible_81ac3324a5,\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:hover:focus-visible,\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:hover.focus-visible_81ac3324a5,\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:focus:focus-visible,\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:focus.focus-visible_81ac3324a5 {\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_ed0b6497ec.colorFixedDarkActive_44f2ddd4a9:focus:not(.focus-visible_81ac3324a5),\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:hover:focus:not(.focus-visible_81ac3324a5),\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindPrimary_ed0b6497ec.colorFixedDark_8c537164d5.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_ed0b6497ec.colorOnInvertedBackground_9fe16d5769 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_ed0b6497ec.colorOnInvertedBackgroundActive_855523fea0,\n.kindPrimary_ed0b6497ec.colorOnInvertedBackground_9fe16d5769:hover,\n.kindPrimary_ed0b6497ec.colorOnInvertedBackground_9fe16d5769:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_ed0b6497ec.button_7bc5e91946.colorOnInvertedBackground_9fe16d5769.disabled_197266e729 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_ed0b6497ec.button_7bc5e91946.disabled_197266e729 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4b1eb6b18b {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_4b1eb6b18b.sizeSmall_d33ca1a09f {\n  line-height: 22px;\n}\n.kindSecondary_4b1eb6b18b.sizeMedium_8903933d62 {\n  line-height: 22px;\n}\n.kindSecondary_4b1eb6b18b.sizeLarge_e9288dfc7f {\n  line-height: 22px;\n}\n.kindSecondary_4b1eb6b18b.colorPrimaryActive_f770c0daca {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4b1eb6b18b.colorPrimaryActive_f770c0daca:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4b1eb6b18b.colorBrandActive_1a72c2ca7e {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_4b1eb6b18b.colorBrandActive_1a72c2ca7e,\n.kindSecondary_4b1eb6b18b.colorBrandActive_1a72c2ca7e:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_4b1eb6b18b.colorPrimary_db58d1aeef:hover:not(.colorPrimaryActive_f770c0daca),\n.kindSecondary_4b1eb6b18b.colorPrimary_db58d1aeef:focus:not(.colorPrimaryActive_f770c0daca) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4b1eb6b18b.colorBrand_4acf6ed3b3:hover:not(.colorBrandActive_1a72c2ca7e),\n.kindSecondary_4b1eb6b18b.colorBrand_4acf6ed3b3:focus:not(.colorBrandActive_1a72c2ca7e) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4b1eb6b18b.colorPositive_2843b09a5b {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_4b1eb6b18b.colorPositiveActive_7833b13007,\n.kindSecondary_4b1eb6b18b.colorPositive_2843b09a5b:hover,\n.kindSecondary_4b1eb6b18b.colorPositive_2843b09a5b:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_4b1eb6b18b.colorNegative_29eb6bc02e {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_4b1eb6b18b.colorNegativeActive_7833b13007,\n.kindSecondary_4b1eb6b18b.colorNegative_29eb6bc02e:hover,\n.kindSecondary_4b1eb6b18b.colorNegative_29eb6bc02e:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_4b1eb6b18b.colorInverted_92c225f191 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_4b1eb6b18b.colorInvertedActive_7833b13007,\n.kindSecondary_4b1eb6b18b.colorInverted_92c225f191:hover,\n.kindSecondary_4b1eb6b18b.colorInverted_92c225f191:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4b1eb6b18b.colorInverted_92c225f191.disabled_197266e729 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColorActive_7dd5f6dbe7,\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:hover,\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColorActive_7dd5f6dbe7:focus-visible, .kindSecondary_4b1eb6b18b.colorOnPrimaryColorActive_7dd5f6dbe7.focus-visible_81ac3324a5,\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:hover:focus-visible,\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:hover.focus-visible_81ac3324a5,\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:focus:focus-visible,\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:focus.focus-visible_81ac3324a5 {\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_4b1eb6b18b.colorOnPrimaryColorActive_7dd5f6dbe7:focus:not(.focus-visible_81ac3324a5),\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:hover:focus:not(.focus-visible_81ac3324a5),\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindSecondary_4b1eb6b18b.colorOnPrimaryColor_c5699f4a1a.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4b1eb6b18b.colorFixedLightActive_2e8a610bec,\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:hover,\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4b1eb6b18b.colorFixedLightActive_2e8a610bec:focus-visible, .kindSecondary_4b1eb6b18b.colorFixedLightActive_2e8a610bec.focus-visible_81ac3324a5,\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:hover:focus-visible,\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:hover.focus-visible_81ac3324a5,\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:focus:focus-visible,\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:focus.focus-visible_81ac3324a5 {\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_4b1eb6b18b.colorFixedLightActive_2e8a610bec:focus:not(.focus-visible_81ac3324a5),\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:hover:focus:not(.focus-visible_81ac3324a5),\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_4b1eb6b18b.colorFixedDarkActive_44f2ddd4a9,\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:hover,\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_4b1eb6b18b.colorFixedDarkActive_44f2ddd4a9:focus-visible, .kindSecondary_4b1eb6b18b.colorFixedDarkActive_44f2ddd4a9.focus-visible_81ac3324a5,\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:hover:focus-visible,\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:hover.focus-visible_81ac3324a5,\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:focus:focus-visible,\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:focus.focus-visible_81ac3324a5 {\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_4b1eb6b18b.colorFixedDarkActive_44f2ddd4a9:focus:not(.focus-visible_81ac3324a5),\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:hover:focus:not(.focus-visible_81ac3324a5),\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindSecondary_4b1eb6b18b.colorOnInvertedBackground_9fe16d5769 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_4b1eb6b18b.colorOnInvertedBackgroundActive_855523fea0,\n.kindSecondary_4b1eb6b18b.colorOnInvertedBackground_9fe16d5769:hover,\n.kindSecondary_4b1eb6b18b.colorOnInvertedBackground_9fe16d5769:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_4b1eb6b18b.colorOnInvertedBackground_9fe16d5769.disabled_197266e729 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_4b1eb6b18b.colorFixedLight_8045be610b.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4b1eb6b18b.colorFixedDark_8c537164d5.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_4b1eb6b18b.disabled_197266e729 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4b1eb6b18b.disabled_197266e729:hover {\n  background-color: transparent;\n}\n.kindTertiary_d2d887bf65 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_d2d887bf65.colorPrimaryActive_f770c0daca {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_d2d887bf65.colorPrimaryActive_f770c0daca:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_d2d887bf65.colorBrandActive_1a72c2ca7e {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_d2d887bf65.colorBrandActive_1a72c2ca7e,\n.kindTertiary_d2d887bf65.colorBrandActive_1a72c2ca7e:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_d2d887bf65.colorPrimary_db58d1aeef:hover:not(.colorPrimaryActive_f770c0daca),\n.kindTertiary_d2d887bf65.colorPrimary_db58d1aeef:focus:not(.colorPrimaryActive_f770c0daca) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d2d887bf65.colorBrand_4acf6ed3b3:hover:not(.colorBrandActive_1a72c2ca7e),\n.kindTertiary_d2d887bf65.colorBrand_4acf6ed3b3:focus:not(.colorBrandActive_1a72c2ca7e) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d2d887bf65.colorPositive_2843b09a5b {\n  color: var(--positive-color);\n}\n.kindTertiary_d2d887bf65.colorPositiveActive_7833b13007,\n.kindTertiary_d2d887bf65.colorPositive_2843b09a5b:hover,\n.kindTertiary_d2d887bf65.colorPositive_2843b09a5b:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_d2d887bf65.colorNegative_29eb6bc02e {\n  color: var(--negative-color);\n}\n.kindTertiary_d2d887bf65.colorNegativeActive_7833b13007,\n.kindTertiary_d2d887bf65.colorNegative_29eb6bc02e:hover,\n.kindTertiary_d2d887bf65.colorNegative_29eb6bc02e:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_d2d887bf65.colorInverted_92c225f191 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_d2d887bf65.colorInvertedActive_7833b13007,\n.kindTertiary_d2d887bf65.colorInverted_92c225f191:hover,\n.kindTertiary_d2d887bf65.colorInverted_92c225f191:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d2d887bf65.colorInverted_92c225f191.disabled_197266e729 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d2d887bf65.colorOnPrimaryColorActive_7dd5f6dbe7,\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:hover,\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d2d887bf65.colorOnPrimaryColorActive_7dd5f6dbe7:focus-visible, .kindTertiary_d2d887bf65.colorOnPrimaryColorActive_7dd5f6dbe7.focus-visible_81ac3324a5,\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:hover:focus-visible,\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:hover.focus-visible_81ac3324a5,\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:focus:focus-visible,\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:focus.focus-visible_81ac3324a5 {\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_d2d887bf65.colorOnPrimaryColorActive_7dd5f6dbe7:focus:not(.focus-visible_81ac3324a5),\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:hover:focus:not(.focus-visible_81ac3324a5),\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindTertiary_d2d887bf65.colorOnPrimaryColor_c5699f4a1a.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d2d887bf65.colorFixedLightActive_2e8a610bec,\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:hover,\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d2d887bf65.colorFixedLightActive_2e8a610bec:focus-visible, .kindTertiary_d2d887bf65.colorFixedLightActive_2e8a610bec.focus-visible_81ac3324a5,\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:hover:focus-visible,\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:hover.focus-visible_81ac3324a5,\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:focus:focus-visible,\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:focus.focus-visible_81ac3324a5 {\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_d2d887bf65.colorFixedLightActive_2e8a610bec:focus:not(.focus-visible_81ac3324a5),\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:hover:focus:not(.focus-visible_81ac3324a5),\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindTertiary_d2d887bf65.colorFixedLight_8045be610b.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_d2d887bf65.colorFixedDarkActive_44f2ddd4a9,\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:hover,\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_d2d887bf65.colorFixedDarkActive_44f2ddd4a9:focus-visible, .kindTertiary_d2d887bf65.colorFixedDarkActive_44f2ddd4a9.focus-visible_81ac3324a5,\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:hover:focus-visible,\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:hover.focus-visible_81ac3324a5,\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:focus:focus-visible,\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:focus.focus-visible_81ac3324a5 {\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_d2d887bf65.colorFixedDarkActive_44f2ddd4a9:focus:not(.focus-visible_81ac3324a5),\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:hover:focus:not(.focus-visible_81ac3324a5),\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5:focus:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.kindTertiary_d2d887bf65.colorFixedDark_8c537164d5.disabled_197266e729 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_d2d887bf65.colorOnInvertedBackground_9fe16d5769 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d2d887bf65.colorOnInvertedBackgroundActive_855523fea0,\n.kindTertiary_d2d887bf65.colorOnInvertedBackground_9fe16d5769:hover,\n.kindTertiary_d2d887bf65.colorOnInvertedBackground_9fe16d5769:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_d2d887bf65.colorOnInvertedBackground_9fe16d5769.disabled_197266e729 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d2d887bf65.disabled_197266e729 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_d2d887bf65.disabled_197266e729:hover {\n  background-color: transparent;\n}\n.noSidePadding_f5c240b72a {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_7bc5e91946.insetFocusStyle_83991feb78:focus-visible, .button_7bc5e91946.insetFocusStyle_83991feb78.focus-visible_81ac3324a5 {\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_7bc5e91946.insetFocusStyle_83991feb78:focus:not(.focus-visible_81ac3324a5) {\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_92be307adb",subTextContainer:"subTextContainer_a22e0cc6e0",buttonsContainer:"buttonsContainer_aa0436dfdb",fullWidth:"fullWidth_03b161a11a",button:"button_4cca0a9df4",activeButton:"activeButton_1937a2fb47",disabled:"disabled_286e1eda4f",buttonDisabled:"buttonDisabled_c827f7932d",startBorder:"startBorder_068f790814",endBorder:"endBorder_afc27bf4fa",kindTertiary:"kindTertiary_65f8029c4f",optionText:"optionText_1b892f7465",selected:"selected_b52a7ef786",wrapper:"wrapper_19ea1a53b9"};!function(n){const t="s_id-4b7ca9f3603b_3_54_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_92be307adb {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_a22e0cc6e0 {\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_aa0436dfdb {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_aa0436dfdb.fullWidth_03b161a11a {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer_aa0436dfdb .button_4cca0a9df4 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_aa0436dfdb .button_4cca0a9df4.activeButton_1937a2fb47 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_aa0436dfdb .button_4cca0a9df4.activeButton_1937a2fb47:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_aa0436dfdb .button_4cca0a9df4.disabled_286e1eda4f, .buttonsContainer_aa0436dfdb .button_4cca0a9df4.buttonDisabled_c827f7932d {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_aa0436dfdb .button_4cca0a9df4.startBorder_068f790814 {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_aa0436dfdb .button_4cca0a9df4.endBorder_afc27bf4fa {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_aa0436dfdb .button_4cca0a9df4.fullWidth_03b161a11a {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary_65f8029c4f .buttonsContainer_aa0436dfdb .button_4cca0a9df4 {\n  border-color: transparent;\n}\n\n.kindTertiary_65f8029c4f .buttonsContainer_aa0436dfdb .button_4cca0a9df4:first-child {\n  border-color: transparent;\n}\n\n.optionText_1b892f7465:not(.disabled_286e1eda4f) {\n  color: var(--primary-text-color);\n}\n\n.optionText_1b892f7465:not(.disabled_286e1eda4f).selected_b52a7ef786 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_19ea1a53b9.disabled_286e1eda4f {\n  cursor: not-allowed;\n}\n\n.fullWidth_03b161a11a {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_6ae09b645f",subTextContainer:"subTextContainer_7bdd5d201c",buttonsContainer:"buttonsContainer_42049ac800",fullWidth:"fullWidth_9e13481603",button:"button_436d127578",activeButton:"activeButton_c30cc450d0",disabled:"disabled_8b15dcc75e",buttonDisabled:"buttonDisabled_306f2f5427",startBorder:"startBorder_4090d8522d",endBorder:"endBorder_4f60fbe732",kindTertiary:"kindTertiary_207c0b5156",optionText:"optionText_6767342654",selected:"selected_50acad1a9c",wrapper:"wrapper_e4c2204ea1"};!function(n){const t="s_id-4b7ca9f3603b_3_54_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_6ae09b645f {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_7bdd5d201c {\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_42049ac800 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_42049ac800.fullWidth_9e13481603 {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer_42049ac800 .button_436d127578 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_42049ac800 .button_436d127578.activeButton_c30cc450d0 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_42049ac800 .button_436d127578.activeButton_c30cc450d0:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_42049ac800 .button_436d127578.disabled_8b15dcc75e, .buttonsContainer_42049ac800 .button_436d127578.buttonDisabled_306f2f5427 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_42049ac800 .button_436d127578.startBorder_4090d8522d {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_42049ac800 .button_436d127578.endBorder_4f60fbe732 {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_42049ac800 .button_436d127578.fullWidth_9e13481603 {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary_207c0b5156 .buttonsContainer_42049ac800 .button_436d127578 {\n  border-color: transparent;\n}\n\n.kindTertiary_207c0b5156 .buttonsContainer_42049ac800 .button_436d127578:first-child {\n  border-color: transparent;\n}\n\n.optionText_6767342654:not(.disabled_8b15dcc75e) {\n  color: var(--primary-text-color);\n}\n\n.optionText_6767342654:not(.disabled_8b15dcc75e).selected_50acad1a9c {\n  color: var(--primary-text-color);\n}\n\n.wrapper_e4c2204ea1.disabled_8b15dcc75e {\n  cursor: not-allowed;\n}\n\n.fullWidth_9e13481603 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_28f51a0b40",checkbox:"checkbox_93c2c0a494",icon:"icon_b8a14736fe",label:"label_bd7b71bd04",input:"input_d52876cad9",checkboxGrowAnimation:"checkboxGrowAnimation_23ecc91fca"};!function(n){const c="s_id-a622c58c4e9d_3_54_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+c))return;const o=document.createElement("style");o.id=c,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=n)}('.wrapper_28f51a0b40 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_93c2c0a494 {\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_93c2c0a494: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_93c2c0a494:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_b8a14736fe {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_bd7b71bd04 {\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_d52876cad9 {\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_d52876cad9:focus + .checkbox_93c2c0a494 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_d52876cad9:focus:checked + .checkbox_93c2c0a494 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_d52876cad9:focus-visible + .checkbox_93c2c0a494 {\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_d52876cad9:checked:focus + .checkbox_93c2c0a494:after,\n.input_d52876cad9:indeterminate:focus + .checkbox_93c2c0a494:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_d52876cad9:checked + .checkbox_93c2c0a494,\n.input_d52876cad9:indeterminate + .checkbox_93c2c0a494 {\n  animation: checkboxGrowAnimation_23ecc91fca var(--motion-productive-short);\n}\n\n.input_d52876cad9:checked + .checkbox_93c2c0a494,\n.input_d52876cad9:indeterminate + .checkbox_93c2c0a494 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_d52876cad9:checked + .checkbox_93c2c0a494:hover,\n.input_d52876cad9:indeterminate + .checkbox_93c2c0a494:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_d52876cad9:checked + .checkbox_93c2c0a494:hover:after,\n.input_d52876cad9:indeterminate + .checkbox_93c2c0a494:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_d52876cad9:checked + .checkbox_93c2c0a494:after,\n.input_d52876cad9:indeterminate + .checkbox_93c2c0a494: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_d52876cad9:checked + .checkbox_93c2c0a494 > .icon_b8a14736fe,\n.input_d52876cad9:indeterminate + .checkbox_93c2c0a494 > .icon_b8a14736fe {\n  visibility: visible;\n}\n\n.input_d52876cad9:checked:disabled + .checkbox_93c2c0a494:after,\n.input_d52876cad9:indeterminate:disabled + .checkbox_93c2c0a494:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_d52876cad9:disabled + .checkbox_93c2c0a494,\n.input_d52876cad9:disabled + .checkbox_93c2c0a494:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_d52876cad9:disabled + .checkbox_93c2c0a494 .icon_b8a14736fe,\n.input_d52876cad9:disabled + .checkbox_93c2c0a494:hover .icon_b8a14736fe {\n  color: var(--disabled-text-color);\n}\n\n.input_d52876cad9:disabled + .checkbox_93c2c0a494,\n.input_d52876cad9:disabled + .checkbox_93c2c0a494:hover {\n  cursor: not-allowed;\n}\n\n.input_d52876cad9:disabled ~ .label_bd7b71bd04 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_23ecc91fca {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_40476d9140",checkbox:"checkbox_21bf06f5f8",icon:"icon_3103eeca04",label:"label_e014bec29f",input:"input_3020323196",checkboxGrowAnimation:"checkboxGrowAnimation_4d72aee236"};!function(n){const e="s_id-a622c58c4e9d_3_54_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_40476d9140 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_21bf06f5f8 {\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_21bf06f5f8: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_21bf06f5f8:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_3103eeca04 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_e014bec29f {\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_3020323196 {\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_3020323196:focus + .checkbox_21bf06f5f8 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_3020323196:focus:checked + .checkbox_21bf06f5f8 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_3020323196:focus-visible + .checkbox_21bf06f5f8 {\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_3020323196:checked:focus + .checkbox_21bf06f5f8:after,\n.input_3020323196:indeterminate:focus + .checkbox_21bf06f5f8:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_3020323196:checked + .checkbox_21bf06f5f8,\n.input_3020323196:indeterminate + .checkbox_21bf06f5f8 {\n  animation: checkboxGrowAnimation_4d72aee236 var(--motion-productive-short);\n}\n\n.input_3020323196:checked + .checkbox_21bf06f5f8,\n.input_3020323196:indeterminate + .checkbox_21bf06f5f8 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_3020323196:checked + .checkbox_21bf06f5f8:hover,\n.input_3020323196:indeterminate + .checkbox_21bf06f5f8:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_3020323196:checked + .checkbox_21bf06f5f8:hover:after,\n.input_3020323196:indeterminate + .checkbox_21bf06f5f8:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_3020323196:checked + .checkbox_21bf06f5f8:after,\n.input_3020323196:indeterminate + .checkbox_21bf06f5f8: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_3020323196:checked + .checkbox_21bf06f5f8 > .icon_3103eeca04,\n.input_3020323196:indeterminate + .checkbox_21bf06f5f8 > .icon_3103eeca04 {\n  visibility: visible;\n}\n\n.input_3020323196:checked:disabled + .checkbox_21bf06f5f8:after,\n.input_3020323196:indeterminate:disabled + .checkbox_21bf06f5f8:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_3020323196:disabled + .checkbox_21bf06f5f8,\n.input_3020323196:disabled + .checkbox_21bf06f5f8:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_3020323196:disabled + .checkbox_21bf06f5f8 .icon_3103eeca04,\n.input_3020323196:disabled + .checkbox_21bf06f5f8:hover .icon_3103eeca04 {\n  color: var(--disabled-text-color);\n}\n\n.input_3020323196:disabled + .checkbox_21bf06f5f8,\n.input_3020323196:disabled + .checkbox_21bf06f5f8:hover {\n  cursor: not-allowed;\n}\n\n.input_3020323196:disabled ~ .label_e014bec29f {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_4d72aee236 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_6a44149701","focus-visible":"focus-visible_603375b0a9",disabled:"disabled_ced89e0413",disableTextSelection:"disableTextSelection_4c49bae1e7",chips:"chips_0571a4ab34","chips-pop-in-emphasized":"chips-pop-in-emphasized_a6f3e6af5c",border:"border_3992ab8259",withUserSelect:"withUserSelect_d50d83aad0",noMargin:"noMargin_eb9a6dac8a",label:"label_1899f4f328",noAnimation:"noAnimation_fa5dfe1b6f",icon:"icon_ad69cbaa0e",avatar:"avatar_5ccc1c1ba2",customRenderer:"customRenderer_b5e9aeeb67",left:"left_6b1bd5b1d8",right:"right_391a2989a4",close:"close_84ace88423",defaultCursor:"defaultCursor_ced89e0413"};!function(e){const a="s_id-b08f85dbbdad_3_54_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".clickable_6a44149701 {\n  cursor: pointer;\n}\n.clickable_6a44149701:focus-visible, .clickable_6a44149701.focus-visible_603375b0a9 {\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.clickable_6a44149701:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.clickable_6a44149701.disabled_ced89e0413 {\n  cursor: default;\n}\n.disableTextSelection_4c49bae1e7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_0571a4ab34 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_a6f3e6af5c var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_0571a4ab34.border_3992ab8259 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_0571a4ab34.withUserSelect_d50d83aad0 {\n  user-select: text;\n  cursor: text;\n}\n.chips_0571a4ab34.noMargin_eb9a6dac8a {\n  margin: 0;\n}\n.chips_0571a4ab34 .label_1899f4f328 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_0571a4ab34.noAnimation_fa5dfe1b6f {\n  animation: none;\n}\n.chips_0571a4ab34 .icon_ad69cbaa0e,\n.chips_0571a4ab34 .avatar_5ccc1c1ba2,\n.chips_0571a4ab34 .customRenderer_b5e9aeeb67 {\n  min-width: 18px;\n}\n.chips_0571a4ab34 .icon_ad69cbaa0e.left_6b1bd5b1d8,\n.chips_0571a4ab34 .avatar_5ccc1c1ba2.left_6b1bd5b1d8,\n.chips_0571a4ab34 .customRenderer_b5e9aeeb67.left_6b1bd5b1d8 {\n  margin-right: var(--spacing-xs);\n}\n.chips_0571a4ab34 .icon_ad69cbaa0e.right_391a2989a4,\n.chips_0571a4ab34 .avatar_5ccc1c1ba2.right_391a2989a4,\n.chips_0571a4ab34 .customRenderer_b5e9aeeb67.right_391a2989a4 {\n  margin-left: var(--spacing-xs);\n}\n.chips_0571a4ab34 .icon_ad69cbaa0e.close_84ace88423,\n.chips_0571a4ab34 .avatar_5ccc1c1ba2.close_84ace88423,\n.chips_0571a4ab34 .customRenderer_b5e9aeeb67.close_84ace88423 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_0571a4ab34.disabled_ced89e0413 .icon_ad69cbaa0e {\n  color: var(--disabled-text-color);\n}\n.chips_0571a4ab34.disabled_ced89e0413 .label_1899f4f328 {\n  color: var(--disabled-text-color);\n}\n.chips_0571a4ab34.defaultCursor_ced89e0413 {\n  cursor: default;\n}\n.chips_0571a4ab34.clickable_6a44149701 {\n  cursor: pointer;\n}\n.chips_0571a4ab34.clickable_6a44149701:focus-visible, .chips_0571a4ab34.clickable_6a44149701.focus-visible_603375b0a9 {\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.chips_0571a4ab34.clickable_6a44149701:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.chips_0571a4ab34.clickable_6a44149701.disabled_ced89e0413 {\n  cursor: default;\n}\n.chips_0571a4ab34.clickable_6a44149701.disableTextSelection_4c49bae1e7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_a6f3e6af5c {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={clickable:"clickable_3729787a93","focus-visible":"focus-visible_81ac3324a5",disabled:"disabled_222615c86e",disableTextSelection:"disableTextSelection_75317d6402",chips:"chips_ce6f74e1ad","chips-pop-in-emphasized":"chips-pop-in-emphasized_324b31685f",border:"border_c1f0522c9a",withUserSelect:"withUserSelect_27e27d2e06",noMargin:"noMargin_48c4e14718",label:"label_ff192f9bd4",noAnimation:"noAnimation_dd4363679d",icon:"icon_70d8d6c40d",avatar:"avatar_1de5c0349f",customRenderer:"customRenderer_afc801460e",left:"left_6a7e17fba4",right:"right_7439545336",close:"close_6e30f4a5c5",defaultCursor:"defaultCursor_222615c86e"};!function(e){const n="s_id-b08f85dbbdad_3_54_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_3729787a93 {\n  cursor: pointer;\n}\n.clickable_3729787a93:focus-visible, .clickable_3729787a93.focus-visible_81ac3324a5 {\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.clickable_3729787a93:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.clickable_3729787a93.disabled_222615c86e {\n  cursor: default;\n}\n.disableTextSelection_75317d6402 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_ce6f74e1ad {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_324b31685f var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_ce6f74e1ad.border_c1f0522c9a {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_ce6f74e1ad.withUserSelect_27e27d2e06 {\n  user-select: text;\n  cursor: text;\n}\n.chips_ce6f74e1ad.noMargin_48c4e14718 {\n  margin: 0;\n}\n.chips_ce6f74e1ad .label_ff192f9bd4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_ce6f74e1ad.noAnimation_dd4363679d {\n  animation: none;\n}\n.chips_ce6f74e1ad .icon_70d8d6c40d,\n.chips_ce6f74e1ad .avatar_1de5c0349f,\n.chips_ce6f74e1ad .customRenderer_afc801460e {\n  min-width: 18px;\n}\n.chips_ce6f74e1ad .icon_70d8d6c40d.left_6a7e17fba4,\n.chips_ce6f74e1ad .avatar_1de5c0349f.left_6a7e17fba4,\n.chips_ce6f74e1ad .customRenderer_afc801460e.left_6a7e17fba4 {\n  margin-right: var(--spacing-xs);\n}\n.chips_ce6f74e1ad .icon_70d8d6c40d.right_7439545336,\n.chips_ce6f74e1ad .avatar_1de5c0349f.right_7439545336,\n.chips_ce6f74e1ad .customRenderer_afc801460e.right_7439545336 {\n  margin-left: var(--spacing-xs);\n}\n.chips_ce6f74e1ad .icon_70d8d6c40d.close_6e30f4a5c5,\n.chips_ce6f74e1ad .avatar_1de5c0349f.close_6e30f4a5c5,\n.chips_ce6f74e1ad .customRenderer_afc801460e.close_6e30f4a5c5 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_ce6f74e1ad.disabled_222615c86e .icon_70d8d6c40d {\n  color: var(--disabled-text-color);\n}\n.chips_ce6f74e1ad.disabled_222615c86e .label_ff192f9bd4 {\n  color: var(--disabled-text-color);\n}\n.chips_ce6f74e1ad.defaultCursor_222615c86e {\n  cursor: default;\n}\n.chips_ce6f74e1ad.clickable_3729787a93 {\n  cursor: pointer;\n}\n.chips_ce6f74e1ad.clickable_3729787a93:focus-visible, .chips_ce6f74e1ad.clickable_3729787a93.focus-visible_81ac3324a5 {\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.chips_ce6f74e1ad.clickable_3729787a93:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.chips_ce6f74e1ad.clickable_3729787a93.disabled_222615c86e {\n  cursor: default;\n}\n.chips_ce6f74e1ad.clickable_3729787a93.disableTextSelection_75317d6402 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_324b31685f {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_6a44149701","focus-visible":"focus-visible_603375b0a9",disabled:"disabled_ced89e0413",disableTextSelection:"disableTextSelection_4c49bae1e7"};!function(e){const n="s_id-8d33a9ee9e1f_3_54_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_6a44149701 {\n  cursor: pointer;\n}\n.clickable_6a44149701:focus-visible, .clickable_6a44149701.focus-visible_603375b0a9 {\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.clickable_6a44149701:focus:not(.focus-visible_603375b0a9) {\n  outline: none;\n}\n.clickable_6a44149701.disabled_ced89e0413 {\n  cursor: default;\n}\n.disableTextSelection_4c49bae1e7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
+var e={clickable:"clickable_3729787a93","focus-visible":"focus-visible_81ac3324a5",disabled:"disabled_222615c86e",disableTextSelection:"disableTextSelection_75317d6402"};!function(e){const n="s_id-8d33a9ee9e1f_3_54_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_3729787a93 {\n  cursor: pointer;\n}\n.clickable_3729787a93:focus-visible, .clickable_3729787a93.focus-visible_81ac3324a5 {\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.clickable_3729787a93:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.clickable_3729787a93.disabled_222615c86e {\n  cursor: default;\n}\n.disableTextSelection_75317d6402 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
 //# sourceMappingURL=Clickable.module.scss.js.map