npm - @vibe/core - Versions diffs - 3.73.0 → 3.74.0-alpha-10c01.0 - Mend

@vibe/core 3.73.0 → 3.74.0-alpha-10c01.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 (723) hide show

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

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox",entryAnimation:"entryAnimation",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const t="s_id-7d53612c3785_3_72_0";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)}("@keyframes entryAnimation {\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 {\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.entryAnimation {\n  animation: entryAnimation 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox",entryAnimation:"entryAnimation",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const t="s_id-7d53612c3785_3_73_0";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)}("@keyframes entryAnimation {\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 {\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.entryAnimation {\n  animation: entryAnimation 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-dccf983c2f60_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.xs {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\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\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\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\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled: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\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\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\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\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\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
+var n={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-dccf983c2f60_3_73_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.xs {\n  height: 20px;\n  width: 20px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\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\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\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\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled: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\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\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\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\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\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_3_72_0";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)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\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\n.contentTextLarge {\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\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_3_73_0";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)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\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\n.contentTextLarge {\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\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_72_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-0d36779f5b9e_3_73_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".avatarGroupContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  position: relative;\n  padding: 0;\n  margin: 0;\n}\n\n.avatarContainer {\n  margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-7f36163b89a3_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer.counterContainer {\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.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\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.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{n as default};
+var n={counterContainer:"counterContainer","focus-visible":"focus-visible",xs:"xs",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-7f36163b89a3_3_73_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer.counterContainer {\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.counterContainer:focus-visible, .counterContainer.counterContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.counterContainer.counterContainer:focus-visible:focus-visible, .counterContainer.counterContainer:focus-visible.focus-visible, .counterContainer.counterContainer.focus-visible:focus-visible, .counterContainer.counterContainer.focus-visible.focus-visible {\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.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.counterContainer.xs {\n  height: 20px;\n  min-width: 20px;\n  border-radius: 10px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer.counterContainer .disabled, .counterContainer.counterContainer.disabled {\n  background-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n}\n.menu {\n  max-height: 300px;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.menu::-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/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-f3cc0fae9cc4_3_72_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n\n.tooltipContainer {\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\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipAvatarItemAvatar:"tooltipAvatarItemAvatar",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-f3cc0fae9cc4_3_73_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n\n.tooltipContainer {\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\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-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/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-700dae3ddae4_3_72_0";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)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-700dae3ddae4_3_73_0";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)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}");export{e as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_72_0";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 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_73_0";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 {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator.primary {\n  background-color: var(--primary-color);\n}\n.indicator.notification {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=Indicator.module.scss.js.map

package/dist/mocked_classnames/src/components/BaseInput/BaseInput.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={wrapper:"wrapper",small:"small",medium:"medium",large:"large",rightThinnerPadding:"rightThinnerPadding",input:"input",success:"success",readOnly:"readOnly",disabled:"disabled",error:"error"};!function(r){const n="s_id-8dc268c8a1a1_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper.small {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper.large {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper.rightThinnerPadding {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper:has(.input:active, .input:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper:has(.input:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper:has(.input:read-only) .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper:has(.input:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper:has(.input:disabled) .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:has(.input:active, .input:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):has(.input:active, .input:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper.readOnly {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper.readOnly .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper.disabled {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.disabled .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper.error {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper .input {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper .input::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper .input:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
+var r={wrapper:"wrapper",small:"small",medium:"medium",large:"large",rightThinnerPadding:"rightThinnerPadding",input:"input",success:"success",readOnly:"readOnly",disabled:"disabled",error:"error"};!function(r){const n="s_id-8dc268c8a1a1_3_73_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper.small {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper.medium {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper.large {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper.rightThinnerPadding {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper:has(.input:active, .input:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper:has(.input:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper:has(.input:read-only) .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper:has(.input:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n    color: var(--disabled-text-color);\n  }\n  .wrapper:has(.input:disabled) .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:has(.input:active, .input:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper:has(.input[aria-invalid=true]):has(.input:active, .input:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper.readOnly {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper.readOnly .input {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper.disabled {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.disabled .input {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper.success {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper.success:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper.error {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper.error:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper .input {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper .input::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper .input:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{r as default};
 //# sourceMappingURL=BaseInput.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-b5d224c4ed03_3_72_0";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)}(".wrapper {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-b5d224c4ed03_3_73_0";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)}(".wrapper {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper .groupTitle {\n  color: var(--secondary-text-color);\n  padding: var(--spacing-small) var(--spacing-xs);\n  background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n  position: sticky;\n  top: 0;\n}\n.wrapper > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

package/dist/mocked_classnames/src/components/BaseListItem/BaseListItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-410c7e21b012_3_72_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\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.highlighted {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--spacing-small);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper",highlighted:"highlighted",disabled:"disabled",readOnly:"readOnly",selected:"selected",small:"small",medium:"medium",large:"large",avatar:"avatar",icon:"icon",indent:"indent",endElement:"endElement"};!function(e){const n="s_id-410c7e21b012_3_73_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\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.highlighted {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.wrapper.readOnly {\n  cursor: default;\n}\n.wrapper.selected {\n  background-color: var(--primary-selected-color);\n}\n.wrapper.selected.highlighted {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--spacing-small);\n}\n.wrapper.medium {\n  padding: 9px 12px;\n}\n.wrapper.large {\n  padding: 13px 12px;\n}\n.wrapper .avatar,\n.wrapper .icon {\n  flex-shrink: 0;\n}\n.wrapper .indent {\n  width: 20px;\n}\n.wrapper .endElement {\n  padding-inline-start: var(--spacing-small);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseListItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={box:"box",scrollable:"scrollable",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgInvertedColorBackground:"bgInvertedColorBackground"};!function(n){const a="s_id-1ea68be2c9b7_3_72_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box {\n  overflow: hidden;\n}\n.box.scrollable {\n  overflow: auto;\n}\n.box.scrollable::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0 {\n  border-radius: 0 !important;\n}\n.roundedSmall {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n  margin: 0 !important;\n}\n.mXs {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall {\n  margin: var(--spacing-small) !important;\n}\n.mMedium {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge {\n  margin: var(--spacing-large) !important;\n}\n.mXl {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n  margin: auto !important;\n}\n.mx0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0 {\n  margin-top: 0 !important;\n}\n.mtXs {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n  margin-top: auto !important;\n}\n.me0 {\n  margin-inline-end: 0 !important;\n}\n.meXs {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n  margin-inline-end: auto !important;\n}\n.mb0 {\n  margin-bottom: 0 !important;\n}\n.mbXs {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n  margin-bottom: auto !important;\n}\n.ms0 {\n  margin-inline-start: 0 !important;\n}\n.msXs {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n  margin-inline-start: auto !important;\n}\n.p0 {\n  padding: 0 !important;\n}\n.pXs {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall {\n  padding: var(--spacing-small) !important;\n}\n.pMedium {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge {\n  padding: var(--spacing-large) !important;\n}\n.pXl {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n  padding-top: 0 !important;\n}\n.ptXs {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n  padding-inline-end: 0 !important;\n}\n.peXs {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n  padding-bottom: 0 !important;\n}\n.pbXs {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n  padding-inline-start: 0 !important;\n}\n.psXs {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box",scrollable:"scrollable",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgInvertedColorBackground:"bgInvertedColorBackground"};!function(n){const a="s_id-1ea68be2c9b7_3_73_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box {\n  overflow: hidden;\n}\n.box.scrollable {\n  overflow: auto;\n}\n.box.scrollable::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0 {\n  border-radius: 0 !important;\n}\n.roundedSmall {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n  margin: 0 !important;\n}\n.mXs {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall {\n  margin: var(--spacing-small) !important;\n}\n.mMedium {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge {\n  margin: var(--spacing-large) !important;\n}\n.mXl {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n  margin: auto !important;\n}\n.mx0 {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0 {\n  margin-top: 0 !important;\n}\n.mtXs {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n  margin-top: auto !important;\n}\n.me0 {\n  margin-inline-end: 0 !important;\n}\n.meXs {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n  margin-inline-end: auto !important;\n}\n.mb0 {\n  margin-bottom: 0 !important;\n}\n.mbXs {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n  margin-bottom: auto !important;\n}\n.ms0 {\n  margin-inline-start: 0 !important;\n}\n.msXs {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n  margin-inline-start: auto !important;\n}\n.p0 {\n  padding: 0 !important;\n}\n.pXs {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall {\n  padding: var(--spacing-small) !important;\n}\n.pMedium {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge {\n  padding: var(--spacing-large) !important;\n}\n.pXl {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n  padding-top: 0 !important;\n}\n.ptXs {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n  padding-inline-end: 0 !important;\n}\n.peXs {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n  padding-bottom: 0 !important;\n}\n.pbXs {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n  padding-inline-start: 0 !important;\n}\n.psXs {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-55ff70da99a4_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent {\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.withoutText {\n  padding: 4px;\n}\na.breadcrumbContent:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent .breadcrumbText {\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 .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent:focus {\n  outline: none;\n}\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent.current {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
+var n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-55ff70da99a4_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent {\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.withoutText {\n  padding: 4px;\n}\na.breadcrumbContent:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent .breadcrumbText {\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 .breadcrumbIcon {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent:focus {\n  outline: none;\n}\n.breadcrumbContent.clickable {\n  cursor: pointer;\n}\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent.current {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent.disabled:hover {\n  background-color: transparent;\n}\n.breadcrumbContent.notClickable {\n  pointer-events: none;\n}");export{n as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper"};!function(e){const n="s_id-fc5ae89c4b65_3_72_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper"};!function(e){const n="s_id-fc5ae89c4b65_3_73_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper {\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/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import a from"classnames";import{getTestId as e,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../packages/icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:a(o.breadcrumbsBar,r.className),id:d,"data-testid":p||e(s.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(a,e){return t.isValidElement(a)?[e>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(a,Object.assign(Object.assign({},null==a?void 0:a.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
+import t from"react";import e from"classnames";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as r}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import{ComponentVibeId as n}from"../../tests/constants.js";import m from"../../../icons/dist/react/NavigationChevronRight.js";var c=i((function(r){var i=r.children,c=r.type,l=void 0===c?"indication":c,d=r.id,p=r["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,r.className),id:d,"data-testid":p||s(a.BREADCRUMBS_BAR,d),"data-vibe":n.BREADCRUMBS_BAR},t.createElement("ol",null,i&&t.Children.map(i,(function(e,s){return t.isValidElement(e)?[s>0&&t.createElement(m,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:r});export{c as default};
 //# sourceMappingURL=BreadcrumbsBar.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"~~4eAyBA~~,IAmCeA,EAAAA,GAnCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAACC,cAAAc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATzB,MAGjB,IAAI,KAGV,GAOuG,CAC7G0B,MAAOC"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n data-vibe={ComponentVibeId.BREADCRUMBS_BAR}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","ComponentVibeId","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"meAyBA,IAmCeA,EAAAA,GAnCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,GAAG,YACrEW,EAAgBD,iBAE3BR,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMU,SAASC,IAAIhB,GAAU,SAACiB,EAAOC,GAAK,OACxCb,EAAMc,eAAeF,GACjB,CACEC,EAAQ,GAAKb,EAACC,cAAAc,GAAuBb,UAAWE,EAAOY,cAAeC,KAAK,KAAI,cAAa,SAC5FjB,EAAMkB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATzB,MAGjB,IAAI,KAGV,GAOuG,CAC7G0B,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar",separatorIcon:"separatorIcon"};!function(e){const n="s_id-24567fd55d40_3_72_0";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 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar ol .separatorIcon {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar",separatorIcon:"separatorIcon"};!function(e){const n="s_id-24567fd55d40_3_73_0";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 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar ol .separatorIcon {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup",subTextContainer:"subTextContainer",buttonsContainer:"buttonsContainer",fullWidth:"fullWidth",button:"button",activeButton:"activeButton",disabled:"disabled",buttonDisabled:"buttonDisabled",startBorder:"startBorder",endBorder:"endBorder",kindTertiary:"kindTertiary",optionText:"optionText",selected:"selected",wrapper:"wrapper"};!function(n){const t="s_id-4b7ca9f3603b_3_72_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer.fullWidth {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer .button {\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\n.buttonsContainer .button.activeButton {\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\n.buttonsContainer .button.activeButton:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer .button.disabled, .buttonsContainer .button.buttonDisabled {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer .button.startBorder {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer .button.endBorder {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer .button.fullWidth {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary .buttonsContainer .button {\n  border-color: transparent;\n}\n\n.kindTertiary .buttonsContainer .button:first-child {\n  border-color: transparent;\n}\n\n.optionText:not(.disabled) {\n  color: var(--primary-text-color);\n}\n\n.optionText:not(.disabled).selected {\n  color: var(--primary-text-color);\n}\n\n.wrapper.disabled {\n  cursor: not-allowed;\n}\n\n.fullWidth {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup",subTextContainer:"subTextContainer",buttonsContainer:"buttonsContainer",fullWidth:"fullWidth",button:"button",activeButton:"activeButton",disabled:"disabled",buttonDisabled:"buttonDisabled",startBorder:"startBorder",endBorder:"endBorder",kindTertiary:"kindTertiary",optionText:"optionText",selected:"selected",wrapper:"wrapper"};!function(n){const t="s_id-4b7ca9f3603b_3_73_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer.fullWidth {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer .button {\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\n.buttonsContainer .button.activeButton {\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\n.buttonsContainer .button.activeButton:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer .button.disabled, .buttonsContainer .button.buttonDisabled {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer .button.startBorder {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer .button.endBorder {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer .button.fullWidth {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary .buttonsContainer .button {\n  border-color: transparent;\n}\n\n.kindTertiary .buttonsContainer .button:first-child {\n  border-color: transparent;\n}\n\n.optionText:not(.disabled) {\n  color: var(--primary-text-color);\n}\n\n.optionText:not(.disabled).selected {\n  color: var(--primary-text-color);\n}\n\n.wrapper.disabled {\n  cursor: not-allowed;\n}\n\n.fullWidth {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { isNil, noop as NOOP } from \"es-toolkit\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /*\n Class name applied to the checkbox element.\n /\n checkboxClassName?: string;\n /\n Class name applied to the label element.\n /\n labelClassName?: string;\n /\n The label of the checkbox for accessibility.\n /\n ariaLabel?: string;\n /\n The content displayed next to the checkbox.\n /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /\n The ID of an element describing the checkbox.\n /\n ariaLabelledBy?: string;\n /\n Callback fired when the checkbox value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /\n If true, controls the checked state of the checkbox.\n /\n checked?: boolean;\n /\n If true, displays an indeterminate state.\n /\n indeterminate?: boolean;\n /\n If true, the checkbox automatically receives focus.\n /\n autoFocus?: boolean;\n /\n If true, the checkbox is disabled.\n /\n disabled?: boolean;\n /\n The initial checked state of the checkbox.\n /\n defaultChecked?: boolean;\n /\n The value submitted with the form when checked.\n /\n value?: string;\n /\n The name of the checkbox, used for form submission.\n /\n name?: string;\n /\n The tab order of the checkbox.\n /\n tabIndex?: number;\n /\n If true, uses separate labels with htmlFor/id association instead of wrapping the input.\n * If using this the id prop is required for it to function correctly.\n /\n separateLabel?: boolean;\n}\n\nconst Checkbox = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n separateLabel = false,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n if (separateLabel) {\n return (\n <div\n className={cx(styles.wrapper, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n {/ eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n <label\n htmlFor={id}\n className={cx(styles.checkbox, checkboxClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </label>\n {label === false ? null : (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n htmlFor={id}\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Text element=\"span\" type=\"text2\">\n {label}\n </Text>\n </label>\n )}\n </div>\n );\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","_ref$separateLabel","separateLabel","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","getTestId","ComponentDefaultTestId","CHECKBOX","ComponentVibeId","type","htmlFor","checkbox","CHECKBOX_CHECKBOX","onMouseUp","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","CHECKBOX_LABEL","Text","element"],"mappings":"wqBA6EMA,IAAAA,EAAWC,GACf,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GAAEC,EAAAxB,EACFyB,cAAAA,OAAgB,IAAHD,GAAQA,EACNE,EAAU1B,EAAzB,eAII2B,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY7B,EAAK0B,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBtB,EAIzBuB,EAAMD,IAA2BC,EAAM7B,KACzC4B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQrB,cAAgBA,EAErC,GAAG,CAACa,EAAUb,IAEd,IAAwB4B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIzC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAAImB,EAEAsB,EACEC,cAAA,MAAA,CAAA9C,UAAW+C,EAAGC,EAAOC,QAASjD,GAAU,cAC3BwB,GAAc0B,EAAUC,EAAuBC,SAAU/B,GAAG,YAC9DgC,EAAgBD,UAE3BP,EACEC,cAAA,QAAA,CAAA/C,IAAK4B,EACLN,GAAIA,EACJrB,UAAWgD,EAAOhB,MAClBd,MAAOA,EACPE,KAAMA,EACNkC,KAAK,WACL5C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBsB,EAChBvB,SAAUA,EACE,aAAA6B,EACK,kBAAAtC,EACjBI,QAASA,EACTO,SAAUA,IAGZ6B,EAAAC,cAAA,QAAA,CACES,QAASlC,EACTrB,UAAW+C,EAAGC,EAAOQ,SAAUvD,GAAkB,cACpCiD,EAAUC,EAAuBM,kBAAmBpC,GACjEqC,UAAW5B,EACXY,eAAgBF,GAEhBK,EAAAC,cAACa,EAAI,CACH3D,UAAWgD,EAAOY,KAClBC,SAAS,MACTD,KAAMhD,EAAgBkD,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV9D,EAAkB,KAEjByC,EAAAC,cAAA,QAAA,CACES,QAASlC,EACTrB,UAAW+C,EAAGC,EAAO5C,MAAOF,GAAe,cAC9BgD,EAAUC,EAAuBgB,eAAgB9C,GAC9DqC,UAAW5B,EACXY,eAAgBF,GAEhBK,EAAAC,cAACsB,EAAK,CAAAC,QAAQ,OAAOf,KAAK,SACvBlD,KAUXyC,EAAAC,cAAA,QAAA,CACE9C,UAAW+C,EAAGC,EAAOC,QAASjD,GAC9B0D,UAAW5B,EAAiB,cACfN,GAAc0B,EAAUC,EAAuBC,SAAU/B,GACtEkC,QAASlC,EACTqB,eAAgBF,EACL,YAAAa,EAAgBD,UAE3BP,EACEC,cAAA,QAAA,CAAA/C,IAAK4B,EACLN,GAAIA,EACJrB,UAAWgD,EAAOhB,MAClBd,MAAOA,EACPE,KAAMA,EACNkC,KAAK,WACL5C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBsB,EAChBvB,SAAUA,EACE,aAAA6B,EACK,kBAAAtC,EACjBI,QAASA,EACTO,SAAUA,IAEZ6B,EACEC,cAAA,MAAA,CAAA9C,UAAW+C,EAAGC,EAAOQ,SAAUvD,GAC/BF,IAAK8B,gBACQqB,EAAUC,EAAuBM,kBAAmBpC,IAEjEwB,EAAAC,cAACa,EAAI,CACH3D,UAAWgD,EAAOY,KAClBC,SAAS,MACTD,KAAMhD,EAAgBkD,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV9D,EAAkB,KACjByC,gBAACuB,EAAI,CACHC,QAAQ,OACRf,KAAK,QACLtD,UAAW+C,EAAGC,EAAO5C,MAAOF,GAAe,cAC9BgD,EAAUC,EAAuBgB,eAAgB9C,IAE7DjB,GAKX"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { isNil, noop as NOOP } from \"es-toolkit\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /*\n Class name applied to the checkbox element.\n /\n checkboxClassName?: string;\n /\n Class name applied to the label element.\n /\n labelClassName?: string;\n /\n The label of the checkbox for accessibility.\n /\n ariaLabel?: string;\n /\n The content displayed next to the checkbox.\n /\n label?: React.ReactNode \| Array<React.ReactNode>;\n /\n The ID of an element describing the checkbox.\n /\n ariaLabelledBy?: string;\n /\n Callback fired when the checkbox value changes.\n /\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /\n If true, controls the checked state of the checkbox.\n /\n checked?: boolean;\n /\n If true, displays an indeterminate state.\n /\n indeterminate?: boolean;\n /\n If true, the checkbox automatically receives focus.\n /\n autoFocus?: boolean;\n /\n If true, the checkbox is disabled.\n /\n disabled?: boolean;\n /\n The initial checked state of the checkbox.\n /\n defaultChecked?: boolean;\n /\n The value submitted with the form when checked.\n /\n value?: string;\n /\n The name of the checkbox, used for form submission.\n /\n name?: string;\n /\n The tab order of the checkbox.\n /\n tabIndex?: number;\n /\n If true, uses separate labels with htmlFor/id association instead of wrapping the input.\n * If using this the id prop is required for it to function correctly.\n /\n separateLabel?: boolean;\n}\n\nconst Checkbox = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n ariaLabel,\n label,\n ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n separateLabel = false,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n const iconContainerRef = useRef<HTMLDivElement>(null);\n\n const onMouseUpCallback = useCallback(() => {\n const input = inputRef.current;\n if (!input) return;\n\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n input.blur();\n });\n });\n }, [inputRef]);\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n if (separateLabel) {\n return (\n <div\n className={cx(styles.wrapper, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n {/ eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n <label\n htmlFor={id}\n className={cx(styles.checkbox, checkboxClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </label>\n {label === false ? null : (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n htmlFor={id}\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Text element=\"span\" type=\"text2\">\n {label}\n </Text>\n </label>\n )}\n </div>\n );\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n onMouseUp={onMouseUpCallback}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={tabIndex}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n ref={iconContainerRef}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n iconType=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n ariaHidden={true}\n iconSize=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","_ref$separateLabel","separateLabel","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","iconContainerRef","onMouseUpCallback","useCallback","input","current","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","React","createElement","cx","styles","wrapper","getTestId","ComponentDefaultTestId","CHECKBOX","ComponentVibeId","type","htmlFor","checkbox","CHECKBOX_CHECKBOX","onMouseUp","Icon","icon","iconType","Remove","Check","ignoreFocusStyle","ariaHidden","iconSize","CHECKBOX_LABEL","Text","element"],"mappings":"spBA6EMA,IAAAA,EAAWC,GACf,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAcJ,EAAdI,eACAC,EAASL,EAATK,UACAC,EAAKN,EAALM,MACAC,EAAcP,EAAdO,eAAcC,EAAAR,EACdS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAOX,EAAPW,QACAC,EAASZ,EAATY,UAASC,EAAAb,EACTc,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAf,EACrBgB,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAcjB,EAAdiB,eACAC,EAAQlB,EAARkB,SAAQC,EAAAnB,EACRoB,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACVsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAEvB,EAAFuB,GAAEC,EAAAxB,EACFyB,cAAAA,OAAgB,IAAHD,GAAQA,EACNE,EAAU1B,EAAzB,eAII2B,EAAWC,EAAyB,MACpCC,EAAiBC,EAAY7B,EAAK0B,GAClCI,EAAmBH,EAAuB,MAE1CI,EAAoBC,GAAY,WACpC,IAAMC,EAAQP,EAASQ,QAClBD,GAELE,OAAOC,uBAAsB,WAC3BD,OAAOC,uBAAsB,WAC3BH,EAAMI,MACR,GACF,GACF,GAAG,CAACX,IACAY,EAAyBtB,EAIzBuB,EAAMD,IAA2BC,EAAM7B,KACzC4B,GAAyB,GAG3BE,GAAU,WACJd,EAASQ,UACXR,EAASQ,QAAQrB,cAAgBA,EAErC,GAAG,CAACa,EAAUb,IAEd,IAAwB4B,EAAwBC,EAA4B,CAAEhB,SAAAA,IAAtEiB,eAEFC,EAAiBC,GAAQ,WAC7B,OAAIzC,IACiB,iBAAVC,EAA2BA,EAC/B,GACT,GAAG,CAACD,EAAWC,IAEf,OAAImB,EAEAsB,EACEC,cAAA,MAAA,CAAA9C,UAAW+C,EAAGC,EAAOC,QAASjD,GAAU,cAC3BwB,GAAc0B,EAAUC,EAAuBC,SAAU/B,GAAG,YAC9DgC,EAAgBD,UAE3BP,EACEC,cAAA,QAAA,CAAA/C,IAAK4B,EACLN,GAAIA,EACJrB,UAAWgD,EAAOhB,MAClBd,MAAOA,EACPE,KAAMA,EACNkC,KAAK,WACL5C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBsB,EAChBvB,SAAUA,EACE,aAAA6B,EACK,kBAAAtC,EACjBI,QAASA,EACTO,SAAUA,IAGZ6B,EAAAC,cAAA,QAAA,CACES,QAASlC,EACTrB,UAAW+C,EAAGC,EAAOQ,SAAUvD,GAAkB,cACpCiD,EAAUC,EAAuBM,kBAAmBpC,GACjEqC,UAAW5B,EACXY,eAAgBF,GAEhBK,EAAAC,cAACa,EAAI,CACH3D,UAAWgD,EAAOY,KAClBC,SAAS,MACTD,KAAMhD,EAAgBkD,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV9D,EAAkB,KAEjByC,EAAAC,cAAA,QAAA,CACES,QAASlC,EACTrB,UAAW+C,EAAGC,EAAO5C,MAAOF,GAAe,cAC9BgD,EAAUC,EAAuBgB,eAAgB9C,GAC9DqC,UAAW5B,EACXY,eAAgBF,GAEhBK,EAAAC,cAACsB,EAAK,CAAAC,QAAQ,OAAOf,KAAK,SACvBlD,KAUXyC,EAAAC,cAAA,QAAA,CACE9C,UAAW+C,EAAGC,EAAOC,QAASjD,GAC9B0D,UAAW5B,EAAiB,cACfN,GAAc0B,EAAUC,EAAuBC,SAAU/B,GACtEkC,QAASlC,EACTqB,eAAgBF,EACL,YAAAa,EAAgBD,UAE3BP,EACEC,cAAA,QAAA,CAAA/C,IAAK4B,EACLN,GAAIA,EACJrB,UAAWgD,EAAOhB,MAClBd,MAAOA,EACPE,KAAMA,EACNkC,KAAK,WACL5C,UAAWA,EACXH,SAAUA,EACVQ,eAAgBsB,EAChBvB,SAAUA,EACE,aAAA6B,EACK,kBAAAtC,EACjBI,QAASA,EACTO,SAAUA,IAEZ6B,EACEC,cAAA,MAAA,CAAA9C,UAAW+C,EAAGC,EAAOQ,SAAUvD,GAC/BF,IAAK8B,gBACQqB,EAAUC,EAAuBM,kBAAmBpC,IAEjEwB,EAAAC,cAACa,EAAI,CACH3D,UAAWgD,EAAOY,KAClBC,SAAS,MACTD,KAAMhD,EAAgBkD,EAASC,EAC/BC,kBAAgB,EAChBC,YAAY,EACZC,SAAS,SAGF,IAAV9D,EAAkB,KACjByC,gBAACuB,EAAI,CACHC,QAAQ,OACRf,KAAK,QACLtD,UAAW+C,EAAGC,EAAO5C,MAAOF,GAAe,cAC9BgD,EAAUC,EAAuBgB,eAAgB9C,IAE7DjB,GAKX"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){const o="s_id-3c767214051a_3_72_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}('/* stylelint-disable selector-class-pattern */\n.wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n.checkbox {\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: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:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label {\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 {\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:focus + .checkbox {\n  border-color: var(--secondary-text-color);\n}\n.input:focus:checked + .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input:focus-visible + .checkbox {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  animation: checkboxGrowAnimation var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input:checked + .checkbox:hover,\n.input:indeterminate + .checkbox:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input:checked + .checkbox:hover:after,\n.input:indeterminate + .checkbox:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input:checked + .checkbox:after,\n.input:indeterminate + .checkbox: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:checked + .checkbox > .icon,\n.input:indeterminate + .checkbox > .icon {\n  visibility: visible;\n}\n.input:checked:disabled + .checkbox:after,\n.input:indeterminate:disabled + .checkbox:after {\n  background-color: var(--disabled-background-color);\n}\n.input:disabled + .checkbox .icon,\n.input:disabled + .checkbox:hover .icon {\n  color: var(--disabled-text-color);\n}\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n.input:disabled ~ .label {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){const o="s_id-3c767214051a_3_73_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}('/* stylelint-disable selector-class-pattern */\n.wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n.checkbox {\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: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:hover {\n  border-color: var(--secondary-text-color);\n}\n.icon {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n.label {\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 {\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:focus + .checkbox {\n  border-color: var(--secondary-text-color);\n}\n.input:focus:checked + .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input:focus-visible + .checkbox {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n  animation: checkboxGrowAnimation var(--motion-productive-short);\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n.input:checked + .checkbox:hover,\n.input:indeterminate + .checkbox:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n.input:checked + .checkbox:hover:after,\n.input:indeterminate + .checkbox:hover:after {\n  background-color: var(--primary-hover-color);\n}\n.input:checked + .checkbox:after,\n.input:indeterminate + .checkbox: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:checked + .checkbox > .icon,\n.input:indeterminate + .checkbox > .icon {\n  visibility: visible;\n}\n.input:checked:disabled + .checkbox:after,\n.input:indeterminate:disabled + .checkbox:after {\n  background-color: var(--disabled-background-color);\n}\n.input:disabled + .checkbox .icon,\n.input:disabled + .checkbox:hover .icon {\n  color: var(--disabled-text-color);\n}\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n.input:disabled ~ .label {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n@keyframes checkboxGrowAnimation {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/mocked_classnames/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 r,useState as i,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 v from"../IconButton/IconButton.js";import f from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useSetFocus/index.js";import k from"../../hooks/useClickableProps/useClickableProps.js";import C from"./Chips.module.scss.js";import{ComponentVibeId as x}from"../../tests/constants.js";import S from"../../../components/icon/dist/Icon/Icon.js";import N from"../../../packages/icons/dist/react/CloseSmall.js";var A=y(a((function(a,d){var j=a.className,y=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,re=void 0!==ae&&ae,ie=a.leftAvatarType,se=void 0===ie?"img":ie,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"]||b(g.CHIP,E),je=!(!Y&&!X||re),ye=!_&&!D,he=ee||"string"==typeof M&&M||"",ke=r(null),Ce=r(null),xe=i(!1),Se=e(xe,2),Ne=Se[0],Ae=Se[1],Ee=s((function(){return Ae(!0)}),[]),Te=s((function(){return Ae(!1)}),[]),Me=h({ref:Ce}).isFocused,Pe=c(d,Ce),we=l(C.chips,j,o(o(o(o(o({},C.disabled,D),C.noAnimation,$),C.withUserSelect,q),C.border,me),C.noMargin,be)),Ie=l(C.clickable,we,o(o({},C.disabled,D),C.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:D?m("disabled-background-color"):je&&(Ne||Me)?u(J,!0,!0):u(J,!0)}}),[D,je,Ne,Me,J]),ze=s((function(e){e.stopPropagation(),W&&W(E,e)}),[E,W]),He=s((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Le=k({onClick:He,onMouseDown:X,disabled:D,id:E,"data-testid":ge,ariaLabel:he,ariaHidden:!1,ariaHasPopup:te,ariaExpanded:!1},Pe),Oe=je?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":x.CHIPS}),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(C.avatar,C.left,y),customSize:18,type:se,key:E},Re)):null,w?t.createElement(S,{className:l(C.icon,C.left,A),iconType:"font",icon:w,iconSize:Q,ignoreFocusStyle:!0}):null,de&&t.createElement("div",{className:l(C.customRenderer,C.left)},de),t.createElement(f,{type:"text2",className:C.label},M),B?t.createElement(S,{className:l(C.icon,C.right,A),iconType:"font",icon:B,iconSize:Q,ignoreFocusStyle:!0}):null,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(C.avatar,C.right,y),customSize:18,type:le,key:E},De)):null,ue&&t.createElement("div",{className:l(C.customRenderer,C.right)},ue),ye&&t.createElement(v,{size:"xxs",color:"on-primary-color",className:l(C.icon,C.close),ariaLabel:ve,hideTooltip:!0,icon:N,onClick:ze,"data-testid":"".concat(ge,"-close"),ref:ke}))})),{colors:d,avatarTypes:j});export{A as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as r,useState as i,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 v from"../IconButton/IconButton.js";import f from"../Text/Text.js";import{getTestId as b,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{AvatarType as j}from"../Avatar/AvatarConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import h from"../../hooks/useSetFocus/index.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import k from"./Chips.module.scss.js";import{ComponentVibeId as x}from"../../tests/constants.js";import S from"../../../components/icon/dist/Icon/Icon.js";import N from"../../../icons/dist/react/CloseSmall.js";var A=y(a((function(a,d){var j=a.className,y=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,re=void 0!==ae&&ae,ie=a.leftAvatarType,se=void 0===ie?"img":ie,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"]||b(g.CHIP,E),je=!(!Y&&!X||re),ye=!_&&!D,he=ee||"string"==typeof M&&M||"",Ce=r(null),ke=r(null),xe=i(!1),Se=e(xe,2),Ne=Se[0],Ae=Se[1],Ee=s((function(){return Ae(!0)}),[]),Te=s((function(){return Ae(!1)}),[]),Me=h({ref:ke}).isFocused,Pe=c(d,ke),we=l(k.chips,j,o(o(o(o(o({},k.disabled,D),k.noAnimation,$),k.withUserSelect,q),k.border,me),k.noMargin,be)),Ie=l(k.clickable,we,o(o({},k.disabled,D),k.disableTextSelection,!q)),Be=n((function(){return{backgroundColor:D?m("disabled-background-color"):je&&(Ne||Me)?u(J,!0,!0):u(J,!0)}}),[D,je,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=je?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":x.CHIPS}),H?t.createElement(p,Object.assign({withoutBorder:!0,className:l(k.avatar,k.left,y),customSize:18,type:se,key:E},Re)):null,w?t.createElement(S,{className:l(k.icon,k.left,A),iconType:"font",icon:w,iconSize:Q,ignoreFocusStyle:!0}):null,de&&t.createElement("div",{className:l(k.customRenderer,k.left)},de),t.createElement(f,{type:"text2",className:k.label},M),B?t.createElement(S,{className:l(k.icon,k.right,A),iconType:"font",icon:B,iconSize:Q,ignoreFocusStyle:!0}):null,O?t.createElement(p,Object.assign({withoutBorder:!0,className:l(k.avatar,k.right,y),customSize:18,type:le,key:E},De)):null,ue&&t.createElement("div",{className:l(k.customRenderer,k.right)},ue),ye&&t.createElement(v,{size:"xxs",color:"on-primary-color",className:l(k.icon,k.close),ariaLabel:ve,hideTooltip:!0,icon:N,onClick:ze,"data-testid":"".concat(ge,"-close"),ref:Ce}))})),{colors:d,avatarTypes:j});export{A as default};
 //# sourceMappingURL=Chips.js.map