npm - @vibe/core - Versions diffs - 4.2.2 → 4.2.3 - Mend

@vibe/core 4.2.2 → 4.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1121) hide show

package/dist/mocked_classnames/interactionsTests.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{regeneratorRuntime as e,createForOfIteratorHelper as t}from"./_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as n}from"./_virtual/_tslib.js";import{userEvent as r,within as o,fireEvent as a}from"@storybook/test";import{waitFor as c}from"@testing-library/react";import{NavigationCommand as i}from"./src/tests/constants.js";import{expect as u}from"@storybook/jest";var s=function(t){return function(r){return n(void 0,[r],void 0,(function(n){var r=n.canvasElement,o=n.args;return e().mark((function n(){var a;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=p(r),e.abrupt("return",t(a,o));case 2:case"end":return e.stop()}}),n)}))()}))}},f=function(t){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r.clear(t);case 1:case"end":return e.stop()}}),n)})))};function v(e){u(" ➡️ ".concat(e)).toBeDefined()}function l(e){var t=e.getBoundingClientRect();return{x:t.left+t.width/2,y:t.top+t.height/2}}var d=function(e){var t=e.toElm,n=e.toCoords,r=e.delta,o=e.from;return n?Object.assign(Object.assign({},o),n):t?l(t):r?{x:o.x+r.x,y:o.y+r.y}:{x:o.x+10,y:o.y+0}};function p(e){if(e instanceof HTMLElement){var t=o(e);if(t instanceof Error)throw t;return t}if(e.getByRole)return e}var x=i,m=function(){return n(void 0,void 0,void 0,e().mark((function t(){var n;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n=document.querySelector("[data-testid=focusTrap]"))){e.next=4;break}return e.next=4,r.click(n);case 4:case"end":return e.stop()}}),t)})))},g=function(r){var o=r.beforeEach,a=void 0===o?null:o,c=r.beforeAll,i=void 0===c?null:c,u=r.skip,f=void 0!==u&&u,l=r.tests,d=r.afterEach,p=void 0===d?null:d,x=r.afterAll,m=void 0===x?null:x;return function(r){return n(void 0,[r],void 0,(function(n){var r=n.canvasElement,o=n.args;return e().mark((function n(){var c,u,d,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!f){e.next=2;break}return e.abrupt("return");case 2:if(!i){e.next=6;break}return v("Before all:"),e.next=6,s(i)({canvasElement:r,args:o});case 6:c=t(l),e.prev=7,c.s();case 9:if((u=c.n()).done){e.next=25;break}if(x=(d=u.value).name,!a){e.next=16;break}return v("Before: ".concat(x)),e.next=16,s(a)({canvasElement:r,args:o});case 16:return v("Running : ".concat(x)),e.next=19,s(d)({canvasElement:r,args:o});case 19:if(!p){e.next=23;break}return v("After: ".concat(x)),e.next=23,s(p)({canvasElement:r,args:o});case 23:e.next=9;break;case 25:e.next=30;break;case 27:e.prev=27,e.t0=e.catch(7),c.e(e.t0);case 30:return e.prev=30,c.f(),e.finish(30);case 33:if(!m){e.next=37;break}return v("After all:"),e.next=37,s(m)({canvasElement:r,args:o});case 37:case"end":return e.stop()}}),n,null,[[7,27,30,33]])}))()}))}},y=function(e,t){return p(e).getByTestId(t)},h=function(e,t){return p(e).getAllByTestId(t)},b=function(e,t){return p(e).getByPlaceholderText(t)},k=function(e,t){return p(e).getAllByPlaceholderText(t)},w=function(e){return document.getElementsByClassName(e)},B=function(e){return document.getElementsByClassName(e)[0]},E=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByRole(t,n)},T=function(e,t){return p(e).getAllByRole(t)},A=function(e,t){return p(e).getByLabelText(t)},C=function(e,t){return p(e).getAllByLabelText(t)},R=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return p(e).getByText(t,n)},j=function(e,t){return p(e).getAllByText(t)},H=function(e){return r.click(e)},P=function(e){return r.hover(e)},O=function(t,o){for(var a=arguments.length,c=Array(a>2?a-2:0),i=2;a>i;i++)c[i-2]=arguments[i];return n(void 0,[t,o].concat(c),void 0,(function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:250;return e().mark((function a(){var c,i;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return c=r.type(t,n,{delay:50}),e.next=3,c;case 3:return i=e.sent,e.next=6,M(o);case 6:return e.abrupt("return",i);case 7:case"end":return e.stop()}}),a)}))()}))},_=function(e){u(document.activeElement).toHaveTextContent(RegExp("^".concat(e,"$")))},I=function(e){u(document.activeElement).toHaveTextContent(e)},L=function(){for(var t=arguments.length,o=Array(t),a=0;t>a;a++)o[a]=arguments[a];return n(void 0,[].concat(o),void 0,(function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:i.TAB,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return e().mark((function o(){var a,c;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=t===i.TAB?r.tab():r.keyboard(t),e.next=3,a;case 3:return c=e.sent,e.next=6,M(n);case 6:return e.abrupt("return",c);case 7:case"end":return e.stop()}}),o)}))()}))};function M(e){return new Promise((function(t){if(!e)return t(void 0);setTimeout(t,e)}))}var N=function(t){return new Promise((function(r){var o;c((function(){return n(void 0,void 0,void 0,e().mark((function n(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:u(o=e.sent).toBeVisible();case 4:case"end":return e.stop()}}),n)})))})).then((function(){r(o)}))}))},D=function(t,o){for(var a=arguments.length,c=Array(a>2?a-2:0),i=2;a>i;i++)c[i-2]=arguments[i];return n(void 0,[t,o].concat(c),void 0,(function(t,n){var o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{delay:70};return e().mark((function a(){return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=t.repeat(n),e.next=3,r.keyboard(t,o);case 3:case"end":return e.stop()}}),a)}))()}))};function X(t,o){return n(this,arguments,void 0,(function(t,n){var o=n.delta,c=void 0===o?void 0:o,i=n.toCoords,u=void 0===i?void 0:i,s=n.toElm,f=void 0===s?void 0:s,v=n.steps,p=void 0===v?20:v,x=n.duration,m=void 0===x?100:x;return e().mark((function n(){var o,i,s,v,x;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:o=l(t),i=d({toElm:f,toCoords:u,delta:c,from:o}),s={x:(i.x-o.x)/p,y:(i.y-o.y)/p},v={clientX:o.x,clientY:o.y},r.hover(t),a.pointerEnter(t,v),a.pointerOver(t,v),a.pointerMove(t,v),a.pointerDown(t,v),x=0;case 10:if(p<=x){e.next=19;break}return v.clientX+=s.x,v.clientY+=s.y,e.next=15,M(m/p);case 15:a.pointerMove(t,v);case 16:x++,e.next=10;break;case 19:a.pointerUp(t,v);case 20:case"end":return e.stop()}}),n)}))()}))}export{x as NavigationCommand,f as clearText,H as clickElement,M as delay,X as drag,_ as expectActiveElementToHaveExactText,I as expectActiveElementToHavePartialText,C as getAllByLabelText,k as getAllByPlaceholderText,T as getAllByRole,h as getAllByTestId,j as getAllByText,w as getByClassName,A as getByLabelText,b as getByPlaceholderText,E as getByRole,y as getByTestId,R as getByText,B as getFirstByClassName,P as hoverElement,g as interactionSuite,L as pressNavigationKey,m as resetFocus,s as testFunctionWrapper,D as typeMultipleTimes,O as typeText,N as waitForElementVisible};
2	+ //# sourceMappingURL=interactionsTests.js.map

