npm - @vibe/core - Versions diffs - 3.0.0-alpha.4 → 3.0.0-alpha.5 - Mend

@vibe/core 3.0.0-alpha.4 → 3.0.0-alpha.5

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 (2011) hide show

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

@@ -1,2 +1,2 @@
-var n={box:"box_09fdee7c9e",scrollable:"scrollable_8f222e3836",opacityDisabled:"opacityDisabled_b548118f49",border:"border_92d3995006",borderColorUiBorderColor:"borderColorUiBorderColor_b9805b8974",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_ad78fb1264",rounded0:"rounded0_47e1733840",roundedSmall:"roundedSmall_7a431b4b17",roundedMedium:"roundedMedium_d84ba43494",roundedBig:"roundedBig_fed3aabeae",shadowXs:"shadowXs_2d72cc6f4e",shadowSmall:"shadowSmall_1a495a093a",shadowMedium:"shadowMedium_d4ee51cf0e",shadowLarge:"shadowLarge_54d07f87c1",m0:"m0_cf72aa04fb",mXs:"mXs_9e8b980f0a",mSmall:"mSmall_e814274d0e",mMedium:"mMedium_2ff7e322d1",mLarge:"mLarge_501b645001",mXl:"mXl_abcd68443d",mXxl:"mXxl_2a16cfba50",mXxxl:"mXxxl_7e1ff94d06",mAuto:"mAuto_2022343cc9",mx0:"mx0_69cd7918cf",mxXs:"mxXs_2e9c1627bc",mxSmall:"mxSmall_401e15fbb4",mxMedium:"mxMedium_c7aad625c0",mxLarge:"mxLarge_d1360c1e1a",mxXl:"mxXl_13a750fcf4",mxXxl:"mxXxl_3abd154d77",mxXxxl:"mxXxxl_392dd078bf",mxAuto:"mxAuto_7d8520b727",my0:"my0_eb98a08a40",myXs:"myXs_c59cbd4f1a",mySmall:"mySmall_513696718b",myMedium:"myMedium_a050536edd",myLarge:"myLarge_904f1f6415",myXl:"myXl_1e1666dd05",myXxl:"myXxl_0c66155a2d",myXxxl:"myXxxl_bf5b5ea1e0",myAuto:"myAuto_f144b4abb7",mt0:"mt0_038017e278",mtXs:"mtXs_bd068c7fe6",mtSmall:"mtSmall_fac5cdd965",mtMedium:"mtMedium_124c134a6c",mtLarge:"mtLarge_673b387650",mtXl:"mtXl_5c1024f747",mtXxl:"mtXxl_9e008dae9b",mtXxxl:"mtXxxl_902e2f2ca6",mtAuto:"mtAuto_f95a25f93a",me0:"me0_5ae3556f8f",meXs:"meXs_1492704992",meSmall:"meSmall_96c386622c",meMedium:"meMedium_6de01a30b3",meLarge:"meLarge_0127e0c2e5",meXl:"meXl_39d311434d",meXxl:"meXxl_366c1fa401",meXxxl:"meXxxl_062f7e2419",meAuto:"meAuto_9a2548275d",mb0:"mb0_8114f3516c",mbXs:"mbXs_5d6fae2d0d",mbSmall:"mbSmall_18061c25c5",mbMedium:"mbMedium_ef9e921879",mbLarge:"mbLarge_71bf73f9c0",mbXl:"mbXl_021ab7a2f4",mbXxl:"mbXxl_43d11db2c7",mbXxxl:"mbXxxl_d3d3aca47a",mbAuto:"mbAuto_79e3a3ec88",ms0:"ms0_9195a77dfb",msXs:"msXs_177b10a2ff",msSmall:"msSmall_a8a5795496",msMedium:"msMedium_675f629710",msLarge:"msLarge_021b00c4db",msXl:"msXl_35089d67b3",msXxl:"msXxl_fe18701112",msXxxl:"msXxxl_061e42e724",msAuto:"msAuto_056fb4c9ff",p0:"p0_02298a71db",pXs:"pXs_8aab622313",pSmall:"pSmall_3cafe15aae",pMedium:"pMedium_613df1a88b",pLarge:"pLarge_8d20764f6c",pXl:"pXl_8631722a0f",pXxl:"pXxl_50328f8801",pXxxl:"pXxxl_d0fe861504",px0:"px0_4ed2e5d629",pxXs:"pxXs_44090134aa",pxSmall:"pxSmall_9f7d5b4963",pxMedium:"pxMedium_87d8b78962",pxLarge:"pxLarge_bfc48464b5",pxXl:"pxXl_5062598c6c",pxXxl:"pxXxl_4427612d98",pxXxxl:"pxXxxl_2226b56028",py0:"py0_ea0b0e3ff5",pyXs:"pyXs_e9285323f2",pySmall:"pySmall_549fc5350e",pyMedium:"pyMedium_ac78f1f478",pyLarge:"pyLarge_e69b8af32b",pyXl:"pyXl_344aee13f2",pyXxl:"pyXxl_e56421bde2",pyXxxl:"pyXxxl_9026c2bc7e",pt0:"pt0_c38c33d3b1",ptXs:"ptXs_1a5e42efcf",ptSmall:"ptSmall_f38f3287e2",ptMedium:"ptMedium_c9f3cf7a03",ptLarge:"ptLarge_ac5457f672",ptXl:"ptXl_2a505e149b",ptXxl:"ptXxl_2bf960f1d2",ptXxxl:"ptXxxl_eac4547c64",pe0:"pe0_2275019dc1",peXs:"peXs_dac5a683b0",peSmall:"peSmall_3e4ae26d51",peMedium:"peMedium_5eaaef4306",peLarge:"peLarge_6527a62597",peXl:"peXl_6c3b496405",peXxl:"peXxl_7af5ab52fa",peXxxl:"peXxxl_b209a9e10e",pb0:"pb0_0e5f21e78b",pbXs:"pbXs_dd55c7a751",pbSmall:"pbSmall_9edd126b8a",pbMedium:"pbMedium_5196a0f63e",pbLarge:"pbLarge_76cfd4f0b8",pbXl:"pbXl_8968084b9a",pbXxl:"pbXxl_1f117b42e4",pbXxxl:"pbXxxl_7ffcad4ceb",ps0:"ps0_7490311d05",psXs:"psXs_3369ec407e",psSmall:"psSmall_4345777885",psMedium:"psMedium_089c629200",psLarge:"psLarge_cd690ad93e",psXl:"psXl_91e788342c",psXxl:"psXxl_7b40066897",psXxxl:"psXxxl_461bccac86",textPrimaryTextColor:"textPrimaryTextColor_7316885549",textTextColorOnInverted:"textTextColorOnInverted_9edf241b73",textSecondaryTextColor:"textSecondaryTextColor_3c5db766c6",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_4e120b1194",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ecc9e9727b",bgGreyBackgroundColor:"bgGreyBackgroundColor_585167f0da",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_2a650464fc",bgInvertedColorBackground:"bgInvertedColorBackground_2413b7120c"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-e8ebf0c89fee_3_0_0-alpha_3";if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_09fdee7c9e {\n  overflow: hidden;\n}\n.box_09fdee7c9e.scrollable_8f222e3836 {\n  overflow: auto;\n}\n.box_09fdee7c9e.scrollable_8f222e3836::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_09fdee7c9e.scrollable_8f222e3836::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_b548118f49 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_92d3995006 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_b9805b8974 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_ad78fb1264 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_47e1733840 {\n  border-radius: 0 !important;\n}\n.roundedSmall_7a431b4b17 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_d84ba43494 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_fed3aabeae {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_2d72cc6f4e {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_1a495a093a {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_d4ee51cf0e {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_54d07f87c1 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_cf72aa04fb {\n  margin: 0 !important;\n}\n.mXs_9e8b980f0a {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_e814274d0e {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_2ff7e322d1 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_501b645001 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_abcd68443d {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_2a16cfba50 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_7e1ff94d06 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_2022343cc9 {\n  margin: auto !important;\n}\n.mx0_69cd7918cf {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_2e9c1627bc {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_401e15fbb4 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_c7aad625c0 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_d1360c1e1a {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_13a750fcf4 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_3abd154d77 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_392dd078bf {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_7d8520b727 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_eb98a08a40 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_c59cbd4f1a {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_513696718b {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_a050536edd {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_904f1f6415 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_1e1666dd05 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_0c66155a2d {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_bf5b5ea1e0 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_f144b4abb7 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_038017e278 {\n  margin-top: 0 !important;\n}\n.mtXs_bd068c7fe6 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_fac5cdd965 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_124c134a6c {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_673b387650 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_5c1024f747 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_9e008dae9b {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_902e2f2ca6 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_f95a25f93a {\n  margin-top: auto !important;\n}\n.me0_5ae3556f8f {\n  margin-inline-end: 0 !important;\n}\n.meXs_1492704992 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_96c386622c {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_6de01a30b3 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_0127e0c2e5 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_39d311434d {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_366c1fa401 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_062f7e2419 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_9a2548275d {\n  margin-inline-end: auto !important;\n}\n.mb0_8114f3516c {\n  margin-bottom: 0 !important;\n}\n.mbXs_5d6fae2d0d {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_18061c25c5 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_ef9e921879 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_71bf73f9c0 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_021ab7a2f4 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_43d11db2c7 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_d3d3aca47a {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_79e3a3ec88 {\n  margin-bottom: auto !important;\n}\n.ms0_9195a77dfb {\n  margin-inline-start: 0 !important;\n}\n.msXs_177b10a2ff {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_a8a5795496 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_675f629710 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_021b00c4db {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_35089d67b3 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_fe18701112 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_061e42e724 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_056fb4c9ff {\n  margin-inline-start: auto !important;\n}\n.p0_02298a71db {\n  padding: 0 !important;\n}\n.pXs_8aab622313 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_3cafe15aae {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_613df1a88b {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_8d20764f6c {\n  padding: var(--spacing-large) !important;\n}\n.pXl_8631722a0f {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_50328f8801 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_d0fe861504 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_4ed2e5d629 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_44090134aa {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_9f7d5b4963 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_87d8b78962 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_bfc48464b5 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_5062598c6c {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_4427612d98 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_2226b56028 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_ea0b0e3ff5 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_e9285323f2 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_549fc5350e {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_ac78f1f478 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_e69b8af32b {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_344aee13f2 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_e56421bde2 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_9026c2bc7e {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_c38c33d3b1 {\n  padding-top: 0 !important;\n}\n.ptXs_1a5e42efcf {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_f38f3287e2 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_c9f3cf7a03 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_ac5457f672 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_2a505e149b {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_2bf960f1d2 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_eac4547c64 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_2275019dc1 {\n  padding-inline-end: 0 !important;\n}\n.peXs_dac5a683b0 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_3e4ae26d51 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_5eaaef4306 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_6527a62597 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_6c3b496405 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_7af5ab52fa {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b209a9e10e {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_0e5f21e78b {\n  padding-bottom: 0 !important;\n}\n.pbXs_dd55c7a751 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_9edd126b8a {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_5196a0f63e {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_76cfd4f0b8 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_8968084b9a {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_1f117b42e4 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_7ffcad4ceb {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_7490311d05 {\n  padding-inline-start: 0 !important;\n}\n.psXs_3369ec407e {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_4345777885 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_089c629200 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_cd690ad93e {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_91e788342c {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_7b40066897 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_461bccac86 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_7316885549 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_9edf241b73 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_3c5db766c6 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_4e120b1194 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ecc9e9727b {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_585167f0da {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_2a650464fc {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_2413b7120c {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_97db439568",scrollable:"scrollable_b0727b0d7f",opacityDisabled:"opacityDisabled_b31aabeacd",border:"border_4c79f12f15",borderColorUiBorderColor:"borderColorUiBorderColor_6a306fcc22",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_570d3ab112",rounded0:"rounded0_cfe644296f",roundedSmall:"roundedSmall_e71b30035d",roundedMedium:"roundedMedium_02482d7dec",roundedBig:"roundedBig_28477757d6",shadowXs:"shadowXs_1b317d0202",shadowSmall:"shadowSmall_5d7558370f",shadowMedium:"shadowMedium_58333f88c6",shadowLarge:"shadowLarge_6e8a586284",m0:"m0_3cca852bfd",mXs:"mXs_40e83c77d8",mSmall:"mSmall_23a26656d2",mMedium:"mMedium_c8e9f6c318",mLarge:"mLarge_36192c5eef",mXl:"mXl_cb64191a33",mXxl:"mXxl_69196be3a9",mXxxl:"mXxxl_5c9b973270",mAuto:"mAuto_b28397db09",mx0:"mx0_308df5e705",mxXs:"mxXs_f1988fc790",mxSmall:"mxSmall_19b1d5401f",mxMedium:"mxMedium_869d3c8299",mxLarge:"mxLarge_fa3f72cf91",mxXl:"mxXl_cca3561cdd",mxXxl:"mxXxl_df4ab07c9c",mxXxxl:"mxXxxl_ec9c6b1662",mxAuto:"mxAuto_14074e0a62",my0:"my0_f08b922b89",myXs:"myXs_44ec87b198",mySmall:"mySmall_c88799bce0",myMedium:"myMedium_43affe81ac",myLarge:"myLarge_234098483b",myXl:"myXl_00c2e25b08",myXxl:"myXxl_dbd59f69ea",myXxxl:"myXxxl_f74bd8ba6c",myAuto:"myAuto_c5e59e065f",mt0:"mt0_18a3b2261c",mtXs:"mtXs_055423fdbe",mtSmall:"mtSmall_01fd8b5cb5",mtMedium:"mtMedium_af1f09abc0",mtLarge:"mtLarge_dcb612059b",mtXl:"mtXl_8aee320083",mtXxl:"mtXxl_5332712dfb",mtXxxl:"mtXxxl_8fd3055446",mtAuto:"mtAuto_130949ab4f",me0:"me0_2f70ae339d",meXs:"meXs_2f9a006f29",meSmall:"meSmall_f92fc94a42",meMedium:"meMedium_b30ca061c4",meLarge:"meLarge_d199b8073b",meXl:"meXl_94d8488715",meXxl:"meXxl_9dc1cec0d0",meXxxl:"meXxxl_bba85e63b9",meAuto:"meAuto_c0c583ca31",mb0:"mb0_a780ee79b5",mbXs:"mbXs_3d1381900e",mbSmall:"mbSmall_9c41372190",mbMedium:"mbMedium_b67efb5a34",mbLarge:"mbLarge_b600fb45ce",mbXl:"mbXl_1fc8f69261",mbXxl:"mbXxl_4f9f29dc19",mbXxxl:"mbXxxl_d27eb48d41",mbAuto:"mbAuto_06980b6d31",ms0:"ms0_f01932c22b",msXs:"msXs_c821a59685",msSmall:"msSmall_db4289f34c",msMedium:"msMedium_61df38bcca",msLarge:"msLarge_b8131d637b",msXl:"msXl_27a30d3bf1",msXxl:"msXxl_9b82013773",msXxxl:"msXxxl_3fb00960a7",msAuto:"msAuto_d348f3c20a",p0:"p0_b88950e41c",pXs:"pXs_ce91291a6b",pSmall:"pSmall_23d712443d",pMedium:"pMedium_4235a8149e",pLarge:"pLarge_50a00259b0",pXl:"pXl_d9f86dd5c4",pXxl:"pXxl_eaae7fc350",pXxxl:"pXxxl_9a53b553f8",px0:"px0_91c28c38c0",pxXs:"pxXs_182e51c0ac",pxSmall:"pxSmall_6153924f22",pxMedium:"pxMedium_5eb1bc106d",pxLarge:"pxLarge_029daee3ca",pxXl:"pxXl_09dfbfee44",pxXxl:"pxXxl_f2a67b866a",pxXxxl:"pxXxxl_4f5a37b7e7",py0:"py0_035d96a3d9",pyXs:"pyXs_0f13ef35c4",pySmall:"pySmall_2ab14c1725",pyMedium:"pyMedium_ffd835ef06",pyLarge:"pyLarge_a05143501b",pyXl:"pyXl_f630926e66",pyXxl:"pyXxl_aa1ab51c89",pyXxxl:"pyXxxl_771f453dd8",pt0:"pt0_02eb7c500a",ptXs:"ptXs_3fee6d397c",ptSmall:"ptSmall_82f27ee5dc",ptMedium:"ptMedium_7b89e4cd33",ptLarge:"ptLarge_16102a1e39",ptXl:"ptXl_9c4f617642",ptXxl:"ptXxl_0407c05ca4",ptXxxl:"ptXxxl_846a1e8087",pe0:"pe0_932a2962bc",peXs:"peXs_f76796b00c",peSmall:"peSmall_cc26ea4457",peMedium:"peMedium_36764cda4e",peLarge:"peLarge_47d9a9f581",peXl:"peXl_e0464f9820",peXxl:"peXxl_bfb2d33596",peXxxl:"peXxxl_fe84a14433",pb0:"pb0_415174fc58",pbXs:"pbXs_df953469a5",pbSmall:"pbSmall_7d3a03437a",pbMedium:"pbMedium_668620ea9d",pbLarge:"pbLarge_3e29245064",pbXl:"pbXl_f8561ef998",pbXxl:"pbXxl_6444f7bc52",pbXxxl:"pbXxxl_99beb56ce2",ps0:"ps0_fdc3708cc5",psXs:"psXs_69a6db14a0",psSmall:"psSmall_666957b648",psMedium:"psMedium_510931c473",psLarge:"psLarge_2d8537cfbe",psXl:"psXl_5c67fdae95",psXxl:"psXxl_388aa2b3ab",psXxxl:"psXxxl_76b6db6882",textPrimaryTextColor:"textPrimaryTextColor_bd5637dbf3",textTextColorOnInverted:"textTextColorOnInverted_2de579af22",textSecondaryTextColor:"textSecondaryTextColor_b70bd0d0af",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_ee3d8d36e5",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ac83adb03e",bgGreyBackgroundColor:"bgGreyBackgroundColor_1d18d81ec9",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_f1725a20c5",bgInvertedColorBackground:"bgInvertedColorBackground_db8d1e55d6"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-e8ebf0c89fee_3_0_0-alpha_5";if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_97db439568 {\n  overflow: hidden;\n}\n.box_97db439568.scrollable_b0727b0d7f {\n  overflow: auto;\n}\n.box_97db439568.scrollable_b0727b0d7f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_97db439568.scrollable_b0727b0d7f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_b31aabeacd {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_4c79f12f15 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_6a306fcc22 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_570d3ab112 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_cfe644296f {\n  border-radius: 0 !important;\n}\n.roundedSmall_e71b30035d {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_02482d7dec {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_28477757d6 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_1b317d0202 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_5d7558370f {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_58333f88c6 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_6e8a586284 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_3cca852bfd {\n  margin: 0 !important;\n}\n.mXs_40e83c77d8 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_23a26656d2 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_c8e9f6c318 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_36192c5eef {\n  margin: var(--spacing-large) !important;\n}\n.mXl_cb64191a33 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_69196be3a9 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_5c9b973270 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_b28397db09 {\n  margin: auto !important;\n}\n.mx0_308df5e705 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_f1988fc790 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_19b1d5401f {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_869d3c8299 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_fa3f72cf91 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_cca3561cdd {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_df4ab07c9c {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_ec9c6b1662 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_14074e0a62 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_f08b922b89 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_44ec87b198 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_c88799bce0 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_43affe81ac {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_234098483b {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_00c2e25b08 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_dbd59f69ea {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_f74bd8ba6c {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_c5e59e065f {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_18a3b2261c {\n  margin-top: 0 !important;\n}\n.mtXs_055423fdbe {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_01fd8b5cb5 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_af1f09abc0 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_dcb612059b {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_8aee320083 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_5332712dfb {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_8fd3055446 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_130949ab4f {\n  margin-top: auto !important;\n}\n.me0_2f70ae339d {\n  margin-inline-end: 0 !important;\n}\n.meXs_2f9a006f29 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_f92fc94a42 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_b30ca061c4 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_d199b8073b {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_94d8488715 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_9dc1cec0d0 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_bba85e63b9 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_c0c583ca31 {\n  margin-inline-end: auto !important;\n}\n.mb0_a780ee79b5 {\n  margin-bottom: 0 !important;\n}\n.mbXs_3d1381900e {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_9c41372190 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_b67efb5a34 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_b600fb45ce {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_1fc8f69261 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_4f9f29dc19 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_d27eb48d41 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_06980b6d31 {\n  margin-bottom: auto !important;\n}\n.ms0_f01932c22b {\n  margin-inline-start: 0 !important;\n}\n.msXs_c821a59685 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_db4289f34c {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_61df38bcca {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_b8131d637b {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_27a30d3bf1 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_9b82013773 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_3fb00960a7 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_d348f3c20a {\n  margin-inline-start: auto !important;\n}\n.p0_b88950e41c {\n  padding: 0 !important;\n}\n.pXs_ce91291a6b {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_23d712443d {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_4235a8149e {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_50a00259b0 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_d9f86dd5c4 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_eaae7fc350 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_9a53b553f8 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_91c28c38c0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_182e51c0ac {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_6153924f22 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_5eb1bc106d {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_029daee3ca {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_09dfbfee44 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_f2a67b866a {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_4f5a37b7e7 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_035d96a3d9 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_0f13ef35c4 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_2ab14c1725 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_ffd835ef06 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_a05143501b {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_f630926e66 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_aa1ab51c89 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_771f453dd8 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_02eb7c500a {\n  padding-top: 0 !important;\n}\n.ptXs_3fee6d397c {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_82f27ee5dc {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_7b89e4cd33 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_16102a1e39 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_9c4f617642 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_0407c05ca4 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_846a1e8087 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_932a2962bc {\n  padding-inline-end: 0 !important;\n}\n.peXs_f76796b00c {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_cc26ea4457 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_36764cda4e {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_47d9a9f581 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_e0464f9820 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_bfb2d33596 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_fe84a14433 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_415174fc58 {\n  padding-bottom: 0 !important;\n}\n.pbXs_df953469a5 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_7d3a03437a {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_668620ea9d {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_3e29245064 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_f8561ef998 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_6444f7bc52 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_99beb56ce2 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_fdc3708cc5 {\n  padding-inline-start: 0 !important;\n}\n.psXs_69a6db14a0 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_666957b648 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_510931c473 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_2d8537cfbe {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_5c67fdae95 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_388aa2b3ab {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_76b6db6882 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_bd5637dbf3 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_2de579af22 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_b70bd0d0af {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_ee3d8d36e5 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ac83adb03e {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_1d18d81ec9 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_f1725a20c5 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_db8d1e55d6 {\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_9e1c32db6a",withoutText:"withoutText_8186f9d165",breadcrumbText:"breadcrumbText_1693299ef7",breadcrumbIcon:"breadcrumbIcon_058be9ab6c",clickable:"clickable_51ae9ba113",current:"current_10d59db085",disabled:"disabled_2449b81c25",notClickable:"notClickable_8d8e4a2f04"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-55ff70da99a4_3_0_0-alpha_3";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".breadcrumbContent_9e1c32db6a {\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_9e1c32db6a.withoutText_8186f9d165 {\n  padding: 4px;\n}\na.breadcrumbContent_9e1c32db6a:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_9e1c32db6a .breadcrumbText_1693299ef7 {\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_9e1c32db6a .breadcrumbIcon_058be9ab6c {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_9e1c32db6a:focus {\n  outline: none;\n}\n.breadcrumbContent_9e1c32db6a.clickable_51ae9ba113 {\n  cursor: pointer;\n}\n.breadcrumbContent_9e1c32db6a.clickable_51ae9ba113:hover,\n.breadcrumbContent_9e1c32db6a:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_9e1c32db6a.current_10d59db085 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_9e1c32db6a.disabled_2449b81c25 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_9e1c32db6a.disabled_2449b81c25:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_9e1c32db6a.notClickable_8d8e4a2f04 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_08681345d8",withoutText:"withoutText_d3cb67c678",breadcrumbText:"breadcrumbText_e2eac5ef5a",breadcrumbIcon:"breadcrumbIcon_03ec311c6e",clickable:"clickable_7dc88b9cc5",current:"current_6cef09430c",disabled:"disabled_959dd80658",notClickable:"notClickable_70813c76d5"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-55ff70da99a4_3_0_0-alpha_5";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".breadcrumbContent_08681345d8 {\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_08681345d8.withoutText_d3cb67c678 {\n  padding: 4px;\n}\na.breadcrumbContent_08681345d8:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_08681345d8 .breadcrumbText_e2eac5ef5a {\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_08681345d8 .breadcrumbIcon_03ec311c6e {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_08681345d8:focus {\n  outline: none;\n}\n.breadcrumbContent_08681345d8.clickable_7dc88b9cc5 {\n  cursor: pointer;\n}\n.breadcrumbContent_08681345d8.clickable_7dc88b9cc5:hover,\n.breadcrumbContent_08681345d8:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_08681345d8.current_6cef09430c {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_08681345d8.disabled_959dd80658 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_08681345d8.disabled_959dd80658:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_08681345d8.notClickable_70813c76d5 {\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_c4b1183e01",disabled:"disabled_e14fa7a861"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],d="s_id-03f482333e23_3_0_0-alpha_3";if(r.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".breadcrumbItemWrapper_c4b1183e01 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_c4b1183e01.disabled_e14fa7a861 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_4a6df2d615",disabled:"disabled_394acc2736"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],r="s_id-03f482333e23_3_0_0-alpha_5";if(d.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".breadcrumbItemWrapper_4a6df2d615 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_4a6df2d615.disabled_394acc2736 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_72ff18eaa9",separatorIcon:"separatorIcon_3e91cb457e"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-24567fd55d40_3_0_0-alpha_3";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".breadcrumbsBar_72ff18eaa9 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_72ff18eaa9 ol .separatorIcon_3e91cb457e {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_c41f8cb34a",separatorIcon:"separatorIcon_acd598bb76"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-24567fd55d40_3_0_0-alpha_5";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".breadcrumbsBar_c41f8cb34a ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_c41f8cb34a ol .separatorIcon_acd598bb76 {\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 i,useMemo as r}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,ButtonColor as g,ButtonType as y,ButtonInputType as b}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as v,getParentBackgroundColorNotTransparent as h}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as C}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,g=o.children,y=o.kind,b=o.onClick,v=o.name,C=o.size,I=o.color,x=o.disabled,P=o.rightIcon,S=o.leftIcon,B=o.success,L=o.successText,T=o.successIcon,z=o.style,M=o.loading,O=o.loaderClassName,D=o.active,w=o.activeButtonClassName,H=o.id,R=o.marginRight,U=o.marginLeft,A=o.type,_=o.onMouseDown,q=o.ariaLabel,G=o.rightFlat,J=o.leftFlat,K=o.preventClickAnimation,Q=o.noSidePadding,V=o.onFocus,W=o.onBlur,X=o.ariaLabeledBy,Y=o.defaultTextColorOnPrimaryColor,Z=o.ariaHasPopup,$=o.ariaExpanded,ee=o.ariaControls,te=o["aria-describedby"],oe=o["aria-hidden"],ae=o.blurOnMouseUp,ne=o["data-testid"],ie=o.insetFocus,re=o.tabIndex,se=a(null),le=u(c,se),ce=E({isLoading:M}).loading;n((function(){if(("on-primary-color"===I||"fixed-light"===I)&&"primary"===y&&se.current){var e=se.current;e.style.color=h(e,Y)}}),[y,se,I,Y]);var ue=i((function(){var e=se.current;!x&&e&&ae&&e.blur()}),[x,se,ae]),de=i((function(e){x||ce||B?e.preventDefault():b&&b(e)}),[b,x,ce,B]),me=i((function(e){x||ce||B?e.preventDefault():_&&_(e)}),[_,x,ce,B]),pe=r((function(){var t,o=B?"positive":I;return l(d,k.button,F(k,s("size-"+C)),F(k,s("kind-"+y)),F(k,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},k.success,B),F(k,s("color-"+o+"-active")),D),w,D),k.marginRight,R),k.marginLeft,U),k.rightFlat,G),k.leftFlat,J),k.preventClickAnimation,K),k.noSidePadding,Q),k.disabled,x),e(t,k.insetFocusStyle,ie)))}),[B,I,d,C,y,D,w,R,U,G,J,K,Q,x,ie]),fe=r((function(){return{ref:le,type:A,className:pe,name:v,onMouseUp:ue,style:z,onClick:de,id:H,onFocus:V,onBlur:W,tabIndex:x||oe?-1:re,"data-testid":ne||j(N.BUTTON,H),onMouseDown:me,"aria-disabled":x,"aria-busy":ce,"aria-labelledby":X,"aria-label":q,"aria-haspopup":Z,"aria-expanded":$,"aria-controls":ee,"aria-describedby":te,"aria-hidden":oe}}),[le,A,pe,v,ue,z,de,H,V,W,re,ne,me,x,ce,X,q,Z,$,ee,te,oe]),ge=r((function(){if("function"==typeof S)return f}),[S]),ye=r((function(){if("function"==typeof P)return f}),[P]),be=r((function(){if("function"==typeof T)return f}),[T]),ve=r((function(){return t.createElement(t.Fragment,null,S?t.createElement(m,{iconType:"font",icon:S,iconSize:ge,className:l(e({},k.leftIcon,!!g)),ignoreFocusStyle:!0}):null,g,P?t.createElement(m,{iconType:"font",icon:P,iconSize:ye,className:l(e({},k.rightIcon,!!g)),ignoreFocusStyle:!0}):null)}),[g,S,ge,P,ye]);return ce?t.createElement("button",Object.assign({},fe,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(k.loader,O)},t.createElement(p,{className:k.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},ve))):B?t.createElement("button",Object.assign({},fe,{key:"".concat(H,"-success")}),t.createElement("span",{className:k.successContent},T?t.createElement(m,{iconType:"font",icon:T,iconSize:be,className:l(e({},k.leftIcon,!!L)),ignoreFocusStyle:!0}):null,L),t.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},ve)):t.createElement("button",Object.assign({},fe,{key:"".concat(H,"-button")}),ve)}));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:v,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var x=C(I,{sizes:c,colors:g,kinds:y,types:b,inputTags:b});export{x as default};
+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,ButtonColor as g,ButtonType as y,ButtonInputType as b}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as v,getParentBackgroundColorNotTransparent as h}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as C}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,g=o.children,y=o.kind,b=o.onClick,v=o.name,C=o.size,I=o.color,x=o.disabled,P=o.rightIcon,S=o.leftIcon,B=o.success,L=o.successText,T=o.successIcon,z=o.style,M=o.loading,O=o.loaderClassName,D=o.active,w=o.activeButtonClassName,H=o.id,R=o.marginRight,U=o.marginLeft,A=o.type,_=o.onMouseDown,q=o.ariaLabel,G=o.rightFlat,J=o.leftFlat,K=o.preventClickAnimation,Q=o.noSidePadding,V=o.onFocus,W=o.onBlur,X=o.ariaLabeledBy,Y=o.defaultTextColorOnPrimaryColor,Z=o.ariaHasPopup,$=o.ariaExpanded,ee=o.ariaControls,te=o["aria-describedby"],oe=o["aria-hidden"],ae=o["aria-pressed"],ne=o.blurOnMouseUp,re=o["data-testid"],ie=o.insetFocus,se=o.tabIndex,le=a(null),ce=u(c,le),ue=E({isLoading:M}).loading;n((function(){if(("on-primary-color"===I||"fixed-light"===I)&&"primary"===y&&le.current){var e=le.current;e.style.color=h(e,Y)}}),[y,le,I,Y]);var de=r((function(){var e=le.current;!x&&e&&ne&&e.blur()}),[x,le,ne]),me=r((function(e){x||ue||B?e.preventDefault():b&&b(e)}),[b,x,ue,B]),pe=r((function(e){x||ue||B?e.preventDefault():_&&_(e)}),[_,x,ue,B]),fe=i((function(){var t,o=B?"positive":I;return l(d,k.button,F(k,s("size-"+C)),F(k,s("kind-"+y)),F(k,s("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},k.success,B),F(k,s("color-"+o+"-active")),D),w,D),k.marginRight,R),k.marginLeft,U),k.rightFlat,G),k.leftFlat,J),k.preventClickAnimation,K),k.noSidePadding,Q),k.disabled,x),e(t,k.insetFocusStyle,ie)))}),[B,I,d,C,y,D,w,R,U,G,J,K,Q,x,ie]),ge=i((function(){return{ref:ce,type:A,className:fe,name:v,onMouseUp:de,style:z,onClick:me,id:H,onFocus:V,onBlur:W,tabIndex:x||oe?-1:se,"data-testid":re||j(N.BUTTON,H),onMouseDown:pe,"aria-disabled":x,"aria-busy":ue,"aria-labelledby":X,"aria-label":q,"aria-haspopup":Z,"aria-expanded":$,"aria-controls":ee,"aria-describedby":te,"aria-hidden":oe,"aria-pressed":ae}}),[ce,A,fe,v,de,z,me,H,V,W,se,re,pe,x,ue,X,q,Z,$,ee,te,oe,ae]),ye=i((function(){if("function"==typeof S)return f}),[S]),be=i((function(){if("function"==typeof P)return f}),[P]),ve=i((function(){if("function"==typeof T)return f}),[T]),he=i((function(){return t.createElement(t.Fragment,null,S?t.createElement(m,{iconType:"font",icon:S,iconSize:ye,className:l(e({},k.leftIcon,!!g)),ignoreFocusStyle:!0}):null,g,P?t.createElement(m,{iconType:"font",icon:P,iconSize:be,className:l(e({},k.rightIcon,!!g)),ignoreFocusStyle:!0}):null)}),[g,S,ye,P,be]);return ue?t.createElement("button",Object.assign({},ge,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(k.loader,O)},t.createElement(p,{className:k.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:k.textPlaceholder},he))):B?t.createElement("button",Object.assign({},ge,{key:"".concat(H,"-success")}),t.createElement("span",{className:k.successContent},T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve,className:l(e({},k.leftIcon,!!L)),ignoreFocusStyle:!0}):null,L),t.createElement("span",{"aria-hidden":"true",className:k.textPlaceholder},he)):t.createElement("button",Object.assign({},ge,{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:v,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var x=C(I,{sizes:c,colors:g,kinds:y,types:b,inputTags:b});export{x 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} 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 /* 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 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 };\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 ]);\n\n const leftIconSize = useMemo(() => {\n if (typeof leftIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [leftIcon]);\n\n const rightIconSize = useMemo(() => {\n if (typeof rightIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [rightIcon]);\n\n const successIconSize = useMemo(() => {\n if (typeof successIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [successIcon]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={leftIconSize}\n className={cx({\n [styles.leftIcon]: !!children\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={rightIconSize}\n className={cx({\n [styles.rightIcon]: !!children\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, leftIcon, leftIconSize, rightIcon, rightIconSize]\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={successIconSize}\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","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","leftIconSize","BUTTON_ICON_SIZE","rightIconSize","successIconSize","buttonContent","React","createElement","Fragment","Icon","iconType","icon","iconSize","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} 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 leftIconSize = useMemo(() => {\n if (typeof leftIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [leftIcon]);\n\n const rightIconSize = useMemo(() => {\n if (typeof rightIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [rightIcon]);\n\n const successIconSize = useMemo(() => {\n if (typeof successIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [successIcon]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={leftIconSize}\n className={cx({\n [styles.leftIcon]: !!children\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={rightIconSize}\n className={cx({\n [styles.rightIcon]: !!children\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, leftIcon, leftIconSize, rightIcon, rightIconSize]\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={successIconSize}\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","leftIconSize","BUTTON_ICON_SIZE","rightIconSize","successIconSize","buttonContent","React","createElement","Fragment","Icon","iconType","icon","iconSize","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_b56fffcfb6","focus-visible":"focus-visible_c49ba4e3a8",loader:"loader_31e9a0ac85",loaderSvg:"loaderSvg_cba991cf13",textPlaceholder:"textPlaceholder_3f1febd6e5",success:"success_dd5686aedb",successContent:"successContent_652bfeb8bc",marginRight:"marginRight_f82ea076ba",marginLeft:"marginLeft_144b4b430e",rightFlat:"rightFlat_16f7d22c19",leftFlat:"leftFlat_7c91ba7b6a",preventClickAnimation:"preventClickAnimation_9380a41188",leftIcon:"leftIcon_f82ea076ba",rightIcon:"rightIcon_144b4b430e",sizeXxs:"sizeXxs_531635851a",sizeXs:"sizeXs_2487b3e5e9",sizeSmall:"sizeSmall_a7e7cd16c1",sizeMedium:"sizeMedium_bfa9c8d811",sizeLarge:"sizeLarge_42adedccb8",kindPrimary:"kindPrimary_6946b5ad85",colorPrimary:"colorPrimary_e0f40c56c6",colorBrand:"colorBrand_21750dd28e",colorPrimaryActive:"colorPrimaryActive_781e49228f",colorBrandActive:"colorBrandActive_e6090869cb",colorPositive:"colorPositive_2033392364",colorPositiveActive:"colorPositiveActive_56e129e2aa",colorNegative:"colorNegative_60852a2e65",colorNegativeActive:"colorNegativeActive_56e129e2aa",colorInverted:"colorInverted_04a3cd3f2e",colorInvertedActive:"colorInvertedActive_56e129e2aa",disabled:"disabled_ff18e3a109",colorOnPrimaryColor:"colorOnPrimaryColor_0ae1bdadb0",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_b4f9f7204a",colorFixedLight:"colorFixedLight_bc3eb9adbd",colorFixedLightActive:"colorFixedLightActive_9380a41188",colorOnInvertedBackground:"colorOnInvertedBackground_2d13150607",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_e94d0f2f88",kindSecondary:"kindSecondary_db2fc5d4e8",kindTertiary:"kindTertiary_c1e5e3e2d8",noSidePadding:"noSidePadding_500d7c69d2",insetFocusStyle:"insetFocusStyle_1ad9cb6361"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-cc4fb503a885_3_0_0-alpha_3";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(o))}(".button_b56fffcfb6 {\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_b56fffcfb6:focus-visible, .button_b56fffcfb6.focus-visible_c49ba4e3a8 {\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_b56fffcfb6:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.button_b56fffcfb6 .loader_31e9a0ac85 {\n  height: 100%;\n}\n.button_b56fffcfb6 .loader_31e9a0ac85 .loaderSvg_cba991cf13 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_b56fffcfb6 .textPlaceholder_3f1febd6e5 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_b56fffcfb6.success_dd5686aedb {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_b56fffcfb6.success_dd5686aedb .successContent_652bfeb8bc {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_f82ea076ba {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_144b4b430e {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_16f7d22c19 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_7c91ba7b6a {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_b56fffcfb6:active:not(.preventClickAnimation_9380a41188) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_b56fffcfb6 .leftIcon_f82ea076ba {\n  margin-right: var(--spacing-small);\n}\n.button_b56fffcfb6 .rightIcon_144b4b430e {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_531635851a {\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_2487b3e5e9 {\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_a7e7cd16c1 {\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_a7e7cd16c1 .loader_31e9a0ac85 {\n  top: 7px;\n}\n.sizeMedium_bfa9c8d811 {\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_42adedccb8 {\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_6946b5ad85 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6946b5ad85.colorPrimary_e0f40c56c6 {\n  background: var(--primary-color);\n}\n.kindPrimary_6946b5ad85.colorBrand_21750dd28e {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_6946b5ad85.colorPrimaryActive_781e49228f,\n.kindPrimary_6946b5ad85.colorPrimary_e0f40c56c6:hover,\n.kindPrimary_6946b5ad85.colorPrimary_e0f40c56c6:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_6946b5ad85.colorBrandActive_e6090869cb,\n.kindPrimary_6946b5ad85.colorBrand_21750dd28e:hover,\n.kindPrimary_6946b5ad85.colorBrand_21750dd28e:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_6946b5ad85.colorPositive_2033392364 {\n  background: var(--positive-color);\n}\n.kindPrimary_6946b5ad85.colorPositiveActive_56e129e2aa,\n.kindPrimary_6946b5ad85.colorPositive_2033392364:hover,\n.kindPrimary_6946b5ad85.colorPositive_2033392364:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_6946b5ad85.colorNegative_60852a2e65 {\n  background: var(--negative-color);\n}\n.kindPrimary_6946b5ad85.colorNegativeActive_56e129e2aa,\n.kindPrimary_6946b5ad85.colorNegative_60852a2e65:hover,\n.kindPrimary_6946b5ad85.colorNegative_60852a2e65:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_6946b5ad85.colorInverted_04a3cd3f2e {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_6946b5ad85.colorInvertedActive_56e129e2aa,\n.kindPrimary_6946b5ad85.colorInverted_04a3cd3f2e:hover,\n.kindPrimary_6946b5ad85.colorInverted_04a3cd3f2e:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_6946b5ad85.button_b56fffcfb6.colorInverted_04a3cd3f2e.disabled_ff18e3a109 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_6946b5ad85.colorOnPrimaryColorActive_b4f9f7204a,\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:hover,\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_6946b5ad85.colorOnPrimaryColorActive_b4f9f7204a:focus-visible, .kindPrimary_6946b5ad85.colorOnPrimaryColorActive_b4f9f7204a.focus-visible_c49ba4e3a8,\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:hover:focus-visible,\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:hover.focus-visible_c49ba4e3a8,\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:focus:focus-visible,\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:focus.focus-visible_c49ba4e3a8 {\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_6946b5ad85.colorOnPrimaryColorActive_b4f9f7204a:focus:not(.focus-visible_c49ba4e3a8),\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:hover:focus:not(.focus-visible_c49ba4e3a8),\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0:focus:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.kindPrimary_6946b5ad85.colorOnPrimaryColor_0ae1bdadb0.disabled_ff18e3a109 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_6946b5ad85.colorFixedLightActive_9380a41188,\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:hover,\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_6946b5ad85.colorFixedLightActive_9380a41188:focus-visible, .kindPrimary_6946b5ad85.colorFixedLightActive_9380a41188.focus-visible_c49ba4e3a8,\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:hover:focus-visible,\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:hover.focus-visible_c49ba4e3a8,\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:focus:focus-visible,\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:focus.focus-visible_c49ba4e3a8 {\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_6946b5ad85.colorFixedLightActive_9380a41188:focus:not(.focus-visible_c49ba4e3a8),\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:hover:focus:not(.focus-visible_c49ba4e3a8),\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd:focus:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.kindPrimary_6946b5ad85.colorFixedLight_bc3eb9adbd.disabled_ff18e3a109 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_6946b5ad85.colorOnInvertedBackground_2d13150607 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_6946b5ad85.colorOnInvertedBackgroundActive_e94d0f2f88,\n.kindPrimary_6946b5ad85.colorOnInvertedBackground_2d13150607:hover,\n.kindPrimary_6946b5ad85.colorOnInvertedBackground_2d13150607:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_6946b5ad85.button_b56fffcfb6.colorOnInvertedBackground_2d13150607.disabled_ff18e3a109 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_6946b5ad85.button_b56fffcfb6.disabled_ff18e3a109 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_db2fc5d4e8 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_db2fc5d4e8.sizeSmall_a7e7cd16c1 {\n  line-height: 22px;\n}\n.kindSecondary_db2fc5d4e8.sizeMedium_bfa9c8d811 {\n  line-height: 22px;\n}\n.kindSecondary_db2fc5d4e8.sizeLarge_42adedccb8 {\n  line-height: 22px;\n}\n.kindSecondary_db2fc5d4e8.colorPrimaryActive_781e49228f {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_db2fc5d4e8.colorPrimaryActive_781e49228f:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_db2fc5d4e8.colorBrandActive_e6090869cb {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_db2fc5d4e8.colorBrandActive_e6090869cb,\n.kindSecondary_db2fc5d4e8.colorBrandActive_e6090869cb:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_db2fc5d4e8.colorPrimary_e0f40c56c6:hover:not(.colorPrimaryActive_781e49228f),\n.kindSecondary_db2fc5d4e8.colorPrimary_e0f40c56c6:focus:not(.colorPrimaryActive_781e49228f) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_db2fc5d4e8.colorBrand_21750dd28e:hover:not(.colorBrandActive_e6090869cb),\n.kindSecondary_db2fc5d4e8.colorBrand_21750dd28e:focus:not(.colorBrandActive_e6090869cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_db2fc5d4e8.colorPositive_2033392364 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_db2fc5d4e8.colorPositiveActive_56e129e2aa,\n.kindSecondary_db2fc5d4e8.colorPositive_2033392364:hover,\n.kindSecondary_db2fc5d4e8.colorPositive_2033392364:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_db2fc5d4e8.colorNegative_60852a2e65 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_db2fc5d4e8.colorNegativeActive_56e129e2aa,\n.kindSecondary_db2fc5d4e8.colorNegative_60852a2e65:hover,\n.kindSecondary_db2fc5d4e8.colorNegative_60852a2e65:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_db2fc5d4e8.colorInverted_04a3cd3f2e {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_db2fc5d4e8.colorInvertedActive_56e129e2aa,\n.kindSecondary_db2fc5d4e8.colorInverted_04a3cd3f2e:hover,\n.kindSecondary_db2fc5d4e8.colorInverted_04a3cd3f2e:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_db2fc5d4e8.colorInverted_04a3cd3f2e.disabled_ff18e3a109 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColorActive_b4f9f7204a,\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:hover,\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColorActive_b4f9f7204a:focus-visible, .kindSecondary_db2fc5d4e8.colorOnPrimaryColorActive_b4f9f7204a.focus-visible_c49ba4e3a8,\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:hover:focus-visible,\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:hover.focus-visible_c49ba4e3a8,\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:focus:focus-visible,\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:focus.focus-visible_c49ba4e3a8 {\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_db2fc5d4e8.colorOnPrimaryColorActive_b4f9f7204a:focus:not(.focus-visible_c49ba4e3a8),\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:hover:focus:not(.focus-visible_c49ba4e3a8),\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0:focus:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.kindSecondary_db2fc5d4e8.colorOnPrimaryColor_0ae1bdadb0.disabled_ff18e3a109 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_db2fc5d4e8.colorFixedLightActive_9380a41188,\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:hover,\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_db2fc5d4e8.colorFixedLightActive_9380a41188:focus-visible, .kindSecondary_db2fc5d4e8.colorFixedLightActive_9380a41188.focus-visible_c49ba4e3a8,\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:hover:focus-visible,\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:hover.focus-visible_c49ba4e3a8,\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:focus:focus-visible,\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:focus.focus-visible_c49ba4e3a8 {\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_db2fc5d4e8.colorFixedLightActive_9380a41188:focus:not(.focus-visible_c49ba4e3a8),\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:hover:focus:not(.focus-visible_c49ba4e3a8),\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd:focus:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.kindSecondary_db2fc5d4e8.colorOnInvertedBackground_2d13150607 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_db2fc5d4e8.colorOnInvertedBackgroundActive_e94d0f2f88,\n.kindSecondary_db2fc5d4e8.colorOnInvertedBackground_2d13150607:hover,\n.kindSecondary_db2fc5d4e8.colorOnInvertedBackground_2d13150607:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_db2fc5d4e8.colorOnInvertedBackground_2d13150607.disabled_ff18e3a109 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_db2fc5d4e8.colorFixedLight_bc3eb9adbd.disabled_ff18e3a109 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_db2fc5d4e8.disabled_ff18e3a109 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_db2fc5d4e8.disabled_ff18e3a109:hover {\n  background-color: transparent;\n}\n.kindTertiary_c1e5e3e2d8 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_c1e5e3e2d8.colorPrimaryActive_781e49228f {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_c1e5e3e2d8.colorPrimaryActive_781e49228f:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_c1e5e3e2d8.colorBrandActive_e6090869cb {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_c1e5e3e2d8.colorBrandActive_e6090869cb,\n.kindTertiary_c1e5e3e2d8.colorBrandActive_e6090869cb:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_c1e5e3e2d8.colorPrimary_e0f40c56c6:hover:not(.colorPrimaryActive_781e49228f),\n.kindTertiary_c1e5e3e2d8.colorPrimary_e0f40c56c6:focus:not(.colorPrimaryActive_781e49228f) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_c1e5e3e2d8.colorBrand_21750dd28e:hover:not(.colorBrandActive_e6090869cb),\n.kindTertiary_c1e5e3e2d8.colorBrand_21750dd28e:focus:not(.colorBrandActive_e6090869cb) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_c1e5e3e2d8.colorPositive_2033392364 {\n  color: var(--positive-color);\n}\n.kindTertiary_c1e5e3e2d8.colorPositiveActive_56e129e2aa,\n.kindTertiary_c1e5e3e2d8.colorPositive_2033392364:hover,\n.kindTertiary_c1e5e3e2d8.colorPositive_2033392364:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_c1e5e3e2d8.colorNegative_60852a2e65 {\n  color: var(--negative-color);\n}\n.kindTertiary_c1e5e3e2d8.colorNegativeActive_56e129e2aa,\n.kindTertiary_c1e5e3e2d8.colorNegative_60852a2e65:hover,\n.kindTertiary_c1e5e3e2d8.colorNegative_60852a2e65:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_c1e5e3e2d8.colorInverted_04a3cd3f2e {\n  color: var(--primary-text-color);\n}\n.kindTertiary_c1e5e3e2d8.colorInvertedActive_56e129e2aa,\n.kindTertiary_c1e5e3e2d8.colorInverted_04a3cd3f2e:hover,\n.kindTertiary_c1e5e3e2d8.colorInverted_04a3cd3f2e:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_c1e5e3e2d8.colorInverted_04a3cd3f2e.disabled_ff18e3a109 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColorActive_b4f9f7204a,\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:hover,\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColorActive_b4f9f7204a:focus-visible, .kindTertiary_c1e5e3e2d8.colorOnPrimaryColorActive_b4f9f7204a.focus-visible_c49ba4e3a8,\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:hover:focus-visible,\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:hover.focus-visible_c49ba4e3a8,\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:focus:focus-visible,\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:focus.focus-visible_c49ba4e3a8 {\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_c1e5e3e2d8.colorOnPrimaryColorActive_b4f9f7204a:focus:not(.focus-visible_c49ba4e3a8),\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:hover:focus:not(.focus-visible_c49ba4e3a8),\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0:focus:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.kindTertiary_c1e5e3e2d8.colorOnPrimaryColor_0ae1bdadb0.disabled_ff18e3a109 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_c1e5e3e2d8.colorFixedLightActive_9380a41188,\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:hover,\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_c1e5e3e2d8.colorFixedLightActive_9380a41188:focus-visible, .kindTertiary_c1e5e3e2d8.colorFixedLightActive_9380a41188.focus-visible_c49ba4e3a8,\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:hover:focus-visible,\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:hover.focus-visible_c49ba4e3a8,\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:focus:focus-visible,\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:focus.focus-visible_c49ba4e3a8 {\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_c1e5e3e2d8.colorFixedLightActive_9380a41188:focus:not(.focus-visible_c49ba4e3a8),\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:hover:focus:not(.focus-visible_c49ba4e3a8),\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd:focus:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.kindTertiary_c1e5e3e2d8.colorFixedLight_bc3eb9adbd.disabled_ff18e3a109 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_c1e5e3e2d8.colorOnInvertedBackground_2d13150607 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_c1e5e3e2d8.colorOnInvertedBackgroundActive_e94d0f2f88,\n.kindTertiary_c1e5e3e2d8.colorOnInvertedBackground_2d13150607:hover,\n.kindTertiary_c1e5e3e2d8.colorOnInvertedBackground_2d13150607:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_c1e5e3e2d8.colorOnInvertedBackground_2d13150607.disabled_ff18e3a109 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_c1e5e3e2d8.disabled_ff18e3a109 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_c1e5e3e2d8.disabled_ff18e3a109:hover {\n  background-color: transparent;\n}\n.noSidePadding_500d7c69d2 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_b56fffcfb6.insetFocusStyle_1ad9cb6361:focus-visible, .button_b56fffcfb6.insetFocusStyle_1ad9cb6361.focus-visible_c49ba4e3a8 {\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_b56fffcfb6.insetFocusStyle_1ad9cb6361:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_230777ee91","focus-visible":"focus-visible_16c0de53d9",loader:"loader_7da0dc9097",loaderSvg:"loaderSvg_8a73ef07f0",textPlaceholder:"textPlaceholder_599b32f351",success:"success_1aa180e5f7",successContent:"successContent_27615c74cb",marginRight:"marginRight_b6ef56805d",marginLeft:"marginLeft_feb286ce63",rightFlat:"rightFlat_76f864572c",leftFlat:"leftFlat_4658e9d3a4",preventClickAnimation:"preventClickAnimation_2afa9f21d6",leftIcon:"leftIcon_b6ef56805d",rightIcon:"rightIcon_feb286ce63",sizeXxs:"sizeXxs_20fe0d640a",sizeXs:"sizeXs_76832d97fa",sizeSmall:"sizeSmall_478a528dd6",sizeMedium:"sizeMedium_df736fc245",sizeLarge:"sizeLarge_9be999326c",kindPrimary:"kindPrimary_087c3fbae9",colorPrimary:"colorPrimary_43fc6495fc",colorBrand:"colorBrand_0596adff32",colorPrimaryActive:"colorPrimaryActive_21d6a80d27",colorBrandActive:"colorBrandActive_d1406e8774",colorPositive:"colorPositive_fec1611c9c",colorPositiveActive:"colorPositiveActive_a726ef94da",colorNegative:"colorNegative_e8c2edf255",colorNegativeActive:"colorNegativeActive_a726ef94da",colorInverted:"colorInverted_334a931727",colorInvertedActive:"colorInvertedActive_a726ef94da",disabled:"disabled_c644254bbf",colorOnPrimaryColor:"colorOnPrimaryColor_93ee586f51",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_2c19dcb4a1",colorFixedLight:"colorFixedLight_e0914128c6",colorFixedLightActive:"colorFixedLightActive_2afa9f21d6",colorOnInvertedBackground:"colorOnInvertedBackground_096d636c73",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_82793e2a54",kindSecondary:"kindSecondary_daf9b4a6a7",kindTertiary:"kindTertiary_0ee399c0a5",noSidePadding:"noSidePadding_e62f7f2707",insetFocusStyle:"insetFocusStyle_f13fa3b403"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],e="s_id-cc4fb503a885_3_0_0-alpha_5";if(r.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(o))}(".button_230777ee91 {\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_230777ee91:focus-visible, .button_230777ee91.focus-visible_16c0de53d9 {\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_230777ee91:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.button_230777ee91 .loader_7da0dc9097 {\n  height: 100%;\n}\n.button_230777ee91 .loader_7da0dc9097 .loaderSvg_8a73ef07f0 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_230777ee91 .textPlaceholder_599b32f351 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_230777ee91.success_1aa180e5f7 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_230777ee91.success_1aa180e5f7 .successContent_27615c74cb {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_b6ef56805d {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_feb286ce63 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_76f864572c {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_4658e9d3a4 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_230777ee91:active:not(.preventClickAnimation_2afa9f21d6) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_230777ee91 .leftIcon_b6ef56805d {\n  margin-right: var(--spacing-small);\n}\n.button_230777ee91 .rightIcon_feb286ce63 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_20fe0d640a {\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_76832d97fa {\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_478a528dd6 {\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_478a528dd6 .loader_7da0dc9097 {\n  top: 7px;\n}\n.sizeMedium_df736fc245 {\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_9be999326c {\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_087c3fbae9 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_087c3fbae9.colorPrimary_43fc6495fc {\n  background: var(--primary-color);\n}\n.kindPrimary_087c3fbae9.colorBrand_0596adff32 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_087c3fbae9.colorPrimaryActive_21d6a80d27,\n.kindPrimary_087c3fbae9.colorPrimary_43fc6495fc:hover,\n.kindPrimary_087c3fbae9.colorPrimary_43fc6495fc:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_087c3fbae9.colorBrandActive_d1406e8774,\n.kindPrimary_087c3fbae9.colorBrand_0596adff32:hover,\n.kindPrimary_087c3fbae9.colorBrand_0596adff32:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_087c3fbae9.colorPositive_fec1611c9c {\n  background: var(--positive-color);\n}\n.kindPrimary_087c3fbae9.colorPositiveActive_a726ef94da,\n.kindPrimary_087c3fbae9.colorPositive_fec1611c9c:hover,\n.kindPrimary_087c3fbae9.colorPositive_fec1611c9c:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_087c3fbae9.colorNegative_e8c2edf255 {\n  background: var(--negative-color);\n}\n.kindPrimary_087c3fbae9.colorNegativeActive_a726ef94da,\n.kindPrimary_087c3fbae9.colorNegative_e8c2edf255:hover,\n.kindPrimary_087c3fbae9.colorNegative_e8c2edf255:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_087c3fbae9.colorInverted_334a931727 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_087c3fbae9.colorInvertedActive_a726ef94da,\n.kindPrimary_087c3fbae9.colorInverted_334a931727:hover,\n.kindPrimary_087c3fbae9.colorInverted_334a931727:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_087c3fbae9.button_230777ee91.colorInverted_334a931727.disabled_c644254bbf {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_087c3fbae9.colorOnPrimaryColorActive_2c19dcb4a1,\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:hover,\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_087c3fbae9.colorOnPrimaryColorActive_2c19dcb4a1:focus-visible, .kindPrimary_087c3fbae9.colorOnPrimaryColorActive_2c19dcb4a1.focus-visible_16c0de53d9,\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:hover:focus-visible,\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:hover.focus-visible_16c0de53d9,\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:focus:focus-visible,\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:focus.focus-visible_16c0de53d9 {\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_087c3fbae9.colorOnPrimaryColorActive_2c19dcb4a1:focus:not(.focus-visible_16c0de53d9),\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:hover:focus:not(.focus-visible_16c0de53d9),\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51:focus:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.kindPrimary_087c3fbae9.colorOnPrimaryColor_93ee586f51.disabled_c644254bbf {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_087c3fbae9.colorFixedLightActive_2afa9f21d6,\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:hover,\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_087c3fbae9.colorFixedLightActive_2afa9f21d6:focus-visible, .kindPrimary_087c3fbae9.colorFixedLightActive_2afa9f21d6.focus-visible_16c0de53d9,\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:hover:focus-visible,\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:hover.focus-visible_16c0de53d9,\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:focus:focus-visible,\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:focus.focus-visible_16c0de53d9 {\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_087c3fbae9.colorFixedLightActive_2afa9f21d6:focus:not(.focus-visible_16c0de53d9),\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:hover:focus:not(.focus-visible_16c0de53d9),\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6:focus:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.kindPrimary_087c3fbae9.colorFixedLight_e0914128c6.disabled_c644254bbf {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_087c3fbae9.colorOnInvertedBackground_096d636c73 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_087c3fbae9.colorOnInvertedBackgroundActive_82793e2a54,\n.kindPrimary_087c3fbae9.colorOnInvertedBackground_096d636c73:hover,\n.kindPrimary_087c3fbae9.colorOnInvertedBackground_096d636c73:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_087c3fbae9.button_230777ee91.colorOnInvertedBackground_096d636c73.disabled_c644254bbf {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_087c3fbae9.button_230777ee91.disabled_c644254bbf {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_daf9b4a6a7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_daf9b4a6a7.sizeSmall_478a528dd6 {\n  line-height: 22px;\n}\n.kindSecondary_daf9b4a6a7.sizeMedium_df736fc245 {\n  line-height: 22px;\n}\n.kindSecondary_daf9b4a6a7.sizeLarge_9be999326c {\n  line-height: 22px;\n}\n.kindSecondary_daf9b4a6a7.colorPrimaryActive_21d6a80d27 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_daf9b4a6a7.colorPrimaryActive_21d6a80d27:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_daf9b4a6a7.colorBrandActive_d1406e8774 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_daf9b4a6a7.colorBrandActive_d1406e8774,\n.kindSecondary_daf9b4a6a7.colorBrandActive_d1406e8774:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_daf9b4a6a7.colorPrimary_43fc6495fc:hover:not(.colorPrimaryActive_21d6a80d27),\n.kindSecondary_daf9b4a6a7.colorPrimary_43fc6495fc:focus:not(.colorPrimaryActive_21d6a80d27) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_daf9b4a6a7.colorBrand_0596adff32:hover:not(.colorBrandActive_d1406e8774),\n.kindSecondary_daf9b4a6a7.colorBrand_0596adff32:focus:not(.colorBrandActive_d1406e8774) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_daf9b4a6a7.colorPositive_fec1611c9c {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_daf9b4a6a7.colorPositiveActive_a726ef94da,\n.kindSecondary_daf9b4a6a7.colorPositive_fec1611c9c:hover,\n.kindSecondary_daf9b4a6a7.colorPositive_fec1611c9c:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_daf9b4a6a7.colorNegative_e8c2edf255 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_daf9b4a6a7.colorNegativeActive_a726ef94da,\n.kindSecondary_daf9b4a6a7.colorNegative_e8c2edf255:hover,\n.kindSecondary_daf9b4a6a7.colorNegative_e8c2edf255:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_daf9b4a6a7.colorInverted_334a931727 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_daf9b4a6a7.colorInvertedActive_a726ef94da,\n.kindSecondary_daf9b4a6a7.colorInverted_334a931727:hover,\n.kindSecondary_daf9b4a6a7.colorInverted_334a931727:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_daf9b4a6a7.colorInverted_334a931727.disabled_c644254bbf {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColorActive_2c19dcb4a1,\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:hover,\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColorActive_2c19dcb4a1:focus-visible, .kindSecondary_daf9b4a6a7.colorOnPrimaryColorActive_2c19dcb4a1.focus-visible_16c0de53d9,\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:hover:focus-visible,\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:hover.focus-visible_16c0de53d9,\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:focus:focus-visible,\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:focus.focus-visible_16c0de53d9 {\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_daf9b4a6a7.colorOnPrimaryColorActive_2c19dcb4a1:focus:not(.focus-visible_16c0de53d9),\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:hover:focus:not(.focus-visible_16c0de53d9),\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51:focus:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.kindSecondary_daf9b4a6a7.colorOnPrimaryColor_93ee586f51.disabled_c644254bbf {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_daf9b4a6a7.colorFixedLightActive_2afa9f21d6,\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:hover,\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_daf9b4a6a7.colorFixedLightActive_2afa9f21d6:focus-visible, .kindSecondary_daf9b4a6a7.colorFixedLightActive_2afa9f21d6.focus-visible_16c0de53d9,\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:hover:focus-visible,\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:hover.focus-visible_16c0de53d9,\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:focus:focus-visible,\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:focus.focus-visible_16c0de53d9 {\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_daf9b4a6a7.colorFixedLightActive_2afa9f21d6:focus:not(.focus-visible_16c0de53d9),\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:hover:focus:not(.focus-visible_16c0de53d9),\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6:focus:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.kindSecondary_daf9b4a6a7.colorOnInvertedBackground_096d636c73 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_daf9b4a6a7.colorOnInvertedBackgroundActive_82793e2a54,\n.kindSecondary_daf9b4a6a7.colorOnInvertedBackground_096d636c73:hover,\n.kindSecondary_daf9b4a6a7.colorOnInvertedBackground_096d636c73:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_daf9b4a6a7.colorOnInvertedBackground_096d636c73.disabled_c644254bbf {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_daf9b4a6a7.colorFixedLight_e0914128c6.disabled_c644254bbf {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_daf9b4a6a7.disabled_c644254bbf {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_daf9b4a6a7.disabled_c644254bbf:hover {\n  background-color: transparent;\n}\n.kindTertiary_0ee399c0a5 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_0ee399c0a5.colorPrimaryActive_21d6a80d27 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_0ee399c0a5.colorPrimaryActive_21d6a80d27:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_0ee399c0a5.colorBrandActive_d1406e8774 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_0ee399c0a5.colorBrandActive_d1406e8774,\n.kindTertiary_0ee399c0a5.colorBrandActive_d1406e8774:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_0ee399c0a5.colorPrimary_43fc6495fc:hover:not(.colorPrimaryActive_21d6a80d27),\n.kindTertiary_0ee399c0a5.colorPrimary_43fc6495fc:focus:not(.colorPrimaryActive_21d6a80d27) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_0ee399c0a5.colorBrand_0596adff32:hover:not(.colorBrandActive_d1406e8774),\n.kindTertiary_0ee399c0a5.colorBrand_0596adff32:focus:not(.colorBrandActive_d1406e8774) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_0ee399c0a5.colorPositive_fec1611c9c {\n  color: var(--positive-color);\n}\n.kindTertiary_0ee399c0a5.colorPositiveActive_a726ef94da,\n.kindTertiary_0ee399c0a5.colorPositive_fec1611c9c:hover,\n.kindTertiary_0ee399c0a5.colorPositive_fec1611c9c:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_0ee399c0a5.colorNegative_e8c2edf255 {\n  color: var(--negative-color);\n}\n.kindTertiary_0ee399c0a5.colorNegativeActive_a726ef94da,\n.kindTertiary_0ee399c0a5.colorNegative_e8c2edf255:hover,\n.kindTertiary_0ee399c0a5.colorNegative_e8c2edf255:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_0ee399c0a5.colorInverted_334a931727 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_0ee399c0a5.colorInvertedActive_a726ef94da,\n.kindTertiary_0ee399c0a5.colorInverted_334a931727:hover,\n.kindTertiary_0ee399c0a5.colorInverted_334a931727:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_0ee399c0a5.colorInverted_334a931727.disabled_c644254bbf {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_0ee399c0a5.colorOnPrimaryColorActive_2c19dcb4a1,\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:hover,\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_0ee399c0a5.colorOnPrimaryColorActive_2c19dcb4a1:focus-visible, .kindTertiary_0ee399c0a5.colorOnPrimaryColorActive_2c19dcb4a1.focus-visible_16c0de53d9,\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:hover:focus-visible,\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:hover.focus-visible_16c0de53d9,\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:focus:focus-visible,\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:focus.focus-visible_16c0de53d9 {\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_0ee399c0a5.colorOnPrimaryColorActive_2c19dcb4a1:focus:not(.focus-visible_16c0de53d9),\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:hover:focus:not(.focus-visible_16c0de53d9),\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51:focus:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.kindTertiary_0ee399c0a5.colorOnPrimaryColor_93ee586f51.disabled_c644254bbf {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_0ee399c0a5.colorFixedLightActive_2afa9f21d6,\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:hover,\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_0ee399c0a5.colorFixedLightActive_2afa9f21d6:focus-visible, .kindTertiary_0ee399c0a5.colorFixedLightActive_2afa9f21d6.focus-visible_16c0de53d9,\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:hover:focus-visible,\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:hover.focus-visible_16c0de53d9,\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:focus:focus-visible,\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:focus.focus-visible_16c0de53d9 {\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_0ee399c0a5.colorFixedLightActive_2afa9f21d6:focus:not(.focus-visible_16c0de53d9),\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:hover:focus:not(.focus-visible_16c0de53d9),\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6:focus:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.kindTertiary_0ee399c0a5.colorFixedLight_e0914128c6.disabled_c644254bbf {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_0ee399c0a5.colorOnInvertedBackground_096d636c73 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_0ee399c0a5.colorOnInvertedBackgroundActive_82793e2a54,\n.kindTertiary_0ee399c0a5.colorOnInvertedBackground_096d636c73:hover,\n.kindTertiary_0ee399c0a5.colorOnInvertedBackground_096d636c73:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_0ee399c0a5.colorOnInvertedBackground_096d636c73.disabled_c644254bbf {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_0ee399c0a5.disabled_c644254bbf {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_0ee399c0a5.disabled_c644254bbf:hover {\n  background-color: transparent;\n}\n.noSidePadding_e62f7f2707 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_230777ee91.insetFocusStyle_f13fa3b403:focus-visible, .button_230777ee91.insetFocusStyle_f13fa3b403.focus-visible_16c0de53d9 {\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_230777ee91.insetFocusStyle_f13fa3b403:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_139737d7be",subTextContainer:"subTextContainer_e1b5fefee5",buttonsContainer:"buttonsContainer_5dca52ad0a",button:"button_874a6b824d",activeButton:"activeButton_9a5420e89c",optionText:"optionText_3f3dd22b07",disabled:"disabled_e14fa7a861",selected:"selected_6e49109be9",kindTertiary:"kindTertiary_337960777a",wrapper:"wrapper_cca2b00b96",buttonDisabled:"buttonDisabled_321aa9bfb8",fullWidth:"fullWidth_38a1557fc2"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-d90954a39e96_3_0_0-alpha_3";if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}(".buttonGroup_139737d7be {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_e1b5fefee5 {\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_5dca52ad0a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_5dca52ad0a .button_874a6b824d {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_5dca52ad0a .button_874a6b824d.activeButton_9a5420e89c {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_5dca52ad0a .button_874a6b824d.activeButton_9a5420e89c:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_3f3dd22b07:not(.disabled_e14fa7a861) {\n  color: var(--primary-text-color);\n}\n\n.optionText_3f3dd22b07:not(.disabled_e14fa7a861).selected_6e49109be9 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_337960777a .button_874a6b824d {\n  border-color: transparent;\n}\n\n.kindTertiary_337960777a .button_874a6b824d:first-child {\n  border-color: transparent;\n}\n\n.wrapper_cca2b00b96.disabled_e14fa7a861 {\n  cursor: not-allowed;\n}\n\n.button_874a6b824d.disabled_e14fa7a861 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_874a6b824d.buttonDisabled_321aa9bfb8 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_38a1557fc2 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_bd2c9bc3d3",subTextContainer:"subTextContainer_ab3a4dda11",buttonsContainer:"buttonsContainer_d161bd1f27",button:"button_3a6b8113a8",activeButton:"activeButton_48c3fee8b4",optionText:"optionText_ee2429c434",disabled:"disabled_394acc2736",selected:"selected_f9ceb0c865",kindTertiary:"kindTertiary_00910bc34e",wrapper:"wrapper_d013e960ad",buttonDisabled:"buttonDisabled_51c2f8a648",fullWidth:"fullWidth_53b545bf76"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],t="s_id-d90954a39e96_3_0_0-alpha_5";if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}(".buttonGroup_bd2c9bc3d3 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_ab3a4dda11 {\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_d161bd1f27 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_d161bd1f27 .button_3a6b8113a8 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_d161bd1f27 .button_3a6b8113a8.activeButton_48c3fee8b4 {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_d161bd1f27 .button_3a6b8113a8.activeButton_48c3fee8b4:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_ee2429c434:not(.disabled_394acc2736) {\n  color: var(--primary-text-color);\n}\n\n.optionText_ee2429c434:not(.disabled_394acc2736).selected_f9ceb0c865 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_00910bc34e .button_3a6b8113a8 {\n  border-color: transparent;\n}\n\n.kindTertiary_00910bc34e .button_3a6b8113a8:first-child {\n  border-color: transparent;\n}\n\n.wrapper_d013e960ad.disabled_394acc2736 {\n  cursor: not-allowed;\n}\n\n.button_3a6b8113a8.disabled_394acc2736 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_3a6b8113a8.buttonDisabled_51c2f8a648 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_53b545bf76 {\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 n,useEffect as r,useMemo as s}from"react";import{isNil as i,noop as c}from"lodash-es";import l from"../Icon/Icon.js";import m from"../Icon/Icons/components/Check.js";import d from"../Icon/Icons/components/Remove.js";import{useSupportFirefoxLabelClick as u}from"./hooks/useSupportFirefoxLabelClick.js";import p from"../../hooks/useMergeRef.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as C}from"../../tests/constants.js";import b from"../Text/Text.js";import h from"./Checkbox.module.scss.js";var k=a((function(a,k){var v=a.className,x=a.checkboxClassName,E=a.labelClassName,j=a.ariaLabel,I=a.label,N=a.ariaLabelledBy,y=a.onChange,F=void 0===y?c:y,g=a.checked,B=a.autoFocus,w=a.indeterminate,H=void 0!==w&&w,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=p(k,_),U=o(null),D=n((function(){var e=_.current;e&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){e.blur()}))}))}),[_]),G=O;i(G)&&i(g)&&(G=!1),r((function(){_.current&&(_.current.indeterminate=H)}),[_,H]);var J=u({inputRef:_}).onClickCapture,P=s((function(){return j||("string"==typeof I?I:"")}),[j,I]);return t.createElement("label",{className:e(h.wrapper,v),onMouseUp:D,"data-testid":M||f(C.CHECKBOX,q),htmlFor:q,onClickCapture:J},t.createElement("input",{ref:z,id:q,className:h.input,value:R,name:T,type:"checkbox",autoFocus:B,onChange:F,defaultChecked:G,disabled:K,"aria-label":P,"aria-labelledby":N,checked:g,tabIndex:X}),t.createElement("div",{className:e(h.checkbox,x),ref:U,"data-testid":f(C.CHECKBOX_CHECKBOX,q)},t.createElement(l,{className:h.icon,iconType:"svg",icon:H?d:m,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===I?null:t.createElement(b,{element:"span",type:"text2",className:e(h.label,E),"data-testid":f(C.CHECKBOX_LABEL,q)},I))}));export{k as default};
+import t from"classnames";import e,{forwardRef as o,useRef as i,useCallback as r,useEffect as s,useMemo as a}from"react";import{isNil as n,noop as c}from"lodash-es";import m from"../Icon/Icon.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import d from"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import l from"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{useSupportFirefoxLabelClick as p}from"./hooks/useSupportFirefoxLabelClick.js";import u from"../../hooks/useMergeRef.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import C from"../Text/Text.js";import h from"./Checkbox.module.scss.js";var v=o((function(o,v){var b=o.className,g=o.checkboxClassName,k=o.labelClassName,w=o.ariaLabel,x=o.label,N=o.ariaLabelledBy,E=o.onChange,S=void 0===E?c:E,A=o.checked,y=o.autoFocus,F=o.indeterminate,L=void 0!==F&&F,B=o.disabled,I=void 0!==B&&B,R=o.defaultChecked,D=o.tabIndex,H=o.value,M=void 0===H?"":H,K=o.name,O=void 0===K?"":K,X=o.id,_=o["data-testid"],T=i(null),q=u(v,T),U=i(null),z=r((function(){var t=T.current;t&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){t.blur()}))}))}),[T]),W=R;n(W)&&n(A)&&(W=!1),s((function(){T.current&&(T.current.indeterminate=L)}),[T,L]);var G=p({inputRef:T}).onClickCapture,J=a((function(){return w||("string"==typeof x?x:"")}),[w,x]);return e.createElement("label",{className:t(h.wrapper,b),onMouseUp:z,"data-testid":_||f(j.CHECKBOX,X),htmlFor:X,onClickCapture:G},e.createElement("input",{ref:q,id:X,className:h.input,value:M,name:O,type:"checkbox",autoFocus:y,onChange:S,defaultChecked:W,disabled:I,"aria-label":J,"aria-labelledby":N,checked:A,tabIndex:D}),e.createElement("div",{className:t(h.checkbox,g),ref:U,"data-testid":f(j.CHECKBOX_CHECKBOX,X)},e.createElement(m,{className:h.icon,iconType:"svg",icon:L?l:d,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===x?null:e.createElement(C,{element:"span",type:"text2",className:t(h.label,k),"data-testid":f(j.CHECKBOX_LABEL,X)},x))}));export{v as default};
 //# 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~~ ~~from \"../Icon/Icons/components/~~Check~~\";\nimport~~ Remove from \"~~../Icon~~/~~Icons/components/Remove~~\";\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":"~~mmBAiDMA~~,IAAAA,EAA2DC,GAC/D,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,gBACQsB,EAAUC,EAAuBK,kBAAmBlC,IAEjEsB,EAAAC,cAACY,EAAI,CACHxD,UAAW8C,EAAOW,KAClBC,SAAS,MACTD,KAAM7C,EAAgB+C,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV3D,EAAkB,KACjBuC,gBAACqB,EAAI,CACHC,QAAQ,OACRZ,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBgB,eAAgB7C,IAE7DjB,GAKX"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { isNil, noop as NOOP } from \"lodash-es\";\nimport Icon from \"../Icon/Icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /** A classname to be added to the wrapping element /\n className?: string;\n /* A classname to be added to the checkbox element label /\n checkboxClassName?: string;\n /* A classname to be added to the label element /\n labelClassName?: string;\n /* A11y prop to describe the content for screen readers /\n ariaLabel?: string;\n /* The content to be rendered within the option /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /* A11y prop - An Id of an element which describes this option /\n ariaLabelledBy?: string;\n /* callback function when the value changes /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /* Use this when you want to control the component, this will set the state of the component /\n checked?: boolean;\n /* An in between state to display a non selected /\n indeterminate?: boolean;\n /* is autoFocus /\n autoFocus?: boolean;\n /* Set the option to be disabled /\n disabled?: boolean;\n /* the default value which the checkbox will start from /\n defaultChecked?: boolean;\n /* The input control's value. When specified in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object's value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, and hidden.l /\n value?: string;\n /* A string specifying a name for the input control. This name is submitted along with the control's value when the form data is submitted. /\n name?: string;\n /* An id to be added the input element /\n id?: string;\n /* Specifies the tab order of the input element */\n tabIndex?: number;\n}\n\nconst Checkbox: VibeComponent<CheckBoxProps, HTMLInputElement> = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","onMouseUp","getTestId","ComponentDefaultTestId","CHECKBOX","htmlFor","type","checkbox","CHECKBOX_CHECKBOX","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","Text","element","CHECKBOX_LABEL"],"mappings":"ghDAgDMA,IAAAA,EAA2DC,GAC/D,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GACeC,EAAUxB,EAAzB,eAIIyB,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY3B,EAAKwB,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBpB,EAIzBqB,EAAMD,IAA2BC,EAAM3B,KACzC0B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQnB,cAAgBA,EAErC,GAAG,CAACW,EAAUX,IAEd,IAAwB0B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIvC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAEEuC,EAAAC,cAAA,QAAA,CACE5C,UAAW6C,EAAGC,EAAOC,QAAS/C,GAC9BgD,UAAWpB,EACE,cAAAN,GAAc2B,EAAUC,EAAuBC,SAAU9B,GACtE+B,QAAS/B,EACTmB,eAAgBF,GAEhBK,EACEC,cAAA,QAAA,CAAA7C,IAAK0B,EACLJ,GAAIA,EACJrB,UAAW8C,EAAOhB,MAClBZ,MAAOA,EACPE,KAAMA,EACNiC,KAAK,WACL3C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBoB,EAChBrB,SAAUA,EACE,aAAA2B,EACK,kBAAApC,EACjBI,QAASA,EACTO,SAAUA,IAEZ2B,EACEC,cAAA,MAAA,CAAA5C,UAAW6C,EAAGC,EAAOQ,SAAUrD,GAC/BF,IAAK4B,gBACQsB,EAAUC,EAAuBK,kBAAmBlC,IAEjEsB,EAAAC,cAACY,EAAI,CACHxD,UAAW8C,EAAOW,KAClBC,SAAS,MACTD,KAAM7C,EAAgB+C,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV3D,EAAkB,KACjBuC,gBAACqB,EAAI,CACHC,QAAQ,OACRZ,KAAK,QACLrD,UAAW6C,EAAGC,EAAO1C,MAAOF,GAAe,cAC9B+C,EAAUC,EAAuBgB,eAAgB7C,IAE7DjB,GAKX"}

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

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

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

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