npm - @vibe/core - Versions diffs - 3.85.1 → 3.86.0 - Mend

@vibe/core 3.85.1 → 3.86.0

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

Files changed (1656) hide show

package/dist/src/components/FormattedNumber/FormattedNumber.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { type VibeComponentProps, ~~withStaticProps~~ } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n /*\n The numeric value to format.\n /\n value?: number \| string;\n /\n The text displayed before the number.\n /\n prefix?: string;\n /\n The text displayed after the number.\n /\n suffix?: string;\n /\n The text displayed when no value is provided.\n /\n emptyPlaceHolder?: string;\n /\n The number of decimal places to display (0 ~ 20).\n /\n decimalPrecision?: number;\n /\n If true, formats the number into a compact notation.\n /\n compact?: boolean;\n /\n The locale used for formatting (Unicode BCP 47 locale identifier).\n /\n local?: string;\n /\n If true, reverses the order of the prefix and suffix.\n */\n rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n (\n {\n value,\n className,\n local = formatNumberConsts.DEFAULT_LOCAL,\n prefix,\n suffix,\n emptyPlaceHolder = \"N/A\",\n decimalPrecision = 2,\n compact = true,\n rtl,\n id,\n \"data-testid\": dataTestId\n }: FormattedNumberProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const renderSuffix = useMemo(() => {\n if (!suffix) return null;\n\n return <span className={cx(styles.suffix)}>{suffix}</span>;\n }, [suffix]);\n\n const renderPrefix = useMemo(() => {\n if (!prefix) return null;\n\n return <span className={cx(styles.prefix)}>{prefix}</span>;\n }, [prefix]);\n\n const calculatedValue = useMemo(() => {\n return formatNumber(Number(value), {\n local,\n precision: decimalPrecision,\n isCompact: compact\n });\n }, [value, decimalPrecision, local, compact]);\n\n if (validateValue(value)) {\n return <span>{emptyPlaceHolder}</span>;\n }\n\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n >\n {rtl ? renderSuffix : renderPrefix}\n <span>{calculatedValue}</span>\n {rtl ? renderPrefix : renderSuffix}\n </div>\n );\n }\n);\n\~~ninterface FormattedNumberStaticProps {\n formatNumber: typeof formatNumber;\n localFallBack: string;\n}\n\~~nexport default ~~withStaticProps<FormattedNumberProps, FormattedNumberStaticProps>(~~FormattedNumber~~, {\n formatNumber: formatNumber,\n localFallBack: formatNumberConsts.DEFAULT_LOCAL\n})~~;\n"],"names":["~~withStaticProps~~","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER"~~,"localFallBack"~~],"mappings":"~~0cA2CA~~,~~IA6DeA~~,~~EAAAA~~,~~EA7DSC,~~GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B~~,IAQgG,CAChGQ,aAAcA,EACdQ,cAAe7B,EAAmBC~~"}
1	+ {"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n /*\n The numeric value to format.\n /\n value?: number \| string;\n /\n The text displayed before the number.\n /\n prefix?: string;\n /\n The text displayed after the number.\n /\n suffix?: string;\n /\n The text displayed when no value is provided.\n /\n emptyPlaceHolder?: string;\n /\n The number of decimal places to display (0 ~ 20).\n /\n decimalPrecision?: number;\n /\n If true, formats the number into a compact notation.\n /\n compact?: boolean;\n /\n The locale used for formatting (Unicode BCP 47 locale identifier).\n /\n local?: string;\n /\n If true, reverses the order of the prefix and suffix.\n */\n rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n (\n {\n value,\n className,\n local = formatNumberConsts.DEFAULT_LOCAL,\n prefix,\n suffix,\n emptyPlaceHolder = \"N/A\",\n decimalPrecision = 2,\n compact = true,\n rtl,\n id,\n \"data-testid\": dataTestId\n }: FormattedNumberProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const renderSuffix = useMemo(() => {\n if (!suffix) return null;\n\n return <span className={cx(styles.suffix)}>{suffix}</span>;\n }, [suffix]);\n\n const renderPrefix = useMemo(() => {\n if (!prefix) return null;\n\n return <span className={cx(styles.prefix)}>{prefix}</span>;\n }, [prefix]);\n\n const calculatedValue = useMemo(() => {\n return formatNumber(Number(value), {\n local,\n precision: decimalPrecision,\n isCompact: compact\n });\n }, [value, decimalPrecision, local, compact]);\n\n if (validateValue(value)) {\n return <span>{emptyPlaceHolder}</span>;\n }\n\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n >\n {rtl ? renderSuffix : renderPrefix}\n <span>{calculatedValue}</span>\n {rtl ? renderPrefix : renderSuffix}\n </div>\n );\n }\n);\n\nexport default FormattedNumber;\n"],"names":["FormattedNumber","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER"],"mappings":"kWA2CMA,IAAAA,EAAkBC,GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B"}

package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_8fdab8ef82",prefix:"prefix_380bde845c",suffix:"suffix_380bde845c"};!function(e){const n="s_id-d821b20045aa_3_85_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_8fdab8ef82 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_380bde845c {\n  white-space: pre;\n}\n.suffix_380bde845c {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_44321cc1d9",prefix:"prefix_baba460137",suffix:"suffix_baba460137"};!function(e){const n="s_id-d821b20045aa_3_85_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_44321cc1d9 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_baba460137 {\n  white-space: pre;\n}\n.suffix_baba460137 {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/src/components/HiddenText/HiddenText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_5f79c7add3"};!function(e){const t="s_id-5ac012179a41_3_85_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_5f79c7add3 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_168fe50449"};!function(e){const t="s_id-5ac012179a41_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper_168fe50449 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/src/components/Info/Info.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as n,useCallback as a}from"react";import"../../../_virtual/_tslib.js";import"classnames";import"../Link/Link.js";import"./components/InfoLink/InfoLink.module.scss.js";import r from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as s,ComponentVibeId as l}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import c from"../../hooks/useMergeRef.js";import m from"../../../components/dialog/dist/Dialog/Dialog.js";import u from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/Info.js";var f=e((function(e,f){var g=e.id,b=e.className,v=e.title,k=e.body,j=e.link,y=e["aria-label"],D=e["aria-labelledby"],I=e.position,h=void 0===I?"bottom-start":I,B=e.disabled,L=void 0!==B&&B,N=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,T=e.dialogClassName,C=e.containerSelector,S=e["data-testid"],_=t(null),w=c(f,_),x=t(null),F=t(null),A=n(!1),O=o(A,2),P=O[0],R=O[1],q=g?"".concat(g,"-dialog"):void 0,z=a((function(){R(!0),null==N||N(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[N]),M=a((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=_.current)||void 0===i||i.focus())}),[E]);return i.createElement(m,{ref:x,id:q,disable:L,position:h,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:C,content:i.createElement(r,{ref:F,id:q,title:v,body:k,link:j,className:T}),hideWhenReferenceHidden:!0},i.createElement(u,{ref:w,id:g,className:b,icon:p,size:"xs",kind:"tertiary",active:P,disabled:L,ariaLabel:y,ariaLabeledBy:D,ariaControls:q,ariaHasPopup:"dialog",ariaExpanded:P,"data-testid":S||d(s.INFO,g),"data-vibe":l.INFO,hideTooltip:H}))}));export{f as default};
+import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as e,useRef as t,useState as n,useCallback as a}from"react";import"../../../_virtual/_tslib.js";import"classnames";import{getTestId as r}from"../../tests/testIds.js";import"es-toolkit";import"../Link/Link.module.scss.js";import{ComponentDefaultTestId as s,ComponentVibeId as l}from"../../tests/constants.js";import"./components/InfoLink/InfoLink.module.scss.js";import d from"./components/InfoDialogContent/InfoDialogContent.js";import c from"../../hooks/useMergeRef.js";import m from"../../../components/dialog/dist/Dialog/Dialog.js";import u from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/Info.js";var f=e((function(e,f){var g=e.id,b=e.className,k=e.title,v=e.body,j=e.link,y=e["aria-label"],D=e["aria-labelledby"],I=e.position,h=void 0===I?"bottom-start":I,B=e.disabled,L=void 0!==B&&B,N=e.onDialogShow,E=e.onDialogHide,H=e.hideButtonTooltip,T=e.dialogClassName,C=e.containerSelector,S=e["data-testid"],_=t(null),w=c(f,_),x=t(null),F=t(null),A=n(!1),O=o(A,2),P=O[0],R=O[1],q=g?"".concat(g,"-dialog"):void 0,z=a((function(){R(!0),null==N||N(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[N]),M=a((function(o){var i;R(!1),null==E||E(),"Escape"===o.key&&(null===(i=_.current)||void 0===i||i.focus())}),[E]);return i.createElement(m,{ref:x,id:q,disable:L,position:h,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:C,content:i.createElement(d,{ref:F,id:q,title:k,body:v,link:j,className:T}),hideWhenReferenceHidden:!0},i.createElement(u,{ref:w,id:g,className:b,icon:p,size:"xs",kind:"tertiary",active:P,disabled:L,ariaLabel:y,ariaLabeledBy:D,ariaControls:q,ariaHasPopup:"dialog",ariaExpanded:P,"data-testid":S||r(s.INFO,g),"data-vibe":l.INFO,hideTooltip:H}))}));export{f as default};
 //# sourceMappingURL=Info.js.map