package/dist/mocked_classnames/interactionsTests.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"interactionsTests.js","sources":["../../src/tests/interactions-utils.ts"],"sourcesContent":["import { fireEvent, type queries, userEvent, within } from \"@storybook/test\";\nimport { type BoundFunctions, type Screen, type SelectorMatcherOptions, waitFor } from \"@testing-library/react\";\nimport { NavigationCommand as NavigationCommandType } from \"./constants\";\nimport { expect } from \"@storybook/jest\";\n\nexport type Canvas = HTMLElement | BoundFunctions<typeof queries>;\nexport type TestFunction = (canvas: Canvas, args: Record<string, any>) => unknown;\nexport type Coordinates = { x: number; y: number };\n\n// Internal functions\nexport const testFunctionWrapper = (testFunc: TestFunction) => {\n return async ({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => {\n // Starts querying the component from its root element\n const canvas = getWithin(canvasElement);\n return testFunc(canvas, args);\n };\n};\n\nexport const clearText = async (element: HTMLElement) => {\n userEvent.clear(element);\n};\n\nfunction logFunctionStart(name: string) {\n expect(` ➡️ ${name}`).toBeDefined();\n}\n\nfunction getElementClientCenter(element: HTMLElement) {\n const { left, top, width, height } = element.getBoundingClientRect();\n return {\n x: left + width / 2,\n y: top + height / 2\n };\n}\n\nconst getCoords = ({\n toElm,\n toCoords,\n delta,\n from\n}: {\n toElm: HTMLElement;\n toCoords: Coordinates;\n delta: Coordinates;\n from: Coordinates;\n}) => {\n if (toCoords) {\n return { ...from, ...toCoords };\n }\n if (toElm) {\n return getElementClientCenter(toElm);\n }\n if (delta) {\n return {\n x: from.x + delta.x,\n y: from.y + delta.y\n };\n }\n return {\n x: from.x + 10,\n y: from.y + 0\n };\n};\n\nfunction getWithin(canvasOrValidTestElement: HTMLElement | BoundFunctions<typeof queries>) {\n if (canvasOrValidTestElement instanceof HTMLElement) {\n const result = within(canvasOrValidTestElement);\n if (result instanceof Error) {\n throw result;\n }\n return result;\n } else if (canvasOrValidTestElement.getByRole) return canvasOrValidTestElement;\n}\n\n// External constants\nexport const NavigationCommand = NavigationCommandType;\n\n// External functions\nexport const resetFocus = async () => {\n const focusTrap = document.querySelector(\"[data-testid=focusTrap]\");\n if (focusTrap) {\n await userEvent.click(focusTrap as HTMLElement);\n }\n};\n\nexport const interactionSuite =\n ({\n beforeEach = null,\n beforeAll = null,\n skip = false,\n tests,\n afterEach = null,\n afterAll = null\n }: {\n beforeEach?: TestFunction;\n beforeAll?: TestFunction;\n skip?: boolean;\n tests: Array<TestFunction>;\n afterAll?: TestFunction;\n afterEach?: TestFunction;\n }): (({ canvasElement, args }: { canvasElement: Screen; args: Record<string, any> }) => Promise<void>) =>\n async ({ canvasElement, args }) => {\n if (skip) return;\n\n if (beforeAll) {\n logFunctionStart(\"Before all:\");\n await testFunctionWrapper(beforeAll)({ canvasElement, args });\n }\n\n for (const test of tests) {\n const fnName = test.name;\n if (beforeEach) {\n logFunctionStart(`Before: ${fnName}`);\n await testFunctionWrapper(beforeEach)({ canvasElement, args });\n }\n\n logFunctionStart(`Running : ${fnName}`);\n await testFunctionWrapper(test)({ canvasElement, args });\n\n if (afterEach) {\n logFunctionStart(`After: ${fnName}`);\n await testFunctionWrapper(afterEach)({ canvasElement, args });\n }\n }\n\n if (afterAll) {\n logFunctionStart(\"After all:\");\n await testFunctionWrapper(afterAll)({ canvasElement, args });\n }\n };\n\nexport const getByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n return getWithin(rootElement).getByTestId(dataTestId);\n};\n\nexport const getAllByTestId = (rootElement: HTMLElement | BoundFunctions<typeof queries>, dataTestId: string) => {\n return getWithin(rootElement).getAllByTestId(dataTestId);\n};\n\nexport const getByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getByPlaceholderText(text);\n};\n\nexport const getAllByPlaceholderText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getAllByPlaceholderText(text);\n};\n\nexport const getByClassName = (className: string) => {\n return document.getElementsByClassName(className);\n};\n\nexport const getFirstByClassName = (className: string) => {\n return document.getElementsByClassName(className)[0];\n};\n\nexport const getByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string, options = {}) => {\n return getWithin(rootElement).getByRole(role, options);\n};\n\nexport const getAllByRole = (rootElement: HTMLElement | BoundFunctions<typeof queries>, role: string) => {\n return getWithin(rootElement).getAllByRole(role);\n};\n\nexport const getByLabelText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getByLabelText(text);\n};\n\nexport const getAllByLabelText = (rootElement: HTMLElement, text: string) => {\n return getWithin(rootElement).getAllByLabelText(text);\n};\n\nexport const getByText = (\n rootElement: HTMLElement | BoundFunctions<typeof queries>,\n text: string,\n options: SelectorMatcherOptions = {}\n) => {\n return getWithin(rootElement).getByText(text, options);\n};\n\nexport const getAllByText = (rootElement: HTMLElement | BoundFunctions<typeof queries>, text: string) => {\n return getWithin(rootElement).getAllByText(text);\n};\n\nexport const clickElement = (element: HTMLElement) => {\n return userEvent.click(element);\n};\n\nexport const hoverElement = (element: HTMLElement) => {\n return userEvent.hover(element);\n};\n\nexport const typeText = async (element: HTMLElement, text: string, waitForDebounceMs = 250) => {\n const promise = userEvent.type(element, text, {\n delay: 50\n });\n const result = await promise;\n await delay(waitForDebounceMs);\n return result;\n};\n\nexport const expectActiveElementToHaveExactText = (text: string) => {\n expect(document.activeElement).toHaveTextContent(new RegExp(`^${text}$`));\n};\n\nexport const expectActiveElementToHavePartialText = (text: string) => {\n expect(document.activeElement).toHaveTextContent(text);\n};\n\nexport const pressNavigationKey = async (command = NavigationCommandType.TAB, waitForDebounceMs = 0): Promise<any> => {\n const promise = command === NavigationCommandType.TAB ? userEvent.tab() : userEvent.keyboard(command);\n const result = await promise;\n await delay(waitForDebounceMs);\n return result;\n};\n\nexport function delay(timeout: number) {\n return new Promise((resolve: (value: unknown) => void) => {\n if (!timeout) return resolve(undefined);\n setTimeout(resolve, timeout);\n });\n}\n\nexport const waitForElementVisible = (getterFunc: () => HTMLElement) => {\n return new Promise(resolve => {\n let element: HTMLElement;\n waitFor(async () => {\n element = await getterFunc();\n expect(element).toBeVisible();\n }).then(() => {\n resolve(element);\n });\n });\n};\n\nexport const typeMultipleTimes = async (text: string, count: number, options = { delay: 70 }) => {\n text = text.repeat(count);\n await userEvent.keyboard(text, options);\n};\n\nexport async function drag(\n element: HTMLElement,\n {\n delta = undefined,\n toCoords = undefined,\n toElm = undefined,\n steps = 20,\n duration = 100\n }: { delta: Coordinates; toCoords: Coordinates; toElm: HTMLElement; steps: number; duration: number }\n) {\n const from = getElementClientCenter(element);\n const to = getCoords({ toElm, toCoords, delta, from });\n const step = {\n x: (to.x - from.x) / steps,\n y: (to.y - from.y) / steps\n };\n const current = {\n clientX: from.x,\n clientY: from.y\n };\n userEvent.hover(element);\n fireEvent.pointerEnter(element, current);\n fireEvent.pointerOver(element, current);\n fireEvent.pointerMove(element, current);\n fireEvent.pointerDown(element, current);\n for (let i = 0; i < steps; i++) {\n current.clientX += step.x;\n current.clientY += step.y;\n await delay(duration / steps);\n fireEvent.pointerMove(element, current);\n }\n fireEvent.pointerUp(element, current);\n}\n"],"names":["testFunctionWrapper","testFunc","__awaiter","_a","_ref","canvasElement","args","_regeneratorRuntime","mark","_callee","canvas","wrap","_context","prev","next","getWithin","abrupt","stop","clearText","element","_callee2","_context2","userEvent","clear","logFunctionStart","name","expect","concat","toBeDefined","getElementClientCenter","_element$getBoundingC","getBoundingClientRect","x","left","width","y","top","height","getCoords","_ref2","toElm","toCoords","delta","from","Object","assign","canvasOrValidTestElement","HTMLElement","result","within","Error","getByRole","NavigationCommand","NavigationCommandType","resetFocus","_callee3","focusTrap","_context3","document","querySelector","click","interactionSuite","_ref3","_ref3$beforeEach","beforeEach","_ref3$beforeAll","beforeAll","_ref3$skip","skip","tests","_ref3$afterEach","afterEach","_ref3$afterAll","afterAll","_ref4","_callee4","_iterator","_step","test","fnName","_context4","_createForOfIteratorHelper","s","n","done","value","t0","e","f","finish","getByTestId","rootElement","dataTestId","getAllByTestId","getByPlaceholderText","text","getAllByPlaceholderText","getByClassName","className","getElementsByClassName","getFirstByClassName","role","options","arguments","length","undefined","getAllByRole","getByLabelText","getAllByLabelText","getByText","getAllByText","clickElement","hoverElement","hover","typeText","element_1","text_1","_len","args_1","Array","_key","waitForDebounceMs","_callee5","promise","_context5","type","delay","sent","expectActiveElementToHaveExactText","activeElement","toHaveTextContent","RegExp","expectActiveElementToHavePartialText","pressNavigationKey","_len2","command","TAB","_callee6","_context6","tab","keyboard","timeout","Promise","resolve","setTimeout","waitForElementVisible","getterFunc","waitFor","_callee7","_context7","toBeVisible","then","typeMultipleTimes","count_1","_len3","_key3","count","_callee8","_context8","repeat","drag","_ref5","_ref5$delta","_ref5$toCoords","_ref5$toElm","_ref5$steps","steps","_ref5$duration","duration","_callee9","to","step","current","i","_context9","clientX","clientY","fireEvent","pointerEnter","pointerOver","pointerMove","pointerDown","pointerUp"],"mappings":"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"}

