npm - @vibe/core - Versions diffs - 3.43.0 → 3.44.0-alpha-4e0c9.0 - Mend

@vibe/core 3.43.0 → 3.44.0-alpha-4e0c9.0

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

Files changed (448) hide show

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

@@ -1,2 +1,2 @@
-var n={box:"box_4144b258b5",scrollable:"scrollable_f8e638080d",opacityDisabled:"opacityDisabled_c3a306e85d",border:"border_dbb83cc4cd",borderColorUiBorderColor:"borderColorUiBorderColor_2d8f7ed2dd",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_7de56bb697",rounded0:"rounded0_7bb08d975f",roundedSmall:"roundedSmall_ec7f8ab421",roundedMedium:"roundedMedium_df40d48647",roundedBig:"roundedBig_22ea1253b1",shadowXs:"shadowXs_2c75a2705c",shadowSmall:"shadowSmall_f5e935bce9",shadowMedium:"shadowMedium_96b9720fb7",shadowLarge:"shadowLarge_ecaf71c3f4",m0:"m0_8a534adf18",mXs:"mXs_43c547eb72",mSmall:"mSmall_14f0e5f260",mMedium:"mMedium_e0d08f9805",mLarge:"mLarge_06da6db374",mXl:"mXl_dde13359e8",mXxl:"mXxl_2f800b27be",mXxxl:"mXxxl_ba1de62817",mAuto:"mAuto_492bd32aac",mx0:"mx0_9e42caef50",mxXs:"mxXs_09aaf7da70",mxSmall:"mxSmall_aafa886976",mxMedium:"mxMedium_d72a99c3aa",mxLarge:"mxLarge_cb4750da35",mxXl:"mxXl_a68f5174a1",mxXxl:"mxXxl_c9bb350f31",mxXxxl:"mxXxxl_cf533a4e15",mxAuto:"mxAuto_3c1cfc1553",my0:"my0_ccc46d492e",myXs:"myXs_990395a0b9",mySmall:"mySmall_b2ae78c293",myMedium:"myMedium_64d0dc2eac",myLarge:"myLarge_7e6f7e132e",myXl:"myXl_9983b71c15",myXxl:"myXxl_8ec7e1ce6b",myXxxl:"myXxxl_68b8052391",myAuto:"myAuto_85a292cefa",mt0:"mt0_a5db1bdf52",mtXs:"mtXs_1cd45e0f51",mtSmall:"mtSmall_cb824920c4",mtMedium:"mtMedium_cd16f36b16",mtLarge:"mtLarge_72d9a66d62",mtXl:"mtXl_98aee0ba34",mtXxl:"mtXxl_61966a001a",mtXxxl:"mtXxxl_61d65e9658",mtAuto:"mtAuto_4640b5ca66",me0:"me0_ebb574b2ff",meXs:"meXs_113dee6128",meSmall:"meSmall_2ab3ab7410",meMedium:"meMedium_a986e88c97",meLarge:"meLarge_e929cbab33",meXl:"meXl_70bc90c2d6",meXxl:"meXxl_4a2a9d8be3",meXxxl:"meXxxl_c37f4f98b4",meAuto:"meAuto_4dc7dbdabf",mb0:"mb0_e27578580b",mbXs:"mbXs_939cd14fe9",mbSmall:"mbSmall_8b7eadebd1",mbMedium:"mbMedium_4065723f1a",mbLarge:"mbLarge_64dada48bd",mbXl:"mbXl_ab3fb03a04",mbXxl:"mbXxl_0849667644",mbXxxl:"mbXxxl_21a50936ab",mbAuto:"mbAuto_e75731a674",ms0:"ms0_4932d24cbe",msXs:"msXs_9b6ae24eed",msSmall:"msSmall_a55084f101",msMedium:"msMedium_305d2db47d",msLarge:"msLarge_76ceeff644",msXl:"msXl_8fc5cb9436",msXxl:"msXxl_382e6bec7f",msXxxl:"msXxxl_177abf6ca7",msAuto:"msAuto_e29bb87ced",p0:"p0_4353801053",pXs:"pXs_06f9126015",pSmall:"pSmall_178c0788a3",pMedium:"pMedium_975e991af8",pLarge:"pLarge_f975240510",pXl:"pXl_f3276a6b49",pXxl:"pXxl_7744c9c646",pXxxl:"pXxxl_087aa88f81",px0:"px0_0a2c62821d",pxXs:"pxXs_1d73d311d0",pxSmall:"pxSmall_8234d1a52f",pxMedium:"pxMedium_3996c0bfa9",pxLarge:"pxLarge_ba8cbd18cd",pxXl:"pxXl_acc2b2f850",pxXxl:"pxXxl_3d30c91238",pxXxxl:"pxXxxl_0dfc56912f",py0:"py0_400b721006",pyXs:"pyXs_8099b6a12d",pySmall:"pySmall_227943cc1e",pyMedium:"pyMedium_0c7c4d7f2d",pyLarge:"pyLarge_adbc7c8812",pyXl:"pyXl_d32e35a691",pyXxl:"pyXxl_d6f0ffef56",pyXxxl:"pyXxxl_e8ff77ee92",pt0:"pt0_1b26df73f5",ptXs:"ptXs_4c5f3613ae",ptSmall:"ptSmall_ebb23d20a2",ptMedium:"ptMedium_9e96186e85",ptLarge:"ptLarge_6f4dc63fb0",ptXl:"ptXl_461e360b6e",ptXxl:"ptXxl_2e86800718",ptXxxl:"ptXxxl_6735f027e9",pe0:"pe0_ee9cc05bbe",peXs:"peXs_a557d69a6a",peSmall:"peSmall_0da1120a51",peMedium:"peMedium_deee557401",peLarge:"peLarge_22bfe6fbf7",peXl:"peXl_812b058d12",peXxl:"peXxl_46509d1c1d",peXxxl:"peXxxl_b3e74af855",pb0:"pb0_8eb5508b57",pbXs:"pbXs_4bc16d17a8",pbSmall:"pbSmall_be6654debc",pbMedium:"pbMedium_7854384da7",pbLarge:"pbLarge_eb1f404db2",pbXl:"pbXl_2f6af01a44",pbXxl:"pbXxl_314912b9b9",pbXxxl:"pbXxxl_8d48e1c20f",ps0:"ps0_6999631880",psXs:"psXs_52784c8ba1",psSmall:"psSmall_414933340d",psMedium:"psMedium_5826f622ec",psLarge:"psLarge_2d48faaa21",psXl:"psXl_2ee090d078",psXxl:"psXxl_308256cb47",psXxxl:"psXxxl_fd18fec7e0",textPrimaryTextColor:"textPrimaryTextColor_632b7538f1",textTextColorOnInverted:"textTextColorOnInverted_857c6fd379",textSecondaryTextColor:"textSecondaryTextColor_bd93dac89e",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_a3eef1f584",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_7892ef39bb",bgGreyBackgroundColor:"bgGreyBackgroundColor_37370bd4b4",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_ca50797ef2",bgInvertedColorBackground:"bgInvertedColorBackground_cf444414a6"};!function(n){const a="s_id-e8ebf0c89fee_3_42_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_4144b258b5 {\n  overflow: hidden;\n}\n.box_4144b258b5.scrollable_f8e638080d {\n  overflow: auto;\n}\n.box_4144b258b5.scrollable_f8e638080d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_4144b258b5.scrollable_f8e638080d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_c3a306e85d {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_dbb83cc4cd {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_2d8f7ed2dd {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_7de56bb697 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_7bb08d975f {\n  border-radius: 0 !important;\n}\n.roundedSmall_ec7f8ab421 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_df40d48647 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_22ea1253b1 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_2c75a2705c {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_f5e935bce9 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_96b9720fb7 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_ecaf71c3f4 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_8a534adf18 {\n  margin: 0 !important;\n}\n.mXs_43c547eb72 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_14f0e5f260 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_e0d08f9805 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_06da6db374 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_dde13359e8 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_2f800b27be {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_ba1de62817 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_492bd32aac {\n  margin: auto !important;\n}\n.mx0_9e42caef50 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_09aaf7da70 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_aafa886976 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_d72a99c3aa {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_cb4750da35 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_a68f5174a1 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_c9bb350f31 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_cf533a4e15 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_3c1cfc1553 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_ccc46d492e {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_990395a0b9 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_b2ae78c293 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_64d0dc2eac {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_7e6f7e132e {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_9983b71c15 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_8ec7e1ce6b {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_68b8052391 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_85a292cefa {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_a5db1bdf52 {\n  margin-top: 0 !important;\n}\n.mtXs_1cd45e0f51 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_cb824920c4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_cd16f36b16 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_72d9a66d62 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_98aee0ba34 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_61966a001a {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_61d65e9658 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_4640b5ca66 {\n  margin-top: auto !important;\n}\n.me0_ebb574b2ff {\n  margin-inline-end: 0 !important;\n}\n.meXs_113dee6128 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_2ab3ab7410 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_a986e88c97 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_e929cbab33 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_70bc90c2d6 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_4a2a9d8be3 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_c37f4f98b4 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_4dc7dbdabf {\n  margin-inline-end: auto !important;\n}\n.mb0_e27578580b {\n  margin-bottom: 0 !important;\n}\n.mbXs_939cd14fe9 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_8b7eadebd1 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_4065723f1a {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_64dada48bd {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_ab3fb03a04 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_0849667644 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_21a50936ab {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_e75731a674 {\n  margin-bottom: auto !important;\n}\n.ms0_4932d24cbe {\n  margin-inline-start: 0 !important;\n}\n.msXs_9b6ae24eed {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_a55084f101 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_305d2db47d {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_76ceeff644 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_8fc5cb9436 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_382e6bec7f {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_177abf6ca7 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_e29bb87ced {\n  margin-inline-start: auto !important;\n}\n.p0_4353801053 {\n  padding: 0 !important;\n}\n.pXs_06f9126015 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_178c0788a3 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_975e991af8 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_f975240510 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_f3276a6b49 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_7744c9c646 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_087aa88f81 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_0a2c62821d {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_1d73d311d0 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8234d1a52f {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_3996c0bfa9 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_ba8cbd18cd {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_acc2b2f850 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_3d30c91238 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_0dfc56912f {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_400b721006 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_8099b6a12d {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_227943cc1e {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_0c7c4d7f2d {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_adbc7c8812 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_d32e35a691 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_d6f0ffef56 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_e8ff77ee92 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_1b26df73f5 {\n  padding-top: 0 !important;\n}\n.ptXs_4c5f3613ae {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_ebb23d20a2 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_9e96186e85 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_6f4dc63fb0 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_461e360b6e {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_2e86800718 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_6735f027e9 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_ee9cc05bbe {\n  padding-inline-end: 0 !important;\n}\n.peXs_a557d69a6a {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_0da1120a51 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_deee557401 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_22bfe6fbf7 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_812b058d12 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_46509d1c1d {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_b3e74af855 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_8eb5508b57 {\n  padding-bottom: 0 !important;\n}\n.pbXs_4bc16d17a8 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_be6654debc {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_7854384da7 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_eb1f404db2 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_2f6af01a44 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_314912b9b9 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_8d48e1c20f {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_6999631880 {\n  padding-inline-start: 0 !important;\n}\n.psXs_52784c8ba1 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_414933340d {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_5826f622ec {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_2d48faaa21 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_2ee090d078 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_308256cb47 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_fd18fec7e0 {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_632b7538f1 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_857c6fd379 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_bd93dac89e {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_a3eef1f584 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_7892ef39bb {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_37370bd4b4 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_ca50797ef2 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_cf444414a6 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_9cb86204a7",scrollable:"scrollable_9859b7b4ca",opacityDisabled:"opacityDisabled_9ba5a4eba1",border:"border_0ee27dca8b",borderColorUiBorderColor:"borderColorUiBorderColor_fdae34d378",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_7de50871a7",rounded0:"rounded0_1c2b177c7f",roundedSmall:"roundedSmall_f541ef0dc6",roundedMedium:"roundedMedium_9cf9fc1ff3",roundedBig:"roundedBig_2a4d9bf33f",shadowXs:"shadowXs_79b5a844a2",shadowSmall:"shadowSmall_c7665fa427",shadowMedium:"shadowMedium_43b3d2cef4",shadowLarge:"shadowLarge_d7b5b3b76c",m0:"m0_4a2391a476",mXs:"mXs_beca66a062",mSmall:"mSmall_afca4bb714",mMedium:"mMedium_ef4b748f13",mLarge:"mLarge_8437892622",mXl:"mXl_f85cbd33a0",mXxl:"mXxl_29bb01e961",mXxxl:"mXxxl_f919244598",mAuto:"mAuto_6168693ca2",mx0:"mx0_393f43b647",mxXs:"mxXs_ccd76d5b99",mxSmall:"mxSmall_287422fa0a",mxMedium:"mxMedium_4f3107d219",mxLarge:"mxLarge_ad449763b7",mxXl:"mxXl_32f00b0365",mxXxl:"mxXxl_a998e118be",mxXxxl:"mxXxxl_4e7fac0253",mxAuto:"mxAuto_6d7ffbd5f2",my0:"my0_c92eb395ac",myXs:"myXs_0581242af0",mySmall:"mySmall_66aa67975e",myMedium:"myMedium_ef0d5c10a3",myLarge:"myLarge_0e85a06338",myXl:"myXl_5f0ebd75f5",myXxl:"myXxl_f5808ac860",myXxxl:"myXxxl_7100e57f13",myAuto:"myAuto_2b2cdde3b1",mt0:"mt0_00ed3e0e28",mtXs:"mtXs_e7b59c7ee6",mtSmall:"mtSmall_6a944f3123",mtMedium:"mtMedium_043bf0cdbd",mtLarge:"mtLarge_5157443576",mtXl:"mtXl_a9c1b4cf8f",mtXxl:"mtXxl_ed50e19221",mtXxxl:"mtXxxl_20ff3ba2ca",mtAuto:"mtAuto_d466590abc",me0:"me0_e4abbf3f23",meXs:"meXs_44060a2f27",meSmall:"meSmall_5f65a4531f",meMedium:"meMedium_7b22dfc8ff",meLarge:"meLarge_6a3e331dec",meXl:"meXl_868a158edc",meXxl:"meXxl_0e2cbb3daa",meXxxl:"meXxxl_38cdf9762b",meAuto:"meAuto_9bc260d6f5",mb0:"mb0_9f50f968cc",mbXs:"mbXs_3c753a0f82",mbSmall:"mbSmall_7362c8f276",mbMedium:"mbMedium_d4bfb97fd6",mbLarge:"mbLarge_9cca1f8d09",mbXl:"mbXl_8ddf67ea9b",mbXxl:"mbXxl_a0373a705b",mbXxxl:"mbXxxl_46d422d7de",mbAuto:"mbAuto_47a369f6c2",ms0:"ms0_5e0d5c6e02",msXs:"msXs_fd2bbd15ca",msSmall:"msSmall_e83e2b81c9",msMedium:"msMedium_3518e52d7a",msLarge:"msLarge_c1330a3706",msXl:"msXl_b7c9562e65",msXxl:"msXxl_a8c9c271ac",msXxxl:"msXxxl_8a449b8a00",msAuto:"msAuto_8e685d805e",p0:"p0_2944295712",pXs:"pXs_a32938186b",pSmall:"pSmall_38acc15cae",pMedium:"pMedium_1913982f13",pLarge:"pLarge_7a4f634890",pXl:"pXl_70f3dbac11",pXxl:"pXxl_6767c6feb4",pXxxl:"pXxxl_5592087c5e",px0:"px0_eb5a6e5c92",pxXs:"pxXs_d2067e5bf6",pxSmall:"pxSmall_af801b82a6",pxMedium:"pxMedium_133ad178e6",pxLarge:"pxLarge_d7113f514d",pxXl:"pxXl_26387f222f",pxXxl:"pxXxl_db31b06e49",pxXxxl:"pxXxxl_850de86253",py0:"py0_567b1bee2d",pyXs:"pyXs_8a89b47c07",pySmall:"pySmall_3715ad53c6",pyMedium:"pyMedium_ec9295f767",pyLarge:"pyLarge_fd5f884450",pyXl:"pyXl_6050b8d7f9",pyXxl:"pyXxl_9d66c7ece3",pyXxxl:"pyXxxl_5f5a3e4471",pt0:"pt0_f5a49c0b87",ptXs:"ptXs_9d47440572",ptSmall:"ptSmall_22cb74738d",ptMedium:"ptMedium_2499a35653",ptLarge:"ptLarge_3c27df3662",ptXl:"ptXl_3d1eef8839",ptXxl:"ptXxl_3ef7f38afd",ptXxxl:"ptXxxl_5201247646",pe0:"pe0_1941d2f16d",peXs:"peXs_fe0c992f82",peSmall:"peSmall_0bc410dc1b",peMedium:"peMedium_480402e831",peLarge:"peLarge_45973d0653",peXl:"peXl_b17bb4d568",peXxl:"peXxl_124bd74d49",peXxxl:"peXxxl_e7d973d2b7",pb0:"pb0_d1de3db0de",pbXs:"pbXs_5146301c30",pbSmall:"pbSmall_6d14ae9f0e",pbMedium:"pbMedium_911c5f816f",pbLarge:"pbLarge_a488f580a1",pbXl:"pbXl_0a040c70a0",pbXxl:"pbXxl_0455383fd0",pbXxxl:"pbXxxl_85e9d9a247",ps0:"ps0_cc749d3503",psXs:"psXs_fd8d4b528e",psSmall:"psSmall_9d0c6ac438",psMedium:"psMedium_47b23881ff",psLarge:"psLarge_b31d9459c7",psXl:"psXl_91e93650ce",psXxl:"psXxl_94402d6e2b",psXxxl:"psXxxl_a3a60053fc",textPrimaryTextColor:"textPrimaryTextColor_9ee6957062",textTextColorOnInverted:"textTextColorOnInverted_eb3176a360",textSecondaryTextColor:"textSecondaryTextColor_4e38aff1c6",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_6529976a1b",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_4e0ff2b7fd",bgGreyBackgroundColor:"bgGreyBackgroundColor_c4ba407481",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_38a9e533c4",bgInvertedColorBackground:"bgInvertedColorBackground_a1ec4ecc21"};!function(n){const a="s_id-e8ebf0c89fee_3_43_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_9cb86204a7 {\n  overflow: hidden;\n}\n.box_9cb86204a7.scrollable_9859b7b4ca {\n  overflow: auto;\n}\n.box_9cb86204a7.scrollable_9859b7b4ca::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_9cb86204a7.scrollable_9859b7b4ca::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_9ba5a4eba1 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_0ee27dca8b {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_fdae34d378 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_7de50871a7 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_1c2b177c7f {\n  border-radius: 0 !important;\n}\n.roundedSmall_f541ef0dc6 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_9cf9fc1ff3 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_2a4d9bf33f {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_79b5a844a2 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_c7665fa427 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_43b3d2cef4 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_d7b5b3b76c {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_4a2391a476 {\n  margin: 0 !important;\n}\n.mXs_beca66a062 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_afca4bb714 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_ef4b748f13 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_8437892622 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_f85cbd33a0 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_29bb01e961 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_f919244598 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_6168693ca2 {\n  margin: auto !important;\n}\n.mx0_393f43b647 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_ccd76d5b99 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_287422fa0a {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_4f3107d219 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_ad449763b7 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_32f00b0365 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_a998e118be {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_4e7fac0253 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_6d7ffbd5f2 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_c92eb395ac {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_0581242af0 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_66aa67975e {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_ef0d5c10a3 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_0e85a06338 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_5f0ebd75f5 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_f5808ac860 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_7100e57f13 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_2b2cdde3b1 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_00ed3e0e28 {\n  margin-top: 0 !important;\n}\n.mtXs_e7b59c7ee6 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_6a944f3123 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_043bf0cdbd {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_5157443576 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_a9c1b4cf8f {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_ed50e19221 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_20ff3ba2ca {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_d466590abc {\n  margin-top: auto !important;\n}\n.me0_e4abbf3f23 {\n  margin-inline-end: 0 !important;\n}\n.meXs_44060a2f27 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_5f65a4531f {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_7b22dfc8ff {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_6a3e331dec {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_868a158edc {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_0e2cbb3daa {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_38cdf9762b {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_9bc260d6f5 {\n  margin-inline-end: auto !important;\n}\n.mb0_9f50f968cc {\n  margin-bottom: 0 !important;\n}\n.mbXs_3c753a0f82 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_7362c8f276 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_d4bfb97fd6 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_9cca1f8d09 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_8ddf67ea9b {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_a0373a705b {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_46d422d7de {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_47a369f6c2 {\n  margin-bottom: auto !important;\n}\n.ms0_5e0d5c6e02 {\n  margin-inline-start: 0 !important;\n}\n.msXs_fd2bbd15ca {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_e83e2b81c9 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_3518e52d7a {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_c1330a3706 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_b7c9562e65 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_a8c9c271ac {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_8a449b8a00 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_8e685d805e {\n  margin-inline-start: auto !important;\n}\n.p0_2944295712 {\n  padding: 0 !important;\n}\n.pXs_a32938186b {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_38acc15cae {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_1913982f13 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_7a4f634890 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_70f3dbac11 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_6767c6feb4 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_5592087c5e {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_eb5a6e5c92 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_d2067e5bf6 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_af801b82a6 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_133ad178e6 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_d7113f514d {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_26387f222f {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_db31b06e49 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_850de86253 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_567b1bee2d {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_8a89b47c07 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_3715ad53c6 {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_ec9295f767 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_fd5f884450 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_6050b8d7f9 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_9d66c7ece3 {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_5f5a3e4471 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_f5a49c0b87 {\n  padding-top: 0 !important;\n}\n.ptXs_9d47440572 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_22cb74738d {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_2499a35653 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_3c27df3662 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_3d1eef8839 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_3ef7f38afd {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_5201247646 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_1941d2f16d {\n  padding-inline-end: 0 !important;\n}\n.peXs_fe0c992f82 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_0bc410dc1b {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_480402e831 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_45973d0653 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_b17bb4d568 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_124bd74d49 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_e7d973d2b7 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_d1de3db0de {\n  padding-bottom: 0 !important;\n}\n.pbXs_5146301c30 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_6d14ae9f0e {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_911c5f816f {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_a488f580a1 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_0a040c70a0 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_0455383fd0 {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_85e9d9a247 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_cc749d3503 {\n  padding-inline-start: 0 !important;\n}\n.psXs_fd8d4b528e {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_9d0c6ac438 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_47b23881ff {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_b31d9459c7 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_91e93650ce {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_94402d6e2b {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_a3a60053fc {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_9ee6957062 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_eb3176a360 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_4e38aff1c6 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_6529976a1b {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_4e0ff2b7fd {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_c4ba407481 {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_38a9e533c4 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_a1ec4ecc21 {\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_6cfc8a99f5",withoutText:"withoutText_ab02448f98",breadcrumbText:"breadcrumbText_1c78eabb2a",breadcrumbIcon:"breadcrumbIcon_02457b9d49",clickable:"clickable_4e952c1b9e",current:"current_7064d4baff",disabled:"disabled_69bac116fc",notClickable:"notClickable_6d5c3a48b3"};!function(e){const n="s_id-55ff70da99a4_3_42_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,c.firstChild?c.insertBefore(r,c.firstChild):c.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_6cfc8a99f5 {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_6cfc8a99f5.withoutText_ab02448f98 {\n  padding: 4px;\n}\na.breadcrumbContent_6cfc8a99f5:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_6cfc8a99f5 .breadcrumbText_1c78eabb2a {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_6cfc8a99f5 .breadcrumbIcon_02457b9d49 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_6cfc8a99f5:focus {\n  outline: none;\n}\n.breadcrumbContent_6cfc8a99f5.clickable_4e952c1b9e {\n  cursor: pointer;\n}\n.breadcrumbContent_6cfc8a99f5.clickable_4e952c1b9e:hover,\n.breadcrumbContent_6cfc8a99f5:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_6cfc8a99f5.current_7064d4baff {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_6cfc8a99f5.disabled_69bac116fc {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_6cfc8a99f5.disabled_69bac116fc:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_6cfc8a99f5.notClickable_6d5c3a48b3 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_e65e7313ff",withoutText:"withoutText_842e655f51",breadcrumbText:"breadcrumbText_16d64aba13",breadcrumbIcon:"breadcrumbIcon_c1d6234b4a",clickable:"clickable_6f997f8d67",current:"current_fd55d51444",disabled:"disabled_d24aa7154b",notClickable:"notClickable_31db51578a"};!function(e){const n="s_id-55ff70da99a4_3_43_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_e65e7313ff {\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_e65e7313ff.withoutText_842e655f51 {\n  padding: 4px;\n}\na.breadcrumbContent_e65e7313ff:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_e65e7313ff .breadcrumbText_16d64aba13 {\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_e65e7313ff .breadcrumbIcon_c1d6234b4a {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_e65e7313ff:focus {\n  outline: none;\n}\n.breadcrumbContent_e65e7313ff.clickable_6f997f8d67 {\n  cursor: pointer;\n}\n.breadcrumbContent_e65e7313ff.clickable_6f997f8d67:hover,\n.breadcrumbContent_e65e7313ff:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_e65e7313ff.current_fd55d51444 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_e65e7313ff.disabled_d24aa7154b {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_e65e7313ff.disabled_d24aa7154b:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_e65e7313ff.notClickable_31db51578a {\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_c12015bf6f",disabled:"disabled_36212de2f4"};!function(e){const d="s_id-03f482333e23_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_c12015bf6f {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_c12015bf6f.disabled_36212de2f4 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_ed076ae2f6",disabled:"disabled_cd57ce889f"};!function(e){const d="s_id-03f482333e23_3_43_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_ed076ae2f6 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_ed076ae2f6.disabled_cd57ce889f {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_89520b07c5",separatorIcon:"separatorIcon_0da0a29905"};!function(e){const n="s_id-24567fd55d40_3_42_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_89520b07c5 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_89520b07c5 ol .separatorIcon_0da0a29905 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_348ecaee6f",separatorIcon:"separatorIcon_9283f861ab"};!function(e){const n="s_id-24567fd55d40_3_43_1";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_348ecaee6f ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_348ecaee6f ol .separatorIcon_9283f861ab {\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_6e4d033d76","focus-visible":"focus-visible_c98abb5352",loader:"loader_60af4f76af",loaderSvg:"loaderSvg_6296837a5f",textPlaceholder:"textPlaceholder_219c6897a9",success:"success_4e712e9862",successContent:"successContent_e900956564",marginRight:"marginRight_c5a576cba2",marginLeft:"marginLeft_14909095fc",rightFlat:"rightFlat_ac689a589f",leftFlat:"leftFlat_292bdea468",preventClickAnimation:"preventClickAnimation_7f1638ea26",leftIcon:"leftIcon_c5a576cba2",rightIcon:"rightIcon_14909095fc",sizeXxs:"sizeXxs_a035bb0079",sizeXs:"sizeXs_cb6e9a7a5b",sizeSmall:"sizeSmall_994cd3e985",sizeMedium:"sizeMedium_c27465c59f",sizeLarge:"sizeLarge_371e4f0f4a",kindPrimary:"kindPrimary_1793674bf9",colorPrimary:"colorPrimary_0ee5656b78",colorBrand:"colorBrand_f22fe3c606",colorPrimaryActive:"colorPrimaryActive_3debaeacfa",colorBrandActive:"colorBrandActive_c78fabd2af",colorPositive:"colorPositive_f2be725f5e",colorPositiveActive:"colorPositiveActive_5fdf3e77c6",colorNegative:"colorNegative_0445364156",colorNegativeActive:"colorNegativeActive_5fdf3e77c6",colorInverted:"colorInverted_73415f50e5",colorInvertedActive:"colorInvertedActive_5fdf3e77c6",disabled:"disabled_049198bf3e",colorOnPrimaryColor:"colorOnPrimaryColor_288b90cecb",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_b7c0289ada",colorFixedLight:"colorFixedLight_58dc6aeb62",colorFixedLightActive:"colorFixedLightActive_7f1638ea26",colorFixedDark:"colorFixedDark_b233ef8720",colorFixedDarkActive:"colorFixedDarkActive_9e406f406d",colorOnInvertedBackground:"colorOnInvertedBackground_6c660fd6da",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_f34abdfd61",kindSecondary:"kindSecondary_e3510eeaba",kindTertiary:"kindTertiary_151f01a3a3",noSidePadding:"noSidePadding_3a14a63bc1",insetFocusStyle:"insetFocusStyle_b6df7264ea"};!function(o){const r="s_id-f5db469b1a79_3_42_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_6e4d033d76 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_6e4d033d76:focus-visible, .button_6e4d033d76.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_6e4d033d76:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.button_6e4d033d76 .loader_60af4f76af {\n  height: 100%;\n}\n.button_6e4d033d76 .loader_60af4f76af .loaderSvg_6296837a5f {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6e4d033d76 .textPlaceholder_219c6897a9 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6e4d033d76.success_4e712e9862 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6e4d033d76.success_4e712e9862 .successContent_e900956564 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_c5a576cba2 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_14909095fc {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_ac689a589f {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_292bdea468 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_6e4d033d76:active:not(.preventClickAnimation_7f1638ea26) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6e4d033d76 .leftIcon_c5a576cba2 {\n  margin-right: var(--spacing-small);\n}\n.button_6e4d033d76 .rightIcon_14909095fc {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_a035bb0079 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_cb6e9a7a5b {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_994cd3e985 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_994cd3e985 .loader_60af4f76af {\n  top: 7px;\n}\n.sizeMedium_c27465c59f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_371e4f0f4a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_1793674bf9 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1793674bf9.colorPrimary_0ee5656b78 {\n  background: var(--primary-color);\n}\n.kindPrimary_1793674bf9.colorBrand_f22fe3c606 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_1793674bf9.colorPrimaryActive_3debaeacfa,\n.kindPrimary_1793674bf9.colorPrimary_0ee5656b78:hover,\n.kindPrimary_1793674bf9.colorPrimary_0ee5656b78:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_1793674bf9.colorBrandActive_c78fabd2af,\n.kindPrimary_1793674bf9.colorBrand_f22fe3c606:hover,\n.kindPrimary_1793674bf9.colorBrand_f22fe3c606:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_1793674bf9.colorPositive_f2be725f5e {\n  background: var(--positive-color);\n}\n.kindPrimary_1793674bf9.colorPositiveActive_5fdf3e77c6,\n.kindPrimary_1793674bf9.colorPositive_f2be725f5e:hover,\n.kindPrimary_1793674bf9.colorPositive_f2be725f5e:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_1793674bf9.colorNegative_0445364156 {\n  background: var(--negative-color);\n}\n.kindPrimary_1793674bf9.colorNegativeActive_5fdf3e77c6,\n.kindPrimary_1793674bf9.colorNegative_0445364156:hover,\n.kindPrimary_1793674bf9.colorNegative_0445364156:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_1793674bf9.colorInverted_73415f50e5 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_1793674bf9.colorInvertedActive_5fdf3e77c6,\n.kindPrimary_1793674bf9.colorInverted_73415f50e5:hover,\n.kindPrimary_1793674bf9.colorInverted_73415f50e5:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_1793674bf9.button_6e4d033d76.colorInverted_73415f50e5.disabled_049198bf3e {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColorActive_b7c0289ada,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColorActive_b7c0289ada:focus-visible, .kindPrimary_1793674bf9.colorOnPrimaryColorActive_b7c0289ada.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover:focus-visible,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus:focus-visible,\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColorActive_b7c0289ada:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:hover:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindPrimary_1793674bf9.colorOnPrimaryColor_288b90cecb.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_1793674bf9.colorFixedLightActive_7f1638ea26,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1793674bf9.colorFixedLightActive_7f1638ea26:focus-visible, .kindPrimary_1793674bf9.colorFixedLightActive_7f1638ea26.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover:focus-visible,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus:focus-visible,\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_1793674bf9.colorFixedLightActive_7f1638ea26:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:hover:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindPrimary_1793674bf9.colorFixedLight_58dc6aeb62.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1793674bf9.colorFixedDarkActive_9e406f406d,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_1793674bf9.colorFixedDarkActive_9e406f406d:focus-visible, .kindPrimary_1793674bf9.colorFixedDarkActive_9e406f406d.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover:focus-visible,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover.focus-visible_c98abb5352,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus:focus-visible,\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_1793674bf9.colorFixedDarkActive_9e406f406d:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:hover:focus:not(.focus-visible_c98abb5352),\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindPrimary_1793674bf9.colorFixedDark_b233ef8720.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_1793674bf9.colorOnInvertedBackground_6c660fd6da {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_1793674bf9.colorOnInvertedBackgroundActive_f34abdfd61,\n.kindPrimary_1793674bf9.colorOnInvertedBackground_6c660fd6da:hover,\n.kindPrimary_1793674bf9.colorOnInvertedBackground_6c660fd6da:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_1793674bf9.button_6e4d033d76.colorOnInvertedBackground_6c660fd6da.disabled_049198bf3e {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_1793674bf9.button_6e4d033d76.disabled_049198bf3e {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e3510eeaba {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_e3510eeaba.sizeSmall_994cd3e985 {\n  line-height: 22px;\n}\n.kindSecondary_e3510eeaba.sizeMedium_c27465c59f {\n  line-height: 22px;\n}\n.kindSecondary_e3510eeaba.sizeLarge_371e4f0f4a {\n  line-height: 22px;\n}\n.kindSecondary_e3510eeaba.colorPrimaryActive_3debaeacfa {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e3510eeaba.colorPrimaryActive_3debaeacfa:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e3510eeaba.colorBrandActive_c78fabd2af {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_e3510eeaba.colorBrandActive_c78fabd2af,\n.kindSecondary_e3510eeaba.colorBrandActive_c78fabd2af:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_e3510eeaba.colorPrimary_0ee5656b78:hover:not(.colorPrimaryActive_3debaeacfa),\n.kindSecondary_e3510eeaba.colorPrimary_0ee5656b78:focus:not(.colorPrimaryActive_3debaeacfa) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorBrand_f22fe3c606:hover:not(.colorBrandActive_c78fabd2af),\n.kindSecondary_e3510eeaba.colorBrand_f22fe3c606:focus:not(.colorBrandActive_c78fabd2af) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorPositive_f2be725f5e {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_e3510eeaba.colorPositiveActive_5fdf3e77c6,\n.kindSecondary_e3510eeaba.colorPositive_f2be725f5e:hover,\n.kindSecondary_e3510eeaba.colorPositive_f2be725f5e:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_e3510eeaba.colorNegative_0445364156 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_e3510eeaba.colorNegativeActive_5fdf3e77c6,\n.kindSecondary_e3510eeaba.colorNegative_0445364156:hover,\n.kindSecondary_e3510eeaba.colorNegative_0445364156:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_e3510eeaba.colorInvertedActive_5fdf3e77c6,\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5:hover,\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorInverted_73415f50e5.disabled_049198bf3e {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada:focus-visible, .kindSecondary_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover:focus-visible,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus:focus-visible,\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColorActive_b7c0289ada:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:hover:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindSecondary_e3510eeaba.colorOnPrimaryColor_288b90cecb.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e3510eeaba.colorFixedLightActive_7f1638ea26,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e3510eeaba.colorFixedLightActive_7f1638ea26:focus-visible, .kindSecondary_e3510eeaba.colorFixedLightActive_7f1638ea26.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e3510eeaba.colorFixedLightActive_7f1638ea26:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:hover:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e3510eeaba.colorFixedDarkActive_9e406f406d,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_e3510eeaba.colorFixedDarkActive_9e406f406d:focus-visible, .kindSecondary_e3510eeaba.colorFixedDarkActive_9e406f406d.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover.focus-visible_c98abb5352,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus:focus-visible,\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e3510eeaba.colorFixedDarkActive_9e406f406d:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:hover:focus:not(.focus-visible_c98abb5352),\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_e3510eeaba.colorOnInvertedBackgroundActive_f34abdfd61,\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da:hover,\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_e3510eeaba.colorOnInvertedBackground_6c660fd6da.disabled_049198bf3e {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_e3510eeaba.colorFixedLight_58dc6aeb62.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e3510eeaba.colorFixedDark_b233ef8720.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e3510eeaba.disabled_049198bf3e {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e3510eeaba.disabled_049198bf3e:hover {\n  background-color: transparent;\n}\n.kindTertiary_151f01a3a3 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_151f01a3a3.colorPrimaryActive_3debaeacfa {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_151f01a3a3.colorPrimaryActive_3debaeacfa:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_151f01a3a3.colorBrandActive_c78fabd2af {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_151f01a3a3.colorBrandActive_c78fabd2af,\n.kindTertiary_151f01a3a3.colorBrandActive_c78fabd2af:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_151f01a3a3.colorPrimary_0ee5656b78:hover:not(.colorPrimaryActive_3debaeacfa),\n.kindTertiary_151f01a3a3.colorPrimary_0ee5656b78:focus:not(.colorPrimaryActive_3debaeacfa) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorBrand_f22fe3c606:hover:not(.colorBrandActive_c78fabd2af),\n.kindTertiary_151f01a3a3.colorBrand_f22fe3c606:focus:not(.colorBrandActive_c78fabd2af) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorPositive_f2be725f5e {\n  color: var(--positive-color);\n}\n.kindTertiary_151f01a3a3.colorPositiveActive_5fdf3e77c6,\n.kindTertiary_151f01a3a3.colorPositive_f2be725f5e:hover,\n.kindTertiary_151f01a3a3.colorPositive_f2be725f5e:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_151f01a3a3.colorNegative_0445364156 {\n  color: var(--negative-color);\n}\n.kindTertiary_151f01a3a3.colorNegativeActive_5fdf3e77c6,\n.kindTertiary_151f01a3a3.colorNegative_0445364156:hover,\n.kindTertiary_151f01a3a3.colorNegative_0445364156:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_151f01a3a3.colorInvertedActive_5fdf3e77c6,\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5:hover,\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorInverted_73415f50e5.disabled_049198bf3e {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada:focus-visible, .kindTertiary_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover:focus-visible,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus:focus-visible,\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColorActive_b7c0289ada:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:hover:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindTertiary_151f01a3a3.colorOnPrimaryColor_288b90cecb.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_151f01a3a3.colorFixedLightActive_7f1638ea26,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_151f01a3a3.colorFixedLightActive_7f1638ea26:focus-visible, .kindTertiary_151f01a3a3.colorFixedLightActive_7f1638ea26.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_151f01a3a3.colorFixedLightActive_7f1638ea26:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:hover:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindTertiary_151f01a3a3.colorFixedLight_58dc6aeb62.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_151f01a3a3.colorFixedDarkActive_9e406f406d,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_151f01a3a3.colorFixedDarkActive_9e406f406d:focus-visible, .kindTertiary_151f01a3a3.colorFixedDarkActive_9e406f406d.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover.focus-visible_c98abb5352,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus:focus-visible,\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_151f01a3a3.colorFixedDarkActive_9e406f406d:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:hover:focus:not(.focus-visible_c98abb5352),\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720:focus:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.kindTertiary_151f01a3a3.colorFixedDark_b233ef8720.disabled_049198bf3e {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_151f01a3a3.colorOnInvertedBackgroundActive_f34abdfd61,\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da:hover,\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_151f01a3a3.colorOnInvertedBackground_6c660fd6da.disabled_049198bf3e {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_151f01a3a3.disabled_049198bf3e {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_151f01a3a3.disabled_049198bf3e:hover {\n  background-color: transparent;\n}\n.noSidePadding_3a14a63bc1 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6e4d033d76.insetFocusStyle_b6df7264ea:focus-visible, .button_6e4d033d76.insetFocusStyle_b6df7264ea.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_6e4d033d76.insetFocusStyle_b6df7264ea:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_82ae94fb2f","focus-visible":"focus-visible_7564a0d9aa",loader:"loader_bf01359632",loaderSvg:"loaderSvg_5fcf4330b6",textPlaceholder:"textPlaceholder_f951ef87f9",success:"success_a62a368e39",successContent:"successContent_3ca4e40738",marginRight:"marginRight_ae8fa890e9",marginLeft:"marginLeft_63a7170560",rightFlat:"rightFlat_ae783f69e7",leftFlat:"leftFlat_a985a4d5d2",preventClickAnimation:"preventClickAnimation_b60455dcbc",leftIcon:"leftIcon_ae8fa890e9",rightIcon:"rightIcon_63a7170560",sizeXxs:"sizeXxs_fed63c61c2",sizeXs:"sizeXs_f62a8ea1a3",sizeSmall:"sizeSmall_362f4819ea",sizeMedium:"sizeMedium_c0dc758622",sizeLarge:"sizeLarge_be09d254a2",kindPrimary:"kindPrimary_cffc571e82",colorPrimary:"colorPrimary_1cbf8eeedb",colorBrand:"colorBrand_7add467892",colorPrimaryActive:"colorPrimaryActive_a9948ebac8",colorBrandActive:"colorBrandActive_c0f8eea046",colorPositive:"colorPositive_ee2f1b7051",colorPositiveActive:"colorPositiveActive_751498fbc9",colorNegative:"colorNegative_067b9529a0",colorNegativeActive:"colorNegativeActive_751498fbc9",colorInverted:"colorInverted_04c8a47e37",colorInvertedActive:"colorInvertedActive_751498fbc9",disabled:"disabled_25f88eecda",colorOnPrimaryColor:"colorOnPrimaryColor_884a47b9bd",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_5e2941ea9e",colorFixedLight:"colorFixedLight_f39c28525c",colorFixedLightActive:"colorFixedLightActive_b60455dcbc",colorFixedDark:"colorFixedDark_32fab9394a",colorFixedDarkActive:"colorFixedDarkActive_02e5c5fd85",colorOnInvertedBackground:"colorOnInvertedBackground_c6a9ababc0",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_eb0484699c",kindSecondary:"kindSecondary_91737b28d7",kindTertiary:"kindTertiary_bc2444fd9b",noSidePadding:"noSidePadding_0ab5d0f057",insetFocusStyle:"insetFocusStyle_47a487d155"};!function(o){const r="s_id-f5db469b1a79_3_43_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_82ae94fb2f {\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_82ae94fb2f:focus-visible, .button_82ae94fb2f.focus-visible_7564a0d9aa {\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_82ae94fb2f:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.button_82ae94fb2f .loader_bf01359632 {\n  height: 100%;\n}\n.button_82ae94fb2f .loader_bf01359632 .loaderSvg_5fcf4330b6 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_82ae94fb2f .textPlaceholder_f951ef87f9 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_82ae94fb2f.success_a62a368e39 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_82ae94fb2f.success_a62a368e39 .successContent_3ca4e40738 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_ae8fa890e9 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_63a7170560 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_ae783f69e7 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_a985a4d5d2 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_82ae94fb2f:active:not(.preventClickAnimation_b60455dcbc) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_82ae94fb2f .leftIcon_ae8fa890e9 {\n  margin-right: var(--spacing-small);\n}\n.button_82ae94fb2f .rightIcon_63a7170560 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_fed63c61c2 {\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_f62a8ea1a3 {\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_362f4819ea {\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_362f4819ea .loader_bf01359632 {\n  top: 7px;\n}\n.sizeMedium_c0dc758622 {\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_be09d254a2 {\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_cffc571e82 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cffc571e82.colorPrimary_1cbf8eeedb {\n  background: var(--primary-color);\n}\n.kindPrimary_cffc571e82.colorBrand_7add467892 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_cffc571e82.colorPrimaryActive_a9948ebac8,\n.kindPrimary_cffc571e82.colorPrimary_1cbf8eeedb:hover,\n.kindPrimary_cffc571e82.colorPrimary_1cbf8eeedb:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_cffc571e82.colorBrandActive_c0f8eea046,\n.kindPrimary_cffc571e82.colorBrand_7add467892:hover,\n.kindPrimary_cffc571e82.colorBrand_7add467892:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_cffc571e82.colorPositive_ee2f1b7051 {\n  background: var(--positive-color);\n}\n.kindPrimary_cffc571e82.colorPositiveActive_751498fbc9,\n.kindPrimary_cffc571e82.colorPositive_ee2f1b7051:hover,\n.kindPrimary_cffc571e82.colorPositive_ee2f1b7051:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_cffc571e82.colorNegative_067b9529a0 {\n  background: var(--negative-color);\n}\n.kindPrimary_cffc571e82.colorNegativeActive_751498fbc9,\n.kindPrimary_cffc571e82.colorNegative_067b9529a0:hover,\n.kindPrimary_cffc571e82.colorNegative_067b9529a0:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_cffc571e82.colorInverted_04c8a47e37 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_cffc571e82.colorInvertedActive_751498fbc9,\n.kindPrimary_cffc571e82.colorInverted_04c8a47e37:hover,\n.kindPrimary_cffc571e82.colorInverted_04c8a47e37:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_cffc571e82.button_82ae94fb2f.colorInverted_04c8a47e37.disabled_25f88eecda {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_cffc571e82.colorOnPrimaryColorActive_5e2941ea9e,\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:hover,\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_cffc571e82.colorOnPrimaryColorActive_5e2941ea9e:focus-visible, .kindPrimary_cffc571e82.colorOnPrimaryColorActive_5e2941ea9e.focus-visible_7564a0d9aa,\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:hover:focus-visible,\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:hover.focus-visible_7564a0d9aa,\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:focus:focus-visible,\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:focus.focus-visible_7564a0d9aa {\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_cffc571e82.colorOnPrimaryColorActive_5e2941ea9e:focus:not(.focus-visible_7564a0d9aa),\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindPrimary_cffc571e82.colorOnPrimaryColor_884a47b9bd.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_cffc571e82.colorFixedLightActive_b60455dcbc,\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:hover,\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_cffc571e82.colorFixedLightActive_b60455dcbc:focus-visible, .kindPrimary_cffc571e82.colorFixedLightActive_b60455dcbc.focus-visible_7564a0d9aa,\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:hover:focus-visible,\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:hover.focus-visible_7564a0d9aa,\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:focus:focus-visible,\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:focus.focus-visible_7564a0d9aa {\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_cffc571e82.colorFixedLightActive_b60455dcbc:focus:not(.focus-visible_7564a0d9aa),\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindPrimary_cffc571e82.colorFixedLight_f39c28525c.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_cffc571e82.colorFixedDarkActive_02e5c5fd85,\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:hover,\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_cffc571e82.colorFixedDarkActive_02e5c5fd85:focus-visible, .kindPrimary_cffc571e82.colorFixedDarkActive_02e5c5fd85.focus-visible_7564a0d9aa,\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:hover:focus-visible,\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:hover.focus-visible_7564a0d9aa,\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:focus:focus-visible,\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:focus.focus-visible_7564a0d9aa {\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_cffc571e82.colorFixedDarkActive_02e5c5fd85:focus:not(.focus-visible_7564a0d9aa),\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindPrimary_cffc571e82.colorFixedDark_32fab9394a.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_cffc571e82.colorOnInvertedBackground_c6a9ababc0 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_cffc571e82.colorOnInvertedBackgroundActive_eb0484699c,\n.kindPrimary_cffc571e82.colorOnInvertedBackground_c6a9ababc0:hover,\n.kindPrimary_cffc571e82.colorOnInvertedBackground_c6a9ababc0:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_cffc571e82.button_82ae94fb2f.colorOnInvertedBackground_c6a9ababc0.disabled_25f88eecda {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_cffc571e82.button_82ae94fb2f.disabled_25f88eecda {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_91737b28d7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_91737b28d7.sizeSmall_362f4819ea {\n  line-height: 22px;\n}\n.kindSecondary_91737b28d7.sizeMedium_c0dc758622 {\n  line-height: 22px;\n}\n.kindSecondary_91737b28d7.sizeLarge_be09d254a2 {\n  line-height: 22px;\n}\n.kindSecondary_91737b28d7.colorPrimaryActive_a9948ebac8 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_91737b28d7.colorPrimaryActive_a9948ebac8:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_91737b28d7.colorBrandActive_c0f8eea046 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_91737b28d7.colorBrandActive_c0f8eea046,\n.kindSecondary_91737b28d7.colorBrandActive_c0f8eea046:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_91737b28d7.colorPrimary_1cbf8eeedb:hover:not(.colorPrimaryActive_a9948ebac8),\n.kindSecondary_91737b28d7.colorPrimary_1cbf8eeedb:focus:not(.colorPrimaryActive_a9948ebac8) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_91737b28d7.colorBrand_7add467892:hover:not(.colorBrandActive_c0f8eea046),\n.kindSecondary_91737b28d7.colorBrand_7add467892:focus:not(.colorBrandActive_c0f8eea046) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_91737b28d7.colorPositive_ee2f1b7051 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_91737b28d7.colorPositiveActive_751498fbc9,\n.kindSecondary_91737b28d7.colorPositive_ee2f1b7051:hover,\n.kindSecondary_91737b28d7.colorPositive_ee2f1b7051:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_91737b28d7.colorNegative_067b9529a0 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_91737b28d7.colorNegativeActive_751498fbc9,\n.kindSecondary_91737b28d7.colorNegative_067b9529a0:hover,\n.kindSecondary_91737b28d7.colorNegative_067b9529a0:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_91737b28d7.colorInverted_04c8a47e37 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_91737b28d7.colorInvertedActive_751498fbc9,\n.kindSecondary_91737b28d7.colorInverted_04c8a47e37:hover,\n.kindSecondary_91737b28d7.colorInverted_04c8a47e37:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_91737b28d7.colorInverted_04c8a47e37.disabled_25f88eecda {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_91737b28d7.colorOnPrimaryColorActive_5e2941ea9e,\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:hover,\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_91737b28d7.colorOnPrimaryColorActive_5e2941ea9e:focus-visible, .kindSecondary_91737b28d7.colorOnPrimaryColorActive_5e2941ea9e.focus-visible_7564a0d9aa,\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:hover:focus-visible,\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:hover.focus-visible_7564a0d9aa,\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:focus:focus-visible,\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:focus.focus-visible_7564a0d9aa {\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_91737b28d7.colorOnPrimaryColorActive_5e2941ea9e:focus:not(.focus-visible_7564a0d9aa),\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindSecondary_91737b28d7.colorOnPrimaryColor_884a47b9bd.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_91737b28d7.colorFixedLightActive_b60455dcbc,\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:hover,\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_91737b28d7.colorFixedLightActive_b60455dcbc:focus-visible, .kindSecondary_91737b28d7.colorFixedLightActive_b60455dcbc.focus-visible_7564a0d9aa,\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:hover:focus-visible,\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:hover.focus-visible_7564a0d9aa,\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:focus:focus-visible,\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:focus.focus-visible_7564a0d9aa {\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_91737b28d7.colorFixedLightActive_b60455dcbc:focus:not(.focus-visible_7564a0d9aa),\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_91737b28d7.colorFixedDarkActive_02e5c5fd85,\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:hover,\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_91737b28d7.colorFixedDarkActive_02e5c5fd85:focus-visible, .kindSecondary_91737b28d7.colorFixedDarkActive_02e5c5fd85.focus-visible_7564a0d9aa,\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:hover:focus-visible,\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:hover.focus-visible_7564a0d9aa,\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:focus:focus-visible,\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:focus.focus-visible_7564a0d9aa {\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_91737b28d7.colorFixedDarkActive_02e5c5fd85:focus:not(.focus-visible_7564a0d9aa),\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindSecondary_91737b28d7.colorOnInvertedBackground_c6a9ababc0 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_91737b28d7.colorOnInvertedBackgroundActive_eb0484699c,\n.kindSecondary_91737b28d7.colorOnInvertedBackground_c6a9ababc0:hover,\n.kindSecondary_91737b28d7.colorOnInvertedBackground_c6a9ababc0:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_91737b28d7.colorOnInvertedBackground_c6a9ababc0.disabled_25f88eecda {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_91737b28d7.colorFixedLight_f39c28525c.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_91737b28d7.colorFixedDark_32fab9394a.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_91737b28d7.disabled_25f88eecda {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_91737b28d7.disabled_25f88eecda:hover {\n  background-color: transparent;\n}\n.kindTertiary_bc2444fd9b {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_bc2444fd9b.colorPrimaryActive_a9948ebac8 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_bc2444fd9b.colorPrimaryActive_a9948ebac8:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_bc2444fd9b.colorBrandActive_c0f8eea046 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_bc2444fd9b.colorBrandActive_c0f8eea046,\n.kindTertiary_bc2444fd9b.colorBrandActive_c0f8eea046:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_bc2444fd9b.colorPrimary_1cbf8eeedb:hover:not(.colorPrimaryActive_a9948ebac8),\n.kindTertiary_bc2444fd9b.colorPrimary_1cbf8eeedb:focus:not(.colorPrimaryActive_a9948ebac8) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_bc2444fd9b.colorBrand_7add467892:hover:not(.colorBrandActive_c0f8eea046),\n.kindTertiary_bc2444fd9b.colorBrand_7add467892:focus:not(.colorBrandActive_c0f8eea046) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_bc2444fd9b.colorPositive_ee2f1b7051 {\n  color: var(--positive-color);\n}\n.kindTertiary_bc2444fd9b.colorPositiveActive_751498fbc9,\n.kindTertiary_bc2444fd9b.colorPositive_ee2f1b7051:hover,\n.kindTertiary_bc2444fd9b.colorPositive_ee2f1b7051:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_bc2444fd9b.colorNegative_067b9529a0 {\n  color: var(--negative-color);\n}\n.kindTertiary_bc2444fd9b.colorNegativeActive_751498fbc9,\n.kindTertiary_bc2444fd9b.colorNegative_067b9529a0:hover,\n.kindTertiary_bc2444fd9b.colorNegative_067b9529a0:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_bc2444fd9b.colorInverted_04c8a47e37 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_bc2444fd9b.colorInvertedActive_751498fbc9,\n.kindTertiary_bc2444fd9b.colorInverted_04c8a47e37:hover,\n.kindTertiary_bc2444fd9b.colorInverted_04c8a47e37:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_bc2444fd9b.colorInverted_04c8a47e37.disabled_25f88eecda {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_bc2444fd9b.colorOnPrimaryColorActive_5e2941ea9e,\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:hover,\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_bc2444fd9b.colorOnPrimaryColorActive_5e2941ea9e:focus-visible, .kindTertiary_bc2444fd9b.colorOnPrimaryColorActive_5e2941ea9e.focus-visible_7564a0d9aa,\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:hover:focus-visible,\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:hover.focus-visible_7564a0d9aa,\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:focus:focus-visible,\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:focus.focus-visible_7564a0d9aa {\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_bc2444fd9b.colorOnPrimaryColorActive_5e2941ea9e:focus:not(.focus-visible_7564a0d9aa),\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindTertiary_bc2444fd9b.colorOnPrimaryColor_884a47b9bd.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_bc2444fd9b.colorFixedLightActive_b60455dcbc,\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:hover,\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_bc2444fd9b.colorFixedLightActive_b60455dcbc:focus-visible, .kindTertiary_bc2444fd9b.colorFixedLightActive_b60455dcbc.focus-visible_7564a0d9aa,\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:hover:focus-visible,\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:hover.focus-visible_7564a0d9aa,\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:focus:focus-visible,\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:focus.focus-visible_7564a0d9aa {\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_bc2444fd9b.colorFixedLightActive_b60455dcbc:focus:not(.focus-visible_7564a0d9aa),\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindTertiary_bc2444fd9b.colorFixedLight_f39c28525c.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_bc2444fd9b.colorFixedDarkActive_02e5c5fd85,\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:hover,\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_bc2444fd9b.colorFixedDarkActive_02e5c5fd85:focus-visible, .kindTertiary_bc2444fd9b.colorFixedDarkActive_02e5c5fd85.focus-visible_7564a0d9aa,\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:hover:focus-visible,\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:hover.focus-visible_7564a0d9aa,\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:focus:focus-visible,\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:focus.focus-visible_7564a0d9aa {\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_bc2444fd9b.colorFixedDarkActive_02e5c5fd85:focus:not(.focus-visible_7564a0d9aa),\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:hover:focus:not(.focus-visible_7564a0d9aa),\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a:focus:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.kindTertiary_bc2444fd9b.colorFixedDark_32fab9394a.disabled_25f88eecda {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_bc2444fd9b.colorOnInvertedBackground_c6a9ababc0 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_bc2444fd9b.colorOnInvertedBackgroundActive_eb0484699c,\n.kindTertiary_bc2444fd9b.colorOnInvertedBackground_c6a9ababc0:hover,\n.kindTertiary_bc2444fd9b.colorOnInvertedBackground_c6a9ababc0:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_bc2444fd9b.colorOnInvertedBackground_c6a9ababc0.disabled_25f88eecda {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_bc2444fd9b.disabled_25f88eecda {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_bc2444fd9b.disabled_25f88eecda:hover {\n  background-color: transparent;\n}\n.noSidePadding_0ab5d0f057 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_82ae94fb2f.insetFocusStyle_47a487d155:focus-visible, .button_82ae94fb2f.insetFocusStyle_47a487d155.focus-visible_7564a0d9aa {\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_82ae94fb2f.insetFocusStyle_47a487d155:focus:not(.focus-visible_7564a0d9aa) {\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_bdd3a3f876",subTextContainer:"subTextContainer_c2e5d22979",buttonsContainer:"buttonsContainer_28f18b9dab",button:"button_410e3ca348",activeButton:"activeButton_3debaeacfa",optionText:"optionText_d00e2f4e45",disabled:"disabled_36212de2f4",selected:"selected_2fba34b628",kindTertiary:"kindTertiary_acdc6eccd8",wrapper:"wrapper_1734a758e5",buttonDisabled:"buttonDisabled_ce6ddb1ed2",fullWidth:"fullWidth_64c9bddc4b"};!function(n){const e="s_id-51d51089eef9_3_42_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_bdd3a3f876 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_c2e5d22979 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_28f18b9dab {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_28f18b9dab .button_410e3ca348 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_28f18b9dab .button_410e3ca348.activeButton_3debaeacfa {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_28f18b9dab .button_410e3ca348.activeButton_3debaeacfa:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_d00e2f4e45:not(.disabled_36212de2f4) {\n  color: var(--primary-text-color);\n}\n\n.optionText_d00e2f4e45:not(.disabled_36212de2f4).selected_2fba34b628 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_acdc6eccd8 .button_410e3ca348 {\n  border-color: transparent;\n}\n\n.kindTertiary_acdc6eccd8 .button_410e3ca348:first-child {\n  border-color: transparent;\n}\n\n.wrapper_1734a758e5.disabled_36212de2f4 {\n  cursor: not-allowed;\n}\n\n.button_410e3ca348.disabled_36212de2f4 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_410e3ca348.buttonDisabled_ce6ddb1ed2 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_64c9bddc4b {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_ea46555f3a",subTextContainer:"subTextContainer_633ccdff93",buttonsContainer:"buttonsContainer_c25fd0df52",button:"button_7438acc9ce",activeButton:"activeButton_a9948ebac8",optionText:"optionText_8fff53a44e",disabled:"disabled_cd57ce889f",selected:"selected_982805a63b",kindTertiary:"kindTertiary_f391885dab",wrapper:"wrapper_6eee37c699",buttonDisabled:"buttonDisabled_524702b0b1",fullWidth:"fullWidth_253f7accba"};!function(n){const e="s_id-51d51089eef9_3_43_1";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_ea46555f3a {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_633ccdff93 {\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_c25fd0df52 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_c25fd0df52 .button_7438acc9ce {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_c25fd0df52 .button_7438acc9ce.activeButton_a9948ebac8 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_c25fd0df52 .button_7438acc9ce.activeButton_a9948ebac8:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_8fff53a44e:not(.disabled_cd57ce889f) {\n  color: var(--primary-text-color);\n}\n\n.optionText_8fff53a44e:not(.disabled_cd57ce889f).selected_982805a63b {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_f391885dab .button_7438acc9ce {\n  border-color: transparent;\n}\n\n.kindTertiary_f391885dab .button_7438acc9ce:first-child {\n  border-color: transparent;\n}\n\n.wrapper_6eee37c699.disabled_cd57ce889f {\n  cursor: not-allowed;\n}\n\n.button_7438acc9ce.disabled_cd57ce889f {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_7438acc9ce.buttonDisabled_524702b0b1 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_253f7accba {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_4e952c1b9e","focus-visible":"focus-visible_c98abb5352",disabled:"disabled_78701ded46",disableTextSelection:"disableTextSelection_9c6c118e1c",chips:"chips_41dace729c","chips-pop-in-emphasized":"chips-pop-in-emphasized_e928495f45",border:"border_e71bb3f3e9",withUserSelect:"withUserSelect_ac844e2793",label:"label_14e79a0c9a",noAnimation:"noAnimation_d19ca97872",icon:"icon_a2e2916dec",avatar:"avatar_cbcd162e86",customRenderer:"customRenderer_1d1165987d",left:"left_c7bd79834e",right:"right_0a0a79f696",close:"close_088b7a899e",defaultCursor:"defaultCursor_78701ded46"};!function(e){const c="s_id-a8c9f55659fd_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const i=document.createElement("style");i.id=c,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".clickable_4e952c1b9e {\n  cursor: pointer;\n}\n.clickable_4e952c1b9e:focus-visible, .clickable_4e952c1b9e.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_4e952c1b9e:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.clickable_4e952c1b9e.disabled_78701ded46 {\n  cursor: default;\n}\n.disableTextSelection_9c6c118e1c {\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_41dace729c {\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_e928495f45 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_41dace729c.border_e71bb3f3e9 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_41dace729c.withUserSelect_ac844e2793 {\n  user-select: text;\n  cursor: text;\n}\n.chips_41dace729c .label_14e79a0c9a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_41dace729c.noAnimation_d19ca97872 {\n  animation: none;\n}\n.chips_41dace729c .icon_a2e2916dec,\n.chips_41dace729c .avatar_cbcd162e86,\n.chips_41dace729c .customRenderer_1d1165987d {\n  min-width: 18px;\n}\n.chips_41dace729c .icon_a2e2916dec.left_c7bd79834e,\n.chips_41dace729c .avatar_cbcd162e86.left_c7bd79834e,\n.chips_41dace729c .customRenderer_1d1165987d.left_c7bd79834e {\n  margin-right: var(--spacing-xs);\n}\n.chips_41dace729c .icon_a2e2916dec.right_0a0a79f696,\n.chips_41dace729c .avatar_cbcd162e86.right_0a0a79f696,\n.chips_41dace729c .customRenderer_1d1165987d.right_0a0a79f696 {\n  margin-left: var(--spacing-xs);\n}\n.chips_41dace729c .icon_a2e2916dec.close_088b7a899e,\n.chips_41dace729c .avatar_cbcd162e86.close_088b7a899e,\n.chips_41dace729c .customRenderer_1d1165987d.close_088b7a899e {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_41dace729c.disabled_78701ded46 .icon_a2e2916dec {\n  color: var(--disabled-text-color);\n}\n.chips_41dace729c.disabled_78701ded46 .label_14e79a0c9a {\n  color: var(--disabled-text-color);\n}\n.chips_41dace729c.defaultCursor_78701ded46 {\n  cursor: default;\n}\n.chips_41dace729c.clickable_4e952c1b9e {\n  cursor: pointer;\n}\n.chips_41dace729c.clickable_4e952c1b9e:focus-visible, .chips_41dace729c.clickable_4e952c1b9e.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_41dace729c.clickable_4e952c1b9e:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.chips_41dace729c.clickable_4e952c1b9e.disabled_78701ded46 {\n  cursor: default;\n}\n.chips_41dace729c.clickable_4e952c1b9e.disableTextSelection_9c6c118e1c {\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_e928495f45 {\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_6f997f8d67","focus-visible":"focus-visible_7564a0d9aa",disabled:"disabled_37a3843c64",disableTextSelection:"disableTextSelection_c4e74d908a",chips:"chips_a30e31ab47","chips-pop-in-emphasized":"chips-pop-in-emphasized_c335d5661e",border:"border_22a3d8386d",withUserSelect:"withUserSelect_f86a036579",label:"label_c176dee723",noAnimation:"noAnimation_bc27fdfa5d",icon:"icon_0396159e33",avatar:"avatar_d76a96160b",customRenderer:"customRenderer_fef0091ef5",left:"left_a625bcaff8",right:"right_48dd544443",close:"close_90174be5ee",defaultCursor:"defaultCursor_37a3843c64"};!function(e){const n="s_id-a8c9f55659fd_3_43_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,a.firstChild?a.insertBefore(i,a.firstChild):a.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_6f997f8d67 {\n  cursor: pointer;\n}\n.clickable_6f997f8d67:focus-visible, .clickable_6f997f8d67.focus-visible_7564a0d9aa {\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_6f997f8d67:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.clickable_6f997f8d67.disabled_37a3843c64 {\n  cursor: default;\n}\n.disableTextSelection_c4e74d908a {\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_a30e31ab47 {\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_c335d5661e var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_a30e31ab47.border_22a3d8386d {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_a30e31ab47.withUserSelect_f86a036579 {\n  user-select: text;\n  cursor: text;\n}\n.chips_a30e31ab47 .label_c176dee723 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_a30e31ab47.noAnimation_bc27fdfa5d {\n  animation: none;\n}\n.chips_a30e31ab47 .icon_0396159e33,\n.chips_a30e31ab47 .avatar_d76a96160b,\n.chips_a30e31ab47 .customRenderer_fef0091ef5 {\n  min-width: 18px;\n}\n.chips_a30e31ab47 .icon_0396159e33.left_a625bcaff8,\n.chips_a30e31ab47 .avatar_d76a96160b.left_a625bcaff8,\n.chips_a30e31ab47 .customRenderer_fef0091ef5.left_a625bcaff8 {\n  margin-right: var(--spacing-xs);\n}\n.chips_a30e31ab47 .icon_0396159e33.right_48dd544443,\n.chips_a30e31ab47 .avatar_d76a96160b.right_48dd544443,\n.chips_a30e31ab47 .customRenderer_fef0091ef5.right_48dd544443 {\n  margin-left: var(--spacing-xs);\n}\n.chips_a30e31ab47 .icon_0396159e33.close_90174be5ee,\n.chips_a30e31ab47 .avatar_d76a96160b.close_90174be5ee,\n.chips_a30e31ab47 .customRenderer_fef0091ef5.close_90174be5ee {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_a30e31ab47.disabled_37a3843c64 .icon_0396159e33 {\n  color: var(--disabled-text-color);\n}\n.chips_a30e31ab47.disabled_37a3843c64 .label_c176dee723 {\n  color: var(--disabled-text-color);\n}\n.chips_a30e31ab47.defaultCursor_37a3843c64 {\n  cursor: default;\n}\n.chips_a30e31ab47.clickable_6f997f8d67 {\n  cursor: pointer;\n}\n.chips_a30e31ab47.clickable_6f997f8d67:focus-visible, .chips_a30e31ab47.clickable_6f997f8d67.focus-visible_7564a0d9aa {\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_a30e31ab47.clickable_6f997f8d67:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.chips_a30e31ab47.clickable_6f997f8d67.disabled_37a3843c64 {\n  cursor: default;\n}\n.chips_a30e31ab47.clickable_6f997f8d67.disableTextSelection_c4e74d908a {\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_c335d5661e {\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_4e952c1b9e","focus-visible":"focus-visible_c98abb5352",disabled:"disabled_78701ded46",disableTextSelection:"disableTextSelection_9c6c118e1c"};!function(e){const n="s_id-8d33a9ee9e1f_3_42_0";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_4e952c1b9e {\n  cursor: pointer;\n}\n.clickable_4e952c1b9e:focus-visible, .clickable_4e952c1b9e.focus-visible_c98abb5352 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_4e952c1b9e:focus:not(.focus-visible_c98abb5352) {\n  outline: none;\n}\n.clickable_4e952c1b9e.disabled_78701ded46 {\n  cursor: default;\n}\n.disableTextSelection_9c6c118e1c {\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_6f997f8d67","focus-visible":"focus-visible_7564a0d9aa",disabled:"disabled_37a3843c64",disableTextSelection:"disableTextSelection_c4e74d908a"};!function(e){const n="s_id-8d33a9ee9e1f_3_43_1";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_6f997f8d67 {\n  cursor: pointer;\n}\n.clickable_6f997f8d67:focus-visible, .clickable_6f997f8d67.focus-visible_7564a0d9aa {\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_6f997f8d67:focus:not(.focus-visible_7564a0d9aa) {\n  outline: none;\n}\n.clickable_6f997f8d67.disabled_37a3843c64 {\n  cursor: default;\n}\n.disableTextSelection_c4e74d908a {\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

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_31ea92821d",colorPickerDialogContent:"colorPickerDialogContent_40f2db7727"};!function(e){const t="s_id-ffacbf9b6446_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_31ea92821d.colorPickerDialogContent_40f2db7727 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker_ca3f859e11",colorPickerDialogContent:"colorPickerDialogContent_bd73c28963"};!function(e){const t="s_id-ffacbf9b6446_3_43_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_ca3f859e11.colorPickerDialogContent_bd73c28963 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_c5a576cba2",clearColorButton:"clearColorButton_287edba57a"};!function(e){const a="s_id-774e60a23ee3_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".clearColorIcon_c5a576cba2 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_287edba57a {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_ae8fa890e9",clearColorButton:"clearColorButton_355a809d76"};!function(e){const n="s_id-774e60a23ee3_3_43_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_ae8fa890e9 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_355a809d76 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o,{forwardRef as e,useCallback as r}from"react";import t from"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import n from"../ColorPickerItemComponent/ColorPickerItemComponent.js";import i from"./ColorPickerColorsGrid.module.scss.js";var c=function(o,e){return e&&e[o]?e[o]:function(o){return o.replace(/-|_/g," ").replace(/(?:^|\s)\S/g,(function(o){return o.toUpperCase()}))}(o)},l=e((function(e,l){var a=e.onColorClicked,d=e.colorsToRender,u=e.numberOfColorsInLine,s=e.focusOnMount,m=e.value,C=e.colorStyle,I=e.ColorIndicatorIcon,f=e.shouldRenderIndicatorWithoutBackground,p=e.SelectedIndicatorIcon,S=e.colorSize,k=e.tooltipContentByColor,h=e.colorShape,y=e.showColorNameTooltip,g=e.id,v=e["data-testid"],b=r((function(o){return d[o]}),[d]),x=t({focusOnMount:s,ref:l,onItemClicked:a,itemsCount:d.length,numberOfItemsInLine:u,getItemByIndex:b}),A=x.activeIndex,B=x.onSelectionAction;return o.createElement("ul",{className:i.colorsGrid,ref:l,tabIndex:-1,id:g,"data-testid":v},d.map((function(e,r){return o.createElement(n,{key:e,color:e,onColorClicked:function(){return B(r)},shouldRenderIndicatorWithoutBackground:I&&f,colorStyle:C,ColorIndicatorIcon:I,SelectedIndicatorIcon:p,isSelected:Array.isArray(m)?m.includes(e):m===e,isActive:r===A,colorSize:S,tooltipContent:y?c(e,k):void 0,colorShape:h})})))}));export{l as default};
+import o,{forwardRef as e,useCallback as r}from"react";import t from"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import n from"../ColorPickerItemComponent/ColorPickerItemComponent.js";import i from"./ColorPickerColorsGrid.module.scss.js";var c=function(o,e){return e&&e[o]?e[o]:function(o){return o.replace(/-|_/g," ").replace(/(?:^|\s)\S/g,(function(o){return o.toUpperCase()}))}(o)},l=e((function(e,l){var a=e.onColorClicked,d=e.colorsToRender,u=e.numberOfColorsInLine,s=e.focusOnMount,m=e.value,C=e.colorStyle,I=e.ColorIndicatorIcon,f=e.shouldRenderIndicatorWithoutBackground,p=e.SelectedIndicatorIcon,S=e.colorSize,y=e.tooltipContentByColor,g=e.colorShape,k=e.showColorNameTooltip,h=e.id,v=e["data-testid"],b=r((function(o){return d[o]}),[d]),x=t({focusOnMount:s,ref:l,onItemClicked:a,itemsCount:d.length,numberOfItemsInLine:u,entryFocusStrategy:"first",getItemByIndex:b}),A=x.activeIndex,B=x.onSelectionAction;return o.createElement("ul",{className:i.colorsGrid,ref:l,tabIndex:0,id:h,"data-testid":v,role:"grid"},d.map((function(e,r){return o.createElement(n,{key:e,color:e,onColorClicked:function(){return B(r)},shouldRenderIndicatorWithoutBackground:I&&f,colorStyle:C,ColorIndicatorIcon:I,SelectedIndicatorIcon:p,isSelected:Array.isArray(m)?m.includes(e):m===e,isActive:r===A,colorSize:S,tooltipContent:k?c(e,y):void 0,colorShape:g})})))}));export{l as default};
 //# sourceMappingURL=ColorPickerColorsGrid.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPickerColorsGrid.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport useGridKeyboardNavigation from \"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport ColorPickerItemComponent from \"../ColorPickerItemComponent/ColorPickerItemComponent\";\nimport { CONTENT_COLORS_VALUES } from \"../../../../utils/colors-vars-map\";\nimport { ColorPickerArrayValueOnly, ColorPickerValueOnly } from \"../../ColorPicker.types\";\nimport { ColorShapes, ColorPickerSizes } from \"../../ColorPicker.types\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\nimport styles from \"./ColorPickerColorsGrid.module.scss\";\nimport { ColorStyle } from \"../../../../types\";\n\nconst formatColorNameForTooltip = (color: ColorPickerValueOnly) => {\n return color.replace(/-\|_/g, \" \").replace(/(?:^\|\\s)\\S/g, function (a) {\n return a.toUpperCase();\n });\n};\n\nconst calculateColorTooltip = (\n color: ColorPickerValueOnly,\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string> & Record<string, string>>\n) => {\n if (tooltipContentByColor && tooltipContentByColor[color]) {\n return tooltipContentByColor[color];\n } else {\n return formatColorNameForTooltip(color);\n }\n};\n\nexport interface ColorPickerColorsGridProps extends VibeComponentProps {\n /*\n Callback fired when a color is clicked.\n /\n onColorClicked?: (color: ColorPickerValueOnly) => void;\n /\n The list of colors to be displayed.\n /\n colorsToRender?: ColorPickerArrayValueOnly;\n /\n Icon displayed as an indicator inside the color.\n /\n ColorIndicatorIcon?: SubIcon;\n /\n Icon displayed when a color is selected.\n /\n SelectedIndicatorIcon?: SubIcon;\n /\n The style applied to the colors.\n /\n colorStyle?: ColorStyle;\n /\n The currently selected color or colors.\n /\n value?: string \| string[];\n /\n If true, renders the color indicator without a background.\n /\n shouldRenderIndicatorWithoutBackground?: boolean;\n /\n The size of the color items.\n /\n colorSize?: ColorPickerSizes;\n /\n The number of colors per row.\n /\n numberOfColorsInLine?: number;\n /\n Custom tooltip content for specific colors.\n /\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string> & Record<string, string>>;\n /\n If true, the first color is focused when the component mounts.\n /\n focusOnMount?: boolean;\n /\n The shape of the color items.\n /\n colorShape?: ColorShapes;\n /\n If true, displays a tooltip with the color name.\n */\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPickerColorsGrid = forwardRef(\n (\n {\n onColorClicked,\n colorsToRender,\n numberOfColorsInLine,\n focusOnMount,\n value,\n colorStyle,\n ColorIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n SelectedIndicatorIcon,\n colorSize,\n tooltipContentByColor,\n colorShape,\n showColorNameTooltip: showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerColorsGridProps,\n ref: React.ForwardedRef<HTMLUListElement>\n ) => {\n const getItemByIndex = useCallback((index: number) => colorsToRender[index], [colorsToRender]);\n\n const { activeIndex, onSelectionAction } = useGridKeyboardNavigation({\n focusOnMount,\n ref: ref as React.MutableRefObject<HTMLUListElement>,\n onItemClicked: onColorClicked,\n itemsCount: colorsToRender.length,\n numberOfItemsInLine: numberOfColorsInLine,\n getItemByIndex\n });\n\n return (\n <ul className={styles.colorsGrid} ref={ref} tabIndex={-1} id={id} data-testid={dataTestId}>\n {colorsToRender.map((color, index) => {\n return (\n <ColorPickerItemComponent\n key={color}\n color={color}\n onColorClicked={() => onSelectionAction(index)}\n shouldRenderIndicatorWithoutBackground={ColorIndicatorIcon && shouldRenderIndicatorWithoutBackground}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n isSelected={Array.isArray(value) ? value.includes(color) : value === color}\n isActive={index === activeIndex}\n colorSize={colorSize}\n tooltipContent={showColorNameTooltip ? calculateColorTooltip(color, tooltipContentByColor) : undefined}\n colorShape={colorShape}\n />\n );\n })}\n </ul>\n );\n }\n);\n\nexport default ColorPickerColorsGrid;\n"],"names":["calculateColorTooltip","color","tooltipContentByColor","replace","a","toUpperCase","formatColorNameForTooltip","ColorPickerColorsGrid","forwardRef","_ref","ref","onColorClicked","colorsToRender","numberOfColorsInLine","focusOnMount","value","colorStyle","ColorIndicatorIcon","shouldRenderIndicatorWithoutBackground","SelectedIndicatorIcon","colorSize","colorShape","showColorNameTooltip","id","dataTestId","getItemByIndex","useCallback","index","_useGridKeyboardNavig","useGridKeyboardNavigation","onItemClicked","itemsCount","length","numberOfItemsInLine","activeIndex","onSelectionAction","React","createElement","className","styles","colorsGrid","tabIndex","map","ColorPickerItemComponent","key","isSelected","Array","isArray","includes","isActive","tooltipContent","undefined"],"mappings":"4QAUA,IAMMA,EAAwB,SAC5BC,EACAC,GAEA,OAAIA,GAAyBA,EAAsBD,GAC1CC,EAAsBD,GAXC,SAACA,GACjC,OAAOA,EAAME,QAAQ,OAAQ,KAAKA,QAAQ,eAAe,SAAUC,GACjE,OAAOA,EAAEC,aACX,GACF,CASWC,CAA0BL,EAErC,EAyDMM,EAAwBC,GAC5B,SAAAC,EAkBEC,GACE,IAjBAC,EAAcF,EAAdE,eACAC,EAAcH,EAAdG,eACAC,EAAoBJ,EAApBI,qBACAC,EAAYL,EAAZK,aACAC,EAAKN,EAALM,MACAC,EAAUP,EAAVO,WACAC,EAAkBR,EAAlBQ,mBACAC,EAAsCT,EAAtCS,uCACAC,EAAqBV,EAArBU,sBACAC,EAASX,EAATW,UACAlB,EAAqBO,EAArBP,sBACAmB,EAAUZ,EAAVY,WACsBC,EAAoBb,EAA1Ca,qBACAC,EAAEd,EAAFc,GACeC,EAAUf,EAAzB,eAIIgB,EAAiBC,GAAY,SAACC,GAAa,OAAKf,EAAee,KAAQ,CAACf,IAE9EgB,EAA2CC,EAA0B,CACnEf,aAAAA,EACAJ,IAAKA,EACLoB,cAAenB,EACfoB,WAAYnB,EAAeoB,OAC3BC,oBAAqBpB,~~EACrBY~~,eAAAA,~~IANMS~~,~~EAAWN~~,~~EAAXM~~,YAAaC,~~EAAiBP~~,~~EAAjBO~~,~~kBASrB~~,OACEC,EAAAC,cAAA,KAAA,CAAIC,UAAWC,EAAOC,~~WAAY9B~~,IAAKA,~~EAAK+B~~,~~UAAW~~,~~EAAGlB~~,GAAIA,~~EAAiB~~,~~cAAAC~~,~~GAC5EZ~~,~~EAAe8B~~,KAAI,~~SAACzC~~,EAAO0B,GAC1B,~~OACES~~,~~gBAACO~~,EAAwB,CACvBC,~~IAAK3C~~,EACLA,MAAOA,EACPU,eAAgB,WAAA,~~OAAMwB~~,~~EAAkBR~~,EAAM,EAC9CT,uCAAwCD,GAAsBC,EAC9DF,WAAYA,EACZC,mBAAoBA,EACpBE,sBAAuBA,~~EACvB0B~~,WAAYC,MAAMC,~~QAAQhC~~,GAASA,~~EAAMiC~~,~~SAAS/C~~,GAASc,IAAUd,~~EACrEgD~~,~~SAAUtB~~,~~IAAUO~~,~~EACpBd~~,UAAWA,~~EACX8B~~,~~eAAgB5B~~,EAAuBtB,EAAsBC,EAAOC,~~QAAyBiD~~,~~EAC7F9B~~,WAAYA,GAGjB,IAGP"}
1	+ {"version":3,"file":"ColorPickerColorsGrid.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport useGridKeyboardNavigation from \"../../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport ColorPickerItemComponent from \"../ColorPickerItemComponent/ColorPickerItemComponent\";\nimport { CONTENT_COLORS_VALUES } from \"../../../../utils/colors-vars-map\";\nimport { ColorPickerArrayValueOnly, ColorPickerValueOnly } from \"../../ColorPicker.types\";\nimport { ColorShapes, ColorPickerSizes } from \"../../ColorPicker.types\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\nimport styles from \"./ColorPickerColorsGrid.module.scss\";\nimport { ColorStyle } from \"../../../../types\";\n\nconst formatColorNameForTooltip = (color: ColorPickerValueOnly) => {\n return color.replace(/-\|_/g, \" \").replace(/(?:^\|\\s)\\S/g, function (a) {\n return a.toUpperCase();\n });\n};\n\nconst calculateColorTooltip = (\n color: ColorPickerValueOnly,\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string> & Record<string, string>>\n) => {\n if (tooltipContentByColor && tooltipContentByColor[color]) {\n return tooltipContentByColor[color];\n } else {\n return formatColorNameForTooltip(color);\n }\n};\n\nexport interface ColorPickerColorsGridProps extends VibeComponentProps {\n /*\n Callback fired when a color is clicked.\n /\n onColorClicked?: (color: ColorPickerValueOnly) => void;\n /\n The list of colors to be displayed.\n /\n colorsToRender?: ColorPickerArrayValueOnly;\n /\n Icon displayed as an indicator inside the color.\n /\n ColorIndicatorIcon?: SubIcon;\n /\n Icon displayed when a color is selected.\n /\n SelectedIndicatorIcon?: SubIcon;\n /\n The style applied to the colors.\n /\n colorStyle?: ColorStyle;\n /\n The currently selected color or colors.\n /\n value?: string \| string[];\n /\n If true, renders the color indicator without a background.\n /\n shouldRenderIndicatorWithoutBackground?: boolean;\n /\n The size of the color items.\n /\n colorSize?: ColorPickerSizes;\n /\n The number of colors per row.\n /\n numberOfColorsInLine?: number;\n /\n Custom tooltip content for specific colors.\n /\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string> & Record<string, string>>;\n /\n If true, the first color is focused when the component mounts.\n /\n focusOnMount?: boolean;\n /\n The shape of the color items.\n /\n colorShape?: ColorShapes;\n /\n If true, displays a tooltip with the color name.\n */\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPickerColorsGrid = forwardRef(\n (\n {\n onColorClicked,\n colorsToRender,\n numberOfColorsInLine,\n focusOnMount,\n value,\n colorStyle,\n ColorIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n SelectedIndicatorIcon,\n colorSize,\n tooltipContentByColor,\n colorShape,\n showColorNameTooltip: showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerColorsGridProps,\n ref: React.ForwardedRef<HTMLUListElement>\n ) => {\n const getItemByIndex = useCallback((index: number) => colorsToRender[index], [colorsToRender]);\n\n const { activeIndex, onSelectionAction } = useGridKeyboardNavigation({\n focusOnMount,\n ref: ref as React.MutableRefObject<HTMLUListElement>,\n onItemClicked: onColorClicked,\n itemsCount: colorsToRender.length,\n numberOfItemsInLine: numberOfColorsInLine,\n entryFocusStrategy: \"first\",\n getItemByIndex\n });\n\n return (\n <ul className={styles.colorsGrid} ref={ref} tabIndex={0} id={id} data-testid={dataTestId} role=\"grid\">\n {colorsToRender.map((color, index) => {\n return (\n <ColorPickerItemComponent\n key={color}\n color={color}\n onColorClicked={() => onSelectionAction(index)}\n shouldRenderIndicatorWithoutBackground={ColorIndicatorIcon && shouldRenderIndicatorWithoutBackground}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n isSelected={Array.isArray(value) ? value.includes(color) : value === color}\n isActive={index === activeIndex}\n colorSize={colorSize}\n tooltipContent={showColorNameTooltip ? calculateColorTooltip(color, tooltipContentByColor) : undefined}\n colorShape={colorShape}\n />\n );\n })}\n </ul>\n );\n }\n);\n\nexport default ColorPickerColorsGrid;\n"],"names":["calculateColorTooltip","color","tooltipContentByColor","replace","a","toUpperCase","formatColorNameForTooltip","ColorPickerColorsGrid","forwardRef","_ref","ref","onColorClicked","colorsToRender","numberOfColorsInLine","focusOnMount","value","colorStyle","ColorIndicatorIcon","shouldRenderIndicatorWithoutBackground","SelectedIndicatorIcon","colorSize","colorShape","showColorNameTooltip","id","dataTestId","getItemByIndex","useCallback","index","_useGridKeyboardNavig","useGridKeyboardNavigation","onItemClicked","itemsCount","length","numberOfItemsInLine","entryFocusStrategy","activeIndex","onSelectionAction","React","createElement","className","styles","colorsGrid","tabIndex","role","map","ColorPickerItemComponent","key","isSelected","Array","isArray","includes","isActive","tooltipContent","undefined"],"mappings":"4QAUA,IAMMA,EAAwB,SAC5BC,EACAC,GAEA,OAAIA,GAAyBA,EAAsBD,GAC1CC,EAAsBD,GAXC,SAACA,GACjC,OAAOA,EAAME,QAAQ,OAAQ,KAAKA,QAAQ,eAAe,SAAUC,GACjE,OAAOA,EAAEC,aACX,GACF,CASWC,CAA0BL,EAErC,EAyDMM,EAAwBC,GAC5B,SAAAC,EAkBEC,GACE,IAjBAC,EAAcF,EAAdE,eACAC,EAAcH,EAAdG,eACAC,EAAoBJ,EAApBI,qBACAC,EAAYL,EAAZK,aACAC,EAAKN,EAALM,MACAC,EAAUP,EAAVO,WACAC,EAAkBR,EAAlBQ,mBACAC,EAAsCT,EAAtCS,uCACAC,EAAqBV,EAArBU,sBACAC,EAASX,EAATW,UACAlB,EAAqBO,EAArBP,sBACAmB,EAAUZ,EAAVY,WACsBC,EAAoBb,EAA1Ca,qBACAC,EAAEd,EAAFc,GACeC,EAAUf,EAAzB,eAIIgB,EAAiBC,GAAY,SAACC,GAAa,OAAKf,EAAee,KAAQ,CAACf,IAE9EgB,EAA2CC,EAA0B,CACnEf,aAAAA,EACAJ,IAAKA,EACLoB,cAAenB,EACfoB,WAAYnB,EAAeoB,OAC3BC,oBAAqBpB,EACrBqB,mBAAoB,QACpBT,eAAAA,IAPMU,EAAWP,EAAXO,YAAaC,EAAiBR,EAAjBQ,kBAUrB,OACEC,EAAAC,cAAA,KAAA,CAAIC,UAAWC,EAAOC,WAAY/B,IAAKA,EAAKgC,SAAU,EAAGnB,GAAIA,gBAAiBC,EAAYmB,KAAK,QAC5F/B,EAAegC,KAAI,SAAC3C,EAAO0B,GAC1B,OACEU,gBAACQ,EAAwB,CACvBC,IAAK7C,EACLA,MAAOA,EACPU,eAAgB,WAAA,OAAMyB,EAAkBT,EAAM,EAC9CT,uCAAwCD,GAAsBC,EAC9DF,WAAYA,EACZC,mBAAoBA,EACpBE,sBAAuBA,EACvB4B,WAAYC,MAAMC,QAAQlC,GAASA,EAAMmC,SAASjD,GAASc,IAAUd,EACrEkD,SAAUxB,IAAUQ,EACpBf,UAAWA,EACXgC,eAAgB9B,EAAuBtB,EAAsBC,EAAOC,QAAyBmD,EAC7FhC,WAAYA,GAGjB,IAGP"}

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_f69383b4b4"};!function(e){const n="s_id-0a5f0eb78ee4_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_f69383b4b4 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_8d9f2acb54"};!function(e){const d="s_id-0a5f0eb78ee4_3_43_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".colorsGrid_8d9f2acb54 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_a24a0d48b4",circle:"circle_51c94b744d",feedbackIndicator:"feedbackIndicator_b2eeaa41d6",active:"active_0783e7438e",selectedColor:"selectedColor_1288542e42",colorItem:"colorItem_90e3f5dc2b",colorIndicatorWrapper:"colorIndicatorWrapper_7ee4e2124b",colorItemSizeSmall:"colorItemSizeSmall_db76469e1b",colorItemSizeMedium:"colorItemSizeMedium_db90905b8f",colorItemSizeLarge:"colorItemSizeLarge_5895f2bdea",colorItemTextMode:"colorItemTextMode_cc9a4105bd",colorIconWhite:"colorIconWhite_c3843698d0"};!function(e){const r="s_id-2198989e565d_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_a24a0d48b4 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_a24a0d48b4.circle_51c94b744d {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_a24a0d48b4 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_a24a0d48b4 .feedbackIndicator_b2eeaa41d6 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_a24a0d48b4:focus,\n.itemWrapper_a24a0d48b4:focus-visible,\n.itemWrapper_a24a0d48b4.active_0783e7438e {\n  outline: none;\n}\n\n.itemWrapper_a24a0d48b4:focus .feedbackIndicator_b2eeaa41d6:before,\n.itemWrapper_a24a0d48b4:focus-visible .feedbackIndicator_b2eeaa41d6:before,\n.itemWrapper_a24a0d48b4.active_0783e7438e .feedbackIndicator_b2eeaa41d6:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_a24a0d48b4:focus .feedbackIndicator_b2eeaa41d6:after,\n.itemWrapper_a24a0d48b4:focus-visible .feedbackIndicator_b2eeaa41d6:after,\n.itemWrapper_a24a0d48b4.active_0783e7438e .feedbackIndicator_b2eeaa41d6:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_a24a0d48b4:hover:not(.active_0783e7438e):not(.selectedColor_1288542e42) .feedbackIndicator_b2eeaa41d6 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_a24a0d48b4 .colorItem_90e3f5dc2b {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_a24a0d48b4 .colorItem_90e3f5dc2b .colorIndicatorWrapper_7ee4e2124b {\n  margin-top: 3px;\n}\n\n.itemWrapper_a24a0d48b4 .colorItem_90e3f5dc2b.colorItemSizeSmall_db76469e1b {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_a24a0d48b4 .colorItem_90e3f5dc2b.colorItemSizeMedium_db90905b8f {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_a24a0d48b4 .colorItem_90e3f5dc2b.colorItemSizeLarge_5895f2bdea {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_a24a0d48b4.selectedColor_1288542e42 {\n  position: relative;\n}\n\n.itemWrapper_a24a0d48b4.selectedColor_1288542e42:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_a24a0d48b4.selectedColor_1288542e42 .feedbackIndicator_b2eeaa41d6:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_a24a0d48b4 .colorItemTextMode_cc9a4105bd:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_a24a0d48b4 .colorIconWhite_c3843698d0 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_5a6bb818dd",circle:"circle_a9289f07b5",feedbackIndicator:"feedbackIndicator_f900c833ca",active:"active_4d71a91bd8",selectedColor:"selectedColor_58d6967e34",colorItem:"colorItem_8ecf9d981d",colorIndicatorWrapper:"colorIndicatorWrapper_123f73f4c7",colorItemSizeSmall:"colorItemSizeSmall_66f1d7c645",colorItemSizeMedium:"colorItemSizeMedium_14cc002869",colorItemSizeLarge:"colorItemSizeLarge_439044fe3c",colorItemTextMode:"colorItemTextMode_47e635113f",colorIconWhite:"colorIconWhite_6960ccd511"};!function(e){const r="s_id-2198989e565d_3_43_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_5a6bb818dd {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_5a6bb818dd.circle_a9289f07b5 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_5a6bb818dd {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_5a6bb818dd .feedbackIndicator_f900c833ca {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_5a6bb818dd:focus,\n.itemWrapper_5a6bb818dd:focus-visible,\n.itemWrapper_5a6bb818dd.active_4d71a91bd8 {\n  outline: none;\n}\n\n.itemWrapper_5a6bb818dd:focus .feedbackIndicator_f900c833ca:before,\n.itemWrapper_5a6bb818dd:focus-visible .feedbackIndicator_f900c833ca:before,\n.itemWrapper_5a6bb818dd.active_4d71a91bd8 .feedbackIndicator_f900c833ca:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_5a6bb818dd:focus .feedbackIndicator_f900c833ca:after,\n.itemWrapper_5a6bb818dd:focus-visible .feedbackIndicator_f900c833ca:after,\n.itemWrapper_5a6bb818dd.active_4d71a91bd8 .feedbackIndicator_f900c833ca:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_5a6bb818dd:hover:not(.active_4d71a91bd8):not(.selectedColor_58d6967e34) .feedbackIndicator_f900c833ca {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_5a6bb818dd .colorItem_8ecf9d981d {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_5a6bb818dd .colorItem_8ecf9d981d .colorIndicatorWrapper_123f73f4c7 {\n  margin-top: 3px;\n}\n\n.itemWrapper_5a6bb818dd .colorItem_8ecf9d981d.colorItemSizeSmall_66f1d7c645 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_5a6bb818dd .colorItem_8ecf9d981d.colorItemSizeMedium_14cc002869 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_5a6bb818dd .colorItem_8ecf9d981d.colorItemSizeLarge_439044fe3c {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_5a6bb818dd.selectedColor_58d6967e34 {\n  position: relative;\n}\n\n.itemWrapper_5a6bb818dd.selectedColor_58d6967e34:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_5a6bb818dd.selectedColor_58d6967e34 .feedbackIndicator_f900c833ca:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_5a6bb818dd .colorItemTextMode_47e635113f:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_5a6bb818dd .colorIconWhite_6960ccd511 {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={combobox:"combobox_86cb9f422b",stickyCategory:"stickyCategory_0e947b2244",comboboxCategory:"comboboxCategory_a9718025fe",sizeSmall:"sizeSmall_693f132449",sizeMedium:"sizeMedium_86cb9f422b",sizeLarge:"sizeLarge_693f132449",empty:"empty_d5e77060f9",comboboxSearchWrapper:"comboboxSearchWrapper_ad4c784d79",comboboxNoResults:"comboboxNoResults_5e66fe5281",comboboxMessageWrapper:"comboboxMessageWrapper_8ba0be56ce",comboboxMessage:"comboboxMessage_14e79a0c9a",addNewButton:"addNewButton_7c08aad0b6",buttonLabel:"buttonLabel_14e79a0c9a",comboboxList:"comboboxList_dd25673237"};!function(o){const e="s_id-140391bb7df9_3_42_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_86cb9f422b {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox_86cb9f422b.stickyCategory_0e947b2244 .comboboxCategory_a9718025fe {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_86cb9f422b.stickyCategory_0e947b2244.sizeSmall_693f132449 .comboboxCategory_a9718025fe {\n  top: 32px;\n}\n\n.combobox_86cb9f422b.stickyCategory_0e947b2244.sizeMedium_86cb9f422b .comboboxCategory_a9718025fe {\n  top: 40px;\n}\n\n.combobox_86cb9f422b.stickyCategory_0e947b2244.sizeLarge_693f132449 .comboboxCategory_a9718025fe {\n  top: 48px;\n}\n\n.combobox_86cb9f422b.empty_d5e77060f9 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_ad4c784d79 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_5e66fe5281 {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults_5e66fe5281 .comboboxMessageWrapper_8ba0be56ce {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_5e66fe5281 .comboboxMessageWrapper_8ba0be56ce .comboboxMessage_14e79a0c9a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_5e66fe5281 .addNewButton_7c08aad0b6 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_5e66fe5281 .addNewButton_7c08aad0b6 .buttonLabel_14e79a0c9a {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_dd25673237 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var o={combobox:"combobox_13efe3c738",stickyCategory:"stickyCategory_2ab5cdcbb4",comboboxCategory:"comboboxCategory_0995dbc0e1",sizeSmall:"sizeSmall_301cc00288",sizeMedium:"sizeMedium_13efe3c738",sizeLarge:"sizeLarge_301cc00288",empty:"empty_5a17b6771b",comboboxSearchWrapper:"comboboxSearchWrapper_a239daabd1",comboboxNoResults:"comboboxNoResults_6e9c42a5d4",comboboxMessageWrapper:"comboboxMessageWrapper_598b0e23dc",comboboxMessage:"comboboxMessage_c176dee723",addNewButton:"addNewButton_737197f0b9",buttonLabel:"buttonLabel_c176dee723",comboboxList:"comboboxList_f5cbb92bbd"};!function(o){const e="s_id-140391bb7df9_3_43_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_13efe3c738 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox_13efe3c738.stickyCategory_2ab5cdcbb4 .comboboxCategory_0995dbc0e1 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_13efe3c738.stickyCategory_2ab5cdcbb4.sizeSmall_301cc00288 .comboboxCategory_0995dbc0e1 {\n  top: 32px;\n}\n\n.combobox_13efe3c738.stickyCategory_2ab5cdcbb4.sizeMedium_13efe3c738 .comboboxCategory_0995dbc0e1 {\n  top: 40px;\n}\n\n.combobox_13efe3c738.stickyCategory_2ab5cdcbb4.sizeLarge_301cc00288 .comboboxCategory_0995dbc0e1 {\n  top: 48px;\n}\n\n.combobox_13efe3c738.empty_5a17b6771b {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_a239daabd1 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_6e9c42a5d4 {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults_6e9c42a5d4 .comboboxMessageWrapper_598b0e23dc {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_6e9c42a5d4 .comboboxMessageWrapper_598b0e23dc .comboboxMessage_c176dee723 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_6e9c42a5d4 .addNewButton_737197f0b9 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_6e9c42a5d4 .addNewButton_737197f0b9 .buttonLabel_c176dee723 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_f5cbb92bbd {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_8d52313a8b",dividerContainer:"dividerContainer_739e2f6e1b",divider:"divider_72be3ac3ab",sticky:"sticky_9fd28fa1dd"};!function(e){const n="s_id-78c8179b7fe9_3_42_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_8d52313a8b {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_739e2f6e1b {\n  position: relative;\n  width: 95%;\n}\n\n.divider_72be3ac3ab {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_9fd28fa1dd {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_d057970952",dividerContainer:"dividerContainer_c077a35f93",divider:"divider_bb0068a8cf",sticky:"sticky_b0ca68164d"};!function(e){const n="s_id-78c8179b7fe9_3_43_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_d057970952 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_c077a35f93 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_bb0068a8cf {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_b0ca68164d {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_1b488a13a9"};!function(e){const o="s_id-a004d249e1c1_3_42_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_1b488a13a9 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_50dc47ba60"};!function(e){const o="s_id-a004d249e1c1_3_43_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_50dc47ba60 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboboxConstants.js","sources":["../../../../../src/components/Combobox/components/ComboboxConstants.ts"],"sourcesContent":["import { SubIcon } from \"../../../types\";\nimport React from \"react\";\~~nimport { MutableRef } from \"preact/hooks\";\~~n\nexport const COMBOBOX_DIVIDER_ITEM = \"combobox-divider\";\nexport const COMBOBOX_CATEGORY_ITEM = \"combobox-category\";\nexport const COMBOBOX_OPTION_ITEM = \"combobox-option\";\nexport const COMBOBOX_LISTBOX_ID = \"combobox-listbox\";\n\n/*\n @deprecated\n /\nexport enum ComboboxOptionIconType {\n DEFAULT = \"default\",\n RENDERER = \"renderer\"\n}\n\nexport interface IComboboxCategoryMap {\n /\n A mapping of category IDs to category details.\n /\n [key: string]: IComboboxCategory;\n}\n\nexport interface IComboboxCategory {\n /\n The display label of the category.\n /\n label: string;\n /\n The unique ID of the category.\n /\n id: string;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n If true, the category is only shown when searching.\n /\n onlyShowOnSearch?: boolean;\n /\n The color associated with the category.\n /\n color?: string;\n}\n\nexport interface IComboboxOption {\n /\n The unique ID of the option.\n /\n id: string;\n /\n The ID of the category the option belongs to.\n /\n categoryId?: string;\n /\n The icon displayed on the left side.\n /\n leftIcon?: SubIcon \| ((className: string) => JSX.Element);\n /\n The icon displayed on the right side.\n /\n rightIcon?: SubIcon \| ((className: string) => JSX.Element);\n /\n The type of the left icon.\n /\n leftIconType?: ComboboxOptionIconType;\n /\n The type of the right icon.\n /\n rightIconType?: ComboboxOptionIconType;\n /\n The display label of the option.\n /\n label: string;\n /\n The size of the icons.\n /\n iconSize?: number;\n /\n If true, the option is disabled.\n /\n disabled?: boolean;\n /\n If true, the option is selected.\n /\n selected?: boolean;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n If true, the option belongs to a category.\n /\n belongToCategory?: boolean;\n /\n The tooltip content displayed on hover.\n /\n tooltipContent?: string;\n}\n\nexport interface IComboboxItem {\n /\n The height of the item.\n /\n height?: number;\n /\n The type of the item.\n /\n type?: string;\n /\n The category details if the item is a category.\n /\n category?: IComboboxCategory;\n /\n The ID of the category the item belongs to.\n /\n categoryId?: string;\n /\n The unique ID of the item.\n /\n id?: string;\n /\n The index of the item in the list.\n /\n index?: number;\n /\n If true, a divider is displayed before this item.\n /\n withDivider?: boolean;\n /\n Class name applied to the item.\n /\n className?: string;\n /\n If true, the item belongs to a category.\n /\n belongToCategory?: boolean;\n /\n The option details if the item is an option.\n /\n option?: IComboboxOption;\n /\n Custom renderer for the option.\n /\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n /\n If true, the item is currently active.\n /\n isActive?: boolean;\n /\n The height of the option item.\n /\n optionLineHeight?: number;\n /\n If true, the selected item is automatically scrolled into view.\n /\n shouldScrollToSelectedItem?: boolean;\n}\n\nexport interface IComboboxOptionEvents {\n /\n Callback fired when an option is clicked.\n /\n onOptionClick: (\n event: React.MouseEvent \| React.KeyboardEvent,\n index: number,\n option: IComboboxOption,\n mouseTriggered: boolean\n ) => void;\n /\n Callback fired when the mouse leaves an option.\n /\n onOptionLeave: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n /\n Callback fired when the mouse enters an option.\n /\n onOptionEnter: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n /\n Callback fired when hovering over an option.\n /\n onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n}\n\nexport interface IOptionItemRendererArgs extends IComboboxOptionEvents {\n /\n The unique ID of the option item.\n /\n id?: string;\n /\n The index of the option item.\n /\n index?: number;\n /\n The option details.\n /\n option?: IComboboxOption;\n /\n Class name applied to the option item.\n /\n className?: string;\n /\n If true, the option is currently active.\n /\n isActive?: boolean;\n /\n If true, the option has visual focus.\n /\n visualFocus?: boolean;\n /\n A reference to the scroll container.\n /\n scrollRef?: ~~MutableRef~~<HTMLElement>;\n /\n The amount of offset when scrolling to the active item.\n /\n scrollOffset?: number;\n /\n The height of the option item.\n /\n optionLineHeight?: number;\n /\n If true, the selected item is automatically scrolled into view.\n /\n shouldScrollToSelectedItem?: boolean;\n /\n If true, scrolls to the active option when it is selected.\n /\n shouldScrollWhenActive?: boolean;\n /\n If true, the option belongs to a category.\n /\n belongToCategory?: boolean;\n /\n The index of the item with visual focus.\n /\n visualFocusItemIndex?: number;\n /\n The index of the currently active item.\n /\n activeItemIndex?: number;\n /\n Custom renderer for the option content.\n */\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n"],"names":["ComboboxOptionIconType","COMBOBOX_DIVIDER_ITEM","COMBOBOX_CATEGORY_ITEM","COMBOBOX_OPTION_ITEM","COMBOBOX_LISTBOX_ID"],"mappings":"~~AAIO~~,IAQKA,EARCC,EAAwB,mBACxBC,EAAyB,oBACzBC,EAAuB,kBACvBC,EAAsB,oBAKnC,SAAYJ,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}
1	+ {"version":3,"file":"ComboboxConstants.js","sources":["../../../../../src/components/Combobox/components/ComboboxConstants.ts"],"sourcesContent":["import { SubIcon } from \"../../../types\";\nimport React from \"react\";\n\nexport const COMBOBOX_DIVIDER_ITEM = \"combobox-divider\";\nexport const COMBOBOX_CATEGORY_ITEM = \"combobox-category\";\nexport const COMBOBOX_OPTION_ITEM = \"combobox-option\";\nexport const COMBOBOX_LISTBOX_ID = \"combobox-listbox\";\n\n/*\n @deprecated\n /\nexport enum ComboboxOptionIconType {\n DEFAULT = \"default\",\n RENDERER = \"renderer\"\n}\n\nexport interface IComboboxCategoryMap {\n /\n A mapping of category IDs to category details.\n /\n [key: string]: IComboboxCategory;\n}\n\nexport interface IComboboxCategory {\n /\n The display label of the category.\n /\n label: string;\n /\n The unique ID of the category.\n /\n id: string;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n If true, the category is only shown when searching.\n /\n onlyShowOnSearch?: boolean;\n /\n The color associated with the category.\n /\n color?: string;\n}\n\nexport interface IComboboxOption {\n /\n The unique ID of the option.\n /\n id: string;\n /\n The ID of the category the option belongs to.\n /\n categoryId?: string;\n /\n The icon displayed on the left side.\n /\n leftIcon?: SubIcon \| ((className: string) => JSX.Element);\n /\n The icon displayed on the right side.\n /\n rightIcon?: SubIcon \| ((className: string) => JSX.Element);\n /\n The type of the left icon.\n /\n leftIconType?: ComboboxOptionIconType;\n /\n The type of the right icon.\n /\n rightIconType?: ComboboxOptionIconType;\n /\n The display label of the option.\n /\n label: string;\n /\n The size of the icons.\n /\n iconSize?: number;\n /\n If true, the option is disabled.\n /\n disabled?: boolean;\n /\n If true, the option is selected.\n /\n selected?: boolean;\n /\n The ARIA label for accessibility.\n /\n ariaLabel?: string;\n /\n If true, the option belongs to a category.\n /\n belongToCategory?: boolean;\n /\n The tooltip content displayed on hover.\n /\n tooltipContent?: string;\n}\n\nexport interface IComboboxItem {\n /\n The height of the item.\n /\n height?: number;\n /\n The type of the item.\n /\n type?: string;\n /\n The category details if the item is a category.\n /\n category?: IComboboxCategory;\n /\n The ID of the category the item belongs to.\n /\n categoryId?: string;\n /\n The unique ID of the item.\n /\n id?: string;\n /\n The index of the item in the list.\n /\n index?: number;\n /\n If true, a divider is displayed before this item.\n /\n withDivider?: boolean;\n /\n Class name applied to the item.\n /\n className?: string;\n /\n If true, the item belongs to a category.\n /\n belongToCategory?: boolean;\n /\n The option details if the item is an option.\n /\n option?: IComboboxOption;\n /\n Custom renderer for the option.\n /\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n /\n If true, the item is currently active.\n /\n isActive?: boolean;\n /\n The height of the option item.\n /\n optionLineHeight?: number;\n /\n If true, the selected item is automatically scrolled into view.\n /\n shouldScrollToSelectedItem?: boolean;\n}\n\nexport interface IComboboxOptionEvents {\n /\n Callback fired when an option is clicked.\n /\n onOptionClick: (\n event: React.MouseEvent \| React.KeyboardEvent,\n index: number,\n option: IComboboxOption,\n mouseTriggered: boolean\n ) => void;\n /\n Callback fired when the mouse leaves an option.\n /\n onOptionLeave: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n /\n Callback fired when the mouse enters an option.\n /\n onOptionEnter: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n /\n Callback fired when hovering over an option.\n /\n onOptionHover?: (event: React.MouseEvent, index: number, option: IComboboxOption, mouseTriggered: boolean) => void;\n}\n\nexport interface IOptionItemRendererArgs extends IComboboxOptionEvents {\n /\n The unique ID of the option item.\n /\n id?: string;\n /\n The index of the option item.\n /\n index?: number;\n /\n The option details.\n /\n option?: IComboboxOption;\n /\n Class name applied to the option item.\n /\n className?: string;\n /\n If true, the option is currently active.\n /\n isActive?: boolean;\n /\n If true, the option has visual focus.\n /\n visualFocus?: boolean;\n /\n A reference to the scroll container.\n /\n scrollRef?: React.MutableRefObject<HTMLElement>;\n /\n The amount of offset when scrolling to the active item.\n /\n scrollOffset?: number;\n /\n The height of the option item.\n /\n optionLineHeight?: number;\n /\n If true, the selected item is automatically scrolled into view.\n /\n shouldScrollToSelectedItem?: boolean;\n /\n If true, scrolls to the active option when it is selected.\n /\n shouldScrollWhenActive?: boolean;\n /\n If true, the option belongs to a category.\n /\n belongToCategory?: boolean;\n /\n The index of the item with visual focus.\n /\n visualFocusItemIndex?: number;\n /\n The index of the currently active item.\n /\n activeItemIndex?: number;\n /\n Custom renderer for the option content.\n */\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n"],"names":["ComboboxOptionIconType","COMBOBOX_DIVIDER_ITEM","COMBOBOX_CATEGORY_ITEM","COMBOBOX_OPTION_ITEM","COMBOBOX_LISTBOX_ID"],"mappings":"AAGO,IAQKA,EARCC,EAAwB,mBACxBC,EAAyB,oBACzBC,EAAuB,kBACvBC,EAAsB,oBAKnC,SAAYJ,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_878c7c59b8",optionsContainer:"optionsContainer_f242b0df87",categoryWithOptions:"categoryWithOptions_c530808976",firstCategory:"firstCategory_a650f3b0e7",categoryWithoutOptions:"categoryWithoutOptions_f02bee64dc"};!function(t){const e="s_id-4d4facb041a8_3_42_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_878c7c59b8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_878c7c59b8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_f242b0df87 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_c530808976.firstCategory_a650f3b0e7,\n.categoryWithoutOptions_f02bee64dc.firstCategory_a650f3b0e7 {\n  padding-top: 0;\n}\n.categoryWithOptions_c530808976 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_f02bee64dc {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_73cfc9eee1",optionsContainer:"optionsContainer_a657025d46",categoryWithOptions:"categoryWithOptions_43a7ce5dc7",firstCategory:"firstCategory_8e2e73eb71",categoryWithoutOptions:"categoryWithoutOptions_8263de1905"};!function(e){const t="s_id-4d4facb041a8_3_43_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".scrollableContainer_73cfc9eee1::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_73cfc9eee1::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_a657025d46 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_43a7ce5dc7.firstCategory_8e2e73eb71,\n.categoryWithoutOptions_8263de1905.firstCategory_8e2e73eb71 {\n  padding-top: 0;\n}\n.categoryWithOptions_43a7ce5dc7 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_8263de1905 {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_a8442a8d98",disabled:"disabled_373f15f801",selected:"selected_9512d7a5cc",active:"active_2050488942",activeOutline:"activeOutline_0b84ae64db",optionLabel:"optionLabel_b2f5e64d95",optionIcon:"optionIcon_9dbbfc4ce4",left:"left_f417fcb468"};!function(o){const n="s_id-cc5db5fd586e_3_42_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption_a8442a8d98 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_a8442a8d98.disabled_373f15f801 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_a8442a8d98.disabled_373f15f801:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_a8442a8d98.selected_9512d7a5cc {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_a8442a8d98:hover:not(.disabled_373f15f801):not(.selected_9512d7a5cc),\n.comboboxOption_a8442a8d98.active_2050488942 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_a8442a8d98.activeOutline_0b84ae64db {\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  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_a8442a8d98 .optionLabel_b2f5e64d95 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_a8442a8d98 .optionIcon_9dbbfc4ce4 {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_a8442a8d98 .optionIcon_9dbbfc4ce4.left_f417fcb468 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_d6ab792f20",disabled:"disabled_e8d11b0859",selected:"selected_a66494e5a4",active:"active_7fa34ef3a7",activeOutline:"activeOutline_f80df2cf57",optionLabel:"optionLabel_6e3d099544",optionIcon:"optionIcon_af203ca06d",left:"left_f607b5d14f"};!function(o){const e="s_id-cc5db5fd586e_3_43_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_d6ab792f20 {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_d6ab792f20.disabled_e8d11b0859 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_d6ab792f20.disabled_e8d11b0859:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_d6ab792f20.selected_a66494e5a4 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_d6ab792f20:hover:not(.disabled_e8d11b0859):not(.selected_a66494e5a4),\n.comboboxOption_d6ab792f20.active_7fa34ef3a7 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_d6ab792f20.activeOutline_f80df2cf57 {\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  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_d6ab792f20 .optionLabel_6e3d099544 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_d6ab792f20 .optionIcon_af203ca06d {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_d6ab792f20 .optionIcon_af203ca06d.left_f607b5d14f {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_fe7ac3ebaa"};!function(e){const t="s_id-f549b49034f1_3_42_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_fe7ac3ebaa {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_e076ff63d6"};!function(e){const t="s_id-f549b49034f1_3_43_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_e076ff63d6 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map