package/dist/src/components/Info/Info.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Info.js","sources":["../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Dialog, type DialogEvent } from \"@vibe/dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\n\nconst Info = forwardRef(\n (\n {\n id,\n className,\n title,\n body,\n link,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n position = \"bottom-start\",\n disabled = false,\n onDialogShow,\n onDialogHide,\n hideButtonTooltip,\n dialogClassName,\n containerSelector,\n \"data-testid\": dataTestId\n }: InfoProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const iconButtonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, iconButtonRef);\n const dialogRef = useRef<Dialog>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n\n const [isOpen, setIsOpen] = useState(false);\n\n const dialogId = id ? `${id}-dialog` : undefined;\n\n const handleDialogShow = useCallback(() => {\n setIsOpen(true);\n onDialogShow?.();\n requestAnimationFrame(() => {\n dialogContentRef.current?.focus();\n });\n }, [onDialogShow]);\n\n const handleDialogHide = useCallback(\n (e: DialogEvent) => {\n setIsOpen(false);\n onDialogHide?.();\n if ((e as React.KeyboardEvent).key === \"Escape\") {\n iconButtonRef.current?.focus();\n }\n },\n [onDialogHide]\n );\n\n return (\n <Dialog\n ref={dialogRef}\n id={dialogId}\n disable={disabled}\n position={position}\n moveBy={{ main: 4, secondary: 0 }}\n showTrigger={[\"click\"]}\n hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n onDialogDidShow={handleDialogShow}\n onDialogDidHide={handleDialogHide}\n containerSelector={containerSelector}\n content={\n <InfoDialogContent\n ref={dialogContentRef}\n id={dialogId}\n title={title}\n body={body}\n link={link}\n className={dialogClassName}\n />\n }\n hideWhenReferenceHidden\n >\n <IconButton\n ref={mergedRef}\n id={id}\n className={className}\n icon={InfoIcon}\n size=\"xs\"\n kind=\"tertiary\"\n active={isOpen}\n disabled={disabled}\n ariaLabel={ariaLabel}\n ariaLabeledBy={ariaLabelledby}\n ariaControls={dialogId}\n ariaHasPopup=\"dialog\"\n ariaExpanded={isOpen}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INFO, id)}\n data-vibe={ComponentVibeId.INFO}\n hideTooltip={hideButtonTooltip}\n />\n </Dialog>\n );\n }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","ariaLabeledBy","ariaControls","ariaHasPopup","ariaExpanded","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"~~0tBAUMA~~,IAAAA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAYH,EAAe,MAC3BI,EAAmBJ,EAAuB,MAEhDK,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW7B,EAAE,GAAA8B,OAAM9B,kBAAc+B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVjB,SAAAA,IACAuB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAAC1B,IAEE2B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVhB,SAAAA,IACuC,WAAlC2B,EAA0BC,MACN,QAAvBL,EAAAlB,EAAcmB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACzB,IAGH,OACE6B,EAACC,cAAAC,GACC5C,IAAKsB,EACLrB,GAAI6B,EACJe,QAASlC,EACTF,SAAUA,EACVqC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBvB,kBAAmBA,EACnBqC,QACEX,gBAACY,EAAiB,CAChBtD,IAAKuB,EACLtB,GAAI6B,EACJ3B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfwC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTxD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXuD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRjB,SAAUA,EACVL,UAAWA,EACXwD,cAAevD,EACfwD,aAAcjC,EACdkC,aAAa,SACbC,aAAcrC,EAAM,cACPX,GAAciD,EAAUC,EAAuBC,KAAMnE,eACvDoE,EAAgBD,KAC3BE,YAAaxD,IAIrB"}
1	+ {"version":3,"file":"Info.js","sources":["../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Dialog, type DialogEvent } from \"@vibe/dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\n\nconst Info = forwardRef(\n (\n {\n id,\n className,\n title,\n body,\n link,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledby,\n position = \"bottom-start\",\n disabled = false,\n onDialogShow,\n onDialogHide,\n hideButtonTooltip,\n dialogClassName,\n containerSelector,\n \"data-testid\": dataTestId\n }: InfoProps,\n ref: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const iconButtonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, iconButtonRef);\n const dialogRef = useRef<Dialog>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n\n const [isOpen, setIsOpen] = useState(false);\n\n const dialogId = id ? `${id}-dialog` : undefined;\n\n const handleDialogShow = useCallback(() => {\n setIsOpen(true);\n onDialogShow?.();\n requestAnimationFrame(() => {\n dialogContentRef.current?.focus();\n });\n }, [onDialogShow]);\n\n const handleDialogHide = useCallback(\n (e: DialogEvent) => {\n setIsOpen(false);\n onDialogHide?.();\n if ((e as React.KeyboardEvent).key === \"Escape\") {\n iconButtonRef.current?.focus();\n }\n },\n [onDialogHide]\n );\n\n return (\n <Dialog\n ref={dialogRef}\n id={dialogId}\n disable={disabled}\n position={position}\n moveBy={{ main: 4, secondary: 0 }}\n showTrigger={[\"click\"]}\n hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n onDialogDidShow={handleDialogShow}\n onDialogDidHide={handleDialogHide}\n containerSelector={containerSelector}\n content={\n <InfoDialogContent\n ref={dialogContentRef}\n id={dialogId}\n title={title}\n body={body}\n link={link}\n className={dialogClassName}\n />\n }\n hideWhenReferenceHidden\n >\n <IconButton\n ref={mergedRef}\n id={id}\n className={className}\n icon={InfoIcon}\n size=\"xs\"\n kind=\"tertiary\"\n active={isOpen}\n disabled={disabled}\n ariaLabel={ariaLabel}\n ariaLabeledBy={ariaLabelledby}\n ariaControls={dialogId}\n ariaHasPopup=\"dialog\"\n ariaExpanded={isOpen}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.INFO, id)}\n data-vibe={ComponentVibeId.INFO}\n hideTooltip={hideButtonTooltip}\n />\n </Dialog>\n );\n }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","ariaLabeledBy","ariaControls","ariaHasPopup","ariaExpanded","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"yvBAUMA,IAAAA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAYH,EAAe,MAC3BI,EAAmBJ,EAAuB,MAEhDK,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW7B,EAAE,GAAA8B,OAAM9B,kBAAc+B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVjB,SAAAA,IACAuB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAAC1B,IAEE2B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVhB,SAAAA,IACuC,WAAlC2B,EAA0BC,MACN,QAAvBL,EAAAlB,EAAcmB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACzB,IAGH,OACE6B,EAACC,cAAAC,GACC5C,IAAKsB,EACLrB,GAAI6B,EACJe,QAASlC,EACTF,SAAUA,EACVqC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBvB,kBAAmBA,EACnBqC,QACEX,gBAACY,EAAiB,CAChBtD,IAAKuB,EACLtB,GAAI6B,EACJ3B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfwC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTxD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXuD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRjB,SAAUA,EACVL,UAAWA,EACXwD,cAAevD,EACfwD,aAAcjC,EACdkC,aAAa,SACbC,aAAcrC,EAAM,cACPX,GAAciD,EAAUC,EAAuBC,KAAMnE,eACvDoE,EAAgBD,KAC3BE,YAAaxD,IAIrB"}

package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_fe4db00501",link:"link_7a79503ea8"};!function(e){const t="s_id-646297cad054_3_85_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_fe4db00501 {\n  max-width: 240px;\n}\n.contentWrapper_fe4db00501 .link_7a79503ea8 {\n  margin-top: var(--space-4);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_fd26d1012c",link:"link_1ee2b18269"};!function(e){const t="s_id-646297cad054_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_fd26d1012c {\n  max-width: 240px;\n}\n.contentWrapper_fd26d1012c .link_1ee2b18269 {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=InfoDialogContent.module.scss.js.map

package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js CHANGED Viewed

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

package/dist/src/components/InfoText/InfoText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infoText:"infoText_6d708242db",error:"error_a277eff253",success:"success_78b09e4a9c",disabled:"disabled_7ecc61dda5",readOnly:"readOnly_6d708242db"};!function(e){const d="s_id-05a2b3ab5fae_3_85_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".infoText_6d708242db {\n  color: var(--secondary-text-color);\n}\n.infoText_6d708242db.error_a277eff253 {\n  color: var(--negative-color);\n}\n.infoText_6d708242db.success_78b09e4a9c {\n  color: var(--positive-color);\n}\n.infoText_6d708242db.disabled_7ecc61dda5 {\n  color: var(--disabled-text-color);\n}\n.infoText_6d708242db.readOnly_6d708242db {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={infoText:"infoText_e0aacd0d5a",error:"error_8507403d4d",success:"success_90eebcb139",disabled:"disabled_5e10ab53ec",readOnly:"readOnly_e0aacd0d5a"};!function(e){const a="s_id-05a2b3ab5fae_3_85_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".infoText_e0aacd0d5a {\n  color: var(--secondary-text-color);\n}\n.infoText_e0aacd0d5a.error_8507403d4d {\n  color: var(--negative-color);\n}\n.infoText_e0aacd0d5a.success_90eebcb139 {\n  color: var(--positive-color);\n}\n.infoText_e0aacd0d5a.disabled_5e10ab53ec {\n  color: var(--disabled-text-color);\n}\n.infoText_e0aacd0d5a.readOnly_e0aacd0d5a {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=InfoText.module.scss.js.map

package/dist/src/components/Label/Label.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"./Leg.js";import{LabelAllowedColor as b,LabelKind as v,mapSizesToTextSize as j}from"./LabelConstants.js";import{contentColors as k}from"../../utils/colors-vars-map.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import E from"../../hooks/useMergeRef.js";import L from"./Label.module.scss.js";import g from"./LabelCelebrationAnimation.js";import{ComponentVibeId as C}from"../../tests/constants.js";import x from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import P from"../../../components/typography/dist/Text/Text.js";var h=y(n((function(n,b){var v=n.className,y=n.labelClassName,h=n.kind,A=void 0===h?"fill":h,N=n.color,H=void 0===N?"primary":N,T=n.text,B=void 0===T?"":T,I=n.isLegIncluded,w=void 0!==I&&I,M=n.id,W=n["data-testid"],_=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),S=E(b,R),q=c(z),F=e(q,2),G=F[0],J=F[1],K=!!_,Q=p((function(){return o(L.label,l(L,r("kind-"+A)),l(L,r("color-"+H)),t(t(t({},L.withLeg,w),L.clickable,K),L.small,"small"===O),y)}),[A,H,w,y,K,O]),U=p((function(){if(k.includes(H))return"line"===A?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,A]),V=d((function(e){_&&(e.preventDefault(),_(e))}),[_]),X=x({onClick:V,id:M,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);u((function(){J(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},K&&X,{className:o(t({},L.clickableWrapper,K),v),"data-testid":W||a(s.LABEL,M),"data-vibe":C.LABEL,ref:S}),i.createElement(P,{style:U,element:"span",type:j[O],className:Q,color:"dark"===H?"onInverted":"onPrimary","data-celebration-text":G},i.createElement(P,{element:"span",type:j[O],color:"inherit",className:o(t({},L.smallText,"small"===O))},B),i.createElement("span",{className:o(L.legWrapper)},w?i.createElement(f,null):null)))}),[K,X,v,W,M,S,Q,G,B,w,O,U,H]);return G&&"line"===A?i.createElement(g,{onAnimationEnd:function(){return J(!1)}},Y):Y})),{colors:b,kinds:v});export{h as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"./Leg.js";import{contentColors as b}from"../../utils/colors-vars-map.js";import v from"../../hooks/useMergeRef.js";import j from"./Label.module.scss.js";import k from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as y}from"./LabelConstants.js";import{ComponentVibeId as E}from"../../tests/constants.js";import L from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import g from"../../../components/typography/dist/Text/Text.js";var C=n((function(n,C){var x=n.className,A=n.labelClassName,N=n.kind,P=void 0===N?"fill":N,h=n.color,H=void 0===h?"primary":h,T=n.text,B=void 0===T?"":T,I=n.isLegIncluded,M=void 0!==I&&I,W=n.id,_=n["data-testid"],w=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),q=v(C,R),F=c(z),G=e(F,2),J=G[0],K=G[1],Q=!!w,S=p((function(){return o(j.label,s(j,r("kind-"+P)),s(j,r("color-"+H)),t(t(t({},j.withLeg,M),j.clickable,Q),j.small,"small"===O),A)}),[P,H,M,A,Q,O]),U=p((function(){if(b.includes(H))return"line"===P?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,P]),V=d((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=L({onClick:V,id:W,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);u((function(){K(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},Q&&X,{className:o(t({},j.clickableWrapper,Q),x),"data-testid":_||a(l.LABEL,W),"data-vibe":E.LABEL,ref:q}),i.createElement(g,{style:U,element:"span",type:y[O],className:S,color:"dark"===H?"onInverted":"onPrimary","data-celebration-text":J},i.createElement(g,{element:"span",type:y[O],color:"inherit",className:o(t({},j.smallText,"small"===O))},B),i.createElement("span",{className:o(j.legWrapper)},M?i.createElement(f,null):null)))}),[Q,X,x,_,W,q,S,J,B,M,O,U,H]);return J&&"line"===P?i.createElement(k,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{C as default};
 //# sourceMappingURL=Label.js.map

package/dist/src/components/Label/Label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { ~~LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport {~~ type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, ~~withStaticProps~~ } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color={color === \"dark\" ? \"onInverted\" : \"onPrimary\"}\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle,\n color\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\~~ninterface LabelStaticProps {\n colors: typeof LabelColorEnum;\n kinds: typeof LabelKindEnum;\n}\n\~~nexport default ~~withStaticProps<LabelProps, LabelStaticProps>(~~Label~~, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n})~~;\n"],"names":["~~withStaticProps~~","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd"~~,"colors","LabelColorEnum","kinds","LabelKindEnum"~~],"mappings":"~~++BAqDA~~,~~IAwIeA~~,~~EAAAA~~,~~EAxIDC,~~GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,EAAAC,cAACQ,EAAI,CACHC,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,MAAiB,SAAVA,EAAmB,aAAe,oCAClBmB,GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAjC,IAIF,OAAImB,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT~~,IAQkE,CAClEyC,OAAQC,EACRC,MAAOC~~"}
1	+ {"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { mapSizesToTextSize } from \"./LabelConstants\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /*\n Class name applied to the inner text wrapper.\n /\n labelClassName?: string;\n /\n The visual style of the label.\n /\n kind?: LabelKind;\n /\n The background color of the label.\n /\n color?: LabelColor;\n /\n The text content of the label.\n /\n text?: string;\n /\n If true, includes a leg (decorative extension).\n /\n isLegIncluded?: boolean;\n /\n Callback fired when the label is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /\n If true, triggers a celebration animation.\n /\n celebrationAnimation?: boolean;\n /\n The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color={color === \"dark\" ? \"onInverted\" : \"onPrimary\"}\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle,\n color\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd"],"mappings":"w4BAqDMA,IAAAA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,EAAAC,cAACQ,EAAI,CACHC,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,MAAiB,SAAVA,EAAmB,aAAe,oCAClBmB,GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAjC,IAIF,OAAImB,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT"}

package/dist/src/components/Label/Label.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickableWrapper:"clickableWrapper_d280d6a561","focus-visible":"focus-visible_78325e2d7b",label:"label_b714bee26a",small:"small_cc109ef83a",withLeg:"withLeg_e6f70358b2",legWrapper:"legWrapper_d33bc7025d",kindFill:"kindFill_d6d6868879",colorPrimary:"colorPrimary_d28d2e9586",clickable:"clickable_6efee81caf",colorDark:"colorDark_b5a7189b1d",colorNegative:"colorNegative_cea4297054",colorPositive:"colorPositive_39dadcdfc9",kindLine:"kindLine_76fa927e70",smallText:"smallText_417174f857"};!function(e){const n="s_id-642067f9ceae_3_85_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_d280d6a561 {\n  cursor: pointer;\n}\n.clickableWrapper_d280d6a561:focus-visible, .clickableWrapper_d280d6a561.focus-visible_78325e2d7b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_d280d6a561:focus:not(.focus-visible_78325e2d7b) {\n  outline: none;\n}\n.clickableWrapper_d280d6a561:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_b714bee26a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_b714bee26a.small_cc109ef83a {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_e6f70358b2 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_d33bc7025d {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_d6d6868879.colorPrimary_d28d2e9586 {\n  background-color: var(--primary-color);\n}\n.kindFill_d6d6868879.colorPrimary_d28d2e9586 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_d6d6868879.colorPrimary_d28d2e9586.clickable_6efee81caf:hover, .kindFill_d6d6868879.colorPrimary_d28d2e9586.clickable_6efee81caf:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_d6d6868879.colorDark_b5a7189b1d {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_d6d6868879.colorDark_b5a7189b1d svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_d6d6868879.colorNegative_cea4297054 {\n  background-color: var(--negative-color);\n}\n.kindFill_d6d6868879.colorNegative_cea4297054 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_d6d6868879.colorNegative_cea4297054.clickable_6efee81caf:hover, .kindFill_d6d6868879.colorNegative_cea4297054.clickable_6efee81caf:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_d6d6868879.colorPositive_39dadcdfc9 {\n  background-color: var(--positive-color);\n}\n.kindFill_d6d6868879.colorPositive_39dadcdfc9 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_d6d6868879.colorPositive_39dadcdfc9.clickable_6efee81caf:hover, .kindFill_d6d6868879.colorPositive_39dadcdfc9.clickable_6efee81caf:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_76fa927e70 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_76fa927e70 .legWrapper_d33bc7025d {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_76fa927e70.colorPrimary_d28d2e9586 {\n  color: var(--primary-color);\n}\n.kindLine_76fa927e70.colorPrimary_d28d2e9586 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_76fa927e70.colorPrimary_d28d2e9586.clickable_6efee81caf:hover, .kindLine_76fa927e70.colorPrimary_d28d2e9586.clickable_6efee81caf:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_76fa927e70.colorDark_b5a7189b1d {\n  color: var(--inverted-color-background);\n}\n.kindLine_76fa927e70.colorDark_b5a7189b1d svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_76fa927e70.colorDark_b5a7189b1d.clickable_6efee81caf:hover, .kindLine_76fa927e70.colorDark_b5a7189b1d.clickable_6efee81caf:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_76fa927e70.colorNegative_cea4297054 {\n  color: var(--negative-color);\n}\n.kindLine_76fa927e70.colorNegative_cea4297054 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_76fa927e70.colorNegative_cea4297054.clickable_6efee81caf:hover, .kindLine_76fa927e70.colorNegative_cea4297054.clickable_6efee81caf:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_76fa927e70.colorPositive_39dadcdfc9 {\n  color: var(--positive-color);\n}\n.kindLine_76fa927e70.colorPositive_39dadcdfc9 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_76fa927e70.colorPositive_39dadcdfc9.clickable_6efee81caf:hover, .kindLine_76fa927e70.colorPositive_39dadcdfc9.clickable_6efee81caf:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_76fa927e70 .smallText_417174f857 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickableWrapper:"clickableWrapper_4fafe720c9","focus-visible":"focus-visible_17d22ae837",label:"label_a4b7cd71ba",small:"small_45a7802c52",withLeg:"withLeg_c3ac5b20ba",legWrapper:"legWrapper_34f1130319",kindFill:"kindFill_7ef5ea2aae",colorPrimary:"colorPrimary_20be3c4026",clickable:"clickable_528a33f64e",colorDark:"colorDark_318cb49008",colorNegative:"colorNegative_0cd2437284",colorPositive:"colorPositive_a75bb7d7d2",kindLine:"kindLine_3b9f7b2b72",smallText:"smallText_d0976bbb86"};!function(e){const a="s_id-642067f9ceae_3_85_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_4fafe720c9 {\n  cursor: pointer;\n}\n.clickableWrapper_4fafe720c9:focus-visible, .clickableWrapper_4fafe720c9.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_4fafe720c9:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.clickableWrapper_4fafe720c9:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_a4b7cd71ba {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_a4b7cd71ba.small_45a7802c52 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_c3ac5b20ba {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_34f1130319 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_7ef5ea2aae.colorPrimary_20be3c4026 {\n  background-color: var(--primary-color);\n}\n.kindFill_7ef5ea2aae.colorPrimary_20be3c4026 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_7ef5ea2aae.colorPrimary_20be3c4026.clickable_528a33f64e:hover, .kindFill_7ef5ea2aae.colorPrimary_20be3c4026.clickable_528a33f64e:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_7ef5ea2aae.colorDark_318cb49008 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_7ef5ea2aae.colorDark_318cb49008 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_7ef5ea2aae.colorNegative_0cd2437284 {\n  background-color: var(--negative-color);\n}\n.kindFill_7ef5ea2aae.colorNegative_0cd2437284 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_7ef5ea2aae.colorNegative_0cd2437284.clickable_528a33f64e:hover, .kindFill_7ef5ea2aae.colorNegative_0cd2437284.clickable_528a33f64e:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2 {\n  background-color: var(--positive-color);\n}\n.kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2.clickable_528a33f64e:hover, .kindFill_7ef5ea2aae.colorPositive_a75bb7d7d2.clickable_528a33f64e:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_3b9f7b2b72 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_3b9f7b2b72 .legWrapper_34f1130319 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_3b9f7b2b72.colorPrimary_20be3c4026 {\n  color: var(--primary-color);\n}\n.kindLine_3b9f7b2b72.colorPrimary_20be3c4026 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_3b9f7b2b72.colorPrimary_20be3c4026.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorPrimary_20be3c4026.clickable_528a33f64e:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3b9f7b2b72.colorDark_318cb49008 {\n  color: var(--inverted-color-background);\n}\n.kindLine_3b9f7b2b72.colorDark_318cb49008 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_3b9f7b2b72.colorDark_318cb49008.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorDark_318cb49008.clickable_528a33f64e:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_3b9f7b2b72.colorNegative_0cd2437284 {\n  color: var(--negative-color);\n}\n.kindLine_3b9f7b2b72.colorNegative_0cd2437284 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_3b9f7b2b72.colorNegative_0cd2437284.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorNegative_0cd2437284.clickable_528a33f64e:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2 {\n  color: var(--positive-color);\n}\n.kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2.clickable_528a33f64e:hover, .kindLine_3b9f7b2b72.colorPositive_a75bb7d7d2.clickable_528a33f64e:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_3b9f7b2b72 .smallText_d0976bbb86 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_b7869548b0",svg:"svg_234c526810",stroke:"stroke_134679f30d","stroke-rotate":"stroke-rotate_682c8873fc",base:"base_09de779585",fade:"fade_7343b382c1",first:"first_e3c69e84f1",second:"second_1c64cb0c97",third:"third_daad99db21","gradient-text-fill":"gradient-text-fill_b9295b783c"};!function(e){const n="s_id-cc5df975abc6_3_85_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_b7869548b0 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_b7869548b0 .svg_234c526810 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_b7869548b0 .svg_234c526810 .stroke_134679f30d {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_682c8873fc cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_b7869548b0 .svg_234c526810 .stroke_134679f30d.base_09de779585 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_7343b382c1 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_b7869548b0 .svg_234c526810 .stroke_134679f30d.first_e3c69e84f1 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_b7869548b0 .svg_234c526810 .stroke_134679f30d.second_1c64cb0c97 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_b7869548b0 .svg_234c526810 .stroke_134679f30d.third_daad99db21 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_b7869548b0.celebration_b7869548b0 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_b9295b783c 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_7343b382c1 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_682c8873fc {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_b9295b783c {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_27a7de3754",svg:"svg_fb8d5e9fe7",stroke:"stroke_34f48ea1e1","stroke-rotate":"stroke-rotate_936abfbc25",base:"base_21101d0778",fade:"fade_fa3f99f467",first:"first_377036285b",second:"second_0c10986d1b",third:"third_bb270b7af8","gradient-text-fill":"gradient-text-fill_fbd3090761"};!function(e){const n="s_id-cc5df975abc6_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_27a7de3754 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_936abfbc25 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.base_21101d0778 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_fa3f99f467 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.first_377036285b {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.second_0c10986d1b {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_27a7de3754 .svg_fb8d5e9fe7 .stroke_34f48ea1e1.third_bb270b7af8 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_27a7de3754.celebration_27a7de3754 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_fbd3090761 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_fa3f99f467 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_936abfbc25 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_fbd3090761 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Label/LabelConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{ContentColorByName as t}from"../../utils/colors-vars-map.js";import i from"../../../components/typography/dist/Text/Text.js";var s,e;!function(t){t.FILL="fill",t.LINE="line"}(s||(s={})),function(t){t.PRIMARY="primary",t.DARK="dark",t.NEGATIVE="negative",t.POSITIVE="positive"}(e||(e={}));var o=Object.assign(Object.assign({},e),t),r={small:i.types.TEXT3,medium:i.types.TEXT2};export{o as LabelAllowedColor,e as LabelColor,s as LabelKind,r as mapSizesToTextSize};
+var t={small:"text3",medium:"text2"};export{t as mapSizesToTextSize};
 //# sourceMappingURL=LabelConstants.js.map

package/dist/src/components/Label/LabelConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { ~~Text,~~ type TextType } from \"@vibe/typography\";\nimport { type LabelSizes } from \"./Label.types\";\~~nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\~~n\~~n/*\n @deprecated\n /\~~nexport enum LabelKind {\n FILL = \"fill\",\n LINE = \"line\"\n}\n\n/\n @deprecated\n */\nexport enum LabelColor {\n PRIMARY = \"primary\",\n DARK = \"dark\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport const ~~LabelAllowedColor = {\n ...LabelColor,\n ...ContentColorByName\n};\n\nexport const~~ mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: ~~Text.types.TEXT3~~,\n medium: ~~Text.types.TEXT2~~\n};\n"],"names":["~~LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","~~mapSizesToTextSize","small","~~Text","types","TEXT3","~~medium"~~,"TEXT2"~~],"mappings":"~~wIAOYA~~,~~EAQAC~~,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,~~MAAOC~~,~~EAAKC~~,~~MAAMC,MAClBC,OAAQH,EAAKC,MAAMG~~"}
1	+ {"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { type TextType } from \"@vibe/typography\";\nimport { type LabelSizes } from \"./Label.types\";\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: \"text3\",\n medium: \"text2\"\n};\n"],"names":["mapSizesToTextSize","small","medium"],"mappings":"AAGO,IAAMA,EAAmD,CAC9DC,MAAO,QACPC,OAAQ"}

package/dist/src/components/Link/Link.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as i,ComponentDefaultTestId as o}from"../../tests/testIds.js";import e from"classnames";import r,{forwardRef as s,useCallback as a}from"react";import{NOOP as n}from"../../utils/function-utils.js";import{IconPosition as l,LinkTarget as m}from"./LinkConsts.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./Link.module.scss.js";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as f}from"es-toolkit";import{ComponentVibeId as v}from"../../tests/constants.js";import u from"../../../components/icon/dist/Icon/Icon.js";function b(t,i,o){if(t)return r.createElement(u,{className:o,icon:i,iconType:"font"})}var y=c(s((function(s,l){var m=s.className,c=s.textClassName,u=s.href,y=void 0===u?"":u,j=s.text,N=void 0===j?"":j,k=s.rel,h=void 0===k?"noreferrer":k,x=s.onClick,L=void 0===x?n:x,g=s.target,C=void 0===g?"_blank":g,I=s.ariaLabelDescription,P=void 0===I?"":I,E=s.color,S=void 0===E?"primary":E,D=s.ariaDescribedby,T=void 0===D?"":D,_=s.icon,z=void 0===_?"":_,B=s.iconPosition,F=s.id,H=void 0===F?"":F,K=s.ariaLabeledBy,w=void 0===K?"":K,M=s.disableNavigation,q=void 0!==M&&M,A=s.inheritFontSize,G=void 0!==A&&A,J=s.inlineText,O=void 0!==J&&J,Q=s.style,R=s["data-testid"],U="start"===(void 0===B?"start":B),V=a((function(t){q&&t.preventDefault(),L&&L(t)}),[q,L]);return r.createElement("a",{"data-testid":R||i(o.LINK,H),"data-vibe":v.LINK,id:H,href:y,rel:h,ref:l,onClick:V,target:C,style:Q,className:e(d.link,m,p(d,f("color-"+S)),t(t({},d.inheritFontSize,G),d.inlineText,O)),"aria-label":P,"aria-describedby":T,"aria-labelledby":w},b(U,z,e(d.iconStart)),r.createElement("span",{className:e(d.text,c)},N),b(!U,z,e(d.iconEnd)))})),{position:l,iconPositions:l,targets:m});export{y as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as a,useCallback as s}from"react";import{NOOP as n}from"../../utils/function-utils.js";import l from"./Link.module.scss.js";import{getStyle as d}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as c}from"es-toolkit";import{ComponentVibeId as m}from"../../tests/constants.js";import p from"../../../components/icon/dist/Icon/Icon.js";var f=a((function(a,p){var f=a.className,u=a.textClassName,b=a.href,y=void 0===b?"":b,N=a.text,j=void 0===N?"":N,k=a.rel,x=void 0===k?"noreferrer":k,h=a.onClick,I=void 0===h?n:h,L=a.target,g=void 0===L?"_blank":L,C=a.ariaLabelDescription,E=void 0===C?"":C,D=a.color,P=void 0===D?"primary":D,S=a.ariaDescribedby,_=void 0===S?"":S,z=a.icon,B=void 0===z?"":z,F=a.iconPosition,H=a.id,K=void 0===H?"":H,T=a.ariaLabeledBy,M=void 0===T?"":T,q=a.disableNavigation,w=void 0!==q&&q,A=a.inheritFontSize,G=void 0!==A&&A,J=a.inlineText,O=void 0!==J&&J,Q=a.style,R=a["data-testid"],U="start"===(void 0===F?"start":F),V=s((function(e){w&&e.preventDefault(),I&&I(e)}),[w,I]);return r.createElement("a",{"data-testid":R||t(i.LINK,K),"data-vibe":m.LINK,id:K,href:y,rel:x,ref:p,onClick:V,target:g,style:Q,className:o(l.link,f,d(l,c("color-"+P)),e(e({},l.inheritFontSize,G),l.inlineText,O)),"aria-label":E,"aria-describedby":_,"aria-labelledby":M},v(U,B,o(l.iconStart)),r.createElement("span",{className:o(l.text,u)},j),v(!U,B,o(l.iconEnd)))}));function v(e,t,i){if(e)return r.createElement(p,{className:i,icon:t,type:"font"})}export{f as default};
 //# sourceMappingURL=Link.js.map

package/dist/src/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { ~~IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport {~~ type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type VibeComponentProps, ~~withStaticProps~~ } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label description for accessibility.\n /\n ariaLabelDescription?: string;\n /\n The ID of the element that describes this link.\n /\n ariaDescribedby?: string;\n /\n The ID of the element labeling this link.\n /\n ariaLabeledBy?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style /\n color?: LinkColor;\n /\n Inline style object applied to the link element.\n */\n style?: React.CSSProperties;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n ariaLabelDescription = \"\",\n color = \"primary\",\n ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n ariaLabeledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n style,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n data-vibe={ComponentVibeId.LINK}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n style={style}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabelDescription}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabeledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} ~~iconType~~=\"font\" />;\n}\n\~~ninterface LinkStaticProps {\n targets: typeof LinkTargetEnum;\n iconPositions: typeof IconPositionEnum;\n position: typeof IconPositionEnum;\n}\n\~~nexport default ~~withStaticProps<LinkProps, LinkStaticProps>(~~Link~~, {\n position: IconPositionEnum,\n iconPositions: IconPositionEnum,\n targets: LinkTargetEnum\n})~~;\n"],"names":["~~getIcon~~","~~shouldShow~~","~~icon~~","~~className~~","~~React~~","~~createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","~~textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","~~iconStart~~","~~iconEnd~~","~~position~~","~~IconPositionEnum~~","~~iconPositions~~","~~targets~~"~~,"LinkTargetEnum"~~],"mappings":"~~mtBA8IA~~,~~SAASA~~,~~EAAQC~~,~~EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EA3EFC,~~GACX,SAAAC,EAsBEC,GACE,~~IArBAR~~,~~EAASO~~,~~EAATP~~,~~UACAS~~,~~EAAaF~~,~~EAAbE~~,cAAaC,~~EAAAH~~,~~EACbI~~,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,~~EAAAL~~,~~EACTM~~,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,~~EAAAP~~,~~EACTQ~~,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,~~EAAAT~~,~~EAClBU~~,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,~~EAAAZ~~,~~EACda~~,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,~~EAAAd~~,~~EACjBe~~,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,~~EAAAhB~~,~~EACzBiB~~,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,~~EAAAlB~~,~~EACjBmB~~,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,~~EAAApB~~,~~EACpBR~~,KAAAA,OAAO,~~IAAH4B~~,EAAG,GAAEA,~~EAAAC~~,~~EAAArB~~,~~EACTsB~~,aAAsBC,~~EAAAvB~~,~~EACtBwB~~,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,~~EAAAzB~~,~~EACP0B~~,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,~~EAAA3B~~,~~EAClB4B~~,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,~~EAAA7B~~,~~EACzB8B~~,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,~~EAAA/B~~,~~EACvBgC~~,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,~~EAAKjC~~,~~EAALiC~~,MACeC,~~EAAUlC~~,EAAzB,~~eAIImC~~,EAA2B,gBAXhB,IAAHd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,~~iBAEJ7B~~,GAAWA,~~EAAQ4B~~,EACrB,GACA,CAACV,~~EAAmBlB~~,IAGtB,~~OACEhB~~,EAAAC,cAAA,IAAA,CAAA,~~cACeuC~~,~~GAAcM~~,EAAUC,EAAuBC,~~KAAMlB~~,~~eACvDmB~~,EAAgBD,~~KAC3BlB~~,GAAIA,~~EACJpB~~,KAAMA,EACNI,IAAKA,~~EACLP~~,IAAKA,~~EACLS~~,~~QAAS0B~~,~~EACTvB~~,OAAQA,~~EACRoB~~,MAAOA,~~EACPxC~~,~~UAAWmD~~,EAAGC,EAAOC,~~KAAMrD~~,~~EAAWsD~~,EAASF,EAAQG,EAAU,~~SAAW/B~~,~~IAAOgC~~,EAAAA,EAAA,CAAA,EAChFJ,~~EAAOf~~,gBAAkBA,~~GACzBe~~,~~EAAOb~~,WAAaA,IAEX,~~aAAAjB~~,EACM,mBAAAI,~~oBACDO~~,~~GAEhBpC~~,~~EAAQ6C~~,~~EAAS3C~~,~~EAAMoD~~,EAAGC,~~EAAOK~~,~~YAClCxD~~,EAAAC,cAAA,OAAA,~~CAAMF~~,~~UAAWmD~~,EAAGC,~~EAAOvC~~,KAAMJ,IAAiBI,~~GACjDhB~~,~~GAAS6C~~,~~EAAS3C~~,~~EAAMoD~~,EAAGC,~~EAAOM~~,UAGzC,~~IAc~~+D,~~CAC/DC~~,~~SAAUC~~,~~EACVC~~,~~cAAeD~~,~~EACfE~~,~~QAASC~~"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type LinkColor, type LinkIconPosition, type LinkTarget } from \"./Link.types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LinkProps extends VibeComponentProps {\n /*\n Class name applied to the link text.\n /\n textClassName?: string;\n /\n The URL the link points to.\n /\n href?: string;\n /\n The text content of the link.\n /\n text?: string;\n /\n Specifies the relationship between the current document and the linked resource.\n /\n rel?: string;\n /\n Callback fired when the link is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Specifies where to open the linked document.\n /\n target?: LinkTarget;\n /\n The ARIA label description for accessibility.\n /\n ariaLabelDescription?: string;\n /\n The ID of the element that describes this link.\n /\n ariaDescribedby?: string;\n /\n The ID of the element labeling this link.\n /\n ariaLabeledBy?: string;\n /\n Icon displayed next to the link text.\n /\n icon?: SubIcon;\n /\n The position of the icon relative to the text.\n /\n iconPosition?: LinkIconPosition;\n /\n If true, disables navigation when the link is clicked.\n /\n disableNavigation?: boolean;\n /\n If true, the link inherits the surrounding text's font size.\n /\n inheritFontSize?: boolean;\n /\n If true, the link is styled to fit within inline text content.\n /\n inlineText?: boolean;\n /* The link's color style /\n color?: LinkColor;\n /\n Inline style object applied to the link element.\n */\n style?: React.CSSProperties;\n}\n\nconst Link = forwardRef(\n (\n {\n className,\n textClassName,\n href = \"\",\n text = \"\",\n rel = \"noreferrer\",\n onClick = NOOP,\n target = \"_blank\",\n ariaLabelDescription = \"\",\n color = \"primary\",\n ariaDescribedby = \"\",\n icon = \"\",\n iconPosition = \"start\",\n id = \"\",\n ariaLabeledBy = \"\",\n disableNavigation = false,\n inheritFontSize = false,\n inlineText = false,\n style,\n \"data-testid\": dataTestId\n }: LinkProps,\n ref: React.ForwardedRef<HTMLAnchorElement>\n ) => {\n const isStart = iconPosition === \"start\";\n\n const onClickWrapper = useCallback(\n (e: React.MouseEvent<HTMLElement>) => {\n if (disableNavigation) {\n e.preventDefault();\n }\n onClick && onClick(e);\n },\n [disableNavigation, onClick]\n );\n\n return (\n <a\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINK, id)}\n data-vibe={ComponentVibeId.LINK}\n id={id}\n href={href}\n rel={rel}\n ref={ref}\n onClick={onClickWrapper}\n target={target}\n style={style}\n className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.inheritFontSize]: inheritFontSize,\n [styles.inlineText]: inlineText\n })}\n aria-label={ariaLabelDescription}\n aria-describedby={ariaDescribedby}\n aria-labelledby={ariaLabeledBy}\n >\n {getIcon(isStart, icon, cx(styles.iconStart))}\n <span className={cx(styles.text, textClassName)}>{text}</span>\n {getIcon(!isStart, icon, cx(styles.iconEnd))}\n </a>\n );\n }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string \| React.FunctionComponent \| null, className: string) {\n if (!shouldShow) return;\n return <Icon className={className} icon={icon} type=\"font\" />;\n}\n\nexport default Link;\n"],"names":["Link","forwardRef","_ref","ref","className","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","style","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","React","createElement","getTestId","ComponentDefaultTestId","LINK","ComponentVibeId","cx","styles","link","getStyle","camelCase","_defineProperty","getIcon","iconStart","iconEnd","shouldShow","Icon","type"],"mappings":"4iBA6EMA,IAAAA,EAAOC,GACX,SAAAC,EAsBEC,GACE,IArBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACTS,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAV,EAClBW,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAb,EACdc,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAf,EACjBgB,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAjB,EACzBkB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAnB,EACjBoB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAArB,EACpBsB,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EACTwB,aAAsBC,EAAAzB,EACtB0B,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EACP4B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA7B,EAClB8B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA/B,EACzBgC,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAjC,EACvBkC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAKnC,EAALmC,MACeC,EAAUpC,EAAzB,eAIIqC,EAA2B,gBAXhB,IAAHd,EAAG,QAAOA,GAalBe,EAAiBC,GACrB,SAACC,GACKV,GACFU,EAAEC,iBAEJ9B,GAAWA,EAAQ6B,EACrB,GACA,CAACV,EAAmBnB,IAGtB,OACE+B,EAAAC,cAAA,IAAA,CAAA,cACeP,GAAcQ,EAAUC,EAAuBC,KAAMpB,eACvDqB,EAAgBD,KAC3BpB,GAAIA,EACJrB,KAAMA,EACNI,IAAKA,EACLR,IAAKA,EACLU,QAAS2B,EACTxB,OAAQA,EACRqB,MAAOA,EACPjC,UAAW8C,EAAGC,EAAOC,KAAMhD,EAAWiD,EAASF,EAAQG,EAAU,SAAWlC,IAAOmC,EAAAA,EAAA,CAAA,EAChFJ,EAAOjB,gBAAkBA,GACzBiB,EAAOf,WAAaA,IAEX,aAAAlB,EACM,mBAAAI,oBACDQ,GAEhB0B,EAAQjB,EAASf,EAAM0B,EAAGC,EAAOM,YAClCb,EAAAC,cAAA,OAAA,CAAMzC,UAAW8C,EAAGC,EAAO1C,KAAMJ,IAAiBI,GACjD+C,GAASjB,EAASf,EAAM0B,EAAGC,EAAOO,UAGzC,IAGF,SAASF,EAAQG,EAAqBnC,EAA+CpB,GACnF,GAAKuD,EACL,OAAOf,EAACC,cAAAe,EAAK,CAAAxD,UAAWA,EAAWoB,KAAMA,EAAMqC,KAAK,QACtD"}

package/dist/src/components/Link/Link.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={link:"link_dc3567c38e","focus-visible":"focus-visible_78325e2d7b",colorOnPrimary:"colorOnPrimary_20046bc797",colorOnInverted:"colorOnInverted_fc1611f379",text:"text_681a45ca36",inlineText:"inlineText_28fa116950",inheritFontSize:"inheritFontSize_9fbeb3fee9",iconStart:"iconStart_8d0492ed66",iconEnd:"iconEnd_5556ccfe34"};!function(n){const e="s_id-6fcc93dacbaa_3_85_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_dc3567c38e {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_dc3567c38e:focus-visible, .link_dc3567c38e.focus-visible_78325e2d7b {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_dc3567c38e:focus:not(.focus-visible_78325e2d7b) {\n  outline: none;\n}\n.link_dc3567c38e.colorOnPrimary_20046bc797 {\n  color: var(--text-color-on-primary);\n}\n.link_dc3567c38e.colorOnInverted_fc1611f379 {\n  color: var(--text-color-on-inverted);\n}\n.link_dc3567c38e:hover .text_681a45ca36 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_dc3567c38e.inlineText_28fa116950 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_dc3567c38e.inheritFontSize_9fbeb3fee9 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_8d0492ed66 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_5556ccfe34 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_8d0492ed66 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_5556ccfe34 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_4c14361858","focus-visible":"focus-visible_17d22ae837",colorOnPrimary:"colorOnPrimary_5374443587",colorOnInverted:"colorOnInverted_ad2fbef1b6",text:"text_003ae9d794",inlineText:"inlineText_ef8ce3cbdf",inheritFontSize:"inheritFontSize_7758c275ed",iconStart:"iconStart_c3425c03a5",iconEnd:"iconEnd_4dddccd3c9"};!function(n){const e="s_id-6fcc93dacbaa_3_85_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_4c14361858 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_4c14361858:focus-visible, .link_4c14361858.focus-visible_17d22ae837 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_4c14361858:focus:not(.focus-visible_17d22ae837) {\n  outline: none;\n}\n.link_4c14361858.colorOnPrimary_5374443587 {\n  color: var(--text-color-on-primary);\n}\n.link_4c14361858.colorOnInverted_ad2fbef1b6 {\n  color: var(--text-color-on-inverted);\n}\n.link_4c14361858:hover .text_003ae9d794 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_4c14361858.inlineText_ef8ce3cbdf {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_4c14361858.inheritFontSize_7758c275ed {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_c3425c03a5 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_4dddccd3c9 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_c3425c03a5 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_4dddccd3c9 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

package/dist/src/components/List/List.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import r,{forwardRef as i,useRef as o,useState as s,useCallback as n,useEffect as a,useMemo as l}from"react";import c from"../../hooks/useMergeRef.js";import u from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as m}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as d,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ListWrapperComponentType as v}from"./ListConstants.js";import{getTestId as b,ComponentDefaultTestId as y}from"../../tests/testIds.js";import{ListContext as j}from"./utils/ListContext.js";import{useListId as I,getListItemIndexById as L,getNextListItemIndex as x,getPrevListItemIndex as h,getListItemIdByIndex as k,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import g from"./List.module.scss.js";import{ComponentVibeId as R}from"../../tests/constants.js";var C=p(i((function(i,p){var C=i.className,O=i.id,P=i.component,T=void 0===P?v.UL:P,V=i.children,_=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],S=i.renderOnlyVisibleItems,U=void 0!==S&&S,W=i.style,z=i.role,B=void 0===z?"listbox":z,H=i["data-testid"],M=o(null),w=c(p,M),F=o([]),K=I(O),q=s(0),G=t(q,2),J=G[0],Q=G[1],X=T,Y=n((function(t){var e;Q(L(F,t)),null===(e=null==M?void 0:M.current)||void 0===e||e.setAttribute("aria-activedescendant",t)}),[]),Z=n((function(t){if(!U){t.preventDefault();var e=t.key===d.UP_ARROW,r=void 0;t.key===d.DOWN_ARROW&&F.current.length>J+1?r=x(J,F):e&&J>0&&(r=h(J,F)),void 0!==r&&(Y(k(F,r)),F.current[r].focus())}}),[J,U,Y]);u({keys:f,callback:Z,ref:M}),a((function(){var t=F.current.findIndex((function(t){return t instanceof HTMLElement&&A(t)&&"true"===(null==t?void 0:t.getAttribute("aria-selected"))}));if(-1!==t)Y(k(F,t));else{var e=F.current.findIndex((function(t){return A(t)}));-1!==e&&Y(k(F,e))}}),[Y]);var $=l((function(){var t=Array.isArray(V)?V:[V];return U?t=r.createElement(m,null,t):(F.current=F.current.slice(0,t.length),t=r.Children.map(t,(function(t,e){if(!r.isValidElement(t))return t;var i=t.props.id||"".concat(K,"-item-").concat(e),o=F.current[e],s=null==o||A(o);return r.cloneElement(t,{ref:function(t){return F.current[e]=t},tabIndex:J===e&&s?0:-1,id:i,component:E(T),role:t.props.role})}))),t}),[V,T,J,K,U]);return r.createElement(j.Provider,{value:{updateFocusedItem:Y}},r.createElement(X,{"data-testid":H||b(y.LIST,O),"data-vibe":R.LIST,ref:w,style:W,className:e(g.list,C),id:K,"aria-label":_,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:B},$))})),{components:v});export{C as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as i,useRef as n,useState as o,useCallback as s,useEffect as a,useMemo as l}from"react";import u from"../../hooks/useMergeRef.js";import c from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as d}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as m,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{getTestId as p,ComponentDefaultTestId as v}from"../../tests/testIds.js";import{ListContext as b}from"./utils/ListContext.js";import{useListId as y,getListItemIndexById as I,getNextListItemIndex as j,getPrevListItemIndex as L,getListItemIdByIndex as x,isListItem as k,getListItemComponentType as A}from"./utils/ListUtils.js";import E from"./List.module.scss.js";import{ComponentVibeId as h}from"../../tests/constants.js";var g=i((function(i,g){var R=i.className,O=i.id,T=i.component,V=void 0===T?"ul":T,_=i.children,C=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],P=i.renderOnlyVisibleItems,W=void 0!==P&&P,z=i.style,B=i.role,H=void 0===B?"listbox":B,M=i["data-testid"],S=n(null),U=u(g,S),F=n([]),K=y(O),q=o(0),w=e(q,2),G=w[0],J=w[1],Q=V,X=s((function(e){var t;J(I(F,e)),null===(t=null==S?void 0:S.current)||void 0===t||t.setAttribute("aria-activedescendant",e)}),[]),Y=s((function(e){if(!W){e.preventDefault();var t=e.key===m.UP_ARROW,r=void 0;e.key===m.DOWN_ARROW&&F.current.length>G+1?r=j(G,F):t&&G>0&&(r=L(G,F)),void 0!==r&&(X(x(F,r)),F.current[r].focus())}}),[G,W,X]);c({keys:f,callback:Y,ref:S}),a((function(){var e=F.current.findIndex((function(e){return e instanceof HTMLElement&&k(e)&&"true"===(null==e?void 0:e.getAttribute("aria-selected"))}));if(-1!==e)X(x(F,e));else{var t=F.current.findIndex((function(e){return k(e)}));-1!==t&&X(x(F,t))}}),[X]);var Z=l((function(){var e=Array.isArray(_)?_:[_];return W?e=r.createElement(d,null,e):(F.current=F.current.slice(0,e.length),e=r.Children.map(e,(function(e,t){if(!r.isValidElement(e))return e;var i=e.props.id||"".concat(K,"-item-").concat(t),n=F.current[t],o=null==n||k(n);return r.cloneElement(e,{ref:function(e){return F.current[t]=e},tabIndex:G===t&&o?0:-1,id:i,component:A(V),role:e.props.role})}))),e}),[_,V,G,K,W]);return r.createElement(b.Provider,{value:{updateFocusedItem:X}},r.createElement(Q,{"data-testid":M||p(v.LIST,O),"data-vibe":h.LIST,ref:U,style:z,className:t(E.list,R),id:K,"aria-label":C,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:H},Z))}));export{g as default};
 //# sourceMappingURL=List.js.map

package/dist/src/components/List/List.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n type CSSProperties,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { withStaticProps, type VibeComponentProps } from \"../../types\";\nimport { type ListItemProps } from \"../ListItem/ListItem\";\nimport { type ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { type ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n getListItemComponentType,\n getListItemIdByIndex,\n getListItemIndexById,\n getNextListItemIndex,\n getPrevListItemIndex,\n isListItem,\n useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n /*\n The wrapping component for the list.\n /\n component?: ListElement;\n /\n The ARIA label describing the list.\n /\n ariaLabel?: string;\n /\n The ID of an element that describes the list.\n /\n ariaDescribedBy?: string;\n /\n The ID of an element controlled by the list.\n /\n \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n /\n The child elements inside the list.\n /\n children?: ReactElement<ListItemProps \| ListTitleProps> \| ReactElement<ListItemProps \| ListTitleProps>[];\n /\n If true, uses a virtualized list to render only visible items for performance optimization.\n /\n renderOnlyVisibleItems?: boolean;\n /\n Custom inline styles applied to the list.\n /\n style?: CSSProperties;\n /\n The ARIA role of the list.\n */\n role?: AriaRole;\n}\n\nconst List = forwardRef(\n (\n {\n className,\n id,\n component = ListWrapperComponentTypeEnum.UL,\n children,\n ariaLabel,\n ariaDescribedBy,\n \"aria-controls\": ariaControls,\n renderOnlyVisibleItems = false,\n style,\n role = \"listbox\",\n \"data-testid\": dataTestId\n }: ListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n const overrideId = useListId(id);\n const [focusIndex, setFocusIndex] = useState(0);\n const Component = component;\n\n const updateFocusedItem = useCallback((id: string) => {\n setFocusIndex(getListItemIndexById(childrenRefs, id));\n componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n }, []);\n\n const onUpDownArrows = useCallback(\n (event: KeyboardEvent) => {\n if (renderOnlyVisibleItems) {\n return;\n }\n event.preventDefault();\n\n const isUpKey = event.key === keyCodes.UP_ARROW;\n const isDownKey = event.key === keyCodes.DOWN_ARROW;\n let overrideFocusIndex = undefined;\n\n if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n } else if (isUpKey && focusIndex > 0) {\n overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n }\n if (overrideFocusIndex !== undefined) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n childrenRefs.current[overrideFocusIndex].focus();\n }\n },\n [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n );\n\n useKeyEvent({\n keys: UP_DOWN_ARROWS,\n callback: onUpDownArrows,\n ref: componentRef\n });\n\n useEffect(() => {\n const selectedItemIndex = childrenRefs.current.findIndex(\n child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n );\n if (selectedItemIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n } else {\n const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n if (firstFocusableIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n }\n }\n }, [updateFocusedItem]);\n\n const overrideChildren = useMemo(() => {\n let override: ReactElement \| ReactElement[] = Array.isArray(children) ? children : [children];\n if (renderOnlyVisibleItems) {\n override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n } else {\n childrenRefs.current = childrenRefs.current.slice(0, override.length);\n override = React.Children.map(override, (child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n const id = (child.props as ListItemProps).id \|\| `${overrideId}-item-${index}`;\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined \|\| currentRef === null \|\| isListItem(currentRef);\n return React.cloneElement(child, {\n // @ts-ignore not sure how to deal with ref here\n ref: ref => (childrenRefs.current[index] = ref),\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n id,\n component: getListItemComponentType(component),\n role: (child.props as ListItemProps).role\n });\n });\n }\n\n return override;\n }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n return (\n <ListContext.Provider value={{ updateFocusedItem }}>\n <Component\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LIST, id)}\n data-vibe={ComponentVibeId.LIST}\n ref={mergedRef}\n style={style}\n className={cx(styles.list, className)}\n id={overrideId}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n tabIndex={-1}\n role={role}\n >\n {overrideChildren}\n </Component>\n </ListContext.Provider>\n );\n }\n);\n\ninterface ListStaticProps {\n components: typeof ListWrapperComponentTypeEnum;\n}\n\nexport default withStaticProps<ListProps, ListStaticProps>(List, {\n components: ListWrapperComponentTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$component","component","ListWrapperComponentTypeEnum","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list","components"],"mappings":"kiCAuEA,IA+HeA,EAAAA,EA/HFC,GACX,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAS,IAAAD,EAAGE,EAA6BC,GAAEH,EAC3CI,EAAQR,EAARQ,SACAC,EAAST,EAATS,UACAC,EAAeV,EAAfU,gBACiBC,EAAYX,EAA7B,iBAAeY,EAAAZ,EACfa,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKd,EAALc,MAAKC,EAAAf,EACLgB,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,EAAUjB,EAAzB,eAIIkB,EAAeC,EAAO,MACtBC,EAAYC,EAAYpB,EAAKiB,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUrB,GAC7BsB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAY1B,EAEZ2B,EAAoBC,GAAY,SAAC9B,SACrC2B,EAAcI,EAAqBZ,EAAcnB,IAC1B,QAAvBgC,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBlC,EAC9D,GAAE,IAEGmC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd1C,CAgBF,GACD,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVrC,IAAKiB,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAExD,CACH,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMzD,EAAMyD,EAAMkB,MAAwB3E,IAAE4E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/B3D,IAAK,SAAGkF,GAAA,OAAK7D,EAAac,QAAQwC,GAAS3E,CAAI,EAC/CmF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD9E,GAAAA,EACAE,UAAWgF,EAAyBhF,GACpCW,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUH,EAAWwB,EAAYN,EAAYV,IAEjD,OACEyD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMxF,GAAG,YAC1DyF,EAAgBD,KAC3B1F,IAAKmB,EACLN,MAAOA,EACPZ,UAAW2F,EAAGC,EAAOC,KAAM7F,GAC3BC,GAAIoB,EACQ,aAAAd,EACM,mBAAAC,EACH,gBAAAC,EACfyE,UAAW,EACXpE,KAAMA,GAELiD,GAIT,IAO+D,CAC/D+B,WAAY1F"}
1	+ {"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n type CSSProperties,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type ListItemProps } from \"../ListItem/ListItem\";\nimport { type ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { type ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n getListItemComponentType,\n getListItemIdByIndex,\n getListItemIndexById,\n getNextListItemIndex,\n getPrevListItemIndex,\n isListItem,\n useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n /*\n The wrapping component for the list.\n /\n component?: ListElement;\n /\n The ARIA label describing the list.\n /\n ariaLabel?: string;\n /\n The ID of an element that describes the list.\n /\n ariaDescribedBy?: string;\n /\n The ID of an element controlled by the list.\n /\n \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n /\n The child elements inside the list.\n /\n children?: ReactElement<ListItemProps \| ListTitleProps> \| ReactElement<ListItemProps \| ListTitleProps>[];\n /\n If true, uses a virtualized list to render only visible items for performance optimization.\n /\n renderOnlyVisibleItems?: boolean;\n /\n Custom inline styles applied to the list.\n /\n style?: CSSProperties;\n /\n The ARIA role of the list.\n */\n role?: AriaRole;\n}\n\nconst List = forwardRef(\n (\n {\n className,\n id,\n component = \"ul\",\n children,\n ariaLabel,\n ariaDescribedBy,\n \"aria-controls\": ariaControls,\n renderOnlyVisibleItems = false,\n style,\n role = \"listbox\",\n \"data-testid\": dataTestId\n }: ListProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n const overrideId = useListId(id);\n const [focusIndex, setFocusIndex] = useState(0);\n const Component = component;\n\n const updateFocusedItem = useCallback((id: string) => {\n setFocusIndex(getListItemIndexById(childrenRefs, id));\n componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n }, []);\n\n const onUpDownArrows = useCallback(\n (event: KeyboardEvent) => {\n if (renderOnlyVisibleItems) {\n return;\n }\n event.preventDefault();\n\n const isUpKey = event.key === keyCodes.UP_ARROW;\n const isDownKey = event.key === keyCodes.DOWN_ARROW;\n let overrideFocusIndex = undefined;\n\n if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n } else if (isUpKey && focusIndex > 0) {\n overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n }\n if (overrideFocusIndex !== undefined) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n childrenRefs.current[overrideFocusIndex].focus();\n }\n },\n [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n );\n\n useKeyEvent({\n keys: UP_DOWN_ARROWS,\n callback: onUpDownArrows,\n ref: componentRef\n });\n\n useEffect(() => {\n const selectedItemIndex = childrenRefs.current.findIndex(\n child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n );\n if (selectedItemIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n } else {\n const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n if (firstFocusableIndex !== -1) {\n updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n }\n }\n }, [updateFocusedItem]);\n\n const overrideChildren = useMemo(() => {\n let override: ReactElement \| ReactElement[] = Array.isArray(children) ? children : [children];\n if (renderOnlyVisibleItems) {\n override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n } else {\n childrenRefs.current = childrenRefs.current.slice(0, override.length);\n override = React.Children.map(override, (child, index) => {\n if (!React.isValidElement(child)) {\n return child;\n }\n const id = (child.props as ListItemProps).id \|\| `${overrideId}-item-${index}`;\n const currentRef = childrenRefs.current[index];\n const isFocusableItem = currentRef === undefined \|\| currentRef === null \|\| isListItem(currentRef);\n return React.cloneElement(child, {\n // @ts-ignore not sure how to deal with ref here\n ref: ref => (childrenRefs.current[index] = ref),\n tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n id,\n component: getListItemComponentType(component),\n role: (child.props as ListItemProps).role\n });\n });\n }\n\n return override;\n }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n return (\n <ListContext.Provider value={{ updateFocusedItem }}>\n <Component\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LIST, id)}\n data-vibe={ComponentVibeId.LIST}\n ref={mergedRef}\n style={style}\n className={cx(styles.list, className)}\n id={overrideId}\n aria-label={ariaLabel}\n aria-describedby={ariaDescribedBy}\n aria-controls={ariaControls}\n tabIndex={-1}\n role={role}\n >\n {overrideChildren}\n </Component>\n </ListContext.Provider>\n );\n }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list"],"mappings":"43BAsEMA,IAAAA,EAAOC,GACX,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,KAAIA,EAChBE,EAAQN,EAARM,SACAC,EAASP,EAATO,UACAC,EAAeR,EAAfQ,gBACiBC,EAAYT,EAA7B,iBAAeU,EAAAV,EACfW,uBAAAA,OAAyB,IAAHD,GAAQA,EAC9BE,EAAKZ,EAALY,MAAKC,EAAAb,EACLc,KAAAA,OAAO,IAAHD,EAAG,UAASA,EACDE,EAAUf,EAAzB,eAIIgB,EAAeC,EAAO,MACtBC,EAAYC,EAAYlB,EAAKe,GAC7BI,EAAsDH,EAAO,IAE7DI,EAAaC,EAAUnB,GAC7BoB,EAAoCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYxB,EAEZyB,EAAoBC,GAAY,SAAC5B,SACrCyB,EAAcI,EAAqBZ,EAAcjB,IAC1B,QAAvB8B,EAAAjB,aAAY,EAAZA,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,aAAa,wBAAyBhC,EAC9D,GAAE,IAEGiC,EAAiBL,GACrB,SAACM,GACC,IAAI1B,EAAJ,CAGA0B,EAAMC,iBAEN,IAAMC,EAAUF,EAAMG,MAAQC,EAASC,SAEnCC,OAAqBC,EADPP,EAAMG,MAAQC,EAASI,YAGPzB,EAAac,QAAQY,OAAtCnB,EAAa,EAC5BgB,EAAqBI,EAAqBpB,EAAYP,GAC7CmB,GAAWZ,EAAa,IACjCgB,EAAqBK,EAAqBrB,EAAYP,SAE7BwB,IAAvBD,IACFb,EAAkBmB,EAAqB7B,EAAcuB,IACrDvB,EAAac,QAAQS,GAAoBO,QAd1C,CAgBF,GACD,CAACvB,EAAYhB,EAAwBmB,IAGvCqB,EAAY,CACVC,KAAMC,EACNC,SAAUlB,EACVnC,IAAKe,IAGPuC,GAAU,WACR,IAAMC,EAAoBpC,EAAac,QAAQuB,WAC7C,SAAAC,GAAK,OAAIA,aAAiBC,aAAeC,EAAWF,IAAmD,UAAzCA,aAAA,EAAAA,EAAOG,aAAa,qBAEpF,IAA2B,IAAvBL,EACF1B,EAAkBmB,EAAqB7B,EAAcoC,QAChD,CACL,IAAMM,EAAsB1C,EAAac,QAAQuB,WAAU,SAAAC,GAAK,OAAIE,EAAWF,OAClD,IAAzBI,GACFhC,EAAkBmB,EAAqB7B,EAAc0C,GAExD,CACH,GAAG,CAAChC,IAEJ,IAAMiC,EAAmBC,GAAQ,WAC/B,IAAIC,EAA0CC,MAAMC,QAAQ7D,GAAYA,EAAW,CAACA,GAuBpF,OAtBIK,EACFsD,EAAWG,EAACC,cAAAC,EAAsB,KAAAL,IAElC7C,EAAac,QAAUd,EAAac,QAAQqC,MAAM,EAAGN,EAASnB,QAC9DmB,EAAWG,EAAMI,SAASC,IAAIR,GAAU,SAACP,EAAOgB,GAC9C,IAAKN,EAAMO,eAAejB,GACxB,OAAOA,EAET,IAAMvD,EAAMuD,EAAMkB,MAAwBzE,IAAE0E,GAAAA,OAAOxD,EAAU,UAAAwD,OAASH,GAChEI,EAAa1D,EAAac,QAAQwC,GAClCK,EAAkBD,SAAmDlB,EAAWkB,GACtF,OAAOV,EAAMY,aAAatB,EAAO,CAE/BzD,IAAK,SAAGgF,GAAA,OAAK7D,EAAac,QAAQwC,GAASzE,CAAI,EAC/CiF,SAAUvD,IAAe+C,GAASK,EAAkB,GAAK,EACzD5E,GAAAA,EACAE,UAAW8E,EAAyB9E,GACpCS,KAAO4C,EAAMkB,MAAwB9D,MAEzC,KAGKmD,CACT,GAAG,CAAC3D,EAAUD,EAAWsB,EAAYN,EAAYV,IAEjD,OACEyD,EAACC,cAAAe,EAAYC,UAASC,MAAO,CAAExD,kBAAAA,IAC7BsC,EAACC,cAAAxC,EACc,CAAA,cAAAd,GAAcwE,EAAUC,EAAuBC,KAAMtF,GAAG,YAC1DuF,EAAgBD,KAC3BxF,IAAKiB,EACLN,MAAOA,EACPV,UAAWyF,EAAGC,EAAOC,KAAM3F,GAC3BC,GAAIkB,EACQ,aAAAd,EACM,mBAAAC,EACH,gBAAAC,EACfyE,UAAW,EACXpE,KAAMA,GAELiD,GAIT"}