package/dist/mocked_classnames/next.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export{default as List}from"./src/components/next/List/List.js";export{default as ListItem}from"./src/components/next/List/ListItem/ListItem.js";export{default as ListTitle}from"./src/components/next/List/ListTitle/ListTitle.js";
2	+ //# sourceMappingURL=next.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type 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":"wYAOA,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,EAEnC,MACEF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAEnB,MAEIL,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"}
1	+ {"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion/Accordion.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, type ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type 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":"wYAOA,IAAMA,EAAe,mBA2BrB,IAAMC,EAAYC,GAChB,SAAAC,EASEC,GACE,IAAAC,EAAAF,EARAG,SAAUC,OAAgB,IAAAF,EAAG,KAAIA,EAAAG,EAAAL,EACjCM,cAAAA,OAAa,IAAAD,GAAQA,EAAAE,EAAAP,EACrB,eAAeQ,OAAU,IAAAD,EAAGV,EAAYU,EAAAE,EAAAT,EACxCU,aAAAA,OAAY,IAAAD,EAAG,GAAEA,EAAAE,EAAAX,EACjBY,UAAAA,OAAS,IAAAD,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,EAAiB,GAAE,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,GAAQ,GACVF,EAAiBI,OAAOF,EAAO,EAEnC,MACEF,EAAiBK,KAAKR,GAExBP,EAAiBU,EAEnB,MAEIL,EAAgBE,GAClBP,EAAiB,IAEjBA,EAAiB,CAACO,GAEtB,GACA,CAACF,EAAiBN,EAAehB,IAG7BiC,EAAsBf,GAAQ,WAClC,OAAOC,EAAMC,SAASc,IAAIrC,GAAU,SAACsC,EAAqBX,GACxD,IA9EeK,EAAeO,EAAuBC,EA8E/CC,EAAaC,OAAAC,OAAA,CAAA,EAAQL,eAAAA,EAAOC,OAC5BK,GA/ESZ,EA+EeL,EA/EuBa,EA+EG9B,GA/E1B6B,EA+EWE,GA9ErC/B,GACD6B,EAAM7B,GAEX8B,EACF,GAAAK,OAAUL,EAAW,WAAAK,OAAUb,GAEjC,GAAAa,OAAUnD,EAAY,WAAAmD,OAAUb,IAyE1B,OAAOV,EAAMwB,aAAaR,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAC1BF,GAAa,CAChB/B,GAAIkC,EACJG,yBAA0B,WACxBlB,EAAaF,EACf,EACAqB,KAAMvB,EAAgBE,GACtBsB,iCAAkCC,EAAGC,EAAOC,4BAA2BC,EAAA,CAAA,EACpEF,EAAOG,gCAAkC3B,IAAc3B,EAASuD,OAAS,MAGhF,GACF,GAAG,CAACvD,EAAUU,EAAIe,EAAiBI,IAEnC,OACEP,EAAAkC,cAAA,MAAA,CACE1D,IAAKe,EACLJ,UAAWyC,EAAGC,EAAOM,UAAWhD,GAAU,cAC7BJ,EAAU,YACZqD,EAAgBC,UAC3BjD,GAAIA,GAEHV,GAAYoC,EAGnB"}

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

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

