npm - @vibe/core - Versions diffs - 3.34.2 → 3.35.0 - Mend

@vibe/core 3.34.2 → 3.35.0

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

Files changed (397) hide show

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

@@ -1,2 +1,2 @@
-var n={box:"box_a268811da3",scrollable:"scrollable_c426d3d83c",opacityDisabled:"opacityDisabled_9db7a41f7a",border:"border_36a5788117",borderColorUiBorderColor:"borderColorUiBorderColor_7854c16ff2",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_1859d957c4",rounded0:"rounded0_8773670077",roundedSmall:"roundedSmall_27284d0211",roundedMedium:"roundedMedium_163d18caff",roundedBig:"roundedBig_308274ec7a",shadowXs:"shadowXs_aae3367767",shadowSmall:"shadowSmall_fd3022135c",shadowMedium:"shadowMedium_00fab443d0",shadowLarge:"shadowLarge_e510d496b0",m0:"m0_59eb204979",mXs:"mXs_4bd73e56b6",mSmall:"mSmall_690c83daa1",mMedium:"mMedium_865cab55db",mLarge:"mLarge_ff3a5f2e74",mXl:"mXl_5ad289cb3e",mXxl:"mXxl_8c70c2d95f",mXxxl:"mXxxl_600773141d",mAuto:"mAuto_4a923e2325",mx0:"mx0_6532d16770",mxXs:"mxXs_f57d194f40",mxSmall:"mxSmall_b4c16377a7",mxMedium:"mxMedium_6a103e5239",mxLarge:"mxLarge_da400053fc",mxXl:"mxXl_b0347c9e73",mxXxl:"mxXxl_f2b1687cd2",mxXxxl:"mxXxxl_16388d2a9c",mxAuto:"mxAuto_95a63df4f1",my0:"my0_5df065b6d9",myXs:"myXs_a0bde46ccc",mySmall:"mySmall_6d74e56206",myMedium:"myMedium_66c191969e",myLarge:"myLarge_818cf2a770",myXl:"myXl_2f7aed52dd",myXxl:"myXxl_58785056d7",myXxxl:"myXxxl_75d8cd0f02",myAuto:"myAuto_33c4e8a927",mt0:"mt0_9e2c6a27de",mtXs:"mtXs_1542f1e39f",mtSmall:"mtSmall_d4adbe36b6",mtMedium:"mtMedium_20f17de69c",mtLarge:"mtLarge_7f01473e0b",mtXl:"mtXl_260f620960",mtXxl:"mtXxl_e3dd005cf6",mtXxxl:"mtXxxl_71f0aabb8c",mtAuto:"mtAuto_35ad86b344",me0:"me0_30af0a4371",meXs:"meXs_5ad3c35382",meSmall:"meSmall_8f62c371c8",meMedium:"meMedium_e32124641c",meLarge:"meLarge_6668565fa0",meXl:"meXl_f4b41527f5",meXxl:"meXxl_cbd3a30783",meXxxl:"meXxxl_5f8140428b",meAuto:"meAuto_42bf533f3a",mb0:"mb0_299e19addd",mbXs:"mbXs_4a19d28c9a",mbSmall:"mbSmall_84c1d9d1c6",mbMedium:"mbMedium_6c8fcbc949",mbLarge:"mbLarge_1654db09b5",mbXl:"mbXl_5ee5421485",mbXxl:"mbXxl_b794b9802a",mbXxxl:"mbXxxl_539475f690",mbAuto:"mbAuto_33b9c01c65",ms0:"ms0_922e83a8ad",msXs:"msXs_a21fa27b59",msSmall:"msSmall_01611b2b79",msMedium:"msMedium_431a31c314",msLarge:"msLarge_8873634133",msXl:"msXl_3d99062a36",msXxl:"msXxl_20649600d9",msXxxl:"msXxxl_22108f3dc4",msAuto:"msAuto_2db26eb355",p0:"p0_12759c9a03",pXs:"pXs_becba39b7f",pSmall:"pSmall_2f9966f2ce",pMedium:"pMedium_4ca1ea299c",pLarge:"pLarge_379c49674c",pXl:"pXl_582b07bb3c",pXxl:"pXxl_34cedc16de",pXxxl:"pXxxl_34dabfaead",px0:"px0_33cb95d64f",pxXs:"pxXs_6d5f427a9e",pxSmall:"pxSmall_9fefa7ee62",pxMedium:"pxMedium_f0706d789b",pxLarge:"pxLarge_87b5463585",pxXl:"pxXl_ac68d34a9e",pxXxl:"pxXxl_d4bb579589",pxXxxl:"pxXxxl_09e3ddabb7",py0:"py0_7a11b3ba18",pyXs:"pyXs_8c42342c42",pySmall:"pySmall_f618ef8a19",pyMedium:"pyMedium_e67cd2ee45",pyLarge:"pyLarge_c81c4a4251",pyXl:"pyXl_c2d4b1c445",pyXxl:"pyXxl_6b33bab732",pyXxxl:"pyXxxl_9398c3523f",pt0:"pt0_e9d9ed9b48",ptXs:"ptXs_501ce1c74d",ptSmall:"ptSmall_7318aefd2b",ptMedium:"ptMedium_c8eb042429",ptLarge:"ptLarge_b37d0a0946",ptXl:"ptXl_ac5c569266",ptXxl:"ptXxl_257c35d163",ptXxxl:"ptXxxl_1403c0543d",pe0:"pe0_acda574451",peXs:"peXs_29fa7d60e0",peSmall:"peSmall_bb678905a4",peMedium:"peMedium_cfec7b6bbe",peLarge:"peLarge_33dc799232",peXl:"peXl_2e86f64bfe",peXxl:"peXxl_4a8c11e9f9",peXxxl:"peXxxl_2f4a967f53",pb0:"pb0_5019190146",pbXs:"pbXs_ff9efbc63f",pbSmall:"pbSmall_f05d55bcec",pbMedium:"pbMedium_4fe6fd22f3",pbLarge:"pbLarge_72e908ef56",pbXl:"pbXl_bb78ad75bd",pbXxl:"pbXxl_675a282c31",pbXxxl:"pbXxxl_b221f19082",ps0:"ps0_1c1f39487e",psXs:"psXs_2680703080",psSmall:"psSmall_d1d67caf6c",psMedium:"psMedium_02e39d00e8",psLarge:"psLarge_7c7ff72add",psXl:"psXl_b4caac421c",psXxl:"psXxl_68760f3761",psXxxl:"psXxxl_18cb2352e5",textPrimaryTextColor:"textPrimaryTextColor_db7e38a104",textTextColorOnInverted:"textTextColorOnInverted_a2a72c1565",textSecondaryTextColor:"textSecondaryTextColor_80abc3d430",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_d2d60f1cc0",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_4e2399893b",bgGreyBackgroundColor:"bgGreyBackgroundColor_0d78b84804",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_8ea3efd5c7",bgInvertedColorBackground:"bgInvertedColorBackground_2b9d54ec82"};!function(n){const a="s_id-e8ebf0c89fee_3_34_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_a268811da3 {\n  overflow: hidden;\n}\n.box_a268811da3.scrollable_c426d3d83c {\n  overflow: auto;\n}\n.box_a268811da3.scrollable_c426d3d83c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_a268811da3.scrollable_c426d3d83c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_9db7a41f7a {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_36a5788117 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_7854c16ff2 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_1859d957c4 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_8773670077 {\n  border-radius: 0 !important;\n}\n.roundedSmall_27284d0211 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_163d18caff {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_308274ec7a {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_aae3367767 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_fd3022135c {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_00fab443d0 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_e510d496b0 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_59eb204979 {\n  margin: 0 !important;\n}\n.mXs_4bd73e56b6 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_690c83daa1 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_865cab55db {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_ff3a5f2e74 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_5ad289cb3e {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_8c70c2d95f {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_600773141d {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_4a923e2325 {\n  margin: auto !important;\n}\n.mx0_6532d16770 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_f57d194f40 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_b4c16377a7 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_6a103e5239 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_da400053fc {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_b0347c9e73 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_f2b1687cd2 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_16388d2a9c {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_95a63df4f1 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_5df065b6d9 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_a0bde46ccc {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_6d74e56206 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_66c191969e {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_818cf2a770 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_2f7aed52dd {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_58785056d7 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_75d8cd0f02 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_33c4e8a927 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_9e2c6a27de {\n  margin-top: 0 !important;\n}\n.mtXs_1542f1e39f {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_d4adbe36b6 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_20f17de69c {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_7f01473e0b {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_260f620960 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_e3dd005cf6 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_71f0aabb8c {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_35ad86b344 {\n  margin-top: auto !important;\n}\n.me0_30af0a4371 {\n  margin-inline-end: 0 !important;\n}\n.meXs_5ad3c35382 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_8f62c371c8 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_e32124641c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_6668565fa0 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_f4b41527f5 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_cbd3a30783 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_5f8140428b {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_42bf533f3a {\n  margin-inline-end: auto !important;\n}\n.mb0_299e19addd {\n  margin-bottom: 0 !important;\n}\n.mbXs_4a19d28c9a {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_84c1d9d1c6 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_6c8fcbc949 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_1654db09b5 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_5ee5421485 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_b794b9802a {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_539475f690 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_33b9c01c65 {\n  margin-bottom: auto !important;\n}\n.ms0_922e83a8ad {\n  margin-inline-start: 0 !important;\n}\n.msXs_a21fa27b59 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_01611b2b79 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_431a31c314 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_8873634133 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_3d99062a36 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_20649600d9 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_22108f3dc4 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_2db26eb355 {\n  margin-inline-start: auto !important;\n}\n.p0_12759c9a03 {\n  padding: 0 !important;\n}\n.pXs_becba39b7f {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_2f9966f2ce {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_4ca1ea299c {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_379c49674c {\n  padding: var(--spacing-large) !important;\n}\n.pXl_582b07bb3c {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_34cedc16de {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_34dabfaead {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_33cb95d64f {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_6d5f427a9e {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_9fefa7ee62 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_f0706d789b {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_87b5463585 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_ac68d34a9e {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_d4bb579589 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_09e3ddabb7 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_7a11b3ba18 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_8c42342c42 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_f618ef8a19 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_e67cd2ee45 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_c81c4a4251 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_c2d4b1c445 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_6b33bab732 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_9398c3523f {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_e9d9ed9b48 {\n  padding-top: 0 !important;\n}\n.ptXs_501ce1c74d {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_7318aefd2b {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_c8eb042429 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_b37d0a0946 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_ac5c569266 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_257c35d163 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_1403c0543d {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_acda574451 {\n  padding-inline-end: 0 !important;\n}\n.peXs_29fa7d60e0 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_bb678905a4 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_cfec7b6bbe {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_33dc799232 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_2e86f64bfe {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_4a8c11e9f9 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_2f4a967f53 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_5019190146 {\n  padding-bottom: 0 !important;\n}\n.pbXs_ff9efbc63f {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_f05d55bcec {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4fe6fd22f3 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_72e908ef56 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_bb78ad75bd {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_675a282c31 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_b221f19082 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_1c1f39487e {\n  padding-inline-start: 0 !important;\n}\n.psXs_2680703080 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_d1d67caf6c {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_02e39d00e8 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_7c7ff72add {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_b4caac421c {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_68760f3761 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_18cb2352e5 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_db7e38a104 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_a2a72c1565 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_80abc3d430 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_d2d60f1cc0 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_4e2399893b {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_0d78b84804 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_8ea3efd5c7 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_2b9d54ec82 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_d6c1b9bc50",scrollable:"scrollable_e5b9723d14",opacityDisabled:"opacityDisabled_04124fe776",border:"border_e64df37e61",borderColorUiBorderColor:"borderColorUiBorderColor_60c74c6868",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_dcc655f293",rounded0:"rounded0_29bc5e09b6",roundedSmall:"roundedSmall_c3ad13305d",roundedMedium:"roundedMedium_801a6d62c5",roundedBig:"roundedBig_515faea1b1",shadowXs:"shadowXs_c483aa97ca",shadowSmall:"shadowSmall_ca76fe8506",shadowMedium:"shadowMedium_1deeb90969",shadowLarge:"shadowLarge_104428f9f5",m0:"m0_73b155013f",mXs:"mXs_c42e9d6d00",mSmall:"mSmall_31793fee48",mMedium:"mMedium_44abda7fe0",mLarge:"mLarge_5aae8c4841",mXl:"mXl_4eef650789",mXxl:"mXxl_fb15ddbc67",mXxxl:"mXxxl_3b3a685acb",mAuto:"mAuto_7a64fec1e8",mx0:"mx0_17a209edde",mxXs:"mxXs_f026f63f72",mxSmall:"mxSmall_b8ed666398",mxMedium:"mxMedium_f171d7b4ea",mxLarge:"mxLarge_cb649c1b76",mxXl:"mxXl_d3b48f54f7",mxXxl:"mxXxl_f3d05012fd",mxXxxl:"mxXxxl_e73cff513b",mxAuto:"mxAuto_4c087d9af0",my0:"my0_7238f4449e",myXs:"myXs_686de5f17a",mySmall:"mySmall_193bc22cf4",myMedium:"myMedium_6a015c9e12",myLarge:"myLarge_c7d49cfcbb",myXl:"myXl_988d79f2fa",myXxl:"myXxl_235f02ecc6",myXxxl:"myXxxl_1269652527",myAuto:"myAuto_ac8bc82cbf",mt0:"mt0_3661586d2d",mtXs:"mtXs_c5a5d4c797",mtSmall:"mtSmall_6ca63e1ad9",mtMedium:"mtMedium_4de666d134",mtLarge:"mtLarge_cf1e26b45b",mtXl:"mtXl_871149a40e",mtXxl:"mtXxl_5c61e93386",mtXxxl:"mtXxxl_3a7bdd0169",mtAuto:"mtAuto_2efef75095",me0:"me0_a97aff80c8",meXs:"meXs_28f83103fc",meSmall:"meSmall_44b4d3de04",meMedium:"meMedium_68b74e511c",meLarge:"meLarge_67f21972d4",meXl:"meXl_404b8d9a5c",meXxl:"meXxl_705e2b790c",meXxxl:"meXxxl_f7aee4a837",meAuto:"meAuto_fbb428a032",mb0:"mb0_e87d6bde09",mbXs:"mbXs_6aa1c4a4c8",mbSmall:"mbSmall_55484069f1",mbMedium:"mbMedium_dc2d22aa2e",mbLarge:"mbLarge_d0fde94505",mbXl:"mbXl_a574ad8059",mbXxl:"mbXxl_9ca6c6e7c2",mbXxxl:"mbXxxl_8bc32be416",mbAuto:"mbAuto_5e9db649e3",ms0:"ms0_584dc9a755",msXs:"msXs_61d1b74e30",msSmall:"msSmall_05833b7956",msMedium:"msMedium_3ba13a9c71",msLarge:"msLarge_305524e9b0",msXl:"msXl_d129411863",msXxl:"msXxl_7b3786302b",msXxxl:"msXxxl_fe08202733",msAuto:"msAuto_fd387b4cd6",p0:"p0_27a5851251",pXs:"pXs_17d4b89086",pSmall:"pSmall_430e2e9f68",pMedium:"pMedium_f3de90cfb9",pLarge:"pLarge_3944dd7002",pXl:"pXl_e5f17f6902",pXxl:"pXxl_0fca1c1802",pXxxl:"pXxxl_1e0eada6ab",px0:"px0_d6e9986433",pxXs:"pxXs_65c367ea90",pxSmall:"pxSmall_8d057ede5b",pxMedium:"pxMedium_a551de00b2",pxLarge:"pxLarge_79c953009a",pxXl:"pxXl_5b3aa3c4e3",pxXxl:"pxXxl_8016611285",pxXxxl:"pxXxxl_0e5992b1f4",py0:"py0_50436aea10",pyXs:"pyXs_793422e31c",pySmall:"pySmall_22404f731b",pyMedium:"pyMedium_559e70e4b1",pyLarge:"pyLarge_43b555e6d5",pyXl:"pyXl_7ab2e4112d",pyXxl:"pyXxl_1a9f39cbf2",pyXxxl:"pyXxxl_00ec87f99c",pt0:"pt0_150feaca6c",ptXs:"ptXs_79620b06fe",ptSmall:"ptSmall_f711aa8cd4",ptMedium:"ptMedium_879b5ff750",ptLarge:"ptLarge_7bceb568b6",ptXl:"ptXl_54bf3a2985",ptXxl:"ptXxl_b82cc0254d",ptXxxl:"ptXxxl_17997a66ae",pe0:"pe0_c76a308374",peXs:"peXs_90af9fef87",peSmall:"peSmall_895a0712a2",peMedium:"peMedium_f5664f03b2",peLarge:"peLarge_bf580b1196",peXl:"peXl_4d2d68286a",peXxl:"peXxl_ba23e85dd7",peXxxl:"peXxxl_7f4177fb2d",pb0:"pb0_9e8b90cd06",pbXs:"pbXs_7ff16d260c",pbSmall:"pbSmall_897380e583",pbMedium:"pbMedium_fde734559c",pbLarge:"pbLarge_d4b888f4ec",pbXl:"pbXl_307d87ebbe",pbXxl:"pbXxl_10160306f8",pbXxxl:"pbXxxl_fbd498aa6f",ps0:"ps0_51c16c6742",psXs:"psXs_cb1bc925fa",psSmall:"psSmall_b210090b27",psMedium:"psMedium_be5fdb6ae4",psLarge:"psLarge_c38746f21c",psXl:"psXl_88bc218536",psXxl:"psXxl_56ec7e32a0",psXxxl:"psXxxl_4b75240615",textPrimaryTextColor:"textPrimaryTextColor_0f74189c80",textTextColorOnInverted:"textTextColorOnInverted_2c21a1a4ac",textSecondaryTextColor:"textSecondaryTextColor_ca536cbbba",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_c49c8b4f11",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_d7d6a2856e",bgGreyBackgroundColor:"bgGreyBackgroundColor_e78ac30ad7",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_f6d948f213",bgInvertedColorBackground:"bgInvertedColorBackground_5928702649"};!function(n){const a="s_id-e8ebf0c89fee_3_34_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_d6c1b9bc50 {\n  overflow: hidden;\n}\n.box_d6c1b9bc50.scrollable_e5b9723d14 {\n  overflow: auto;\n}\n.box_d6c1b9bc50.scrollable_e5b9723d14::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_d6c1b9bc50.scrollable_e5b9723d14::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_04124fe776 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_e64df37e61 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_60c74c6868 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_dcc655f293 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_29bc5e09b6 {\n  border-radius: 0 !important;\n}\n.roundedSmall_c3ad13305d {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_801a6d62c5 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_515faea1b1 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_c483aa97ca {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_ca76fe8506 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_1deeb90969 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_104428f9f5 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_73b155013f {\n  margin: 0 !important;\n}\n.mXs_c42e9d6d00 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_31793fee48 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_44abda7fe0 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_5aae8c4841 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_4eef650789 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_fb15ddbc67 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_3b3a685acb {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_7a64fec1e8 {\n  margin: auto !important;\n}\n.mx0_17a209edde {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_f026f63f72 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_b8ed666398 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_f171d7b4ea {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_cb649c1b76 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_d3b48f54f7 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_f3d05012fd {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_e73cff513b {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_4c087d9af0 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_7238f4449e {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_686de5f17a {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_193bc22cf4 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_6a015c9e12 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_c7d49cfcbb {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_988d79f2fa {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_235f02ecc6 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_1269652527 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_ac8bc82cbf {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_3661586d2d {\n  margin-top: 0 !important;\n}\n.mtXs_c5a5d4c797 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_6ca63e1ad9 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_4de666d134 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_cf1e26b45b {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_871149a40e {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_5c61e93386 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_3a7bdd0169 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_2efef75095 {\n  margin-top: auto !important;\n}\n.me0_a97aff80c8 {\n  margin-inline-end: 0 !important;\n}\n.meXs_28f83103fc {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_44b4d3de04 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_68b74e511c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_67f21972d4 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_404b8d9a5c {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_705e2b790c {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_f7aee4a837 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_fbb428a032 {\n  margin-inline-end: auto !important;\n}\n.mb0_e87d6bde09 {\n  margin-bottom: 0 !important;\n}\n.mbXs_6aa1c4a4c8 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_55484069f1 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_dc2d22aa2e {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_d0fde94505 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_a574ad8059 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_9ca6c6e7c2 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_8bc32be416 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_5e9db649e3 {\n  margin-bottom: auto !important;\n}\n.ms0_584dc9a755 {\n  margin-inline-start: 0 !important;\n}\n.msXs_61d1b74e30 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_05833b7956 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_3ba13a9c71 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_305524e9b0 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_d129411863 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_7b3786302b {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_fe08202733 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_fd387b4cd6 {\n  margin-inline-start: auto !important;\n}\n.p0_27a5851251 {\n  padding: 0 !important;\n}\n.pXs_17d4b89086 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_430e2e9f68 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_f3de90cfb9 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_3944dd7002 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_e5f17f6902 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_0fca1c1802 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_1e0eada6ab {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_d6e9986433 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_65c367ea90 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8d057ede5b {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_a551de00b2 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_79c953009a {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_5b3aa3c4e3 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_8016611285 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_0e5992b1f4 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_50436aea10 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_793422e31c {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_22404f731b {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_559e70e4b1 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_43b555e6d5 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_7ab2e4112d {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_1a9f39cbf2 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_00ec87f99c {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_150feaca6c {\n  padding-top: 0 !important;\n}\n.ptXs_79620b06fe {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_f711aa8cd4 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_879b5ff750 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_7bceb568b6 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_54bf3a2985 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_b82cc0254d {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_17997a66ae {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_c76a308374 {\n  padding-inline-end: 0 !important;\n}\n.peXs_90af9fef87 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_895a0712a2 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_f5664f03b2 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_bf580b1196 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_4d2d68286a {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_ba23e85dd7 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_7f4177fb2d {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_9e8b90cd06 {\n  padding-bottom: 0 !important;\n}\n.pbXs_7ff16d260c {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_897380e583 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_fde734559c {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_d4b888f4ec {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_307d87ebbe {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_10160306f8 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_fbd498aa6f {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_51c16c6742 {\n  padding-inline-start: 0 !important;\n}\n.psXs_cb1bc925fa {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_b210090b27 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_be5fdb6ae4 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_c38746f21c {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_88bc218536 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_56ec7e32a0 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_4b75240615 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_0f74189c80 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_2c21a1a4ac {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_ca536cbbba {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_c49c8b4f11 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_d7d6a2856e {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_e78ac30ad7 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_f6d948f213 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_5928702649 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var o={button:"button_8329a11703","focus-visible":"focus-visible_347e281e52",loader:"loader_ad9676decf",loaderSvg:"loaderSvg_9c0ced6fea",textPlaceholder:"textPlaceholder_a43728da1c",success:"success_81d6e63ffa",successContent:"successContent_4a68f87d55",marginRight:"marginRight_7565da701d",marginLeft:"marginLeft_2cdae8f6ab",rightFlat:"rightFlat_e17773cd49",leftFlat:"leftFlat_5065d9155a",preventClickAnimation:"preventClickAnimation_7d4b9de710",leftIcon:"leftIcon_7565da701d",rightIcon:"rightIcon_2cdae8f6ab",sizeXxs:"sizeXxs_9ed211a61a",sizeXs:"sizeXs_4132090128",sizeSmall:"sizeSmall_78d45dc184",sizeMedium:"sizeMedium_bacf2b480a",sizeLarge:"sizeLarge_b4400a899f",kindPrimary:"kindPrimary_5d2e6535cd",colorPrimary:"colorPrimary_b286688c50",colorBrand:"colorBrand_4ac3d9d0a0",colorPrimaryActive:"colorPrimaryActive_3055fcadd1",colorBrandActive:"colorBrandActive_38545b406a",colorPositive:"colorPositive_c1b0b6c112",colorPositiveActive:"colorPositiveActive_16a0c236fd",colorNegative:"colorNegative_8ac9d13292",colorNegativeActive:"colorNegativeActive_16a0c236fd",colorInverted:"colorInverted_3fffa0c7e5",colorInvertedActive:"colorInvertedActive_16a0c236fd",disabled:"disabled_13cabdbc3c",colorOnPrimaryColor:"colorOnPrimaryColor_10a6a4ff1c",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_72bc157871",colorFixedLight:"colorFixedLight_4fb8345af3",colorFixedLightActive:"colorFixedLightActive_7d4b9de710",colorFixedDark:"colorFixedDark_99a606a60b",colorFixedDarkActive:"colorFixedDarkActive_4ff585b946",colorOnInvertedBackground:"colorOnInvertedBackground_418c4d07aa",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_8f9ee81c68",kindSecondary:"kindSecondary_9949b7c302",kindTertiary:"kindTertiary_2a0377ff90",noSidePadding:"noSidePadding_9d41654085",insetFocusStyle:"insetFocusStyle_ba9f7e340b"};!function(o){const r="s_id-f5db469b1a79_3_34_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_8329a11703 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_8329a11703:focus-visible, .button_8329a11703.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8329a11703:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.button_8329a11703 .loader_ad9676decf {\n  height: 100%;\n}\n.button_8329a11703 .loader_ad9676decf .loaderSvg_9c0ced6fea {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_8329a11703 .textPlaceholder_a43728da1c {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_8329a11703.success_81d6e63ffa {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_8329a11703.success_81d6e63ffa .successContent_4a68f87d55 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_7565da701d {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_2cdae8f6ab {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_e17773cd49 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_5065d9155a {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_8329a11703:active:not(.preventClickAnimation_7d4b9de710) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_8329a11703 .leftIcon_7565da701d {\n  margin-right: var(--spacing-small);\n}\n.button_8329a11703 .rightIcon_2cdae8f6ab {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_9ed211a61a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_4132090128 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_78d45dc184 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_78d45dc184 .loader_ad9676decf {\n  top: 7px;\n}\n.sizeMedium_bacf2b480a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_b4400a899f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_5d2e6535cd {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5d2e6535cd.colorPrimary_b286688c50 {\n  background: var(--primary-color);\n}\n.kindPrimary_5d2e6535cd.colorBrand_4ac3d9d0a0 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_5d2e6535cd.colorPrimaryActive_3055fcadd1,\n.kindPrimary_5d2e6535cd.colorPrimary_b286688c50:hover,\n.kindPrimary_5d2e6535cd.colorPrimary_b286688c50:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_5d2e6535cd.colorBrandActive_38545b406a,\n.kindPrimary_5d2e6535cd.colorBrand_4ac3d9d0a0:hover,\n.kindPrimary_5d2e6535cd.colorBrand_4ac3d9d0a0:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_5d2e6535cd.colorPositive_c1b0b6c112 {\n  background: var(--positive-color);\n}\n.kindPrimary_5d2e6535cd.colorPositiveActive_16a0c236fd,\n.kindPrimary_5d2e6535cd.colorPositive_c1b0b6c112:hover,\n.kindPrimary_5d2e6535cd.colorPositive_c1b0b6c112:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_5d2e6535cd.colorNegative_8ac9d13292 {\n  background: var(--negative-color);\n}\n.kindPrimary_5d2e6535cd.colorNegativeActive_16a0c236fd,\n.kindPrimary_5d2e6535cd.colorNegative_8ac9d13292:hover,\n.kindPrimary_5d2e6535cd.colorNegative_8ac9d13292:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_5d2e6535cd.colorInverted_3fffa0c7e5 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_5d2e6535cd.colorInvertedActive_16a0c236fd,\n.kindPrimary_5d2e6535cd.colorInverted_3fffa0c7e5:hover,\n.kindPrimary_5d2e6535cd.colorInverted_3fffa0c7e5:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_5d2e6535cd.button_8329a11703.colorInverted_3fffa0c7e5.disabled_13cabdbc3c {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871:focus-visible, .kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover:focus-visible,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus:focus-visible,\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColorActive_72bc157871:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:hover:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindPrimary_5d2e6535cd.colorOnPrimaryColor_10a6a4ff1c.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710:focus-visible, .kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5d2e6535cd.colorFixedLightActive_7d4b9de710:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:hover:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindPrimary_5d2e6535cd.colorFixedLight_4fb8345af3.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946:focus-visible, .kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover.focus-visible_347e281e52,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus:focus-visible,\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_5d2e6535cd.colorFixedDarkActive_4ff585b946:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:hover:focus:not(.focus-visible_347e281e52),\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindPrimary_5d2e6535cd.colorFixedDark_99a606a60b.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_5d2e6535cd.colorOnInvertedBackground_418c4d07aa {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_5d2e6535cd.colorOnInvertedBackgroundActive_8f9ee81c68,\n.kindPrimary_5d2e6535cd.colorOnInvertedBackground_418c4d07aa:hover,\n.kindPrimary_5d2e6535cd.colorOnInvertedBackground_418c4d07aa:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_5d2e6535cd.button_8329a11703.colorOnInvertedBackground_418c4d07aa.disabled_13cabdbc3c {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_5d2e6535cd.button_8329a11703.disabled_13cabdbc3c {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_9949b7c302 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_9949b7c302.sizeSmall_78d45dc184 {\n  line-height: 22px;\n}\n.kindSecondary_9949b7c302.sizeMedium_bacf2b480a {\n  line-height: 22px;\n}\n.kindSecondary_9949b7c302.sizeLarge_b4400a899f {\n  line-height: 22px;\n}\n.kindSecondary_9949b7c302.colorPrimaryActive_3055fcadd1 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_9949b7c302.colorPrimaryActive_3055fcadd1:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_9949b7c302.colorBrandActive_38545b406a {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_9949b7c302.colorBrandActive_38545b406a,\n.kindSecondary_9949b7c302.colorBrandActive_38545b406a:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_9949b7c302.colorPrimary_b286688c50:hover:not(.colorPrimaryActive_3055fcadd1),\n.kindSecondary_9949b7c302.colorPrimary_b286688c50:focus:not(.colorPrimaryActive_3055fcadd1) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorBrand_4ac3d9d0a0:hover:not(.colorBrandActive_38545b406a),\n.kindSecondary_9949b7c302.colorBrand_4ac3d9d0a0:focus:not(.colorBrandActive_38545b406a) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorPositive_c1b0b6c112 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_9949b7c302.colorPositiveActive_16a0c236fd,\n.kindSecondary_9949b7c302.colorPositive_c1b0b6c112:hover,\n.kindSecondary_9949b7c302.colorPositive_c1b0b6c112:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_9949b7c302.colorNegative_8ac9d13292 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_9949b7c302.colorNegativeActive_16a0c236fd,\n.kindSecondary_9949b7c302.colorNegative_8ac9d13292:hover,\n.kindSecondary_9949b7c302.colorNegative_8ac9d13292:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_9949b7c302.colorInvertedActive_16a0c236fd,\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5:hover,\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorInverted_3fffa0c7e5.disabled_13cabdbc3c {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871:focus-visible, .kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover:focus-visible,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus:focus-visible,\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColorActive_72bc157871:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:hover:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindSecondary_9949b7c302.colorOnPrimaryColor_10a6a4ff1c.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710:focus-visible, .kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover:focus-visible,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus:focus-visible,\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_9949b7c302.colorFixedLightActive_7d4b9de710:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:hover:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946:focus-visible, .kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover:focus-visible,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover.focus-visible_347e281e52,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus:focus-visible,\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_9949b7c302.colorFixedDarkActive_4ff585b946:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:hover:focus:not(.focus-visible_347e281e52),\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_9949b7c302.colorOnInvertedBackgroundActive_8f9ee81c68,\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa:hover,\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_9949b7c302.colorOnInvertedBackground_418c4d07aa.disabled_13cabdbc3c {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_9949b7c302.colorFixedLight_4fb8345af3.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_9949b7c302.colorFixedDark_99a606a60b.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_9949b7c302.disabled_13cabdbc3c {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_9949b7c302.disabled_13cabdbc3c:hover {\n  background-color: transparent;\n}\n.kindTertiary_2a0377ff90 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_2a0377ff90.colorPrimaryActive_3055fcadd1 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_2a0377ff90.colorPrimaryActive_3055fcadd1:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_2a0377ff90.colorBrandActive_38545b406a {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_2a0377ff90.colorBrandActive_38545b406a,\n.kindTertiary_2a0377ff90.colorBrandActive_38545b406a:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_2a0377ff90.colorPrimary_b286688c50:hover:not(.colorPrimaryActive_3055fcadd1),\n.kindTertiary_2a0377ff90.colorPrimary_b286688c50:focus:not(.colorPrimaryActive_3055fcadd1) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorBrand_4ac3d9d0a0:hover:not(.colorBrandActive_38545b406a),\n.kindTertiary_2a0377ff90.colorBrand_4ac3d9d0a0:focus:not(.colorBrandActive_38545b406a) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorPositive_c1b0b6c112 {\n  color: var(--positive-color);\n}\n.kindTertiary_2a0377ff90.colorPositiveActive_16a0c236fd,\n.kindTertiary_2a0377ff90.colorPositive_c1b0b6c112:hover,\n.kindTertiary_2a0377ff90.colorPositive_c1b0b6c112:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_2a0377ff90.colorNegative_8ac9d13292 {\n  color: var(--negative-color);\n}\n.kindTertiary_2a0377ff90.colorNegativeActive_16a0c236fd,\n.kindTertiary_2a0377ff90.colorNegative_8ac9d13292:hover,\n.kindTertiary_2a0377ff90.colorNegative_8ac9d13292:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_2a0377ff90.colorInvertedActive_16a0c236fd,\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5:hover,\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorInverted_3fffa0c7e5.disabled_13cabdbc3c {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871:focus-visible, .kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover:focus-visible,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus:focus-visible,\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColorActive_72bc157871:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:hover:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindTertiary_2a0377ff90.colorOnPrimaryColor_10a6a4ff1c.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710:focus-visible, .kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_2a0377ff90.colorFixedLightActive_7d4b9de710:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:hover:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindTertiary_2a0377ff90.colorFixedLight_4fb8345af3.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946:focus-visible, .kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover.focus-visible_347e281e52,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus:focus-visible,\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_2a0377ff90.colorFixedDarkActive_4ff585b946:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:hover:focus:not(.focus-visible_347e281e52),\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b:focus:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}\n.kindTertiary_2a0377ff90.colorFixedDark_99a606a60b.disabled_13cabdbc3c {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2a0377ff90.colorOnInvertedBackgroundActive_8f9ee81c68,\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa:hover,\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_2a0377ff90.colorOnInvertedBackground_418c4d07aa.disabled_13cabdbc3c {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_2a0377ff90.disabled_13cabdbc3c {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_2a0377ff90.disabled_13cabdbc3c:hover {\n  background-color: transparent;\n}\n.noSidePadding_9d41654085 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_8329a11703.insetFocusStyle_ba9f7e340b:focus-visible, .button_8329a11703.insetFocusStyle_ba9f7e340b.focus-visible_347e281e52 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_8329a11703.insetFocusStyle_ba9f7e340b:focus:not(.focus-visible_347e281e52) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_b33cf775e4","focus-visible":"focus-visible_827afe335f",loader:"loader_ff2f73ca78",loaderSvg:"loaderSvg_6fe92536e1",textPlaceholder:"textPlaceholder_2c5f0544c7",success:"success_bce5c8200d",successContent:"successContent_2cd372a56e",marginRight:"marginRight_e3591f6920",marginLeft:"marginLeft_fe74a53671",rightFlat:"rightFlat_eaf42325e2",leftFlat:"leftFlat_528b874e05",preventClickAnimation:"preventClickAnimation_de3a07127e",leftIcon:"leftIcon_e3591f6920",rightIcon:"rightIcon_fe74a53671",sizeXxs:"sizeXxs_3b832052ae",sizeXs:"sizeXs_f38acdcd77",sizeSmall:"sizeSmall_d14fe2e231",sizeMedium:"sizeMedium_9382c5aeaa",sizeLarge:"sizeLarge_94569b7e1d",kindPrimary:"kindPrimary_605185bf04",colorPrimary:"colorPrimary_6e8d819cce",colorBrand:"colorBrand_9463ed1da1",colorPrimaryActive:"colorPrimaryActive_06cef0c4cb",colorBrandActive:"colorBrandActive_3ff780f0b8",colorPositive:"colorPositive_94ea5f01fd",colorPositiveActive:"colorPositiveActive_eb6b03d7be",colorNegative:"colorNegative_1c174cb782",colorNegativeActive:"colorNegativeActive_eb6b03d7be",colorInverted:"colorInverted_396ae3dbed",colorInvertedActive:"colorInvertedActive_eb6b03d7be",disabled:"disabled_a1f81570bc",colorOnPrimaryColor:"colorOnPrimaryColor_5856d04708",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_4bb0932a53",colorFixedLight:"colorFixedLight_5ec1a03576",colorFixedLightActive:"colorFixedLightActive_de3a07127e",colorFixedDark:"colorFixedDark_91b105cb76",colorFixedDarkActive:"colorFixedDarkActive_15706170c2",colorOnInvertedBackground:"colorOnInvertedBackground_8adda80d93",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_902c7a8992",kindSecondary:"kindSecondary_072a691d61",kindTertiary:"kindTertiary_ee042b2d9d",noSidePadding:"noSidePadding_ea4c952ca9",insetFocusStyle:"insetFocusStyle_d37b1062c0"};!function(o){const r="s_id-f5db469b1a79_3_34_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_b33cf775e4 {\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_b33cf775e4:focus-visible, .button_b33cf775e4.focus-visible_827afe335f {\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_b33cf775e4:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.button_b33cf775e4 .loader_ff2f73ca78 {\n  height: 100%;\n}\n.button_b33cf775e4 .loader_ff2f73ca78 .loaderSvg_6fe92536e1 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_b33cf775e4 .textPlaceholder_2c5f0544c7 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_b33cf775e4.success_bce5c8200d {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_b33cf775e4.success_bce5c8200d .successContent_2cd372a56e {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_e3591f6920 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_fe74a53671 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_eaf42325e2 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_528b874e05 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_b33cf775e4:active:not(.preventClickAnimation_de3a07127e) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_b33cf775e4 .leftIcon_e3591f6920 {\n  margin-right: var(--spacing-small);\n}\n.button_b33cf775e4 .rightIcon_fe74a53671 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_3b832052ae {\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_f38acdcd77 {\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_d14fe2e231 {\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_d14fe2e231 .loader_ff2f73ca78 {\n  top: 7px;\n}\n.sizeMedium_9382c5aeaa {\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_94569b7e1d {\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_605185bf04 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_605185bf04.colorPrimary_6e8d819cce {\n  background: var(--primary-color);\n}\n.kindPrimary_605185bf04.colorBrand_9463ed1da1 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_605185bf04.colorPrimaryActive_06cef0c4cb,\n.kindPrimary_605185bf04.colorPrimary_6e8d819cce:hover,\n.kindPrimary_605185bf04.colorPrimary_6e8d819cce:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_605185bf04.colorBrandActive_3ff780f0b8,\n.kindPrimary_605185bf04.colorBrand_9463ed1da1:hover,\n.kindPrimary_605185bf04.colorBrand_9463ed1da1:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_605185bf04.colorPositive_94ea5f01fd {\n  background: var(--positive-color);\n}\n.kindPrimary_605185bf04.colorPositiveActive_eb6b03d7be,\n.kindPrimary_605185bf04.colorPositive_94ea5f01fd:hover,\n.kindPrimary_605185bf04.colorPositive_94ea5f01fd:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_605185bf04.colorNegative_1c174cb782 {\n  background: var(--negative-color);\n}\n.kindPrimary_605185bf04.colorNegativeActive_eb6b03d7be,\n.kindPrimary_605185bf04.colorNegative_1c174cb782:hover,\n.kindPrimary_605185bf04.colorNegative_1c174cb782:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_605185bf04.colorInverted_396ae3dbed {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_605185bf04.colorInvertedActive_eb6b03d7be,\n.kindPrimary_605185bf04.colorInverted_396ae3dbed:hover,\n.kindPrimary_605185bf04.colorInverted_396ae3dbed:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_605185bf04.button_b33cf775e4.colorInverted_396ae3dbed.disabled_a1f81570bc {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_605185bf04.colorOnPrimaryColorActive_4bb0932a53,\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:hover,\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_605185bf04.colorOnPrimaryColorActive_4bb0932a53:focus-visible, .kindPrimary_605185bf04.colorOnPrimaryColorActive_4bb0932a53.focus-visible_827afe335f,\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:hover:focus-visible,\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:hover.focus-visible_827afe335f,\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:focus:focus-visible,\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:focus.focus-visible_827afe335f {\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_605185bf04.colorOnPrimaryColorActive_4bb0932a53:focus:not(.focus-visible_827afe335f),\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:hover:focus:not(.focus-visible_827afe335f),\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindPrimary_605185bf04.colorOnPrimaryColor_5856d04708.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_605185bf04.colorFixedLightActive_de3a07127e,\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:hover,\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_605185bf04.colorFixedLightActive_de3a07127e:focus-visible, .kindPrimary_605185bf04.colorFixedLightActive_de3a07127e.focus-visible_827afe335f,\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:hover:focus-visible,\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:hover.focus-visible_827afe335f,\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:focus:focus-visible,\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:focus.focus-visible_827afe335f {\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_605185bf04.colorFixedLightActive_de3a07127e:focus:not(.focus-visible_827afe335f),\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:hover:focus:not(.focus-visible_827afe335f),\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindPrimary_605185bf04.colorFixedLight_5ec1a03576.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_605185bf04.colorFixedDarkActive_15706170c2,\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:hover,\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_605185bf04.colorFixedDarkActive_15706170c2:focus-visible, .kindPrimary_605185bf04.colorFixedDarkActive_15706170c2.focus-visible_827afe335f,\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:hover:focus-visible,\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:hover.focus-visible_827afe335f,\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:focus:focus-visible,\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:focus.focus-visible_827afe335f {\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_605185bf04.colorFixedDarkActive_15706170c2:focus:not(.focus-visible_827afe335f),\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:hover:focus:not(.focus-visible_827afe335f),\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindPrimary_605185bf04.colorFixedDark_91b105cb76.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_605185bf04.colorOnInvertedBackground_8adda80d93 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_605185bf04.colorOnInvertedBackgroundActive_902c7a8992,\n.kindPrimary_605185bf04.colorOnInvertedBackground_8adda80d93:hover,\n.kindPrimary_605185bf04.colorOnInvertedBackground_8adda80d93:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_605185bf04.button_b33cf775e4.colorOnInvertedBackground_8adda80d93.disabled_a1f81570bc {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_605185bf04.button_b33cf775e4.disabled_a1f81570bc {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_072a691d61 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_072a691d61.sizeSmall_d14fe2e231 {\n  line-height: 22px;\n}\n.kindSecondary_072a691d61.sizeMedium_9382c5aeaa {\n  line-height: 22px;\n}\n.kindSecondary_072a691d61.sizeLarge_94569b7e1d {\n  line-height: 22px;\n}\n.kindSecondary_072a691d61.colorPrimaryActive_06cef0c4cb {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_072a691d61.colorPrimaryActive_06cef0c4cb:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_072a691d61.colorBrandActive_3ff780f0b8 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_072a691d61.colorBrandActive_3ff780f0b8,\n.kindSecondary_072a691d61.colorBrandActive_3ff780f0b8:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_072a691d61.colorPrimary_6e8d819cce:hover:not(.colorPrimaryActive_06cef0c4cb),\n.kindSecondary_072a691d61.colorPrimary_6e8d819cce:focus:not(.colorPrimaryActive_06cef0c4cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_072a691d61.colorBrand_9463ed1da1:hover:not(.colorBrandActive_3ff780f0b8),\n.kindSecondary_072a691d61.colorBrand_9463ed1da1:focus:not(.colorBrandActive_3ff780f0b8) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_072a691d61.colorPositive_94ea5f01fd {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_072a691d61.colorPositiveActive_eb6b03d7be,\n.kindSecondary_072a691d61.colorPositive_94ea5f01fd:hover,\n.kindSecondary_072a691d61.colorPositive_94ea5f01fd:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_072a691d61.colorNegative_1c174cb782 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_072a691d61.colorNegativeActive_eb6b03d7be,\n.kindSecondary_072a691d61.colorNegative_1c174cb782:hover,\n.kindSecondary_072a691d61.colorNegative_1c174cb782:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_072a691d61.colorInverted_396ae3dbed {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_072a691d61.colorInvertedActive_eb6b03d7be,\n.kindSecondary_072a691d61.colorInverted_396ae3dbed:hover,\n.kindSecondary_072a691d61.colorInverted_396ae3dbed:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_072a691d61.colorInverted_396ae3dbed.disabled_a1f81570bc {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_072a691d61.colorOnPrimaryColorActive_4bb0932a53,\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:hover,\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_072a691d61.colorOnPrimaryColorActive_4bb0932a53:focus-visible, .kindSecondary_072a691d61.colorOnPrimaryColorActive_4bb0932a53.focus-visible_827afe335f,\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:hover:focus-visible,\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:hover.focus-visible_827afe335f,\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:focus:focus-visible,\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:focus.focus-visible_827afe335f {\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_072a691d61.colorOnPrimaryColorActive_4bb0932a53:focus:not(.focus-visible_827afe335f),\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:hover:focus:not(.focus-visible_827afe335f),\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindSecondary_072a691d61.colorOnPrimaryColor_5856d04708.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_072a691d61.colorFixedLightActive_de3a07127e,\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:hover,\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_072a691d61.colorFixedLightActive_de3a07127e:focus-visible, .kindSecondary_072a691d61.colorFixedLightActive_de3a07127e.focus-visible_827afe335f,\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:hover:focus-visible,\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:hover.focus-visible_827afe335f,\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:focus:focus-visible,\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:focus.focus-visible_827afe335f {\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_072a691d61.colorFixedLightActive_de3a07127e:focus:not(.focus-visible_827afe335f),\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:hover:focus:not(.focus-visible_827afe335f),\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_072a691d61.colorFixedDarkActive_15706170c2,\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:hover,\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_072a691d61.colorFixedDarkActive_15706170c2:focus-visible, .kindSecondary_072a691d61.colorFixedDarkActive_15706170c2.focus-visible_827afe335f,\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:hover:focus-visible,\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:hover.focus-visible_827afe335f,\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:focus:focus-visible,\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:focus.focus-visible_827afe335f {\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_072a691d61.colorFixedDarkActive_15706170c2:focus:not(.focus-visible_827afe335f),\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:hover:focus:not(.focus-visible_827afe335f),\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindSecondary_072a691d61.colorOnInvertedBackground_8adda80d93 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_072a691d61.colorOnInvertedBackgroundActive_902c7a8992,\n.kindSecondary_072a691d61.colorOnInvertedBackground_8adda80d93:hover,\n.kindSecondary_072a691d61.colorOnInvertedBackground_8adda80d93:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_072a691d61.colorOnInvertedBackground_8adda80d93.disabled_a1f81570bc {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_072a691d61.colorFixedLight_5ec1a03576.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_072a691d61.colorFixedDark_91b105cb76.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_072a691d61.disabled_a1f81570bc {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_072a691d61.disabled_a1f81570bc:hover {\n  background-color: transparent;\n}\n.kindTertiary_ee042b2d9d {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_ee042b2d9d.colorPrimaryActive_06cef0c4cb {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_ee042b2d9d.colorPrimaryActive_06cef0c4cb:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_ee042b2d9d.colorBrandActive_3ff780f0b8 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_ee042b2d9d.colorBrandActive_3ff780f0b8,\n.kindTertiary_ee042b2d9d.colorBrandActive_3ff780f0b8:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_ee042b2d9d.colorPrimary_6e8d819cce:hover:not(.colorPrimaryActive_06cef0c4cb),\n.kindTertiary_ee042b2d9d.colorPrimary_6e8d819cce:focus:not(.colorPrimaryActive_06cef0c4cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ee042b2d9d.colorBrand_9463ed1da1:hover:not(.colorBrandActive_3ff780f0b8),\n.kindTertiary_ee042b2d9d.colorBrand_9463ed1da1:focus:not(.colorBrandActive_3ff780f0b8) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ee042b2d9d.colorPositive_94ea5f01fd {\n  color: var(--positive-color);\n}\n.kindTertiary_ee042b2d9d.colorPositiveActive_eb6b03d7be,\n.kindTertiary_ee042b2d9d.colorPositive_94ea5f01fd:hover,\n.kindTertiary_ee042b2d9d.colorPositive_94ea5f01fd:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_ee042b2d9d.colorNegative_1c174cb782 {\n  color: var(--negative-color);\n}\n.kindTertiary_ee042b2d9d.colorNegativeActive_eb6b03d7be,\n.kindTertiary_ee042b2d9d.colorNegative_1c174cb782:hover,\n.kindTertiary_ee042b2d9d.colorNegative_1c174cb782:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_ee042b2d9d.colorInverted_396ae3dbed {\n  color: var(--primary-text-color);\n}\n.kindTertiary_ee042b2d9d.colorInvertedActive_eb6b03d7be,\n.kindTertiary_ee042b2d9d.colorInverted_396ae3dbed:hover,\n.kindTertiary_ee042b2d9d.colorInverted_396ae3dbed:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_ee042b2d9d.colorInverted_396ae3dbed.disabled_a1f81570bc {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ee042b2d9d.colorOnPrimaryColorActive_4bb0932a53,\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:hover,\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ee042b2d9d.colorOnPrimaryColorActive_4bb0932a53:focus-visible, .kindTertiary_ee042b2d9d.colorOnPrimaryColorActive_4bb0932a53.focus-visible_827afe335f,\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:hover:focus-visible,\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:hover.focus-visible_827afe335f,\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:focus:focus-visible,\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:focus.focus-visible_827afe335f {\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_ee042b2d9d.colorOnPrimaryColorActive_4bb0932a53:focus:not(.focus-visible_827afe335f),\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:hover:focus:not(.focus-visible_827afe335f),\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindTertiary_ee042b2d9d.colorOnPrimaryColor_5856d04708.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ee042b2d9d.colorFixedLightActive_de3a07127e,\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:hover,\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_ee042b2d9d.colorFixedLightActive_de3a07127e:focus-visible, .kindTertiary_ee042b2d9d.colorFixedLightActive_de3a07127e.focus-visible_827afe335f,\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:hover:focus-visible,\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:hover.focus-visible_827afe335f,\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:focus:focus-visible,\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:focus.focus-visible_827afe335f {\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_ee042b2d9d.colorFixedLightActive_de3a07127e:focus:not(.focus-visible_827afe335f),\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:hover:focus:not(.focus-visible_827afe335f),\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindTertiary_ee042b2d9d.colorFixedLight_5ec1a03576.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_ee042b2d9d.colorFixedDarkActive_15706170c2,\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:hover,\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_ee042b2d9d.colorFixedDarkActive_15706170c2:focus-visible, .kindTertiary_ee042b2d9d.colorFixedDarkActive_15706170c2.focus-visible_827afe335f,\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:hover:focus-visible,\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:hover.focus-visible_827afe335f,\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:focus:focus-visible,\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:focus.focus-visible_827afe335f {\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_ee042b2d9d.colorFixedDarkActive_15706170c2:focus:not(.focus-visible_827afe335f),\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:hover:focus:not(.focus-visible_827afe335f),\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76:focus:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.kindTertiary_ee042b2d9d.colorFixedDark_91b105cb76.disabled_a1f81570bc {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_ee042b2d9d.colorOnInvertedBackground_8adda80d93 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ee042b2d9d.colorOnInvertedBackgroundActive_902c7a8992,\n.kindTertiary_ee042b2d9d.colorOnInvertedBackground_8adda80d93:hover,\n.kindTertiary_ee042b2d9d.colorOnInvertedBackground_8adda80d93:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_ee042b2d9d.colorOnInvertedBackground_8adda80d93.disabled_a1f81570bc {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_ee042b2d9d.disabled_a1f81570bc {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_ee042b2d9d.disabled_a1f81570bc:hover {\n  background-color: transparent;\n}\n.noSidePadding_ea4c952ca9 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_b33cf775e4.insetFocusStyle_d37b1062c0:focus-visible, .button_b33cf775e4.insetFocusStyle_d37b1062c0.focus-visible_827afe335f {\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_b33cf775e4.insetFocusStyle_d37b1062c0:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_22147fa31e",subTextContainer:"subTextContainer_c9ebef4c60",buttonsContainer:"buttonsContainer_e24d4fd8f5",button:"button_189b5045ba",activeButton:"activeButton_3055fcadd1",optionText:"optionText_7c042c9f6a",disabled:"disabled_2d2b2290ad",selected:"selected_3d06dd9a7e",kindTertiary:"kindTertiary_8e21dd0ab5",wrapper:"wrapper_5d10fefe62",buttonDisabled:"buttonDisabled_fddaaa90af",fullWidth:"fullWidth_51f8609ce8"};!function(n){const o="s_id-51d51089eef9_3_34_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_22147fa31e {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_c9ebef4c60 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_e24d4fd8f5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_e24d4fd8f5 .button_189b5045ba {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_e24d4fd8f5 .button_189b5045ba.activeButton_3055fcadd1 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_e24d4fd8f5 .button_189b5045ba.activeButton_3055fcadd1:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_7c042c9f6a:not(.disabled_2d2b2290ad) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7c042c9f6a:not(.disabled_2d2b2290ad).selected_3d06dd9a7e {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_8e21dd0ab5 .button_189b5045ba {\n  border-color: transparent;\n}\n\n.kindTertiary_8e21dd0ab5 .button_189b5045ba:first-child {\n  border-color: transparent;\n}\n\n.wrapper_5d10fefe62.disabled_2d2b2290ad {\n  cursor: not-allowed;\n}\n\n.button_189b5045ba.disabled_2d2b2290ad {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_189b5045ba.buttonDisabled_fddaaa90af {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_51f8609ce8 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_56f73e311b",subTextContainer:"subTextContainer_303efee4e7",buttonsContainer:"buttonsContainer_03780bcd87",button:"button_b15f484e19",activeButton:"activeButton_06cef0c4cb",optionText:"optionText_43496db3f9",disabled:"disabled_06984d11a9",selected:"selected_f839cce5c4",kindTertiary:"kindTertiary_f1014b41e0",wrapper:"wrapper_42ae5f1615",buttonDisabled:"buttonDisabled_41d999c4fa",fullWidth:"fullWidth_618fc1b0bf"};!function(n){const e="s_id-51d51089eef9_3_34_2";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_56f73e311b {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_303efee4e7 {\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_03780bcd87 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_03780bcd87 .button_b15f484e19 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_03780bcd87 .button_b15f484e19.activeButton_06cef0c4cb {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_03780bcd87 .button_b15f484e19.activeButton_06cef0c4cb:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_43496db3f9:not(.disabled_06984d11a9) {\n  color: var(--primary-text-color);\n}\n\n.optionText_43496db3f9:not(.disabled_06984d11a9).selected_f839cce5c4 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_f1014b41e0 .button_b15f484e19 {\n  border-color: transparent;\n}\n\n.kindTertiary_f1014b41e0 .button_b15f484e19:first-child {\n  border-color: transparent;\n}\n\n.wrapper_42ae5f1615.disabled_06984d11a9 {\n  cursor: not-allowed;\n}\n\n.button_b15f484e19.disabled_06984d11a9 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_b15f484e19.buttonDisabled_41d999c4fa {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_618fc1b0bf {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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

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

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