package/dist/src/components/List/List.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={list:"list_ed13e95cf7"};!function(e){const t="s_id-ed9bf484fec4_3_85_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_ed13e95cf7 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_ed13e95cf7::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_ed13e95cf7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_e7c91b544c"};!function(e){const t="s_id-ed9bf484fec4_3_85_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)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_e7c91b544c {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_e7c91b544c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_e7c91b544c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_f3ba21d643"};!function(e){const n="s_id-6ed55dee5450_3_85_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_f3ba21d643 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_f3ba21d643::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_f3ba21d643::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_b4a1b35643"};!function(e){const n="s_id-6ed55dee5450_3_85_1";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_b4a1b35643 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_b4a1b35643::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_b4a1b35643::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

package/dist/src/components/ListItem/ListItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{forwardRef as s,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"es-toolkit";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{SELECTION_KEYS as p}from"../../constants/keyCodes.js";import{SIZES as d}from"../../constants/sizes.js";import{NOOP as c}from"../../utils/function-utils.js";import{withStaticProps as u}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import j from"../../hooks/useMergeRef.js";import{ListContext as v}from"../List/utils/ListContext.js";import{ListItemComponentType as k}from"./ListItemConstants.js";import h from"./ListItem.module.scss.js";import y from"../../../components/typography/dist/Text/Text.js";var x=s((function(s,u){var k=s.className,x=s.id,b=s.component,L=void 0===b?"div":b,I=s.onClick,M=void 0===I?c:I,C=s.onHover,g=void 0===C?c:C,P=s.selected,F=s.disabled,N=void 0!==F&&F,z=s.size,E=void 0===z?d.SMALL:z,H=s.tabIndex,S=void 0===H?0:H,w=s.children,A=s["aria-current"],D=s["data-testid"],K=s.role,T=void 0===K?"option":K,_=s.tooltipProps,B=i(v).updateFocusedItem,O=r(null),Q=j(u,O);n((function(){P&&(null==B||B(x))}),[P,x,B]);var R=a((function(o){N||M(o,x)}),[N,M,x]);f({keys:p,ref:O,callback:R});var V=a((function(o){N||g(o,x)}),[N,g,x]);return t.createElement(y,{element:L,"data-testid":D||x,ref:Q,className:e(h.listItem,k,l(h,m(E)),o(o({},h.selected,P&&!N),h.disabled,N)),id:x,type:"text2","aria-disabled":N,"aria-selected":P,onClick:R,onMouseEnter:V,onFocus:V,role:T,tabIndex:S,"aria-current":A,tooltipProps:_},w)}));Object.assign(x,{displayName:"ListItem"});var b=u(x,{sizes:d,components:k});export{b as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import t,{forwardRef as s,useContext as i,useRef as r,useEffect as n,useCallback as a}from"react";import{camelCase as m}from"es-toolkit";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{SELECTION_KEYS as d}from"../../constants/keyCodes.js";import{SIZES as p}from"../../constants/sizes.js";import{NOOP as u}from"../../utils/function-utils.js";import c from"../../hooks/useKeyEvent/index.js";import"../Menu/Menu/hooks/useLastNavigationDirection.js";import"../../hooks/useFullKeyboardListeners.js";import"../../hooks/useActiveDescendantListFocus/index.js";import"../../hooks/useVibeMediaQuery/index.js";import"../../hooks/useSwitch/index.js";import f from"../../hooks/useMergeRef.js";import{ListContext as v}from"../List/utils/ListContext.js";import j from"./ListItem.module.scss.js";import k from"../../../components/typography/dist/Text/Text.js";var h=s((function(s,h){var x=s.className,y=s.id,b=s.component,L=void 0===b?"div":b,M=s.onClick,I=void 0===M?u:M,g=s.onHover,C=void 0===g?u:g,F=s.selected,N=s.disabled,P=void 0!==N&&N,E=s.size,H=void 0===E?p.SMALL:E,z=s.tabIndex,A=void 0===z?0:z,D=s.children,K=s["aria-current"],S=s["data-testid"],T=s.role,_=void 0===T?"option":T,w=s.tooltipProps,B=i(v).updateFocusedItem,O=r(null),Q=f(h,O);n((function(){F&&(null==B||B(y))}),[F,y,B]);var R=a((function(e){P||I(e,y)}),[P,I,y]);c({keys:d,ref:O,callback:R});var V=a((function(e){P||C(e,y)}),[P,C,y]);return t.createElement(k,{element:L,"data-testid":S||y,ref:Q,className:o(j.listItem,x,l(j,m(H)),e(e({},j.selected,F&&!P),j.disabled,P)),id:y,type:"text2","aria-disabled":P,"aria-selected":F,onClick:R,onMouseEnter:V,onFocus:V,role:_,tabIndex:A,"aria-current":K,tooltipProps:w},D)}));Object.assign(h,{displayName:"ListItem"});export{h as default};
 //# sourceMappingURL=ListItem.js.map

package/dist/src/components/ListItem/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ~~withStaticProps,~~ type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ~~ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport {~~ type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n /*\n The HTML element used for the list item.\n /\n component?: ListItemElement;\n /\n The textual content inside the list item.\n /\n children?: ElementContent;\n /\n Callback fired when the item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, id: string) => void;\n /\n Callback fired when the item is hovered.\n /\n onHover?: (event: React.MouseEvent \| React.FocusEvent, id: string) => void;\n /\n If true, disables the item and prevents interactions.\n /\n disabled?: boolean;\n /\n If true, marks the item as selected.\n /\n selected?: boolean;\n /\n The size of the list item.\n /\n size?: ListItemSize;\n /\n The tab index of the list item for keyboard navigation.\n /\n tabIndex?: number;\n /\n Indicates the current state of the item in a set of items.\n /\n \"aria-current\"?: AriaAttributes[\"aria-current\"];\n /\n The ARIA role of the list item.\n /\n role?: AriaRole;\n /\n Props passed to the tooltip displayed when hovering over the text.\n */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n component = \"div\",\n onClick = NOOP,\n onHover = NOOP,\n selected,\n disabled = false,\n size = SIZES.SMALL,\n tabIndex = 0,\n children,\n \"aria-current\": ariaCurrent,\n \"data-testid\": dataTestId,\n role = \"option\",\n tooltipProps\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const { updateFocusedItem } = useContext(ListContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n useEffect(() => {\n if (selected) {\n updateFocusedItem?.(id);\n }\n }, [selected, id, updateFocusedItem]);\n\n const componentOnClick = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (disabled) return;\n onClick(event, id);\n },\n [disabled, onClick, id]\n );\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n ref: componentRef,\n callback: componentOnClick\n });\n\n const componentOnHover = useCallback(\n (event: React.MouseEvent \| React.FocusEvent) => {\n if (disabled) return;\n onHover(event, id);\n },\n [disabled, onHover, id]\n );\n\n return (\n <Text\n element={component}\n data-testid={dataTestId \|\| id}\n ref={mergedRef}\n className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n [styles.selected]: selected && !disabled,\n [styles.disabled]: disabled\n })}\n id={id}\n type=\"text2\"\n aria-disabled={disabled}\n aria-selected={selected}\n onClick={componentOnClick}\n onMouseEnter={componentOnHover}\n onFocus={componentOnHover}\n role={role}\n tabIndex={tabIndex}\n aria-current={ariaCurrent}\n tooltipProps={tooltipProps}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListItem, {\n // Used by VirtualizedListItems\n displayName: \"ListItem\"\n});\n\~~ninterface ListItemStaticProps {\n sizes: typeof SIZES;\n components: typeof ListItemComponentTypeEnum;\n}\n\~~nexport default ~~withStaticProps<ListItemProps, ListItemStaticProps>(~~ListItem~~, {\n sizes: SIZES,\n components: ListItemComponentTypeEnum\n})~~;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName"~~,"withStaticProps","sizes","components","ListItemComponentTypeEnum"~~],"mappings":"~~0nCAuEA~~,~~IAAMA~~,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBkC,EAAY,CACVC,KAAMC,EACNtC,IAAK4B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEuC,EAAAC,cAACC,EAAI,CACHC,QAASxC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW4C,EAAGC,EAAOC,SAAU9C,EAAW+C,EAASF,EAAQG,EAAUnC,IAAMoC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOpC,SAAWA,IAAaE,GAC/BkC,EAAOlC,SAAWA,IAErBV,GAAIA,EACJiD,KAAK,QAAO,gBACGvC,EACA,gBAAAF,EACfJ,QAAS2B,EACTmB,aAAcZ,EACda,QAASb,EACTjB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFmC,OAAOC,OAAO1D,EAAU,CAEtB2D,YAAa~~,aAQf,IAAeC,EAAAA,EAAoD5D,EAAU,CAC3E6D,MAAO3C,EACP4C,WAAYC~~"}
1	+ {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n type AriaAttributes,\n type AriaRole,\n forwardRef,\n useCallback,\n useContext,\n useEffect,\n useRef\n} from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { Text } from \"@vibe/typography\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { type ListItemElement, type ListItemSize } from \"./ListItem.types\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n /*\n The HTML element used for the list item.\n /\n component?: ListItemElement;\n /\n The textual content inside the list item.\n /\n children?: ElementContent;\n /\n Callback fired when the item is clicked.\n /\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, id: string) => void;\n /\n Callback fired when the item is hovered.\n /\n onHover?: (event: React.MouseEvent \| React.FocusEvent, id: string) => void;\n /\n If true, disables the item and prevents interactions.\n /\n disabled?: boolean;\n /\n If true, marks the item as selected.\n /\n selected?: boolean;\n /\n The size of the list item.\n /\n size?: ListItemSize;\n /\n The tab index of the list item for keyboard navigation.\n /\n tabIndex?: number;\n /\n Indicates the current state of the item in a set of items.\n /\n \"aria-current\"?: AriaAttributes[\"aria-current\"];\n /\n The ARIA role of the list item.\n /\n role?: AriaRole;\n /\n Props passed to the tooltip displayed when hovering over the text.\n */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n component = \"div\",\n onClick = NOOP,\n onHover = NOOP,\n selected,\n disabled = false,\n size = SIZES.SMALL,\n tabIndex = 0,\n children,\n \"aria-current\": ariaCurrent,\n \"data-testid\": dataTestId,\n role = \"option\",\n tooltipProps\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const { updateFocusedItem } = useContext(ListContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n useEffect(() => {\n if (selected) {\n updateFocusedItem?.(id);\n }\n }, [selected, id, updateFocusedItem]);\n\n const componentOnClick = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (disabled) return;\n onClick(event, id);\n },\n [disabled, onClick, id]\n );\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n ref: componentRef,\n callback: componentOnClick\n });\n\n const componentOnHover = useCallback(\n (event: React.MouseEvent \| React.FocusEvent) => {\n if (disabled) return;\n onHover(event, id);\n },\n [disabled, onHover, id]\n );\n\n return (\n <Text\n element={component}\n data-testid={dataTestId \|\| id}\n ref={mergedRef}\n className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n [styles.selected]: selected && !disabled,\n [styles.disabled]: disabled\n })}\n id={id}\n type=\"text2\"\n aria-disabled={disabled}\n aria-selected={selected}\n onClick={componentOnClick}\n onMouseEnter={componentOnHover}\n onFocus={componentOnHover}\n role={role}\n tabIndex={tabIndex}\n aria-current={ariaCurrent}\n tooltipProps={tooltipProps}\n >\n {children}\n </Text>\n );\n }\n);\n\nObject.assign(ListItem, {\n // Used by VirtualizedListItems\n displayName: \"ListItem\"\n});\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","tooltipProps","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName"],"mappings":"m9BAsEMA,IAAAA,EAAWC,GACf,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAYzB,EAAZyB,aAIMC,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAEnCI,GAAU,WACJtB,IACFe,SAAAA,EAAoBvB,GAEvB,GAAE,CAACQ,EAAUR,EAAIuB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKvB,GACJN,EAAQ6B,EAAOjC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBkC,EAAY,CACVC,KAAMC,EACNtC,IAAK4B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKvB,GACJH,EAAQ0B,EAAOjC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEuC,EAAAC,cAACC,EAAI,CACHC,QAASxC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK8B,EACL7B,UAAW4C,EAAGC,EAAOC,SAAU9C,EAAW+C,EAASF,EAAQG,EAAUnC,IAAMoC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOpC,SAAWA,IAAaE,GAC/BkC,EAAOlC,SAAWA,IAErBV,GAAIA,EACJiD,KAAK,QAAO,gBACGvC,EACA,gBAAAF,EACfJ,QAAS2B,EACTmB,aAAcZ,EACda,QAASb,EACTjB,KAAMA,EACNL,SAAUA,iBACIE,EACdI,aAAcA,GAEbL,EAGP,IAGFmC,OAAOC,OAAO1D,EAAU,CAEtB2D,YAAa"}

