@vibe/core 4.4.0 → 4.5.1

package/dist/components/Chips/Chips.d.ts

@@ -3,6 +3,7 @@ import { type ElementAllowedColor } from "../../types/Colors";
 import { type AvatarType } from "../Avatar";
 import { type ElementContent, type VibeComponentProps } from "../../types";
 import { type SubIcon } from "@vibe/icon";
+import { type ChipsSize } from "./Chips.types";
 export interface ChipsProps extends VibeComponentProps {
     /**
      * The text or content displayed inside the chip.
@@ -104,6 +105,10 @@ export interface ChipsProps extends VibeComponentProps {
      * If true, removes the default margin from the chip.
      */
     noMargin?: boolean;
+    /**
+     * The size of the chip.
+     */
+    size?: ChipsSize;
 }
 declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
 export default Chips;

package/dist/components/Chips/Chips.types.d.ts

@@ -0,0 +1 @@
+export type ChipsSize = "small" | "medium";

package/dist/components/Chips/index.d.ts

@@ -1 +1,2 @@
 export { default as Chips, type ChipsProps } from "./Chips";
+export * from "./Chips.types";

package/dist/metadata/components.json

@@ -2929,7 +2929,8 @@
     "aggregator": "core",
     "symbols": [
       "default as Chips",
-      "type ChipsProps"
+      "type ChipsProps",
+      "ChipsSize"
     ],
     "displayName": "Chips",
     "description": "",
@@ -3349,6 +3350,26 @@
           "name": "boolean"
         }
       },
+      "size": {
+        "defaultValue": {
+          "value": "medium"
+        },
+        "description": "The size of the chip.",
+        "name": "size",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "ChipsSize",
+          "value": [
+            {
+              "value": "\"small\""
+            },
+            {
+              "value": "\"medium\""
+            }
+          ]
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "A CSS class name to apply to the component.",

package/dist/metadata/examples/Chips.md

@@ -46,6 +46,23 @@ return <Flex direction="row" gap="medium" align="start">
       </Flex>;
 ```
 
+## Sizes
+
+```tsx
+<Flex direction="column" gap="medium" align="start">
+      <Flex gap="medium" align="center">
+        <Chips id="size-medium" aria-label="Medium chip" label="Medium chip" readOnly />
+        <Chips id="size-medium-icon" aria-label="Medium chip with icon" label="With icon" leftIcon={Email} readOnly />
+        <Chips id="size-medium-avatar" aria-label="Medium chip with avatar" label="With avatar" leftAvatar={person1} readOnly />
+      </Flex>
+      <Flex gap="medium" align="center">
+        <Chips id="size-small" aria-label="Small chip" label="Small chip" size="small" readOnly />
+        <Chips id="size-small-icon" aria-label="Small chip with icon" label="With icon" size="small" leftIcon={Email} readOnly />
+        <Chips id="size-small-avatar" aria-label="Small chip with avatar" label="With avatar" size="small" leftAvatar={person1} readOnly />
+      </Flex>
+    </Flex>
+```
+
 ## Chips palette
 
 ```tsx

package/dist/metadata.json

@@ -2929,7 +2929,8 @@
     "aggregator": "core",
     "symbols": [
       "default as Chips",
-      "type ChipsProps"
+      "type ChipsProps",
+      "ChipsSize"
     ],
     "displayName": "Chips",
     "description": "",
@@ -3349,6 +3350,26 @@
           "name": "boolean"
         }
       },
