@vibe/core 3.58.0 → 3.58.2-alpha-faacc.0

package/dist/mocked_classnames/tests/interactions-utils.d.ts

@@ -1,56 +0,0 @@
-import { queries } from "@storybook/test";
-import { BoundFunctions, Screen, SelectorMatcherOptions } from "@testing-library/react";
-import { NavigationCommand as NavigationCommandType } from "./constants";
-export type Canvas = HTMLElement | BoundFunctions<typeof queries>;
-export type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;
-export type Coordinates = {
-    x: number;
-    y: number;
-};
-export declare const testFunctionWrapper: (testFunc: TestFunction) => ({ canvasElement, args }: {
-    canvasElement: Screen;
-    args: Record<string, any>;
-}) => Promise<unknown>;
-export declare const clearText: (element: HTMLElement) => Promise<void>;
-export declare const NavigationCommand: typeof NavigationCommandType;
-export declare const interactionSuite: ({ beforeEach, beforeAll, skip, tests, afterEach, afterAll }: {
-    beforeEach?: TestFunction;
-    beforeAll?: TestFunction;
-    skip?: boolean;
-    tests: Array<TestFunction>;
-    afterAll?: TestFunction;
-    afterEach?: TestFunction;
-}) => ({ canvasElement, args }: {
-    canvasElement: Screen;
-    args: Record<string, any>;
-}) => Promise<void>;
-export declare const getByTestId: (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => HTMLElement;
-export declare const getAllByTestId: (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => HTMLElement[];
-export declare const getByPlaceholderText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement;
-export declare const getAllByPlaceholderText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement[];
-export declare const getByClassName: (className: string) => HTMLCollectionOf<Element>;
-export declare const getFirstByClassName: (className: string) => Element;
-export declare const getByRole: (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options?: {}) => HTMLElement;
-export declare const getAllByRole: (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => HTMLElement[];
-export declare const getByLabelText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement;
-export declare const getAllByLabelText: (rootElement: HTMLElement, text: string) => HTMLElement[];
-export declare const getByText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string, options?: SelectorMatcherOptions) => HTMLElement;
-export declare const getAllByText: (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => HTMLElement[];
-export declare const clickElement: (element: HTMLElement) => Promise<void>;
-export declare const hoverElement: (element: HTMLElement) => Promise<void>;
-export declare const typeText: (element: HTMLElement, text: string, waitForDebounceMs?: number) => Promise<void>;
-export declare const expectActiveElementToHaveExactText: (text: string) => void;
-export declare const expectActiveElementToHavePartialText: (text: string) => void;
-export declare const pressNavigationKey: (command?: NavigationCommandType, waitForDebounceMs?: number) => Promise<any>;
-export declare function delay(timeout: number): Promise<unknown>;
-export declare const waitForElementVisible: (getterFunc: () => HTMLElement) => Promise<unknown>;
-export declare const typeMultipleTimes: (text: string, count: number, options?: {
-    delay: number;
-}) => Promise<void>;
-export declare function drag(element: HTMLElement, { delta, toCoords, toElm, steps, duration }: {
-    delta: Coordinates;
-    toCoords: Coordinates;
-    toElm: HTMLElement;
-    steps: number;
-    duration: number;
-}): Promise<void>;

package/dist/mocked_classnames/tests/test-ids-utils.d.ts

@@ -1,3 +0,0 @@
-import { ComponentDefaultTestId as TestIds } from "./constants";
-export declare const ComponentDefaultTestId: typeof TestIds;
-export declare const getTestId: (elementType: TestIds, id?: string | number) => string;

package/dist/mocked_classnames/types/ArrayLastElement.d.ts

@@ -1 +0,0 @@
-export type ArrayLastElement<T extends unknown[]> = T extends [...unknown[], infer R] ? R : never;

package/dist/mocked_classnames/types/Colors.d.ts

@@ -1,19 +0,0 @@
-import { contentColors } from "../utils/colors-vars-map";
-declare const MapStateSelectedColor: {
-    positive: string;
-    negative: string;
-    primary: string;
-    warning: string;
-};
-declare const MapStateSelectedHoverColor: {
-    positive: string;
-    negative: string;
-    primary: string;
-};
-type ContentColor = (typeof contentColors)[number];
-type StateSelectedColorKeys = keyof typeof MapStateSelectedColor;
-type StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;
-export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning";
-export declare function getElementColor(colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;
-export type ColorStyle = "regular" | "hover" | "selected";
-export {};

package/dist/mocked_classnames/types/ElementContent.d.ts

@@ -1,2 +0,0 @@
-import { ReactNode } from "react";
-export type ElementContent = ReactNode | ReactNode[];

package/dist/mocked_classnames/types/FormElement.d.ts

@@ -1,40 +0,0 @@
-/**
- * Props for form fields, including label, info text, and ID requirements for accessibility.
- * Using this type for a component's props will enforce that if a `label` or `infoText` is provided, an `id` must also be provided.
- * This is important for accessibility, to link the input with its label and description.
- * If there's a need, you can extend this type to add more shapes or conditions inside your form component types file.
- */
-export type FormElementProps = {
-    /**
-     * The label for the input.
-     */
-    label: string;
-    /**
-     * The id of the input.
-     * Required when `label` or `infoText` is provided for accessibility reasons.
-     */
-    id: string;
-    /**
-     * Informational text to display below the input.
-     */
-    infoText?: string;
-} | {
-    label?: never;
-    /**
-     * Informational text to display below the input.
-     * If provided, an `id` is also required for accessibility.
-     */
-    infoText: string;
-    /**
-     * The id of the input.
-     * Required when `infoText` or `label` is provided for accessibility reasons.
-     */
-    id: string;
-} | {
-    label?: never;
-    infoText?: never;
-    /**
-     * The id of the input.
-     */
-    id?: string;
-};

package/dist/mocked_classnames/types/MoveBy.d.ts

@@ -1,4 +0,0 @@
-export type MoveBy = {
-    main?: number;
-    secondary?: number;
-};

package/dist/mocked_classnames/types/SplitString.d.ts

@@ -1 +0,0 @@
-export type SplitString<S extends string, D extends string> = string extends S ? string[] : S extends "" ? [] : S extends `${infer T}${D}${infer U}` ? [T, ...SplitString<U, D>] : [S];

package/dist/mocked_classnames/types/SubIcon.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { IconSubComponentProps } from "../components/Icon/Icon";
-export type SubIcon = string | React.FC<IconSubComponentProps> | null;

package/dist/mocked_classnames/types/VibeComponent.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-type VibeComponent<T, P = HTMLElement> = React.ForwardRefExoticComponent<T & React.RefAttributes<P>>;
-export default VibeComponent;

package/dist/mocked_classnames/types/VibeComponentProps.d.ts

@@ -1,14 +0,0 @@
-export default interface VibeComponentProps {
-    /**
-     * A CSS class name to apply to the component.
-     */
-    className?: string;
-    /**
-     * A unique identifier for testing purposes.
-     */
-    "data-testid"?: string;
-    /**
-     * An HTML id attribute for the component.
-     */
-    id?: string;
-}

package/dist/mocked_classnames/types/events.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export type OnPressEventType<Element> = React.MouseEvent<Element> | React.FocusEvent<Element>;
-export type GeneralEventType = Event | React.UIEvent;
-export type GenericEventCallback = (ev: GeneralEventType) => unknown;
-export type KeyboardEventCallback = (event: KeyboardEvent) => unknown;
-export type MouseEventCallBack = (event: React.MouseEvent<HTMLElement | SVGElement>) => void;

package/dist/mocked_classnames/types/index.d.ts

@@ -1,9 +0,0 @@
-export * from "./events";
-export * from "./SubIcon";
-export type { default as VibeComponent } from "./VibeComponent";
-export type { default as VibeComponentProps } from "./VibeComponentProps";
-export * from "./withStaticProps";
-export * from "./ArrayLastElement";
-export * from "./SplitString";
-export * from "./ElementContent";
-export * from "./Colors";

package/dist/mocked_classnames/types/withStaticProps.d.ts

@@ -1,7 +0,0 @@
-import { FC, ForwardRefExoticComponent, RefAttributes } from "react";
-type Required<T> = {
-    [P in keyof T]-?: T[P];
-};
-export declare const withStaticProps: <Props, StaticProps, Ref = HTMLElement>(component: ForwardRefExoticComponent<Props & RefAttributes<Ref>>, staticProps: Required<StaticProps>) => ForwardRefExoticComponent<Props & RefAttributes<Ref>> & Required<StaticProps>;
-export declare const withStaticPropsWithoutForwardRef: <Props, StaticProps>(component: FC<Props>, staticProps: Required<StaticProps>) => FC<Props> & Required<StaticProps>;
-export {};

package/dist/mocked_classnames/utils/colors-utils.d.ts

@@ -1,8 +0,0 @@
-import { ColorStyle as ColorStyleEnum } from "./colors-vars-map";
-import { ColorStyle } from "../types/Colors";
-declare const _default: Readonly<{
-    modes: typeof ColorStyleEnum;
-    contentColors: readonly ["grass_green", "done-green", "bright-green", "saladish", "egg_yolk", "working_orange", "dark-orange", "peach", "sunset", "stuck-red", "dark-red", "sofia_pink", "lipstick", "bubble", "purple", "dark_purple", "berry", "dark_indigo", "indigo", "navy", "bright-blue", "dark-blue", "aquamarine", "chili-blue", "river", "winter", "explosive", "american_gray", "blackish", "brown", "orchid", "tan", "sky", "coffee", "royal", "teal", "lavender", "steel", "lilac", "pecan"];
-    getMondayColorAsStyle: (color: string, mode?: ColorStyle, withVar?: boolean) => string;
-}>;
-export default _default;

package/dist/mocked_classnames/utils/colors-vars-map.d.ts

@@ -1,129 +0,0 @@
-export declare const colorsMap: {
-    color: string;
-    description: string;
-}[];
-export declare const colorsHashMap: Map<any, any>;
-export declare const contentColors: readonly ["grass_green", "done-green", "bright-green", "saladish", "egg_yolk", "working_orange", "dark-orange", "peach", "sunset", "stuck-red", "dark-red", "sofia_pink", "lipstick", "bubble", "purple", "dark_purple", "berry", "dark_indigo", "indigo", "navy", "bright-blue", "dark-blue", "aquamarine", "chili-blue", "river", "winter", "explosive", "american_gray", "blackish", "brown", "orchid", "tan", "sky", "coffee", "royal", "teal", "lavender", "steel", "lilac", "pecan"];
-export type CONTENT_COLORS_VALUES = (typeof contentColors)[number];
-/**
- * @deprecated
- */
-export declare enum ColorStyle {
-    REGULAR = "regular",
-    HOVER = "hover",
-    SELECTED = "selected"
-}
-export declare enum ContentColorByName {
-    GRASS_GREEN = "grass_green",
-    DONE_GREEN = "done-green",
-    BRIGHT_GREEN = "bright-green",
-    SALADISH = "saladish",
-    EGG_YOLK = "egg_yolk",
-    WORKING_ORANGE = "working_orange",
-    DARK_ORANGE = "dark-orange",
-    PEACH = "peach",
-    SUNSET = "sunset",
-    STUCK_RED = "stuck-red",
-    DARK_RED = "dark-red",
-    SOFIA_PINK = "sofia_pink",
-    LIPSTICK = "lipstick",
-    BUBBLE = "bubble",
-    PURPLE = "purple",
-    DARK_PURPLE = "dark_purple",
-    BERRY = "berry",
-    DARK_INDIGO = "dark_indigo",
-    INDIGO = "indigo",
-    NAVY = "navy",
-    BRIGHT_BLUE = "bright-blue",
-    DARK_BLUE = "dark-blue",
-    AQUAMARINE = "aquamarine",
-    CHILI_BLUE = "chili-blue",
-    RIVER = "river",
-    WINTER = "winter",
-    EXPLOSIVE = "explosive",
-    AMERICAN_GRAY = "american_gray",
-    BLACKISH = "blackish",
-    BROWN = "brown",
-    ORCHID = "orchid",
-    TAN = "tan",
-    SKY = "sky",
-    COFFEE = "coffee",
-    ROYAL = "royal",
-    TEAL = "teal",
-    LAVENDER = "lavender",
-    STEEL = "steel",
-    LILAC = "lilac",
-    PECAN = "pecan"
-}
-/**
- * @deprecated
- */
-export declare enum StateSelectedColor {
-    POSITIVE = "positive",
-    NEGATIVE = "negative",
-    PRIMARY = "primary",
-    WARNING = "warning"
-}
-/**
- * @deprecated
- */
-export declare enum StateSelectedHoverColor {
-    POSITIVE = "positive",
-    NEGATIVE = "negative",
-    PRIMARY = "primary"
-}
-/**
- * @deprecated
- */
-export declare const ElementAllowedColor: {
-    POSITIVE: StateSelectedHoverColor.POSITIVE;
-    NEGATIVE: StateSelectedHoverColor.NEGATIVE;
-    PRIMARY: StateSelectedHoverColor.PRIMARY;
-    WARNING: StateSelectedColor.WARNING;
-    GRASS_GREEN: ContentColorByName.GRASS_GREEN;
-    DONE_GREEN: ContentColorByName.DONE_GREEN;
-    BRIGHT_GREEN: ContentColorByName.BRIGHT_GREEN;
-    SALADISH: ContentColorByName.SALADISH;
-    EGG_YOLK: ContentColorByName.EGG_YOLK;
-    WORKING_ORANGE: ContentColorByName.WORKING_ORANGE;
-    DARK_ORANGE: ContentColorByName.DARK_ORANGE;
-    PEACH: ContentColorByName.PEACH;
-    SUNSET: ContentColorByName.SUNSET;
-    STUCK_RED: ContentColorByName.STUCK_RED;
-    DARK_RED: ContentColorByName.DARK_RED;
-    SOFIA_PINK: ContentColorByName.SOFIA_PINK;
-    LIPSTICK: ContentColorByName.LIPSTICK;
-    BUBBLE: ContentColorByName.BUBBLE;
-    PURPLE: ContentColorByName.PURPLE;
-    DARK_PURPLE: ContentColorByName.DARK_PURPLE;
-    BERRY: ContentColorByName.BERRY;
-    DARK_INDIGO: ContentColorByName.DARK_INDIGO;
-    INDIGO: ContentColorByName.INDIGO;
-    NAVY: ContentColorByName.NAVY;
-    BRIGHT_BLUE: ContentColorByName.BRIGHT_BLUE;
-    DARK_BLUE: ContentColorByName.DARK_BLUE;
-    AQUAMARINE: ContentColorByName.AQUAMARINE;
-    CHILI_BLUE: ContentColorByName.CHILI_BLUE;
-    RIVER: ContentColorByName.RIVER;
-    WINTER: ContentColorByName.WINTER;
-    EXPLOSIVE: ContentColorByName.EXPLOSIVE;
-    AMERICAN_GRAY: ContentColorByName.AMERICAN_GRAY;
-    BLACKISH: ContentColorByName.BLACKISH;
-    BROWN: ContentColorByName.BROWN;
-    ORCHID: ContentColorByName.ORCHID;
-    TAN: ContentColorByName.TAN;
-    SKY: ContentColorByName.SKY;
-    COFFEE: ContentColorByName.COFFEE;
-    ROYAL: ContentColorByName.ROYAL;
-    TEAL: ContentColorByName.TEAL;
-    LAVENDER: ContentColorByName.LAVENDER;
-    STEEL: ContentColorByName.STEEL;
-    LILAC: ContentColorByName.LILAC;
-    PECAN: ContentColorByName.PECAN;
-};
-/**
- * @deprecated
- */
-export type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string;
-export declare const elementColorsNames: Record<string, string>;
-export declare function getElementColor(colorValue: keyof typeof ElementAllowedColor | string, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;

package/dist/mocked_classnames/utils/dom-event-utils.d.ts

@@ -1,16 +0,0 @@
-import React from "react";
-export declare function isEnterEvent(event: React.KeyboardEvent): boolean;
-export declare function isShiftEnterEvent(event: React.KeyboardEvent): boolean;
-export declare function isEscapeEvent(event: React.KeyboardEvent): boolean;
-export declare function isArrowUpEvent(event: React.KeyboardEvent): boolean;
-export declare function isArrowDownEvent(event: React.KeyboardEvent): boolean;
-export declare function isArrowRightEvent(event: React.KeyboardEvent): boolean;
-export declare function isArrowLeftEvent(event: React.KeyboardEvent): boolean;
-export declare function isBackspaceEvent(event: React.KeyboardEvent): boolean;
-export declare function isSpaceEvent(event: React.KeyboardEvent): boolean;
-export declare function isTabEvent(event: React.KeyboardEvent): boolean;
-export declare function isPageUpEvent(event: React.KeyboardEvent): boolean;
-export declare function isPageDownEvent(event: React.KeyboardEvent): boolean;
-export declare function isEndEvent(event: React.KeyboardEvent): boolean;
-export declare function isHomeEvent(event: React.KeyboardEvent): boolean;
-export declare function isShiftTabEvent(event: React.KeyboardEvent): boolean;

package/dist/mocked_classnames/utils/dom-utils.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="lodash" />
-export declare function isInsideClass(domElement: HTMLElement, classOrClassesName: Array<string> | string): boolean;
-export declare const getScrollableParent: ((node: HTMLElement) => HTMLElement) & import("lodash").MemoizedFunction;

package/dist/mocked_classnames/utils/function-utils.d.ts

@@ -1,5 +0,0 @@
-import { MutableRefObject } from "react";
-export declare function chainRefFunctions(funcsOrRefs: Array<MutableRefObject<HTMLElement> | ((element: HTMLElement) => void | boolean)>, allowBreak?: boolean): (args: HTMLElement) => void;
-export declare function chainFunctions(funcs: Array<(args: any) => void | boolean>, allowBreak?: boolean): (args: any) => void;
-export declare function convertToArray<T>(input: T | Array<T>): Array<T>;
-export declare function NOOP(): void;

package/dist/mocked_classnames/utils/media-query-utils.d.ts

@@ -1,23 +0,0 @@
-export declare const SMALL1 = 1;
-export declare const SMALL2 = 2;
-export declare const MEDIUM1 = 3;
-export declare const MEDIUM2 = 4;
-export declare const LARGE = 5;
-export declare const XLARGE = 6;
-export declare const MEDIA_QUERY_QUERIES: {
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-    6: string;
-};
-export declare const VIBE_MEDIA_QUERIES: string[];
-export declare const MEDIA_QUERY_SIZES: {
-    SMALL1: number;
-    SMALL2: number;
-    MEDIUM1: number;
-    MEDIUM2: number;
-    LARGE: number;
-    XLARGE: number;
-};

package/dist/mocked_classnames/utils/ssr-utils.d.ts

@@ -1,2 +0,0 @@
-export declare const isClient: () => boolean;
-export declare const isServer: () => boolean;

package/dist/mocked_classnames/utils/user-agent-utils.d.ts

@@ -1,2 +0,0 @@
-export declare function isFirefox(): boolean;
-export declare function isIE11(): boolean;

package/dist/mocked_classnames/utils/warn-deprecated.d.ts

@@ -1,10 +0,0 @@
-export declare function useWarnDeprecated({ component, condition, message }: {
-    component: string;
-    condition?: boolean;
-    message: string;
-}): void;
-export declare function warnDeprecated({ component, condition, message }: {
-    component: string;
-    condition: boolean;
-    message: string;
-}): void;

package/dist/scripts/generate-metadata.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/src/components/Accordion/Accordion/Accordion.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,toConsumableArray as o,defineProperty as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import t,{forwardRef as r,useRef as i,useState as s,useMemo as l,useCallback as c}from"react";import d from"../../../hooks/useMergeRef.js";import m from"./Accordion.module.scss.js";import{ComponentVibeId as u}from"../../../tests/constants.js";var p="monday-accordion";var f=r((function(r,f){var v=r.children,C=void 0===v?null:v,b=r.allowMultiple,j=void 0!==b&&b,g=r["data-testid"],h=void 0===g?p:g,x=r.defaultIndex,A=void 0===x?[]:x,O=r.className,y=void 0===O?"":O,E=r.id,I=i(null),N=d(f,I),k=s(A),M=e(k,2),P=M[0],R=M[1],_=l((function(){return t.Children.toArray(C)}),[C]),w=c((function(e){return P.includes(e)}),[P]),B=c((function(e){if(j){var n=o(P);if(w(e)){var a=n.indexOf(e);a>-1&&n.splice(a,1)}else n.push(e);R(n)}else w(e)?R([]):R([e])}),[w,P,j]),D=l((function(){return t.Children.map(_,(function(e,o){var r,i,s,l=Object.assign({},null==e?void 0:e.props),c=(r=o,s=E,(i=l).id?i.id:s?"".concat(s,"--item-").concat(r):"".concat(p,"--item-").concat(r));return t.cloneElement(e,Object.assign(Object.assign({},l),{id:c,onClickAccordionCallback:function(){B(o)},open:w(o),expandCollapseComponentClassName:a(m.accordionItemExpandCollapse,n({},m.accordionItemExpandCollapseLast,o===_.length-1))}))}))}),[_,E,w,B]);return t.createElement("div",{ref:N,className:a(m.accordion,y),"data-testid":h,"data-vibe":u.ACCORDION,id:E},_&&D)}));export{f as default};
-//# sourceMappingURL=Accordion.js.map

package/dist/src/components/Accordion/Accordion/Accordion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../../types\";\nimport styles from \"./Accordion.module.scss\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nconst COMPONENT_ID = \"monday-accordion\";\n\nfunction defineChildId(index: number, props: { id: string }, accordionId: string) {\n  if (props.id) {\n    return props.id;\n  }\n  if (accordionId) {\n    return `${accordionId}--item-${index}`;\n  }\n  return `${COMPONENT_ID}--item-${index}`;\n}\n\nexport interface AccordionProps extends VibeComponentProps {\n  /**\n   * The content of the accordion (`AccordionItem` components).\n   */\n  children?: Array<ReactElement> | ReactElement;\n  /**\n   * If true, multiple accordion items can be expanded at the same time.\n   */\n  allowMultiple?: boolean;\n  /**\n   * An array of initially expanded item indexes.\n   */\n  defaultIndex?: Array<number>;\n}\n\nconst Accordion = forwardRef(\n  (\n    {\n      children: originalChildren = null,\n      allowMultiple = false,\n      \"data-testid\": dataTestId = COMPONENT_ID,\n      defaultIndex = [],\n      className = \"\",\n      id\n    }: AccordionProps,\n    ref: React.ForwardedRef<unknown>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [expandedItems, setExpandedItems] = useState(defaultIndex);\n\n    const children = useMemo(() => React.Children.toArray(originalChildren), [originalChildren]);\n\n    const isChildExpanded = useCallback(\n      (itemIndex: number) => {\n        return expandedItems.includes(itemIndex);\n      },\n      [expandedItems]\n    );\n\n    const onChildClick = useCallback(\n      (itemIndex: number) => {\n        if (allowMultiple) {\n          const newExpandedItems = [...expandedItems];\n          if (isChildExpanded(itemIndex)) {\n            const index = newExpandedItems.indexOf(itemIndex);\n            if (index > -1) {\n              newExpandedItems.splice(index, 1);\n            }\n          } else {\n            newExpandedItems.push(itemIndex);\n          }\n          setExpandedItems(newExpandedItems);\n          return;\n        }\n\n        if (isChildExpanded(itemIndex)) {\n          setExpandedItems([]);\n        } else {\n          setExpandedItems([itemIndex]);\n        }\n      },\n      [isChildExpanded, expandedItems, allowMultiple]\n    );\n\n    const renderChildElements = useMemo(() => {\n      return React.Children.map(children, (child: ReactElement, itemIndex) => {\n        const originalProps = { ...child?.props };\n        const childId = defineChildId(itemIndex, originalProps, id);\n        return React.cloneElement(child, {\n          ...originalProps,\n          id: childId,\n          onClickAccordionCallback: () => {\n            onChildClick(itemIndex);\n          },\n          open: isChildExpanded(itemIndex),\n          expandCollapseComponentClassName: cx(styles.accordionItemExpandCollapse, {\n            [styles.accordionItemExpandCollapseLast]: itemIndex === children.length - 1\n          })\n        });\n      });\n    }, [children, id, isChildExpanded, onChildClick]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.accordion, className)}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ACCORDION}\n        id={id}\n      >\n        {children && renderChildElements}\n      </div>\n    );\n  }\n);\n\nexport default Accordion;\n"],"names":["COMPONENT_ID","Accordion","forwardRef","_ref","ref","_ref$children","children","originalChildren","_ref$allowMultiple","allowMultiple","_ref$dataTestid","dataTestId","_ref$defaultIndex","defaultIndex","_ref$className","className","id","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","expandedItems","setExpandedItems","useMemo","React","Children","toArray","isChildExpanded","useCallback","itemIndex","includes","onChildClick","newExpandedItems","_toConsumableArray","index","indexOf","splice","push","renderChildElements","map","child","props","accordionId","originalProps","Object","assign","childId","concat","cloneElement","onClickAccordionCallback","open","expandCollapseComponentClassName","cx","styles","accordionItemExpandCollapse","_defineProperty","accordionItemExpandCollapseLast","length","createElement","accordion","ComponentVibeId","ACCORDION"],"mappings":"0YAOA,IAAMA,EAAe,mBA2BfC,IAAAA,EAAYC,GAChB,SAAAC,EASEC,GACE,IAAAC,EAAAF,EARAG,SAAUC,OAAmB,IAAHF,EAAG,KAAIA,EAAAG,EAAAL,EACjCM,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAP,EACrB,eAAeQ,OAAaX,IAAHU,EAAGV,EAAYU,EAAAE,EAAAT,EACxCU,aAAAA,OAAe,IAAHD,EAAG,GAAEA,EAAAE,EAAAX,EACjBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEb,EAAFa,GAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAA0CC,EAAST,GAAaU,EAAAC,EAAAH,EAAA,GAAzDI,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAEhCjB,EAAWqB,GAAQ,WAAA,OAAMC,EAAMC,SAASC,QAAQvB,KAAmB,CAACA,IAEpEwB,EAAkBC,GACtB,SAACC,GACC,OAAOR,EAAcS,SAASD,EAChC,GACA,CAACR,IAGGU,EAAeH,GACnB,SAACC,GACC,GAAIxB,EAAJ,CACE,IAAM2B,EAAgBC,EAAOZ,GAC7B,GAAIM,EAAgBE,GAAY,CAC9B,IAAMK,EAAQF,EAAiBG,QAAQN,GACnCK,GAAS,GACXF,EAAiBI,OAAOF,EAAO,EAElC,MACCF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAElB,MAEGL,EAAgBE,GAClBP,EAAiB,IAEjBA,EAAiB,CAACO,GAErB,GACD,CAACF,EAAiBN,EAAehB,IAG7BiC,EAAsBf,GAAQ,WAClC,OAAOC,EAAMC,SAASc,IAAIrC,GAAU,SAACsC,EAAqBX,GACxD,IA9EeK,EAAeO,EAAuBC,EA8E/CC,EAAqBC,OAAAC,OAAA,CAAA,EAAAL,eAAAA,EAAOC,OAC5BK,GA/ESZ,EA+EeL,EA/EuBa,EA+EG9B,GA/E1B6B,EA+EWE,GA9ErC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAWK,WAAAA,OAAUb,GAEjC,GAAAa,OAAUnD,EAAYmD,WAAAA,OAAUb,IAyE1B,OAAOV,EAAMwB,aAAaR,EACrBI,OAAAC,OAAAD,OAAAC,OAAA,GAAAF,GACH,CAAA/B,GAAIkC,EACJG,yBAA0B,WACxBlB,EAAaF,EACd,EACDqB,KAAMvB,EAAgBE,GACtBsB,iCAAkCC,EAAGC,EAAOC,4BAA2BC,EACpEF,CAAAA,EAAAA,EAAOG,gCAAkC3B,IAAc3B,EAASuD,OAAS,MAGhF,GACD,GAAE,CAACvD,EAAUU,EAAIe,EAAiBI,IAEnC,OACEP,EAAAkC,cAAA,MAAA,CACE1D,IAAKe,EACLJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GACnB,cAAAJ,EACF,YAAAqD,EAAgBC,UAC3BjD,GAAIA,GAEHV,GAAYoC,EAGnB"}

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

@@ -1,2 +0,0 @@
-var e={accordion:"accordion_b2dfc5c9e3",accordionItemExpandCollapse:"accordionItemExpandCollapse_f124f790fd",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_6563cb38a2"};!function(e){const o="s_id-e9215f4fd1c6_3_57_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_b2dfc5c9e3 {\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_b2dfc5c9e3 .accordionItemExpandCollapse_f124f790fd {\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_b2dfc5c9e3 .accordionItemExpandCollapseLast_6563cb38a2 {\n  border-bottom: none;\n}");export{e as default};
-//# sourceMappingURL=Accordion.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Accordion.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as o,useRef as a,useCallback as i}from"react";import n from"../../../hooks/useMergeRef.js";import l from"../../ExpandCollapse/ExpandCollapse.js";var t=o((function(o,t){var c=o.children,r=void 0===c?null:c,s=o.title,d=void 0===s?"":s,m=o.className,p=void 0===m?"":m,C=o.iconSize,v=void 0===C?24:C,u=o.iconPosition,f=void 0===u?"right":u,N=o.id,h=o.open,k=o.onClick,x=o.onClickAccordionCallback,E=o.hideBorder,g=void 0!==E&&E,j=o.headerClassName,z=o.contentClassName,B=o.expandCollapseComponentClassName,O=o.captureOnClick,P=void 0===O||O,S=a(null),b=n(t,S),A=i((function(){x&&x(),k&&k()}),[x,k]);return e.createElement("div",{ref:b,className:p,id:N},e.createElement(l,{iconSize:v,iconPosition:f,id:"expand-collapse--".concat(N),onClick:A,open:h,title:d,hideBorder:g,componentClassName:B,headerClassName:j,contentClassName:z,captureOnClick:P},r))}));export{t as default};
-//# sourceMappingURL=AccordionItem.js.map

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport ExpandCollapse from \"../../ExpandCollapse/ExpandCollapse\";\nimport { VibeComponentProps, ElementContent } from \"../../../types\";\nimport { ExpandCollapseIconPosition } from \"../../ExpandCollapse/ExpandCollapse.types\";\n\nexport interface AccordionItemProps extends VibeComponentProps {\n  /**\n   * The header content displayed in the accordion item.\n   */\n  title?: ElementContent;\n  /**\n   * The content rendered inside the accordion item.\n   */\n  children?: ElementContent;\n  /**\n   * The size of the expand/collapse icon.\n   */\n  iconSize?: number | string;\n  /**\n   * The position of the expand/collapse icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\n  /**\n   * Callback fired upon item click.\n   */\n  onClick?: () => void;\n  /** @ignore */\n  open?: boolean;\n  /** @ignore */\n  onClickAccordionCallback?: () => void;\n  /**\n   * If true, the accordion item's border is hidden.\n   */\n  hideBorder?: boolean;\n  /**\n   * Class name applied to the accordion item's header.\n   */\n  headerClassName?: string;\n  /**\n   * Class name applied to the accordion item's content.\n   */\n  contentClassName?: string;\n  /**\n   * Class name applied to the expand/collapse component.\n   */\n  expandCollapseComponentClassName?: string;\n  /**\n   * If true, the click event is handled during the capture phase.\n   */\n  captureOnClick?: boolean;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = forwardRef(\n  (\n    {\n      children = null,\n      title = \"\",\n      className = \"\",\n      iconSize = 24,\n      iconPosition = \"right\",\n      id,\n      open,\n      onClick,\n      onClickAccordionCallback,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      expandCollapseComponentClassName,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    // Change onClick param name to onClickCallback in 1.0.0\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const onClickCallback = useCallback(() => {\n      onClickAccordionCallback && onClickAccordionCallback();\n      onClick && onClick();\n    }, [onClickAccordionCallback, onClick]);\n\n    return (\n      <div ref={mergedRef} className={className} id={id}>\n        <ExpandCollapse\n          iconSize={iconSize}\n          iconPosition={iconPosition}\n          id={`expand-collapse--${id}`}\n          onClick={onClickCallback}\n          open={open}\n          title={title}\n          hideBorder={hideBorder}\n          componentClassName={expandCollapseComponentClassName}\n          headerClassName={headerClassName}\n          contentClassName={contentClassName}\n          captureOnClick={captureOnClick}\n        >\n          {children}\n        </ExpandCollapse>\n      </div>\n    );\n  }\n);\n\nexport default AccordionItem;\n"],"names":["AccordionItem","forwardRef","_ref","ref","_ref$children","children","_ref$title","title","_ref$className","className","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","id","open","onClick","onClickAccordionCallback","_ref$hideBorder","hideBorder","headerClassName","contentClassName","expandCollapseComponentClassName","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","onClickCallback","useCallback","React","createElement","ExpandCollapse","concat","componentClassName"],"mappings":"sKAqDMA,IAAAA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAiB,IAAHD,GAAOA,EAKjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAkBC,GAAY,WAClCb,GAA4BA,IAC5BD,GAAWA,GACb,GAAG,CAACC,EAA0BD,IAE9B,OACEe,EAAAC,cAAA,MAAA,CAAK7B,IAAKwB,EAAWlB,UAAWA,EAAWK,GAAIA,GAC7CiB,EAACC,cAAAC,EACC,CAAAtB,SAAUA,EACVE,aAAcA,EACdC,GAAEoB,oBAAAA,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}

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

@@ -1,2 +0,0 @@
-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/src/components/AlertBanner/AlertBanner.js.map

@@ -1 +0,0 @@
-{"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 { 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 { VibeComponentProps, 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   * The background color of the alert banner.\n   */\n  backgroundColor?: AlertBannerBackgroundColor;\n  /**\n   * If true, the close button is hidden.\n   */\n  isCloseHidden?: boolean;\n  /**\n   * The ARIA label of the alert banner for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * The ARIA label of the close button for accessibility.\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   * Callback fired when the close button is clicked.\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * The content of the alert banner.\n   */\n  children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner = 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\ninterface AlertBannerStaticProps {\n  backgroundColors: typeof AlertBannerBackgroundColorEnum;\n}\n\nexport default withStaticProps<AlertBannerProps, AlertBannerStaticProps>(AlertBanner, {\n  backgroundColors: AlertBannerBackgroundColorEnum\n});\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":"syBA+CA,IAgHeA,EAAAA,EAhHKC,GAClB,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,IAOoF,CACpF0D,iBAAkBC"}

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

@@ -1,2 +0,0 @@
-var n={alertBanner:"alertBanner_b11d3a8ac4",primary:"primary_0c25d5c7f3",positive:"positive_a76c6c0629",negative:"negative_6ce1d652fe",dark:"dark_09159a0908",warning:"warning_7ecde0bd7f",closeBtn:"closeBtn_e3ae41f474",content:"content_6fc3d672b4",closeButtonWrapper:"closeButtonWrapper_2fa772f8d0",ellipsis:"ellipsis_d8a9186cc4",contentItem:"contentItem_aa88588290",contentItemText:"contentItemText_12e2fa34a2"};!function(n){const e="s_id-2b16d36a7fd0_3_57_1";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)}(".alertBanner_b11d3a8ac4 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_0c25d5c7f3 {\n  background-color: var(--primary-color);\n}\n\n.positive_a76c6c0629 {\n  background-color: var(--positive-color);\n}\n\n.negative_6ce1d652fe {\n  background-color: var(--negative-color);\n}\n\n.dark_09159a0908 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_7ecde0bd7f {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_7ecde0bd7f .closeBtn_e3ae41f474 {\n  color: var(--fixed-dark-color);\n}\n\n.content_6fc3d672b4 {\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_2fa772f8d0 {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_e3ae41f474 {\n  position: absolute;\n  right: 4px;\n  top: 4px;\n}\n\n.ellipsis_d8a9186cc4 {\n  flex: 0 1 auto;\n}\n\n.contentItem_aa88588290 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_12e2fa34a2 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
-//# sourceMappingURL=AlertBanner.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBanner.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as a,ComponentDefaultTestId as e}from"../../../tests/testIds.js";import s from"classnames";import o from"../../Button/Button.js";import i from"react";import n from"./AlertBannerButton.module.scss.js";var m=function(m){var l=m.marginLeft,d=void 0!==l&&l,c=m.isDarkBackground,u=void 0!==c&&c,f=m.id,p=m["data-testid"],B=r(m,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},n.marginLeft,d),n.darkBackground,u));return i.createElement("div",{className:g,"data-testid":p||a(e.ALERT_BANNER_BUTTON,f),id:f},i.createElement(o,Object.assign({},B,{size:"small",className:s(n.bannerButton),color:"on-primary-color"})))};Object.assign(m,{isAlertBannerItem:!0});export{m as default};
-//# sourceMappingURL=AlertBannerButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerButton.js","sources":["../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport Button, { ButtonProps } from \"../../Button/Button\";\nimport React, { FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n  /**\n   * If true, the button is displayed on a dark background.\n   */\n  isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n  marginLeft = false,\n  isDarkBackground = false,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}) => {\n  const classNames = cx({\n    [styles.marginLeft]: marginLeft,\n    [styles.darkBackground]: isDarkBackground\n  });\n\n  return (\n    <div\n      className={classNames}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n      id={id}\n    >\n      <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n    </div>\n  );\n};\n\nObject.assign(AlertBannerButton, {\n  isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"oWAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}

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

@@ -1,2 +0,0 @@
-var n={bannerButton:"bannerButton_382df9d75c",darkBackground:"darkBackground_382df9d75c",marginLeft:"marginLeft_9c452210ce"};!function(n){const e="s_id-b41ba610a75a_3_57_1";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_382df9d75c {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_382df9d75c .bannerButton_382df9d75c {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_9c452210ce {\n  margin-left: var(--spacing-small);\n}");export{n as default};
-//# sourceMappingURL=AlertBannerButton.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/AlertBanner/AlertBannerConstants.js

@@ -1,2 +0,0 @@
-var i;!function(i){i.PRIMARY="primary",i.POSITIVE="positive",i.NEGATIVE="negative",i.DARK="dark",i.WARNING="warning"}(i||(i={}));export{i as AlertBannerBackgroundColor};
-//# sourceMappingURL=AlertBannerConstants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerConstants.js","sources":["../../../../src/components/AlertBanner/AlertBannerConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum AlertBannerBackgroundColor {\n  PRIMARY = \"primary\",\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  DARK = \"dark\",\n  WARNING = \"warning\"\n}\n"],"names":["AlertBannerBackgroundColor"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}

package/dist/src/components/AlertBanner/AlertBannerContext.js

@@ -1,2 +0,0 @@
-import r from"react";var t=r.createContext({textColor:"onPrimary"});export{t as AlertBannerContext};
-//# sourceMappingURL=AlertBannerContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerContext.js","sources":["../../../../src/components/AlertBanner/AlertBannerContext.ts"],"sourcesContent":["import React from \"react\";\nimport { TypographyColor } from \"../Typography/Typography.types\";\n\ntype AlertBannerContextType = {\n  textColor: Extract<TypographyColor, \"onPrimary\" | \"onInverted\" | \"fixedDark\">;\n};\n\nexport const AlertBannerContext = React.createContext<AlertBannerContextType>({\n  textColor: \"onPrimary\"\n});\n"],"names":["AlertBannerContext","React","createContext","textColor"],"mappings":"yBAOaA,EAAqBC,EAAMC,cAAsC,CAC5EC,UAAW"}

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as n,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i,{useContext as s}from"react";import o from"../../Link/Link.js";import m from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as l}from"../AlertBannerContext.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=e(d,["marginLeft","id","data-testid"]),u=s(l).textColor,v=r(t({},m.marginLeft,p));return i.createElement("div",{className:v,"data-testid":c||n(a.ALERT_BANNER_LINK,L),id:L},i.createElement(o,Object.assign({},j,{textClassName:r(m.bannerLink,t(t({},m.bannerLinkTextColorOnPrimary,"onPrimary"===u),m.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
-//# sourceMappingURL=AlertBannerLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { FC, useContext } from \"react\";\nimport Link, { LinkProps } from \"../../Link/Link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n  /**\n   * If true, a left margin is applied to the link.\n   */\n  marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n  marginLeft = false,\n  id,\n  \"data-testid\": dataTestId,\n  ...linkProps\n}) => {\n  const { textColor } = useContext(AlertBannerContext);\n  const classNames = cx({\n    [styles.marginLeft]: marginLeft\n  });\n\n  return (\n    <div\n      className={classNames}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n      id={id}\n    >\n      <Link\n        {...linkProps}\n        textClassName={cx(styles.bannerLink, {\n          [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n          [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n        })}\n      />\n    </div>\n  );\n};\n\nObject.assign(AlertBannerLink, {\n  isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"6aAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}

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

@@ -1,2 +0,0 @@
-var n={bannerLink:"bannerLink_a1b8841d94",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_5c7d51823f",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_07850f7dda",marginLeft:"marginLeft_9c452210ce"};!function(n){const e="s_id-59c5b2cdc5e5_3_57_1";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_a1b8841d94 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_5c7d51823f {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_07850f7dda {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_9c452210ce {\n  margin-left: var(--spacing-small);\n}");export{n as default};
-//# sourceMappingURL=AlertBannerLink.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerLink.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import o from"classnames";import s,{useRef as i}from"react";import n from"../../Tooltip/Tooltip.js";import a from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import m from"./AlertBannerText.module.scss.js";var l=function(l){var f=l.text,p=l.marginLeft,d=void 0!==p&&p,u=l.id,c=l["data-testid"],g=i(null),T=o(m.bannerText,e({},m.marginLeft,d)),v=a({ref:g});return s.createElement(n,{position:"bottom",content:v&&f,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},s.createElement("div",{ref:g,className:T,id:u,"data-testid":c||t(r.ALERT_BANNER_TEXT,u)},s.createElement("span",null,f)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
-//# sourceMappingURL=AlertBannerText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerText.js","sources":["../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC, useRef } from \"react\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n  /**\n   * The text content displayed within the alert banner.\n   */\n  text: string;\n  /**\n   * If true, a left margin is applied to the alert banner text.\n   */\n  marginLeft?: boolean;\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({ text, marginLeft = false, id, \"data-testid\": dataTestId }) => {\n  const componentRef = useRef(null);\n  const classNames = cx(styles.bannerText, {\n    [styles.marginLeft]: marginLeft\n  });\n  const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n  return (\n    <Tooltip\n      position=\"bottom\"\n      content={isOverflowing && text}\n      showTrigger={[\"mouseenter\"]}\n      hideTrigger={[\"mouseleave\"]}\n    >\n      <div\n        ref={componentRef}\n        className={classNames}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n      >\n        <span>{text}</span>\n      </div>\n    </Tooltip>\n  );\n};\n\nObject.assign(AlertBannerText, {\n  isAlertBannerItem: true,\n  isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"4XAoBA,IAAMA,EAA4C,SAA7BC,GAA6F,IAA7DC,EAAID,EAAJC,KAAIC,EAAAF,EAAEG,WAAAA,OAAa,IAAHD,GAAQA,EAAEE,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAC3EM,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOP,WAAaA,IAEjBU,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAACC,cAAAC,EACC,CAAAC,SAAS,SACTC,QAASP,GAAiBZ,EAC1BoB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EACEC,cAAA,MAAA,CAAAF,IAAKT,EACLiB,UAAWf,EACXJ,GAAIA,EACS,cAAAC,GAAcmB,EAAUC,EAAuBC,kBAAmBtB,IAE/EY,EAAAC,cAAA,OAAA,KAAOhB,IAIf,EAEA0B,OAAOC,OAAO7B,EAAiB,CAC7B8B,mBAAmB,EACnBC,mBAAmB"}

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

@@ -1,2 +0,0 @@
-var e={bannerText:"bannerText_a38bc27614",marginLeft:"marginLeft_9c452210ce"};!function(e){const n="s_id-35d8b4a93255_3_57_1";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_a38bc27614 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_9c452210ce {\n  margin-left: var(--spacing-small);\n}");export{e as default};
-//# sourceMappingURL=AlertBannerText.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBannerText.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}