package/dist/mocked_classnames/src/components/Accordion/AccordionItem/AccordionItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AccordionItem.js","sources":["../../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport ExpandCollapse from \"../../ExpandCollapse/ExpandCollapse\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\nimport { type 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 If true, the click event is handled during the capture phase.\n /\n captureOnClick?: boolean;\n /\n Class name applied to the expand/collapse component.\n */\n expandCollapseComponentClassName?: string;\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":"~~oKAqDMA~~,~~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"}
1	+ {"version":3,"file":"AccordionItem.js","sources":["../../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport ExpandCollapse from \"../../ExpandCollapse/ExpandCollapse\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\nimport { type 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 If true, the click event is handled during the capture phase.\n /\n captureOnClick?: boolean;\n /\n Class name applied to the expand/collapse component.\n */\n expandCollapseComponentClassName?: string;\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":"oKAqDA,IAAMA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAQ,IAAAD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAQ,IAAAD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAY,IAAAD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAU,IAAAD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAc,IAAAD,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,EAAAC,cAACC,EAAc,CACbtB,SAAUA,EACVE,aAAcA,EACdC,GAAE,oBAAAoB,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as r,NOOP as t}from"@vibe/shared";import n from"classnames";import a,{forwardRef as o,useMemo as i}from"react";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{CloseSmall as s}from"@vibe/icons";import{ComponentDefaultTestId as m,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import p from"./AlertBanner.module.scss.js";import{Text as u}from"@vibe/typography/mockedClassNames";import{AlertBannerContext as f}from"./AlertBannerContext.js";var v=o((function(o,v){var b=o.children,B=o.className,y=o.backgroundColor,A=void 0===y?"primary":y,N=o.onClose,E=void 0===N?t:N,k=o["aria-label"],C=void 0===k?"":k,g=o.closeButtonAriaLabel,x=void 0===g?"Close":g,j=o.isCloseHidden,h=void 0!==j&&j,T=o.id,I=o["data-testid"],L=i((function(){return n(B,p.alertBanner,r(p,A))}),[B,A]),P="dark"===A,R="warning"===A,_=i((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=i((function(){return a.Children.toArray(b).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,r){return a.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:r>0,isDarkBackground:P}))}))}),[b,P]);return a.createElement(u,{type:"text2",color:_,ref:v,className:L,role:"banner","aria-label":C||"banner",id:T,"data-testid":I||d(m.ALERT_BANNER,T),"data-vibe":c.ALERT_BANNER},a.createElement(f.Provider,{value:{textColor:_}},a.createElement("div",{className:n(p.content)},D.map((function(r,t){var o=r.type.isAlertBannerText;return a.createElement("div",{key:t,className:n(p.contentItem,e({},p.contentItemText,o))},o?a.createElement("div",{className:n(p.ellipsis)},r):r)})))),a.createElement("div",{className:n(p.closeButtonWrapper)},h?null:a.createElement(l,{"data-testid":"alert-banner-close-button",icon:s,className:n(p.closeBtn),hideTooltip:!0,onClick:E,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color","aria-label":x})))}));export{v as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as r,NOOP as t}from"@vibe/shared";import n from"classnames";import a,{forwardRef as o,useMemo as i}from"react";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{CloseSmall as s}from"@vibe/icons";import{ComponentVibeId as m,ComponentDefaultTestId as c}from"../../tests/constants.js";import{getTestId as d}from"../../../testIds.js";import p from"./AlertBanner.module.scss.js";import{Text as u}from"@vibe/typography/mockedClassNames";import{AlertBannerContext as f}from"./AlertBannerContext.js";var v=o((function(o,v){var b=o.children,B=o.className,y=o.backgroundColor,A=void 0===y?"primary":y,N=o.onClose,E=void 0===N?t:N,k=o["aria-label"],C=void 0===k?"":k,g=o.closeButtonAriaLabel,x=void 0===g?"Close":g,j=o.isCloseHidden,h=void 0!==j&&j,T=o.id,I=o["data-testid"],L=i((function(){return n(B,p.alertBanner,r(p,A))}),[B,A]),P="dark"===A,R="warning"===A,_=i((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=i((function(){return a.Children.toArray(b).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,r){return a.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:r>0,isDarkBackground:P}))}))}),[b,P]);return a.createElement(u,{type:"text2",color:_,ref:v,className:L,role:"banner","aria-label":C||"banner",id:T,"data-testid":I||d(c.ALERT_BANNER,T),"data-vibe":m.ALERT_BANNER},a.createElement(f.Provider,{value:{textColor:_}},a.createElement("div",{className:n(p.content)},D.map((function(r,t){var o=r.type.isAlertBannerText;return a.createElement("div",{key:t,className:n(p.contentItem,e({},p.contentItemText,o))},o?a.createElement("div",{className:n(p.ellipsis)},r):r)})))),a.createElement("div",{className:n(p.closeButtonWrapper)},h?null:a.createElement(l,{"data-testid":"alert-banner-close-button",icon:s,className:n(p.closeBtn),hideTooltip:!0,onClick:E,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color","aria-label":x})))}));export{v as default};
 //# sourceMappingURL=AlertBanner.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle, NOOP } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\n\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\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 \"aria-label\"?: 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 \"aria-label\": 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 data-vibe={ComponentVibeId.ALERT_BANNER}\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 aria-label={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default AlertBanner;\n"],"names":["AlertBanner","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","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind"],"mappings":"~~omBA8CMA~~,~~IAAAA~~,EAAcC,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,EACd,cAAcW,~~OAAY~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAZ,EAC5Ba,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,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,~~SACO~~,~~aAAAnC~~,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,~~EAACwB~~,~~cAAAC~~,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,~~CAAA~~,~~EAC7BvC,~~EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,~~EAAKwB~~,cAAA,MAAA,~~CAAA~~/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,~~EAGxF~~,~~MAIPJ~~,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,~~EAACwB~~,~~cAAAa~~,~~EACa~~,CAAA,~~cAAA~~,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aAAW,EACXC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,~~mBACzC~~,~~aAAAX~~,KAMxB"}
1	+ {"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle, NOOP } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\n\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\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 \"aria-label\"?: 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 \"aria-label\": 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 data-vibe={ComponentVibeId.ALERT_BANNER}\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 aria-label={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default AlertBanner;\n"],"names":["AlertBanner","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","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind"],"mappings":"imBA8CA,IAAMA,EAAcC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAe,IAAAD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAO,IAAAD,EAAGE,EAAIF,EAAAG,EAAAV,EACd,cAAcW,OAAS,IAAAD,EAAG,GAAEA,EAAAE,EAAAZ,EAC5Ba,qBAAAA,OAAoB,IAAAD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAa,IAAAD,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,EAAKS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC1BV,aAAK,EAALA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SAAQ,aACDnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAAAwB,cAACC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,GAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGzF,MAINJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAAAwB,cAACa,EAAU,CAAA,cACG,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aAAW,EACXC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBAAkB,aAC3DX,KAMxB"}

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

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

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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, type ButtonProps } from \"@vibe/button\";\nimport React, { type 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":"~~qXAaA~~,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"}
1	+ {"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, type ButtonProps } from \"@vibe/button\";\nimport React, { type 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":"kXAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAU,IAAAD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAgB,IAAAD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EAAAC,cAAA,MAAA,CACEC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAAAC,cAACK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}

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

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

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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, { type FC, useContext } from \"react\";\nimport Link, { type 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"}
1	+ {"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, { type FC, useContext } from \"react\";\nimport Link, { type 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":"0aAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAGxBD,EAFzBE,WAAAA,OAAU,IAAAD,GAAQA,EAClBE,EACyBH,EADzBG,GACeC,EAAUJ,EAAzB,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EAAAC,cAAA,MAAA,CACEC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAAAC,cAACK,EAAIC,OAAAC,OAAA,CAAA,EACCjB,EAAS,CACbkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}

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

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_2_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 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-b8e9178179b1_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js CHANGED Viewed

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

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"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, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type 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 The aria-live attribute value for the alert banner text.\n */\n ariaLive?: \"polite\" \| \"assertive\" \| \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n text,\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ariaLive\n}) => {\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 aria-live={ariaLive}>{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","ariaLive","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":"~~yXAwBA~~,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,~~OAAa~~,~~IAAHD~~,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,~~EAACC~~,~~cAAAC~~,~~EACC~~,~~CAAAC~~,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,~~EACEC~~,cAAA,MAAA,~~CAAAF~~,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,~~EACS~~,~~cAAAC~~,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}
1	+ {"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, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type 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 The aria-live attribute value for the alert banner text.\n */\n ariaLive?: \"polite\" \| \"assertive\" \| \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n text,\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ariaLive\n}) => {\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 aria-live={ariaLive}>{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","ariaLive","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":"sXAwBA,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,OAAU,IAAAD,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAAAC,cAACC,EAAO,CACNC,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EAAAC,cAAA,MAAA,CACEF,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,EAAE,cACOC,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}

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

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

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

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o}from"react";import i from"classnames";import a from"./layouts/AttentionBoxDefault/AttentionBoxDefault.js";import s from"./layouts/AttentionBoxCompact/AttentionBoxCompact.js";import{resolveAttentionBoxIcon as n}from"./utils/iconUtils.js";import{ComponentDefaultTestId as r,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as m}from"../../tests/testIds.js";import c from"./AttentionBox.module.scss.js";var p=o((function(o,p){var d=o.compact,f=void 0!==d&&d,u=o.title,v=o.animate,B=void 0===v||v,j=o.iconType,A=void 0===j?"svg":j,T=o.type,x=void 0===T?"primary":T,y=o.children,b=o.text,N=o.action,O=o.link,g=o.id,E=o.onClose,C=o.closeButtonAriaLabel,_=o.className,I=o["data-testid"],k="negative"===x?"alert":"status",D=n(o.icon,x),L=y||b,P=i(c.attention,c[x],t({},c.animate,B),_),X={onClose:E,closeButtonAriaLabel:C,action:N,link:O,icon:D,iconType:A,content:L};return e.createElement("div",{ref:p,className:P,role:k,id:g,"data-testid":I||m(r.ATTENTION_BOX,g),"data-vibe":l.ATTENTION_BOX},f?e.createElement(s,Object.assign({},X)):e.createElement(a,Object.assign({title:u},X)))}));export{p as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o}from"react";import i from"classnames";import a from"./layouts/AttentionBoxDefault/AttentionBoxDefault.js";import n from"./layouts/AttentionBoxCompact/AttentionBoxCompact.js";import{resolveAttentionBoxIcon as s}from"./utils/iconUtils.js";import{ComponentVibeId as r,ComponentDefaultTestId as l}from"../../tests/constants.js";import{getTestId as m}from"../../../testIds.js";import c from"./AttentionBox.module.scss.js";var p=o((function(o,p){var d=o.compact,f=void 0!==d&&d,u=o.title,v=o.animate,B=void 0===v||v,j=o.iconType,A=void 0===j?"svg":j,T=o.type,x=void 0===T?"primary":T,y=o.children,b=o.text,N=o.action,O=o.link,g=o.id,E=o.onClose,C=o.closeButtonAriaLabel,_=o.className,I=o["data-testid"],k="negative"===x?"alert":"status",D=s(o.icon,x),L=y||b,P=i(c.attention,c[x],t({},c.animate,B),_),X={onClose:E,closeButtonAriaLabel:C,action:N,link:O,icon:D,iconType:A,content:L};return e.createElement("div",{ref:p,className:P,role:k,id:g,"data-testid":I||m(l.ATTENTION_BOX,g),"data-vibe":r.ATTENTION_BOX},f?e.createElement(n,Object.assign({},X)):e.createElement(a,Object.assign({title:u},X)))}));export{p as default};
 //# sourceMappingURL=AttentionBox.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport type { AttentionBoxProps, AttentionBoxRole } from \"./AttentionBox.types\";\nimport AttentionBoxDefault from \"./layouts/AttentionBoxDefault/AttentionBoxDefault\";\nimport AttentionBoxCompact from \"./layouts/AttentionBoxCompact/AttentionBoxCompact\";\nimport { resolveAttentionBoxIcon } from \"./utils/iconUtils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./AttentionBox.module.scss\";\n\nconst AttentionBox = forwardRef(\n (\n {\n compact = false,\n title,\n animate = true,\n icon,\n iconType = \"svg\",\n type = \"primary\",\n children,\n text,\n action,\n link,\n id,\n onClose,\n closeButtonAriaLabel,\n className,\n \"data-testid\": dataTestId\n }: AttentionBoxProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const role: AttentionBoxRole = type === \"negative\" ? \"alert\" : \"status\";\n const displayIcon = resolveAttentionBoxIcon(icon, type);\n const content = children \|\| text;\n\n const baseClasses = cx(\n styles.attention,\n styles[type],\n {\n [styles.animate]: animate\n },\n className\n );\n\n const layoutSharedProps = {\n onClose,\n closeButtonAriaLabel,\n action,\n link,\n icon: displayIcon,\n iconType,\n content\n };\n\n return (\n <div\n ref={ref}\n className={baseClasses}\n role={role}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {compact ? (\n <AttentionBoxCompact {...layoutSharedProps} />\n ) : (\n <AttentionBoxDefault title={title} {...layoutSharedProps} />\n )}\n </div>\n );\n }\n);\n\nexport default AttentionBox;\n"],"names":["AttentionBox","forwardRef","_ref","ref","_ref$compact","compact","title","_ref$animate","animate","_ref$iconType","iconType","_ref$type","type","children","text","action","link","id","onClose","closeButtonAriaLabel","className","dataTestId","role","displayIcon","resolveAttentionBoxIcon","icon","content","baseClasses","cx","styles","attention","_defineProperty","layoutSharedProps","React","createElement","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","AttentionBoxCompact","Object","assign","AttentionBoxDefault"],"mappings":"~~8gBAUMA~~,~~IAAAA~~,EAAeC,GACnB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,QAAAA,~~OAAU~~,~~IAAHD~~,GAAQA,EACfE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,~~OAAU~~,~~IAAHD~~,GAAOA,EACVE,EAAAP,EACJQ,SAAAA,~~OAAW~~,~~IAAHD~~,EAAG,MAAKA,EAAAE,EAAAT,EAChBU,KAAAA,~~OAAO~~,~~IAAHD~~,EAAG,UAASA,EAChBE,EAAQX,EAARW,SACAC,EAAIZ,EAAJY,KACAC,EAAMb,EAANa,OACAC,EAAId,EAAJc,KACAC,EAAEf,EAAFe,GACAC,EAAOhB,EAAPgB,QACAC,EAAoBjB,EAApBiB,qBACAC,EAASlB,EAATkB,UACeC,EAAUnB,EAAzB,eAIIoB,EAAkC,aAATV,EAAsB,QAAU,SACzDW,EAAcC,EAhBdtB,EAAJuB,KAgBgDb,GAC5Cc,EAAUb,GAAYC,EAEtBa,EAAcC,EAClBC,EAAOC,UACPD,EAAOjB,GAAKmB,KAETF,EAAOrB,QAAUA,GAEpBY,GAGIY,EAAoB,CACxBd,QAAAA,EACAC,qBAAAA,EACAJ,OAAAA,EACAC,KAAAA,EACAS,KAAMF,EACNb,SAAAA,EACAgB,QAAAA,GAGF,OACEO,EAAAC,cAAA,MAAA,CACE/B,IAAKA,EACLiB,UAAWO,EACXL,KAAMA,EACNL,GAAIA,EAAE,cACOI,GAAcc,EAAUC,EAAuBC,cAAepB,~~GAChE~~,~~YAAAqB~~,EAAgBD,eAE1BhC,EACC4B,~~EAACC~~,~~cAAAK~~,~~EAAwBC~~,OAAAC,OAAA,CAAA,~~EAAAT~~,IAEzBC,~~EAACC~~,~~cAAAQ~~,~~EAAoBF~~,OAAAC,OAAA,~~CAAAnC~~,MAAOA,GAAW0B,IAI/C"}
1	+ {"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport type { AttentionBoxProps, AttentionBoxRole } from \"./AttentionBox.types\";\nimport AttentionBoxDefault from \"./layouts/AttentionBoxDefault/AttentionBoxDefault\";\nimport AttentionBoxCompact from \"./layouts/AttentionBoxCompact/AttentionBoxCompact\";\nimport { resolveAttentionBoxIcon } from \"./utils/iconUtils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./AttentionBox.module.scss\";\n\nconst AttentionBox = forwardRef(\n (\n {\n compact = false,\n title,\n animate = true,\n icon,\n iconType = \"svg\",\n type = \"primary\",\n children,\n text,\n action,\n link,\n id,\n onClose,\n closeButtonAriaLabel,\n className,\n \"data-testid\": dataTestId\n }: AttentionBoxProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const role: AttentionBoxRole = type === \"negative\" ? \"alert\" : \"status\";\n const displayIcon = resolveAttentionBoxIcon(icon, type);\n const content = children \|\| text;\n\n const baseClasses = cx(\n styles.attention,\n styles[type],\n {\n [styles.animate]: animate\n },\n className\n );\n\n const layoutSharedProps = {\n onClose,\n closeButtonAriaLabel,\n action,\n link,\n icon: displayIcon,\n iconType,\n content\n };\n\n return (\n <div\n ref={ref}\n className={baseClasses}\n role={role}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {compact ? (\n <AttentionBoxCompact {...layoutSharedProps} />\n ) : (\n <AttentionBoxDefault title={title} {...layoutSharedProps} />\n )}\n </div>\n );\n }\n);\n\nexport default AttentionBox;\n"],"names":["AttentionBox","forwardRef","_ref","ref","_ref$compact","compact","title","_ref$animate","animate","_ref$iconType","iconType","_ref$type","type","children","text","action","link","id","onClose","closeButtonAriaLabel","className","dataTestId","role","displayIcon","resolveAttentionBoxIcon","icon","content","baseClasses","cx","styles","attention","_defineProperty","layoutSharedProps","React","createElement","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","AttentionBoxCompact","Object","assign","AttentionBoxDefault"],"mappings":"2gBAUA,IAAMA,EAAeC,GACnB,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,QAAAA,OAAO,IAAAD,GAAQA,EACfE,EAAKJ,EAALI,MAAKC,EAAAL,EACLM,QAAAA,OAAO,IAAAD,GAAOA,EACVE,EAAAP,EACJQ,SAAAA,OAAQ,IAAAD,EAAG,MAAKA,EAAAE,EAAAT,EAChBU,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAChBE,EAAQX,EAARW,SACAC,EAAIZ,EAAJY,KACAC,EAAMb,EAANa,OACAC,EAAId,EAAJc,KACAC,EAAEf,EAAFe,GACAC,EAAOhB,EAAPgB,QACAC,EAAoBjB,EAApBiB,qBACAC,EAASlB,EAATkB,UACeC,EAAUnB,EAAzB,eAIIoB,EAAkC,aAATV,EAAsB,QAAU,SACzDW,EAAcC,EAhBdtB,EAAJuB,KAgBgDb,GAC5Cc,EAAUb,GAAYC,EAEtBa,EAAcC,EAClBC,EAAOC,UACPD,EAAOjB,GAAKmB,KAETF,EAAOrB,QAAUA,GAEpBY,GAGIY,EAAoB,CACxBd,QAAAA,EACAC,qBAAAA,EACAJ,OAAAA,EACAC,KAAAA,EACAS,KAAMF,EACNb,SAAAA,EACAgB,QAAAA,GAGF,OACEO,EAAAC,cAAA,MAAA,CACE/B,IAAKA,EACLiB,UAAWO,EACXL,KAAMA,EACNL,GAAIA,EAAE,cACOI,GAAcc,EAAUC,EAAuBC,cAAepB,GAAG,YACnEqB,EAAgBD,eAE1BhC,EACC4B,EAAAC,cAACK,EAAmBC,OAAAC,OAAA,CAAA,EAAKT,IAEzBC,EAAAC,cAACQ,EAAmBF,OAAAC,OAAA,CAACnC,MAAOA,GAAW0B,IAI/C"}

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

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

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" \| \"kind\" \| \"color\" \| \"children\"> {\n text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n {text}\n </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"~~wJAOMA~~,~~IAAAA~~,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,~~EAAsBF~~,~~EAAtBE~~,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,~~EAACC~~,~~cAAAC~~,~~EAAOC~~,OAAAC,OAAA,~~CAAAR~~,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}
1	+ {"version":3,"file":"AttentionBoxButton.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxButton/AttentionBoxButton.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\n\nexport interface AttentionBoxButtonProps extends Omit<ButtonProps, \"size\" \| \"kind\" \| \"color\" \| \"children\"> {\n text: string;\n}\n\nconst AttentionBoxButton = forwardRef<HTMLButtonElement, AttentionBoxButtonProps>(({ text, ...buttonProps }, ref) => (\n <Button ref={ref} size=\"small\" kind=\"secondary\" color=\"inverted\" {...buttonProps}>\n {text}\n </Button>\n));\n\nexport default AttentionBoxButton;\n"],"names":["AttentionBoxButton","forwardRef","_a","ref","text","buttonProps","__rest","React","createElement","Button","Object","assign","size","kind","color"],"mappings":"wJAOA,IAAMA,EAAqBC,GAAuD,SAACC,EAA0BC,GAA1B,IAAEC,EAAIF,EAAJE,KAASC,EAAWC,EAAAJ,EAAtB,UAAkC,OACnHK,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAACR,IAAKA,EAAKS,KAAK,QAAQC,KAAK,YAAYC,MAAM,YAAeT,GAClED,EAEJ"}

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n aria-label={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","hideTooltip","className","cx","styles","closeButton"],"mappings":"gNAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,~~EAACC~~,~~cAAAC~~,~~EACC~~,~~CAAAC~~,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QASoB,~~kBARG~~,~~IAAHV~~,EAAG,QAAOA,EAU1BW,~~aACA~~,~~EAAAC~~,UAAWC,EAAGC,EAAOC,YAVhBhB,EAATa,YAaF"}
1	+ {"version":3,"file":"AttentionBoxCloseButton.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport styles from \"./AttentionBoxCloseButton.module.scss\";\n\nexport interface AttentionBoxCloseButtonProps {\n onClose?: (event: React.MouseEvent) => void;\n closeButtonAriaLabel?: string;\n className?: string;\n}\n\nconst AttentionBoxCloseButton = ({\n onClose,\n closeButtonAriaLabel = \"Close\",\n className\n}: AttentionBoxCloseButtonProps) => {\n return (\n <IconButton\n icon={CloseSmall}\n size=\"xs\"\n kind=\"tertiary\"\n onClick={onClose}\n aria-label={closeButtonAriaLabel}\n hideTooltip\n className={cx(styles.closeButton, className)}\n />\n );\n};\n\nexport default AttentionBoxCloseButton;\n"],"names":["AttentionBoxCloseButton","_ref","_ref$closeButtonAriaL","closeButtonAriaLabel","React","createElement","IconButton","icon","CloseSmall","size","kind","onClick","onClose","hideTooltip","className","cx","styles","closeButton"],"mappings":"gNAYA,IAAMA,EAA0B,SAAHC,GAIM,IAH1BC,EAAAD,EACPE,qBAGA,OACEC,EAAAC,cAACC,EAAU,CACTC,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,QATGV,EAAPW,QASoB,kBARA,IAAAV,EAAG,QAAOA,EAU1BW,aAAW,EACXC,UAAWC,EAAGC,EAAOC,YAVhBhB,EAATa,YAaF"}

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

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_2_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton {\n  flex-shrink: 0;\n}\n.closeButton:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton"};!function(e){const t="s_id-979f8aeb619b_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton {\n  flex-shrink: 0;\n}\n.closeButton:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon, type SubIcon, type IconType } from \"@vibe/icon\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n icon?: SubIcon;\n iconType?: IconType;\n className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n return <Icon icon={icon} type={iconType} size={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","type","size","className","cx","styles"],"mappings":"0JAWA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRC,~~UADyB~~,~~IAAHN~~,EAAG,MAAKA,EACdO,KAAM,GAAIC,UAAWC,EAAGC,EAAOL,KADNN,EAATS,YAE3D"}
1	+ {"version":3,"file":"AttentionBoxLeadingIcon.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Icon, type SubIcon, type IconType } from \"@vibe/icon\";\nimport styles from \"./AttentionBoxLeadingIcon.module.scss\";\n\nexport interface AttentionBoxLeadingIconProps {\n icon?: SubIcon;\n iconType?: IconType;\n className?: string;\n}\n\nconst AttentionBoxLeadingIcon = ({ icon, iconType = \"svg\", className }: AttentionBoxLeadingIconProps) => {\n return <Icon icon={icon} type={iconType} size={20} className={cx(styles.icon, className)} />;\n};\n\nexport default AttentionBoxLeadingIcon;\n"],"names":["AttentionBoxLeadingIcon","_ref","_ref$iconType","iconType","React","createElement","Icon","icon","type","size","className","cx","styles"],"mappings":"0JAWA,IAAMA,EAA0B,SAAHC,GAA2E,IAAjEC,EAAAD,EAAEE,SACvC,OAAOC,EAAAC,cAACC,EAAI,CAACC,KADwBN,EAAJM,KACRC,UADsB,IAAAN,EAAG,MAAKA,EACdO,KAAM,GAAIC,UAAWC,EAAGC,EAAOL,KADNN,EAATS,YAE3D"}

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

