npm - @vibe/core - Versions diffs - 3.88.6 → 3.89.0-alpha-01945.0 - Mend

@vibe/core 3.88.6 → 3.89.0-alpha-01945.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 (449) hide show

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

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox_57d59f1e01",entryAnimation:"entryAnimation_250ad13132",closeIconWrapper:"closeIconWrapper_e23915902e",closeIcon:"closeIcon_028102ca06",icon:"icon_ef9ee91c98",title:"title_44198dcef6",text:"text_15d1ddfb8b",titleContainer:"titleContainer_028102ca06",typePrimary:"typePrimary_40be0d273c",typeDanger:"typeDanger_d3fbd31897",typeSuccess:"typeSuccess_e7b3878e9c",typeDark:"typeDark_a2ed4be5dc",typeWarning:"typeWarning_8703fc364f",closeIconCompact:"closeIconCompact_cee9c4b737",compact:"compact_14fb605a13",dismissible:"dismissible_7e71c7e1b6",paragraph:"paragraph_e3d3c4f59c"};!function(n){const e="s_id-7d53612c3785_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes entryAnimation_250ad13132 {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_57d59f1e01 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_57d59f1e01.entryAnimation_250ad13132 {\n  animation: entryAnimation_250ad13132 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_57d59f1e01 .closeIconWrapper_e23915902e .closeIcon_028102ca06 {\n  color: var(--primary-text-color);\n}\n.attentionBox_57d59f1e01 .icon_ef9ee91c98 {\n  flex-shrink: 0;\n}\n.title_44198dcef6 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_15d1ddfb8b,\n.titleContainer_028102ca06 {\n  color: var(--primary-text-color);\n}\n.typePrimary_40be0d273c {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger_d3fbd31897 {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess_e7b3878e9c {\n  background-color: var(--positive-color-selected);\n}\n.typeDark_a2ed4be5dc {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning_8703fc364f {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer_028102ca06 {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_028102ca06:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_e23915902e {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_cee9c4b737 {\n  top: calc(50% - 16px);\n}\n.text_15d1ddfb8b.compact_14fb605a13 {\n  flex: 1;\n}\n.text_15d1ddfb8b.compact_14fb605a13.dismissible_7e71c7e1b6 {\n  padding-right: var(--spacing-xl);\n}\n.text_15d1ddfb8b.paragraph_e3d3c4f59c {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox_ad1e64731a",entryAnimation:"entryAnimation_8d4c7d9438",closeIconWrapper:"closeIconWrapper_512bd44eaa",closeIcon:"closeIcon_3eaeba1ced",icon:"icon_bf347c3d13",title:"title_63b5898e72",text:"text_5a894689db",titleContainer:"titleContainer_00ddb005c8",typePrimary:"typePrimary_ac68aaf144",typeDanger:"typeDanger_1960aaca40",typeSuccess:"typeSuccess_295839e682",typeDark:"typeDark_70e8786497",typeWarning:"typeWarning_79e0a2d800",closeIconCompact:"closeIconCompact_3a03918e04",compact:"compact_f987bfba33",dismissible:"dismissible_46ea642a5d",paragraph:"paragraph_ad8620c376"};!function(n){const a="s_id-db500308cab0_3_88_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}('@keyframes entryAnimation_8d4c7d9438 {\n  0% {\n    transform: translateY(-10px);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n.attentionBox_ad1e64731a {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_ad1e64731a.entryAnimation_8d4c7d9438 {\n  animation: entryAnimation_8d4c7d9438 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox_ad1e64731a .closeIconWrapper_512bd44eaa .closeIcon_3eaeba1ced {\n  color: currentColor;\n}\n.attentionBox_ad1e64731a .icon_bf347c3d13 {\n  flex-shrink: 0;\n  color: currentColor;\n}\n.title_63b5898e72 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_5a894689db,\n.titleContainer_00ddb005c8 {\n  color: var(--primary-text-color);\n}\n/* Semantic surfaces, per Facelift "surface colors" (Figma 630:106200). */\n.typePrimary_ac68aaf144 {\n  color: var(--primary-text-color);\n  background-color: var(--surface-primary);\n}\n.typeDanger_1960aaca40 {\n  background-color: var(--surface-negative);\n}\n.typeSuccess_295839e682 {\n  background-color: var(--surface-positive);\n}\n.typeDark_70e8786497 {\n  background-color: var(--surface-neutral);\n  color: var(--primary-text-color);\n}\n.typeWarning_79e0a2d800 {\n  background-color: var(--surface-warning);\n  color: var(--primary-text-color);\n}\n.titleContainer_00ddb005c8 {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_00ddb005c8:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_512bd44eaa {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_3a03918e04 {\n  top: calc(50% - 16px);\n}\n.text_5a894689db.compact_f987bfba33 {\n  flex: 1;\n}\n.text_5a894689db.compact_f987bfba33.dismissible_46ea642a5d {\n  padding-right: var(--spacing-xl);\n}\n.text_5a894689db.paragraph_ad8620c376 {\n  margin: 0 var(--spacing-medium) 0 0;\n}');export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_fe889cc645"};!function(e){const t="s_id-683678bf9fce_3_88_5";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)}("a[href].attentionBoxLink_fe889cc645,\na[href].attentionBoxLink_fe889cc645:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_6ccf9456de"};!function(e){const t="s_id-683678bf9fce_3_88_6";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)}("a[href].attentionBoxLink_6ccf9456de,\na[href].attentionBoxLink_6ccf9456de:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_df7a6ccaca",large:"large_6590b946bd",medium:"medium_e1c21c63cd",small:"small_fc64424fb0",xs:"xs_a5c1632046",clickableWrapper:"clickableWrapper_10c1a7915d",circle:"circle_7cc2d10163","focus-visible":"focus-visible_6636c552fb",circleImg:"circleImg_1bc6086b1d",circleText:"circleText_c98829e370",disabled:"disabled_0ddd485bc0",square:"square_44d8921865",withoutBorder:"withoutBorder_f5ffd936bf",badges:"badges_ae4d0413c1",badge:"badge_c91415ef33",badgeTopLeft:"badgeTopLeft_8319784511",badgeTopRight:"badgeTopRight_690c5b4a77",badgeBottomLeft:"badgeBottomLeft_699aaf59bf",badgeBottomRight:"badgeBottomRight_53603083d9"};!function(e){const n="s_id-dccf983c2f60_3_88_5";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_df7a6ccaca {\n  position: relative;\n}\n.large_6590b946bd {\n  height: 50px;\n  width: 50px;\n}\n.medium_e1c21c63cd {\n  height: 32px;\n  width: 32px;\n}\n.small_fc64424fb0 {\n  height: 28px;\n  width: 28px;\n}\n.xs_a5c1632046 {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper_10c1a7915d {\n  height: 100%;\n  width: 100%;\n}\n.circle_7cc2d10163 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n.circle_7cc2d10163:focus {\n  outline: none;\n}\n.circle_7cc2d10163:focus:focus-visible, .circle_7cc2d10163:focus.focus-visible_6636c552fb {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.circle_7cc2d10163:focus:focus:not(.focus-visible_6636c552fb) {\n  outline: none;\n}\n.circleImg_1bc6086b1d {\n  border-color: var(--primary-background-color);\n}\n.circleText_c98829e370 {\n  border-color: var(--layout-border-color);\n}\n.disabled_0ddd485bc0:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n.square_44d8921865 {\n  border-radius: var(--border-radius-small);\n}\n.square_44d8921865:focus {\n  outline: none;\n}\n.square_44d8921865:focus:focus-visible, .square_44d8921865:focus.focus-visible_6636c552fb {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square_44d8921865:focus:focus:not(.focus-visible_6636c552fb) {\n  outline: none;\n}\n.withoutBorder_f5ffd936bf {\n  border: none;\n}\n.badges_ae4d0413c1 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges_ae4d0413c1 .badge_c91415ef33 {\n  display: flex;\n}\n.badges_ae4d0413c1 .badgeTopLeft_8319784511 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges_ae4d0413c1 .badgeTopRight_690c5b4a77 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges_ae4d0413c1 .badgeBottomLeft_699aaf59bf {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges_ae4d0413c1 .badgeBottomRight_53603083d9 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar_3cc7054c1d",large:"large_e56ddc0b2d",medium:"medium_1e0eb32885",small:"small_10be349941",xs:"xs_2f94d27142",clickableWrapper:"clickableWrapper_6513e4cf96",circle:"circle_2fcc5a7f7e","focus-visible":"focus-visible_6668561412",circleImg:"circleImg_712a0bff21",circleText:"circleText_a2035623fd",disabled:"disabled_921732bafb",square:"square_cb07913ca2",withoutBorder:"withoutBorder_4094d5a8fc",badges:"badges_9562f452a3",badge:"badge_877d31a52d",badgeTopLeft:"badgeTopLeft_31ae20bc2e",badgeTopRight:"badgeTopRight_6fecbb0a94",badgeBottomLeft:"badgeBottomLeft_eaddee3c63",badgeBottomRight:"badgeBottomRight_9e041d8fe3"};!function(e){const n="s_id-dccf983c2f60_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.avatar_3cc7054c1d {\n  position: relative;\n}\n.large_e56ddc0b2d {\n  height: 50px;\n  width: 50px;\n}\n.medium_1e0eb32885 {\n  height: 32px;\n  width: 32px;\n}\n.small_10be349941 {\n  height: 28px;\n  width: 28px;\n}\n.xs_2f94d27142 {\n  height: 20px;\n  width: 20px;\n}\n.clickableWrapper_6513e4cf96 {\n  height: 100%;\n  width: 100%;\n}\n.circle_2fcc5a7f7e {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n.circle_2fcc5a7f7e:focus {\n  outline: none;\n}\n.circle_2fcc5a7f7e:focus:focus-visible, .circle_2fcc5a7f7e:focus.focus-visible_6668561412 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.circle_2fcc5a7f7e:focus:focus:not(.focus-visible_6668561412) {\n  outline: none;\n}\n.circleImg_712a0bff21 {\n  border-color: var(--primary-background-color);\n}\n.circleText_a2035623fd {\n  border-color: var(--layout-border-color);\n}\n.disabled_921732bafb:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n.square_cb07913ca2 {\n  border-radius: var(--border-radius-small);\n}\n.square_cb07913ca2:focus {\n  outline: none;\n}\n.square_cb07913ca2:focus:focus-visible, .square_cb07913ca2:focus.focus-visible_6668561412 {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square_cb07913ca2:focus:focus:not(.focus-visible_6668561412) {\n  outline: none;\n}\n.withoutBorder_4094d5a8fc {\n  border: none;\n}\n.badges_9562f452a3 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n.badges_9562f452a3 .badge_877d31a52d {\n  display: flex;\n}\n.badges_9562f452a3 .badgeTopLeft_31ae20bc2e {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n.badges_9562f452a3 .badgeTopRight_6fecbb0a94 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n.badges_9562f452a3 .badgeBottomLeft_eaddee3c63 {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n.badges_9562f452a3 .badgeBottomRight_9e041d8fe3 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/src/components/Avatar/AvatarBadge.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_c86e5703f9",badgeMedium:"badgeMedium_f06572f36d",badgeSmall:"badgeSmall_ffaefa696c",badgeXs:"badgeXs_f38b05b048"};!function(e){const d="s_id-e545a08d61b0_3_88_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge_c86e5703f9 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_f06572f36d {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_ffaefa696c,\n.badgeXs_f38b05b048 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_4bcdaa92a5",badgeMedium:"badgeMedium_7e5b876aae",badgeSmall:"badgeSmall_21e7077e9b",badgeXs:"badgeXs_29f163e968"};!function(e){const a="s_id-e545a08d61b0_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeLarge_4bcdaa92a5 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_7e5b876aae {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_21e7077e9b,\n.badgeXs_29f163e968 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/src/components/Avatar/AvatarContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg_7428be5d97",contentText:"contentText_0e2e826067",contentTextLarge:"contentTextLarge_6ab6e02446",contentTextMedium:"contentTextMedium_80930dc29f",contentTextSmall:"contentTextSmall_e7f1fa96a9",contentTextXs:"contentTextXs_6fed5e2999",contentIconLarge:"contentIconLarge_fc64424fb0",contentIconMedium:"contentIconMedium_22dff93cdc",contentIconSmall:"contentIconSmall_7fd702a791"};!function(n){const t="s_id-50188146c7c7_3_88_5";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg_7428be5d97 {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n.contentText_0e2e826067 {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.contentTextLarge_6ab6e02446 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n.contentTextMedium_80930dc29f {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall_e7f1fa96a9 {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs_6fed5e2999 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge_fc64424fb0 {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium_22dff93cdc {\n  height: 18px;\n  width: 18px;\n}\n.contentIconSmall_7fd702a791 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg_a6598fffed",contentText:"contentText_4b693e7901",contentTextLarge:"contentTextLarge_4b07472416",contentTextMedium:"contentTextMedium_c14b364bb0",contentTextSmall:"contentTextSmall_d958a7640b",contentTextXs:"contentTextXs_8ca3377e29",contentIconLarge:"contentIconLarge_10be349941",contentIconMedium:"contentIconMedium_84e3d22fe7",contentIconSmall:"contentIconSmall_17ab0dd1b1"};!function(n){const t="s_id-50188146c7c7_3_88_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg_a6598fffed {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n.contentText_4b693e7901 {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.contentTextLarge_4b07472416 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n.contentTextMedium_c14b364bb0 {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall_d958a7640b {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs_8ca3377e29 {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge_10be349941 {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium_84e3d22fe7 {\n  height: 18px;\n  width: 18px;\n}\n.contentIconSmall_17ab0dd1b1 {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer_07b1c71f17",avatarContainer:"avatarContainer_7afaa30708"};!function(e){const a="s_id-0d36779f5b9e_3_88_5";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)}(".avatarGroupContainer_07b1c71f17 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_7afaa30708 {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer_9b59397775",avatarContainer:"avatarContainer_3ce4492fac"};!function(e){const a="s_id-0d36779f5b9e_3_88_6";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)}(".avatarGroupContainer_9b59397775 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer_3ce4492fac {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer_7050a9f8d7","focus-visible":"focus-visible_e1f75a9d72",xs:"xs_5c09701c6c",small:"small_7a04b66412",medium:"medium_d8302df9d5",large:"large_6b8e458f4b",primary:"primary_3f2b546489",dark:"dark_b8d017898b",negative:"negative_69bbfb174c",light:"light_408b4bb2e0",disabled:"disabled_5cee24b10c",menu:"menu_a35ae754e6"};!function(n){const e="s_id-7f36163b89a3_3_88_5";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7:focus-visible, .counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.focus-visible_e1f75a9d72 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7:focus-visible:focus-visible, .counterContainer_7050a9f8d7.counterContainer_7050a9f8d7:focus-visible.focus-visible_e1f75a9d72, .counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.focus-visible_e1f75a9d72:focus-visible, .counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.focus-visible_e1f75a9d72.focus-visible_e1f75a9d72 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7:focus-visible:focus:not(.focus-visible_e1f75a9d72), .counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.focus-visible_e1f75a9d72:focus:not(.focus-visible_e1f75a9d72) {\n  outline: none;\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.xs_5c09701c6c {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.small_7a04b66412 {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.medium_d8302df9d5 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.large_6b8e458f4b {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.primary_3f2b546489 {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.dark_b8d017898b {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.negative_69bbfb174c {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.light_408b4bb2e0 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_7050a9f8d7.counterContainer_7050a9f8d7 .disabled_5cee24b10c, .counterContainer_7050a9f8d7.counterContainer_7050a9f8d7.disabled_5cee24b10c {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_a35ae754e6 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_a35ae754e6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_a35ae754e6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer_e94d713ff2","focus-visible":"focus-visible_f9d23106d1",xs:"xs_d3fbf7a745",small:"small_458215dd5a",medium:"medium_12daf23d53",large:"large_ec4734556a",primary:"primary_794ca41e0f",dark:"dark_054f4c3403",negative:"negative_d0245ac885",light:"light_8683550cd8",disabled:"disabled_d252ea44b5",menu:"menu_e1180ca736"};!function(n){const e="s_id-7f36163b89a3_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2 {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2:focus-visible, .counterContainer_e94d713ff2.counterContainer_e94d713ff2.focus-visible_f9d23106d1 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2:focus-visible:focus-visible, .counterContainer_e94d713ff2.counterContainer_e94d713ff2:focus-visible.focus-visible_f9d23106d1, .counterContainer_e94d713ff2.counterContainer_e94d713ff2.focus-visible_f9d23106d1:focus-visible, .counterContainer_e94d713ff2.counterContainer_e94d713ff2.focus-visible_f9d23106d1.focus-visible_f9d23106d1 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2:focus-visible:focus:not(.focus-visible_f9d23106d1), .counterContainer_e94d713ff2.counterContainer_e94d713ff2.focus-visible_f9d23106d1:focus:not(.focus-visible_f9d23106d1) {\n  outline: none;\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.xs_d3fbf7a745 {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.small_458215dd5a {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.medium_12daf23d53 {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.large_ec4734556a {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.primary_794ca41e0f {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.dark_054f4c3403 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.negative_d0245ac885 {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2.light_8683550cd8 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer_e94d713ff2.counterContainer_e94d713ff2 .disabled_d252ea44b5, .counterContainer_e94d713ff2.counterContainer_e94d713ff2.disabled_d252ea44b5 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu_e1180ca736 {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu_e1180ca736::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu_e1180ca736::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
 //# sourceMappingURL=AvatarGroupCounter.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_b6a166c38b",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_ef9ee91c98",tooltipContainer:"tooltipContainer_b5a036aaf6","focus-visible":"focus-visible_e1f75a9d72",tooltipGridContainer:"tooltipGridContainer_3b96701892",scrollableContainer:"scrollableContainer_5120f4cf2a"};!function(t){const e="s_id-f3cc0fae9cc4_3_88_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_b6a166c38b {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_ef9ee91c98 {\n  flex-shrink: 0;\n}\n.tooltipContainer_b5a036aaf6 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.tooltipContainer_b5a036aaf6:focus, .tooltipContainer_b5a036aaf6:focus-visible, .tooltipContainer_b5a036aaf6.focus-visible_e1f75a9d72 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_3b96701892 {\n  max-width: 160px;\n  padding-right: 0;\n}\n.scrollableContainer_5120f4cf2a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_5120f4cf2a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle_3f2f3e42ac",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar_9cb0f4dc13",tooltipContainer:"tooltipContainer_01045d3a69","focus-visible":"focus-visible_f9d23106d1",tooltipGridContainer:"tooltipGridContainer_714f457dc7",scrollableContainer:"scrollableContainer_21fae169ba"};!function(t){const e="s_id-f3cc0fae9cc4_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle_3f2f3e42ac {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar_9cb0f4dc13 {\n  flex-shrink: 0;\n}\n.tooltipContainer_01045d3a69 {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.tooltipContainer_01045d3a69:focus, .tooltipContainer_01045d3a69:focus-visible, .tooltipContainer_01045d3a69.focus-visible_f9d23106d1 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer_714f457dc7 {\n  max-width: 160px;\n  padding-right: 0;\n}\n.scrollableContainer_21fae169ba::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_21fae169ba::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_1528157b9d",virtualizedTooltipContainer:"virtualizedTooltipContainer_3e7aee5b58","focus-visible":"focus-visible_e1f75a9d72"};!function(e){const i="s_id-700dae3ddae4_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_1528157b9d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1528157b9d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_3e7aee5b58 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_3e7aee5b58:focus, .virtualizedTooltipContainer_3e7aee5b58:focus-visible, .virtualizedTooltipContainer_3e7aee5b58.focus-visible_e1f75a9d72 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_80745a84f6",virtualizedTooltipContainer:"virtualizedTooltipContainer_6880e0a934","focus-visible":"focus-visible_f9d23106d1"};!function(e){const i="s_id-700dae3ddae4_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_80745a84f6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_80745a84f6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer_6880e0a934 {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer_6880e0a934:focus, .virtualizedTooltipContainer_6880e0a934:focus-visible, .virtualizedTooltipContainer_6880e0a934.focus-visible_f9d23106d1 { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={badgeWrapper:"badgeWrapper_df7a6ccaca",badge:"badge_fb51465775",outside:"outside_2a3c279d74",topEnd:"topEnd_828388db1d",rectangular:"rectangular_ed6123d4d6",circular:"circular_30ab54948f",topStart:"topStart_61d67ba6c2",bottomEnd:"bottomEnd_ef14df45e0",bottomStart:"bottomStart_2130f3abe7"};!function(a){const t="s_id-b5dca6298ea9_3_88_5";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=a)}(".badgeWrapper_df7a6ccaca {\n  position: relative;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775 {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775:not(.outside_2a3c279d74) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.topEnd_828388db1d.rectangular_ed6123d4d6 {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.topEnd_828388db1d.outside_2a3c279d74 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.topEnd_828388db1d.circular_30ab54948f {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.topStart_61d67ba6c2.rectangular_ed6123d4d6 {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.topStart_61d67ba6c2.outside_2a3c279d74 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.topStart_61d67ba6c2.circular_30ab54948f {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.bottomEnd_ef14df45e0.rectangular_ed6123d4d6 {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.bottomEnd_ef14df45e0.outside_2a3c279d74 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.bottomEnd_ef14df45e0.circular_30ab54948f {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.bottomStart_2130f3abe7.rectangular_ed6123d4d6 {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.bottomStart_2130f3abe7.outside_2a3c279d74 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_df7a6ccaca .badge_fb51465775.bottomStart_2130f3abe7.circular_30ab54948f {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{a as default};
+var e={badgeWrapper:"badgeWrapper_3cc7054c1d",badge:"badge_32b2d83b1f",outside:"outside_c70d1e10a2",topEnd:"topEnd_e3d647899a",rectangular:"rectangular_18a043a9fd",circular:"circular_f6f52b55ef",topStart:"topStart_ce071a91ca",bottomEnd:"bottomEnd_55198eb945",bottomStart:"bottomStart_e0d5dcf125"};!function(e){const a="s_id-b5dca6298ea9_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_3cc7054c1d {\n  position: relative;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f:not(.outside_c70d1e10a2) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.topEnd_e3d647899a.rectangular_18a043a9fd {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.topEnd_e3d647899a.outside_c70d1e10a2 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.topEnd_e3d647899a.circular_f6f52b55ef {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.topStart_ce071a91ca.rectangular_18a043a9fd {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.topStart_ce071a91ca.outside_c70d1e10a2 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.topStart_ce071a91ca.circular_f6f52b55ef {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.bottomEnd_55198eb945.rectangular_18a043a9fd {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.bottomEnd_55198eb945.outside_c70d1e10a2 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.bottomEnd_55198eb945.circular_f6f52b55ef {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.bottomStart_e0d5dcf125.rectangular_18a043a9fd {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.bottomStart_e0d5dcf125.outside_c70d1e10a2 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_3cc7054c1d .badge_32b2d83b1f.bottomStart_e0d5dcf125.circular_f6f52b55ef {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
 //# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={indicator:"indicator_697c51055a",primary:"primary_de8c05d030",notification:"notification_9c5a46bcc1"};!function(e){const i="s_id-d6448d74722f_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_697c51055a {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_697c51055a.primary_de8c05d030 {\n  background-color: var(--primary-color);\n}\n.indicator_697c51055a.notification_9c5a46bcc1 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator_bf603047f8",primary:"primary_2ebcd83316",notification:"notification_f319582eb1"};!function(e){const i="s_id-d6448d74722f_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_bf603047f8 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_bf603047f8.primary_2ebcd83316 {\n  background-color: var(--primary-color);\n}\n.indicator_bf603047f8.notification_f319582eb1 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as i,useEffect as r,useMemo as l}from"react";import s from"classnames";import n from"../../hooks/useMergeRef.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{useListItemProps as d}from"./hooks/useListItemProps.js";import{renderSideElement as a}from"./utils.js";import p from"./BaseItem.module.scss.js";import c from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import h from"../../../components/typography/dist/Text/Text.js";var u=o((function(o,u){var v=o.className,f=o.id,g=o.component,b=void 0===g?"li":g,j=o.size,y=void 0===j?"medium":j,E=o.selected,P=void 0!==E&&E,x=o.readOnly,z=void 0!==x&&x,O=o.highlighted,T=void 0!==O&&O,k=o.role,N=o.dir,B=void 0===N?"auto":N,C=o.itemRenderer,H=o.itemProps,I=void 0===H?{}:H,M=o.item,R=void 0===M?{}:M,S=i(null),_=n(u,S),w=d({id:f,component:b,size:y,highlighted:T,role:k,itemProps:I});r((function(){var e;null===(e=w.refCallback)||void 0===e||e.call(w,S.current)}),[w]);var F=R.label,L=void 0===F?"":F,q=R.disabled,A=void 0!==q&&q,D=R.startElement,G=R.endElement,J=R.tooltipProps,K=void 0===J?{}:J,Q=l((function(){return s(p.wrapper,e(e(e(e({},p.selected,P),p.disabled,A),p.highlighted,w.highlighted),p.readOnly,z),m(p,w.size),v)}),[P,A,w.highlighted,z,w.size,v]),U="small"===w.size?"text2":"text1",V=w.component;return t.createElement(c,Object.assign({},K,{content:null==K?void 0:K.content,position:"rtl"===B?"right":"left",containerSelector:"body"}),t.createElement(V,Object.assign({id:w.id,ref:_,className:Q,role:w.role,"aria-selected":P,"aria-disabled":A||void 0},w.itemProps),C?C(R):t.createElement(t.Fragment,null,D&&a(D,A,U),t.createElement(h,{type:U,color:"inherit",tooltipProps:{containerSelector:"body"}},L),G&&t.createElement("div",{className:p.endElement},a(G,A,U)))))}));export{u as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as i,useEffect as r,useMemo as s}from"react";import l from"classnames";import n from"../../hooks/useMergeRef.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import{useListItemProps as a}from"./hooks/useListItemProps.js";import{renderSideElement as d}from"./utils.js";import c from"./BaseItem.module.scss.js";import p from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import h from"../../../components/typography/dist/Text/Text.js";import u from"../../../components/icon/dist/Icon/Icon.js";import f from"../../../icons/dist/react/Check.js";var v=o((function(o,v){var g=o.className,j=o.id,b=o.component,y=void 0===b?"li":b,E=o.size,P=void 0===E?"medium":E,z=o.selected,k=void 0!==z&&z,x=o.readOnly,C=void 0!==x&&x,I=o.highlighted,N=void 0!==I&&I,O=o.role,S=o.dir,T=void 0===S?"auto":S,H=o.itemRenderer,B=o.itemProps,F=void 0===B?{}:B,M=o.item,R=void 0===M?{}:M,_=i(null),w=n(v,_),L=a({id:j,component:y,size:P,highlighted:N,role:O,itemProps:F});r((function(){var e;null===(e=L.refCallback)||void 0===e||e.call(L,_.current)}),[L]);var q=R.label,A=void 0===q?"":q,D=R.disabled,G=void 0!==D&&D,J=R.startElement,K=R.endElement,Q=R.tooltipProps,U=void 0===Q?{}:Q,V=k&&!C,W=s((function(){return l(c.wrapper,e(e(e(e({},c.selected,k),c.disabled,G),c.highlighted,L.highlighted),c.readOnly,C),m(c,L.size),g)}),[k,G,L.highlighted,C,L.size,g]),X="small"===L.size?"text2":"text1",Y=L.component;return t.createElement(p,Object.assign({},U,{content:null==U?void 0:U.content,position:"rtl"===T?"right":"left",containerSelector:"body"}),t.createElement(Y,Object.assign({id:L.id,ref:w,className:W,role:L.role,"aria-selected":k,"aria-disabled":G||void 0},L.itemProps),H?H(R):t.createElement(t.Fragment,null,J&&d(J,G,X),t.createElement(h,{type:X,color:"inherit",tooltipProps:{containerSelector:"body"}},A),(K||V)&&t.createElement("div",{className:c.endElement},K&&d(K,G,X),V&&t.createElement(u,{icon:f,iconSize:20,className:c.selectedCheck,ignoreFocusStyle:!0,ariaHidden:!0})))))}));export{v as default};
 //# sourceMappingURL=BaseItem.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseItem.js","sources":["../../../../src/components/BaseItem/BaseItem.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport { type BaseItemData, type BaseItemProps } from \"./BaseItem.types\";\nimport { useListItemProps } from \"./hooks/useListItemProps\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { renderSideElement } from \"./utils\";\nimport styles from \"./BaseItem.module.scss\";\n\nconst BaseItem = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n className,\n id,\n component = \"li\",\n size = \"medium\",\n selected = false,\n readOnly = false,\n highlighted = false,\n role,\n index: _index,\n dir = \"auto\",\n itemRenderer,\n itemProps = {},\n item = {} as BaseItemData<Item>\n }: BaseItemProps<Item>,\n ref: React.Ref<HTMLElement>\n ) => {\n const internalRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, internalRef);\n\n const listItemProps = useListItemProps({ id, component, size, highlighted, role, itemProps });\n\n useEffect(() => {\n listItemProps.refCallback?.(internalRef.current);\n }, [listItemProps]);\n\n const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n\n const listItemClassNames = useMemo(\n () =>\n cx(\n styles.wrapper,\n {\n [styles.selected]: selected,\n [styles.disabled]: disabled,\n [styles.highlighted]: listItemProps.highlighted,\n [styles.readOnly]: readOnly\n },\n getStyle(styles, listItemProps.size),\n className\n ),\n [selected, disabled, listItemProps.highlighted, readOnly, listItemProps.size, className]\n );\n\n const textVariant: TextType = listItemProps.size === \"small\" ? \"text2\" : \"text1\";\n const Element = listItemProps.component as React.ElementType;\n\n return (\n <Tooltip\n {...tooltipProps}\n content={tooltipProps?.content}\n position={dir === \"rtl\" ? \"right\" : \"left\"}\n containerSelector=\"body\"\n >\n <Element\n id={listItemProps.id}\n ref={mergedRef}\n className={listItemClassNames}\n role={listItemProps.role}\n aria-selected={selected}\n aria-disabled={disabled \|\| undefined}\n {...listItemProps.itemProps}\n >\n {itemRenderer ? (\n itemRenderer(item)\n ) : (\n <>\n {startElement && renderSideElement(startElement, disabled, textVariant)}\n <Text type={textVariant} color=\"inherit\" tooltipProps={{ containerSelector: \"body\" }}>\n {label}\n </Text>\n {endElement && (\n <div className={styles.endElement}>{renderSideElement(endElement, disabled, textVariant)}</div>\n )}\n </>\n )}\n </Element>\n </Tooltip>\n );\n }\n);\n\nexport default BaseItem as <Item extends Record<string, unknown>>(\n props: BaseItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","internalRef","useRef","mergedRef","useMergeRef","listItemProps","useListItemProps","useEffect","_a","refCallback","call","current","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","containerSelector","undefined","Fragment","renderSideElement","Text","type","color"],"mappings":"~~kkBAWMA~~,IAAAA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAAwB,EAAAA,EAI3BE,EAAcC,EAAoB,MAClCC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAgBC,EAAiB,CAAExB,GAAAA,EAAIE,UAAAA,EAAWE,KAAAA,EAAMM,YAAAA,EAAaC,KAAAA,EAAMK,UAAAA,IAEjFS,GAAU,iBACiB,QAAzBC,EAAAH,EAAcI,mBAAW,IAAAD,GAAAA,EAAAE,KAAAL,EAAGJ,EAAYU,QAC1C,GAAG,CAACN,IAEJ,IAAAO,EAAsFZ,EAA9Ea,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEd,EAAlEe,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDhB,EAAhDgB,aAAcC,EAAkCjB,EAAlCiB,WAAUC,EAAwBlB,EAAtBmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,~~EAE3EE~~,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,~~EAAOnC~~,SAAWA,~~GAClBmC~~,~~EAAOR~~,SAAWA,~~GAClBQ~~,~~EAAO/B~~,YAAca,EAAcb,~~aACnC+B~~,~~EAAOjC~~,SAAWA,~~GAErBoC~~,EAASH,~~EAAQlB~~,EAAcnB,MAC/BL,EACD,GACH,CAACO,EAAU2B,EAAUV,EAAcb,YAAaF,EAAUe,EAAcnB,KAAML,~~IAG1E8C~~,EAA+C,~~UAAvBtB~~,EAAcnB,KAAmB,QAAU,~~QACnE0C~~,~~EAAUvB~~,EAAcrB,UAE9B,~~OACE6C~~,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,~~EACFd~~,EACJ,~~CAAAe~~,~~QAASf~~,aAAA,EAAAA,~~EAAce~~,QACvBC,SAAkB,~~QAARxC~~,EAAgB,QAAU,~~OACpCyC~~,kBAAkB,SAElBP,EAACC,cAAAF,~~iBACC9C~~,GAAIuB,EAAcvB,GAClBF,IAAKuB,EACLtB,~~UAAWuC~~,~~EACX3B~~,KAAMY,EAAcZ,KAAI,gBACTL,EACA,gBAAA2B,~~QAAYsB~~,~~GACvBhC~~,EAAcP,WAEjBF,EACCA,EAAaI,~~GAEb6B~~,EAAAC,cAAAD,EAAAS,SAAA,~~KACGtB~~,~~GAAgBuB~~,~~EAAkBvB~~,EAAcD,~~EAAUY~~,GAC3DE,EAAAC,cAACU,EAAK,CAAAC,KAAMd,EAAae,MAAM,~~UAAUvB~~,aAAc,~~CAAEiB~~,kBAAmB,~~SACzEvB~~,~~GAEFI~~,~~GACCY~~,EAAAC,cAAA,MAAA,~~CAAKjD~~,~~UAAW0C~~,~~EAAON~~,~~YAAasB~~,~~EAAkBtB~~,EAAYF,~~EAAUY~~,~~MAO1F~~"}
1	+ {"version":3,"file":"BaseItem.js","sources":["../../../../src/components/BaseItem/BaseItem.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport { type BaseItemData, type BaseItemProps } from \"./BaseItem.types\";\nimport { useListItemProps } from \"./hooks/useListItemProps\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport { renderSideElement } from \"./utils\";\nimport styles from \"./BaseItem.module.scss\";\n\nconst BaseItem = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n className,\n id,\n component = \"li\",\n size = \"medium\",\n selected = false,\n readOnly = false,\n highlighted = false,\n role,\n index: _index,\n dir = \"auto\",\n itemRenderer,\n itemProps = {},\n item = {} as BaseItemData<Item>\n }: BaseItemProps<Item>,\n ref: React.Ref<HTMLElement>\n ) => {\n const internalRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, internalRef);\n\n const listItemProps = useListItemProps({ id, component, size, highlighted, role, itemProps });\n\n useEffect(() => {\n listItemProps.refCallback?.(internalRef.current);\n }, [listItemProps]);\n\n const { label = \"\", disabled = false, startElement, endElement, tooltipProps = {} } = item;\n const showSelectedCheck = selected && !readOnly;\n\n const listItemClassNames = useMemo(\n () =>\n cx(\n styles.wrapper,\n {\n [styles.selected]: selected,\n [styles.disabled]: disabled,\n [styles.highlighted]: listItemProps.highlighted,\n [styles.readOnly]: readOnly\n },\n getStyle(styles, listItemProps.size),\n className\n ),\n [selected, disabled, listItemProps.highlighted, readOnly, listItemProps.size, className]\n );\n\n const textVariant: TextType = listItemProps.size === \"small\" ? \"text2\" : \"text1\";\n const Element = listItemProps.component as React.ElementType;\n\n return (\n <Tooltip\n {...tooltipProps}\n content={tooltipProps?.content}\n position={dir === \"rtl\" ? \"right\" : \"left\"}\n containerSelector=\"body\"\n >\n <Element\n id={listItemProps.id}\n ref={mergedRef}\n className={listItemClassNames}\n role={listItemProps.role}\n aria-selected={selected}\n aria-disabled={disabled \|\| undefined}\n {...listItemProps.itemProps}\n >\n {itemRenderer ? (\n itemRenderer(item)\n ) : (\n <>\n {startElement && renderSideElement(startElement, disabled, textVariant)}\n <Text type={textVariant} color=\"inherit\" tooltipProps={{ containerSelector: \"body\" }}>\n {label}\n </Text>\n {(endElement \|\| showSelectedCheck) && (\n <div className={styles.endElement}>\n {endElement && renderSideElement(endElement, disabled, textVariant)}\n {showSelectedCheck && (\n <Icon icon={Check} iconSize={20} className={styles.selectedCheck} ignoreFocusStyle ariaHidden />\n )}\n </div>\n )}\n </>\n )}\n </Element>\n </Tooltip>\n );\n }\n);\n\nexport default BaseItem as <Item extends Record<string, unknown>>(\n props: BaseItemProps<Item> & { ref?: React.Ref<HTMLElement> }\n) => React.ReactElement;\n"],"names":["BaseItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$size","size","_ref$selected","selected","_ref$readOnly","readOnly","_ref$highlighted","highlighted","role","_ref$dir","dir","itemRenderer","_ref$itemProps","itemProps","_ref$item","item","internalRef","useRef","mergedRef","useMergeRef","listItemProps","useListItemProps","useEffect","_a","refCallback","call","current","_item$label","label","_item$disabled","disabled","startElement","endElement","_item$tooltipProps","tooltipProps","showSelectedCheck","listItemClassNames","useMemo","cx","styles","wrapper","_defineProperty","getStyle","textVariant","Element","React","createElement","Tooltip","Object","assign","content","position","containerSelector","undefined","Fragment","renderSideElement","Text","type","color","Icon","icon","Check","iconSize","selectedCheck","ignoreFocusStyle","ariaHidden"],"mappings":"8qBAaMA,IAAAA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAAAE,EAAAN,EAChBO,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACfS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAZ,EAChBa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAId,EAAJc,KACKC,EAAAf,EACLgB,IAAAA,OAAM,IAAHD,EAAG,OAAMA,EACZE,EAAYjB,EAAZiB,aAAYC,EAAAlB,EACZmB,UAAAA,OAAS,IAAAD,EAAG,CAAA,EAAEA,EAAAE,EAAApB,EACdqB,KAAAA,OAAI,IAAAD,EAAG,CAAwB,EAAAA,EAI3BE,EAAcC,EAAoB,MAClCC,EAAYC,EAAYxB,EAAKqB,GAE7BI,EAAgBC,EAAiB,CAAExB,GAAAA,EAAIE,UAAAA,EAAWE,KAAAA,EAAMM,YAAAA,EAAaC,KAAAA,EAAMK,UAAAA,IAEjFS,GAAU,iBACiB,QAAzBC,EAAAH,EAAcI,mBAAW,IAAAD,GAAAA,EAAAE,KAAAL,EAAGJ,EAAYU,QAC1C,GAAG,CAACN,IAEJ,IAAAO,EAAsFZ,EAA9Ea,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAoEd,EAAlEe,SAAAA,OAAW,IAAHD,GAAQA,EAAEE,EAAgDhB,EAAhDgB,aAAcC,EAAkCjB,EAAlCiB,WAAUC,EAAwBlB,EAAtBmB,aAAAA,OAAY,IAAAD,EAAG,CAAA,EAAEA,EAC3EE,EAAoBhC,IAAaE,EAEjC+B,EAAqBC,GACzB,WAAA,OACEC,EACEC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOpC,SAAWA,GAClBoC,EAAOT,SAAWA,GAClBS,EAAOhC,YAAca,EAAcb,aACnCgC,EAAOlC,SAAWA,GAErBqC,EAASH,EAAQnB,EAAcnB,MAC/BL,EACD,GACH,CAACO,EAAU2B,EAAUV,EAAcb,YAAaF,EAAUe,EAAcnB,KAAML,IAG1E+C,EAA+C,UAAvBvB,EAAcnB,KAAmB,QAAU,QACnE2C,EAAUxB,EAAcrB,UAE9B,OACE8C,EAAAC,cAACC,EAAOC,OAAAC,OAAA,CAAA,EACFf,EACJ,CAAAgB,QAAShB,aAAA,EAAAA,EAAcgB,QACvBC,SAAkB,QAARzC,EAAgB,QAAU,OACpC0C,kBAAkB,SAElBP,EAACC,cAAAF,iBACC/C,GAAIuB,EAAcvB,GAClBF,IAAKuB,EACLtB,UAAWwC,EACX5B,KAAMY,EAAcZ,KAAI,gBACTL,EACA,gBAAA2B,QAAYuB,GACvBjC,EAAcP,WAEjBF,EACCA,EAAaI,GAEb8B,EAAAC,cAAAD,EAAAS,SAAA,KACGvB,GAAgBwB,EAAkBxB,EAAcD,EAAUa,GAC3DE,EAAAC,cAACU,EAAK,CAAAC,KAAMd,EAAae,MAAM,UAAUxB,aAAc,CAAEkB,kBAAmB,SACzExB,IAEDI,GAAcG,IACdU,EAAAC,cAAA,MAAA,CAAKlD,UAAW2C,EAAOP,YACpBA,GAAcuB,EAAkBvB,EAAYF,EAAUa,GACtDR,GACCU,EAACC,cAAAa,EAAK,CAAAC,KAAMC,EAAOC,SAAU,GAAIlE,UAAW2C,EAAOwB,cAAeC,kBAAgB,EAACC,YAAa,OASlH"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_adbc2e9bc7","focus-visible":"focus-visible_9c6648e289",highlighted:"highlighted_732d8c966c",disabled:"disabled_36dfce2dfc",readOnly:"readOnly_41d38b6b59",selected:"selected_bec3961268",small:"small_d054344bbe",medium:"medium_37d947e758",large:"large_d8f47da212",avatar:"avatar_4ff69d6ee4",icon:"icon_ef9ee91c98",indent:"indent_c8771137d5",endElement:"endElement_d0467aa8bd"};!function(e){const d="s_id-d3a3c9508ef7_3_88_5";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_adbc2e9bc7 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_adbc2e9bc7:focus-visible, .wrapper_adbc2e9bc7.focus-visible_9c6648e289 {\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.wrapper_adbc2e9bc7:focus:not(.focus-visible_9c6648e289) {\n  outline: none;\n}\n.wrapper_adbc2e9bc7.highlighted_732d8c966c, .wrapper_adbc2e9bc7:hover:not(.disabled_36dfce2dfc):not(.readOnly_41d38b6b59) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_adbc2e9bc7.disabled_36dfce2dfc {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_adbc2e9bc7.readOnly_41d38b6b59 {\n  cursor: default;\n}\n.wrapper_adbc2e9bc7.selected_bec3961268 {\n  background-color: var(--primary-selected-color);\n}\n.wrapper_adbc2e9bc7.selected_bec3961268.highlighted_732d8c966c, .wrapper_adbc2e9bc7.selected_bec3961268:hover:not(.disabled_36dfce2dfc):not(.readOnly_41d38b6b59) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper_adbc2e9bc7.small_d054344bbe {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_adbc2e9bc7.medium_37d947e758 {\n  padding: 9px 12px;\n}\n.wrapper_adbc2e9bc7.large_d8f47da212 {\n  padding: 13px 12px;\n}\n.wrapper_adbc2e9bc7 .avatar_4ff69d6ee4,\n.wrapper_adbc2e9bc7 .icon_ef9ee91c98 {\n  flex-shrink: 0;\n}\n.wrapper_adbc2e9bc7 .indent_c8771137d5 {\n  width: 20px;\n}\n.wrapper_adbc2e9bc7 .endElement_d0467aa8bd {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper_e34ec1a691","focus-visible":"focus-visible_12c43de20d",highlighted:"highlighted_0aebf14b5e",disabled:"disabled_0ce83ea4b9",readOnly:"readOnly_b524c385bb",small:"small_e86a545d6f",medium:"medium_2bedd30c05",large:"large_319193cd9f",avatar:"avatar_01588a5237",icon:"icon_9cb0f4dc13",indent:"indent_dcaf9fa147",endElement:"endElement_8658096238",selectedCheck:"selectedCheck_f30d33cadf"};!function(e){const a="s_id-c2a22f20fdcc_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable selector-class-pattern */\n.wrapper_e34ec1a691 {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n  border-radius: 6px;\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper_e34ec1a691:focus-visible, .wrapper_e34ec1a691.focus-visible_12c43de20d {\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.wrapper_e34ec1a691:focus:not(.focus-visible_12c43de20d) {\n  outline: none;\n}\n.wrapper_e34ec1a691.highlighted_0aebf14b5e, .wrapper_e34ec1a691:hover:not(.disabled_0ce83ea4b9):not(.readOnly_b524c385bb) {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_e34ec1a691.disabled_0ce83ea4b9 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper_e34ec1a691.readOnly_b524c385bb {\n  cursor: default;\n}\n.wrapper_e34ec1a691.small_e86a545d6f {\n  padding: 6px var(--spacing-small);\n}\n.wrapper_e34ec1a691.medium_2bedd30c05 {\n  padding: 9px 12px;\n}\n.wrapper_e34ec1a691.large_319193cd9f {\n  padding: 13px 12px;\n}\n.wrapper_e34ec1a691 .avatar_01588a5237,\n.wrapper_e34ec1a691 .icon_9cb0f4dc13 {\n  flex-shrink: 0;\n}\n.wrapper_e34ec1a691 .indent_dcaf9fa147 {\n  width: 20px;\n}\n.wrapper_e34ec1a691 .endElement_8658096238 {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-xs);\n}\n.wrapper_e34ec1a691 .selectedCheck_f30d33cadf {\n  flex-shrink: 0;\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=BaseItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={baseList:"baseList_92db93d577"};!function(e){const t="s_id-3f964266edc6_3_88_5";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_92db93d577 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_92db93d577::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_92db93d577::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={baseList:"baseList_733d3f4e87"};!function(e){const t="s_id-3f964266edc6_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList_733d3f4e87 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList_733d3f4e87::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList_733d3f4e87::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.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_3aec0560ab",withoutText:"withoutText_d574072803",breadcrumbText:"breadcrumbText_efda63bb1e",breadcrumbIcon:"breadcrumbIcon_c38080c289",clickable:"clickable_d0f5e89018",current:"current_2e07c5bfa3",disabled:"disabled_aaa25f35bd",notClickable:"notClickable_6d3255b20c"};!function(e){const n="s_id-55ff70da99a4_3_88_5";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_3aec0560ab {\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_3aec0560ab.withoutText_d574072803 {\n  padding: 4px;\n}\na.breadcrumbContent_3aec0560ab:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_3aec0560ab .breadcrumbText_efda63bb1e {\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_3aec0560ab .breadcrumbIcon_c38080c289 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_3aec0560ab:focus {\n  outline: none;\n}\n.breadcrumbContent_3aec0560ab.clickable_d0f5e89018 {\n  cursor: pointer;\n}\n.breadcrumbContent_3aec0560ab.clickable_d0f5e89018:hover,\n.breadcrumbContent_3aec0560ab:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_3aec0560ab.current_2e07c5bfa3 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_3aec0560ab.disabled_aaa25f35bd {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_3aec0560ab.disabled_aaa25f35bd:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_3aec0560ab.notClickable_6d3255b20c {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_d7cd359c6a",withoutText:"withoutText_618b80a5c7",breadcrumbText:"breadcrumbText_a048f1fac6",breadcrumbIcon:"breadcrumbIcon_8fe520dc1f",clickable:"clickable_0bd0945fa3",current:"current_1862732116",disabled:"disabled_6647b8b59f",notClickable:"notClickable_40e1fc321c"};!function(e){const n="s_id-55ff70da99a4_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_d7cd359c6a {\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_d7cd359c6a.withoutText_618b80a5c7 {\n  padding: 4px;\n}\na.breadcrumbContent_d7cd359c6a:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_d7cd359c6a .breadcrumbText_a048f1fac6 {\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_d7cd359c6a .breadcrumbIcon_8fe520dc1f {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_d7cd359c6a:focus {\n  outline: none;\n}\n.breadcrumbContent_d7cd359c6a.clickable_0bd0945fa3 {\n  cursor: pointer;\n}\n.breadcrumbContent_d7cd359c6a.clickable_0bd0945fa3:hover,\n.breadcrumbContent_d7cd359c6a:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_d7cd359c6a.current_1862732116 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_d7cd359c6a.disabled_6647b8b59f {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_d7cd359c6a.disabled_6647b8b59f:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_d7cd359c6a.notClickable_40e1fc321c {\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_ff4bc5c608",disabled:"disabled_a20d9d0414"};!function(e){const d="s_id-03f482333e23_3_88_5";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_ff4bc5c608 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_ff4bc5c608.disabled_a20d9d0414 {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_0cd1562312",disabled:"disabled_a5d00d73e1"};!function(e){const d="s_id-03f482333e23_3_88_6";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_0cd1562312 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_0cd1562312.disabled_a5d00d73e1 {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_ff4bc5c608"};!function(e){const n="s_id-fc5ae89c4b65_3_88_5";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)}(".breadcrumbMenuWrapper_ff4bc5c608 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_0cd1562312"};!function(e){const n="s_id-fc5ae89c4b65_3_88_6";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)}(".breadcrumbMenuWrapper_0cd1562312 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_a5b8b90280",separatorIcon:"separatorIcon_84ff83c54c"};!function(e){const n="s_id-24567fd55d40_3_88_5";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_a5b8b90280 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_a5b8b90280 ol .separatorIcon_84ff83c54c {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_7eccb3487d",separatorIcon:"separatorIcon_4ff7294e3e"};!function(e){const n="s_id-24567fd55d40_3_88_6";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_7eccb3487d ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_7eccb3487d ol .separatorIcon_4ff7294e3e {\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/ButtonGroup/ButtonGroup.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_4fa060fd69",subTextContainer:"subTextContainer_00624fa845",buttonsContainer:"buttonsContainer_24e69e5001",fullWidth:"fullWidth_320246faf7",button:"button_54ef90a457",activeButton:"activeButton_f438c5257a",disabled:"disabled_a20d9d0414",buttonDisabled:"buttonDisabled_c5759f3006",startBorder:"startBorder_f4f0e5c7df",endBorder:"endBorder_da6cb8a36d",kindTertiary:"kindTertiary_4f415afebe",optionText:"optionText_7d8885d434",selected:"selected_028102ca06",wrapper:"wrapper_2528ba7218"};!function(n){const t="s_id-4b7ca9f3603b_3_88_5";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.buttonGroup_4fa060fd69 {\n  display: flex;\n  flex-direction: column;\n}\n.subTextContainer_00624fa845 {\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.buttonsContainer_24e69e5001 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.buttonsContainer_24e69e5001.fullWidth_320246faf7 {\n  justify-content: flex-start;\n  width: 100%;\n}\n.buttonsContainer_24e69e5001 .button_54ef90a457 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n.buttonsContainer_24e69e5001 .button_54ef90a457.activeButton_f438c5257a {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_24e69e5001 .button_54ef90a457.activeButton_f438c5257a:hover {\n  background-color: var(--primary-selected-color);\n}\n.buttonsContainer_24e69e5001 .button_54ef90a457.disabled_a20d9d0414, .buttonsContainer_24e69e5001 .button_54ef90a457.buttonDisabled_c5759f3006 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.buttonsContainer_24e69e5001 .button_54ef90a457.startBorder_f4f0e5c7df {\n  border-inline-start-width: 1px;\n}\n.buttonsContainer_24e69e5001 .button_54ef90a457.endBorder_da6cb8a36d {\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_24e69e5001 .button_54ef90a457.fullWidth_320246faf7 {\n  width: 100%;\n  display: flex;\n}\n.kindTertiary_4f415afebe .buttonsContainer_24e69e5001 .button_54ef90a457 {\n  border-color: transparent;\n}\n.kindTertiary_4f415afebe .buttonsContainer_24e69e5001 .button_54ef90a457:first-child {\n  border-color: transparent;\n}\n.optionText_7d8885d434:not(.disabled_a20d9d0414) {\n  color: var(--primary-text-color);\n}\n.optionText_7d8885d434:not(.disabled_a20d9d0414).selected_028102ca06 {\n  color: var(--primary-text-color);\n}\n.wrapper_2528ba7218.disabled_a20d9d0414 {\n  cursor: not-allowed;\n}\n.fullWidth_320246faf7 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_4c5df96d45",subTextContainer:"subTextContainer_f73cc97e16",buttonsContainer:"buttonsContainer_08cf2faf17",fullWidth:"fullWidth_4b8e354103",button:"button_b62ebc0cd2",activeButton:"activeButton_7be50a47f1",disabled:"disabled_a5d00d73e1",buttonDisabled:"buttonDisabled_b9038f6be6",startBorder:"startBorder_b8af739dea",endBorder:"endBorder_d4fc8693f5",kindTertiary:"kindTertiary_7be50a47f1",optionText:"optionText_e64ec17ce4",selected:"selected_00ddb005c8",wrapper:"wrapper_702cccc260"};!function(n){const t="s_id-088a66d7b959_3_88_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.buttonGroup_4c5df96d45 {\n  display: flex;\n  flex-direction: column;\n}\n.subTextContainer_f73cc97e16 {\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.buttonsContainer_08cf2faf17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.buttonsContainer_08cf2faf17.fullWidth_4b8e354103 {\n  justify-content: flex-start;\n  width: 100%;\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2 {\n  border-style: var(--border-style);\n  border-width: var(--border-width) 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--layout-border-color);\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2.activeButton_7be50a47f1:not(.disabled_a5d00d73e1) {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border-color: var(--primary-color);\n  border-inline-width: var(--border-width);\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2.activeButton_7be50a47f1:not(.disabled_a5d00d73e1):hover:not(.disabled_a5d00d73e1) {\n  background-color: var(--primary-hover-color);\n  border-color: var(--primary-hover-color);\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2.disabled_a5d00d73e1, .buttonsContainer_08cf2faf17 .button_b62ebc0cd2.buttonDisabled_b9038f6be6 {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2.disabled_a5d00d73e1:hover, .buttonsContainer_08cf2faf17 .button_b62ebc0cd2.buttonDisabled_b9038f6be6:hover {\n  background-color: var(--disabled-background-color);\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2.startBorder_b8af739dea {\n  border-inline-start-width: 1px;\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2.endBorder_d4fc8693f5 {\n  border-inline-end-width: 1px;\n}\n.buttonsContainer_08cf2faf17 .button_b62ebc0cd2.fullWidth_4b8e354103 {\n  width: 100%;\n  display: flex;\n}\n.kindTertiary_7be50a47f1 .buttonsContainer_08cf2faf17 .button_b62ebc0cd2 {\n  border-color: transparent;\n}\n.kindTertiary_7be50a47f1 .buttonsContainer_08cf2faf17 .button_b62ebc0cd2:first-child {\n  border-color: transparent;\n}\n.optionText_e64ec17ce4:not(.disabled_a5d00d73e1) {\n  color: var(--primary-text-color);\n}\n.optionText_e64ec17ce4:not(.disabled_a5d00d73e1).selected_00ddb005c8 {\n  color: var(--primary-text-color);\n}\n.wrapper_702cccc260.disabled_a5d00d73e1 {\n  cursor: not-allowed;\n}\n.fullWidth_4b8e354103 {\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 e={wrapper:"wrapper_519d8302c9",checkbox:"checkbox_b7eaf262db",icon:"icon_b4730e84f9",label:"label_996a134a8d",input:"input_5f19784207",checkboxGrowAnimation:"checkboxGrowAnimation_9db6dd60d3"};!function(e){const n="s_id-2badabf1957a_3_88_5";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_519d8302c9 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n  outline: none; /* focus ring is rendered on .checkbox child, not the wrapper */\n}\n.checkbox_b7eaf262db {\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.checkbox_b7eaf262db: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.checkbox_b7eaf262db:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon_b4730e84f9 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label_996a134a8d {\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/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n/* we hide the checkbox and draw a new one instead. */\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n.input_5f19784207 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n.input_5f19784207:focus + .checkbox_b7eaf262db {\n  border-color: var(--secondary-text-color);\n}\n.input_5f19784207:focus:checked + .checkbox_b7eaf262db {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_5f19784207:focus-visible + .checkbox_b7eaf262db {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input_5f19784207:checked:focus + .checkbox_b7eaf262db:after,\n.input_5f19784207:indeterminate:focus + .checkbox_b7eaf262db:after {\n  background-color: var(--primary-hover-color);\n}\n/* Tab navigation — non-separate mode: the wrapper <label> is the Tab target */\n.wrapper_519d8302c9:focus-visible > .checkbox_b7eaf262db {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_519d8302c9:focus-visible > .input_5f19784207:checked ~ .checkbox_b7eaf262db,\n.wrapper_519d8302c9:focus-visible > .input_5f19784207:indeterminate ~ .checkbox_b7eaf262db {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n/* Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox_b7eaf262db:focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input_5f19784207:checked + .checkbox_b7eaf262db:focus-visible,\n.input_5f19784207:indeterminate + .checkbox_b7eaf262db:focus-visible {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_5f19784207:checked + .checkbox_b7eaf262db,\n.input_5f19784207:indeterminate + .checkbox_b7eaf262db {\n  animation: checkboxGrowAnimation_9db6dd60d3 var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input_5f19784207:checked + .checkbox_b7eaf262db:hover,\n.input_5f19784207:indeterminate + .checkbox_b7eaf262db:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_5f19784207:checked + .checkbox_b7eaf262db:hover:after,\n.input_5f19784207:indeterminate + .checkbox_b7eaf262db:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input_5f19784207:checked + .checkbox_b7eaf262db:after,\n.input_5f19784207:indeterminate + .checkbox_b7eaf262db: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.input_5f19784207:checked + .checkbox_b7eaf262db > .icon_b4730e84f9,\n.input_5f19784207:indeterminate + .checkbox_b7eaf262db > .icon_b4730e84f9 {\n  visibility: visible;\n}\n.input_5f19784207:checked:disabled + .checkbox_b7eaf262db:after,\n.input_5f19784207:indeterminate:disabled + .checkbox_b7eaf262db:after {\n  background-color: var(--disabled-background-color);\n}\n.input_5f19784207:disabled + .checkbox_b7eaf262db .icon_b4730e84f9,\n.input_5f19784207:disabled + .checkbox_b7eaf262db:hover .icon_b4730e84f9 {\n  color: var(--disabled-text-color);\n}\n.input_5f19784207:disabled + .checkbox_b7eaf262db,\n.input_5f19784207:disabled + .checkbox_b7eaf262db:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n.input_5f19784207:disabled ~ .label_996a134a8d {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation_9db6dd60d3 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
+var e={wrapper:"wrapper_2a91089982",checkbox:"checkbox_064913675e",icon:"icon_686d88bc4f",label:"label_b92137afa9",input:"input_8fbc72279d",checkboxGrowAnimation:"checkboxGrowAnimation_5d43400bfd"};!function(e){const n="s_id-331e92d37393_3_88_6";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_2a91089982 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n  outline: none; /* focus ring is rendered on .checkbox child, not the wrapper */\n}\n.checkbox_064913675e {\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.checkbox_064913675e: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.checkbox_064913675e:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon_686d88bc4f {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label_b92137afa9 {\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/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n/* we hide the checkbox and draw a new one instead. */\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n.input_8fbc72279d {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n.input_8fbc72279d:focus + .checkbox_064913675e {\n  border-color: var(--secondary-text-color);\n}\n.input_8fbc72279d:focus:checked + .checkbox_064913675e {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_8fbc72279d:focus-visible + .checkbox_064913675e {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input_8fbc72279d:checked:focus + .checkbox_064913675e:after,\n.input_8fbc72279d:indeterminate:focus + .checkbox_064913675e:after {\n  background-color: var(--primary-hover-color);\n}\n/* Tab navigation — non-separate mode: the wrapper <label> is the Tab target */\n.wrapper_2a91089982:focus-visible > .checkbox_064913675e {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_2a91089982:focus-visible > .input_8fbc72279d:checked ~ .checkbox_064913675e,\n.wrapper_2a91089982:focus-visible > .input_8fbc72279d:indeterminate ~ .checkbox_064913675e {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n/* Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox_064913675e:focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input_8fbc72279d:checked + .checkbox_064913675e:focus-visible,\n.input_8fbc72279d:indeterminate + .checkbox_064913675e:focus-visible {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_8fbc72279d:checked + .checkbox_064913675e,\n.input_8fbc72279d:indeterminate + .checkbox_064913675e {\n  animation: checkboxGrowAnimation_5d43400bfd var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input_8fbc72279d:checked + .checkbox_064913675e:hover,\n.input_8fbc72279d:indeterminate + .checkbox_064913675e:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input_8fbc72279d:checked + .checkbox_064913675e:hover:after,\n.input_8fbc72279d:indeterminate + .checkbox_064913675e:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input_8fbc72279d:checked + .checkbox_064913675e:after,\n.input_8fbc72279d:indeterminate + .checkbox_064913675e: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.input_8fbc72279d:checked + .checkbox_064913675e > .icon_686d88bc4f,\n.input_8fbc72279d:indeterminate + .checkbox_064913675e > .icon_686d88bc4f {\n  visibility: visible;\n}\n.input_8fbc72279d:checked:disabled + .checkbox_064913675e:after,\n.input_8fbc72279d:indeterminate:disabled + .checkbox_064913675e:after {\n  background-color: var(--disabled-background-color);\n}\n.input_8fbc72279d:disabled + .checkbox_064913675e .icon_686d88bc4f,\n.input_8fbc72279d:disabled + .checkbox_064913675e:hover .icon_686d88bc4f {\n  color: var(--disabled-text-color);\n}\n.input_8fbc72279d:disabled + .checkbox_064913675e,\n.input_8fbc72279d:disabled + .checkbox_064913675e:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--primary-text-color);\n}\n.input_8fbc72279d:disabled ~ .label_b92137afa9 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation_5d43400bfd {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{e as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as i,useState as r,useCallback as s,useMemo as n}from"react";import l from"classnames";import c from"../../hooks/useMergeRef.js";import{getCSSVar as m}from"../../services/themes.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{getElementColor as u}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import{getTestId as v,ComponentDefaultTestId as f}from"../../tests/testIds.js";import{AvatarType as b}from"../Avatar/AvatarConstants.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import y from"../../hooks/useSetFocus/index.js";import j from"./Chips.module.scss.js";import{ComponentVibeId as h}from"../../tests/constants.js";import C from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import k from"../../../components/icon/dist/Icon/Icon.js";import x from"../../../components/typography/dist/Text/Text.js";import S from"../../../components/icon-button/dist/IconButton/IconButton.js";import N from"../../../icons/dist/react/CloseSmall.js";var A=g(a((function(a,d){var b=a.className,g=a.avatarClassName,A=a.iconClassName,E=a.id,T=a.label,M=void 0===T?"":T,P=a.leftIcon,w=void 0===P?null:P,I=a.rightIcon,B=void 0===I?null:I,z=a.leftAvatar,H=void 0===z?null:z,L=a.rightAvatar,O=void 0===L?null:L,R=a.disabled,D=void 0!==R&&R,F=a.readOnly,_=void 0!==F&&F,U=a.allowTextSelection,q=void 0!==U&&U,G=a.color,J=void 0===G?"primary":G,K=a.iconSize,Q=void 0===K?18:K,V=a.onDelete,W=void 0===V?function(e,o){}:V,X=a.onMouseDown,Y=a.onClick,Z=a.noAnimation,$=void 0===Z||Z,ee=a.ariaLabel,oe=a.ariaHasPopup,te=void 0!==oe&&oe,ae=a.disableClickableBehavior,ie=void 0!==ae&&ae,re=a.leftAvatarType,se=void 0===re?"img":re,ne=a.rightAvatarType,le=void 0===ne?"img":ne,ce=a.showBorder,me=void 0!==ce&&ce,de=a.leftRenderer,ue=a.rightRenderer,pe=a.closeButtonAriaLabel,ve=void 0===pe?"Remove":pe,fe=a.noMargin,be=void 0!==fe&&fe,ge=a["data-testid"]||v(f.CHIP,E),ye=!(!Y&&!X||ie),je=!_&&!D,he=ee||"string"==typeof M&&M||"",Ce=i(null),ke=i(null),xe=r(!1),Se=e(xe,2),Ne=Se[0],Ae=Se[1],Ee=s((function(){return Ae(!0)}),[]),Te=s((function(){return Ae(!1)}),[]),Me=y({ref:ke}).isFocused,Pe=c(d,ke),we=l(j.chips,b,o(o(o(o(o({},j.disabled,D),j.noAnimation,$),j.withUserSelect,q),j.border,me),j.noMargin,be)),Ie=l(j.clickable,we,o(o({},j.disabled,D),j.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:D?m("disabled-background-color"):ye&&(Ne||Me)?u(J,!0,!0):u(J,!0)}}),[D,ye,Ne,Me,J]),ze=s((function(e){e.stopPropagation(),W&&W(E,e)}),[E,W]),He=s((function(e){void 0!==Y&&e.target!==Ce.current&&(e.preventDefault(),Y(e))}),[Y]),Le=C({onClick:He,onMouseDown:X,disabled:D,id:E,"data-testid":ge,ariaLabel:he,ariaHidden:!1,ariaHasPopup:te,ariaExpanded:!1},Pe),Oe=ye?Object.assign(Object.assign({},Le),{ref:Pe,className:Ie,style:Be,onMouseEnter:Ee,onMouseLeave:Te}):{className:we,"aria-label":he,style:Be,ref:Pe,onClick:He,onMouseDown:X,id:E,"data-testid":ge,onMouseEnter:Ee,onMouseLeave:Te},Re="text"===se?{text:H}:{src:H},De="text"===se?{text:O}:{src:O};return t.createElement("div",Object.assign({},Oe,{"data-vibe":h.CHIPS}),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(j.avatar,j.left,g),customSize:18,type:se,key:E},Re)):null,w?t.createElement(k,{className:l(j.icon,j.left,A),iconType:"font",icon:w,iconSize:Q,ignoreFocusStyle:!0}):null,de&&t.createElement("div",{className:l(j.customRenderer,j.left)},de),t.createElement(x,{type:"text2",className:j.label},M),B?t.createElement(k,{className:l(j.icon,j.right,A),iconType:"font",icon:B,iconSize:Q,ignoreFocusStyle:!0}):null,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(j.avatar,j.right,g),customSize:18,type:le,key:E},De)):null,ue&&t.createElement("div",{className:l(j.customRenderer,j.right)},ue),je&&t.createElement(S,{size:"xxs",color:"on-primary-color",className:l(j.icon,j.close),ariaLabel:ve,hideTooltip:!0,icon:N,onClick:ze,"data-testid":"".concat(ge,"-close"),ref:Ce}))})),{colors:d,avatarTypes:b});export{A as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as i,useLayoutEffect as a,useMemo as r,useCallback as s}from"react";import{camelCase as l}from"es-toolkit";import n from"classnames";import c from"../../hooks/useMergeRef.js";import{ElementAllowedColor as d}from"../../utils/colors-vars-map.js";import{isSemanticElementColor as m,getElementColor as p}from"../../types/Colors.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import f from"../Avatar/Avatar.js";import{getTestId as v,ComponentDefaultTestId as b}from"../../tests/testIds.js";import{AvatarType as y}from"../Avatar/AvatarConstants.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import h from"./Chips.module.scss.js";import{ComponentVibeId as j}from"../../tests/constants.js";import C from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import w from"../../../components/icon/dist/Icon/Icon.js";import x from"../../../components/typography/dist/Text/Text.js";import k from"../../../components/icon-button/dist/IconButton/IconButton.js";import N from"../../../icons/dist/react/CloseSmall.js";var S=g(o((function(o,d){var y,g=o.className,S=o.avatarClassName,A=o.iconClassName,I=o.id,E=o.label,O=void 0===E?"":E,P=o.leftIcon,T=void 0===P?null:P,B=o.rightIcon,R=void 0===B?null:B,z=o.leftAvatar,H=void 0===z?null:z,M=o.rightAvatar,D=void 0===M?null:M,L=o.disabled,F=void 0!==L&&L,_=o.variant,U=void 0===_?"default":_,q=o.readOnly,G=void 0!==q&&q,J=o.pressed,K=void 0!==J&&J,Q=o.size,V=void 0===Q?"medium":Q,W=o.allowTextSelection,X=void 0!==W&&W,Y=o.color,Z=void 0===Y?"primary":Y,$=o.iconSize,ee=o.onDelete,te=void 0===ee?function(e,t){}:ee,oe=o.onMouseDown,ie=o.onClick,ae=o.noAnimation,re=void 0===ae||ae,se=o.ariaLabel,le=o.ariaHasPopup,ne=void 0!==le&&le,ce=o.disableClickableBehavior,de=void 0!==ce&&ce,me=o.leftAvatarType,pe=void 0===me?"img":me,ue=o.rightAvatarType,fe=void 0===ue?"img":ue,ve=o.showBorder,be=void 0!==ve&&ve,ye=o.leftRenderer,ge=o.rightRenderer,he=o.closeButtonAriaLabel,je=void 0===he?"Remove":he,Ce=o.noMargin,we=void 0!==Ce&&Ce,xe=o["data-testid"]||v(b.CHIP,I),ke="filterable"===U,Ne=!ke&&(G||"readOnly"===U),Se="small"===V,Ae=ke?"primary":Z,Ie=se||"string"==typeof O&&O||"",Ee=null!=$?$:Se?14:18,Oe=Se?14:18,Pe=!Ne&&!F&&!ke,Te=!Ne&&(!de&&(!!ie||!!oe)||ke),Be=i(null),Re=i(null),ze=c(d,Re);a((function(){if(Pe&&Re.current){var e=Re.current;e.style.width="",e.style.width="".concat(e.getBoundingClientRect().width,"px")}}),[Pe,O,V,T,R,H,D,ye,ge]);var He=!!(T||H||ye),Me=!!(R||D||ge),De=!ke&&m(Ae)?u(h,l("color-"+Ae)):void 0,Le=n(h.chips,g,De,(e(e(e(e(e(e(e(e(e(e(y={},h.disabled,F),h.noAnimation,re),h.withUserSelect,X),h.border,be),h.noMargin,we),h.small,Se),h.readOnly,Ne),h.defaultCursor,Ne),h.filterable,ke),h.pressed,ke&&K),e(e(e(y,h.withClose,Pe),h.withLeftIcon,He),h.withRightIcon,Me))),Fe=n(h.clickable,Le,e(e({},h.disabled,F),h.disableTextSelection,!X)),_e=r((function(){if(!(ke||F||De))return{"--chips-surface":p(Ae,!0)}}),[F,Ae,ke,De]),Ue=s((function(e){e.stopPropagation(),te&&te(I,e)}),[I,te]),qe=s((function(e){Ne||F||void 0!==ie&&e.target!==Be.current&&(e.preventDefault(),ie(e))}),[ie,Ne,F]),Ge=s((function(e){Ne||F||null==oe||oe(e)}),[oe,Ne,F]),Je=C({onClick:qe,onMouseDown:Ge,disabled:F||Ne,id:I,"data-testid":xe,ariaLabel:Ie,ariaHidden:!1,ariaHasPopup:ne,ariaExpanded:!1},ze),Ke=Te?Object.assign(Object.assign(Object.assign({},Je),{ref:ze,className:Fe,style:_e}),ke?{"aria-pressed":K}:{}):{className:Le,"aria-label":Ie,style:_e,ref:ze,onClick:Ne?void 0:qe,onMouseDown:Ne?void 0:Ge,id:I,"data-testid":xe},Qe="text"===pe?{text:H}:{src:H},Ve="text"===pe?{text:D}:{src:D};return t.createElement("div",Object.assign({},Ke,{"data-vibe":j.CHIPS,"data-variant":ke?"filterable":Ne?"readOnly":"default"}),H?t.createElement(f,Object.assign({withoutBorder:!0,className:n(h.avatar,h.left,S),customSize:Oe,type:pe,key:I},Qe)):null,T?t.createElement(w,{className:n(h.icon,h.left,A),iconType:"font",icon:T,iconSize:Ee,ignoreFocusStyle:!0}):null,ye&&t.createElement("div",{className:n(h.customRenderer,h.left)},ye),t.createElement(x,{type:Se?"text3":"text2",color:"inherit",className:h.label},O),R?t.createElement(w,{className:n(h.icon,h.right,A),iconType:"font",icon:R,iconSize:Ee,ignoreFocusStyle:!0}):null,D?t.createElement(f,Object.assign({withoutBorder:!0,className:n(h.avatar,h.right,S),customSize:Oe,type:fe,key:I},Ve)):null,ge&&t.createElement("div",{className:n(h.customRenderer,h.right)},ge),Pe&&t.createElement(k,{size:"xxs",className:n(h.icon,h.close),ariaLabel:je,hideTooltip:!0,icon:N,onClick:Ue,"data-testid":"".concat(xe,"-close"),ref:Be}))})),{colors:d,avatarTypes:y});export{S as default};
 //# sourceMappingURL=Chips.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted.\n /\n readOnly?: boolean;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, indicates that the chip has a popup.\n /\n ariaHasPopup?: boolean;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, removes the default margin from the chip.\n */\n noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n ariaHasPopup = false,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: backgroundColorStyle,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"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"}
1	+ {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor, isSemanticElementColor } from \"../../types/Colors\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsVariant, type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\nconst CHIPS_AVATAR_SIZE_SMALL = 14;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n Visual and behavioral variant of the chip.\n * - `default` — standard chip (colors, optional remove / click)\n * - `readOnly` — display only; no interaction\n * - `filterable` — primary theme only; default / hover / pressed states\n /\n variant?: ChipsVariant;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted or interacted with.\n * Prefer `variant=\"readOnly\"` for new usage.\n /\n readOnly?: boolean;\n /\n When `variant=\"filterable\"`, shows the pressed (selected) state.\n /\n pressed?: boolean;\n /\n The size of the chip.\n * - `medium` — default (24px height)\n * - `small` — 20px height, 12px text\n /\n size?: ChipsSize;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n * Ignored when `variant=\"filterable\"` (always primary).\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, indicates that the chip has a popup.\n /\n ariaHasPopup?: boolean;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, removes the default margin from the chip.\n /\n noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n variant = \"default\",\n readOnly = false,\n pressed = false,\n size = \"medium\",\n allowTextSelection = false,\n color = \"primary\",\n iconSize,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n ariaHasPopup = false,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const isFilterable = variant === \"filterable\";\n const isReadOnly = !isFilterable && (readOnly \|\| variant === \"readOnly\");\n const isSmall = size === \"small\";\n const resolvedColor = isFilterable ? \"primary\" : color;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n const resolvedIconSize = iconSize ?? (isSmall ? 14 : 18);\n const resolvedAvatarSize = isSmall ? CHIPS_AVATAR_SIZE_SMALL : CHIPS_AVATAR_SIZE;\n\n const hasCloseButton = !isReadOnly && !disabled && !isFilterable;\n const hasClickableWrapper =\n !isReadOnly && ((!disableClickableBehavior && (!!onClick \|\| !!onMouseDown)) \|\| isFilterable);\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n // Lock resting width (close is absolutely positioned) so hover padding truncates label instead of growing the chip\n useLayoutEffect(() => {\n if (!hasCloseButton \|\| !componentRef.current) return;\n const el = componentRef.current;\n el.style.width = \"\";\n el.style.width = `${el.getBoundingClientRect().width}px`;\n }, [hasCloseButton, label, size, leftIcon, rightIcon, leftAvatar, rightAvatar, leftRenderer, rightRenderer]);\n\n const hasLeftIcon = Boolean(leftIcon \|\| leftAvatar \|\| leftRenderer);\n const hasRightIcon = Boolean(rightIcon \|\| rightAvatar \|\| rightRenderer);\n\n // Semantic colors are styled by class (same `color-` pattern as Label), so the fill\n // lives in CSS and consumers can override it without !important. `filterable` owns its\n // own fill, so it opts out.\n const semanticColorClassName =\n !isFilterable && isSemanticElementColor(resolvedColor)\n ? getStyle(styles, camelCase(\"color-\" + resolvedColor))\n : undefined;\n\n const overrideClassName = cx(styles.chips, className, semanticColorClassName, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin,\n [styles.small]: isSmall,\n [styles.readOnly]: isReadOnly,\n [styles.defaultCursor]: isReadOnly,\n [styles.filterable]: isFilterable,\n [styles.pressed]: isFilterable && pressed,\n [styles.withClose]: hasCloseButton,\n [styles.withLeftIcon]: hasLeftIcon,\n [styles.withRightIcon]: hasRightIcon\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n /*\n Content colors (there are ~40) can't reasonably each get a class, so they pass their\n * palette in as custom properties and CSS applies them. That keeps `background-color`\n * out of the inline style, so hover is a plain `:hover` rule rather than React state,\n * and consumers can restyle a chip with ordinary specificity.\n /\n const contentColorStyle = useMemo(() => {\n if (isFilterable \|\| disabled \|\| semanticColorClassName) {\n return undefined;\n }\n // No --chips-surface-hover: content colors have no `--color--selected-hover` token,\n // so getElementColor ignores the hover palette for them. The CSS falls back to the\n // resting fill, which is what the previous JS hover branch also produced.\n return { \"--chips-surface\": getElementColor(resolvedColor, true) } as React.CSSProperties;\n }, [disabled, resolvedColor, isFilterable, semanticColorClassName]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (isReadOnly \|\| disabled) {\n return;\n }\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick, isReadOnly, disabled]\n );\n\n const onMouseDownCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (isReadOnly \|\| disabled) {\n return;\n }\n onMouseDown?.(e);\n },\n [onMouseDown, isReadOnly, disabled]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown: onMouseDownCallback,\n disabled: disabled \|\| isReadOnly,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: contentColorStyle,\n ...(isFilterable ? { \"aria-pressed\": pressed } : {})\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: contentColorStyle,\n ref: mergedRef,\n onClick: isReadOnly ? undefined : onClickCallback,\n onMouseDown: isReadOnly ? undefined : onMouseDownCallback,\n id: id,\n \"data-testid\": componentDataTestId\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div\n {...wrapperProps}\n data-vibe={ComponentVibeId.CHIPS}\n data-variant={isFilterable ? \"filterable\" : isReadOnly ? \"readOnly\" : \"default\"}\n >\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={resolvedAvatarSize}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={resolvedIconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n {/* `inherit` so the label follows the chip's colour (--text-on-surface-* for semantic\n colors, set inline on the root). Text's default would pin --primary-text-color and\n leave the label out of step with the icons, which use currentColor. */}\n <Text type={isSmall ? \"text3\" : \"text2\"} color=\"inherit\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={resolvedIconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={resolvedAvatarSize}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_cx","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$variant","variant","_ref$readOnly","readOnly","_ref$pressed","pressed","_ref$size","size","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","isFilterable","isReadOnly","isSmall","resolvedColor","overrideAriaLabel","resolvedIconSize","resolvedAvatarSize","hasCloseButton","hasClickableWrapper","iconButtonRef","useRef","componentRef","mergedRef","useMergeRef","useLayoutEffect","current","el","style","width","concat","getBoundingClientRect","hasLeftIcon","hasRightIcon","semanticColorClassName","isSemanticElementColor","getStyle","styles","camelCase","undefined","overrideClassName","cx","chips","_defineProperty","withUserSelect","border","small","defaultCursor","filterable","withClose","withLeftIcon","withRightIcon","clickableClassName","clickable","disableTextSelection","contentColorStyle","useMemo","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","target","preventDefault","onMouseDownCallback","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","Object","assign","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={chips:"chips_0f1289de65","chips-pop-in-emphasized":"chips-pop-in-emphasized_6377abd7b2",border:"border_331e1a9de0",withUserSelect:"withUserSelect_5c713e1a7d",noMargin:"noMargin_3a3d5467b7",label:"label_6d1095a134",noAnimation:"noAnimation_546f2e4b4d",icon:"icon_a598c25580",avatar:"avatar_5f2093497c",customRenderer:"customRenderer_79cdd6aa8a",left:"left_0d3041ae7d",right:"right_310c08dbad",close:"close_b8173d4084",disabled:"disabled_41d38b6b59",defaultCursor:"defaultCursor_41d38b6b59",clickable:"clickable_d0f5e89018","focus-visible":"focus-visible_44ca32acb2",disableTextSelection:"disableTextSelection_03a0fa941d"};!function(e){const n="s_id-f5374e1ade65_3_88_5";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_0f1289de65 {\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_6377abd7b2 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_0f1289de65.border_331e1a9de0 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_0f1289de65.withUserSelect_5c713e1a7d {\n  user-select: text;\n  cursor: text;\n}\n.chips_0f1289de65.noMargin_3a3d5467b7 {\n  margin: 0;\n}\n.chips_0f1289de65 .label_6d1095a134 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_0f1289de65.noAnimation_546f2e4b4d {\n  animation: none;\n}\n.chips_0f1289de65 .icon_a598c25580,\n.chips_0f1289de65 .avatar_5f2093497c,\n.chips_0f1289de65 .customRenderer_79cdd6aa8a {\n  min-width: 18px;\n}\n.chips_0f1289de65 .icon_a598c25580.left_0d3041ae7d,\n.chips_0f1289de65 .avatar_5f2093497c.left_0d3041ae7d,\n.chips_0f1289de65 .customRenderer_79cdd6aa8a.left_0d3041ae7d {\n  margin-right: var(--spacing-xs);\n}\n.chips_0f1289de65 .icon_a598c25580.right_310c08dbad,\n.chips_0f1289de65 .avatar_5f2093497c.right_310c08dbad,\n.chips_0f1289de65 .customRenderer_79cdd6aa8a.right_310c08dbad {\n  margin-left: var(--spacing-xs);\n}\n.chips_0f1289de65 .icon_a598c25580.close_b8173d4084,\n.chips_0f1289de65 .avatar_5f2093497c.close_b8173d4084,\n.chips_0f1289de65 .customRenderer_79cdd6aa8a.close_b8173d4084 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_0f1289de65.disabled_41d38b6b59 .icon_a598c25580 {\n  color: var(--disabled-text-color);\n}\n.chips_0f1289de65.disabled_41d38b6b59 .label_6d1095a134 {\n  color: var(--disabled-text-color);\n}\n.chips_0f1289de65.defaultCursor_41d38b6b59 {\n  cursor: default;\n}\n.chips_0f1289de65.clickable_d0f5e89018 {\n  cursor: pointer;\n}\n.chips_0f1289de65.clickable_d0f5e89018:focus-visible, .chips_0f1289de65.clickable_d0f5e89018.focus-visible_44ca32acb2 {\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_0f1289de65.clickable_d0f5e89018:focus:not(.focus-visible_44ca32acb2) {\n  outline: none;\n}\n.chips_0f1289de65.clickable_d0f5e89018.disabled_41d38b6b59 {\n  cursor: default;\n}\n.chips_0f1289de65.clickable_d0f5e89018.disableTextSelection_03a0fa941d {\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_6377abd7b2 {\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={chips:"chips_3c658835ee","chips-pop-in-emphasized":"chips-pop-in-emphasized_b530099079",clickable:"clickable_0bd0945fa3",border:"border_45c4b2e63e",withUserSelect:"withUserSelect_79a553f09e",noMargin:"noMargin_22115c65b0",withLeftIcon:"withLeftIcon_12fda4dd8d",withRightIcon:"withRightIcon_338e3325f6",withClose:"withClose_935f7fcdab",label:"label_736df5007f",icon:"icon_3eaeba1ced",close:"close_cf08751316",small:"small_5d0d5a7216",avatar:"avatar_b77fda19ef",customRenderer:"customRenderer_7170b75583",noAnimation:"noAnimation_2ab85977aa",left:"left_86d010924e",right:"right_144901fdcd",colorPrimary:"colorPrimary_1f4dcfa876",colorPositive:"colorPositive_2627618891",colorNegative:"colorNegative_d030d08344",colorWarning:"colorWarning_a59e9fe4d2",colorInfo:"colorInfo_fe05872d1a",colorNeutral:"colorNeutral_f99648c0b1",disabled:"disabled_76f7254b5a",defaultCursor:"defaultCursor_b524c385bb",readOnly:"readOnly_b524c385bb",filterable:"filterable_17e0b48dcd",pressed:"pressed_eb718ff61c","focus-visible":"focus-visible_ef81741bea",disableTextSelection:"disableTextSelection_1d7c73a8a7"};!function(e){const n="s_id-e9dcccbf3784_3_88_6";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_3c658835ee {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: var(--border-radius-full);\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  /* The fill comes from --chips-surface: semantic colors set it via the color-* classes\n     below, content colors pass it in as an inline custom property. Keeping\n     `background-color` itself in CSS means hover is a plain :hover rule (no React state)\n     and consumers can override the fill without !important. */\n  background-color: var(--chips-surface);\n  animation: chips-pop-in-emphasized_b530099079 var(--motion-productive-medium) var(--motion-timing-emphasize);\n  /* Medium: 8px default; 4px on sides that have an icon */\n  /* Icons and the close IconButton track the chip's colour, which for semantic colors\n     is --text-on-surface-* (set inline on the root). This beats IconButton's own\n     `.kindTertiary { color: --primary-text-color }` on specificity. */\n  /* Semantic colors: surface + its paired text, same `color-*` class pattern Label uses.\n     Hover keeps the existing *-color-selected-hover tokens. */\n  /* After the color-* classes so it wins the tie on equal specificity. */\n}\n.chips_3c658835ee.clickable_0bd0945fa3:hover, .chips_3c658835ee.clickable_0bd0945fa3:focus-within {\n  background-color: var(--chips-surface-hover, var(--chips-surface));\n}\n.chips_3c658835ee.border_45c4b2e63e {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_3c658835ee.withUserSelect_79a553f09e {\n  user-select: text;\n  cursor: text;\n}\n.chips_3c658835ee.noMargin_22115c65b0 {\n  margin: 0;\n}\n.chips_3c658835ee.withLeftIcon_12fda4dd8d {\n  padding-inline-start: var(--spacing-xs);\n}\n.chips_3c658835ee.withRightIcon_338e3325f6 {\n  padding-inline-end: var(--spacing-xs);\n}\n.chips_3c658835ee.withClose_935f7fcdab {\n  position: relative;\n  box-sizing: border-box;\n}\n.chips_3c658835ee.withClose_935f7fcdab .label_736df5007f {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.chips_3c658835ee.withClose_935f7fcdab .icon_3eaeba1ced.close_cf08751316 {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n.chips_3c658835ee.withClose_935f7fcdab:hover, .chips_3c658835ee.withClose_935f7fcdab:focus-within {\n  /* Keep overall width stable; carve space for the close control inside the chip */\n  padding-inline-end: 26px;\n}\n.chips_3c658835ee.withClose_935f7fcdab:hover .icon_3eaeba1ced.close_cf08751316, .chips_3c658835ee.withClose_935f7fcdab:focus-within .icon_3eaeba1ced.close_cf08751316 {\n  opacity: 1;\n  pointer-events: auto;\n}\n.chips_3c658835ee.withClose_935f7fcdab.small_5d0d5a7216:hover, .chips_3c658835ee.withClose_935f7fcdab.small_5d0d5a7216:focus-within {\n  padding-inline-end: 22px;\n}\n.chips_3c658835ee.small_5d0d5a7216 {\n  height: 20px;\n  /* Small: 4px default; 2px on sides that have an icon */\n  padding: 0 var(--spacing-xs);\n}\n.chips_3c658835ee.small_5d0d5a7216.withLeftIcon_12fda4dd8d {\n  padding-inline-start: var(--space-2);\n}\n.chips_3c658835ee.small_5d0d5a7216.withRightIcon_338e3325f6 {\n  padding-inline-end: var(--space-2);\n}\n.chips_3c658835ee.small_5d0d5a7216 .icon_3eaeba1ced,\n.chips_3c658835ee.small_5d0d5a7216 .avatar_b77fda19ef,\n.chips_3c658835ee.small_5d0d5a7216 .customRenderer_7170b75583 {\n  min-width: 14px;\n}\n.chips_3c658835ee .label_736df5007f {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_3c658835ee.noAnimation_2ab85977aa {\n  animation: none;\n}\n.chips_3c658835ee .icon_3eaeba1ced,\n.chips_3c658835ee .avatar_b77fda19ef,\n.chips_3c658835ee .customRenderer_7170b75583 {\n  min-width: 18px;\n}\n.chips_3c658835ee .icon_3eaeba1ced.left_86d010924e,\n.chips_3c658835ee .avatar_b77fda19ef.left_86d010924e,\n.chips_3c658835ee .customRenderer_7170b75583.left_86d010924e {\n  margin-right: var(--spacing-xs);\n}\n.chips_3c658835ee .icon_3eaeba1ced.right_144901fdcd,\n.chips_3c658835ee .avatar_b77fda19ef.right_144901fdcd,\n.chips_3c658835ee .customRenderer_7170b75583.right_144901fdcd {\n  margin-left: var(--spacing-xs);\n}\n.chips_3c658835ee .icon_3eaeba1ced.close_cf08751316,\n.chips_3c658835ee .avatar_b77fda19ef.close_cf08751316,\n.chips_3c658835ee .customRenderer_7170b75583.close_cf08751316 {\n  margin-left: var(--spacing-xs);\n}\n.chips_3c658835ee .icon_3eaeba1ced {\n  color: currentColor;\n}\n.chips_3c658835ee.colorPrimary_1f4dcfa876 {\n  --chips-surface: var(--surface-primary);\n  --chips-surface-hover: var(--ui-background-hover-color);\n  color: var(--text-on-surface-primary);\n}\n.chips_3c658835ee.colorPositive_2627618891 {\n  --chips-surface: var(--surface-positive);\n  --chips-surface-hover: var(--positive-color-selected-hover);\n  color: var(--text-on-surface-positive);\n}\n.chips_3c658835ee.colorNegative_d030d08344 {\n  --chips-surface: var(--surface-negative);\n  --chips-surface-hover: var(--negative-color-selected-hover);\n  color: var(--text-on-surface-negative);\n}\n.chips_3c658835ee.colorWarning_a59e9fe4d2 {\n  --chips-surface: var(--surface-warning);\n  --chips-surface-hover: var(--warning-color-selected-hover);\n  color: var(--text-on-surface-warning);\n}\n.chips_3c658835ee.colorInfo_fe05872d1a {\n  --chips-surface: var(--surface-info);\n  --chips-surface-hover: var(--info-color-selected-hover);\n  color: var(--text-on-surface-info);\n}\n.chips_3c658835ee.colorNeutral_f99648c0b1 {\n  --chips-surface: var(--surface-neutral);\n  --chips-surface-hover: var(--ui-background-hover-color);\n  color: var(--text-on-surface-neutral);\n}\n.chips_3c658835ee.disabled_76f7254b5a {\n  --chips-surface: var(--disabled-background-color);\n  --chips-surface-hover: var(--disabled-background-color);\n}\n.chips_3c658835ee.disabled_76f7254b5a .icon_3eaeba1ced {\n  color: var(--disabled-text-color);\n}\n.chips_3c658835ee.disabled_76f7254b5a .label_736df5007f {\n  color: var(--disabled-text-color);\n}\n.chips_3c658835ee.defaultCursor_b524c385bb {\n  cursor: default;\n}\n.chips_3c658835ee.readOnly_b524c385bb {\n  cursor: default;\n}\n.chips_3c658835ee.filterable_17e0b48dcd {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.chips_3c658835ee.filterable_17e0b48dcd .icon_3eaeba1ced,\n.chips_3c658835ee.filterable_17e0b48dcd .label_736df5007f {\n  color: currentColor;\n}\n.chips_3c658835ee.filterable_17e0b48dcd:hover:not(.disabled_76f7254b5a):not(.pressed_eb718ff61c), .chips_3c658835ee.filterable_17e0b48dcd:active:not(.disabled_76f7254b5a):not(.pressed_eb718ff61c) {\n  background-color: var(--ui-background-hover-color);\n  color: var(--primary-text-color);\n}\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-inverted);\n}\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) .icon_3eaeba1ced,\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) .label_736df5007f,\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) .close_cf08751316 {\n  color: currentColor;\n}\n.chips_3c658835ee.filterable_17e0b48dcd.disabled_76f7254b5a {\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.chips_3c658835ee.clickable_0bd0945fa3 {\n  cursor: pointer;\n}\n.chips_3c658835ee.clickable_0bd0945fa3:focus-visible, .chips_3c658835ee.clickable_0bd0945fa3.focus-visible_ef81741bea {\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_3c658835ee.clickable_0bd0945fa3:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.chips_3c658835ee.clickable_0bd0945fa3.disabled_76f7254b5a {\n  cursor: default;\n}\n.chips_3c658835ee.clickable_0bd0945fa3.disableTextSelection_1d7c73a8a7 {\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_b530099079 {\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/ColorPicker/ColorPicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_20a27cbf87",colorPickerDialogContent:"colorPickerDialogContent_f0c18639ad"};!function(e){const t="s_id-ffacbf9b6446_3_88_5";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_20a27cbf87.colorPickerDialogContent_f0c18639ad {\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_377ce9354f",colorPickerDialogContent:"colorPickerDialogContent_29a66d8cda"};!function(e){const t="s_id-ffacbf9b6446_3_88_6";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_377ce9354f.colorPickerDialogContent_29a66d8cda {\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_9cf151caae",clearColorButton:"clearColorButton_0c1eefc904"};!function(e){const n="s_id-774e60a23ee3_3_88_5";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_9cf151caae {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_0c1eefc904 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_6afc5ec1f3",clearColorButton:"clearColorButton_458c0e11ec"};!function(e){const n="s_id-774e60a23ee3_3_88_6";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_6afc5ec1f3 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_458c0e11ec {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map