package/dist/src/components/ListItem/ListItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_cb830b0273","focus-visible":"focus-visible_351eea72dc",disabled:"disabled_7a65f29004",selected:"selected_a09e0022af",small:"small_a25f40205f",medium:"medium_ba2779b38a",large:"large_bd7aa4884f"};!function(e){const n="s_id-8402a299d384_3_85_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_cb830b0273 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_cb830b0273:focus-visible, .listItem_cb830b0273.focus-visible_351eea72dc {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_cb830b0273:focus:not(.focus-visible_351eea72dc) {\n  outline: none;\n}\n.listItem_cb830b0273:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_7a65f29004 {\n  cursor: not-allowed;\n}\n.disabled_7a65f29004:hover {\n  background-color: transparent;\n}\n.selected_a09e0022af {\n  background-color: var(--primary-selected-color);\n}\n.selected_a09e0022af:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_a25f40205f {\n  height: 32px;\n}\n.medium_ba2779b38a {\n  height: 40px;\n}\n.large_bd7aa4884f {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_1fd1a6baa0","focus-visible":"focus-visible_76106db1ef",disabled:"disabled_bb6d015f4f",selected:"selected_9a3cc76b71",small:"small_816ba795fb",medium:"medium_d272b92ea6",large:"large_4f2c1cf313"};!function(e){const n="s_id-8402a299d384_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.listItem_1fd1a6baa0 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_1fd1a6baa0:focus-visible, .listItem_1fd1a6baa0.focus-visible_76106db1ef {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_1fd1a6baa0:focus:not(.focus-visible_76106db1ef) {\n  outline: none;\n}\n.listItem_1fd1a6baa0:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_bb6d015f4f {\n  cursor: not-allowed;\n}\n.disabled_bb6d015f4f:hover {\n  background-color: transparent;\n}\n.selected_9a3cc76b71 {\n  background-color: var(--primary-selected-color);\n}\n.selected_9a3cc76b71:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_816ba795fb {\n  height: 32px;\n}\n.medium_d272b92ea6 {\n  height: 40px;\n}\n.large_4f2c1cf313 {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

package/dist/src/components/ListItemAvatar/ListItemAvatar.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as s,useRef as a}from"react";import r from"classnames";import e from"../../hooks/useMergeRef.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"../Avatar/Avatar.js";import{ListItemComponentType as i}from"../ListItem/ListItemConstants.js";import l from"./ListItemAvatar.module.scss.js";var c=m(s((function(s,m){var i=s.className,c=s.id,p=s.src,n=s.avatarClassName,f=s.component,v=void 0===f?"div":f,d=a(null),u=e(m,d);return t.createElement(v,{ref:u,className:r(l.listItemAvatar,i),id:c,"aria-hidden":"true"},t.createElement(o,{src:p,type:"img",size:"small",className:r(l.avatar,n)}))})),{components:i});export{c as default};
+import a,{forwardRef as e,useRef as r}from"react";import t from"classnames";import s from"../../hooks/useMergeRef.js";import m from"../Avatar/Avatar.js";import o from"./ListItemAvatar.module.scss.js";var i=e((function(e,i){var l=e.className,c=e.id,n=e.src,v=e.avatarClassName,f=e.component,d=void 0===f?"div":f,p=r(null),u=s(i,p);return a.createElement(d,{ref:u,className:t(o.listItemAvatar,l),id:c,"aria-hidden":"true"},a.createElement(m,{src:n,type:"img",size:"small",className:t(o.avatar,v)}))}));export{i as default};
 //# sourceMappingURL=ListItemAvatar.js.map

package/dist/src/components/ListItemAvatar/ListItemAvatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps, ~~withStaticProps~~ } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { ~~ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport {~~ type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n /*\n The HTML element used for the list item avatar.\n /\n component?: ListItemElement;\n /\n The source URL of the avatar image.\n /\n src?: string;\n /\n Class name applied to the avatar.\n */\n avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n (\n { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n </Component>\n );\n }\n);\n\~~ninterface ListItemAvatarStaticProps {\n components: typeof ListItemComponentTypeEnum;\n}\n\~~nexport default ~~withStaticProps<ListItemAvatarProps, ListItemAvatarStaticProps>(~~ListItemAvatar~~, {\n components: ListItemComponentTypeEnum\n})~~;\n"],"names":["~~withStaticProps~~","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"~~,"components","ListItemComponentTypeEnum"~~],"mappings":"~~yXAwBA~~,~~IAoBeA~~,~~EAAAA~~,~~EApBQC,~~GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E~~,IAO6F,CAC7FiB,WAAYC~~"}
1	+ {"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { type ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n /*\n The HTML element used for the list item avatar.\n /\n component?: ListItemElement;\n /\n The source URL of the avatar image.\n /\n src?: string;\n /\n Class name applied to the avatar.\n */\n avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n (\n { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n </Component>\n );\n }\n);\n\nexport default ListItemAvatar;\n"],"names":["ListItemAvatar","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar"],"mappings":"wMAuBMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E"}

package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_a401d87035",avatar:"avatar_58a08c1343"};!function(e){const t="s_id-64054545c9e6_3_85_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_a401d87035 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_58a08c1343 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_bade65e4ec",avatar:"avatar_2123c131a9"};!function(e){const t="s_id-64054545c9e6_3_85_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listItemAvatar_bade65e4ec {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n.avatar_2123c131a9 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map