@@ -1,2 +1,2 @@
-var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_2_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon"};!function(e){const t="s_id-55a80ba34ba3_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link } from \"../../../Link\";\nimport type { LinkProps } from \"../../../Link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"~~iNAQMA~~,~~IAAAA~~,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}
1	+ {"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link } from \"../../../Link\";\nimport type { LinkProps } from \"../../../Link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"iNAQA,IAAMA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}

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

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

package/dist/mocked_classnames/src/components/AttentionBox/consts/icons.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{Info as i,Check as r,Alert as e,Warning as a,Favorite as n}from"@vibe/icons";var o={primary:i,positive:r,negative:e,warning:a,neutral:n};export{o as ATTENTION_BOX_DEFAULT_ICONS};
+import{Favorite as i,Warning as r,Alert as e,Check as a,Info as n}from"@vibe/icons";var o={primary:n,positive:a,negative:e,warning:r,neutral:i};export{o as ATTENTION_BOX_DEFAULT_ICONS};
 //# sourceMappingURL=icons.js.map

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../../src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text } from \"@vibe/typography\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxCompactProps) => {\n const hasActions = !!(action \|\| link);\n\n return (\n <Flex align=\"center\" className={styles.container}>\n <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n <Text type=\"text2\" element={typeof content === \"string\" ? \"p\" : undefined} ellipsis>\n {content}\n </Text>\n </Flex>\n {(hasActions \|\| !!onClose) && (\n <Flex className={styles.actionsGroup}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n </Flex>\n )}\n </Flex>\n );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","undefined","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"2eAYA,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,~~OAAuB~~,~~IAAHD~~,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,~~EAACC~~,~~cAAAS~~,~~EAAwB~~,~~CAAAlB~~,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,~~EAACC~~,~~cAAAY~~,~~EAAK~~,~~CAAAC~~,KAAK,QAAQC,QAA4B,iBAAZjB,EAAuB,SAAMkB,EAAWC,UAAQ,GAChFnB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,~~EAAK~~,~~CAAAE~~,UAAWC,EAAOa,cACrBrB,GAAQG,gBAACmB,EAAgBC,OAAAC,OAAA,CAAA,EAAKxB,~~EAAM~~,~~CAAAyB~~,YAAY,KAChD1B,GAAUI,EAAAC,cAACsB,EAAkBH,OAAAC,OAAA,CAAA,EAAKzB,MAChCH,GAAWO,gBAACwB,EAAuB,CAAC/B,QAASA,EAASE,qBAAsBA,KAKzF"}
1	+ {"version":3,"file":"AttentionBoxCompact.js","sources":["../../../../../../../src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text } from \"@vibe/typography\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxCompact.module.scss\";\nimport type { AttentionBoxLayoutSharedProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxCompactProps = AttentionBoxLayoutSharedProps;\n\nconst AttentionBoxCompact = ({\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxCompactProps) => {\n const hasActions = !!(action \|\| link);\n\n return (\n <Flex align=\"center\" className={styles.container}>\n <Flex gap=\"xs\" flex=\"1\" className={styles.mainContentGroup}>\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.leadingIcon} />}\n <Text type=\"text2\" element={typeof content === \"string\" ? \"p\" : undefined} ellipsis>\n {content}\n </Text>\n </Flex>\n {(hasActions \|\| !!onClose) && (\n <Flex className={styles.actionsGroup}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n {!!onClose && <AttentionBoxCloseButton onClose={onClose} closeButtonAriaLabel={closeButtonAriaLabel} />}\n </Flex>\n )}\n </Flex>\n );\n};\n\nexport default AttentionBoxCompact;\n"],"names":["AttentionBoxCompact","_ref","icon","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","createElement","Flex","align","className","styles","container","gap","flex","mainContentGroup","AttentionBoxLeadingIcon","iconType","leadingIcon","Text","type","element","undefined","ellipsis","actionsGroup","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton","AttentionBoxCloseButton"],"mappings":"2eAYA,IAAMA,EAAsB,SAAHC,GAQM,IAP7BC,EAAID,EAAJC,KAEAC,EAAOF,EAAPE,QAAOC,EAAAH,EACPI,qBAAAA,OAAoB,IAAAD,EAAG,QAAOA,EAC9BE,EAAML,EAANK,OACAC,EAAIN,EAAJM,KACAC,EAAOP,EAAPO,QAEMC,KAAgBH,IAAUC,GAEhC,OACEG,EAAAC,cAACC,EAAI,CAACC,MAAM,SAASC,UAAWC,EAAOC,WACrCN,EAAAC,cAACC,EAAI,CAACK,IAAI,KAAKC,KAAK,IAAIJ,UAAWC,EAAOI,kBACvCjB,GAAQQ,EAAAC,cAACS,EAAuB,CAAClB,KAAMA,EAAMmB,SAZ5CpB,EAARoB,SAYwEP,UAAWC,EAAOO,cACpFZ,EAAAC,cAACY,EAAI,CAACC,KAAK,QAAQC,QAA4B,iBAAZjB,EAAuB,SAAMkB,EAAWC,UAAQ,GAChFnB,KAGHC,KAAgBN,IAChBO,EAAAC,cAACC,EAAI,CAACE,UAAWC,EAAOa,cACrBrB,GAAQG,gBAACmB,EAAgBC,OAAAC,OAAA,CAAA,EAAKxB,EAAI,CAAEyB,YAAY,KAChD1B,GAAUI,EAAAC,cAACsB,EAAkBH,OAAAC,OAAA,CAAA,EAAKzB,MAChCH,GAAWO,gBAACwB,EAAuB,CAAC/B,QAASA,EAASE,qBAAsBA,KAKzF"}

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

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

