@vibe/core 3.41.0 → 3.43.0

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

@@ -1,2 +1,2 @@
-var n={box:"box_6082bdc238",scrollable:"scrollable_f52ae260a6",opacityDisabled:"opacityDisabled_01ea84141e",border:"border_5ba406d6fa",borderColorUiBorderColor:"borderColorUiBorderColor_9dfd348a0e",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_a5f598e880",rounded0:"rounded0_8efe723893",roundedSmall:"roundedSmall_73f1b12a83",roundedMedium:"roundedMedium_7d63bf216e",roundedBig:"roundedBig_35852141bb",shadowXs:"shadowXs_af1327544b",shadowSmall:"shadowSmall_cdd8ef785c",shadowMedium:"shadowMedium_5c6a430838",shadowLarge:"shadowLarge_c8e1b7c74d",m0:"m0_16d6cbfc18",mXs:"mXs_11cd3f0e9f",mSmall:"mSmall_464d2b84d6",mMedium:"mMedium_a4c0c52761",mLarge:"mLarge_6d4abb4910",mXl:"mXl_71f603b9a7",mXxl:"mXxl_55b64f9dde",mXxxl:"mXxxl_3c2ffd8168",mAuto:"mAuto_37fac5a8a4",mx0:"mx0_7fa841a27e",mxXs:"mxXs_5a195690e5",mxSmall:"mxSmall_e10d4a1bfe",mxMedium:"mxMedium_b6c9e93413",mxLarge:"mxLarge_d4d7f0b415",mxXl:"mxXl_db5e611aa9",mxXxl:"mxXxl_d181564e04",mxXxxl:"mxXxxl_020d2201ab",mxAuto:"mxAuto_c56d802b40",my0:"my0_b383a395c5",myXs:"myXs_7086defcba",mySmall:"mySmall_302a227a56",myMedium:"myMedium_a2933cfd19",myLarge:"myLarge_e098fe88b6",myXl:"myXl_223e938a12",myXxl:"myXxl_564d6b0cc1",myXxxl:"myXxxl_42d7e4a992",myAuto:"myAuto_2f4d41a4ea",mt0:"mt0_e85d08ce50",mtXs:"mtXs_f972d2a2ff",mtSmall:"mtSmall_c586a4c653",mtMedium:"mtMedium_0412bc941f",mtLarge:"mtLarge_0ca8b66bb7",mtXl:"mtXl_e21eae925a",mtXxl:"mtXxl_1c4b4581f7",mtXxxl:"mtXxxl_6f218f77f0",mtAuto:"mtAuto_5e845dd307",me0:"me0_3287b595c9",meXs:"meXs_f0f7b786f0",meSmall:"meSmall_c994104643",meMedium:"meMedium_7979ab02c4",meLarge:"meLarge_9289518c55",meXl:"meXl_88a3253af6",meXxl:"meXxl_c773914530",meXxxl:"meXxxl_0b5860ebfc",meAuto:"meAuto_c6d596310e",mb0:"mb0_187856fa76",mbXs:"mbXs_23cc51fafe",mbSmall:"mbSmall_e8f0b0281e",mbMedium:"mbMedium_22d5c8ec62",mbLarge:"mbLarge_7568d7dc87",mbXl:"mbXl_51c73ca42c",mbXxl:"mbXxl_0f115a59de",mbXxxl:"mbXxxl_9086546864",mbAuto:"mbAuto_4451e103ea",ms0:"ms0_ca26cbfbb6",msXs:"msXs_dacb6fa1bb",msSmall:"msSmall_24e310ff17",msMedium:"msMedium_44b32264a8",msLarge:"msLarge_a46e8ea9e5",msXl:"msXl_98ee5dd7b2",msXxl:"msXxl_99aa007dd4",msXxxl:"msXxxl_b5573512bb",msAuto:"msAuto_c186494716",p0:"p0_c7827eb1db",pXs:"pXs_1b43fa1fab",pSmall:"pSmall_28fdfbc300",pMedium:"pMedium_2069cffd2e",pLarge:"pLarge_fe1517ce91",pXl:"pXl_2ba405508d",pXxl:"pXxl_dfa973034a",pXxxl:"pXxxl_eed0630806",px0:"px0_ab0c1deeb0",pxXs:"pxXs_28b13f9179",pxSmall:"pxSmall_c2ae1a1a5e",pxMedium:"pxMedium_0ce76552c4",pxLarge:"pxLarge_dcff0d7ca5",pxXl:"pxXl_83ba531e0c",pxXxl:"pxXxl_be627e0e34",pxXxxl:"pxXxxl_c0da124e2d",py0:"py0_c91f774c46",pyXs:"pyXs_020e61742b",pySmall:"pySmall_5e345c40e7",pyMedium:"pyMedium_0fe308afc3",pyLarge:"pyLarge_154932d015",pyXl:"pyXl_dfa3d2ad93",pyXxl:"pyXxl_8b8ebaaca0",pyXxxl:"pyXxxl_5ab83fc217",pt0:"pt0_766cbeb6c0",ptXs:"ptXs_749ed01afa",ptSmall:"ptSmall_074e844f21",ptMedium:"ptMedium_ab840c8126",ptLarge:"ptLarge_f82930876c",ptXl:"ptXl_c2ae8d8941",ptXxl:"ptXxl_c866114d01",ptXxxl:"ptXxxl_4aebee105c",pe0:"pe0_430938d37f",peXs:"peXs_1f1353dd9b",peSmall:"peSmall_178788faa2",peMedium:"peMedium_6b95b72c21",peLarge:"peLarge_50919ff4de",peXl:"peXl_4aced0e3dc",peXxl:"peXxl_fd84be69c4",peXxxl:"peXxxl_fe96f07bdd",pb0:"pb0_6f51cffdc4",pbXs:"pbXs_053223156e",pbSmall:"pbSmall_eef7ee7fba",pbMedium:"pbMedium_7bce4ca48a",pbLarge:"pbLarge_7e18b74f43",pbXl:"pbXl_2c95bcfeda",pbXxl:"pbXxl_05ddeba238",pbXxxl:"pbXxxl_52bad105bf",ps0:"ps0_504b854e0c",psXs:"psXs_bab08fbcb4",psSmall:"psSmall_95c25e1fbb",psMedium:"psMedium_53098452d0",psLarge:"psLarge_5ced99c42f",psXl:"psXl_b87220857b",psXxl:"psXxl_aaef8cb81b",psXxxl:"psXxxl_6bfbc164fa",textPrimaryTextColor:"textPrimaryTextColor_745f542b48",textTextColorOnInverted:"textTextColorOnInverted_9dc58e8846",textSecondaryTextColor:"textSecondaryTextColor_754aa37b7b",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_33da26bb7e",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_76f3f1eba1",bgGreyBackgroundColor:"bgGreyBackgroundColor_1fd70d4d64",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_33356fb1e8",bgInvertedColorBackground:"bgInvertedColorBackground_d61cf8954b"};!function(n){const a="s_id-e8ebf0c89fee_3_40_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_6082bdc238 {\n  overflow: hidden;\n}\n.box_6082bdc238.scrollable_f52ae260a6 {\n  overflow: auto;\n}\n.box_6082bdc238.scrollable_f52ae260a6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_6082bdc238.scrollable_f52ae260a6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_01ea84141e {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_5ba406d6fa {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_9dfd348a0e {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_a5f598e880 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_8efe723893 {\n  border-radius: 0 !important;\n}\n.roundedSmall_73f1b12a83 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_7d63bf216e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_35852141bb {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_af1327544b {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_cdd8ef785c {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_5c6a430838 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_c8e1b7c74d {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_16d6cbfc18 {\n  margin: 0 !important;\n}\n.mXs_11cd3f0e9f {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_464d2b84d6 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_a4c0c52761 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_6d4abb4910 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_71f603b9a7 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_55b64f9dde {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_3c2ffd8168 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_37fac5a8a4 {\n  margin: auto !important;\n}\n.mx0_7fa841a27e {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_5a195690e5 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_e10d4a1bfe {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_b6c9e93413 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_d4d7f0b415 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_db5e611aa9 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_d181564e04 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_020d2201ab {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_c56d802b40 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_b383a395c5 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_7086defcba {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_302a227a56 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_a2933cfd19 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_e098fe88b6 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_223e938a12 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_564d6b0cc1 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_42d7e4a992 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_2f4d41a4ea {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_e85d08ce50 {\n  margin-top: 0 !important;\n}\n.mtXs_f972d2a2ff {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_c586a4c653 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_0412bc941f {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_0ca8b66bb7 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_e21eae925a {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_1c4b4581f7 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_6f218f77f0 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_5e845dd307 {\n  margin-top: auto !important;\n}\n.me0_3287b595c9 {\n  margin-inline-end: 0 !important;\n}\n.meXs_f0f7b786f0 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_c994104643 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_7979ab02c4 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_9289518c55 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_88a3253af6 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_c773914530 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_0b5860ebfc {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_c6d596310e {\n  margin-inline-end: auto !important;\n}\n.mb0_187856fa76 {\n  margin-bottom: 0 !important;\n}\n.mbXs_23cc51fafe {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_e8f0b0281e {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_22d5c8ec62 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_7568d7dc87 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_51c73ca42c {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_0f115a59de {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_9086546864 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_4451e103ea {\n  margin-bottom: auto !important;\n}\n.ms0_ca26cbfbb6 {\n  margin-inline-start: 0 !important;\n}\n.msXs_dacb6fa1bb {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_24e310ff17 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_44b32264a8 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_a46e8ea9e5 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_98ee5dd7b2 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_99aa007dd4 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_b5573512bb {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_c186494716 {\n  margin-inline-start: auto !important;\n}\n.p0_c7827eb1db {\n  padding: 0 !important;\n}\n.pXs_1b43fa1fab {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_28fdfbc300 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_2069cffd2e {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_fe1517ce91 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_2ba405508d {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_dfa973034a {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_eed0630806 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_ab0c1deeb0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_28b13f9179 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_c2ae1a1a5e {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_0ce76552c4 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_dcff0d7ca5 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_83ba531e0c {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_be627e0e34 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_c0da124e2d {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_c91f774c46 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_020e61742b {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_5e345c40e7 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_0fe308afc3 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_154932d015 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_dfa3d2ad93 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_8b8ebaaca0 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_5ab83fc217 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_766cbeb6c0 {\n  padding-top: 0 !important;\n}\n.ptXs_749ed01afa {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_074e844f21 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_ab840c8126 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_f82930876c {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_c2ae8d8941 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_c866114d01 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_4aebee105c {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_430938d37f {\n  padding-inline-end: 0 !important;\n}\n.peXs_1f1353dd9b {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_178788faa2 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_6b95b72c21 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_50919ff4de {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_4aced0e3dc {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_fd84be69c4 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_fe96f07bdd {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_6f51cffdc4 {\n  padding-bottom: 0 !important;\n}\n.pbXs_053223156e {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_eef7ee7fba {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_7bce4ca48a {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_7e18b74f43 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_2c95bcfeda {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_05ddeba238 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_52bad105bf {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_504b854e0c {\n  padding-inline-start: 0 !important;\n}\n.psXs_bab08fbcb4 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_95c25e1fbb {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_53098452d0 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_5ced99c42f {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_b87220857b {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_aaef8cb81b {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_6bfbc164fa {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_745f542b48 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_9dc58e8846 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_754aa37b7b {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_33da26bb7e {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_76f3f1eba1 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_1fd70d4d64 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_33356fb1e8 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_d61cf8954b {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_4144b258b5",scrollable:"scrollable_f8e638080d",opacityDisabled:"opacityDisabled_c3a306e85d",border:"border_dbb83cc4cd",borderColorUiBorderColor:"borderColorUiBorderColor_2d8f7ed2dd",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_7de56bb697",rounded0:"rounded0_7bb08d975f",roundedSmall:"roundedSmall_ec7f8ab421",roundedMedium:"roundedMedium_df40d48647",roundedBig:"roundedBig_22ea1253b1",shadowXs:"shadowXs_2c75a2705c",shadowSmall:"shadowSmall_f5e935bce9",shadowMedium:"shadowMedium_96b9720fb7",shadowLarge:"shadowLarge_ecaf71c3f4",m0:"m0_8a534adf18",mXs:"mXs_43c547eb72",mSmall:"mSmall_14f0e5f260",mMedium:"mMedium_e0d08f9805",mLarge:"mLarge_06da6db374",mXl:"mXl_dde13359e8",mXxl:"mXxl_2f800b27be",mXxxl:"mXxxl_ba1de62817",mAuto:"mAuto_492bd32aac",mx0:"mx0_9e42caef50",mxXs:"mxXs_09aaf7da70",mxSmall:"mxSmall_aafa886976",mxMedium:"mxMedium_d72a99c3aa",mxLarge:"mxLarge_cb4750da35",mxXl:"mxXl_a68f5174a1",mxXxl:"mxXxl_c9bb350f31",mxXxxl:"mxXxxl_cf533a4e15",mxAuto:"mxAuto_3c1cfc1553",my0:"my0_ccc46d492e",myXs:"myXs_990395a0b9",mySmall:"mySmall_b2ae78c293",myMedium:"myMedium_64d0dc2eac",myLarge:"myLarge_7e6f7e132e",myXl:"myXl_9983b71c15",myXxl:"myXxl_8ec7e1ce6b",myXxxl:"myXxxl_68b8052391",myAuto:"myAuto_85a292cefa",mt0:"mt0_a5db1bdf52",mtXs:"mtXs_1cd45e0f51",mtSmall:"mtSmall_cb824920c4",mtMedium:"mtMedium_cd16f36b16",mtLarge:"mtLarge_72d9a66d62",mtXl:"mtXl_98aee0ba34",mtXxl:"mtXxl_61966a001a",mtXxxl:"mtXxxl_61d65e9658",mtAuto:"mtAuto_4640b5ca66",me0:"me0_ebb574b2ff",meXs:"meXs_113dee6128",meSmall:"meSmall_2ab3ab7410",meMedium:"meMedium_a986e88c97",meLarge:"meLarge_e929cbab33",meXl:"meXl_70bc90c2d6",meXxl:"meXxl_4a2a9d8be3",meXxxl:"meXxxl_c37f4f98b4",meAuto:"meAuto_4dc7dbdabf",mb0:"mb0_e27578580b",mbXs:"mbXs_939cd14fe9",mbSmall:"mbSmall_8b7eadebd1",mbMedium:"mbMedium_4065723f1a",mbLarge:"mbLarge_64dada48bd",mbXl:"mbXl_ab3fb03a04",mbXxl:"mbXxl_0849667644",mbXxxl:"mbXxxl_21a50936ab",mbAuto:"mbAuto_e75731a674",ms0:"ms0_4932d24cbe",msXs:"msXs_9b6ae24eed",msSmall:"msSmall_a55084f101",msMedium:"msMedium_305d2db47d",msLarge:"msLarge_76ceeff644",msXl:"msXl_8fc5cb9436",msXxl:"msXxl_382e6bec7f",msXxxl:"msXxxl_177abf6ca7",msAuto:"msAuto_e29bb87ced",p0:"p0_4353801053",pXs:"pXs_06f9126015",pSmall:"pSmall_178c0788a3",pMedium:"pMedium_975e991af8",pLarge:"pLarge_f975240510",pXl:"pXl_f3276a6b49",pXxl:"pXxl_7744c9c646",pXxxl:"pXxxl_087aa88f81",px0:"px0_0a2c62821d",pxXs:"pxXs_1d73d311d0",pxSmall:"pxSmall_8234d1a52f",pxMedium:"pxMedium_3996c0bfa9",pxLarge:"pxLarge_ba8cbd18cd",pxXl:"pxXl_acc2b2f850",pxXxl:"pxXxl_3d30c91238",pxXxxl:"pxXxxl_0dfc56912f",py0:"py0_400b721006",pyXs:"pyXs_8099b6a12d",pySmall:"pySmall_227943cc1e",pyMedium:"pyMedium_0c7c4d7f2d",pyLarge:"pyLarge_adbc7c8812",pyXl:"pyXl_d32e35a691",pyXxl:"pyXxl_d6f0ffef56",pyXxxl:"pyXxxl_e8ff77ee92",pt0:"pt0_1b26df73f5",ptXs:"ptXs_4c5f3613ae",ptSmall:"ptSmall_ebb23d20a2",ptMedium:"ptMedium_9e96186e85",ptLarge:"ptLarge_6f4dc63fb0",ptXl:"ptXl_461e360b6e",ptXxl:"ptXxl_2e86800718",ptXxxl:"ptXxxl_6735f027e9",pe0:"pe0_ee9cc05bbe",peXs:"peXs_a557d69a6a",peSmall:"peSmall_0da1120a51",peMedium:"peMedium_deee557401",peLarge:"peLarge_22bfe6fbf7",peXl:"peXl_812b058d12",peXxl:"peXxl_46509d1c1d",peXxxl:"peXxxl_b3e74af855",pb0:"pb0_8eb5508b57",pbXs:"pbXs_4bc16d17a8",pbSmall:"pbSmall_be6654debc",pbMedium:"pbMedium_7854384da7",pbLarge:"pbLarge_eb1f404db2",pbXl:"pbXl_2f6af01a44",pbXxl:"pbXxl_314912b9b9",pbXxxl:"pbXxxl_8d48e1c20f",ps0:"ps0_6999631880",psXs:"psXs_52784c8ba1",psSmall:"psSmall_414933340d",psMedium:"psMedium_5826f622ec",psLarge:"psLarge_2d48faaa21",psXl:"psXl_2ee090d078",psXxl:"psXxl_308256cb47",psXxxl:"psXxxl_fd18fec7e0",textPrimaryTextColor:"textPrimaryTextColor_632b7538f1",textTextColorOnInverted:"textTextColorOnInverted_857c6fd379",textSecondaryTextColor:"textSecondaryTextColor_bd93dac89e",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_a3eef1f584",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_7892ef39bb",bgGreyBackgroundColor:"bgGreyBackgroundColor_37370bd4b4",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_ca50797ef2",bgInvertedColorBackground:"bgInvertedColorBackground_cf444414a6"};!function(n){const a="s_id-e8ebf0c89fee_3_42_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_4144b258b5 {\n  overflow: hidden;\n}\n.box_4144b258b5.scrollable_f8e638080d {\n  overflow: auto;\n}\n.box_4144b258b5.scrollable_f8e638080d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_4144b258b5.scrollable_f8e638080d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_c3a306e85d {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_dbb83cc4cd {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_2d8f7ed2dd {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_7de56bb697 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_7bb08d975f {\n  border-radius: 0 !important;\n}\n.roundedSmall_ec7f8ab421 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_df40d48647 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_22ea1253b1 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_2c75a2705c {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f5e935bce9 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_96b9720fb7 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_ecaf71c3f4 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_8a534adf18 {\n  margin: 0 !important;\n}\n.mXs_43c547eb72 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_14f0e5f260 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_e0d08f9805 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_06da6db374 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_dde13359e8 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_2f800b27be {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_ba1de62817 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_492bd32aac {\n  margin: auto !important;\n}\n.mx0_9e42caef50 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_09aaf7da70 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_aafa886976 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_d72a99c3aa {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_cb4750da35 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_a68f5174a1 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_c9bb350f31 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_cf533a4e15 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_3c1cfc1553 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_ccc46d492e {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_990395a0b9 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_b2ae78c293 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_64d0dc2eac {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_7e6f7e132e {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_9983b71c15 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_8ec7e1ce6b {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_68b8052391 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_85a292cefa {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_a5db1bdf52 {\n  margin-top: 0 !important;\n}\n.mtXs_1cd45e0f51 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_cb824920c4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_cd16f36b16 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_72d9a66d62 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_98aee0ba34 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_61966a001a {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_61d65e9658 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_4640b5ca66 {\n  margin-top: auto !important;\n}\n.me0_ebb574b2ff {\n  margin-inline-end: 0 !important;\n}\n.meXs_113dee6128 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_2ab3ab7410 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_a986e88c97 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_e929cbab33 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_70bc90c2d6 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_4a2a9d8be3 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_c37f4f98b4 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_4dc7dbdabf {\n  margin-inline-end: auto !important;\n}\n.mb0_e27578580b {\n  margin-bottom: 0 !important;\n}\n.mbXs_939cd14fe9 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_8b7eadebd1 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_4065723f1a {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_64dada48bd {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_ab3fb03a04 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_0849667644 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_21a50936ab {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_e75731a674 {\n  margin-bottom: auto !important;\n}\n.ms0_4932d24cbe {\n  margin-inline-start: 0 !important;\n}\n.msXs_9b6ae24eed {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_a55084f101 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_305d2db47d {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_76ceeff644 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_8fc5cb9436 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_382e6bec7f {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_177abf6ca7 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e29bb87ced {\n  margin-inline-start: auto !important;\n}\n.p0_4353801053 {\n  padding: 0 !important;\n}\n.pXs_06f9126015 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_178c0788a3 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_975e991af8 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_f975240510 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_f3276a6b49 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_7744c9c646 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_087aa88f81 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_0a2c62821d {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_1d73d311d0 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8234d1a52f {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_3996c0bfa9 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_ba8cbd18cd {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_acc2b2f850 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_3d30c91238 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_0dfc56912f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_400b721006 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_8099b6a12d {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_227943cc1e {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_0c7c4d7f2d {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_adbc7c8812 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_d32e35a691 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_d6f0ffef56 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_e8ff77ee92 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_1b26df73f5 {\n  padding-top: 0 !important;\n}\n.ptXs_4c5f3613ae {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_ebb23d20a2 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_9e96186e85 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_6f4dc63fb0 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_461e360b6e {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_2e86800718 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_6735f027e9 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_ee9cc05bbe {\n  padding-inline-end: 0 !important;\n}\n.peXs_a557d69a6a {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_0da1120a51 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_deee557401 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_22bfe6fbf7 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_812b058d12 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_46509d1c1d {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b3e74af855 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_8eb5508b57 {\n  padding-bottom: 0 !important;\n}\n.pbXs_4bc16d17a8 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_be6654debc {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_7854384da7 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_eb1f404db2 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_2f6af01a44 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_314912b9b9 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_8d48e1c20f {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_6999631880 {\n  padding-inline-start: 0 !important;\n}\n.psXs_52784c8ba1 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_414933340d {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_5826f622ec {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_2d48faaa21 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_2ee090d078 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_308256cb47 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_fd18fec7e0 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_632b7538f1 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_857c6fd379 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_bd93dac89e {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_a3eef1f584 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_7892ef39bb {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_37370bd4b4 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_ca50797ef2 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_cf444414a6 {\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

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_fa324a0160",withoutText:"withoutText_98f9a24635",breadcrumbText:"breadcrumbText_b6c270d25e",breadcrumbIcon:"breadcrumbIcon_26403055f7",clickable:"clickable_582f5580ce",current:"current_4effee92a3",disabled:"disabled_5de3cec6ff",notClickable:"notClickable_86e563cb69"};!function(e){const n="s_id-55ff70da99a4_3_40_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_fa324a0160 {\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_fa324a0160.withoutText_98f9a24635 {\n  padding: 4px;\n}\na.breadcrumbContent_fa324a0160:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_fa324a0160 .breadcrumbText_b6c270d25e {\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_fa324a0160 .breadcrumbIcon_26403055f7 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_fa324a0160:focus {\n  outline: none;\n}\n.breadcrumbContent_fa324a0160.clickable_582f5580ce {\n  cursor: pointer;\n}\n.breadcrumbContent_fa324a0160.clickable_582f5580ce:hover,\n.breadcrumbContent_fa324a0160:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_fa324a0160.current_4effee92a3 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_fa324a0160.disabled_5de3cec6ff {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_fa324a0160.disabled_5de3cec6ff:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_fa324a0160.notClickable_86e563cb69 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_6cfc8a99f5",withoutText:"withoutText_ab02448f98",breadcrumbText:"breadcrumbText_1c78eabb2a",breadcrumbIcon:"breadcrumbIcon_02457b9d49",clickable:"clickable_4e952c1b9e",current:"current_7064d4baff",disabled:"disabled_69bac116fc",notClickable:"notClickable_6d5c3a48b3"};!function(e){const n="s_id-55ff70da99a4_3_42_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,c.firstChild?c.insertBefore(r,c.firstChild):c.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_6cfc8a99f5 {\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_6cfc8a99f5.withoutText_ab02448f98 {\n  padding: 4px;\n}\na.breadcrumbContent_6cfc8a99f5:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_6cfc8a99f5 .breadcrumbText_1c78eabb2a {\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_6cfc8a99f5 .breadcrumbIcon_02457b9d49 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_6cfc8a99f5:focus {\n  outline: none;\n}\n.breadcrumbContent_6cfc8a99f5.clickable_4e952c1b9e {\n  cursor: pointer;\n}\n.breadcrumbContent_6cfc8a99f5.clickable_4e952c1b9e:hover,\n.breadcrumbContent_6cfc8a99f5:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_6cfc8a99f5.current_7064d4baff {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_6cfc8a99f5.disabled_69bac116fc {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_6cfc8a99f5.disabled_69bac116fc:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_6cfc8a99f5.notClickable_6d5c3a48b3 {\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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_9eb0cf7295",separatorIcon:"separatorIcon_f12f27a75a"};!function(e){const n="s_id-24567fd55d40_3_40_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_9eb0cf7295 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_9eb0cf7295 ol .separatorIcon_f12f27a75a {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_89520b07c5",separatorIcon:"separatorIcon_0da0a29905"};!function(e){const n="s_id-24567fd55d40_3_42_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_89520b07c5 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_89520b07c5 ol .separatorIcon_0da0a29905 {\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.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type */\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n  BUTTON_ICON_SIZE,\n  ButtonColor as ButtonColorEnum,\n  ButtonInputType as ButtonInputTypeEnum,\n  ButtonType as ButtonTypeEnum,\n  SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n  children: React.ReactNode;\n  /** Custom class names to pass to the component */\n  className?: string;\n  activeButtonClassName?: string;\n  /** The button's kind */\n  kind?: ButtonType;\n  /** Callback function to run when the button is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Blur on button click */\n  blurOnMouseUp?: boolean;\n  /** Name of the button - for form submit usages  */\n  name?: string;\n  /** The button's size */\n  size?: ButtonSize;\n  /** The button's color */\n  color?: ButtonColor;\n  /** The button's type */\n  type?: ButtonInputType;\n  /** Whether the button should be disabled or not */\n  disabled?: boolean;\n  /** Icon to place on the right */\n  rightIcon?: SubIcon;\n  /** Icon to place on the left */\n  leftIcon?: SubIcon;\n  /** the success props are used when you have async action and wants to display a success message */\n  success?: boolean;\n  /** Success icon name */\n  successIcon?: SubIcon;\n  /** Success text */\n  successText?: string;\n  /** loading boolean which switches the text to a loader */\n  loading?: boolean;\n  /** className which is applied to loader container **/\n  loaderClassName?: string;\n  style?: React.CSSProperties;\n  /** displays the active state */\n  active?: boolean;\n  /** id to pass to the button */\n  id?: string;\n  /** adds 8px margin to the right */\n  marginRight?: boolean;\n  /** adds 8px margin to the left */\n  marginLeft?: boolean;\n  /** element id to describe the button accordingly */\n  ariaLabeledBy?: string;\n  /** aria label to provide important when providing only Icon */\n  ariaLabel?: string;\n  /** aria for a button popup */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /** aria to be set if the popup is open */\n  ariaExpanded?: boolean;\n  /** aria controls - receives id for the controlled region */\n  ariaControls?: string;\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * aria to be used for screen reader to know if the button is hidden\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /** On Button Focus callback */\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  /** On Button Blur callback */\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  rightFlat?: boolean;\n  leftFlat?: boolean;\n  preventClickAnimation?: boolean;\n  noSidePadding?: boolean;\n  /** default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) */\n  defaultTextColorOnPrimaryColor?: string;\n  \"data-testid\"?: string;\n  /** Change the focus indicator from around the button to within it */\n  insetFocus?: boolean;\n  /** Specifies the tab order of an element */\n  tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n  sizes?: typeof SIZES;\n  colors?: typeof ButtonColorEnum;\n  kinds?: typeof ButtonTypeEnum;\n  types?: typeof ButtonInputTypeEnum;\n  inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      kind,\n      onClick,\n      name,\n      size,\n      color,\n      disabled,\n      rightIcon,\n      leftIcon,\n      success,\n      successText,\n      successIcon,\n      style,\n      loading: isLoading,\n      loaderClassName,\n      active,\n      activeButtonClassName,\n      id,\n      marginRight,\n      marginLeft,\n      type,\n      onMouseDown,\n      ariaLabel,\n      rightFlat,\n      leftFlat,\n      preventClickAnimation,\n      noSidePadding,\n      onFocus,\n      onBlur,\n      ariaLabeledBy,\n      defaultTextColorOnPrimaryColor,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      blurOnMouseUp,\n      \"data-testid\": dataTestId,\n      insetFocus,\n      tabIndex\n    }: ButtonProps,\n    ref\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRef(ref, buttonRef);\n\n    const { loading } = useButtonLoading({ isLoading });\n\n    useEffect(() => {\n      if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n      if (kind !== \"primary\") return;\n      if (!buttonRef.current) return;\n\n      const buttonElement = buttonRef.current;\n      buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n    }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n    const onMouseUp = useCallback(() => {\n      const button = buttonRef.current;\n      if (disabled || !button) {\n        return;\n      }\n      if (blurOnMouseUp) {\n        button.blur();\n      }\n    }, [disabled, buttonRef, blurOnMouseUp]);\n\n    const onButtonClicked = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (disabled || loading || success) {\n          event.preventDefault();\n          return;\n        }\n\n        if (onClick) {\n          onClick(event);\n        }\n      },\n      [onClick, disabled, loading, success]\n    );\n\n    const onMouseDownClicked = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (disabled || loading || success) {\n          event.preventDefault();\n          return;\n        }\n\n        if (onMouseDown) {\n          onMouseDown(event);\n        }\n      },\n      [onMouseDown, disabled, loading, success]\n    );\n\n    const classNames = useMemo(() => {\n      const calculatedColor = success ? \"positive\" : color;\n      return cx(\n        className,\n        styles.button,\n        getStyle(styles, camelCase(\"size-\" + size)),\n        getStyle(styles, camelCase(\"kind-\" + kind)),\n        getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n        {\n          [styles.success]: success,\n          [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n          [activeButtonClassName]: active,\n          [styles.marginRight]: marginRight,\n          [styles.marginLeft]: marginLeft,\n          [styles.rightFlat]: rightFlat,\n          [styles.leftFlat]: leftFlat,\n          [styles.preventClickAnimation]: preventClickAnimation,\n          [styles.noSidePadding]: noSidePadding,\n          [styles.disabled]: disabled,\n          [styles.insetFocusStyle]: insetFocus\n        }\n      );\n    }, [\n      success,\n      color,\n      className,\n      size,\n      kind,\n      active,\n      activeButtonClassName,\n      marginRight,\n      marginLeft,\n      rightFlat,\n      leftFlat,\n      preventClickAnimation,\n      noSidePadding,\n      disabled,\n      insetFocus\n    ]);\n\n    const buttonProps = useMemo(() => {\n      const props: Record<string, unknown> = {\n        ref: mergedRef,\n        type,\n        className: classNames,\n        name,\n        onMouseUp,\n        style,\n        onClick: onButtonClicked,\n        id,\n        onFocus,\n        onBlur,\n        tabIndex: disabled || ariaHidden ? -1 : tabIndex,\n        \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.BUTTON, id),\n        \"data-vibe\": ComponentVibeId.BUTTON,\n        onMouseDown: onMouseDownClicked,\n        \"aria-disabled\": disabled,\n        \"aria-busy\": loading,\n        \"aria-labelledby\": ariaLabeledBy,\n        \"aria-label\": ariaLabel,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": ariaExpanded,\n        \"aria-controls\": ariaControls,\n        \"aria-describedby\": ariaDescribedBy,\n        \"aria-hidden\": ariaHidden,\n        \"aria-pressed\": ariaPressed\n      };\n      return props;\n    }, [\n      mergedRef,\n      type,\n      classNames,\n      name,\n      onMouseUp,\n      style,\n      onButtonClicked,\n      id,\n      onFocus,\n      onBlur,\n      tabIndex,\n      dataTestId,\n      onMouseDownClicked,\n      disabled,\n      loading,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      ariaDescribedBy,\n      ariaHidden,\n      ariaPressed\n    ]);\n\n    const iconSize = useCallback(\n      (icon: SubIcon) => {\n        if (typeof icon !== \"function\") return;\n        switch (size) {\n          case \"xxs\":\n          case \"xs\":\n            return SMALL_BUTTON_ICON_SIZE;\n          default:\n            return BUTTON_ICON_SIZE;\n        }\n      },\n      [size]\n    );\n\n    const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n    const buttonContent = useMemo(\n      () => (\n        <>\n          {leftIcon ? (\n            <Icon\n              iconType=\"font\"\n              icon={leftIcon}\n              iconSize={iconSize(leftIcon)}\n              className={cx({\n                [styles.leftIcon]: hasRenderableChildren\n              })}\n              ignoreFocusStyle\n            />\n          ) : null}\n          {children}\n          {rightIcon ? (\n            <Icon\n              iconType=\"font\"\n              icon={rightIcon}\n              iconSize={iconSize(rightIcon)}\n              className={cx({\n                [styles.rightIcon]: hasRenderableChildren\n              })}\n              ignoreFocusStyle\n            />\n          ) : null}\n        </>\n      ),\n      [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n    );\n\n    if (loading) {\n      return (\n        <button {...buttonProps} key={`${id}-loading`}>\n          <span className={cx(styles.loader, loaderClassName)}>\n            <Loader className={styles.loaderSvg} />\n            <span aria-hidden className={styles.textPlaceholder}>\n              {buttonContent}\n            </span>\n          </span>\n        </button>\n      );\n    }\n\n    if (success) {\n      return (\n        <button {...buttonProps} key={`${id}-success`}>\n          <span className={styles.successContent}>\n            {successIcon ? (\n              <Icon\n                iconType=\"font\"\n                icon={successIcon}\n                iconSize={iconSize(successIcon)}\n                className={cx({\n                  [styles.leftIcon]: !!successText\n                })}\n                ignoreFocusStyle\n              />\n            ) : null}\n            {successText}\n          </span>\n          <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n            {buttonContent}\n          </span>\n        </button>\n      );\n    }\n\n    return (\n      <button {...buttonProps} key={`${id}-button`}>\n        {buttonContent}\n      </button>\n    );\n  }\n);\n\nButton.defaultProps = {\n  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\nexport default withStaticProps(Button, {\n  sizes: SIZES,\n  colors: ButtonColorEnum,\n  kinds: ButtonTypeEnum,\n  types: ButtonInputTypeEnum,\n  inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","ComponentVibeId","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}
+{"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":"klCA0GA,IAAMA,EAASC,GACb,SAAAC,EA6CEC,GACE,IA5CAC,EAASF,EAATE,UACAC,EAAQH,EAARG,SACAC,EAAIJ,EAAJI,KACAC,EAAOL,EAAPK,QACAC,EAAIN,EAAJM,KACAC,EAAIP,EAAJO,KACAC,EAAKR,EAALQ,MACAC,EAAQT,EAARS,SACAC,EAASV,EAATU,UACAC,EAAQX,EAARW,SACAC,EAAOZ,EAAPY,QACAC,EAAWb,EAAXa,YACAC,EAAWd,EAAXc,YACAC,EAAKf,EAALe,MACSC,EAAShB,EAAlBiB,QACAC,EAAelB,EAAfkB,gBACAC,EAAMnB,EAANmB,OACAC,EAAqBpB,EAArBoB,sBACAC,EAAErB,EAAFqB,GACAC,EAAWtB,EAAXsB,YACAC,EAAUvB,EAAVuB,WACAC,EAAIxB,EAAJwB,KACAC,EAAWzB,EAAXyB,YACAC,EAAS1B,EAAT0B,UACAC,EAAS3B,EAAT2B,UACAC,EAAQ5B,EAAR4B,SACAC,EAAqB7B,EAArB6B,sBACAC,EAAa9B,EAAb8B,cACAC,EAAO/B,EAAP+B,QACAC,EAAMhC,EAANgC,OACAC,EAAajC,EAAbiC,cACAC,EAA8BlC,EAA9BkC,+BACAC,GAAYnC,EAAZmC,aACAC,GAAYpC,EAAZoC,aACAC,GAAYrC,EAAZqC,aACoBC,GAAetC,EAAnC,oBACeuC,GAAUvC,EAAzB,eACgBwC,GAAWxC,EAA3B,gBACAyC,GAAazC,EAAbyC,cACeC,GAAU1C,EAAzB,eACA2C,GAAU3C,EAAV2C,WACAC,GAAQ5C,EAAR4C,SAIIC,GAAYC,EAA0B,MACtCC,GAAYC,EAAY/C,EAAK4C,IAE3B5B,GAAYgC,EAAiB,CAAEjC,UAAAA,IAA/BC,QAERiC,GAAU,WACR,IAAc,qBAAV1C,GAA0C,gBAAVA,IACvB,YAATJ,GACCyC,GAAUM,QAAf,CAEA,IAAMC,EAAgBP,GAAUM,QAChCC,EAAcrC,MAAMP,MAAQ6C,EAAuCD,EAAelB,EAH1D,CAIzB,GAAE,CAAC9B,EAAMyC,GAAWrC,EAAO0B,IAE5B,IAAMoB,GAAYC,GAAY,WAC5B,IAAMC,EAASX,GAAUM,SACrB1C,GAAa+C,GAGbf,IACFe,EAAOC,MAEV,GAAE,CAAChD,EAAUoC,GAAWJ,KAEnBiB,GAAkBH,GACtB,SAACI,GACKlD,GAAYQ,IAAWL,EACzB+C,EAAMC,iBAIJvD,GACFA,EAAQsD,EAEX,GACD,CAACtD,EAASI,EAAUQ,GAASL,IAGzBiD,GAAqBN,GACzB,SAACI,GACKlD,GAAYQ,IAAWL,EACzB+C,EAAMC,iBAIJnC,GACFA,EAAYkC,EAEf,GACD,CAAClC,EAAahB,EAAUQ,GAASL,IAG7BkD,GAAaC,GAAQ,WAAK,IAAAC,EACxBC,EAAkBrD,EAAU,WAAaJ,EAC/C,OAAO0D,EACLhE,EACAiE,EAAOX,OACPY,EAASD,EAAQE,EAAU,QAAU9D,IACrC6D,EAASD,EAAQE,EAAU,QAAUjE,IACrCgE,EAASD,EAAQE,EAAU,SAAWJ,KAAiBK,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAN,EAAA,CAAA,EAEpDG,EAAOvD,QAAUA,GACjBwD,EAASD,EAAQE,EAAU,SAAWJ,EAAkB,YAAc9C,GACtEC,EAAwBD,GACxBgD,EAAO7C,YAAcA,GACrB6C,EAAO5C,WAAaA,GACpB4C,EAAOxC,UAAYA,GACnBwC,EAAOvC,SAAWA,GAClBuC,EAAOtC,sBAAwBA,GAC/BsC,EAAOrC,cAAgBA,GACvBqC,EAAO1D,SAAWA,GAAQ6D,EAAAN,EAC1BG,EAAOI,gBAAkB5B,KAGhC,GAAG,CACD/B,EACAJ,EACAN,EACAK,EACAH,EACAe,EACAC,EACAE,EACAC,EACAI,EACAC,EACAC,EACAC,EACArB,EACAkC,KAGI6B,GAAcT,GAAQ,WA2B1B,MA1BuC,CACrC9D,IAAK8C,GACLvB,KAAAA,EACAtB,UAAW4D,GACXxD,KAAAA,EACAgD,UAAAA,GACAvC,MAAAA,EACAV,QAASqD,GACTrC,GAAAA,EACAU,QAAAA,EACAC,OAAAA,EACAY,SAAUnC,GAAY8B,IAAc,EAAIK,GACxC,cAAeF,IAAc+B,EAAUC,EAAuBC,OAAQtD,GACtE,YAAauD,EAAgBD,OAC7BlD,YAAaoC,GACb,gBAAiBpD,EACjB,YAAaQ,GACb,kBAAmBgB,EACnB,aAAcP,EACd,gBAAiBS,GACjB,gBAAiBC,GACjB,gBAAiBC,GACjB,mBAAoBC,GACpB,cAAeC,GACf,eAAgBC,GAGnB,GAAE,CACDO,GACAvB,EACAsC,GACAxD,EACAgD,GACAvC,EACA2C,GACArC,EACAU,EACAC,EACAY,GACAF,GACAmB,GACApD,EACAQ,GACAgB,EACAP,EACAS,GACAC,GACAC,GACAC,GACAC,GACAC,KAGIqC,GAAWtB,GACf,SAACuB,GACC,GAAoB,mBAATA,EACX,OAAQvE,GACN,IAAK,MACL,IAAK,KACH,OAAOwE,EACT,QACE,OAAOC,EAEb,GACA,CAACzE,IAGG0E,GAAwBlB,GAAQ,WAAA,OAAMmB,EAAMC,SAASC,QAAQjF,GAAUkF,KAAKC,WAAU,CAACnF,IAEvFoF,GAAgBxB,GACpB,WAAA,OACEmB,EAAAM,cAAAN,EAAAO,SAAA,KACG9E,EACCuE,EAAAM,cAACE,EACC,CAAAC,SAAS,OACTb,KAAMnE,EACNkE,SAAUA,GAASlE,GACnBT,UAAWgE,EAAEI,EAAA,CAAA,EACVH,EAAOxD,SAAWsE,KAErBW,kBAAgB,IAEhB,KACHzF,EACAO,EACCwE,EAAAM,cAACE,EACC,CAAAC,SAAS,OACTb,KAAMpE,EACNmE,SAAUA,GAASnE,GACnBR,UAAWgE,EAAEI,EAAA,CAAA,EACVH,EAAOzD,UAAYuE,KAEtBW,kBACA,IACA,KACH,GAEL,CAACzF,EAAU8E,GAAuBJ,GAAUlE,EAAUD,IAGxD,OAAIO,GAEAiE,0CAAYV,GAAW,CAAEqB,IAAG,GAAAC,OAAKzE,EAAE,cACjC6D,EAAMM,cAAA,OAAA,CAAAtF,UAAWgE,EAAGC,EAAO4B,OAAQ7E,IACjCgE,EAAAM,cAACQ,EAAO,CAAA9F,UAAWiE,EAAO8B,YAC1Bf,EAAkBM,cAAA,OAAA,CAAA,eAAA,EAAAtF,UAAWiE,EAAO+B,iBACjCX,MAOP3E,EAEAsE,0CAAYV,GAAW,CAAEqB,IAAG,GAAAC,OAAKzE,EAAE,cACjC6D,EAAAM,cAAA,OAAA,CAAMtF,UAAWiE,EAAOgC,gBACrBrF,EACCoE,EAAAM,cAACE,EACC,CAAAC,SAAS,OACTb,KAAMhE,EACN+D,SAAUA,GAAS/D,GACnBZ,UAAWgE,EAAEI,EACVH,CAAAA,EAAAA,EAAOxD,WAAaE,IAEvB+E,kBAAgB,IAEhB,KACH/E,GAEHqE,EAAAM,cAAA,OAAA,CAAA,cAAkB,OAAOtF,UAAWiE,EAAO+B,iBACxCX,KAOPL,EAAAM,cAAA,SAAAY,OAAAC,OAAA,CAAA,EAAY7B,GAAW,CAAEqB,IAAG,GAAAC,OAAKzE,EAAE,aAChCkE,GAGP,IAGFzF,EAAOwG,aAAe,CACpBhG,UAAMiG,EACNxF,WAAOwF,EACPnG,KAAM,UACNC,QAASmG,EACTjG,KAAM,SACNC,MAAO,UACPC,UAAU,EACVC,UAAW,KACXC,SAAU,KACVC,SAAS,EACTC,YAAa,GACbC,YAAa,KACbG,SAAS,EACTC,qBAAiBqF,EACjBpF,QAAQ,EACRG,aAAa,EACbC,YAAY,EACZC,KAAM,SACNC,YAAa+E,EACb7E,WAAW,EACXC,UAAU,EACVC,uBAAuB,EACvBC,eAAe,EACfC,QAASyE,EACTxE,OAAQwE,EACRtE,+BAAgCuE,EAChCtE,kBAAcoE,EACd9D,eAAe,EACfL,kBAAcmE,EACdlE,kBAAckE,EACd7E,eAAW6E,EACXtE,mBAAesE,EACf5D,YAAY,GAWd,IAAe+D,EAAAA,EAAgD5G,EAAQ,CACrE6G,MAAOC,EACPC,OAAQC,EACRC,MAAOC,EACPC,MAAOC,EACPC,UAAWD"}

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

@@ -1,2 +1,2 @@
-var o={button:"button_76e600006b","focus-visible":"focus-visible_560621c3be",loader:"loader_2c47f3a4f6",loaderSvg:"loaderSvg_ea3e80408d",textPlaceholder:"textPlaceholder_42559ee889",success:"success_89383eb424",successContent:"successContent_cf15a9623e",marginRight:"marginRight_97cc9a95be",marginLeft:"marginLeft_009e171ff3",rightFlat:"rightFlat_48002efa58",leftFlat:"leftFlat_1786c90ac7",preventClickAnimation:"preventClickAnimation_7e21835911",leftIcon:"leftIcon_97cc9a95be",rightIcon:"rightIcon_009e171ff3",sizeXxs:"sizeXxs_16fd3eefd1",sizeXs:"sizeXs_c68f703771",sizeSmall:"sizeSmall_49acc2b94c",sizeMedium:"sizeMedium_ae41ca78b5",sizeLarge:"sizeLarge_3653cfa71f",kindPrimary:"kindPrimary_1d5cda7805",colorPrimary:"colorPrimary_b5047b82aa",colorBrand:"colorBrand_2fca2f18f6",colorPrimaryActive:"colorPrimaryActive_58c4711ec3",colorBrandActive:"colorBrandActive_3869e6e930",colorPositive:"colorPositive_6b839014c4",colorPositiveActive:"colorPositiveActive_d6ff3eeaee",colorNegative:"colorNegative_15b9102f80",colorNegativeActive:"colorNegativeActive_d6ff3eeaee",colorInverted:"colorInverted_a3bc7ce5a7",colorInvertedActive:"colorInvertedActive_d6ff3eeaee",disabled:"disabled_0ea2da6977",colorOnPrimaryColor:"colorOnPrimaryColor_72f80a8ace",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_b7da6d6bee",colorFixedLight:"colorFixedLight_bb50134856",colorFixedLightActive:"colorFixedLightActive_7e21835911",colorFixedDark:"colorFixedDark_b66df1a2fd",colorFixedDarkActive:"colorFixedDarkActive_a189274f67",colorOnInvertedBackground:"colorOnInvertedBackground_e8b11aacf5",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_1c7844dcc0",kindSecondary:"kindSecondary_086537aed7",kindTertiary:"kindTertiary_6588f3d512",noSidePadding:"noSidePadding_962f118c70",insetFocusStyle:"insetFocusStyle_559449e9ef"};!function(o){const r="s_id-f5db469b1a79_3_40_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_76e600006b {\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_76e600006b:focus-visible, .button_76e600006b.focus-visible_560621c3be {\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_76e600006b:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.button_76e600006b .loader_2c47f3a4f6 {\n  height: 100%;\n}\n.button_76e600006b .loader_2c47f3a4f6 .loaderSvg_ea3e80408d {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_76e600006b .textPlaceholder_42559ee889 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_76e600006b.success_89383eb424 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_76e600006b.success_89383eb424 .successContent_cf15a9623e {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_97cc9a95be {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_009e171ff3 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_48002efa58 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_1786c90ac7 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_76e600006b:active:not(.preventClickAnimation_7e21835911) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_76e600006b .leftIcon_97cc9a95be {\n  margin-right: var(--spacing-small);\n}\n.button_76e600006b .rightIcon_009e171ff3 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_16fd3eefd1 {\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_c68f703771 {\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_49acc2b94c {\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_49acc2b94c .loader_2c47f3a4f6 {\n  top: 7px;\n}\n.sizeMedium_ae41ca78b5 {\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_3653cfa71f {\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_1d5cda7805 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1d5cda7805.colorPrimary_b5047b82aa {\n  background: var(--primary-color);\n}\n.kindPrimary_1d5cda7805.colorBrand_2fca2f18f6 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_1d5cda7805.colorPrimaryActive_58c4711ec3,\n.kindPrimary_1d5cda7805.colorPrimary_b5047b82aa:hover,\n.kindPrimary_1d5cda7805.colorPrimary_b5047b82aa:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_1d5cda7805.colorBrandActive_3869e6e930,\n.kindPrimary_1d5cda7805.colorBrand_2fca2f18f6:hover,\n.kindPrimary_1d5cda7805.colorBrand_2fca2f18f6:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_1d5cda7805.colorPositive_6b839014c4 {\n  background: var(--positive-color);\n}\n.kindPrimary_1d5cda7805.colorPositiveActive_d6ff3eeaee,\n.kindPrimary_1d5cda7805.colorPositive_6b839014c4:hover,\n.kindPrimary_1d5cda7805.colorPositive_6b839014c4:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_1d5cda7805.colorNegative_15b9102f80 {\n  background: var(--negative-color);\n}\n.kindPrimary_1d5cda7805.colorNegativeActive_d6ff3eeaee,\n.kindPrimary_1d5cda7805.colorNegative_15b9102f80:hover,\n.kindPrimary_1d5cda7805.colorNegative_15b9102f80:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_1d5cda7805.colorInverted_a3bc7ce5a7 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_1d5cda7805.colorInvertedActive_d6ff3eeaee,\n.kindPrimary_1d5cda7805.colorInverted_a3bc7ce5a7:hover,\n.kindPrimary_1d5cda7805.colorInverted_a3bc7ce5a7:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_1d5cda7805.button_76e600006b.colorInverted_a3bc7ce5a7.disabled_0ea2da6977 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_1d5cda7805.colorOnPrimaryColorActive_b7da6d6bee,\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:hover,\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1d5cda7805.colorOnPrimaryColorActive_b7da6d6bee:focus-visible, .kindPrimary_1d5cda7805.colorOnPrimaryColorActive_b7da6d6bee.focus-visible_560621c3be,\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:hover:focus-visible,\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:hover.focus-visible_560621c3be,\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:focus:focus-visible,\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:focus.focus-visible_560621c3be {\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_1d5cda7805.colorOnPrimaryColorActive_b7da6d6bee:focus:not(.focus-visible_560621c3be),\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:hover:focus:not(.focus-visible_560621c3be),\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindPrimary_1d5cda7805.colorOnPrimaryColor_72f80a8ace.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_1d5cda7805.colorFixedLightActive_7e21835911,\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:hover,\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1d5cda7805.colorFixedLightActive_7e21835911:focus-visible, .kindPrimary_1d5cda7805.colorFixedLightActive_7e21835911.focus-visible_560621c3be,\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:hover:focus-visible,\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:hover.focus-visible_560621c3be,\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:focus:focus-visible,\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:focus.focus-visible_560621c3be {\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_1d5cda7805.colorFixedLightActive_7e21835911:focus:not(.focus-visible_560621c3be),\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:hover:focus:not(.focus-visible_560621c3be),\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindPrimary_1d5cda7805.colorFixedLight_bb50134856.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1d5cda7805.colorFixedDarkActive_a189274f67,\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:hover,\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_1d5cda7805.colorFixedDarkActive_a189274f67:focus-visible, .kindPrimary_1d5cda7805.colorFixedDarkActive_a189274f67.focus-visible_560621c3be,\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:hover:focus-visible,\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:hover.focus-visible_560621c3be,\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:focus:focus-visible,\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:focus.focus-visible_560621c3be {\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_1d5cda7805.colorFixedDarkActive_a189274f67:focus:not(.focus-visible_560621c3be),\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:hover:focus:not(.focus-visible_560621c3be),\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindPrimary_1d5cda7805.colorFixedDark_b66df1a2fd.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_1d5cda7805.colorOnInvertedBackground_e8b11aacf5 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_1d5cda7805.colorOnInvertedBackgroundActive_1c7844dcc0,\n.kindPrimary_1d5cda7805.colorOnInvertedBackground_e8b11aacf5:hover,\n.kindPrimary_1d5cda7805.colorOnInvertedBackground_e8b11aacf5:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_1d5cda7805.button_76e600006b.colorOnInvertedBackground_e8b11aacf5.disabled_0ea2da6977 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_1d5cda7805.button_76e600006b.disabled_0ea2da6977 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_086537aed7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_086537aed7.sizeSmall_49acc2b94c {\n  line-height: 22px;\n}\n.kindSecondary_086537aed7.sizeMedium_ae41ca78b5 {\n  line-height: 22px;\n}\n.kindSecondary_086537aed7.sizeLarge_3653cfa71f {\n  line-height: 22px;\n}\n.kindSecondary_086537aed7.colorPrimaryActive_58c4711ec3 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_086537aed7.colorPrimaryActive_58c4711ec3:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_086537aed7.colorBrandActive_3869e6e930 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_086537aed7.colorBrandActive_3869e6e930,\n.kindSecondary_086537aed7.colorBrandActive_3869e6e930:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_086537aed7.colorPrimary_b5047b82aa:hover:not(.colorPrimaryActive_58c4711ec3),\n.kindSecondary_086537aed7.colorPrimary_b5047b82aa:focus:not(.colorPrimaryActive_58c4711ec3) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_086537aed7.colorBrand_2fca2f18f6:hover:not(.colorBrandActive_3869e6e930),\n.kindSecondary_086537aed7.colorBrand_2fca2f18f6:focus:not(.colorBrandActive_3869e6e930) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_086537aed7.colorPositive_6b839014c4 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_086537aed7.colorPositiveActive_d6ff3eeaee,\n.kindSecondary_086537aed7.colorPositive_6b839014c4:hover,\n.kindSecondary_086537aed7.colorPositive_6b839014c4:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_086537aed7.colorNegative_15b9102f80 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_086537aed7.colorNegativeActive_d6ff3eeaee,\n.kindSecondary_086537aed7.colorNegative_15b9102f80:hover,\n.kindSecondary_086537aed7.colorNegative_15b9102f80:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_086537aed7.colorInverted_a3bc7ce5a7 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_086537aed7.colorInvertedActive_d6ff3eeaee,\n.kindSecondary_086537aed7.colorInverted_a3bc7ce5a7:hover,\n.kindSecondary_086537aed7.colorInverted_a3bc7ce5a7:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_086537aed7.colorInverted_a3bc7ce5a7.disabled_0ea2da6977 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_086537aed7.colorOnPrimaryColorActive_b7da6d6bee,\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:hover,\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_086537aed7.colorOnPrimaryColorActive_b7da6d6bee:focus-visible, .kindSecondary_086537aed7.colorOnPrimaryColorActive_b7da6d6bee.focus-visible_560621c3be,\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:hover:focus-visible,\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:hover.focus-visible_560621c3be,\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:focus:focus-visible,\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:focus.focus-visible_560621c3be {\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_086537aed7.colorOnPrimaryColorActive_b7da6d6bee:focus:not(.focus-visible_560621c3be),\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:hover:focus:not(.focus-visible_560621c3be),\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindSecondary_086537aed7.colorOnPrimaryColor_72f80a8ace.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_086537aed7.colorFixedLight_bb50134856 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_086537aed7.colorFixedLightActive_7e21835911,\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:hover,\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_086537aed7.colorFixedLightActive_7e21835911:focus-visible, .kindSecondary_086537aed7.colorFixedLightActive_7e21835911.focus-visible_560621c3be,\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:hover:focus-visible,\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:hover.focus-visible_560621c3be,\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:focus:focus-visible,\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:focus.focus-visible_560621c3be {\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_086537aed7.colorFixedLightActive_7e21835911:focus:not(.focus-visible_560621c3be),\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:hover:focus:not(.focus-visible_560621c3be),\n.kindSecondary_086537aed7.colorFixedLight_bb50134856:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_086537aed7.colorFixedDarkActive_a189274f67,\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:hover,\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_086537aed7.colorFixedDarkActive_a189274f67:focus-visible, .kindSecondary_086537aed7.colorFixedDarkActive_a189274f67.focus-visible_560621c3be,\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:hover:focus-visible,\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:hover.focus-visible_560621c3be,\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:focus:focus-visible,\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:focus.focus-visible_560621c3be {\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_086537aed7.colorFixedDarkActive_a189274f67:focus:not(.focus-visible_560621c3be),\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:hover:focus:not(.focus-visible_560621c3be),\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindSecondary_086537aed7.colorOnInvertedBackground_e8b11aacf5 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_086537aed7.colorOnInvertedBackgroundActive_1c7844dcc0,\n.kindSecondary_086537aed7.colorOnInvertedBackground_e8b11aacf5:hover,\n.kindSecondary_086537aed7.colorOnInvertedBackground_e8b11aacf5:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_086537aed7.colorOnInvertedBackground_e8b11aacf5.disabled_0ea2da6977 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_086537aed7.colorFixedLight_bb50134856.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_086537aed7.colorFixedDark_b66df1a2fd.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_086537aed7.disabled_0ea2da6977 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_086537aed7.disabled_0ea2da6977:hover {\n  background-color: transparent;\n}\n.kindTertiary_6588f3d512 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_6588f3d512.colorPrimaryActive_58c4711ec3 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_6588f3d512.colorPrimaryActive_58c4711ec3:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_6588f3d512.colorBrandActive_3869e6e930 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_6588f3d512.colorBrandActive_3869e6e930,\n.kindTertiary_6588f3d512.colorBrandActive_3869e6e930:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_6588f3d512.colorPrimary_b5047b82aa:hover:not(.colorPrimaryActive_58c4711ec3),\n.kindTertiary_6588f3d512.colorPrimary_b5047b82aa:focus:not(.colorPrimaryActive_58c4711ec3) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_6588f3d512.colorBrand_2fca2f18f6:hover:not(.colorBrandActive_3869e6e930),\n.kindTertiary_6588f3d512.colorBrand_2fca2f18f6:focus:not(.colorBrandActive_3869e6e930) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_6588f3d512.colorPositive_6b839014c4 {\n  color: var(--positive-color);\n}\n.kindTertiary_6588f3d512.colorPositiveActive_d6ff3eeaee,\n.kindTertiary_6588f3d512.colorPositive_6b839014c4:hover,\n.kindTertiary_6588f3d512.colorPositive_6b839014c4:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_6588f3d512.colorNegative_15b9102f80 {\n  color: var(--negative-color);\n}\n.kindTertiary_6588f3d512.colorNegativeActive_d6ff3eeaee,\n.kindTertiary_6588f3d512.colorNegative_15b9102f80:hover,\n.kindTertiary_6588f3d512.colorNegative_15b9102f80:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_6588f3d512.colorInverted_a3bc7ce5a7 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_6588f3d512.colorInvertedActive_d6ff3eeaee,\n.kindTertiary_6588f3d512.colorInverted_a3bc7ce5a7:hover,\n.kindTertiary_6588f3d512.colorInverted_a3bc7ce5a7:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_6588f3d512.colorInverted_a3bc7ce5a7.disabled_0ea2da6977 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_6588f3d512.colorOnPrimaryColorActive_b7da6d6bee,\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:hover,\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_6588f3d512.colorOnPrimaryColorActive_b7da6d6bee:focus-visible, .kindTertiary_6588f3d512.colorOnPrimaryColorActive_b7da6d6bee.focus-visible_560621c3be,\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:hover:focus-visible,\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:hover.focus-visible_560621c3be,\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:focus:focus-visible,\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:focus.focus-visible_560621c3be {\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_6588f3d512.colorOnPrimaryColorActive_b7da6d6bee:focus:not(.focus-visible_560621c3be),\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:hover:focus:not(.focus-visible_560621c3be),\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindTertiary_6588f3d512.colorOnPrimaryColor_72f80a8ace.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_6588f3d512.colorFixedLightActive_7e21835911,\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:hover,\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_6588f3d512.colorFixedLightActive_7e21835911:focus-visible, .kindTertiary_6588f3d512.colorFixedLightActive_7e21835911.focus-visible_560621c3be,\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:hover:focus-visible,\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:hover.focus-visible_560621c3be,\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:focus:focus-visible,\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:focus.focus-visible_560621c3be {\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_6588f3d512.colorFixedLightActive_7e21835911:focus:not(.focus-visible_560621c3be),\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:hover:focus:not(.focus-visible_560621c3be),\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindTertiary_6588f3d512.colorFixedLight_bb50134856.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_6588f3d512.colorFixedDarkActive_a189274f67,\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:hover,\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_6588f3d512.colorFixedDarkActive_a189274f67:focus-visible, .kindTertiary_6588f3d512.colorFixedDarkActive_a189274f67.focus-visible_560621c3be,\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:hover:focus-visible,\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:hover.focus-visible_560621c3be,\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:focus:focus-visible,\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:focus.focus-visible_560621c3be {\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_6588f3d512.colorFixedDarkActive_a189274f67:focus:not(.focus-visible_560621c3be),\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:hover:focus:not(.focus-visible_560621c3be),\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd:focus:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}\n.kindTertiary_6588f3d512.colorFixedDark_b66df1a2fd.disabled_0ea2da6977 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_6588f3d512.colorOnInvertedBackground_e8b11aacf5 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_6588f3d512.colorOnInvertedBackgroundActive_1c7844dcc0,\n.kindTertiary_6588f3d512.colorOnInvertedBackground_e8b11aacf5:hover,\n.kindTertiary_6588f3d512.colorOnInvertedBackground_e8b11aacf5:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_6588f3d512.colorOnInvertedBackground_e8b11aacf5.disabled_0ea2da6977 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_6588f3d512.disabled_0ea2da6977 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_6588f3d512.disabled_0ea2da6977:hover {\n  background-color: transparent;\n}\n.noSidePadding_962f118c70 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_76e600006b.insetFocusStyle_559449e9ef:focus-visible, .button_76e600006b.insetFocusStyle_559449e9ef.focus-visible_560621c3be {\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_76e600006b.insetFocusStyle_559449e9ef:focus:not(.focus-visible_560621c3be) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_6e4d033d76","focus-visible":"focus-visible_c98abb5352",loader:"loader_60af4f76af",loaderSvg:"loaderSvg_6296837a5f",textPlaceholder:"textPlaceholder_219c6897a9",success:"success_4e712e9862",successContent:"successContent_e900956564",marginRight:"marginRight_c5a576cba2",marginLeft:"marginLeft_14909095fc",rightFlat:"rightFlat_ac689a589f",leftFlat:"leftFlat_292bdea468",preventClickAnimation:"preventClickAnimation_7f1638ea26",leftIcon:"leftIcon_c5a576cba2",rightIcon:"rightIcon_14909095fc",sizeXxs:"sizeXxs_a035bb0079",sizeXs:"sizeXs_cb6e9a7a5b",sizeSmall:"sizeSmall_994cd3e985",sizeMedium:"sizeMedium_c27465c59f",sizeLarge:"sizeLarge_371e4f0f4a",kindPrimary:"kindPrimary_1793674bf9",colorPrimary:"colorPrimary_0ee5656b78",colorBrand:"colorBrand_f22fe3c606",colorPrimaryActive:"colorPrimaryActive_3debaeacfa",colorBrandActive:"colorBrandActive_c78fabd2af",colorPositive:"colorPositive_f2be725f5e",colorPositiveActive:"colorPositiveActive_5fdf3e77c6",colorNegative:"colorNegative_0445364156",colorNegativeActive:"colorNegativeActive_5fdf3e77c6",colorInverted:"colorInverted_73415f50e5",colorInvertedActive:"colorInvertedActive_5fdf3e77c6",disabled:"disabled_049198bf3e",colorOnPrimaryColor:"colorOnPrimaryColor_288b90cecb",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_b7c0289ada",colorFixedLight:"colorFixedLight_58dc6aeb62",colorFixedLightActive:"colorFixedLightActive_7f1638ea26",colorFixedDark:"colorFixedDark_b233ef8720",colorFixedDarkActive:"colorFixedDarkActive_9e406f406d",colorOnInvertedBackground:"colorOnInvertedBackground_6c660fd6da",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_f34abdfd61",kindSecondary:"kindSecondary_e3510eeaba",kindTertiary:"kindTertiary_151f01a3a3",noSidePadding:"noSidePadding_3a14a63bc1",insetFocusStyle:"insetFocusStyle_b6df7264ea"};!function(o){const r="s_id-f5db469b1a79_3_42_0";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_6e4d033d76 {\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_6e4d033d76:focus-visible, .button_6e4d033d76.focus-visible_c98abb5352 {\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_6e4d033d76:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.button_6e4d033d76 .loader_60af4f76af {\n  height: 100%;\n}\n.button_6e4d033d76 .loader_60af4f76af .loaderSvg_6296837a5f {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6e4d033d76 .textPlaceholder_219c6897a9 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6e4d033d76.success_4e712e9862 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6e4d033d76.success_4e712e9862 .successContent_e900956564 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_c5a576cba2 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_14909095fc {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_ac689a589f {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_292bdea468 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_6e4d033d76:active:not(.preventClickAnimation_7f1638ea26) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6e4d033d76 .leftIcon_c5a576cba2 {\n  margin-right: var(--spacing-small);\n}\n.button_6e4d033d76 .rightIcon_14909095fc {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_a035bb0079 {\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_cb6e9a7a5b {\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_994cd3e985 {\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_994cd3e985 .loader_60af4f76af {\n  top: 7px;\n}\n.sizeMedium_c27465c59f {\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_371e4f0f4a {\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_1793674bf9 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1793674bf9.colorPrimary_0ee5656b78 {\n  background: var(--primary-color);\n}\n.kindPrimary_1793674bf9.colorBrand_f22fe3c606 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_1793674bf9.colorPrimaryActive_3debaeacfa,\n.kindPrimary_1793674bf9.colorPrimary_0ee5656b78:hover,\n.kindPrimary_1793674bf9.colorPrimary_0ee5656b78:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_1793674bf9.colorBrandActive_c78fabd2af,\n.kindPrimary_1793674bf9.colorBrand_f22fe3c606:hover,\n.kindPrimary_1793674bf9.colorBrand_f22fe3c606:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_1793674bf9.colorPositive_f2be725f5e {\n  background: var(--positive-color);\n}\n.kindPrimary_1793674bf9.colorPositiveActive_5fdf3e77c6,\n.kindPrimary_1793674bf9.colorPositive_f2be725f5e:hover,\n.kindPrimary_1793674bf9.colorPositive_f2be725f5e:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_1793674bf9.colorNegative_0445364156 {\n  background: var(--negative-color);\n}\n.kindPrimary_1793674bf9.colorNegativeActive_5fdf3e77c6,\n.kindPrimary_1793674bf9.colorNegative_0445364156:hover,\n.kindPrimary_1793674bf9.colorNegative_0445364156:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_1793674bf9.colorInverted_73415f50e5 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_1793674bf9.colorInvertedActive_5fdf3e77c6,\n.kindPrimary_1793674bf9.colorInverted_73415f50e5:hover,\n.kindPrimary_1793674bf9.colorInverted_73415f50e5:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_1793674bf9.button_6e4d033d76.colorInverted_73415f50e5.disabled_049198bf3e {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColorActive_b7c0289ada,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColorActive_b7c0289ada:focus-visible, .kindPrimary_1793674bf9.colorOnPrimaryColorActive_b7c0289ada.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover:focus-visible,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus:focus-visible,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus.focus-visible_c98abb5352 {\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_1793674bf9.colorOnPrimaryColorActive_b7c0289ada:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_1793674bf9.colorFixedLightActive_7f1638ea26,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1793674bf9.colorFixedLightActive_7f1638ea26:focus-visible, .kindPrimary_1793674bf9.colorFixedLightActive_7f1638ea26.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover:focus-visible,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus:focus-visible,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus.focus-visible_c98abb5352 {\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_1793674bf9.colorFixedLightActive_7f1638ea26:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1793674bf9.colorFixedDarkActive_9e406f406d,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_1793674bf9.colorFixedDarkActive_9e406f406d:focus-visible, .kindPrimary_1793674bf9.colorFixedDarkActive_9e406f406d.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover:focus-visible,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus:focus-visible,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus.focus-visible_c98abb5352 {\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_1793674bf9.colorFixedDarkActive_9e406f406d:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_1793674bf9.colorOnInvertedBackground_6c660fd6da {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_1793674bf9.colorOnInvertedBackgroundActive_f34abdfd61,\n.kindPrimary_1793674bf9.colorOnInvertedBackground_6c660fd6da:hover,\n.kindPrimary_1793674bf9.colorOnInvertedBackground_6c660fd6da:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_1793674bf9.button_6e4d033d76.colorOnInvertedBackground_6c660fd6da.disabled_049198bf3e {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_1793674bf9.button_6e4d033d76.disabled_049198bf3e {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e3510eeaba {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_e3510eeaba.sizeSmall_994cd3e985 {\n  line-height: 22px;\n}\n.kindSecondary_e3510eeaba.sizeMedium_c27465c59f {\n  line-height: 22px;\n}\n.kindSecondary_e3510eeaba.sizeLarge_371e4f0f4a {\n  line-height: 22px;\n}\n.kindSecondary_e3510eeaba.colorPrimaryActive_3debaeacfa {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e3510eeaba.colorPrimaryActive_3debaeacfa:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e3510eeaba.colorBrandActive_c78fabd2af {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_e3510eeaba.colorBrandActive_c78fabd2af,\n.kindSecondary_e3510eeaba.colorBrandActive_c78fabd2af:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_e3510eeaba.colorPrimary_0ee5656b78:hover:not(.colorPrimaryActive_3debaeacfa),\n.kindSecondary_e3510eeaba.colorPrimary_0ee5656b78:focus:not(.colorPrimaryActive_3debaeacfa) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorBrand_f22fe3c606:hover:not(.colorBrandActive_c78fabd2af),\n.kindSecondary_e3510eeaba.colorBrand_f22fe3c606:focus:not(.colorBrandActive_c78fabd2af) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorPositive_f2be725f5e {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_e3510eeaba.colorPositiveActive_5fdf3e77c6,\n.kindSecondary_e3510eeaba.colorPositive_f2be725f5e:hover,\n.kindSecondary_e3510eeaba.colorPositive_f2be725f5e:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_e3510eeaba.colorNegative_0445364156 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_e3510eeaba.colorNegativeActive_5fdf3e77c6,\n.kindSecondary_e3510eeaba.colorNegative_0445364156:hover,\n.kindSecondary_e3510eeaba.colorNegative_0445364156:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_e3510eeaba.colorInvertedActive_5fdf3e77c6,\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5:hover,\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5.disabled_049198bf3e {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada:focus-visible, .kindSecondary_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover:focus-visible,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus:focus-visible,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus.focus-visible_c98abb5352 {\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_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e3510eeaba.colorFixedLightActive_7f1638ea26,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e3510eeaba.colorFixedLightActive_7f1638ea26:focus-visible, .kindSecondary_e3510eeaba.colorFixedLightActive_7f1638ea26.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus.focus-visible_c98abb5352 {\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_e3510eeaba.colorFixedLightActive_7f1638ea26:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e3510eeaba.colorFixedDarkActive_9e406f406d,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorFixedDarkActive_9e406f406d:focus-visible, .kindSecondary_e3510eeaba.colorFixedDarkActive_9e406f406d.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus.focus-visible_c98abb5352 {\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_e3510eeaba.colorFixedDarkActive_9e406f406d:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_e3510eeaba.colorOnInvertedBackgroundActive_f34abdfd61,\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da:hover,\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da.disabled_049198bf3e {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e3510eeaba.disabled_049198bf3e {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e3510eeaba.disabled_049198bf3e:hover {\n  background-color: transparent;\n}\n.kindTertiary_151f01a3a3 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_151f01a3a3.colorPrimaryActive_3debaeacfa {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_151f01a3a3.colorPrimaryActive_3debaeacfa:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_151f01a3a3.colorBrandActive_c78fabd2af {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_151f01a3a3.colorBrandActive_c78fabd2af,\n.kindTertiary_151f01a3a3.colorBrandActive_c78fabd2af:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_151f01a3a3.colorPrimary_0ee5656b78:hover:not(.colorPrimaryActive_3debaeacfa),\n.kindTertiary_151f01a3a3.colorPrimary_0ee5656b78:focus:not(.colorPrimaryActive_3debaeacfa) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorBrand_f22fe3c606:hover:not(.colorBrandActive_c78fabd2af),\n.kindTertiary_151f01a3a3.colorBrand_f22fe3c606:focus:not(.colorBrandActive_c78fabd2af) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorPositive_f2be725f5e {\n  color: var(--positive-color);\n}\n.kindTertiary_151f01a3a3.colorPositiveActive_5fdf3e77c6,\n.kindTertiary_151f01a3a3.colorPositive_f2be725f5e:hover,\n.kindTertiary_151f01a3a3.colorPositive_f2be725f5e:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_151f01a3a3.colorNegative_0445364156 {\n  color: var(--negative-color);\n}\n.kindTertiary_151f01a3a3.colorNegativeActive_5fdf3e77c6,\n.kindTertiary_151f01a3a3.colorNegative_0445364156:hover,\n.kindTertiary_151f01a3a3.colorNegative_0445364156:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_151f01a3a3.colorInvertedActive_5fdf3e77c6,\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5:hover,\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5.disabled_049198bf3e {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada:focus-visible, .kindTertiary_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover:focus-visible,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus:focus-visible,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus.focus-visible_c98abb5352 {\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_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_151f01a3a3.colorFixedLightActive_7f1638ea26,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_151f01a3a3.colorFixedLightActive_7f1638ea26:focus-visible, .kindTertiary_151f01a3a3.colorFixedLightActive_7f1638ea26.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus.focus-visible_c98abb5352 {\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_151f01a3a3.colorFixedLightActive_7f1638ea26:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_151f01a3a3.colorFixedDarkActive_9e406f406d,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorFixedDarkActive_9e406f406d:focus-visible, .kindTertiary_151f01a3a3.colorFixedDarkActive_9e406f406d.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus.focus-visible_c98abb5352 {\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_151f01a3a3.colorFixedDarkActive_9e406f406d:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_151f01a3a3.colorOnInvertedBackgroundActive_f34abdfd61,\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da:hover,\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da.disabled_049198bf3e {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_151f01a3a3.disabled_049198bf3e {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_151f01a3a3.disabled_049198bf3e:hover {\n  background-color: transparent;\n}\n.noSidePadding_3a14a63bc1 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6e4d033d76.insetFocusStyle_b6df7264ea:focus-visible, .button_6e4d033d76.insetFocusStyle_b6df7264ea.focus-visible_c98abb5352 {\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_6e4d033d76.insetFocusStyle_b6df7264ea:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button/Button.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\ntype ButtonGroupOption = {\n  icon?: SubIcon;\n  leftIcon?: SubIcon;\n  ariaLabel?: string;\n  subText?: string;\n  value: ButtonValue;\n  text: string;\n  disabled?: boolean;\n  tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n  /**\n   * The list of button options.\n   */\n  options: Array<ButtonGroupOption>;\n  /**\n   * The currently selected button value.\n   */\n  value?: ButtonValue;\n  /**\n   * Callback fired when a button is selected.\n   */\n  onSelect?: (value: ButtonValue, name: string) => void;\n  /**\n   * The size of the buttons.\n   */\n  size?: ButtonSize;\n  /**\n   * The style variant of the buttons.\n   */\n  kind?: Extract<ButtonType, \"secondary\" | \"tertiary\">;\n  /**\n   * The name of the button group.\n   */\n  name?: string;\n  /**\n   * If true, disables all buttons in the group.\n   */\n  disabled?: boolean;\n  /**\n   * The label of the button group for accessibility.\n   */\n  groupAriaLabel?: string;\n  /**\n   * The position of the tooltip relative to the button.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip hides.\n   */\n  tooltipHideDelay?: number;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * CSS selector for the tooltip container.\n   */\n  tooltipContainerSelector?: string;\n  /**\n   * Adjusts the tooltip position.\n   */\n  tooltipMoveBy?: MoveBy;\n  /**\n   * The content inside the button group.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, makes the button group take the full width of its container.\n   */\n  fullWidth?: boolean;\n  /**\n   * If true, removes focus from the button after clicking.\n   */\n  blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup: VibeComponent<ButtonGroupProps, HTMLDivElement> & {\n  sizes?: typeof SIZES;\n  kinds?: typeof ButtonTypeEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      options,\n      name = \"\",\n      disabled = false,\n      value = \"\",\n      onSelect,\n      size = \"small\",\n      kind = \"secondary\",\n      groupAriaLabel = \"\",\n      tooltipPosition,\n      tooltipHideDelay,\n      tooltipShowDelay,\n      tooltipContainerSelector,\n      tooltipMoveBy,\n      blurOnMouseUp = true,\n      id,\n      \"data-testid\": dataTestId,\n      fullWidth = false\n    }: ButtonGroupProps,\n    ref\n  ) => {\n    const inputRef = useRef();\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const [valueState, setValueState] = useState(value);\n    const prevValue = usePrevious(value);\n\n    const onClick = useCallback(\n      (option: ButtonGroupOption) => {\n        const isDisabled = disabled || option.disabled;\n        if (!isDisabled) {\n          setValueState(option.value);\n          if (onSelect) {\n            onSelect(option.value, name);\n          }\n        }\n      },\n      [onSelect, disabled, name]\n    );\n\n    const selectedOption = useMemo(() => {\n      return options.find(option => option.value === valueState);\n    }, [options, valueState]);\n\n    const Buttons = useMemo(() => {\n      return options.map((option, index) => {\n        const isSelected = option.value === valueState;\n        return (\n          <ButtonWrapper\n            key={option.value}\n            size={size}\n            onClick={() => onClick(option)}\n            rightIcon={option.icon}\n            leftIcon={option.leftIcon}\n            active={isSelected}\n            rightFlat={index !== options.length - 1}\n            leftFlat={index !== 0}\n            kind=\"tertiary\"\n            preventClickAnimation\n            ariaLabel={option.ariaLabel}\n            tooltipContent={option.tooltipContent}\n            tooltipPosition={tooltipPosition}\n            tooltipHideDelay={tooltipHideDelay}\n            tooltipShowDelay={tooltipShowDelay}\n            tooltipContainerSelector={tooltipContainerSelector}\n            tooltipMoveBy={tooltipMoveBy}\n            blurOnMouseUp={blurOnMouseUp}\n            className={cx(styles.button, styles.optionText, {\n              [styles.selected]: isSelected,\n              [styles.disabled]: disabled,\n              [styles.buttonDisabled]: option.disabled,\n              [styles.fullWidth]: fullWidth\n            })}\n            activeButtonClassName={styles.activeButton}\n          >\n            {option.text}\n          </ButtonWrapper>\n        );\n      });\n    }, [\n      options,\n      valueState,\n      size,\n      tooltipPosition,\n      tooltipHideDelay,\n      tooltipShowDelay,\n      tooltipContainerSelector,\n      tooltipMoveBy,\n      blurOnMouseUp,\n      disabled,\n      fullWidth,\n      onClick\n    ]);\n\n    // Effects\n    useEffect(() => {\n      // Update value if changed from props\n      if (value !== prevValue && value !== valueState) {\n        setValueState(value);\n      }\n    }, [value, prevValue, valueState, setValueState]);\n\n    return (\n      <div\n        className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n        data-vibe={ComponentVibeId.BUTTON_GROUP}\n        ref={mergedRef}\n      >\n        <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n          {Buttons}\n        </div>\n        {selectedOption && selectedOption.subText && (\n          <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default withStaticProps(ButtonGroup, { sizes: Button.sizes, kinds: Button.kinds });\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","selectedOption","useMemo","find","Buttons","map","index","isSelected","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","length","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"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"}
+{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip\";\n\ntype ButtonGroupOption = {\n  icon?: SubIcon;\n  leftIcon?: SubIcon;\n  ariaLabel?: string;\n  subText?: string;\n  value: ButtonValue;\n  text: string;\n  disabled?: boolean;\n  tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n  /**\n   * The list of button options.\n   */\n  options: Array<ButtonGroupOption>;\n  /**\n   * The currently selected button value.\n   */\n  value?: ButtonValue;\n  /**\n   * Callback fired when a button is selected.\n   */\n  onSelect?: (value: ButtonValue, name: string) => void;\n  /**\n   * The size of the buttons.\n   */\n  size?: ButtonSize;\n  /**\n   * The style variant of the buttons.\n   */\n  kind?: Extract<ButtonType, \"secondary\" | \"tertiary\">;\n  /**\n   * The name of the button group.\n   */\n  name?: string;\n  /**\n   * If true, disables all buttons in the group.\n   */\n  disabled?: boolean;\n  /**\n   * The label of the button group for accessibility.\n   */\n  groupAriaLabel?: string;\n  /**\n   * The position of the tooltip relative to the button.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * The delay in milliseconds before the tooltip hides.\n   */\n  tooltipHideDelay?: number;\n  /**\n   * The delay in milliseconds before the tooltip shows.\n   */\n  tooltipShowDelay?: number;\n  /**\n   * CSS selector for the tooltip container.\n   */\n  tooltipContainerSelector?: string;\n  /**\n   * Adjusts the tooltip position.\n   */\n  tooltipMoveBy?: MoveBy;\n  /**\n   * The content inside the button group.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, makes the button group take the full width of its container.\n   */\n  fullWidth?: boolean;\n  /**\n   * If true, removes focus from the button after clicking.\n   */\n  blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n  (\n    {\n      className,\n      options,\n      name = \"\",\n      disabled = false,\n      value = \"\",\n      onSelect,\n      size = \"small\",\n      kind = \"secondary\",\n      groupAriaLabel = \"\",\n      tooltipPosition,\n      tooltipHideDelay,\n      tooltipShowDelay,\n      tooltipContainerSelector,\n      tooltipMoveBy,\n      blurOnMouseUp = true,\n      id,\n      \"data-testid\": dataTestId,\n      fullWidth = false\n    }: ButtonGroupProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const inputRef = useRef();\n    const mergedRef = useMergeRef(ref, inputRef);\n\n    const [valueState, setValueState] = useState(value);\n    const prevValue = usePrevious(value);\n\n    const onClick = useCallback(\n      (option: ButtonGroupOption) => {\n        const isDisabled = disabled || option.disabled;\n        if (!isDisabled) {\n          setValueState(option.value);\n          if (onSelect) {\n            onSelect(option.value, name);\n          }\n        }\n      },\n      [onSelect, disabled, name]\n    );\n\n    const selectedOption = useMemo(() => {\n      return options.find(option => option.value === valueState);\n    }, [options, valueState]);\n\n    const Buttons = useMemo(() => {\n      return options.map((option, index) => {\n        const isSelected = option.value === valueState;\n        return (\n          <ButtonWrapper\n            key={option.value}\n            size={size}\n            onClick={() => onClick(option)}\n            rightIcon={option.icon}\n            leftIcon={option.leftIcon}\n            active={isSelected}\n            rightFlat={index !== options.length - 1}\n            leftFlat={index !== 0}\n            kind=\"tertiary\"\n            preventClickAnimation\n            ariaLabel={option.ariaLabel}\n            tooltipContent={option.tooltipContent}\n            tooltipPosition={tooltipPosition}\n            tooltipHideDelay={tooltipHideDelay}\n            tooltipShowDelay={tooltipShowDelay}\n            tooltipContainerSelector={tooltipContainerSelector}\n            tooltipMoveBy={tooltipMoveBy}\n            blurOnMouseUp={blurOnMouseUp}\n            className={cx(styles.button, styles.optionText, {\n              [styles.selected]: isSelected,\n              [styles.disabled]: disabled,\n              [styles.buttonDisabled]: option.disabled,\n              [styles.fullWidth]: fullWidth\n            })}\n            activeButtonClassName={styles.activeButton}\n          >\n            {option.text}\n          </ButtonWrapper>\n        );\n      });\n    }, [\n      options,\n      valueState,\n      size,\n      tooltipPosition,\n      tooltipHideDelay,\n      tooltipShowDelay,\n      tooltipContainerSelector,\n      tooltipMoveBy,\n      blurOnMouseUp,\n      disabled,\n      fullWidth,\n      onClick\n    ]);\n\n    // Effects\n    useEffect(() => {\n      // Update value if changed from props\n      if (value !== prevValue && value !== valueState) {\n        setValueState(value);\n      }\n    }, [value, prevValue, valueState, setValueState]);\n\n    return (\n      <div\n        className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n        data-vibe={ComponentVibeId.BUTTON_GROUP}\n        ref={mergedRef}\n      >\n        <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n          {Buttons}\n        </div>\n        {selectedOption && selectedOption.subText && (\n          <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n        )}\n      </div>\n    );\n  }\n);\n\ninterface ButtonGroupStaticProps {\n  sizes: typeof SIZES;\n  kinds: typeof ButtonTypeEnum;\n}\n\nexport default withStaticProps<ButtonGroupProps, ButtonGroupStaticProps>(ButtonGroup, {\n  sizes: Button.sizes,\n  kinds: Button.kinds\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","selectedOption","useMemo","find","Buttons","map","index","isSelected","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","length","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_e585652111",subTextContainer:"subTextContainer_cfc45db961",buttonsContainer:"buttonsContainer_c2df4ccac7",button:"button_666f5db89f",activeButton:"activeButton_58c4711ec3",optionText:"optionText_d11c33bfad",disabled:"disabled_e2a4a67c39",selected:"selected_0e5fc105f2",kindTertiary:"kindTertiary_00c097cf4c",wrapper:"wrapper_e4863ce5f1",buttonDisabled:"buttonDisabled_c642f1e52f",fullWidth:"fullWidth_d136fe7d45"};!function(n){const o="s_id-51d51089eef9_3_40_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_e585652111 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_cfc45db961 {\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_c2df4ccac7 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_c2df4ccac7 .button_666f5db89f {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_c2df4ccac7 .button_666f5db89f.activeButton_58c4711ec3 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_c2df4ccac7 .button_666f5db89f.activeButton_58c4711ec3:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_d11c33bfad:not(.disabled_e2a4a67c39) {\n  color: var(--primary-text-color);\n}\n\n.optionText_d11c33bfad:not(.disabled_e2a4a67c39).selected_0e5fc105f2 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_00c097cf4c .button_666f5db89f {\n  border-color: transparent;\n}\n\n.kindTertiary_00c097cf4c .button_666f5db89f:first-child {\n  border-color: transparent;\n}\n\n.wrapper_e4863ce5f1.disabled_e2a4a67c39 {\n  cursor: not-allowed;\n}\n\n.button_666f5db89f.disabled_e2a4a67c39 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_666f5db89f.buttonDisabled_c642f1e52f {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_d136fe7d45 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_bdd3a3f876",subTextContainer:"subTextContainer_c2e5d22979",buttonsContainer:"buttonsContainer_28f18b9dab",button:"button_410e3ca348",activeButton:"activeButton_3debaeacfa",optionText:"optionText_d00e2f4e45",disabled:"disabled_36212de2f4",selected:"selected_2fba34b628",kindTertiary:"kindTertiary_acdc6eccd8",wrapper:"wrapper_1734a758e5",buttonDisabled:"buttonDisabled_ce6ddb1ed2",fullWidth:"fullWidth_64c9bddc4b"};!function(n){const e="s_id-51d51089eef9_3_42_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_bdd3a3f876 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_c2e5d22979 {\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_28f18b9dab {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_28f18b9dab .button_410e3ca348 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_28f18b9dab .button_410e3ca348.activeButton_3debaeacfa {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_28f18b9dab .button_410e3ca348.activeButton_3debaeacfa:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_d00e2f4e45:not(.disabled_36212de2f4) {\n  color: var(--primary-text-color);\n}\n\n.optionText_d00e2f4e45:not(.disabled_36212de2f4).selected_2fba34b628 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_acdc6eccd8 .button_410e3ca348 {\n  border-color: transparent;\n}\n\n.kindTertiary_acdc6eccd8 .button_410e3ca348:first-child {\n  border-color: transparent;\n}\n\n.wrapper_1734a758e5.disabled_36212de2f4 {\n  cursor: not-allowed;\n}\n\n.button_410e3ca348.disabled_36212de2f4 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_410e3ca348.buttonDisabled_ce6ddb1ed2 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_64c9bddc4b {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { isNil, noop as NOOP } from \"lodash-es\";\nimport Icon from \"../Icon/Icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n  /**\n   * Class name applied to the checkbox element.\n   */\n  checkboxClassName?: string;\n  /**\n   * Class name applied to the label element.\n   */\n  labelClassName?: string;\n  /**\n   * The label of the checkbox for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The content displayed next to the checkbox.\n   */\n  label?: React.ReactNode | Array<React.ReactNode>;\n  /**\n   * The ID of an element describing the checkbox.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * Callback fired when the checkbox value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * If true, controls the checked state of the checkbox.\n   */\n  checked?: boolean;\n  /**\n   * If true, displays an indeterminate state.\n   */\n  indeterminate?: boolean;\n  /**\n   * If true, the checkbox automatically receives focus.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, the checkbox is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The initial checked state of the checkbox.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The value submitted with the form when checked.\n   */\n  value?: string;\n  /**\n   * The name of the checkbox, used for form submission.\n   */\n  name?: string;\n  /**\n   * The tab order of the checkbox.\n   */\n  tabIndex?: number;\n}\n\nconst Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement> = forwardRef(\n  (\n    {\n      className,\n      checkboxClassName,\n      labelClassName,\n      ariaLabel,\n      label,\n      ariaLabelledBy,\n      onChange = NOOP,\n      checked,\n      autoFocus,\n      indeterminate = false,\n      disabled = false,\n      defaultChecked,\n      tabIndex,\n      value = \"\",\n      name = \"\",\n      id,\n      \"data-testid\": dataTestId\n    }: CheckBoxProps,\n    ref\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedInputRef = useMergeRef(ref, inputRef);\n    const iconContainerRef = useRef<HTMLDivElement>(null);\n\n    const onMouseUpCallback = useCallback(() => {\n      const input = inputRef.current;\n      if (!input) return;\n\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          input.blur();\n        });\n      });\n    }, [inputRef]);\n    let overrideDefaultChecked = defaultChecked;\n\n    // If component did not receive default checked and checked props, choose default checked as\n    // default behavior (handle isChecked logic inside input) and set default value\n    if (isNil(overrideDefaultChecked) && isNil(checked)) {\n      overrideDefaultChecked = false;\n    }\n\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n    }, [inputRef, indeterminate]);\n\n    const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n    const finalAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof label === \"string\") return label;\n      return \"\";\n    }, [ariaLabel, label]);\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={cx(styles.wrapper, className)}\n        onMouseUp={onMouseUpCallback}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n        htmlFor={id}\n        onClickCapture={onClickCaptureLabel}\n      >\n        <input\n          ref={mergedInputRef}\n          id={id}\n          className={styles.input}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          autoFocus={autoFocus}\n          onChange={onChange}\n          defaultChecked={overrideDefaultChecked}\n          disabled={disabled}\n          aria-label={finalAriaLabel}\n          aria-labelledby={ariaLabelledBy}\n          checked={checked}\n          tabIndex={tabIndex}\n        />\n        <div\n          className={cx(styles.checkbox, checkboxClassName)}\n          ref={iconContainerRef}\n          data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n          data-vibe={ComponentVibeId.CHECKBOX}\n        >\n          <Icon\n            className={styles.icon}\n            iconType=\"svg\"\n            icon={indeterminate ? Remove : Check}\n            ignoreFocusStyle\n            ariaHidden={true}\n            iconSize=\"16\"\n          />\n        </div>\n        {label === false ? null : (\n          <Text\n            element=\"span\"\n            type=\"text2\"\n            className={cx(styles.label, labelClassName)}\n            data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n          >\n            {label}\n          </Text>\n        )}\n      </label>\n    );\n  }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","onMouseUp","getTestId","ComponentDefaultTestId","CHECKBOX","htmlFor","type","checkbox","CHECKBOX_CHECKBOX","ComponentVibeId","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","Text","element","CHECKBOX_LABEL"],"mappings":"0nBAwEMA,IAAAA,EAA2DC,GAC/D,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,EACQ,cAAAsB,EAAUC,EAAuBK,kBAAmBlC,GAAG,YACzDmC,EAAgBL,UAE3BR,EAAAC,cAACa,EAAI,CACHzD,UAAW8C,EAAOY,KAClBC,SAAS,MACTD,KAAM9C,EAAgBgD,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV5D,EAAkB,KACjBuC,gBAACsB,EAAI,CACHC,QAAQ,OACRb,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBiB,eAAgB9C,IAE7DjB,GAKX"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { isNil, noop as NOOP } from \"lodash-es\";\nimport Icon from \"../Icon/Icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n  /**\n   * Class name applied to the checkbox element.\n   */\n  checkboxClassName?: string;\n  /**\n   * Class name applied to the label element.\n   */\n  labelClassName?: string;\n  /**\n   * The label of the checkbox for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The content displayed next to the checkbox.\n   */\n  label?: React.ReactNode | Array<React.ReactNode>;\n  /**\n   * The ID of an element describing the checkbox.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * Callback fired when the checkbox value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  /**\n   * If true, controls the checked state of the checkbox.\n   */\n  checked?: boolean;\n  /**\n   * If true, displays an indeterminate state.\n   */\n  indeterminate?: boolean;\n  /**\n   * If true, the checkbox automatically receives focus.\n   */\n  autoFocus?: boolean;\n  /**\n   * If true, the checkbox is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The initial checked state of the checkbox.\n   */\n  defaultChecked?: boolean;\n  /**\n   * The value submitted with the form when checked.\n   */\n  value?: string;\n  /**\n   * The name of the checkbox, used for form submission.\n   */\n  name?: string;\n  /**\n   * The tab order of the checkbox.\n   */\n  tabIndex?: number;\n}\n\nconst Checkbox = forwardRef(\n  (\n    {\n      className,\n      checkboxClassName,\n      labelClassName,\n      ariaLabel,\n      label,\n      ariaLabelledBy,\n      onChange = NOOP,\n      checked,\n      autoFocus,\n      indeterminate = false,\n      disabled = false,\n      defaultChecked,\n      tabIndex,\n      value = \"\",\n      name = \"\",\n      id,\n      \"data-testid\": dataTestId\n    }: CheckBoxProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const inputRef = useRef<HTMLInputElement>(null);\n    const mergedInputRef = useMergeRef(ref, inputRef);\n    const iconContainerRef = useRef<HTMLDivElement>(null);\n\n    const onMouseUpCallback = useCallback(() => {\n      const input = inputRef.current;\n      if (!input) return;\n\n      window.requestAnimationFrame(() => {\n        window.requestAnimationFrame(() => {\n          input.blur();\n        });\n      });\n    }, [inputRef]);\n    let overrideDefaultChecked = defaultChecked;\n\n    // If component did not receive default checked and checked props, choose default checked as\n    // default behavior (handle isChecked logic inside input) and set default value\n    if (isNil(overrideDefaultChecked) && isNil(checked)) {\n      overrideDefaultChecked = false;\n    }\n\n    useEffect(() => {\n      if (inputRef.current) {\n        inputRef.current.indeterminate = indeterminate;\n      }\n    }, [inputRef, indeterminate]);\n\n    const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n    const finalAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof label === \"string\") return label;\n      return \"\";\n    }, [ariaLabel, label]);\n\n    return (\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n      <label\n        className={cx(styles.wrapper, className)}\n        onMouseUp={onMouseUpCallback}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n        htmlFor={id}\n        onClickCapture={onClickCaptureLabel}\n      >\n        <input\n          ref={mergedInputRef}\n          id={id}\n          className={styles.input}\n          value={value}\n          name={name}\n          type=\"checkbox\"\n          autoFocus={autoFocus}\n          onChange={onChange}\n          defaultChecked={overrideDefaultChecked}\n          disabled={disabled}\n          aria-label={finalAriaLabel}\n          aria-labelledby={ariaLabelledBy}\n          checked={checked}\n          tabIndex={tabIndex}\n        />\n        <div\n          className={cx(styles.checkbox, checkboxClassName)}\n          ref={iconContainerRef}\n          data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n          data-vibe={ComponentVibeId.CHECKBOX}\n        >\n          <Icon\n            className={styles.icon}\n            iconType=\"svg\"\n            icon={indeterminate ? Remove : Check}\n            ignoreFocusStyle\n            ariaHidden={true}\n            iconSize=\"16\"\n          />\n        </div>\n        {label === false ? null : (\n          <Text\n            element=\"span\"\n            type=\"text2\"\n            className={cx(styles.label, labelClassName)}\n            data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n          >\n            {label}\n          </Text>\n        )}\n      </label>\n    );\n  }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","onMouseUp","getTestId","ComponentDefaultTestId","CHECKBOX","htmlFor","type","checkbox","CHECKBOX_CHECKBOX","ComponentVibeId","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","Text","element","CHECKBOX_LABEL"],"mappings":"0nBAwEMA,IAAAA,EAAWC,GACf,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,EACQ,cAAAsB,EAAUC,EAAuBK,kBAAmBlC,GAAG,YACzDmC,EAAgBL,UAE3BR,EAAAC,cAACa,EAAI,CACHzD,UAAW8C,EAAOY,KAClBC,SAAS,MACTD,KAAM9C,EAAgBgD,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV5D,EAAkB,KACjBuC,gBAACsB,EAAI,CACHC,QAAQ,OACRb,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBiB,eAAgB9C,IAE7DjB,GAKX"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_43d49873a8",checkbox:"checkbox_1ea893459d",icon:"icon_5431c612b6",label:"label_d440d90dec",input:"input_64e07eb2a6",checkboxGrowAnimation:"checkboxGrowAnimation_7f2eeffc0f"};!function(e){const n="s_id-a622c58c4e9d_3_40_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.wrapper_43d49873a8 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_1ea893459d {\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_1ea893459d: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_1ea893459d:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_5431c612b6 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_d440d90dec {\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_64e07eb2a6 {\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_64e07eb2a6:focus + .checkbox_1ea893459d {\n  border-color: var(--secondary-text-color);\n}\n\n.input_64e07eb2a6:focus:checked + .checkbox_1ea893459d {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_64e07eb2a6:focus-visible + .checkbox_1ea893459d {\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_64e07eb2a6:checked:focus + .checkbox_1ea893459d:after,\n.input_64e07eb2a6:indeterminate:focus + .checkbox_1ea893459d:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_64e07eb2a6:checked + .checkbox_1ea893459d,\n.input_64e07eb2a6:indeterminate + .checkbox_1ea893459d {\n  animation: checkboxGrowAnimation_7f2eeffc0f var(--motion-productive-short);\n}\n\n.input_64e07eb2a6:checked + .checkbox_1ea893459d,\n.input_64e07eb2a6:indeterminate + .checkbox_1ea893459d {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_64e07eb2a6:checked + .checkbox_1ea893459d:hover,\n.input_64e07eb2a6:indeterminate + .checkbox_1ea893459d:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_64e07eb2a6:checked + .checkbox_1ea893459d:hover:after,\n.input_64e07eb2a6:indeterminate + .checkbox_1ea893459d:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_64e07eb2a6:checked + .checkbox_1ea893459d:after,\n.input_64e07eb2a6:indeterminate + .checkbox_1ea893459d: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_64e07eb2a6:checked + .checkbox_1ea893459d > .icon_5431c612b6,\n.input_64e07eb2a6:indeterminate + .checkbox_1ea893459d > .icon_5431c612b6 {\n  visibility: visible;\n}\n\n.input_64e07eb2a6:checked:disabled + .checkbox_1ea893459d:after,\n.input_64e07eb2a6:indeterminate:disabled + .checkbox_1ea893459d:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_64e07eb2a6:disabled + .checkbox_1ea893459d,\n.input_64e07eb2a6:disabled + .checkbox_1ea893459d:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_64e07eb2a6:disabled + .checkbox_1ea893459d .icon_5431c612b6,\n.input_64e07eb2a6:disabled + .checkbox_1ea893459d:hover .icon_5431c612b6 {\n  color: var(--disabled-text-color);\n}\n\n.input_64e07eb2a6:disabled + .checkbox_1ea893459d,\n.input_64e07eb2a6:disabled + .checkbox_1ea893459d:hover {\n  cursor: not-allowed;\n}\n\n.input_64e07eb2a6:disabled ~ .label_d440d90dec {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_7f2eeffc0f {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var n={wrapper:"wrapper_1e16af9c00",checkbox:"checkbox_5411f8a078",icon:"icon_065a1a0d19",label:"label_c118a5584e",input:"input_f50b35ed25",checkboxGrowAnimation:"checkboxGrowAnimation_dfacc3fc0b"};!function(n){const e="s_id-a622c58c4e9d_3_42_0";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_1e16af9c00 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_5411f8a078 {\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_5411f8a078: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_5411f8a078:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_065a1a0d19 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_c118a5584e {\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_f50b35ed25 {\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_f50b35ed25:focus + .checkbox_5411f8a078 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_f50b35ed25:focus:checked + .checkbox_5411f8a078 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_f50b35ed25:focus-visible + .checkbox_5411f8a078 {\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_f50b35ed25:checked:focus + .checkbox_5411f8a078:after,\n.input_f50b35ed25:indeterminate:focus + .checkbox_5411f8a078:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_f50b35ed25:checked + .checkbox_5411f8a078,\n.input_f50b35ed25:indeterminate + .checkbox_5411f8a078 {\n  animation: checkboxGrowAnimation_dfacc3fc0b var(--motion-productive-short);\n}\n\n.input_f50b35ed25:checked + .checkbox_5411f8a078,\n.input_f50b35ed25:indeterminate + .checkbox_5411f8a078 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_f50b35ed25:checked + .checkbox_5411f8a078:hover,\n.input_f50b35ed25:indeterminate + .checkbox_5411f8a078:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_f50b35ed25:checked + .checkbox_5411f8a078:hover:after,\n.input_f50b35ed25:indeterminate + .checkbox_5411f8a078:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_f50b35ed25:checked + .checkbox_5411f8a078:after,\n.input_f50b35ed25:indeterminate + .checkbox_5411f8a078: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_f50b35ed25:checked + .checkbox_5411f8a078 > .icon_065a1a0d19,\n.input_f50b35ed25:indeterminate + .checkbox_5411f8a078 > .icon_065a1a0d19 {\n  visibility: visible;\n}\n\n.input_f50b35ed25:checked:disabled + .checkbox_5411f8a078:after,\n.input_f50b35ed25:indeterminate:disabled + .checkbox_5411f8a078:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_f50b35ed25:disabled + .checkbox_5411f8a078,\n.input_f50b35ed25:disabled + .checkbox_5411f8a078:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_f50b35ed25:disabled + .checkbox_5411f8a078 .icon_065a1a0d19,\n.input_f50b35ed25:disabled + .checkbox_5411f8a078:hover .icon_065a1a0d19 {\n  color: var(--disabled-text-color);\n}\n\n.input_f50b35ed25:disabled + .checkbox_5411f8a078,\n.input_f50b35ed25:disabled + .checkbox_5411f8a078:hover {\n  cursor: not-allowed;\n}\n\n.input_f50b35ed25:disabled ~ .label_c118a5584e {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_dfacc3fc0b {\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