npm - @vibe/core - Versions diffs - 3.0.0-alpha.14 → 3.0.0-alpha.16 - Mend

@vibe/core 3.0.0-alpha.14 → 3.0.0-alpha.16

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

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

@@ -1,2 +1,2 @@
-var n={box:"box_bea0228b1a",scrollable:"scrollable_c2cc778c8a",opacityDisabled:"opacityDisabled_0f3974e63b",border:"border_b40be98d3d",borderColorUiBorderColor:"borderColorUiBorderColor_7ac38f6f52",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_a10dcdbf41",rounded0:"rounded0_0f0b85dc78",roundedSmall:"roundedSmall_852299fda1",roundedMedium:"roundedMedium_c658fdee40",roundedBig:"roundedBig_1344bd4bfd",shadowXs:"shadowXs_03edb3c9ed",shadowSmall:"shadowSmall_f9fb10bbe1",shadowMedium:"shadowMedium_0cc91d432d",shadowLarge:"shadowLarge_7d129b485c",m0:"m0_7c41e71979",mXs:"mXs_ad924139a6",mSmall:"mSmall_17786fee5c",mMedium:"mMedium_3908251b8d",mLarge:"mLarge_275ad541c8",mXl:"mXl_d1509a4ccf",mXxl:"mXxl_c1e6d243d2",mXxxl:"mXxxl_b5780fc344",mAuto:"mAuto_b6c04dd880",mx0:"mx0_fcdd4ccfd7",mxXs:"mxXs_d22197d737",mxSmall:"mxSmall_aa0ee9bfcf",mxMedium:"mxMedium_819149a67e",mxLarge:"mxLarge_dca47e6bef",mxXl:"mxXl_1fa02ae558",mxXxl:"mxXxl_135d6e7443",mxXxxl:"mxXxxl_dcd9beb195",mxAuto:"mxAuto_ca19e0f69d",my0:"my0_d1b8fdefc2",myXs:"myXs_edecb6da27",mySmall:"mySmall_b3d11ac0cf",myMedium:"myMedium_ab7f726201",myLarge:"myLarge_39ae1da57a",myXl:"myXl_cf9815de35",myXxl:"myXxl_1e577c3659",myXxxl:"myXxxl_ce90decf3a",myAuto:"myAuto_304ddec2a9",mt0:"mt0_45ced5d8d1",mtXs:"mtXs_2662262424",mtSmall:"mtSmall_306419817c",mtMedium:"mtMedium_8810052133",mtLarge:"mtLarge_1f206378ec",mtXl:"mtXl_ecd2367c68",mtXxl:"mtXxl_eead44ad55",mtXxxl:"mtXxxl_c41e7bc3e6",mtAuto:"mtAuto_a45c3f23fd",me0:"me0_2f5b6d2f4d",meXs:"meXs_e1ddbd97e5",meSmall:"meSmall_c72e3013b6",meMedium:"meMedium_7a9a8fa10e",meLarge:"meLarge_dd0457b2b7",meXl:"meXl_0adcdac329",meXxl:"meXxl_285b9e14de",meXxxl:"meXxxl_dc3e5d1132",meAuto:"meAuto_7f812671b9",mb0:"mb0_0fd098ece6",mbXs:"mbXs_ef6a2e194a",mbSmall:"mbSmall_aca251ac62",mbMedium:"mbMedium_976d06c459",mbLarge:"mbLarge_abb03a26a3",mbXl:"mbXl_0681794af3",mbXxl:"mbXxl_a1a760b2e7",mbXxxl:"mbXxxl_14373daaa9",mbAuto:"mbAuto_45ba01bd89",ms0:"ms0_b489d67d8e",msXs:"msXs_322efdf827",msSmall:"msSmall_d59702c200",msMedium:"msMedium_cc8b1c0e52",msLarge:"msLarge_f48f01f500",msXl:"msXl_e6c97fb404",msXxl:"msXxl_0f7aa766f7",msXxxl:"msXxxl_16383df0ef",msAuto:"msAuto_3d34b44c04",p0:"p0_cb313c408d",pXs:"pXs_af4f2fb8dd",pSmall:"pSmall_caeb527484",pMedium:"pMedium_f40acf4c5a",pLarge:"pLarge_3c17a8b89f",pXl:"pXl_9e9408b686",pXxl:"pXxl_ef0b389248",pXxxl:"pXxxl_366bc77083",px0:"px0_68eb986c2a",pxXs:"pxXs_9846ab7c91",pxSmall:"pxSmall_30f6774b6d",pxMedium:"pxMedium_3aa8157e76",pxLarge:"pxLarge_08721293fb",pxXl:"pxXl_9ee20aa3ad",pxXxl:"pxXxl_fef1fbc35e",pxXxxl:"pxXxxl_d038501151",py0:"py0_6dea3c74ba",pyXs:"pyXs_05e03f6ddf",pySmall:"pySmall_c30bac326f",pyMedium:"pyMedium_2195aa0efb",pyLarge:"pyLarge_e0fed87255",pyXl:"pyXl_0c81b45255",pyXxl:"pyXxl_bdd04ee117",pyXxxl:"pyXxxl_9ee2892bd2",pt0:"pt0_910418ae53",ptXs:"ptXs_2270f4f000",ptSmall:"ptSmall_f1585d6221",ptMedium:"ptMedium_e69cd26011",ptLarge:"ptLarge_d9f1d4a24c",ptXl:"ptXl_db55c0a57a",ptXxl:"ptXxl_0a86befe9b",ptXxxl:"ptXxxl_f0e2721b79",pe0:"pe0_45ed00647c",peXs:"peXs_5549d91455",peSmall:"peSmall_958c9dac52",peMedium:"peMedium_a4970c4360",peLarge:"peLarge_1a1ea52b1e",peXl:"peXl_93043da66b",peXxl:"peXxl_cbe0f88813",peXxxl:"peXxxl_a7ef86fd40",pb0:"pb0_cc9573e405",pbXs:"pbXs_0138c8b267",pbSmall:"pbSmall_78e9ea9571",pbMedium:"pbMedium_1c78e1ca7e",pbLarge:"pbLarge_c2a778ff22",pbXl:"pbXl_87cb13d3c8",pbXxl:"pbXxl_ff8d7153e2",pbXxxl:"pbXxxl_14dc805ebb",ps0:"ps0_38c7504829",psXs:"psXs_9a47b0726b",psSmall:"psSmall_75f42b00da",psMedium:"psMedium_9e19dc45ee",psLarge:"psLarge_eb3d416731",psXl:"psXl_5fd3cf124c",psXxl:"psXxl_e58a2d0b3a",psXxxl:"psXxxl_23d929da5c",textPrimaryTextColor:"textPrimaryTextColor_7cdb833f02",textTextColorOnInverted:"textTextColorOnInverted_a499fadee6",textSecondaryTextColor:"textSecondaryTextColor_133b41508e",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_200d3515f6",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_2ca55dfedc",bgGreyBackgroundColor:"bgGreyBackgroundColor_d305e3208a",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_3943bc7a5b",bgInvertedColorBackground:"bgInvertedColorBackground_63345174e7"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_13";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_bea0228b1a {\n  overflow: hidden;\n}\n.box_bea0228b1a.scrollable_c2cc778c8a {\n  overflow: auto;\n}\n.box_bea0228b1a.scrollable_c2cc778c8a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_bea0228b1a.scrollable_c2cc778c8a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_0f3974e63b {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_b40be98d3d {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_7ac38f6f52 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_a10dcdbf41 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_0f0b85dc78 {\n  border-radius: 0 !important;\n}\n.roundedSmall_852299fda1 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_c658fdee40 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_1344bd4bfd {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_03edb3c9ed {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f9fb10bbe1 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_0cc91d432d {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_7d129b485c {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_7c41e71979 {\n  margin: 0 !important;\n}\n.mXs_ad924139a6 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_17786fee5c {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_3908251b8d {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_275ad541c8 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_d1509a4ccf {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_c1e6d243d2 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_b5780fc344 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_b6c04dd880 {\n  margin: auto !important;\n}\n.mx0_fcdd4ccfd7 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_d22197d737 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_aa0ee9bfcf {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_819149a67e {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_dca47e6bef {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_1fa02ae558 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_135d6e7443 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_dcd9beb195 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_ca19e0f69d {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_d1b8fdefc2 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_edecb6da27 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_b3d11ac0cf {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_ab7f726201 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_39ae1da57a {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_cf9815de35 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_1e577c3659 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_ce90decf3a {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_304ddec2a9 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_45ced5d8d1 {\n  margin-top: 0 !important;\n}\n.mtXs_2662262424 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_306419817c {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_8810052133 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_1f206378ec {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_ecd2367c68 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_eead44ad55 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_c41e7bc3e6 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_a45c3f23fd {\n  margin-top: auto !important;\n}\n.me0_2f5b6d2f4d {\n  margin-inline-end: 0 !important;\n}\n.meXs_e1ddbd97e5 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_c72e3013b6 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_7a9a8fa10e {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_dd0457b2b7 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_0adcdac329 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_285b9e14de {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_dc3e5d1132 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_7f812671b9 {\n  margin-inline-end: auto !important;\n}\n.mb0_0fd098ece6 {\n  margin-bottom: 0 !important;\n}\n.mbXs_ef6a2e194a {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_aca251ac62 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_976d06c459 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_abb03a26a3 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_0681794af3 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_a1a760b2e7 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_14373daaa9 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_45ba01bd89 {\n  margin-bottom: auto !important;\n}\n.ms0_b489d67d8e {\n  margin-inline-start: 0 !important;\n}\n.msXs_322efdf827 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_d59702c200 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_cc8b1c0e52 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_f48f01f500 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_e6c97fb404 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_0f7aa766f7 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_16383df0ef {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_3d34b44c04 {\n  margin-inline-start: auto !important;\n}\n.p0_cb313c408d {\n  padding: 0 !important;\n}\n.pXs_af4f2fb8dd {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_caeb527484 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_f40acf4c5a {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_3c17a8b89f {\n  padding: var(--spacing-large) !important;\n}\n.pXl_9e9408b686 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_ef0b389248 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_366bc77083 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_68eb986c2a {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_9846ab7c91 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_30f6774b6d {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_3aa8157e76 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_08721293fb {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_9ee20aa3ad {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_fef1fbc35e {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_d038501151 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_6dea3c74ba {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_05e03f6ddf {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_c30bac326f {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_2195aa0efb {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_e0fed87255 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_0c81b45255 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_bdd04ee117 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_9ee2892bd2 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_910418ae53 {\n  padding-top: 0 !important;\n}\n.ptXs_2270f4f000 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_f1585d6221 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_e69cd26011 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_d9f1d4a24c {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_db55c0a57a {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_0a86befe9b {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_f0e2721b79 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_45ed00647c {\n  padding-inline-end: 0 !important;\n}\n.peXs_5549d91455 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_958c9dac52 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_a4970c4360 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_1a1ea52b1e {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_93043da66b {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_cbe0f88813 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_a7ef86fd40 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_cc9573e405 {\n  padding-bottom: 0 !important;\n}\n.pbXs_0138c8b267 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_78e9ea9571 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_1c78e1ca7e {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_c2a778ff22 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_87cb13d3c8 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_ff8d7153e2 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_14dc805ebb {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_38c7504829 {\n  padding-inline-start: 0 !important;\n}\n.psXs_9a47b0726b {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_75f42b00da {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_9e19dc45ee {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_eb3d416731 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_5fd3cf124c {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_e58a2d0b3a {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_23d929da5c {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_7cdb833f02 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_a499fadee6 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_133b41508e {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_200d3515f6 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_2ca55dfedc {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_d305e3208a {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_3943bc7a5b {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_63345174e7 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_617f537f8b",scrollable:"scrollable_fd4db7c0b8",opacityDisabled:"opacityDisabled_69bdac7ab1",border:"border_226089fa73",borderColorUiBorderColor:"borderColorUiBorderColor_b6ea217d44",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_6f34ff1898",rounded0:"rounded0_24ae698159",roundedSmall:"roundedSmall_20e64c8bdf",roundedMedium:"roundedMedium_1b31df982e",roundedBig:"roundedBig_0aa28fc830",shadowXs:"shadowXs_6aa8e9586f",shadowSmall:"shadowSmall_5c2540f285",shadowMedium:"shadowMedium_1971c6d6b8",shadowLarge:"shadowLarge_db1f9423ba",m0:"m0_91a7ec1777",mXs:"mXs_8be2c8a246",mSmall:"mSmall_67b45d0f06",mMedium:"mMedium_40639a375f",mLarge:"mLarge_5866f1f3bc",mXl:"mXl_191797276e",mXxl:"mXxl_0b969662d9",mXxxl:"mXxxl_4fde96c0e2",mAuto:"mAuto_63c37c98f1",mx0:"mx0_00198b726c",mxXs:"mxXs_664271aa7e",mxSmall:"mxSmall_80294ba3e6",mxMedium:"mxMedium_6cab55beca",mxLarge:"mxLarge_507855778c",mxXl:"mxXl_8cbcaf88cc",mxXxl:"mxXxl_ed1f5b4c70",mxXxxl:"mxXxxl_f47db78902",mxAuto:"mxAuto_0f66928224",my0:"my0_7da1239869",myXs:"myXs_c367c173f6",mySmall:"mySmall_7410a9ebef",myMedium:"myMedium_62dc96d16f",myLarge:"myLarge_3d6cad7673",myXl:"myXl_5db4e875f5",myXxl:"myXxl_231c5f0cd9",myXxxl:"myXxxl_2c501727e2",myAuto:"myAuto_12b09b7782",mt0:"mt0_f55e0235dd",mtXs:"mtXs_bdc90bf72c",mtSmall:"mtSmall_845b5ab872",mtMedium:"mtMedium_6e28b59f5b",mtLarge:"mtLarge_6076f31d7e",mtXl:"mtXl_3cd47328f6",mtXxl:"mtXxl_57de23b07e",mtXxxl:"mtXxxl_5c4a64f5b9",mtAuto:"mtAuto_c8e4fc8c8b",me0:"me0_2f14ebf6b5",meXs:"meXs_9f9f6a9686",meSmall:"meSmall_1dcb0a6307",meMedium:"meMedium_c23d1b2f79",meLarge:"meLarge_1998815ca9",meXl:"meXl_0a6549868a",meXxl:"meXxl_82ce5ab101",meXxxl:"meXxxl_34bf07f3ab",meAuto:"meAuto_433730a96c",mb0:"mb0_03d296c551",mbXs:"mbXs_6ee31319f4",mbSmall:"mbSmall_e42a7f10b6",mbMedium:"mbMedium_e550a724fd",mbLarge:"mbLarge_49573da907",mbXl:"mbXl_e4af3ec2df",mbXxl:"mbXxl_70d1bc6934",mbXxxl:"mbXxxl_e58ad43ee4",mbAuto:"mbAuto_78dd919fd2",ms0:"ms0_2a3a4aa846",msXs:"msXs_8d8dfeb416",msSmall:"msSmall_41777d5266",msMedium:"msMedium_8523a22fd6",msLarge:"msLarge_3a9a2b68bd",msXl:"msXl_25db57d6ef",msXxl:"msXxl_921e1afef3",msXxxl:"msXxxl_d35de842ef",msAuto:"msAuto_b6f80676e1",p0:"p0_6194333380",pXs:"pXs_e7dcd547cb",pSmall:"pSmall_b96ab9ae5e",pMedium:"pMedium_80f98fe715",pLarge:"pLarge_948b2fb8bd",pXl:"pXl_c4d78b3e8a",pXxl:"pXxl_c6acfdc793",pXxxl:"pXxxl_34dde08e7e",px0:"px0_46f8949205",pxXs:"pxXs_115398346f",pxSmall:"pxSmall_373ee5f7c4",pxMedium:"pxMedium_bb6fb43c6c",pxLarge:"pxLarge_69fac5fea3",pxXl:"pxXl_78c6c44bea",pxXxl:"pxXxl_f15dea7fbb",pxXxxl:"pxXxxl_86edda0d7f",py0:"py0_64aef8f1de",pyXs:"pyXs_be395a5f4a",pySmall:"pySmall_f0aa012b32",pyMedium:"pyMedium_4f6d651251",pyLarge:"pyLarge_42a88976c2",pyXl:"pyXl_4b63906852",pyXxl:"pyXxl_e46d058ecc",pyXxxl:"pyXxxl_8047947c19",pt0:"pt0_241e459b39",ptXs:"ptXs_28cf4f90a8",ptSmall:"ptSmall_099d83a432",ptMedium:"ptMedium_c7af169856",ptLarge:"ptLarge_b90b9e8547",ptXl:"ptXl_5db50a4504",ptXxl:"ptXxl_c12548008d",ptXxxl:"ptXxxl_ddf9dd0b35",pe0:"pe0_8a299be40a",peXs:"peXs_ff01b63cb7",peSmall:"peSmall_e4137dae58",peMedium:"peMedium_6d59ffc0d0",peLarge:"peLarge_c2a06d4c70",peXl:"peXl_d85df608e5",peXxl:"peXxl_722bf0034e",peXxxl:"peXxxl_f4a73dc295",pb0:"pb0_b69157a08e",pbXs:"pbXs_0bbf148fc3",pbSmall:"pbSmall_a7a06e09ee",pbMedium:"pbMedium_4f8eb189bd",pbLarge:"pbLarge_4e13e2cab6",pbXl:"pbXl_50d20d649a",pbXxl:"pbXxl_4d5f167260",pbXxxl:"pbXxxl_83bd33fa50",ps0:"ps0_747aea039f",psXs:"psXs_0b9e9092b2",psSmall:"psSmall_899c072c89",psMedium:"psMedium_056c5d78d7",psLarge:"psLarge_84a11a402f",psXl:"psXl_cf21f6ad76",psXxl:"psXxl_d10872488f",psXxxl:"psXxxl_2e461333c4",textPrimaryTextColor:"textPrimaryTextColor_18d5bef377",textTextColorOnInverted:"textTextColorOnInverted_536775694c",textSecondaryTextColor:"textSecondaryTextColor_faad7c3522",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_c75969d665",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_ae48800b15",bgGreyBackgroundColor:"bgGreyBackgroundColor_f3afcbeeab",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_dee1b4dd12",bgInvertedColorBackground:"bgInvertedColorBackground_efdd1ee122"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_15";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_617f537f8b {\n  overflow: hidden;\n}\n.box_617f537f8b.scrollable_fd4db7c0b8 {\n  overflow: auto;\n}\n.box_617f537f8b.scrollable_fd4db7c0b8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_617f537f8b.scrollable_fd4db7c0b8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_69bdac7ab1 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_226089fa73 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_b6ea217d44 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_6f34ff1898 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_24ae698159 {\n  border-radius: 0 !important;\n}\n.roundedSmall_20e64c8bdf {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_1b31df982e {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_0aa28fc830 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_6aa8e9586f {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_5c2540f285 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_1971c6d6b8 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_db1f9423ba {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_91a7ec1777 {\n  margin: 0 !important;\n}\n.mXs_8be2c8a246 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_67b45d0f06 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_40639a375f {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_5866f1f3bc {\n  margin: var(--spacing-large) !important;\n}\n.mXl_191797276e {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_0b969662d9 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_4fde96c0e2 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_63c37c98f1 {\n  margin: auto !important;\n}\n.mx0_00198b726c {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_664271aa7e {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_80294ba3e6 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_6cab55beca {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_507855778c {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_8cbcaf88cc {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_ed1f5b4c70 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_f47db78902 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_0f66928224 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_7da1239869 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_c367c173f6 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_7410a9ebef {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_62dc96d16f {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_3d6cad7673 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_5db4e875f5 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_231c5f0cd9 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_2c501727e2 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_12b09b7782 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_f55e0235dd {\n  margin-top: 0 !important;\n}\n.mtXs_bdc90bf72c {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_845b5ab872 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_6e28b59f5b {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_6076f31d7e {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_3cd47328f6 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_57de23b07e {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_5c4a64f5b9 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_c8e4fc8c8b {\n  margin-top: auto !important;\n}\n.me0_2f14ebf6b5 {\n  margin-inline-end: 0 !important;\n}\n.meXs_9f9f6a9686 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_1dcb0a6307 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_c23d1b2f79 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_1998815ca9 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_0a6549868a {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_82ce5ab101 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_34bf07f3ab {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_433730a96c {\n  margin-inline-end: auto !important;\n}\n.mb0_03d296c551 {\n  margin-bottom: 0 !important;\n}\n.mbXs_6ee31319f4 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_e42a7f10b6 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_e550a724fd {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_49573da907 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_e4af3ec2df {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_70d1bc6934 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_e58ad43ee4 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_78dd919fd2 {\n  margin-bottom: auto !important;\n}\n.ms0_2a3a4aa846 {\n  margin-inline-start: 0 !important;\n}\n.msXs_8d8dfeb416 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_41777d5266 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_8523a22fd6 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_3a9a2b68bd {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_25db57d6ef {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_921e1afef3 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_d35de842ef {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_b6f80676e1 {\n  margin-inline-start: auto !important;\n}\n.p0_6194333380 {\n  padding: 0 !important;\n}\n.pXs_e7dcd547cb {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_b96ab9ae5e {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_80f98fe715 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_948b2fb8bd {\n  padding: var(--spacing-large) !important;\n}\n.pXl_c4d78b3e8a {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_c6acfdc793 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_34dde08e7e {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_46f8949205 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_115398346f {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_373ee5f7c4 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_bb6fb43c6c {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_69fac5fea3 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_78c6c44bea {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_f15dea7fbb {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_86edda0d7f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_64aef8f1de {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_be395a5f4a {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_f0aa012b32 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_4f6d651251 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_42a88976c2 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_4b63906852 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_e46d058ecc {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_8047947c19 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_241e459b39 {\n  padding-top: 0 !important;\n}\n.ptXs_28cf4f90a8 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_099d83a432 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_c7af169856 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_b90b9e8547 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_5db50a4504 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_c12548008d {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_ddf9dd0b35 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_8a299be40a {\n  padding-inline-end: 0 !important;\n}\n.peXs_ff01b63cb7 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_e4137dae58 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_6d59ffc0d0 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_c2a06d4c70 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_d85df608e5 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_722bf0034e {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_f4a73dc295 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_b69157a08e {\n  padding-bottom: 0 !important;\n}\n.pbXs_0bbf148fc3 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_a7a06e09ee {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_4f8eb189bd {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_4e13e2cab6 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_50d20d649a {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_4d5f167260 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_83bd33fa50 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_747aea039f {\n  padding-inline-start: 0 !important;\n}\n.psXs_0b9e9092b2 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_899c072c89 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_056c5d78d7 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_84a11a402f {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_cf21f6ad76 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_d10872488f {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_2e461333c4 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_18d5bef377 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_536775694c {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_faad7c3522 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_c75969d665 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_ae48800b15 {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_f3afcbeeab {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_dee1b4dd12 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_efdd1ee122 {\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_0ac7d31d0f",withoutText:"withoutText_90b8f4fe4c",breadcrumbText:"breadcrumbText_e80223c241",breadcrumbIcon:"breadcrumbIcon_5f8ff6b9c0",clickable:"clickable_8fe54920e7",current:"current_e0454f7b7b",disabled:"disabled_a9b791128a",notClickable:"notClickable_c8c1a24a9c"};!function(e){const n="s_id-55ff70da99a4_3_0_0-alpha_13";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_0ac7d31d0f {\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_0ac7d31d0f.withoutText_90b8f4fe4c {\n  padding: 4px;\n}\na.breadcrumbContent_0ac7d31d0f:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_0ac7d31d0f .breadcrumbText_e80223c241 {\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_0ac7d31d0f .breadcrumbIcon_5f8ff6b9c0 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_0ac7d31d0f:focus {\n  outline: none;\n}\n.breadcrumbContent_0ac7d31d0f.clickable_8fe54920e7 {\n  cursor: pointer;\n}\n.breadcrumbContent_0ac7d31d0f.clickable_8fe54920e7:hover,\n.breadcrumbContent_0ac7d31d0f:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_0ac7d31d0f.current_e0454f7b7b {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_0ac7d31d0f.disabled_a9b791128a {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_0ac7d31d0f.disabled_a9b791128a:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_0ac7d31d0f.notClickable_c8c1a24a9c {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_cc438bd689",withoutText:"withoutText_49b118ba1f",breadcrumbText:"breadcrumbText_7be34c9233",breadcrumbIcon:"breadcrumbIcon_97f58c2fd1",clickable:"clickable_ceaee33e40",current:"current_780d947351",disabled:"disabled_a4629a2b2d",notClickable:"notClickable_f1671b8c20"};!function(e){const n="s_id-55ff70da99a4_3_0_0-alpha_15";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_cc438bd689 {\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_cc438bd689.withoutText_49b118ba1f {\n  padding: 4px;\n}\na.breadcrumbContent_cc438bd689:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_cc438bd689 .breadcrumbText_7be34c9233 {\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_cc438bd689 .breadcrumbIcon_97f58c2fd1 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_cc438bd689:focus {\n  outline: none;\n}\n.breadcrumbContent_cc438bd689.clickable_ceaee33e40 {\n  cursor: pointer;\n}\n.breadcrumbContent_cc438bd689.clickable_ceaee33e40:hover,\n.breadcrumbContent_cc438bd689:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_cc438bd689.current_780d947351 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_cc438bd689.disabled_a4629a2b2d {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_cc438bd689.disabled_a4629a2b2d:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_cc438bd689.notClickable_f1671b8c20 {\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_9c595fabc8",disabled:"disabled_70525e92f3"};!function(e){const t="s_id-03f482333e23_3_0_0-alpha_13";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper_9c595fabc8 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_9c595fabc8.disabled_70525e92f3 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_1f21cd61ac",disabled:"disabled_04cd6074b6"};!function(e){const d="s_id-03f482333e23_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_1f21cd61ac {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_1f21cd61ac.disabled_04cd6074b6 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var o={button:"button_1a7afc5a96","focus-visible":"focus-visible_890b73a298",loader:"loader_17f07b4f56",loaderSvg:"loaderSvg_e1def5c83f",textPlaceholder:"textPlaceholder_edac3bedc0",success:"success_325a5ebf3a",successContent:"successContent_eb462012ba",marginRight:"marginRight_171f47777f",marginLeft:"marginLeft_81fa4ef798",rightFlat:"rightFlat_3ebb09e78d",leftFlat:"leftFlat_39cbdbd2af",preventClickAnimation:"preventClickAnimation_510cde22c4",leftIcon:"leftIcon_171f47777f",rightIcon:"rightIcon_81fa4ef798",sizeXxs:"sizeXxs_1c266c4786",sizeXs:"sizeXs_41a288356c",sizeSmall:"sizeSmall_b2e464c067",sizeMedium:"sizeMedium_a6de0022e9",sizeLarge:"sizeLarge_4501909a29",kindPrimary:"kindPrimary_bee1ddb893",colorPrimary:"colorPrimary_79c9753465",colorBrand:"colorBrand_fb534a0785",colorPrimaryActive:"colorPrimaryActive_321fb7ad53",colorBrandActive:"colorBrandActive_61d641c5a8",colorPositive:"colorPositive_12eeff98d7",colorPositiveActive:"colorPositiveActive_f6f5facbc5",colorNegative:"colorNegative_d4651b5008",colorNegativeActive:"colorNegativeActive_f6f5facbc5",colorInverted:"colorInverted_5638f5443a",colorInvertedActive:"colorInvertedActive_f6f5facbc5",disabled:"disabled_e63fb1f1d4",colorOnPrimaryColor:"colorOnPrimaryColor_63e66970ec",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_f40624de5f",colorFixedLight:"colorFixedLight_67b9f0c5ef",colorFixedLightActive:"colorFixedLightActive_510cde22c4",colorOnInvertedBackground:"colorOnInvertedBackground_68a57e87ef",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_429665af02",kindSecondary:"kindSecondary_2ab478ff9a",kindTertiary:"kindTertiary_0c57a8d103",noSidePadding:"noSidePadding_d44115584e",insetFocusStyle:"insetFocusStyle_bff6b6259a"};!function(o){const r="s_id-cc4fb503a885_3_0_0-alpha_13";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_1a7afc5a96 {\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_1a7afc5a96:focus-visible, .button_1a7afc5a96.focus-visible_890b73a298 {\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_1a7afc5a96:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.button_1a7afc5a96 .loader_17f07b4f56 {\n  height: 100%;\n}\n.button_1a7afc5a96 .loader_17f07b4f56 .loaderSvg_e1def5c83f {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_1a7afc5a96 .textPlaceholder_edac3bedc0 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_1a7afc5a96.success_325a5ebf3a {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_1a7afc5a96.success_325a5ebf3a .successContent_eb462012ba {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_171f47777f {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_81fa4ef798 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_3ebb09e78d {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_39cbdbd2af {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_1a7afc5a96:active:not(.preventClickAnimation_510cde22c4) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_1a7afc5a96 .leftIcon_171f47777f {\n  margin-right: var(--spacing-small);\n}\n.button_1a7afc5a96 .rightIcon_81fa4ef798 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_1c266c4786 {\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_41a288356c {\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_b2e464c067 {\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_b2e464c067 .loader_17f07b4f56 {\n  top: 7px;\n}\n.sizeMedium_a6de0022e9 {\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_4501909a29 {\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_bee1ddb893 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_bee1ddb893.colorPrimary_79c9753465 {\n  background: var(--primary-color);\n}\n.kindPrimary_bee1ddb893.colorBrand_fb534a0785 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_bee1ddb893.colorPrimaryActive_321fb7ad53,\n.kindPrimary_bee1ddb893.colorPrimary_79c9753465:hover,\n.kindPrimary_bee1ddb893.colorPrimary_79c9753465:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_bee1ddb893.colorBrandActive_61d641c5a8,\n.kindPrimary_bee1ddb893.colorBrand_fb534a0785:hover,\n.kindPrimary_bee1ddb893.colorBrand_fb534a0785:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_bee1ddb893.colorPositive_12eeff98d7 {\n  background: var(--positive-color);\n}\n.kindPrimary_bee1ddb893.colorPositiveActive_f6f5facbc5,\n.kindPrimary_bee1ddb893.colorPositive_12eeff98d7:hover,\n.kindPrimary_bee1ddb893.colorPositive_12eeff98d7:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_bee1ddb893.colorNegative_d4651b5008 {\n  background: var(--negative-color);\n}\n.kindPrimary_bee1ddb893.colorNegativeActive_f6f5facbc5,\n.kindPrimary_bee1ddb893.colorNegative_d4651b5008:hover,\n.kindPrimary_bee1ddb893.colorNegative_d4651b5008:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_bee1ddb893.colorInverted_5638f5443a {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_bee1ddb893.colorInvertedActive_f6f5facbc5,\n.kindPrimary_bee1ddb893.colorInverted_5638f5443a:hover,\n.kindPrimary_bee1ddb893.colorInverted_5638f5443a:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_bee1ddb893.button_1a7afc5a96.colorInverted_5638f5443a.disabled_e63fb1f1d4 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_bee1ddb893.colorOnPrimaryColorActive_f40624de5f,\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:hover,\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_bee1ddb893.colorOnPrimaryColorActive_f40624de5f:focus-visible, .kindPrimary_bee1ddb893.colorOnPrimaryColorActive_f40624de5f.focus-visible_890b73a298,\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:hover:focus-visible,\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:hover.focus-visible_890b73a298,\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:focus:focus-visible,\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:focus.focus-visible_890b73a298 {\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_bee1ddb893.colorOnPrimaryColorActive_f40624de5f:focus:not(.focus-visible_890b73a298),\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:hover:focus:not(.focus-visible_890b73a298),\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec:focus:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.kindPrimary_bee1ddb893.colorOnPrimaryColor_63e66970ec.disabled_e63fb1f1d4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_bee1ddb893.colorFixedLightActive_510cde22c4,\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:hover,\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_bee1ddb893.colorFixedLightActive_510cde22c4:focus-visible, .kindPrimary_bee1ddb893.colorFixedLightActive_510cde22c4.focus-visible_890b73a298,\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:hover:focus-visible,\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:hover.focus-visible_890b73a298,\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:focus:focus-visible,\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:focus.focus-visible_890b73a298 {\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_bee1ddb893.colorFixedLightActive_510cde22c4:focus:not(.focus-visible_890b73a298),\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:hover:focus:not(.focus-visible_890b73a298),\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef:focus:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.kindPrimary_bee1ddb893.colorFixedLight_67b9f0c5ef.disabled_e63fb1f1d4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_bee1ddb893.colorOnInvertedBackground_68a57e87ef {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_bee1ddb893.colorOnInvertedBackgroundActive_429665af02,\n.kindPrimary_bee1ddb893.colorOnInvertedBackground_68a57e87ef:hover,\n.kindPrimary_bee1ddb893.colorOnInvertedBackground_68a57e87ef:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_bee1ddb893.button_1a7afc5a96.colorOnInvertedBackground_68a57e87ef.disabled_e63fb1f1d4 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_bee1ddb893.button_1a7afc5a96.disabled_e63fb1f1d4 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2ab478ff9a {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_2ab478ff9a.sizeSmall_b2e464c067 {\n  line-height: 22px;\n}\n.kindSecondary_2ab478ff9a.sizeMedium_a6de0022e9 {\n  line-height: 22px;\n}\n.kindSecondary_2ab478ff9a.sizeLarge_4501909a29 {\n  line-height: 22px;\n}\n.kindSecondary_2ab478ff9a.colorPrimaryActive_321fb7ad53 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2ab478ff9a.colorPrimaryActive_321fb7ad53:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_2ab478ff9a.colorBrandActive_61d641c5a8 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_2ab478ff9a.colorBrandActive_61d641c5a8,\n.kindSecondary_2ab478ff9a.colorBrandActive_61d641c5a8:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_2ab478ff9a.colorPrimary_79c9753465:hover:not(.colorPrimaryActive_321fb7ad53),\n.kindSecondary_2ab478ff9a.colorPrimary_79c9753465:focus:not(.colorPrimaryActive_321fb7ad53) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2ab478ff9a.colorBrand_fb534a0785:hover:not(.colorBrandActive_61d641c5a8),\n.kindSecondary_2ab478ff9a.colorBrand_fb534a0785:focus:not(.colorBrandActive_61d641c5a8) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2ab478ff9a.colorPositive_12eeff98d7 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_2ab478ff9a.colorPositiveActive_f6f5facbc5,\n.kindSecondary_2ab478ff9a.colorPositive_12eeff98d7:hover,\n.kindSecondary_2ab478ff9a.colorPositive_12eeff98d7:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_2ab478ff9a.colorNegative_d4651b5008 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_2ab478ff9a.colorNegativeActive_f6f5facbc5,\n.kindSecondary_2ab478ff9a.colorNegative_d4651b5008:hover,\n.kindSecondary_2ab478ff9a.colorNegative_d4651b5008:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_2ab478ff9a.colorInverted_5638f5443a {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_2ab478ff9a.colorInvertedActive_f6f5facbc5,\n.kindSecondary_2ab478ff9a.colorInverted_5638f5443a:hover,\n.kindSecondary_2ab478ff9a.colorInverted_5638f5443a:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_2ab478ff9a.colorInverted_5638f5443a.disabled_e63fb1f1d4 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_2ab478ff9a.colorOnPrimaryColorActive_f40624de5f,\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:hover,\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2ab478ff9a.colorOnPrimaryColorActive_f40624de5f:focus-visible, .kindSecondary_2ab478ff9a.colorOnPrimaryColorActive_f40624de5f.focus-visible_890b73a298,\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:hover:focus-visible,\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:hover.focus-visible_890b73a298,\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:focus:focus-visible,\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:focus.focus-visible_890b73a298 {\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_2ab478ff9a.colorOnPrimaryColorActive_f40624de5f:focus:not(.focus-visible_890b73a298),\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:hover:focus:not(.focus-visible_890b73a298),\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec:focus:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.kindSecondary_2ab478ff9a.colorOnPrimaryColor_63e66970ec.disabled_e63fb1f1d4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2ab478ff9a.colorFixedLightActive_510cde22c4,\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:hover,\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_2ab478ff9a.colorFixedLightActive_510cde22c4:focus-visible, .kindSecondary_2ab478ff9a.colorFixedLightActive_510cde22c4.focus-visible_890b73a298,\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:hover:focus-visible,\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:hover.focus-visible_890b73a298,\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:focus:focus-visible,\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:focus.focus-visible_890b73a298 {\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_2ab478ff9a.colorFixedLightActive_510cde22c4:focus:not(.focus-visible_890b73a298),\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:hover:focus:not(.focus-visible_890b73a298),\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef:focus:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.kindSecondary_2ab478ff9a.colorOnInvertedBackground_68a57e87ef {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_2ab478ff9a.colorOnInvertedBackgroundActive_429665af02,\n.kindSecondary_2ab478ff9a.colorOnInvertedBackground_68a57e87ef:hover,\n.kindSecondary_2ab478ff9a.colorOnInvertedBackground_68a57e87ef:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_2ab478ff9a.colorOnInvertedBackground_68a57e87ef.disabled_e63fb1f1d4 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_2ab478ff9a.colorFixedLight_67b9f0c5ef.disabled_e63fb1f1d4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_2ab478ff9a.disabled_e63fb1f1d4 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_2ab478ff9a.disabled_e63fb1f1d4:hover {\n  background-color: transparent;\n}\n.kindTertiary_0c57a8d103 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_0c57a8d103.colorPrimaryActive_321fb7ad53 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_0c57a8d103.colorPrimaryActive_321fb7ad53:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_0c57a8d103.colorBrandActive_61d641c5a8 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_0c57a8d103.colorBrandActive_61d641c5a8,\n.kindTertiary_0c57a8d103.colorBrandActive_61d641c5a8:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_0c57a8d103.colorPrimary_79c9753465:hover:not(.colorPrimaryActive_321fb7ad53),\n.kindTertiary_0c57a8d103.colorPrimary_79c9753465:focus:not(.colorPrimaryActive_321fb7ad53) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_0c57a8d103.colorBrand_fb534a0785:hover:not(.colorBrandActive_61d641c5a8),\n.kindTertiary_0c57a8d103.colorBrand_fb534a0785:focus:not(.colorBrandActive_61d641c5a8) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_0c57a8d103.colorPositive_12eeff98d7 {\n  color: var(--positive-color);\n}\n.kindTertiary_0c57a8d103.colorPositiveActive_f6f5facbc5,\n.kindTertiary_0c57a8d103.colorPositive_12eeff98d7:hover,\n.kindTertiary_0c57a8d103.colorPositive_12eeff98d7:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_0c57a8d103.colorNegative_d4651b5008 {\n  color: var(--negative-color);\n}\n.kindTertiary_0c57a8d103.colorNegativeActive_f6f5facbc5,\n.kindTertiary_0c57a8d103.colorNegative_d4651b5008:hover,\n.kindTertiary_0c57a8d103.colorNegative_d4651b5008:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_0c57a8d103.colorInverted_5638f5443a {\n  color: var(--primary-text-color);\n}\n.kindTertiary_0c57a8d103.colorInvertedActive_f6f5facbc5,\n.kindTertiary_0c57a8d103.colorInverted_5638f5443a:hover,\n.kindTertiary_0c57a8d103.colorInverted_5638f5443a:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_0c57a8d103.colorInverted_5638f5443a.disabled_e63fb1f1d4 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_0c57a8d103.colorOnPrimaryColorActive_f40624de5f,\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:hover,\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_0c57a8d103.colorOnPrimaryColorActive_f40624de5f:focus-visible, .kindTertiary_0c57a8d103.colorOnPrimaryColorActive_f40624de5f.focus-visible_890b73a298,\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:hover:focus-visible,\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:hover.focus-visible_890b73a298,\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:focus:focus-visible,\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:focus.focus-visible_890b73a298 {\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_0c57a8d103.colorOnPrimaryColorActive_f40624de5f:focus:not(.focus-visible_890b73a298),\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:hover:focus:not(.focus-visible_890b73a298),\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec:focus:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.kindTertiary_0c57a8d103.colorOnPrimaryColor_63e66970ec.disabled_e63fb1f1d4 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_0c57a8d103.colorFixedLightActive_510cde22c4,\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:hover,\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_0c57a8d103.colorFixedLightActive_510cde22c4:focus-visible, .kindTertiary_0c57a8d103.colorFixedLightActive_510cde22c4.focus-visible_890b73a298,\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:hover:focus-visible,\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:hover.focus-visible_890b73a298,\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:focus:focus-visible,\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:focus.focus-visible_890b73a298 {\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_0c57a8d103.colorFixedLightActive_510cde22c4:focus:not(.focus-visible_890b73a298),\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:hover:focus:not(.focus-visible_890b73a298),\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef:focus:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.kindTertiary_0c57a8d103.colorFixedLight_67b9f0c5ef.disabled_e63fb1f1d4 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_0c57a8d103.colorOnInvertedBackground_68a57e87ef {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_0c57a8d103.colorOnInvertedBackgroundActive_429665af02,\n.kindTertiary_0c57a8d103.colorOnInvertedBackground_68a57e87ef:hover,\n.kindTertiary_0c57a8d103.colorOnInvertedBackground_68a57e87ef:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_0c57a8d103.colorOnInvertedBackground_68a57e87ef.disabled_e63fb1f1d4 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_0c57a8d103.disabled_e63fb1f1d4 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_0c57a8d103.disabled_e63fb1f1d4:hover {\n  background-color: transparent;\n}\n.noSidePadding_d44115584e {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_1a7afc5a96.insetFocusStyle_bff6b6259a:focus-visible, .button_1a7afc5a96.insetFocusStyle_bff6b6259a.focus-visible_890b73a298 {\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_1a7afc5a96.insetFocusStyle_bff6b6259a:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_2b8e17096f","focus-visible":"focus-visible_dac054f1c7",loader:"loader_0f0d7754ac",loaderSvg:"loaderSvg_edcca9a3a1",textPlaceholder:"textPlaceholder_bb83614d64",success:"success_40bc85fe20",successContent:"successContent_d2a25f16e2",marginRight:"marginRight_6f33d3e604",marginLeft:"marginLeft_aa48d31f91",rightFlat:"rightFlat_6490af4b58",leftFlat:"leftFlat_8d9d0ee5c4",preventClickAnimation:"preventClickAnimation_89b4938878",leftIcon:"leftIcon_6f33d3e604",rightIcon:"rightIcon_aa48d31f91",sizeXxs:"sizeXxs_65ed7ae7c3",sizeXs:"sizeXs_a91abb2795",sizeSmall:"sizeSmall_1a93f14158",sizeMedium:"sizeMedium_7d62c08d23",sizeLarge:"sizeLarge_d86dad9a24",kindPrimary:"kindPrimary_59070dad64",colorPrimary:"colorPrimary_0d494514e2",colorBrand:"colorBrand_814714c264",colorPrimaryActive:"colorPrimaryActive_f3975c14bd",colorBrandActive:"colorBrandActive_04c12eba85",colorPositive:"colorPositive_47d6fc9f9b",colorPositiveActive:"colorPositiveActive_4a981b238d",colorNegative:"colorNegative_be6a64f052",colorNegativeActive:"colorNegativeActive_4a981b238d",colorInverted:"colorInverted_772b2b370a",colorInvertedActive:"colorInvertedActive_4a981b238d",disabled:"disabled_281ab04156",colorOnPrimaryColor:"colorOnPrimaryColor_f1d4f1698e",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_9bc0b319bb",colorFixedLight:"colorFixedLight_ba2f3bc04f",colorFixedLightActive:"colorFixedLightActive_89b4938878",colorOnInvertedBackground:"colorOnInvertedBackground_a1d2ea48dc",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_cb845d6d8e",kindSecondary:"kindSecondary_04e329abf6",kindTertiary:"kindTertiary_e242c1a76b",noSidePadding:"noSidePadding_bf3c59c84a",insetFocusStyle:"insetFocusStyle_6f0d159843"};!function(o){const r="s_id-cc4fb503a885_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_2b8e17096f {\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_2b8e17096f:focus-visible, .button_2b8e17096f.focus-visible_dac054f1c7 {\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_2b8e17096f:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.button_2b8e17096f .loader_0f0d7754ac {\n  height: 100%;\n}\n.button_2b8e17096f .loader_0f0d7754ac .loaderSvg_edcca9a3a1 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_2b8e17096f .textPlaceholder_bb83614d64 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_2b8e17096f.success_40bc85fe20 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_2b8e17096f.success_40bc85fe20 .successContent_d2a25f16e2 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_6f33d3e604 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_aa48d31f91 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_6490af4b58 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_8d9d0ee5c4 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_2b8e17096f:active:not(.preventClickAnimation_89b4938878) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_2b8e17096f .leftIcon_6f33d3e604 {\n  margin-right: var(--spacing-small);\n}\n.button_2b8e17096f .rightIcon_aa48d31f91 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_65ed7ae7c3 {\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_a91abb2795 {\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_1a93f14158 {\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_1a93f14158 .loader_0f0d7754ac {\n  top: 7px;\n}\n.sizeMedium_7d62c08d23 {\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_d86dad9a24 {\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_59070dad64 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_59070dad64.colorPrimary_0d494514e2 {\n  background: var(--primary-color);\n}\n.kindPrimary_59070dad64.colorBrand_814714c264 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_59070dad64.colorPrimaryActive_f3975c14bd,\n.kindPrimary_59070dad64.colorPrimary_0d494514e2:hover,\n.kindPrimary_59070dad64.colorPrimary_0d494514e2:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_59070dad64.colorBrandActive_04c12eba85,\n.kindPrimary_59070dad64.colorBrand_814714c264:hover,\n.kindPrimary_59070dad64.colorBrand_814714c264:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_59070dad64.colorPositive_47d6fc9f9b {\n  background: var(--positive-color);\n}\n.kindPrimary_59070dad64.colorPositiveActive_4a981b238d,\n.kindPrimary_59070dad64.colorPositive_47d6fc9f9b:hover,\n.kindPrimary_59070dad64.colorPositive_47d6fc9f9b:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_59070dad64.colorNegative_be6a64f052 {\n  background: var(--negative-color);\n}\n.kindPrimary_59070dad64.colorNegativeActive_4a981b238d,\n.kindPrimary_59070dad64.colorNegative_be6a64f052:hover,\n.kindPrimary_59070dad64.colorNegative_be6a64f052:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_59070dad64.colorInverted_772b2b370a {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_59070dad64.colorInvertedActive_4a981b238d,\n.kindPrimary_59070dad64.colorInverted_772b2b370a:hover,\n.kindPrimary_59070dad64.colorInverted_772b2b370a:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_59070dad64.button_2b8e17096f.colorInverted_772b2b370a.disabled_281ab04156 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_59070dad64.colorOnPrimaryColorActive_9bc0b319bb,\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:hover,\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_59070dad64.colorOnPrimaryColorActive_9bc0b319bb:focus-visible, .kindPrimary_59070dad64.colorOnPrimaryColorActive_9bc0b319bb.focus-visible_dac054f1c7,\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:hover:focus-visible,\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:hover.focus-visible_dac054f1c7,\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:focus:focus-visible,\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:focus.focus-visible_dac054f1c7 {\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_59070dad64.colorOnPrimaryColorActive_9bc0b319bb:focus:not(.focus-visible_dac054f1c7),\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:hover:focus:not(.focus-visible_dac054f1c7),\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e:focus:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.kindPrimary_59070dad64.colorOnPrimaryColor_f1d4f1698e.disabled_281ab04156 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_59070dad64.colorFixedLightActive_89b4938878,\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:hover,\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_59070dad64.colorFixedLightActive_89b4938878:focus-visible, .kindPrimary_59070dad64.colorFixedLightActive_89b4938878.focus-visible_dac054f1c7,\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:hover:focus-visible,\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:hover.focus-visible_dac054f1c7,\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:focus:focus-visible,\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:focus.focus-visible_dac054f1c7 {\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_59070dad64.colorFixedLightActive_89b4938878:focus:not(.focus-visible_dac054f1c7),\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:hover:focus:not(.focus-visible_dac054f1c7),\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f:focus:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.kindPrimary_59070dad64.colorFixedLight_ba2f3bc04f.disabled_281ab04156 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_59070dad64.colorOnInvertedBackground_a1d2ea48dc {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_59070dad64.colorOnInvertedBackgroundActive_cb845d6d8e,\n.kindPrimary_59070dad64.colorOnInvertedBackground_a1d2ea48dc:hover,\n.kindPrimary_59070dad64.colorOnInvertedBackground_a1d2ea48dc:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_59070dad64.button_2b8e17096f.colorOnInvertedBackground_a1d2ea48dc.disabled_281ab04156 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_59070dad64.button_2b8e17096f.disabled_281ab04156 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_04e329abf6 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_04e329abf6.sizeSmall_1a93f14158 {\n  line-height: 22px;\n}\n.kindSecondary_04e329abf6.sizeMedium_7d62c08d23 {\n  line-height: 22px;\n}\n.kindSecondary_04e329abf6.sizeLarge_d86dad9a24 {\n  line-height: 22px;\n}\n.kindSecondary_04e329abf6.colorPrimaryActive_f3975c14bd {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_04e329abf6.colorPrimaryActive_f3975c14bd:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_04e329abf6.colorBrandActive_04c12eba85 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_04e329abf6.colorBrandActive_04c12eba85,\n.kindSecondary_04e329abf6.colorBrandActive_04c12eba85:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_04e329abf6.colorPrimary_0d494514e2:hover:not(.colorPrimaryActive_f3975c14bd),\n.kindSecondary_04e329abf6.colorPrimary_0d494514e2:focus:not(.colorPrimaryActive_f3975c14bd) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_04e329abf6.colorBrand_814714c264:hover:not(.colorBrandActive_04c12eba85),\n.kindSecondary_04e329abf6.colorBrand_814714c264:focus:not(.colorBrandActive_04c12eba85) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_04e329abf6.colorPositive_47d6fc9f9b {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_04e329abf6.colorPositiveActive_4a981b238d,\n.kindSecondary_04e329abf6.colorPositive_47d6fc9f9b:hover,\n.kindSecondary_04e329abf6.colorPositive_47d6fc9f9b:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_04e329abf6.colorNegative_be6a64f052 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_04e329abf6.colorNegativeActive_4a981b238d,\n.kindSecondary_04e329abf6.colorNegative_be6a64f052:hover,\n.kindSecondary_04e329abf6.colorNegative_be6a64f052:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_04e329abf6.colorInverted_772b2b370a {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_04e329abf6.colorInvertedActive_4a981b238d,\n.kindSecondary_04e329abf6.colorInverted_772b2b370a:hover,\n.kindSecondary_04e329abf6.colorInverted_772b2b370a:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_04e329abf6.colorInverted_772b2b370a.disabled_281ab04156 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_04e329abf6.colorOnPrimaryColorActive_9bc0b319bb,\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:hover,\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_04e329abf6.colorOnPrimaryColorActive_9bc0b319bb:focus-visible, .kindSecondary_04e329abf6.colorOnPrimaryColorActive_9bc0b319bb.focus-visible_dac054f1c7,\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:hover:focus-visible,\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:hover.focus-visible_dac054f1c7,\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:focus:focus-visible,\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:focus.focus-visible_dac054f1c7 {\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_04e329abf6.colorOnPrimaryColorActive_9bc0b319bb:focus:not(.focus-visible_dac054f1c7),\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:hover:focus:not(.focus-visible_dac054f1c7),\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e:focus:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.kindSecondary_04e329abf6.colorOnPrimaryColor_f1d4f1698e.disabled_281ab04156 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_04e329abf6.colorFixedLightActive_89b4938878,\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:hover,\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_04e329abf6.colorFixedLightActive_89b4938878:focus-visible, .kindSecondary_04e329abf6.colorFixedLightActive_89b4938878.focus-visible_dac054f1c7,\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:hover:focus-visible,\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:hover.focus-visible_dac054f1c7,\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:focus:focus-visible,\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:focus.focus-visible_dac054f1c7 {\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_04e329abf6.colorFixedLightActive_89b4938878:focus:not(.focus-visible_dac054f1c7),\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:hover:focus:not(.focus-visible_dac054f1c7),\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f:focus:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.kindSecondary_04e329abf6.colorOnInvertedBackground_a1d2ea48dc {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_04e329abf6.colorOnInvertedBackgroundActive_cb845d6d8e,\n.kindSecondary_04e329abf6.colorOnInvertedBackground_a1d2ea48dc:hover,\n.kindSecondary_04e329abf6.colorOnInvertedBackground_a1d2ea48dc:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_04e329abf6.colorOnInvertedBackground_a1d2ea48dc.disabled_281ab04156 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_04e329abf6.colorFixedLight_ba2f3bc04f.disabled_281ab04156 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_04e329abf6.disabled_281ab04156 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_04e329abf6.disabled_281ab04156:hover {\n  background-color: transparent;\n}\n.kindTertiary_e242c1a76b {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_e242c1a76b.colorPrimaryActive_f3975c14bd {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_e242c1a76b.colorPrimaryActive_f3975c14bd:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_e242c1a76b.colorBrandActive_04c12eba85 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_e242c1a76b.colorBrandActive_04c12eba85,\n.kindTertiary_e242c1a76b.colorBrandActive_04c12eba85:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_e242c1a76b.colorPrimary_0d494514e2:hover:not(.colorPrimaryActive_f3975c14bd),\n.kindTertiary_e242c1a76b.colorPrimary_0d494514e2:focus:not(.colorPrimaryActive_f3975c14bd) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_e242c1a76b.colorBrand_814714c264:hover:not(.colorBrandActive_04c12eba85),\n.kindTertiary_e242c1a76b.colorBrand_814714c264:focus:not(.colorBrandActive_04c12eba85) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_e242c1a76b.colorPositive_47d6fc9f9b {\n  color: var(--positive-color);\n}\n.kindTertiary_e242c1a76b.colorPositiveActive_4a981b238d,\n.kindTertiary_e242c1a76b.colorPositive_47d6fc9f9b:hover,\n.kindTertiary_e242c1a76b.colorPositive_47d6fc9f9b:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_e242c1a76b.colorNegative_be6a64f052 {\n  color: var(--negative-color);\n}\n.kindTertiary_e242c1a76b.colorNegativeActive_4a981b238d,\n.kindTertiary_e242c1a76b.colorNegative_be6a64f052:hover,\n.kindTertiary_e242c1a76b.colorNegative_be6a64f052:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_e242c1a76b.colorInverted_772b2b370a {\n  color: var(--primary-text-color);\n}\n.kindTertiary_e242c1a76b.colorInvertedActive_4a981b238d,\n.kindTertiary_e242c1a76b.colorInverted_772b2b370a:hover,\n.kindTertiary_e242c1a76b.colorInverted_772b2b370a:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_e242c1a76b.colorInverted_772b2b370a.disabled_281ab04156 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_e242c1a76b.colorOnPrimaryColorActive_9bc0b319bb,\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:hover,\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_e242c1a76b.colorOnPrimaryColorActive_9bc0b319bb:focus-visible, .kindTertiary_e242c1a76b.colorOnPrimaryColorActive_9bc0b319bb.focus-visible_dac054f1c7,\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:hover:focus-visible,\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:hover.focus-visible_dac054f1c7,\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:focus:focus-visible,\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:focus.focus-visible_dac054f1c7 {\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_e242c1a76b.colorOnPrimaryColorActive_9bc0b319bb:focus:not(.focus-visible_dac054f1c7),\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:hover:focus:not(.focus-visible_dac054f1c7),\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e:focus:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.kindTertiary_e242c1a76b.colorOnPrimaryColor_f1d4f1698e.disabled_281ab04156 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_e242c1a76b.colorFixedLightActive_89b4938878,\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:hover,\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_e242c1a76b.colorFixedLightActive_89b4938878:focus-visible, .kindTertiary_e242c1a76b.colorFixedLightActive_89b4938878.focus-visible_dac054f1c7,\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:hover:focus-visible,\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:hover.focus-visible_dac054f1c7,\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:focus:focus-visible,\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:focus.focus-visible_dac054f1c7 {\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_e242c1a76b.colorFixedLightActive_89b4938878:focus:not(.focus-visible_dac054f1c7),\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:hover:focus:not(.focus-visible_dac054f1c7),\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f:focus:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.kindTertiary_e242c1a76b.colorFixedLight_ba2f3bc04f.disabled_281ab04156 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_e242c1a76b.colorOnInvertedBackground_a1d2ea48dc {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_e242c1a76b.colorOnInvertedBackgroundActive_cb845d6d8e,\n.kindTertiary_e242c1a76b.colorOnInvertedBackground_a1d2ea48dc:hover,\n.kindTertiary_e242c1a76b.colorOnInvertedBackground_a1d2ea48dc:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_e242c1a76b.colorOnInvertedBackground_a1d2ea48dc.disabled_281ab04156 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_e242c1a76b.disabled_281ab04156 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_e242c1a76b.disabled_281ab04156:hover {\n  background-color: transparent;\n}\n.noSidePadding_bf3c59c84a {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_2b8e17096f.insetFocusStyle_6f0d159843:focus-visible, .button_2b8e17096f.insetFocusStyle_6f0d159843.focus-visible_dac054f1c7 {\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_2b8e17096f.insetFocusStyle_6f0d159843:focus:not(.focus-visible_dac054f1c7) {\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_0d866a5cc7",subTextContainer:"subTextContainer_aed0762602",buttonsContainer:"buttonsContainer_864046110b",button:"button_1118d96b0a",activeButton:"activeButton_f6d3900bbd",optionText:"optionText_70f944b574",disabled:"disabled_70525e92f3",selected:"selected_df52863dd8",kindTertiary:"kindTertiary_63806352c1",wrapper:"wrapper_9456960e07",buttonDisabled:"buttonDisabled_73088b62cb",fullWidth:"fullWidth_33759e5abb"};!function(n){const o="s_id-d90954a39e96_3_0_0-alpha_13";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_0d866a5cc7 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_aed0762602 {\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_864046110b {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_864046110b .button_1118d96b0a {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_864046110b .button_1118d96b0a.activeButton_f6d3900bbd {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_864046110b .button_1118d96b0a.activeButton_f6d3900bbd:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_70f944b574:not(.disabled_70525e92f3) {\n  color: var(--primary-text-color);\n}\n\n.optionText_70f944b574:not(.disabled_70525e92f3).selected_df52863dd8 {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_63806352c1 .button_1118d96b0a {\n  border-color: transparent;\n}\n\n.kindTertiary_63806352c1 .button_1118d96b0a:first-child {\n  border-color: transparent;\n}\n\n.wrapper_9456960e07.disabled_70525e92f3 {\n  cursor: not-allowed;\n}\n\n.button_1118d96b0a.disabled_70525e92f3 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_1118d96b0a.buttonDisabled_73088b62cb {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_33759e5abb {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_dacf838090",subTextContainer:"subTextContainer_2ec56457d0",buttonsContainer:"buttonsContainer_e01f296487",button:"button_49a11696ef",activeButton:"activeButton_96a3ac1c0a",optionText:"optionText_7ea75ab306",disabled:"disabled_04cd6074b6",selected:"selected_252c1111fb",kindTertiary:"kindTertiary_aa60edf9b4",wrapper:"wrapper_a0ce499f1c",buttonDisabled:"buttonDisabled_8d6542bfb8",fullWidth:"fullWidth_07019662e2"};!function(n){const e="s_id-d90954a39e96_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_dacf838090 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_2ec56457d0 {\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_e01f296487 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_e01f296487 .button_49a11696ef {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_e01f296487 .button_49a11696ef.activeButton_96a3ac1c0a {\n  z-index: 20;\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_e01f296487 .button_49a11696ef.activeButton_96a3ac1c0a:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_7ea75ab306:not(.disabled_04cd6074b6) {\n  color: var(--primary-text-color);\n}\n\n.optionText_7ea75ab306:not(.disabled_04cd6074b6).selected_252c1111fb {\n  z-index: 10;\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_aa60edf9b4 .button_49a11696ef {\n  border-color: transparent;\n}\n\n.kindTertiary_aa60edf9b4 .button_49a11696ef:first-child {\n  border-color: transparent;\n}\n\n.wrapper_a0ce499f1c.disabled_04cd6074b6 {\n  cursor: not-allowed;\n}\n\n.button_49a11696ef.disabled_04cd6074b6 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_49a11696ef.buttonDisabled_8d6542bfb8 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_07019662e2 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_7a164e2cec",checkbox:"checkbox_f969d5d048",icon:"icon_867d2e3825",label:"label_36efe2b167",input:"input_20d48e8544",checkboxGrowAnimation:"checkboxGrowAnimation_95b9230d4e"};!function(n){const e="s_id-a622c58c4e9d_3_0_0-alpha_13";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_7a164e2cec {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_f969d5d048 {\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_f969d5d048: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_f969d5d048:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_867d2e3825 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_36efe2b167 {\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_20d48e8544 {\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_20d48e8544:focus + .checkbox_f969d5d048 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_20d48e8544:focus:checked + .checkbox_f969d5d048 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_20d48e8544:focus-visible + .checkbox_f969d5d048 {\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_20d48e8544:checked:focus + .checkbox_f969d5d048:after,\n.input_20d48e8544:indeterminate:focus + .checkbox_f969d5d048:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_20d48e8544:checked + .checkbox_f969d5d048,\n.input_20d48e8544:indeterminate + .checkbox_f969d5d048 {\n  animation: checkboxGrowAnimation_95b9230d4e var(--motion-productive-short);\n}\n\n.input_20d48e8544:checked + .checkbox_f969d5d048,\n.input_20d48e8544:indeterminate + .checkbox_f969d5d048 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_20d48e8544:checked + .checkbox_f969d5d048:hover,\n.input_20d48e8544:indeterminate + .checkbox_f969d5d048:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_20d48e8544:checked + .checkbox_f969d5d048:hover:after,\n.input_20d48e8544:indeterminate + .checkbox_f969d5d048:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_20d48e8544:checked + .checkbox_f969d5d048:after,\n.input_20d48e8544:indeterminate + .checkbox_f969d5d048: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_20d48e8544:checked + .checkbox_f969d5d048 > .icon_867d2e3825,\n.input_20d48e8544:indeterminate + .checkbox_f969d5d048 > .icon_867d2e3825 {\n  visibility: visible;\n}\n\n.input_20d48e8544:checked:disabled + .checkbox_f969d5d048:after,\n.input_20d48e8544:indeterminate:disabled + .checkbox_f969d5d048:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_20d48e8544:disabled + .checkbox_f969d5d048,\n.input_20d48e8544:disabled + .checkbox_f969d5d048:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_20d48e8544:disabled + .checkbox_f969d5d048 .icon_867d2e3825,\n.input_20d48e8544:disabled + .checkbox_f969d5d048:hover .icon_867d2e3825 {\n  color: var(--disabled-text-color);\n}\n\n.input_20d48e8544:disabled + .checkbox_f969d5d048,\n.input_20d48e8544:disabled + .checkbox_f969d5d048:hover {\n  cursor: not-allowed;\n}\n\n.input_20d48e8544:disabled ~ .label_36efe2b167 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_95b9230d4e {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_ff459b0654",checkbox:"checkbox_5af7e9c26a",icon:"icon_00c12a3aa3",label:"label_21374a5681",input:"input_a28e60f4ba",checkboxGrowAnimation:"checkboxGrowAnimation_a4435513bd"};!function(n){const e="s_id-a622c58c4e9d_3_0_0-alpha_15";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_ff459b0654 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_5af7e9c26a {\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_5af7e9c26a: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_5af7e9c26a:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_00c12a3aa3 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_21374a5681 {\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_a28e60f4ba {\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_a28e60f4ba:focus + .checkbox_5af7e9c26a {\n  border-color: var(--secondary-text-color);\n}\n\n.input_a28e60f4ba:focus:checked + .checkbox_5af7e9c26a {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a28e60f4ba:focus-visible + .checkbox_5af7e9c26a {\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_a28e60f4ba:checked:focus + .checkbox_5af7e9c26a:after,\n.input_a28e60f4ba:indeterminate:focus + .checkbox_5af7e9c26a:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a28e60f4ba:checked + .checkbox_5af7e9c26a,\n.input_a28e60f4ba:indeterminate + .checkbox_5af7e9c26a {\n  animation: checkboxGrowAnimation_a4435513bd var(--motion-productive-short);\n}\n\n.input_a28e60f4ba:checked + .checkbox_5af7e9c26a,\n.input_a28e60f4ba:indeterminate + .checkbox_5af7e9c26a {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_a28e60f4ba:checked + .checkbox_5af7e9c26a:hover,\n.input_a28e60f4ba:indeterminate + .checkbox_5af7e9c26a:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a28e60f4ba:checked + .checkbox_5af7e9c26a:hover:after,\n.input_a28e60f4ba:indeterminate + .checkbox_5af7e9c26a:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a28e60f4ba:checked + .checkbox_5af7e9c26a:after,\n.input_a28e60f4ba:indeterminate + .checkbox_5af7e9c26a: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_a28e60f4ba:checked + .checkbox_5af7e9c26a > .icon_00c12a3aa3,\n.input_a28e60f4ba:indeterminate + .checkbox_5af7e9c26a > .icon_00c12a3aa3 {\n  visibility: visible;\n}\n\n.input_a28e60f4ba:checked:disabled + .checkbox_5af7e9c26a:after,\n.input_a28e60f4ba:indeterminate:disabled + .checkbox_5af7e9c26a:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_a28e60f4ba:disabled + .checkbox_5af7e9c26a,\n.input_a28e60f4ba:disabled + .checkbox_5af7e9c26a:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_a28e60f4ba:disabled + .checkbox_5af7e9c26a .icon_00c12a3aa3,\n.input_a28e60f4ba:disabled + .checkbox_5af7e9c26a:hover .icon_00c12a3aa3 {\n  color: var(--disabled-text-color);\n}\n\n.input_a28e60f4ba:disabled + .checkbox_5af7e9c26a,\n.input_a28e60f4ba:disabled + .checkbox_5af7e9c26a:hover {\n  cursor: not-allowed;\n}\n\n.input_a28e60f4ba:disabled ~ .label_21374a5681 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_a4435513bd {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { ElementContent, SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useHover from \"../../hooks/useHover/useHover\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n label?: ElementContent;\n disabled?: boolean;\n readOnly?: boolean;\n \"data-testid\"?: string;\n /*\n A React element that is positioned to the right of the text\n /\n rightRenderer?: ElementContent;\n /\n A React element that is positioned to the left of the text\n /\n leftRenderer?: ElementContent;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* Img to place as avatar on the right /\n rightAvatar?: string;\n /* the type of right avatar /\n rightAvatarType?: AvatarType;\n /* Img to place as avatar on the left /\n leftAvatar?: string;\n /* the type of left avatar /\n leftAvatarType?: AvatarType;\n /* ClassName for left or right icon /\n iconClassName?: string;\n /* ClassName for left or right avatar /\n avatarClassName?: string;\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /* Size for font icon /\n iconSize?: number \| string;\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n Disables the Chip's entry animation\n /\n noAnimation?: boolean;\n /\n Allow user to select text\n /\n allowTextSelection?: boolean;\n /\n Callback function to be called when the user clicks the component.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback function to be called when the user clicks the component.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Applies when element has onClick or onMouseDown props\n /\n ariaLabel?: string;\n /\n Disable click behaviors\n /\n disableClickableBehavior?: boolean;\n /\n Show border, the border color is `--text-color-on-primary`, should be when the chip is a colored background like\n * selected-color\n */\n showBorder?: boolean;\n closeButtonAriaLabel?: string;\n}\n\nconst Chips: VibeComponent<ChipsProps, HTMLDivElement> & {\n colors?: typeof ElementAllowedColorEnum;\n avatarTypes?: typeof AvatarTypeEnum;\n} = forwardRef<HTMLDivElement, ChipsProps>(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\"\n }: ChipsProps,\n ref\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef, hoverRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: clickableProps.ref as RefObject<HTMLDivElement>,\n className: clickableClassName,\n style: backgroundColorStyle\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\nexport default withStaticProps(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useHover","useHover","_useHover2","_slicedToArray","hoverRef","isHovered","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","style","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"g9DAoBA,IAiQeA,EAAAA,EA3LXC,GACF,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,GAA2C,EAACH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAI3BE,GAXqB/C,EAAzB,gBAWwCgD,EAAUC,EAAuBC,KAAM7C,GAC3E8C,MAAyBpB,IAAaD,GAAiBM,IACvDgB,IAAkBjC,IAAaF,EAC/BoC,GAAoBnB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzE+C,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAA8BC,IAA0BC,GAAAC,EAAAH,GAAA,GAAjDI,GAAQF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAcC,EAAY,CAAE/D,IAAKuD,KAAjCO,UAEFE,GAAYC,EAA4BjE,EAAKuD,GAAcK,IAE3DM,GAAoBC,EAAGC,EAAOC,MAAOpE,EAASqE,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACjDF,EAAOpD,SAAWA,GAClBoD,EAAOpC,YAAcA,GACrBoC,EAAOG,eAAiBnD,GACxBgD,EAAOI,OAAS/B,KAEbgC,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOpD,SAAWA,GAClBoD,EAAOO,sBAAwBvD,IAG5BwD,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPL9D,EACO+D,EAAU,6BACV7B,KAAwBW,IAAaC,IACrCkB,EAAgB1D,GAAO,GAAM,GAE7B0D,EAAgB1D,GAAO,GAGpC,GAAG,CAACN,EAAUkC,GAAqBW,GAAWC,GAAWxC,IAEnD2D,GAAmBC,GACvB,SAACC,GACCA,EAAEC,kBACE1D,GACFA,EAAStB,EAAI+E,EAEjB,GACA,CAAC/E,EAAIsB,IAGD2D,GAAkBH,GACtB,SAACC,QACiBG,IAAZxD,GAA0BqD,EAAEI,SAA2BlC,GAAcmC,UACvEL,EAAEM,iBACF3D,EAAQqD,GAEZ,GACA,CAACrD,IAGG4D,GAAiBC,EACrB,CACE7D,QAASuD,GACTxD,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe0C,GACfb,UAAWmB,GACXwC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,IAEI+B,GAAe7C,kCAEZwC,IAAc,CACjB1F,IAAK0F,GAAe1F,IACpBC,UAAWwE,GACXuB,MAAOpB,KAET,CACE3E,UAAWiE,GACX,aAAcd,GACd4C,MAAOpB,GACP5E,IAAKgE,GACLlC,QAASuD,GACTxD,YAAAA,EACAzB,GAAIA,EACJ,cAAe0C,IAGfmD,GAAqC,SAAnB5D,GAA4B,CAAE6D,KAAMtF,GAAe,CAAEuF,IAAKvF,GAC5EwF,GAAsC,SAAnB/D,GAA4B,CAAE6D,KAAMpF,GAAgB,CAAEqF,IAAKrF,GAEpF,OACEuF,uCAASN,IACNnF,EACCyF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOsC,KAAMxG,GAC1CyG,WAxMc,GAyMdC,KAAMvE,GACNwE,IAAKzG,GACD6F,KAEJ,KACHzF,EACC6F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOsC,KAAMvG,GACxC6G,SAAS,OACTD,KAAMvG,EACNgB,SAAUA,EACVyF,kBAAgB,IAEhB,KACHvE,IAAgB2D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOsC,OAAQhE,IAC1E2D,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQ3G,UAAWmE,EAAO9D,OAClCA,GAEFI,EACC2F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOgD,MAAOjH,GACzC6G,SAAS,OACTD,KAAMrG,EACNc,SAAUA,EACVyF,kBAAgB,IAEhB,KACHnG,EACCuF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOgD,MAAOlH,GAC3CyG,WAxOc,GAyOdC,KAAMrE,GACNsE,IAAKzG,GACDgG,KAEJ,KACHzD,IAAiB0D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOgD,QAASzE,IAC3EQ,IACCkD,EAACC,cAAAe,GACCC,KAAK,MACLhG,MAAM,mBACNrB,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOmD,OAClCtF,UAAWY,GACX2E,aAAW,EACXT,KAAMU,EACN3F,QAASmD,2BACOnC,GAA2B,UAC3C9C,IAAKqD,KAKf,IAGoC,CACpCqE,OAAQC,EACRC,YAAaC"}
1	+ {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, RefObject, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport Icon from \"../Icon/Icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Text from \"../Text/Text\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { AvatarType } from \"../Avatar/Avatar.types\";\nimport { ElementContent, SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useHover from \"../../hooks/useHover/useHover\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport styles from \"./Chips.module.scss\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n label?: ElementContent;\n disabled?: boolean;\n readOnly?: boolean;\n \"data-testid\"?: string;\n /*\n A React element that is positioned to the right of the text\n /\n rightRenderer?: ElementContent;\n /\n A React element that is positioned to the left of the text\n /\n leftRenderer?: ElementContent;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* Img to place as avatar on the right /\n rightAvatar?: string;\n /* the type of right avatar /\n rightAvatarType?: AvatarType;\n /* Img to place as avatar on the left /\n leftAvatar?: string;\n /* the type of left avatar /\n leftAvatarType?: AvatarType;\n /* ClassName for left or right icon /\n iconClassName?: string;\n /* ClassName for left or right avatar /\n avatarClassName?: string;\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /* Size for font icon /\n iconSize?: number \| string;\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n Disables the Chip's entry animation\n /\n noAnimation?: boolean;\n /\n Allow user to select text\n /\n allowTextSelection?: boolean;\n /\n Callback function to be called when the user clicks the component.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback function to be called when the user clicks the component.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Applies when element has onClick or onMouseDown props\n /\n ariaLabel?: string;\n /\n Disable click behaviors\n /\n disableClickableBehavior?: boolean;\n /\n Show border, the border color is `--text-color-on-primary`, should be when the chip is a colored background like\n * selected-color\n */\n showBorder?: boolean;\n closeButtonAriaLabel?: string;\n}\n\nconst Chips: VibeComponent<ChipsProps, HTMLDivElement> & {\n colors?: typeof ElementAllowedColorEnum;\n avatarTypes?: typeof AvatarTypeEnum;\n} = forwardRef<HTMLDivElement, ChipsProps>(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\"\n }: ChipsProps,\n ref\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [hoverRef, isHovered] = useHover<HTMLDivElement>();\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef, hoverRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: clickableProps.ref as RefObject<HTMLDivElement>,\n className: clickableClassName,\n style: backgroundColorStyle\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\nexport default withStaticProps(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useHover","useHover","_useHover2","_slicedToArray","hoverRef","isHovered","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","wrapperProps","style","leftAvatarProps","text","src","rightAvatarProps","React","createElement","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"8/BAoBA,IAiQeA,EAAAA,EA3LXC,GACF,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAeH,EAAfG,gBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACVS,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAV,EACfW,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAZ,EAChBa,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAd,EACjBe,YAAAA,OAAc,IAAHD,EAAG,KAAIA,EAAAE,EAAAhB,EAClBiB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAlB,EAChBmB,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAApB,EAChBqB,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAtB,EAC1BuB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAxB,EACjByB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAA1B,EACb2B,SAAAA,OAAQ,IAAAD,EAAG,SAACE,EAAaC,GAA2C,EAACH,EACrEI,EAAW9B,EAAX8B,YACAC,EAAO/B,EAAP+B,QAAOC,EAAAhC,EACPiC,YAAAA,OAAc,IAAHD,GAAOA,EAClBE,EAASlC,EAATkC,UACaC,GAAAnC,EACboC,yBAAAA,QAA2B,IAAHD,IAAQA,GAAAE,GAAArC,EAChCsC,eAAAA,QAAiB,IAAHD,GAAG,MAAKA,GAAAE,GAAAvC,EACtBwC,gBAAAA,QAAkB,IAAHD,GAAG,MAAKA,GAAAE,GAAAzC,EACvB0C,WAAAA,QAAa,IAAHD,IAAQA,GAClBE,GAAY3C,EAAZ2C,aACAC,GAAa5C,EAAb4C,cAAaC,GAAA7C,EACb8C,qBAAAA,QAAuB,IAAHD,GAAG,SAAQA,GAI3BE,GAXqB/C,EAAzB,gBAWwCgD,EAAUC,EAAuBC,KAAM7C,GAC3E8C,MAAyBpB,IAAaD,GAAiBM,IACvDgB,IAAkBjC,IAAaF,EAC/BoC,GAAoBnB,GAA+B,iBAAV3B,GAAsBA,GAAU,GAEzE+C,GAAgBC,EAAO,MACvBC,GAAeD,EAAO,MAE5BE,GAA8BC,IAA0BC,GAAAC,EAAAH,GAAA,GAAjDI,GAAQF,GAAA,GAAEG,GAASH,GAAA,GAClBI,GAAcC,EAAY,CAAE/D,IAAKuD,KAAjCO,UAEFE,GAAYC,EAA4BjE,EAAKuD,GAAcK,IAE3DM,GAAoBC,EAAGC,EAAOC,MAAOpE,EAASqE,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACjDF,EAAOpD,SAAWA,GAClBoD,EAAOpC,YAAcA,GACrBoC,EAAOG,eAAiBnD,GACxBgD,EAAOI,OAAS/B,KAEbgC,GAAqBN,EAAGC,EAAOM,UAAWR,GAAiBI,EAAAA,EAC9DF,CAAAA,EAAAA,EAAOpD,SAAWA,GAClBoD,EAAOO,sBAAwBvD,IAG5BwD,GAAuBC,GAAQ,WASnC,MAAO,CAAEC,gBAPL9D,EACO+D,EAAU,6BACV7B,KAAwBW,IAAaC,IACrCkB,EAAgB1D,GAAO,GAAM,GAE7B0D,EAAgB1D,GAAO,GAGpC,GAAG,CAACN,EAAUkC,GAAqBW,GAAWC,GAAWxC,IAEnD2D,GAAmBC,GACvB,SAACC,GACCA,EAAEC,kBACE1D,GACFA,EAAStB,EAAI+E,EAEjB,GACA,CAAC/E,EAAIsB,IAGD2D,GAAkBH,GACtB,SAACC,QACiBG,IAAZxD,GAA0BqD,EAAEI,SAA2BlC,GAAcmC,UACvEL,EAAEM,iBACF3D,EAAQqD,GAEZ,GACA,CAACrD,IAGG4D,GAAiBC,EACrB,CACE7D,QAASuD,GACTxD,YAAAA,EACAb,SAAAA,EACAZ,GAAAA,EACA,cAAe0C,GACfb,UAAWmB,GACXwC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,IAEI+B,GAAe7C,kCAEZwC,IAAc,CACjB1F,IAAK0F,GAAe1F,IACpBC,UAAWwE,GACXuB,MAAOpB,KAET,CACE3E,UAAWiE,GACX,aAAcd,GACd4C,MAAOpB,GACP5E,IAAKgE,GACLlC,QAASuD,GACTxD,YAAAA,EACAzB,GAAIA,EACJ,cAAe0C,IAGfmD,GAAqC,SAAnB5D,GAA4B,CAAE6D,KAAMtF,GAAe,CAAEuF,IAAKvF,GAC5EwF,GAAsC,SAAnB/D,GAA4B,CAAE6D,KAAMpF,GAAgB,CAAEqF,IAAKrF,GAEpF,OACEuF,uCAASN,IACNnF,EACCyF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOsC,KAAMxG,GAC1CyG,WAxMc,GAyMdC,KAAMvE,GACNwE,IAAKzG,GACD6F,KAEJ,KACHzF,EACC6F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOsC,KAAMvG,GACxC6G,SAAS,OACTD,KAAMvG,EACNgB,SAAUA,EACVyF,kBAAgB,IAEhB,KACHvE,IAAgB2D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOsC,OAAQhE,IAC1E2D,EAAAC,cAACa,EAAI,CAACP,KAAK,QAAQ3G,UAAWmE,EAAO9D,OAClCA,GAEFI,EACC2F,EAACC,cAAAQ,GACC7G,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOgD,MAAOjH,GACzC6G,SAAS,OACTD,KAAMrG,EACNc,SAAUA,EACVyF,kBAAgB,IAEhB,KACHnG,EACCuF,EAACC,cAAAC,iBACCC,eAAa,EACbvG,UAAWkE,EAAGC,EAAOqC,OAAQrC,EAAOgD,MAAOlH,GAC3CyG,WAxOc,GAyOdC,KAAMrE,GACNsE,IAAKzG,GACDgG,KAEJ,KACHzD,IAAiB0D,EAAKC,cAAA,MAAA,CAAArG,UAAWkE,EAAGC,EAAO8C,eAAgB9C,EAAOgD,QAASzE,IAC3EQ,IACCkD,EAACC,cAAAe,GACCC,KAAK,MACLhG,MAAM,mBACNrB,UAAWkE,EAAGC,EAAO2C,KAAM3C,EAAOmD,OAClCtF,UAAWY,GACX2E,aAAW,EACXT,KAAMU,EACN3F,QAASmD,2BACOnC,GAA2B,UAC3C9C,IAAKqD,KAKf,IAGoC,CACpCqE,OAAQC,EACRC,YAAaC"}

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_8fe54920e7","focus-visible":"focus-visible_890b73a298",disabled:"disabled_47ab852da9",disableTextSelection:"disableTextSelection_d8acdf093a",chips:"chips_51752381b0","chips-pop-in-emphasized":"chips-pop-in-emphasized_8b910c2a8a",border:"border_c26d1efac1",withUserSelect:"withUserSelect_ab46dd735a",label:"label_3929da85e4",noAnimation:"noAnimation_32365c194f",icon:"icon_55b30b3164",avatar:"avatar_634812e899",customRenderer:"customRenderer_1940ad1e95",left:"left_a08860b5a4",right:"right_d4d0b35d38",close:"close_fc3a9f540b",defaultCursor:"defaultCursor_47ab852da9"};!function(e){const n="s_id-a8c9f55659fd_3_0_0-alpha_13";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_8fe54920e7 {\n  cursor: pointer;\n}\n.clickable_8fe54920e7:focus-visible, .clickable_8fe54920e7.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_8fe54920e7:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.clickable_8fe54920e7.disabled_47ab852da9 {\n  cursor: default;\n}\n.disableTextSelection_d8acdf093a {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_51752381b0 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_8b910c2a8a var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_51752381b0.border_c26d1efac1 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_51752381b0.withUserSelect_ab46dd735a {\n  user-select: text;\n  cursor: text;\n}\n.chips_51752381b0 .label_3929da85e4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_51752381b0.noAnimation_32365c194f {\n  animation: none;\n}\n.chips_51752381b0 .icon_55b30b3164,\n.chips_51752381b0 .avatar_634812e899,\n.chips_51752381b0 .customRenderer_1940ad1e95 {\n  min-width: 18px;\n}\n.chips_51752381b0 .icon_55b30b3164.left_a08860b5a4,\n.chips_51752381b0 .avatar_634812e899.left_a08860b5a4,\n.chips_51752381b0 .customRenderer_1940ad1e95.left_a08860b5a4 {\n  margin-right: var(--spacing-xs);\n}\n.chips_51752381b0 .icon_55b30b3164.right_d4d0b35d38,\n.chips_51752381b0 .avatar_634812e899.right_d4d0b35d38,\n.chips_51752381b0 .customRenderer_1940ad1e95.right_d4d0b35d38 {\n  margin-left: var(--spacing-xs);\n}\n.chips_51752381b0 .icon_55b30b3164.close_fc3a9f540b,\n.chips_51752381b0 .avatar_634812e899.close_fc3a9f540b,\n.chips_51752381b0 .customRenderer_1940ad1e95.close_fc3a9f540b {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_51752381b0.disabled_47ab852da9 .icon_55b30b3164 {\n  color: var(--disabled-text-color);\n}\n.chips_51752381b0.disabled_47ab852da9 .label_3929da85e4 {\n  color: var(--disabled-text-color);\n}\n.chips_51752381b0.defaultCursor_47ab852da9 {\n  cursor: default;\n}\n.chips_51752381b0.clickable_8fe54920e7 {\n  cursor: pointer;\n}\n.chips_51752381b0.clickable_8fe54920e7:focus-visible, .chips_51752381b0.clickable_8fe54920e7.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_51752381b0.clickable_8fe54920e7:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.chips_51752381b0.clickable_8fe54920e7.disabled_47ab852da9 {\n  cursor: default;\n}\n.chips_51752381b0.clickable_8fe54920e7.disableTextSelection_d8acdf093a {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_8b910c2a8a {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={clickable:"clickable_ceaee33e40","focus-visible":"focus-visible_dac054f1c7",disabled:"disabled_6c8b3373a5",disableTextSelection:"disableTextSelection_c322760bf0",chips:"chips_68affc31fc","chips-pop-in-emphasized":"chips-pop-in-emphasized_dc6678797c",border:"border_42be0b16b0",withUserSelect:"withUserSelect_4dd8143b4f",label:"label_01c2a1bfc5",noAnimation:"noAnimation_426e4a7f78",icon:"icon_224e795705",avatar:"avatar_15fa83945e",customRenderer:"customRenderer_329e840871",left:"left_3c182387ca",right:"right_ba651df9f2",close:"close_a0a7857bc2",defaultCursor:"defaultCursor_6c8b3373a5"};!function(e){const c="s_id-a8c9f55659fd_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const a=document.createElement("style");a.id=c,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".clickable_ceaee33e40 {\n  cursor: pointer;\n}\n.clickable_ceaee33e40:focus-visible, .clickable_ceaee33e40.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_ceaee33e40:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.clickable_ceaee33e40.disabled_6c8b3373a5 {\n  cursor: default;\n}\n.disableTextSelection_c322760bf0 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_68affc31fc {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_dc6678797c var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_68affc31fc.border_42be0b16b0 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_68affc31fc.withUserSelect_4dd8143b4f {\n  user-select: text;\n  cursor: text;\n}\n.chips_68affc31fc .label_01c2a1bfc5 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_68affc31fc.noAnimation_426e4a7f78 {\n  animation: none;\n}\n.chips_68affc31fc .icon_224e795705,\n.chips_68affc31fc .avatar_15fa83945e,\n.chips_68affc31fc .customRenderer_329e840871 {\n  min-width: 18px;\n}\n.chips_68affc31fc .icon_224e795705.left_3c182387ca,\n.chips_68affc31fc .avatar_15fa83945e.left_3c182387ca,\n.chips_68affc31fc .customRenderer_329e840871.left_3c182387ca {\n  margin-right: var(--spacing-xs);\n}\n.chips_68affc31fc .icon_224e795705.right_ba651df9f2,\n.chips_68affc31fc .avatar_15fa83945e.right_ba651df9f2,\n.chips_68affc31fc .customRenderer_329e840871.right_ba651df9f2 {\n  margin-left: var(--spacing-xs);\n}\n.chips_68affc31fc .icon_224e795705.close_a0a7857bc2,\n.chips_68affc31fc .avatar_15fa83945e.close_a0a7857bc2,\n.chips_68affc31fc .customRenderer_329e840871.close_a0a7857bc2 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_68affc31fc.disabled_6c8b3373a5 .icon_224e795705 {\n  color: var(--disabled-text-color);\n}\n.chips_68affc31fc.disabled_6c8b3373a5 .label_01c2a1bfc5 {\n  color: var(--disabled-text-color);\n}\n.chips_68affc31fc.defaultCursor_6c8b3373a5 {\n  cursor: default;\n}\n.chips_68affc31fc.clickable_ceaee33e40 {\n  cursor: pointer;\n}\n.chips_68affc31fc.clickable_ceaee33e40:focus-visible, .chips_68affc31fc.clickable_ceaee33e40.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_68affc31fc.clickable_ceaee33e40:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.chips_68affc31fc.clickable_ceaee33e40.disabled_6c8b3373a5 {\n  cursor: default;\n}\n.chips_68affc31fc.clickable_ceaee33e40.disableTextSelection_c322760bf0 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_dc6678797c {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_8fe54920e7","focus-visible":"focus-visible_890b73a298",disabled:"disabled_47ab852da9",disableTextSelection:"disableTextSelection_d8acdf093a"};!function(e){const n="s_id-8d33a9ee9e1f_3_0_0-alpha_13";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_8fe54920e7 {\n  cursor: pointer;\n}\n.clickable_8fe54920e7:focus-visible, .clickable_8fe54920e7.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_8fe54920e7:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.clickable_8fe54920e7.disabled_47ab852da9 {\n  cursor: default;\n}\n.disableTextSelection_d8acdf093a {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
+var e={clickable:"clickable_ceaee33e40","focus-visible":"focus-visible_dac054f1c7",disabled:"disabled_6c8b3373a5",disableTextSelection:"disableTextSelection_c322760bf0"};!function(e){const n="s_id-8d33a9ee9e1f_3_0_0-alpha_15";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_ceaee33e40 {\n  cursor: pointer;\n}\n.clickable_ceaee33e40:focus-visible, .clickable_ceaee33e40.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_ceaee33e40:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.clickable_ceaee33e40.disabled_6c8b3373a5 {\n  cursor: default;\n}\n.disableTextSelection_c322760bf0 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
 //# sourceMappingURL=Clickable.module.scss.js.map