package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../../src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n title,\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxDefaultProps) => {\n const hasActions = action \|\| link;\n\n return (\n <div\n className={cx(styles.container, {\n [styles.hasIcon]: !!icon,\n [styles.hasTitle]: !!title,\n [styles.hasActions]: hasActions,\n [styles.hasCloseButton]: !!onClose\n })}\n >\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n {title && (\n <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n )}\n\n {!!onClose && (\n <AttentionBoxCloseButton\n onClose={onClose}\n closeButtonAriaLabel={closeButtonAriaLabel}\n className={styles.closeButton}\n />\n )}\n\n <Text\n type=\"text2\"\n className={styles.text}\n ellipsis={false}\n element={typeof content === \"string\" ? \"p\" : undefined}\n >\n {content}\n </Text>\n\n {hasActions && (\n <Flex gap=\"medium\" className={styles.actions}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n </Flex>\n )}\n </div>\n );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","undefined","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"2lBAaA,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,~~OAAuB~~,~~IAAHD~~,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,~~EAC3BF~~,~~CAAAA~~,~~EAAAA~~,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,~~EAACS~~,~~cAAAC~~,~~EAAwB~~,~~CAAAnB~~,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,~~EAACS~~,~~cAAAE~~,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAAAS,cAACE,EAAI,CACHC,KAAK,QACLX,UAAWE,EAAOa,KAClBC,UAAU,EACVC,QAA4B,iBAAZpB,EAAuB,SAAMqB,GAE5CrB,GAGFC,GACCC,~~EAACS~~,~~cAAAW~~,~~EAAK~~,~~CAAAC~~,IAAI,SAASpB,UAAWE,EAAOmB,SAClCzB,GAAQG,gBAACuB,EAAgBC,OAAAC,OAAA,CAAA,EAAK5B,~~EAAM~~,~~CAAA6B~~,YAAY,KAChD9B,GAAUI,~~EAACS~~,~~cAAAkB~~,~~EAAuBH~~,OAAAC,OAAA,CAAA,~~EAAA7B~~,KAK7C"}
1	+ {"version":3,"file":"AttentionBoxDefault.js","sources":["../../../../../../../src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport AttentionBoxButton from \"../../components/AttentionBoxButton/AttentionBoxButton\";\nimport AttentionBoxLink from \"../../components/AttentionBoxLink/AttentionBoxLink\";\nimport AttentionBoxCloseButton from \"../../components/AttentionBoxCloseButton/AttentionBoxCloseButton\";\nimport AttentionBoxLeadingIcon from \"../../components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon\";\nimport styles from \"./AttentionBoxDefault.module.scss\";\nimport type { AttentionBoxLayoutSharedProps, AttentionBoxProps } from \"../../AttentionBox.types\";\n\nexport type AttentionBoxDefaultProps = AttentionBoxLayoutSharedProps & Pick<AttentionBoxProps, \"title\">;\n\nconst AttentionBoxDefault = ({\n title,\n icon,\n iconType,\n onClose,\n closeButtonAriaLabel = \"Close\",\n action,\n link,\n content\n}: AttentionBoxDefaultProps) => {\n const hasActions = action \|\| link;\n\n return (\n <div\n className={cx(styles.container, {\n [styles.hasIcon]: !!icon,\n [styles.hasTitle]: !!title,\n [styles.hasActions]: hasActions,\n [styles.hasCloseButton]: !!onClose\n })}\n >\n {icon && <AttentionBoxLeadingIcon icon={icon} iconType={iconType} className={styles.icon} />}\n\n {title && (\n <Text type=\"text1\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n )}\n\n {!!onClose && (\n <AttentionBoxCloseButton\n onClose={onClose}\n closeButtonAriaLabel={closeButtonAriaLabel}\n className={styles.closeButton}\n />\n )}\n\n <Text\n type=\"text2\"\n className={styles.text}\n ellipsis={false}\n element={typeof content === \"string\" ? \"p\" : undefined}\n >\n {content}\n </Text>\n\n {hasActions && (\n <Flex gap=\"medium\" className={styles.actions}>\n {link && <AttentionBoxLink {...link} inlineText={false} />}\n {action && <AttentionBoxButton {...action} />}\n </Flex>\n )}\n </div>\n );\n};\n\nexport default AttentionBoxDefault;\n"],"names":["AttentionBoxDefault","_ref","title","icon","iconType","onClose","_ref$closeButtonAriaL","closeButtonAriaLabel","action","link","content","hasActions","React","className","cx","styles","container","_defineProperty","hasIcon","hasTitle","hasCloseButton","createElement","AttentionBoxLeadingIcon","Text","type","weight","AttentionBoxCloseButton","closeButton","text","ellipsis","element","undefined","Flex","gap","actions","AttentionBoxLink","Object","assign","inlineText","AttentionBoxButton"],"mappings":"2lBAaA,IAAMA,EAAsB,SAAHC,GASM,IAR7BC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QAAOC,EAAAL,EACPM,qBAAAA,OAAoB,IAAAD,EAAG,QAAOA,EAC9BE,EAAMP,EAANO,OACAC,EAAIR,EAAJQ,KACAC,EAAOT,EAAPS,QAEMC,EAAaH,GAAUC,EAE7B,OACEG,uBACEC,UAAWC,EAAGC,EAAOC,UAASC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3BF,EAAOG,UAAYf,GACnBY,EAAOI,WAAajB,GACpBa,EAAOJ,WAAaA,GACpBI,EAAOK,iBAAmBf,KAG5BF,GAAQS,EAAAS,cAACC,EAAuB,CAACnB,KAAMA,EAAMC,SAAUA,EAAUS,UAAWE,EAAOZ,OAEnFD,GACCU,EAAAS,cAACE,GAAKC,KAAK,QAAQC,OAAO,SAASZ,UAAWE,EAAOb,OAClDA,KAIFG,GACDO,gBAACc,EAAuB,CACtBrB,QAASA,EACTE,qBAAsBA,EACtBM,UAAWE,EAAOY,cAItBf,EAAAS,cAACE,EAAI,CACHC,KAAK,QACLX,UAAWE,EAAOa,KAClBC,UAAU,EACVC,QAA4B,iBAAZpB,EAAuB,SAAMqB,GAE5CrB,GAGFC,GACCC,EAAAS,cAACW,EAAI,CAACC,IAAI,SAASpB,UAAWE,EAAOmB,SAClCzB,GAAQG,gBAACuB,EAAgBC,OAAAC,OAAA,CAAA,EAAK5B,EAAI,CAAE6B,YAAY,KAChD9B,GAAUI,EAAAS,cAACkB,EAAkBH,OAAAC,OAAA,CAAA,EAAK7B,KAK7C"}

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

@@ -1,2 +1,2 @@
-var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_4_2_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container .title {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container .text,\n.container .actions {\n  grid-column: 2/-1;\n}\n.container .text {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container .actions {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n  --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n  --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n  grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n  grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n  grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n  --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n  align-self: start;\n}\n.container:not(.hasTitle) .text {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n  margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_4_2_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container .title {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container .text,\n.container .actions {\n  grid-column: 2/-1;\n}\n.container .text {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container .actions {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n  --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n  --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n  grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n  grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n  grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n  --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n  align-self: start;\n}\n.container:not(.hasTitle) .text {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n  margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as a}from"es-toolkit";import{getStyle as o}from"@vibe/shared";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{getElementColor as d}from"../../types/Colors.js";import m from"./AvatarBadge.js";import b from"./AvatarContent.js";import{Tooltip as u}from"@vibe/tooltip/mockedClassNames";import{ClickableWrapper as p}from"@vibe/clickable/mockedClassNames";import g from"./Avatar.module.scss.js";import{ComponentVibeId as v}from"../../tests/constants.js";var f=function(f){var h=f.id,k=f.type,C=void 0===k?"text":k,j=f.className,E=f.avatarContentWrapperClassName,N=f.textClassName,B=void 0===N?"":N,y=f.size,x=void 0===y?"large":y,A=f.src,P=f.icon,z=f.text,O=f.tooltipProps,T=f["aria-label"],R=f.withoutTooltip,w=void 0!==R&&R,I=f.role,L=f.backgroundColor,q=void 0===L?"chili-blue":L,V=f.square,W=f.disabled,_=f.tabIndex,D=f["aria-hidden"],H=void 0!==D&&D,S=f.topLeftBadgeProps,F=f.topRightBadgeProps,G=f.bottomLeftBadgeProps,J=f.bottomRightBadgeProps,K=f.withoutBorder,M=void 0!==K&&K,Q=f.customSize,U=void 0===Q?null:Q,X=f.customBackgroundColor,Y=void 0===X?null:X,Z=f.onClick,$=f["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:A?{}:{backgroundColor:d(q)}}),[A,q,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),ae=n((function(){if(!w)return O?Object.assign({content:T},O):{content:T}}),[T,O,w]),oe=n((function(){var e=[];return t(S)||e.push(l.createElement("div",{key:"top-left-badge",className:i(g.badge,g.badgeTopLeft)},l.createElement(m,Object.assign({size:x},S)))),t(F)||e.push(l.createElement("div",{key:"top-right-badge",className:i(g.badge,g.badgeTopRight)},l.createElement(m,Object.assign({size:x},F)))),t(G)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(g.badge,g.badgeBottomLeft)},l.createElement(m,Object.assign({size:x},G)))),t(J)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(g.badge,g.badgeBottomRight)},l.createElement(m,Object.assign({size:x},J)))),e.length>0?l.createElement("div",{className:i(g.badges)},e):null}),[x,S,F,G,J]),re=n((function(){return W||!Z&&!(null==ae?void 0:ae.content)?-1:0}),[W,Z,null==ae?void 0:ae.content]),se=null!=_?_:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,h)}),[Z,h]);return l.createElement("div",{id:h,"data-testid":$||r(s.AVATAR,h),className:i(g.avatar,g[x],j),style:te,"data-vibe":v.AVATAR},l.createElement(p,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:-1,className:g.clickableWrapper}},l.createElement(u,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},ae),l.createElement("div",{className:i(g.circle,o(g,a("circle--"+C)),e(e(e({},g.disabled,W),g.square,V),g.withoutBorder,M),E),"aria-hidden":H,tabIndex:se,style:Object.assign({},ee)},l.createElement(b,{type:C,size:x,src:A,icon:P,text:z,"aria-label":T,role:I,textClassName:B})),oe)))};export{f as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as a}from"es-toolkit";import{getStyle as o}from"@vibe/shared";import{getTestId as r,ComponentDefaultTestId as s}from"../../../testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{getElementColor as d}from"../../types/Colors.js";import m from"./AvatarBadge.js";import b from"./AvatarContent.js";import{Tooltip as u}from"@vibe/tooltip/mockedClassNames";import{ClickableWrapper as p}from"@vibe/clickable/mockedClassNames";import g from"./Avatar.module.scss.js";import{ComponentVibeId as v}from"../../tests/constants.js";var f=function(f){var h=f.id,k=f.type,C=void 0===k?"text":k,j=f.className,E=f.avatarContentWrapperClassName,N=f.textClassName,B=void 0===N?"":N,y=f.size,x=void 0===y?"large":y,A=f.src,P=f.icon,z=f.text,O=f.tooltipProps,T=f["aria-label"],R=f.withoutTooltip,w=void 0!==R&&R,I=f.role,L=f.backgroundColor,q=void 0===L?"chili-blue":L,V=f.square,W=f.disabled,_=f.tabIndex,D=f["aria-hidden"],H=void 0!==D&&D,S=f.topLeftBadgeProps,F=f.topRightBadgeProps,G=f.bottomLeftBadgeProps,J=f.bottomRightBadgeProps,K=f.withoutBorder,M=void 0!==K&&K,Q=f.customSize,U=void 0===Q?null:Q,X=f.customBackgroundColor,Y=void 0===X?null:X,Z=f.onClick,$=f["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:A?{}:{backgroundColor:d(q)}}),[A,q,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),ae=n((function(){if(!w)return O?Object.assign({content:T},O):{content:T}}),[T,O,w]),oe=n((function(){var e=[];return t(S)||e.push(l.createElement("div",{key:"top-left-badge",className:i(g.badge,g.badgeTopLeft)},l.createElement(m,Object.assign({size:x},S)))),t(F)||e.push(l.createElement("div",{key:"top-right-badge",className:i(g.badge,g.badgeTopRight)},l.createElement(m,Object.assign({size:x},F)))),t(G)||e.push(l.createElement("div",{key:"bottom-left-badge",className:i(g.badge,g.badgeBottomLeft)},l.createElement(m,Object.assign({size:x},G)))),t(J)||e.push(l.createElement("div",{key:"bottom-right-bade",className:i(g.badge,g.badgeBottomRight)},l.createElement(m,Object.assign({size:x},J)))),e.length>0?l.createElement("div",{className:i(g.badges)},e):null}),[x,S,F,G,J]),re=n((function(){return W||!Z&&!(null==ae?void 0:ae.content)?-1:0}),[W,Z,null==ae?void 0:ae.content]),se=null!=_?_:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,h)}),[Z,h]);return l.createElement("div",{id:h,"data-testid":$||r(s.AVATAR,h),className:i(g.avatar,g[x],j),style:te,"data-vibe":v.AVATAR},l.createElement(p,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:-1,className:g.clickableWrapper}},l.createElement(u,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},ae),l.createElement("div",{className:i(g.circle,o(g,a("circle--"+C)),e(e(e({},g.disabled,W),g.square,V),g.withoutBorder,M),E),"aria-hidden":H,tabIndex:se,style:Object.assign({},ee)},l.createElement(b,{type:C,size:x,src:A,icon:P,text:z,"aria-label":T,role:I,textClassName:B})),oe)))};export{f as default};
 //# sourceMappingURL=Avatar.js.map