@vibe/core 3.0.0-alpha.9 → 3.0.0-beta.0

package/dist/components/Dropdown/Dropdown.d.ts

@@ -1,58 +1,26 @@
 import { BaseSizes } from "../../constants";
 import React from "react";
 import { createFilter } from "react-select";
+import { DROPDOWN_CHIP_COLORS, DROPDOWN_MENU_PLACEMENT, DROPDOWN_MENU_POSITION } from "./DropdownConstants";
 import { DropdownComponentProps } from "./Dropdown.types";
 import { VibeComponent } from "../../types";
 declare const _default: ((VibeComponent<DropdownComponentProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
     sizes: typeof BaseSizes;
-    chipColors: {
-        PRIMARY: string;
-        NEGATIVE: string;
-        POSITIVE: string;
-    };
-    menuPlacements: {
-        TOP: string;
-        BOTTOM: string;
-        AUTO: string;
-    };
-    menuPositions: {
-        ABSOLUTE: string;
-        FIXED: string;
-    };
+    chipColors: typeof DROPDOWN_CHIP_COLORS;
+    menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;
+    menuPositions: typeof DROPDOWN_MENU_POSITION;
     createFilter: typeof createFilter;
 }>) | (React.FC<DropdownComponentProps & React.RefAttributes<HTMLElement>> & Partial<{
     sizes: typeof BaseSizes;
-    chipColors: {
-        PRIMARY: string;
-        NEGATIVE: string;
-        POSITIVE: string;
-    };
-    menuPlacements: {
-        TOP: string;
-        BOTTOM: string;
-        AUTO: string;
-    };
-    menuPositions: {
-        ABSOLUTE: string;
-        FIXED: string;
-    };
+    chipColors: typeof DROPDOWN_CHIP_COLORS;
+    menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;
+    menuPositions: typeof DROPDOWN_MENU_POSITION;
     createFilter: typeof createFilter;
 }>)) & {
     sizes: typeof BaseSizes;
-    chipColors: {
-        PRIMARY: string;
-        NEGATIVE: string;
-        POSITIVE: string;
-    };
-    menuPlacements: {
-        TOP: string;
-        BOTTOM: string;
-        AUTO: string;
-    };
-    menuPositions: {
-        ABSOLUTE: string;
-        FIXED: string;
-    };
+    chipColors: typeof DROPDOWN_CHIP_COLORS;
+    menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;
+    menuPositions: typeof DROPDOWN_MENU_POSITION;
     createFilter: typeof createFilter;
 };
 export default _default;

package/dist/components/Dropdown/DropdownConstants.d.ts

@@ -7,23 +7,23 @@ export declare const DROPDOWN_INPUT_ARIA_LABEL = "Dropdown input";
 /**
  * @deprecated
  */
-export declare const DROPDOWN_CHIP_COLORS: {
-    PRIMARY: string;
-    NEGATIVE: string;
-    POSITIVE: string;
-};
+export declare enum DROPDOWN_CHIP_COLORS {
+    PRIMARY = "primary",
+    NEGATIVE = "negative",
+    POSITIVE = "positive"
+}
 /**
  * @deprecated
  */
-export declare const DROPDOWN_MENU_POSITION: {
-    ABSOLUTE: string;
-    FIXED: string;
-};
+export declare enum DROPDOWN_MENU_POSITION {
+    ABSOLUTE = "absolute",
+    FIXED = "fixed"
+}
 /**
  * @deprecated
  */
-export declare const DROPDOWN_MENU_PLACEMENT: {
-    TOP: string;
-    BOTTOM: string;
-    AUTO: string;
-};
+export declare enum DROPDOWN_MENU_PLACEMENT {
+    TOP = "top",
+    BOTTOM = "bottom",
+    AUTO = "auto"
+}

package/dist/components/VirtualizedList/VirtualizedList.d.ts