+      "size": {
+        "defaultValue": {
+          "value": "medium"
+        },
+        "description": "The size of the chip.",
+        "name": "size",
+        "required": false,
+        "type": {
+          "name": "enum",
+          "raw": "ChipsSize",
+          "value": [
+            {
+              "value": "\"small\""
+            },
+            {
+              "value": "\"medium\""
+            }
+          ]
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "A CSS class name to apply to the component.",

package/dist/mocked_classnames/components/Chips/Chips.d.ts

@@ -3,6 +3,7 @@ import { type ElementAllowedColor } from "../../types/Colors";
 import { type AvatarType } from "../Avatar";
 import { type ElementContent, type VibeComponentProps } from "../../types";
 import { type SubIcon } from "@vibe/icon";
+import { type ChipsSize } from "./Chips.types";
 export interface ChipsProps extends VibeComponentProps {
     /**
      * The text or content displayed inside the chip.
@@ -104,6 +105,10 @@ export interface ChipsProps extends VibeComponentProps {
      * If true, removes the default margin from the chip.
      */
     noMargin?: boolean;
+    /**
+     * The size of the chip.
+     */
+    size?: ChipsSize;
 }
 declare const Chips: React.ForwardRefExoticComponent<ChipsProps & React.RefAttributes<HTMLDivElement>>;
 export default Chips;

package/dist/mocked_classnames/components/Chips/Chips.types.d.ts

@@ -0,0 +1 @@
+export type ChipsSize = "small" | "medium";

package/dist/mocked_classnames/components/Chips/index.d.ts

@@ -1 +1,2 @@
 export { default as Chips, type ChipsProps } from "./Chips";
+export * from "./Chips.types";

package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-0e4aa6b3ed9f_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-d6894f952adc_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-d6894f952adc_4_5_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary {\n  background-color: var(--primary-color);\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}\n\n.dark {\n  background-color: var(--inverted-color-background);\n}\n\n.warning {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n  color: var(--fixed-dark-color);\n}\n\n.content {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis {\n  flex: 0 1 auto;\n}\n\n.contentItem {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-35a7e70934a8_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-35a7e70934a8_4_5_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_3_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)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_5_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)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-306a220e9849_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-306a220e9849_4_5_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={attention:"attention",animate:"animate",attentionBoxAnimation:"attentionBoxAnimation",primary:"primary",positive:"positive",negative:"negative",warning:"warning",neutral:"neutral"};!function(n){const t="s_id-4a6eadcbcb7d_4_3_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes attentionBoxAnimation {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention.animate {\n  animation: attentionBoxAnimation 200ms var(--motion-timing-transition);\n}\n.attention.primary {\n  background-color: var(--primary-selected-color);\n}\n.attention.positive {\n  background-color: var(--positive-color-selected);\n}\n.attention.negative {\n  background-color: var(--negative-color-selected);\n}\n.attention.warning {\n  background-color: var(--warning-color-selected);\n}\n.attention.neutral {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention",animate:"animate",attentionBoxAnimation:"attentionBoxAnimation",primary:"primary",positive:"positive",negative:"negative",warning:"warning",neutral:"neutral"};!function(n){const t="s_id-4a6eadcbcb7d_4_5_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("@keyframes attentionBoxAnimation {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention.animate {\n  animation: attentionBoxAnimation 200ms var(--motion-timing-transition);\n}\n.attention.primary {\n  background-color: var(--primary-selected-color);\n}\n.attention.positive {\n  background-color: var(--positive-color-selected);\n}\n.attention.negative {\n  background-color: var(--negative-color-selected);\n}\n.attention.warning {\n  background-color: var(--warning-color-selected);\n}\n.attention.neutral {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_3_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)}(".closeButton {\n  flex-shrink: 0;\n}\n.closeButton:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_5_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)}(".closeButton {\n  flex-shrink: 0;\n}\n.closeButton:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js

@@ -1,2 +1,2 @@
-var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_3_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)}(".icon {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_5_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)}(".icon {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-f7cefb69d475_4_3_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.attentionBoxLink {\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-f7cefb69d475_4_5_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.attentionBoxLink {\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/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",mainContentGroup:"mainContentGroup",leadingIcon:"leadingIcon",actionsGroup:"actionsGroup"};!function(n){const e="s_id-2f71fab0a877_4_3_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container {\n  gap: var(--space-32);\n}\n\n.mainContentGroup {\n  min-width: 0;\n}\n\n.leadingIcon {\n  align-self: flex-start;\n}\n\n.actionsGroup {\n  gap: var(--space-12);\n}");export{n as default};
+var n={container:"container",mainContentGroup:"mainContentGroup",leadingIcon:"leadingIcon",actionsGroup:"actionsGroup"};!function(n){const e="s_id-2f71fab0a877_4_5_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container {\n  gap: var(--space-32);\n}\n\n.mainContentGroup {\n  min-width: 0;\n}\n\n.leadingIcon {\n  align-self: flex-start;\n}\n\n.actionsGroup {\n  gap: var(--space-12);\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_4_3_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)}(".container {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container .title {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container .text,\n.container .actions {\n  grid-column: 2/-1;\n}\n.container .text {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container .actions {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n  --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n  --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n  grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n  grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n  grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n  --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n  align-self: start;\n}\n.container:not(.hasTitle) .text {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n  margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_4_5_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)}(".container {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container .title {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container .text,\n.container .actions {\n  grid-column: 2/-1;\n}\n.container .text {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container .actions {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n  --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n  --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n  grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n  grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n  grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n  --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n  align-self: start;\n}\n.container:not(.hasTitle) .text {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n  margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall",badgeXs:"badgeXs"};!function(e){const d="s_id-e545a08d61b0_4_3_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_4_5_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

@@ -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_4_3_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\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.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.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\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_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\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.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.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n.contentTextXs {\n  margin-top: 1px;\n  font: var(--font-text3-normal);\n}\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\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

@@ -1,2 +1,2 @@
-var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-34c07868a875_4_3_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-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
+var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const n="s_id-34c07868a875_4_5_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-inline-start: calc(-1 * var(--space-8));\n}");export{e as default};
 //# sourceMappingURL=AvatarGroup.module.scss.js.map

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

@@ -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-98062d6d439a_4_3_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\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(--space-4);\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-98062d6d439a_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.counterContainer.counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: calc(-1 * var(--space-8));\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(--space-4);\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

@@ -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-886ef7c132b6_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.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}");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-886ef7c132b6_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n.tooltipAvatarItemAvatar {\n  flex-shrink: 0;\n}\n.tooltipContainer {\n  max-height: 300px;\n  padding-inline-end: var(--space-16);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible { /* stylelint-disable-line selector-class-pattern */\n  outline: none;\n}\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-inline-end: 0;\n}\n.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}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-21f61936150a_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-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-21f61936150a_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const l=document.createElement("style");l.id=i,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer::-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

@@ -1,2 +1,2 @@
-var n={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(n){const t="s_id-06f338dd08c3_4_3_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".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  inset-inline-end: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  inset-inline-end: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  inset-inline-start: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  inset-inline-start: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  inset-inline-end: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  inset-inline-end: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  inset-inline-start: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  inset-inline-start: 15%;\n  translate: -50% 50%;\n}");export{n as default};
+var n={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(n){const t="s_id-06f338dd08c3_4_5_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".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  inset-inline-end: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  inset-inline-end: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  inset-inline-start: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  inset-inline-start: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  inset-inline-end: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  inset-inline-end: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  inset-inline-end: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  inset-inline-start: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  inset-inline-start: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  inset-inline-start: 15%;\n  translate: -50% 50%;\n}");export{n as default};
 //# sourceMappingURL=Badge.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_4_3_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_4_5_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/BaseItem/BaseItem.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper","focus-visible":"focus-visible",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-c5f50f32df2c_4_3_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)}("/* stylelint-disable selector-class-pattern */\n.wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper.highlighted, .wrapper:hover:not(.disabled):not(.readOnly) {\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, .wrapper.selected:hover:not(.disabled):not(.readOnly) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--space-8);\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(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
+var e={wrapper:"wrapper","focus-visible":"focus-visible",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-c5f50f32df2c_4_5_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)}("/* stylelint-disable selector-class-pattern */\n.wrapper {\n  display: flex;\n  align-items: center;\n  gap: var(--space-4);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper.highlighted, .wrapper:hover:not(.disabled):not(.readOnly) {\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, .wrapper.selected:hover:not(.disabled):not(.readOnly) {\n  background-color: var(--primary-selected-hover-color);\n}\n.wrapper.small {\n  padding: 6px var(--space-8);\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(--space-8);\n  margin-inline-start: auto;\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=BaseItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={baseList:"baseList"};!function(e){const t="s_id-97ac9c3bb99a_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={baseList:"baseList"};!function(e){const t="s_id-97ac9c3bb99a_4_5_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.baseList {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  overflow-y: auto;\n  max-height: var(--baselist-max-height, none);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.baseList::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.baseList::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=BaseList.module.scss.js.map

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

@@ -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-6512392a70ad_4_3_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 */\n/* stylelint-enable */\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-6512392a70ad_4_5_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 */\n/* stylelint-enable */\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

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled"};!function(e){const t="s_id-03f482333e23_4_3_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_4_5_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

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper"};!function(e){const n="s_id-fc5ae89c4b65_4_3_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_4_5_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.module.scss.js

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar",separatorIcon:"separatorIcon"};!function(e){const n="s_id-24567fd55d40_4_3_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_4_5_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

@@ -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_4_3_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.buttonGroup {\n  display: flex;\n  flex-direction: column;\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.buttonsContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.buttonsContainer.fullWidth {\n  justify-content: flex-start;\n  width: 100%;\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.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.buttonsContainer .button.activeButton:hover {\n  background-color: var(--primary-selected-color);\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.buttonsContainer .button.startBorder {\n  border-inline-start-width: 1px;\n}\n.buttonsContainer .button.endBorder {\n  border-inline-end-width: 1px;\n}\n.buttonsContainer .button.fullWidth {\n  width: 100%;\n  display: flex;\n}\n.kindTertiary .buttonsContainer .button {\n  border-color: transparent;\n}\n.kindTertiary .buttonsContainer .button:first-child {\n  border-color: transparent;\n}\n.optionText:not(.disabled) {\n  color: var(--primary-text-color);\n}\n.optionText:not(.disabled).selected {\n  color: var(--primary-text-color);\n}\n.wrapper.disabled {\n  cursor: not-allowed;\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_4_5_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.buttonGroup {\n  display: flex;\n  flex-direction: column;\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.buttonsContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.buttonsContainer.fullWidth {\n  justify-content: flex-start;\n  width: 100%;\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.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.buttonsContainer .button.activeButton:hover {\n  background-color: var(--primary-selected-color);\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.buttonsContainer .button.startBorder {\n  border-inline-start-width: 1px;\n}\n.buttonsContainer .button.endBorder {\n  border-inline-end-width: 1px;\n}\n.buttonsContainer .button.fullWidth {\n  width: 100%;\n  display: flex;\n}\n.kindTertiary .buttonsContainer .button {\n  border-color: transparent;\n}\n.kindTertiary .buttonsContainer .button:first-child {\n  border-color: transparent;\n}\n.optionText:not(.disabled) {\n  color: var(--primary-text-color);\n}\n.optionText:not(.disabled).selected {\n  color: var(--primary-text-color);\n}\n.wrapper.disabled {\n  cursor: not-allowed;\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.module.scss.js

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){const e="s_id-61898ce5ef6e_4_3_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)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\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  outline: none; /* focus ring is rendered on .checkbox child, not the wrapper */\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  inset-inline: 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(--space-8);\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  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n/* Tab navigation — non-separate mode: the wrapper <label> is the Tab target */\n.wrapper:focus-visible > .checkbox {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus-visible > .input:checked ~ .checkbox,\n.wrapper:focus-visible > .input:indeterminate ~ .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n/* Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox:focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input:checked + .checkbox:focus-visible,\n.input:indeterminate + .checkbox:focus-visible {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\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  inset-inline-start: 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 e="s_id-61898ce5ef6e_4_5_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)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\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  outline: none; /* focus ring is rendered on .checkbox child, not the wrapper */\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  inset-inline: 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(--space-8);\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  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n  background-color: var(--primary-hover-color);\n}\n/* Tab navigation — non-separate mode: the wrapper <label> is the Tab target */\n.wrapper:focus-visible > .checkbox {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus-visible > .input:checked ~ .checkbox,\n.wrapper:focus-visible > .input:indeterminate ~ .checkbox {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n/* Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox:focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 2px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.input:checked + .checkbox:focus-visible,\n.input:indeterminate + .checkbox:focus-visible {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\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  inset-inline-start: 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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as i,useState as r,useCallback as s,useMemo as l}from"react";import n from"classnames";import{Icon as c}from"@vibe/icon/mockedClassNames";import{useMergeRef as m}from"@vibe/shared";import{CloseSmall as d}from"@vibe/icons";import{getCSSVar as u}from"../../services/themes.js";import{getElementColor as p}from"../../types/Colors.js";import v from"../Avatar/Avatar.js";import{IconButton as f}from"@vibe/icon-button/mockedClassNames";import{Text as b}from"@vibe/typography/mockedClassNames";import{getTestId as g,ComponentDefaultTestId as y}from"../../tests/testIds.js";import h from"../../hooks/useSetFocus/index.js";import{useClickableProps as N}from"@vibe/clickable/mockedClassNames";import k from"./Chips.module.scss.js";import{ComponentVibeId as C}from"../../tests/constants.js";var j=a((function(a,j){var x=a.className,E=a.avatarClassName,A=a.iconClassName,S=a.id,M=a.label,w=void 0===M?"":M,z=a.leftIcon,O=void 0===z?null:z,T=a.rightIcon,B=void 0===T?null:T,D=a.leftAvatar,I=void 0===D?null:D,P=a.rightAvatar,R=void 0===P?null:P,F=a.disabled,H=void 0!==F&&F,L=a.readOnly,_=void 0!==L&&L,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["aria-label"],oe=a["aria-haspopup"],te=void 0!==oe&&oe,ae=a.leftAvatarType,ie=void 0===ae?"img":ae,re=a.rightAvatarType,se=void 0===re?"img":re,le=a.showBorder,ne=void 0!==le&&le,ce=a.leftRenderer,me=a.rightRenderer,de=a.closeButtonAriaLabel,ue=void 0===de?"Remove":de,pe=a.noMargin,ve=void 0!==pe&&pe,fe=a["data-testid"]||g(y.CHIP,S),be=!!Y||!!X,ge=!_&&!H,ye=ee||"string"==typeof w&&w||"",he=i(null),Ne=i(null),ke=r(!1),Ce=e(ke,2),je=Ce[0],xe=Ce[1],Ee=s((function(){return xe(!0)}),[]),Ae=s((function(){return xe(!1)}),[]),Se=h({ref:Ne}).isFocused,Me=m(j,Ne),we=n(k.chips,x,o(o(o(o(o({},k.disabled,H),k.noAnimation,$),k.withUserSelect,q),k.border,ne),k.noMargin,ve)),ze=n(k.clickable,we,o(o({},k.disabled,H),k.disableTextSelection,!q)),Oe=l((function(){return{backgroundColor:H?u("disabled-background-color"):be&&(je||Se)?p(J,!0,!0):p(J,!0)}}),[H,be,je,Se,J]),Te=s((function(e){e.stopPropagation(),W&&W(S,e)}),[S,W]),Be=s((function(e){void 0!==Y&&e.target!==he.current&&(e.preventDefault(),Y(e))}),[Y]),De=N({onClick:Be,onMouseDown:X,disabled:H,id:S,"data-testid":fe,"aria-label":ye,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},Me),Ie=be?Object.assign(Object.assign({},De),{ref:Me,className:ze,style:Oe,onMouseEnter:Ee,onMouseLeave:Ae}):{className:we,"aria-label":ye,style:Oe,ref:Me,onClick:Be,onMouseDown:X,id:S,"data-testid":fe,onMouseEnter:Ee,onMouseLeave:Ae},Pe="text"===ie?{text:I}:{src:I},Re="text"===ie?{text:R}:{src:R};return t.createElement("div",Object.assign({},Ie,{"data-vibe":C.CHIPS}),I?t.createElement(v,Object.assign({withoutBorder:!0,className:n(k.avatar,k.left,E),customSize:18,type:ie,key:S},Pe)):null,O?t.createElement(c,{className:n(k.icon,k.left,A),type:"font",icon:O,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:n(k.customRenderer,k.left)},ce),t.createElement(b,{type:"text2",className:k.label},w),B?t.createElement(c,{className:n(k.icon,k.right,A),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,R?t.createElement(v,Object.assign({withoutBorder:!0,className:n(k.avatar,k.right,E),customSize:18,type:se,key:S},Re)):null,me&&t.createElement("div",{className:n(k.customRenderer,k.right)},me),ge&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:n(k.icon,k.close),"aria-label":ue,hideTooltip:!0,icon:d,onClick:Te,"data-testid":"".concat(fe,"-close"),ref:he}))}));export{j as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as i,useState as r,useCallback as s,useMemo as l}from"react";import n from"classnames";import{Icon as c}from"@vibe/icon/mockedClassNames";import{useMergeRef as m}from"@vibe/shared";import{CloseSmall as d}from"@vibe/icons";import{getCSSVar as u}from"../../services/themes.js";import{getElementColor as v}from"../../types/Colors.js";import p from"../Avatar/Avatar.js";import{IconButton as f}from"@vibe/icon-button/mockedClassNames";import{Text as b}from"@vibe/typography/mockedClassNames";import{getTestId as g,ComponentDefaultTestId as y}from"../../tests/testIds.js";import h from"../../hooks/useSetFocus/index.js";import{useClickableProps as N}from"@vibe/clickable/mockedClassNames";import k from"./Chips.module.scss.js";import{ComponentVibeId as C}from"../../tests/constants.js";var j=a((function(a,j){var x=a.className,E=a.avatarClassName,A=a.iconClassName,S=a.id,M=a.label,w=void 0===M?"":M,z=a.leftIcon,O=void 0===z?null:z,T=a.rightIcon,B=void 0===T?null:T,D=a.leftAvatar,I=void 0===D?null:D,P=a.rightAvatar,R=void 0===P?null:P,F=a.disabled,H=void 0!==F&&F,L=a.readOnly,_=void 0!==L&&L,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["aria-label"],oe=a["aria-haspopup"],te=void 0!==oe&&oe,ae=a.leftAvatarType,ie=void 0===ae?"img":ae,re=a.rightAvatarType,se=void 0===re?"img":re,le=a.showBorder,ne=void 0!==le&&le,ce=a.leftRenderer,me=a.rightRenderer,de=a.closeButtonAriaLabel,ue=void 0===de?"Remove":de,ve=a.noMargin,pe=void 0!==ve&&ve,fe=a.size,be=void 0===fe?"medium":fe,ge=a["data-testid"]||g(y.CHIP,S),ye=!!Y||!!X,he=!_&&!H,Ne=ee||"string"==typeof w&&w||"",ke=i(null),Ce=i(null),je=r(!1),xe=e(je,2),Ee=xe[0],Ae=xe[1],Se=s((function(){return Ae(!0)}),[]),Me=s((function(){return Ae(!1)}),[]),we=h({ref:Ce}).isFocused,ze=m(j,Ce),Oe=n(k.chips,x,o(o(o(o(o(o({},k.disabled,H),k.noAnimation,$),k.withUserSelect,q),k.border,ne),k.noMargin,pe),k.small,"small"===be)),Te=n(k.clickable,Oe,o(o({},k.disabled,H),k.disableTextSelection,!q)),Be=l((function(){return{backgroundColor:H?u("disabled-background-color"):ye&&(Ee||we)?v(J,!0,!0):v(J,!0)}}),[H,ye,Ee,we,J]),De=s((function(e){e.stopPropagation(),W&&W(S,e)}),[S,W]),Ie=s((function(e){void 0!==Y&&e.target!==ke.current&&(e.preventDefault(),Y(e))}),[Y]),Pe=N({onClick:Ie,onMouseDown:X,disabled:H,id:S,"data-testid":ge,"aria-label":Ne,"aria-hidden":!1,"aria-haspopup":te,"aria-expanded":!1},ze),Re=ye?Object.assign(Object.assign({},Pe),{ref:ze,className:Te,style:Be,onMouseEnter:Se,onMouseLeave:Me}):{className:Oe,"aria-label":Ne,style:Be,ref:ze,onClick:Ie,onMouseDown:X,id:S,"data-testid":ge,onMouseEnter:Se,onMouseLeave:Me},Fe="text"===ie?{text:I}:{src:I},He="text"===ie?{text:R}:{src:R};return t.createElement("div",Object.assign({},Re,{"data-vibe":C.CHIPS}),I?t.createElement(p,Object.assign({withoutBorder:!0,className:n(k.avatar,k.left,E),customSize:18,type:ie,key:S},Fe)):null,O?t.createElement(c,{className:n(k.icon,k.left,A),type:"font",icon:O,size:Q,ignoreFocusStyle:!0}):null,ce&&t.createElement("div",{className:n(k.customRenderer,k.left)},ce),t.createElement(b,{type:"text2",className:k.label},w),B?t.createElement(c,{className:n(k.icon,k.right,A),type:"font",icon:B,size:Q,ignoreFocusStyle:!0}):null,R?t.createElement(p,Object.assign({withoutBorder:!0,className:n(k.avatar,k.right,E),customSize:18,type:se,key:S},He)):null,me&&t.createElement("div",{className:n(k.customRenderer,k.right)},me),he&&t.createElement(f,{size:"xxs",color:"on-primary-color",className:n(k.icon,k.close),"aria-label":ue,hideTooltip:!0,icon:d,onClick:De,"data-testid":"".concat(ge,"-close"),ref:ke}))}));export{j as default};
 //# sourceMappingURL=Chips.js.map