@@ -79,6 +79,7 @@ export interface VirtualizedListProps extends VibeComponentProps {
      */
     onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;
     role?: string;
+    ariaLabel?: string;
     /** Custom style to pass to the component */
     style?: CSSProperties;
     /**

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

@@ -1,58 +1,26 @@
 import { BaseSizes } from "../../constants";
 import React from "react";
 import { createFilter } from "react-select";
+import { DROPDOWN_CHIP_COLORS, DROPDOWN_MENU_PLACEMENT, DROPDOWN_MENU_POSITION } from "./DropdownConstants";
 import { DropdownComponentProps } from "./Dropdown.types";
 import { VibeComponent } from "../../types";
 declare const _default: ((VibeComponent<DropdownComponentProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
     sizes: typeof BaseSizes;
-    chipColors: {
-        PRIMARY: string;
-        NEGATIVE: string;
-        POSITIVE: string;
-    };
-    menuPlacements: {
-        TOP: string;
-        BOTTOM: string;
-        AUTO: string;
-    };
-    menuPositions: {
-        ABSOLUTE: string;
-        FIXED: string;
-    };
+    chipColors: typeof DROPDOWN_CHIP_COLORS;
+    menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;
+    menuPositions: typeof DROPDOWN_MENU_POSITION;
     createFilter: typeof createFilter;
 }>) | (React.FC<DropdownComponentProps & React.RefAttributes<HTMLElement>> & Partial<{
     sizes: typeof BaseSizes;
-    chipColors: {
-        PRIMARY: string;
-        NEGATIVE: string;
-        POSITIVE: string;
-    };
-    menuPlacements: {
-        TOP: string;
-        BOTTOM: string;
-        AUTO: string;
-    };
-    menuPositions: {
-        ABSOLUTE: string;
-        FIXED: string;
-    };
+    chipColors: typeof DROPDOWN_CHIP_COLORS;
+    menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;
+    menuPositions: typeof DROPDOWN_MENU_POSITION;
     createFilter: typeof createFilter;
 }>)) & {
     sizes: typeof BaseSizes;
-    chipColors: {
-        PRIMARY: string;
-        NEGATIVE: string;
-        POSITIVE: string;
-    };
-    menuPlacements: {
-        TOP: string;
-        BOTTOM: string;
-        AUTO: string;
-    };
-    menuPositions: {
-        ABSOLUTE: string;
-        FIXED: string;
-    };
+    chipColors: typeof DROPDOWN_CHIP_COLORS;
+    menuPlacements: typeof DROPDOWN_MENU_PLACEMENT;
+    menuPositions: typeof DROPDOWN_MENU_POSITION;
     createFilter: typeof createFilter;
 };
 export default _default;

package/dist/mocked_classnames/components/Dropdown/DropdownConstants.d.ts

@@ -7,23 +7,23 @@ export declare const DROPDOWN_INPUT_ARIA_LABEL = "Dropdown input";
 /**
  * @deprecated
  */
-export declare const DROPDOWN_CHIP_COLORS: {
-    PRIMARY: string;
-    NEGATIVE: string;
-    POSITIVE: string;
-};
+export declare enum DROPDOWN_CHIP_COLORS {
+    PRIMARY = "primary",
+    NEGATIVE = "negative",
+    POSITIVE = "positive"
+}
 /**
  * @deprecated
  */
-export declare const DROPDOWN_MENU_POSITION: {
-    ABSOLUTE: string;
-    FIXED: string;
-};
+export declare enum DROPDOWN_MENU_POSITION {
+    ABSOLUTE = "absolute",
+    FIXED = "fixed"
+}
 /**
  * @deprecated
  */
-export declare const DROPDOWN_MENU_PLACEMENT: {
-    TOP: string;
-    BOTTOM: string;
-    AUTO: string;
-};
+export declare enum DROPDOWN_MENU_PLACEMENT {
+    TOP = "top",
+    BOTTOM = "bottom",
+    AUTO = "auto"
+}

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

@@ -79,6 +79,7 @@ export interface VirtualizedListProps extends VibeComponentProps {
      */
     onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;
     role?: string;
+    ariaLabel?: string;
     /** Custom style to pass to the component */
     style?: CSSProperties;
     /**

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-e9215f4fd1c6_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.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-left: none;\n  border-right: 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-e9215f4fd1c6_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.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-left: none;\n  border-right: 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.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as r}from"../../helpers/typesciptCssModulesHelper.js";import e from"classnames";import o,{forwardRef as i,useMemo as s}from"react";import n from"../IconButton/IconButton.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import a from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{AlertBannerBackgroundColor as c}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./AlertBanner.module.scss.js";import j from"../Text/Text.js";import{AlertBannerContext as f}from"./AlertBannerContext.js";var v=p(i((function(i,c){var p=i.children,v=i.className,C=i.backgroundColor,A=void 0===C?"primary":C,B=i.onClose,g=void 0===B?l:B,b=i.ariaLabel,h=void 0===b?"":b,y=i.closeButtonAriaLabel,N=void 0===y?"Close":y,k=i.isCloseHidden,E=void 0!==k&&k,x=i.id,w=i["data-testid"],D=s((function(){return e(v,u.alertBanner,r(u,A))}),[v,A]),I="dark"===A,L="warning"===A,S=s((function(){return L?"fixedDark":I?"onInverted":"onPrimary"}),[I,L]),T=s((function(){return o.Children.toArray(p).filter((function(t){return!(!t.type.isAlertBannerItem&&"MDXCreateElement"!==t.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",t),!1)})).map((function(t,r){return o.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{marginLeft:r>0,isDarkBackground:I}))}))}),[p,I]);return o.createElement(j,{type:"text2",color:S,ref:c,className:D,role:"banner","aria-label":h||"banner",id:x,"data-testid":w||d(m.ALERT_BANNER,x)},o.createElement(f.Provider,{value:{textColor:S}},o.createElement("div",{className:e(u.content)},T.map((function(r,i){var s=r.type.isAlertBannerText;return o.createElement("div",{key:i,className:e(u.contentItem,t({},u.contentItemText,s))},s?o.createElement("div",{className:e(u.ellipsis)},r):r)})))),o.createElement("div",{className:e(u.closeButtonWrapper)},E?null:o.createElement(n,{"data-testid":"alert-banner-close-button",icon:a,className:e(u.closeBtn),hideTooltip:!0,onClick:g,size:"small",kind:"tertiary",color:I?"on-inverted-background":"on-primary-color",ariaLabel:N})))})),{backgroundColors:c});export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import{AlertBannerBackgroundColor as i}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{getTestId as c}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./AlertBanner.module.scss.js";import u from"../Text/Text.js";import{AlertBannerContext as f}from"./AlertBannerContext.js";import v from"../../../icons/dist/react/CloseSmall.js";var B=p(o((function(o,i){var p=o.children,B=o.className,b=o.backgroundColor,j=void 0===b?"primary":b,y=o.onClose,A=void 0===y?l:y,C=o.ariaLabel,k=void 0===C?"":C,E=o.closeButtonAriaLabel,x=void 0===E?"Close":E,N=o.isCloseHidden,g=void 0!==N&&N,I=o.id,T=o["data-testid"],h=a((function(){return r(B,d.alertBanner,t(d,j))}),[B,j]),L="dark"===j,P="warning"===j,D=a((function(){return P?"fixedDark":L?"onInverted":"onPrimary"}),[L,P]),H=a((function(){return n.Children.toArray(p).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:L}))}))}),[p,L]);return n.createElement(u,{type:"text2",color:D,ref:i,className:h,role:"banner","aria-label":k||"banner",id:I,"data-testid":T||c(m.ALERT_BANNER,I)},n.createElement(f.Provider,{value:{textColor:D}},n.createElement("div",{className:r(d.content)},H.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(d.contentItem,e({},d.contentItemText,a))},a?n.createElement("div",{className:r(d.ellipsis)},t):t)})))),n.createElement("div",{className:r(d.closeButtonWrapper)},g?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:v,className:r(d.closeBtn),hideTooltip:!0,onClick:A,size:"small",kind:"tertiary",color:L?"on-inverted-background":"on-primary-color",ariaLabel:x})))})),{backgroundColors:i});export{B as default};
 //# sourceMappingURL=AlertBanner.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n  /**\n   * Set external styling to the progress bar.\n   */\n  className?: string;\n  backgroundColor?: AlertBannerBackgroundColor;\n  isCloseHidden?: boolean;\n  /** ARIA description for the progress bar */\n  ariaLabel?: string;\n  closeButtonAriaLabel?: string;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner: VibeComponent<AlertBannerProps> & {\n  backgroundColors?: typeof AlertBannerBackgroundColorEnum;\n} = forwardRef(\n  (\n    {\n      children: originalChildren,\n      className,\n      backgroundColor = \"primary\",\n      onClose = NOOP,\n      ariaLabel = \"\",\n      closeButtonAriaLabel = \"Close\",\n      isCloseHidden = false,\n      id,\n      \"data-testid\": dataTestId\n    }: AlertBannerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classNames = useMemo(() => {\n      return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n    }, [className, backgroundColor]);\n\n    const isDarkBackground = backgroundColor === \"dark\";\n    const isFixedColor = backgroundColor === \"warning\";\n    const textColor = useMemo(() => {\n      if (isFixedColor) {\n        return \"fixedDark\";\n      }\n      return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n    }, [isDarkBackground, isFixedColor]);\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n      const filteredChildren = allChildren.filter(\n        (\n          child: ReactElement & {\n            type: Record<string, unknown>;\n          }\n        ) => {\n          if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n          console.error(\n            \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n            child\n          );\n          return false;\n        }\n      );\n\n      return filteredChildren.map((child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          marginLeft: index > 0,\n          isDarkBackground\n        });\n      });\n    }, [originalChildren, isDarkBackground]);\n\n    return (\n      <Text\n        type=\"text2\"\n        color={textColor}\n        ref={ref}\n        className={classNames}\n        role=\"banner\"\n        aria-label={ariaLabel || \"banner\"}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n      >\n        <AlertBannerContext.Provider value={{ textColor }}>\n          <div className={cx(styles.content)}>\n            {children.map(\n              (\n                child: ReactElement & {\n                  type: Record<string, unknown>;\n                },\n                index\n              ) => {\n                const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n                return (\n                  <div\n                    key={index}\n                    className={cx(styles.contentItem, {\n                      [styles.contentItemText]: childTypeIsAlertBannerText\n                    })}\n                  >\n                    {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n                  </div>\n                );\n              }\n            )}\n          </div>\n        </AlertBannerContext.Provider>\n        <div className={cx(styles.closeButtonWrapper)}>\n          {isCloseHidden ? null : (\n            <IconButton\n              data-testid=\"alert-banner-close-button\"\n              icon={CloseSmall}\n              className={cx(styles.closeBtn)}\n              hideTooltip\n              onClick={onClose}\n              size=\"small\"\n              kind=\"tertiary\"\n              color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n              ariaLabel={closeButtonAriaLabel}\n            />\n          )}\n        </div>\n      </Text>\n    );\n  }\n);\n\nexport default withStaticProps(AlertBanner, { backgroundColors: AlertBannerBackgroundColorEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"wvDAmCA,IA8GeA,EAAAA,EA5GXC,GACF,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,EAACiB,cAAAC,GACCb,KAAK,QACLc,MAAOpB,EACPzB,IAAKA,EACLG,UAAWc,EACX6B,KAAK,SACO,aAAApC,GAAa,SACzBK,GAAIA,gBACSC,GAAc+B,EAAUC,EAAuBC,aAAclC,IAE1EW,EAACiB,cAAAO,EAAmBC,SAAQ,CAACC,MAAO,CAAE3B,UAAAA,IACpCC,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOiC,UACvBnD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMiB,EAA6BxB,EAAMC,KAAKwB,kBAC9C,OACE7B,EAAAiB,cAAA,MAAA,CACEa,IAAKnB,EACLlC,UAAWgB,EAAGC,EAAOqC,YAAWC,EAAA,CAAA,EAC7BtC,EAAOuC,gBAAkBL,KAG3BA,EAA6B5B,EAAKiB,cAAA,MAAA,CAAAxC,UAAWgB,EAAGC,EAAOwC,WAAY9B,GAAeA,EAGxF,MAIPJ,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOyC,qBACvB/C,EAAgB,KACfY,EAACiB,cAAAmB,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN7D,UAAWgB,EAAGC,EAAO6C,UACrBC,aACA,EAAAC,QAAS5D,EACT6D,KAAK,QACLC,KAAK,WACLxB,MAAOtB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAG0C,CAAE0D,iBAAkBC"}
+{"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n  /**\n   * Set external styling to the progress bar.\n   */\n  className?: string;\n  backgroundColor?: AlertBannerBackgroundColor;\n  isCloseHidden?: boolean;\n  /** ARIA description for the progress bar */\n  ariaLabel?: string;\n  closeButtonAriaLabel?: string;\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner: VibeComponent<AlertBannerProps> & {\n  backgroundColors?: typeof AlertBannerBackgroundColorEnum;\n} = forwardRef(\n  (\n    {\n      children: originalChildren,\n      className,\n      backgroundColor = \"primary\",\n      onClose = NOOP,\n      ariaLabel = \"\",\n      closeButtonAriaLabel = \"Close\",\n      isCloseHidden = false,\n      id,\n      \"data-testid\": dataTestId\n    }: AlertBannerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classNames = useMemo(() => {\n      return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n    }, [className, backgroundColor]);\n\n    const isDarkBackground = backgroundColor === \"dark\";\n    const isFixedColor = backgroundColor === \"warning\";\n    const textColor = useMemo(() => {\n      if (isFixedColor) {\n        return \"fixedDark\";\n      }\n      return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n    }, [isDarkBackground, isFixedColor]);\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n      const filteredChildren = allChildren.filter(\n        (\n          child: ReactElement & {\n            type: Record<string, unknown>;\n          }\n        ) => {\n          if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n          console.error(\n            \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n            child\n          );\n          return false;\n        }\n      );\n\n      return filteredChildren.map((child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          marginLeft: index > 0,\n          isDarkBackground\n        });\n      });\n    }, [originalChildren, isDarkBackground]);\n\n    return (\n      <Text\n        type=\"text2\"\n        color={textColor}\n        ref={ref}\n        className={classNames}\n        role=\"banner\"\n        aria-label={ariaLabel || \"banner\"}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n      >\n        <AlertBannerContext.Provider value={{ textColor }}>\n          <div className={cx(styles.content)}>\n            {children.map(\n              (\n                child: ReactElement & {\n                  type: Record<string, unknown>;\n                },\n                index\n              ) => {\n                const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n                return (\n                  <div\n                    key={index}\n                    className={cx(styles.contentItem, {\n                      [styles.contentItemText]: childTypeIsAlertBannerText\n                    })}\n                  >\n                    {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n                  </div>\n                );\n              }\n            )}\n          </div>\n        </AlertBannerContext.Provider>\n        <div className={cx(styles.closeButtonWrapper)}>\n          {isCloseHidden ? null : (\n            <IconButton\n              data-testid=\"alert-banner-close-button\"\n              icon={CloseSmall}\n              className={cx(styles.closeBtn)}\n              hideTooltip\n              onClick={onClose}\n              size=\"small\"\n              kind=\"tertiary\"\n              color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n              ariaLabel={closeButtonAriaLabel}\n            />\n          )}\n        </div>\n      </Text>\n    );\n  }\n);\n\nexport default withStaticProps(AlertBanner, { backgroundColors: AlertBannerBackgroundColorEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"syBAmCA,IA8GeA,EAAAA,EA5GXC,GACF,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,EAACiB,cAAAC,GACCb,KAAK,QACLc,MAAOpB,EACPzB,IAAKA,EACLG,UAAWc,EACX6B,KAAK,SACO,aAAApC,GAAa,SACzBK,GAAIA,gBACSC,GAAc+B,EAAUC,EAAuBC,aAAclC,IAE1EW,EAACiB,cAAAO,EAAmBC,SAAQ,CAACC,MAAO,CAAE3B,UAAAA,IACpCC,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOiC,UACvBnD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMiB,EAA6BxB,EAAMC,KAAKwB,kBAC9C,OACE7B,EAAAiB,cAAA,MAAA,CACEa,IAAKnB,EACLlC,UAAWgB,EAAGC,EAAOqC,YAAWC,EAAA,CAAA,EAC7BtC,EAAOuC,gBAAkBL,KAG3BA,EAA6B5B,EAAKiB,cAAA,MAAA,CAAAxC,UAAWgB,EAAGC,EAAOwC,WAAY9B,GAAeA,EAGxF,MAIPJ,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOyC,qBACvB/C,EAAgB,KACfY,EAACiB,cAAAmB,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN7D,UAAWgB,EAAGC,EAAO6C,UACrBC,aACA,EAAAC,QAAS5D,EACT6D,KAAK,QACLC,KAAK,WACLxB,MAAOtB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAG0C,CAAE0D,iBAAkBC"}

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-2b16d36a7fd0_3_0_0-alpha_8";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-left: var(--spacing-medium);\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  right: 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-2b16d36a7fd0_3_0_0-alpha_17";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-left: var(--spacing-medium);\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  right: 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-b41ba610a75a_3_0_0-alpha_8";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-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_0_0-alpha_17";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-left: var(--spacing-small);\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-59c5b2cdc5e5_3_0_0-alpha_8";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-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-59c5b2cdc5e5_3_0_0-alpha_17";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-left: var(--spacing-small);\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-35d8b4a93255_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-35d8b4a93255_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import e,{useMemo as i}from"react";import{camelCase as s}from"lodash-es";import{getStyle as r}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as c,ComponentDefaultTestId as n}from"../../tests/testIds.js";import a from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import p from"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import l from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import d from"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{IconType as j}from"../Icon/IconConstants.js";import{AttentionBoxType as f}from"./AttentionBoxConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"../Text/Text.js";import h from"../Flex/Flex.js";import y from"./AttentionBox.module.scss.js";var g=v((function(j){var f=j.className,v=j.withIconWithoutHeader,g=void 0!==v&&v,C=j.type,x=void 0===C?"primary":C,I=j.icon,N=j.iconType,w=void 0===N?"svg":N,S=j.title,T=j.text,A=j.children,E=j.withoutIcon,B=void 0!==E&&E,b=j.onClose,D=j.compact,H=void 0!==D&&D,_=j.id,F=j["data-testid"],L=j.closeButtonAriaLabel,M=void 0===L?"Close":L,R=i((function(){return"primary"===x?d:p}),[x]),z=void 0===I?R:I;return e.createElement("aside",{className:o(y.attentionBox,r(y,s("type-".concat(x))),f),role:"alert","data-testid":F||c(n.ATTENTION_BOX,_)},S&&e.createElement(h,{justify:"start",align:"center",className:y.titleContainer,gap:"xs"},!B&&e.createElement(a,{className:y.icon,iconType:w,ariaHidden:!0,icon:z,ignoreFocusStyle:!0,iconSize:"20"}),e.createElement(u,{type:"text1",element:"h5",weight:"medium",className:y.title},S)),e.createElement(h,{justify:"start",align:"center",gap:"xs"},!S&&H&&!B&&g&&e.createElement(a,{iconType:w,iconSize:18,ariaHidden:!0,icon:z,ignoreFocusStyle:!0}),e.createElement(u,{type:"text2",element:H?void 0:"p",className:o(y.text,t(t(t({},y.compact,H),y.dismissible,!!b),y.paragraph,!H))},T||A)),b&&e.createElement(m,{size:"small",color:"on-primary-color",className:y.closeIcon,wrapperClassName:o(y.closeIconWrapper,t({},y.closeIconCompact,H)),ariaLabel:M,hideTooltip:!0,icon:l,onClick:b}))}),{types:f,iconTypes:j});export{g as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{useMemo as r}from"react";import{camelCase as i}from"lodash-es";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as n}from"../../tests/testIds.js";import c from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import{IconType as l}from"../Icon/IconConstants.js";import{AttentionBoxType as p}from"./AttentionBoxConstants.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"../Text/Text.js";import u from"../Flex/Flex.js";import y from"./AttentionBox.module.scss.js";import j from"../../../icons/dist/react/Info.js";import x from"../../../icons/dist/react/Alert.js";import I from"../../../icons/dist/react/CloseSmall.js";var v=d((function(l){var p=l.className,d=l.withIconWithoutHeader,v=void 0!==d&&d,h=l.type,g=void 0===h?"primary":h,C=l.icon,N=l.iconType,T=void 0===N?"svg":N,E=l.title,B=l.text,S=l.children,w=l.withoutIcon,A=void 0!==w&&w,H=l.onClose,b=l.compact,F=void 0!==b&&b,z=l.id,P=l["data-testid"],_=l.closeButtonAriaLabel,L=void 0===_?"Close":_,O=r((function(){return"primary"===g?j:x}),[g]),W=void 0===C?O:C;return o.createElement("aside",{className:t(y.attentionBox,s(y,i("type-".concat(g))),p),role:"alert","data-testid":P||a(n.ATTENTION_BOX,z)},E&&o.createElement(u,{justify:"start",align:"center",className:y.titleContainer,gap:"xs"},!A&&o.createElement(c,{className:y.icon,iconType:T,ariaHidden:!0,icon:W,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(f,{type:"text1",element:"h5",weight:"medium",className:y.title},E)),o.createElement(u,{justify:"start",align:"center",gap:"xs"},!E&&F&&!A&&v&&o.createElement(c,{iconType:T,iconSize:18,ariaHidden:!0,icon:W,ignoreFocusStyle:!0}),o.createElement(f,{type:"text2",element:F?void 0:"p",className:t(y.text,e(e(e({},y.compact,F),y.dismissible,!!H),y.paragraph,!F))},B||S)),H&&o.createElement(m,{size:"small",color:"on-primary-color",className:y.closeIcon,wrapperClassName:t(y.closeIconWrapper,e({},y.closeIconCompact,F)),ariaLabel:L,hideTooltip:!0,icon:I,onClick:H}))}),{types:p,iconTypes:l});export{v as default};
 //# sourceMappingURL=AttentionBox.js.map

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n  className?: string;\n  // TODO: [breaking] remove prop\n  withIconWithoutHeader?: boolean;\n  /** we support 5 types of attention boxes */\n  type?: AttentionBoxType;\n  /** Icon classname for icon font or SVG Icon Component for SVG Type */\n  icon?: SubIcon;\n  iconType?: \"svg\" | \"font\";\n  title?: string;\n  text?: string;\n  children?: ElementContent;\n  // TODO: [breaking] remove prop\n  withoutIcon?: boolean;\n  onClose?: (event: React.MouseEvent) => void;\n  compact?: boolean;\n  closeButtonAriaLabel?: string;\n}\n\nconst AttentionBox: React.FC<AttentionBoxProps> & {\n  types?: typeof AttentionBoxTypeEnum;\n  iconTypes?: typeof IconTypeEnum;\n} = ({\n  className,\n  withIconWithoutHeader = false,\n  type = \"primary\",\n  icon,\n  iconType = \"svg\",\n  title,\n  text,\n  children,\n  withoutIcon = false,\n  onClose,\n  compact = false,\n  id,\n  \"data-testid\": dataTestId,\n  closeButtonAriaLabel = \"Close\"\n}: AttentionBoxProps) => {\n  const defaultIcon = useMemo(() => {\n    return type === \"primary\" ? InfoIcon : AlertIcon;\n  }, [type]);\n\n  const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n  return (\n    <aside\n      className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className)}\n      role=\"alert\"\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n    >\n      {title && (\n        <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n          {!withoutIcon && (\n            <Icon\n              className={styles.icon}\n              iconType={iconType}\n              ariaHidden\n              icon={overrideIcon}\n              ignoreFocusStyle\n              iconSize=\"20\"\n            />\n          )}\n          <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n            {title}\n          </Text>\n        </Flex>\n      )}\n      <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n        {!title && compact && !withoutIcon && withIconWithoutHeader && (\n          <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n        )}\n        <Text\n          type=\"text2\"\n          element={compact ? undefined : \"p\"}\n          className={cx(styles.text, {\n            [styles.compact]: compact,\n            [styles.dismissible]: !!onClose,\n            [styles.paragraph]: !compact\n          })}\n        >\n          {text || children}\n        </Text>\n      </Flex>\n      {onClose && (\n        <IconButton\n          size=\"small\"\n          color=\"on-primary-color\"\n          className={styles.closeIcon}\n          wrapperClassName={cx(styles.closeIconWrapper, {\n            [styles.closeIconCompact]: compact\n          })}\n          ariaLabel={closeButtonAriaLabel}\n          hideTooltip\n          icon={CloseSmall}\n          onClick={onClose}\n        />\n      )}\n    </aside>\n  );\n};\n\nexport default withStaticProps(AttentionBox, {\n  types: AttentionBoxTypeEnum,\n  iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","createElement","cx","styles","attentionBox","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","_defineProperty","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"8uDAmCA,IAkFeA,EAAAA,GA/EX,SAHcC,GAkBM,IAdtBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAExBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATjB,EAAqBkB,EAAWC,CACzC,GAAG,CAACnB,IAEEoB,OAAwBC,IAATpB,EAAqBe,EAAcf,EAExD,OACEqB,EACEC,cAAA,QAAA,CAAA3B,UAAW4B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAS,QAAAC,OAAS7B,KAAUJ,GAChFkC,KAAK,QAAO,cACCjB,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1ER,GACCkB,EAACC,cAAAW,GAAKC,QAAQ,QAAQC,MAAM,SAASxC,UAAW6B,EAAOY,eAAgBC,IAAI,OACvE9B,GACAc,EAAAC,cAACgB,EAAI,CACH3C,UAAW6B,EAAOxB,KAClBE,SAAUA,EACVqC,YAAU,EACVvC,KAAMmB,EACNqB,kBAAgB,EAChBC,SAAS,OAGbpB,EAACC,cAAAoB,GAAK3C,KAAK,QAAQ4C,QAAQ,KAAKC,OAAO,SAASjD,UAAW6B,EAAOrB,OAC/DA,IAIPkB,EAAAC,cAACW,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrClC,GAASO,IAAYH,GAAeV,GACpCwB,EAACC,cAAAgB,EAAK,CAAApC,SAAUA,EAAUuC,SAAU,GAAIF,YAAW,EAAAvC,KAAMmB,EAAcqB,sBAEzEnB,EAACC,cAAAoB,EACC,CAAA3C,KAAK,QACL4C,QAASjC,OAAUU,EAAY,IAC/BzB,UAAW4B,EAAGC,EAAOpB,KAAIyC,EAAAA,EAAAA,EAAA,CAAA,EACtBrB,EAAOd,QAAUA,GACjBc,EAAOsB,cAAgBtC,GACvBgB,EAAOuB,WAAarC,KAGtBN,GAAQC,IAGZG,GACCa,EAAAC,cAAC0B,EAAU,CACTC,KAAK,QACLC,MAAM,mBACNvD,UAAW6B,EAAO2B,UAClBC,iBAAkB7B,EAAGC,EAAO6B,iBAAgBR,EAAA,CAAA,EACzCrB,EAAO8B,iBAAmB5C,IAE7B6C,UAAWzC,EACX0C,eACAxD,KAAMyD,EACNC,QAASlD,IAKnB,GAE6C,CAC3CmD,MAAOC,EACPC,UAAWC"}
+{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n  className?: string;\n  // TODO: [breaking] remove prop\n  withIconWithoutHeader?: boolean;\n  /** we support 5 types of attention boxes */\n  type?: AttentionBoxType;\n  /** Icon classname for icon font or SVG Icon Component for SVG Type */\n  icon?: SubIcon;\n  iconType?: \"svg\" | \"font\";\n  title?: string;\n  text?: string;\n  children?: ElementContent;\n  // TODO: [breaking] remove prop\n  withoutIcon?: boolean;\n  onClose?: (event: React.MouseEvent) => void;\n  compact?: boolean;\n  closeButtonAriaLabel?: string;\n}\n\nconst AttentionBox: React.FC<AttentionBoxProps> & {\n  types?: typeof AttentionBoxTypeEnum;\n  iconTypes?: typeof IconTypeEnum;\n} = ({\n  className,\n  withIconWithoutHeader = false,\n  type = \"primary\",\n  icon,\n  iconType = \"svg\",\n  title,\n  text,\n  children,\n  withoutIcon = false,\n  onClose,\n  compact = false,\n  id,\n  \"data-testid\": dataTestId,\n  closeButtonAriaLabel = \"Close\"\n}: AttentionBoxProps) => {\n  const defaultIcon = useMemo(() => {\n    return type === \"primary\" ? InfoIcon : AlertIcon;\n  }, [type]);\n\n  const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n  return (\n    <aside\n      className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className)}\n      role=\"alert\"\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n    >\n      {title && (\n        <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n          {!withoutIcon && (\n            <Icon\n              className={styles.icon}\n              iconType={iconType}\n              ariaHidden\n              icon={overrideIcon}\n              ignoreFocusStyle\n              iconSize=\"20\"\n            />\n          )}\n          <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n            {title}\n          </Text>\n        </Flex>\n      )}\n      <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n        {!title && compact && !withoutIcon && withIconWithoutHeader && (\n          <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n        )}\n        <Text\n          type=\"text2\"\n          element={compact ? undefined : \"p\"}\n          className={cx(styles.text, {\n            [styles.compact]: compact,\n            [styles.dismissible]: !!onClose,\n            [styles.paragraph]: !compact\n          })}\n        >\n          {text || children}\n        </Text>\n      </Flex>\n      {onClose && (\n        <IconButton\n          size=\"small\"\n          color=\"on-primary-color\"\n          className={styles.closeIcon}\n          wrapperClassName={cx(styles.closeIconWrapper, {\n            [styles.closeIconCompact]: compact\n          })}\n          ariaLabel={closeButtonAriaLabel}\n          hideTooltip\n          icon={CloseSmall}\n          onClick={onClose}\n        />\n      )}\n    </aside>\n  );\n};\n\nexport default withStaticProps(AttentionBox, {\n  types: AttentionBoxTypeEnum,\n  iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","createElement","cx","styles","attentionBox","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","_defineProperty","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"i3BAmCA,IAkFeA,EAAAA,GA/EX,SAHcC,GAkBM,IAdtBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAExBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATjB,EAAqBkB,EAAWC,CACzC,GAAG,CAACnB,IAEEoB,OAAwBC,IAATpB,EAAqBe,EAAcf,EAExD,OACEqB,EACEC,cAAA,QAAA,CAAA3B,UAAW4B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAS,QAAAC,OAAS7B,KAAUJ,GAChFkC,KAAK,QAAO,cACCjB,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1ER,GACCkB,EAACC,cAAAW,GAAKC,QAAQ,QAAQC,MAAM,SAASxC,UAAW6B,EAAOY,eAAgBC,IAAI,OACvE9B,GACAc,EAAAC,cAACgB,EAAI,CACH3C,UAAW6B,EAAOxB,KAClBE,SAAUA,EACVqC,YAAU,EACVvC,KAAMmB,EACNqB,kBAAgB,EAChBC,SAAS,OAGbpB,EAACC,cAAAoB,GAAK3C,KAAK,QAAQ4C,QAAQ,KAAKC,OAAO,SAASjD,UAAW6B,EAAOrB,OAC/DA,IAIPkB,EAAAC,cAACW,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrClC,GAASO,IAAYH,GAAeV,GACpCwB,EAACC,cAAAgB,EAAK,CAAApC,SAAUA,EAAUuC,SAAU,GAAIF,YAAW,EAAAvC,KAAMmB,EAAcqB,sBAEzEnB,EAACC,cAAAoB,EACC,CAAA3C,KAAK,QACL4C,QAASjC,OAAUU,EAAY,IAC/BzB,UAAW4B,EAAGC,EAAOpB,KAAIyC,EAAAA,EAAAA,EAAA,CAAA,EACtBrB,EAAOd,QAAUA,GACjBc,EAAOsB,cAAgBtC,GACvBgB,EAAOuB,WAAarC,KAGtBN,GAAQC,IAGZG,GACCa,EAAAC,cAAC0B,EAAU,CACTC,KAAK,QACLC,MAAM,mBACNvD,UAAW6B,EAAO2B,UAClBC,iBAAkB7B,EAAGC,EAAO6B,iBAAgBR,EAAA,CAAA,EACzCrB,EAAO8B,iBAAmB5C,IAE7B6C,UAAWzC,EACX0C,eACAxD,KAAMyD,EACNC,QAASlD,IAKnB,GAE6C,CAC3CmD,MAAOC,EACPC,UAAWC"}

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

@@ -1,2 +1,2 @@
-var n={attentionBox:"attentionBox",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const e="s_id-98449af05fbe_3_0_0-alpha_8";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)}(".attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
+var n={attentionBox:"attentionBox",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const e="s_id-98449af05fbe_3_0_0-alpha_17";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)}(".attentionBox {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n  color: var(--primary-text-color);\n}\n.attentionBox .icon {\n  flex-shrink: 0;\n}\n.title {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n  color: var(--primary-text-color);\n}\n.typePrimary {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n}\n.typeDanger {\n  background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n  background-color: var(--positive-color-selected);\n}\n.typeDark {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n}\n.typeWarning {\n  background-color: var(--warning-color-selected);\n  color: var(--primary-text-color);\n}\n.titleContainer {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact {\n  top: calc(50% - 16px);\n}\n.text.compact {\n  flex: 1;\n}\n.text.compact.dismissible {\n  padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={avatar:"avatar",large:"large",medium:"medium",small:"small",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-929eed46119e_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
+var n={avatar:"avatar",large:"large",medium:"medium",small:"small",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-929eed46119e_3_0_0-alpha_17";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n  position: relative;\n}\n\n.large {\n  height: 50px;\n  width: 50px;\n}\n\n.medium {\n  height: 32px;\n  width: 32px;\n}\n\n.small {\n  height: 28px;\n  width: 28px;\n}\n\n.clickableWrapper {\n  height: 100%;\n  width: 100%;\n}\n\n.circle {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n  outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.circleImg {\n  border-color: var(--primary-background-color);\n}\n\n.circleText {\n  border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--primary-background-color);\n}\n\n.square {\n  border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n  outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.withoutBorder {\n  border: none;\n}\n\n.badges {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges .badge {\n  display: flex;\n}\n\n.badges .badgeTopLeft {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges .badgeTopRight {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges .badgeBottomRight {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{n as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall"};!function(e){const d="s_id-86fd2091f40c_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall"};!function(e){const d="s_id-86fd2091f40c_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall {\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",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-dcc3109ac00f_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
+var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-dcc3109ac00f_3_0_0-alpha_17";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".contentImg {\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n}\n\n.contentText {\n  font-family: var(--font-family);\n  font-weight: 400;\n  line-height: 21px;\n  letter-spacing: -0.5px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.contentTextLarge {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n  font: var(--font-text1-normal);\n  margin-top: 1px;\n}\n\n.contentTextSmall {\n  margin-top: 1px;\n  font-size: 12px;\n}\n\n.contentIconLarge {\n  height: 28px;\n  width: 28px;\n}\n\n.contentIconMedium {\n  height: 18px;\n  width: 18px;\n}\n\n.contentIconSmall {\n  height: 12px;\n  width: 12px;\n}");export{n as default};
 //# sourceMappingURL=AvatarContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={counterContainer:"counterContainer","focus-visible":"focus-visible",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-abc6ab3af47c_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer:focus-visible, .counterContainer.focus-visible {\n  outline: none;\n}\n.counterContainer:focus-visible:focus-visible, .counterContainer:focus-visible.focus-visible, .counterContainer.focus-visible:focus-visible, .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:focus-visible:focus:not(.focus-visible), .counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer .disabled, .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",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-abc6ab3af47c_3_0_0-alpha_17";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer {\n  background: var(--ui-background-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-left: calc(-1 * var(--spacing-small));\n  z-index: 1;\n  border: 1px solid var(--primary-background-color);\n}\n.counterContainer:focus-visible, .counterContainer.focus-visible {\n  outline: none;\n}\n.counterContainer:focus-visible:focus-visible, .counterContainer:focus-visible.focus-visible, .counterContainer.focus-visible:focus-visible, .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:focus-visible:focus:not(.focus-visible), .counterContainer.focus-visible:focus:not(.focus-visible) {\n  outline: none;\n}\n.counterContainer.small {\n  height: 28px;\n  min-width: 28px;\n  border-radius: 14px;\n  padding: 0 1px;\n}\n.counterContainer.medium {\n  height: 32px;\n  min-width: 32px;\n  border-radius: 16px;\n  padding: 0 2px;\n}\n.counterContainer.large {\n  height: 50px;\n  min-width: 50px;\n  border-radius: 25px;\n  padding: 0 var(--spacing-xs);\n}\n.counterContainer.primary {\n  color: var(--text-color-on-primary);\n  background-color: var(--primary-color);\n}\n.counterContainer.dark {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.counterContainer.negative {\n  color: var(--text-color-on-primary);\n  background-color: var(--negative-color);\n}\n.counterContainer.light {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.counterContainer .disabled, .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",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-de7e28416fbe_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipContainer {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible {\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
+var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-de7e28416fbe_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle {\n  white-space: nowrap;\n}\n\n.tooltipContainer {\n  max-height: 300px;\n  padding-right: var(--spacing-medium);\n  align-items: flex-start !important;\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible {\n  outline: none;\n}\n\n.tooltipGridContainer {\n  max-width: 160px;\n  padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{t as default};
 //# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-13c8e71f272d_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible {\n  outline: none;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-13c8e71f272d_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n  align-items: flex-start !important;\n  display: flex;\n  overflow-y: hidden;\n  overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible {\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 t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(t){const e="s_id-b5dca6298ea9_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".badgeWrapper {\n  position: relative;\n}\n.badgeWrapper .badge {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{t as default};
+var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(t){const e="s_id-b5dca6298ea9_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".badgeWrapper {\n  position: relative;\n}\n.badgeWrapper .badge {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{t as default};
 //# sourceMappingURL=Badge.module.scss.js.map

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

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

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

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