npm - @vibe/core - Versions diffs - 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.0 - Mend

@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-27d50.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 (892) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiStepIndicator.js","sources":["../../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport Divider from \"~~../../components~~/~~Divider/Divider~~\";\nimport { NOOP } from \"@vibe/shared\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n /*\n The list of steps in the multi-step indicator.\n /\n steps?: Step[];\n /\n The visual style of the multi-step indicator.\n /\n type?: MultiStepType;\n /\n Class name applied to each step component.\n /\n stepComponentClassName?: string;\n /\n Class name applied to the divider between steps.\n /\n dividerComponentClassName?: string;\n /\n The icon used for fulfilled steps.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of the fulfilled step icon.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when a step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n The placement of the step text.\n /\n textPlacement?: TextPlacement;\n /\n The size of the multi-step indicator.\n */\n size?: MultiStepSize;\n}\n\nconst MultiStepIndicator = forwardRef(\n (\n {\n className,\n steps = [],\n type = \"primary\",\n stepComponentClassName,\n dividerComponentClassName,\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n textPlacement = \"horizontal\",\n id,\n size,\n \"data-testid\": dataTestId\n }: MultiStepIndicatorProps,\n ref: React.ForwardedRef<HTMLOListElement>\n ) => {\n const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n const renderHorizontalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <React.Fragment key={`${step.titleText}_${index}`}>\n <StepIndicator\n {...step}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n size={finalSize}\n />\n {index !== steps.length - 1 && (\n <Divider\n className={cx(styles.divider, dividerComponentClassName, {\n [styles.compact]: finalSize === \"compact\"\n })}\n />\n )}\n </React.Fragment>\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length,\n finalSize\n ]\n );\n\n const renderVerticalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <StepIndicator\n {...step}\n key={`${step.titleText}_${index}`}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFollowedByDivider={index !== steps.length - 1}\n stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n isVertical\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n />\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length\n ]\n );\n\n const stepRenderer = useMemo(\n () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n );\n\n return (\n <ol\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n className={cx(styles.wrapper, className)}\n >\n {steps.map(stepRenderer)}\n </ol>\n );\n }\n);\n\nexport default MultiStepIndicator;\n"],"names":["MultiStepIndicator","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map"],"mappings":"~~8fAwDMA~~,IAAAA,EAAqBC,GACzB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB"}
1	+ {"version":3,"file":"MultiStepIndicator.js","sources":["../../../../../src/components/MultiStepIndicator/MultiStepIndicator.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { Check } from \"@vibe/icons\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { Divider } from \"@vibe/divider\";\nimport { NOOP } from \"@vibe/shared\";\nimport StepIndicator from \"./components/StepIndicator/StepIndicator\";\nimport { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from \"./MultiStep.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./MultiStepIndicator.module.scss\";\n\nexport interface MultiStepIndicatorProps extends VibeComponentProps {\n /*\n The list of steps in the multi-step indicator.\n /\n steps?: Step[];\n /\n The visual style of the multi-step indicator.\n /\n type?: MultiStepType;\n /\n Class name applied to each step component.\n /\n stepComponentClassName?: string;\n /\n Class name applied to the divider between steps.\n /\n dividerComponentClassName?: string;\n /\n The icon used for fulfilled steps.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of the fulfilled step icon.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when a step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n The placement of the step text.\n /\n textPlacement?: TextPlacement;\n /\n The size of the multi-step indicator.\n */\n size?: MultiStepSize;\n}\n\nconst MultiStepIndicator = forwardRef(\n (\n {\n className,\n steps = [],\n type = \"primary\",\n stepComponentClassName,\n dividerComponentClassName,\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n textPlacement = \"horizontal\",\n id,\n size,\n \"data-testid\": dataTestId\n }: MultiStepIndicatorProps,\n ref: React.ForwardedRef<HTMLOListElement>\n ) => {\n const finalSize = textPlacement === \"vertical\" ? \"regular\" : size;\n\n const renderHorizontalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <React.Fragment key={`${step.titleText}_${index}`}>\n <StepIndicator\n {...step}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n size={finalSize}\n />\n {index !== steps.length - 1 && (\n <Divider\n className={cx(styles.divider, dividerComponentClassName, {\n [styles.compact]: finalSize === \"compact\"\n })}\n />\n )}\n </React.Fragment>\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length,\n finalSize\n ]\n );\n\n const renderVerticalStepIndicator = useCallback(\n (step: Step, index: number) => {\n return (\n <StepIndicator\n {...step}\n key={`${step.titleText}_${index}`}\n stepNumber={index + 1}\n type={type}\n stepComponentClassName={stepComponentClassName}\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n onClick={onClick}\n isFollowedByDivider={index !== steps.length - 1}\n stepDividerClassName={cx(styles.divider, dividerComponentClassName)}\n isVertical\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n />\n );\n },\n [\n onClick,\n isFulfilledStepDisplayNumber,\n type,\n stepComponentClassName,\n fulfilledStepIcon,\n fulfilledStepIconType,\n dividerComponentClassName,\n steps.length\n ]\n );\n\n const stepRenderer = useMemo(\n () => (textPlacement === \"vertical\" ? renderVerticalStepIndicator : renderHorizontalStepIndicator),\n [textPlacement, renderVerticalStepIndicator, renderHorizontalStepIndicator]\n );\n\n return (\n <ol\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MULTI_STEP_INDICATOR, id)}\n className={cx(styles.wrapper, className)}\n >\n {steps.map(stepRenderer)}\n </ol>\n );\n }\n);\n\nexport default MultiStepIndicator;\n"],"names":["MultiStepIndicator","forwardRef","_ref","ref","className","_ref$steps","steps","_ref$type","type","stepComponentClassName","dividerComponentClassName","_ref$fulfilledStepIco","fulfilledStepIcon","Check","_ref$fulfilledStepIco2","fulfilledStepIconType","_ref$isFulfilledStepD","isFulfilledStepDisplayNumber","_ref$onClick","onClick","NOOP","_ref$textPlacement","textPlacement","id","dataTestId","finalSize","size","renderHorizontalStepIndicator","useCallback","step","index","React","createElement","Fragment","key","concat","titleText","StepIndicator","Object","assign","stepNumber","length","Divider","cx","styles","divider","_defineProperty","compact","renderVerticalStepIndicator","isFollowedByDivider","stepDividerClassName","isVertical","stepRenderer","useMemo","getTestId","ComponentDefaultTestId","MULTI_STEP_INDICATOR","wrapper","map"],"mappings":"khBAwDMA,IAAAA,EAAqBC,GACzB,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UAASC,EAAAH,EACTI,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACVM,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAsBP,EAAtBO,uBACAC,EAAyBR,EAAzBQ,0BAAyBC,EAAAT,EACzBU,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAKF,EAAAG,EAAAZ,EACzBa,sBAAAA,OAAwB,IAAHD,EAAG,MAAKA,EAAAE,EAAAd,EAC7Be,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAhB,EACpCiB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAnB,EACdoB,cAAAA,OAAgB,IAAHD,EAAG,aAAYA,EAC5BE,EAAErB,EAAFqB,GAEeC,EAAUtB,EAAzB,eAIIuB,EAA8B,aAAlBH,EAA+B,UAL3CpB,EAAJwB,KAOIC,EAAgCC,GACpC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACD,EAAME,SAAS,CAAAC,IAAG,GAAAC,OAAKN,EAAKO,UAAS,KAAAD,OAAIL,IACxCC,EAAAC,cAACK,EACKC,OAAAC,OAAA,CAAA,EAAAV,EACJ,CAAAW,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACTF,6BAA8BA,EAC9BS,KAAMD,KAEPK,IAAUxB,EAAMmC,OAAS,GACxBV,EAACC,cAAAU,GACCtC,UAAWuC,EAAGC,EAAOC,QAASnC,EAAyBoC,EAAA,CAAA,EACpDF,EAAOG,QAAwB,YAAdtB,MAM7B,GACD,CACEN,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,OACNhB,IAIEuB,EAA8BpB,GAClC,SAACC,EAAYC,GACX,OACEC,EAAAC,cAACK,EAAaC,OAAAC,OAAA,CAAA,EACRV,EACJ,CAAAK,IAAG,GAAAC,OAAKN,EAAKO,UAASD,KAAAA,OAAIL,GAC1BU,WAAYV,EAAQ,EACpBtB,KAAMA,EACNC,uBAAwBA,EACxBG,kBAAmBA,EACnBG,sBAAuBA,EACvBI,QAASA,EACT8B,oBAAqBnB,IAAUxB,EAAMmC,OAAS,EAC9CS,qBAAsBP,EAAGC,EAAOC,QAASnC,GACzCyC,cACAlC,6BAA8BA,IAGnC,GACD,CACEE,EACAF,EACAT,EACAC,EACAG,EACAG,EACAL,EACAJ,EAAMmC,SAIJW,EAAeC,GACnB,WAAA,MAAyB,aAAlB/B,EAA+B0B,EAA8BrB,CAA8B,GAClG,CAACL,EAAe0B,EAA6BrB,IAG/C,OACEI,EACEC,cAAA,KAAA,CAAA7B,IAAKA,EACLoB,GAAIA,EACS,cAAAC,GAAc8B,EAAUC,EAAuBC,qBAAsBjC,GAClFnB,UAAWuC,EAAGC,EAAOa,QAASrD,IAE7BE,EAAMoD,IAAIN,GAGjB"}

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){const n="s_id-234f8f4cd160_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--space-8);\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={wrapper:"wrapper",divider:"divider",compact:"compact"};!function(e){const n="s_id-234f8f4cd160_4_5_10";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  display: flex;\n}\n.wrapper .divider {\n  background-color: var(--ui-border-color);\n  margin: 16px;\n  height: 1px;\n  width: 48px;\n}\n.wrapper .divider.compact {\n  max-width: 40px;\n  min-width: 16px;\n  margin-inline-start: var(--space-8);\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=MultiStepIndicator.module.scss.js.map

package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as a}from"es-toolkit";import{useEventListener as n,useKeyEvent as r,NOOP as o,getStyle as l}from"@vibe/shared";import{getTestId as c,ComponentDefaultTestId as s}from"../../../../tests/testIds.js";import m from"classnames";import{keyCodes as d}from"../../../../constants/keyCodes.js";import p,{useState as u,useRef as f,useCallback as v,useEffect as _,useMemo as b}from"react";import{SwitchTransition as y,CSSTransition as E}from"react-transition-group";import{Icon as N}from"@vibe/icon/mockedClassNames";import{Check as x}from"@vibe/icons";import S from"../../../Divider/Divider.js";import k from"../../../HiddenText/HiddenText.js";import{Clickable as C}from"@vibe/clickable/mockedClassNames";import I from"./StepIndicator.module.scss.js";var T=[d.ENTER,d.SPACE],A=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?p.createElement(p.Fragment,null,e.stepNumber):p.createElement(N,{icon:t,className:m(I.numberContainerTextCheckIcon),type:i,ignoreFocusStyle:!0,"aria-hidden":!0})},g=function(d){var N=d.stepComponentClassName,g=d.stepNumber,D=void 0===g?1:g,j=d.status,w=void 0===j?"pending":j,F=d.titleText,P=void 0===F?"Heading text":F,h=d.subtitleText,H=void 0===h?"Subtitle text":h,R=d.type,z=void 0===R?"primary":R,B=d.fulfilledStepIcon,L=void 0===B?x:B,V=d.fulfilledStepIconType,O=void 0===V?"svg":V,q=d.isFulfilledStepDisplayNumber,G=void 0!==q&&q,J=d.onClick,K=void 0===J?o:J,M=d.isFollowedByDivider,Q=void 0!==M&&M,U=d.stepDividerClassName,W=d.isVertical,X=void 0!==W&&W,Y=d.id,Z=d.size,$=void 0===Z?"regular":Z,ee=d["data-testid"],te=u(!1),ie=e(te,2),ae=ie[0],ne=ie[1],re=f(null),oe=f(null),le=f(w),ce=v((function(){ne(!0)}),[ne]),se=v((function(){ne(!1)}),[ne]),me=v((function(){return le.current!==w}),[le,w]),de=v((function(){K&&K(D)}),[K,D]);n({eventName:"animationend",callback:se,ref:re}),r({keys:T,callback:de,ref:re}),_((function(){me()&&ce()}),[w,me,ce]),_((function(){le.current=w}),[w]);var pe=b((function(){return"Step ".concat(D,": ").concat(P," - ").concat(H,", status: ").concat(w)}),[w,P,D,H]),ue=function(e){return[l(I,a(e||"indicator")),l(I,a("type-".concat(z).concat(e))),l(I,a("status-".concat(w).concat(e))),l(I,a("size-".concat($).concat(e)))]};return p.createElement(C,{tabIndex:-1,elementType:"li",className:m.apply(void 0,t(ue("")).concat([N,i(i(i({},I.withAnimation,ae),I.clickable,K),I.textPlacementVertical,X)])),"aria-label":pe,onClick:de,"data-testid":ee||c(s.STEP_INDICATOR,Y)},p.createElement("div",{className:m.apply(void 0,t(ue("__number-divider-container")))},p.createElement("div",{className:m.apply(void 0,t(ue("__number-container"))),ref:re,tabIndex:0,role:"button"},p.createElement(y,{mode:"out-in"},p.createElement(E,{key:w,nodeRef:oe,classNames:{enter:I.swapEnter,enterActive:I.swapEnterActive,exit:I.swapExit,exitActive:I.swapExitActive},addEndListener:function(e){var t;null===(t=oe.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},p.createElement("span",{ref:oe,className:m.apply(void 0,t(ue("__number-container__text")))},p.createElement(A,{fulfilledStepIcon:L,fulfilledStepIconType:O,isFulfilledStepDisplayNumber:G,stepNumber:D,status:w}))))),Q&&X&&p.createElement(S,{className:m(I.divider,U)})),p.createElement("div",{className:m.apply(void 0,t(ue("__text-container")))},p.createElement("div",{className:m.apply(void 0,t(ue("__text-container__title")))},p.createElement(k,{text:w})," ",p.createElement("span",{className:m.apply(void 0,t(ue("__text-container__title__text")))},P)),"compact"!==$?p.createElement("span",{className:m.apply(void 0,t(ue("__text-container__subtitle__text")))},H):null))};export{g as default};
+import{slicedToArray as e,toConsumableArray as t,defineProperty as i}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as a}from"es-toolkit";import{useEventListener as n,useKeyEvent as r,NOOP as o,getStyle as l}from"@vibe/shared";import{getTestId as c,ComponentDefaultTestId as s}from"../../../../tests/testIds.js";import m from"classnames";import{keyCodes as d}from"../../../../constants/keyCodes.js";import p,{useState as u,useRef as f,useCallback as v,useEffect as _,useMemo as b}from"react";import{SwitchTransition as y,CSSTransition as E}from"react-transition-group";import{Icon as N}from"@vibe/icon/mockedClassNames";import{Check as x}from"@vibe/icons";import{Divider as S}from"@vibe/divider/mockedClassNames";import k from"../../../HiddenText/HiddenText.js";import{Clickable as C}from"@vibe/clickable/mockedClassNames";import I from"./StepIndicator.module.scss.js";var T=[d.ENTER,d.SPACE],A=function(e){var t=e.fulfilledStepIcon,i=e.fulfilledStepIconType;return"fulfilled"!==e.status||e.isFulfilledStepDisplayNumber?p.createElement(p.Fragment,null,e.stepNumber):p.createElement(N,{icon:t,className:m(I.numberContainerTextCheckIcon),type:i,ignoreFocusStyle:!0,"aria-hidden":!0})},g=function(d){var N=d.stepComponentClassName,g=d.stepNumber,w=void 0===g?1:g,D=d.status,F=void 0===D?"pending":D,j=d.titleText,P=void 0===j?"Heading text":j,h=d.subtitleText,H=void 0===h?"Subtitle text":h,R=d.type,z=void 0===R?"primary":R,B=d.fulfilledStepIcon,L=void 0===B?x:B,V=d.fulfilledStepIconType,O=void 0===V?"svg":V,q=d.isFulfilledStepDisplayNumber,G=void 0!==q&&q,J=d.onClick,K=void 0===J?o:J,M=d.isFollowedByDivider,Q=void 0!==M&&M,U=d.stepDividerClassName,W=d.isVertical,X=void 0!==W&&W,Y=d.id,Z=d.size,$=void 0===Z?"regular":Z,ee=d["data-testid"],te=u(!1),ie=e(te,2),ae=ie[0],ne=ie[1],re=f(null),oe=f(null),le=f(F),ce=v((function(){ne(!0)}),[ne]),se=v((function(){ne(!1)}),[ne]),me=v((function(){return le.current!==F}),[le,F]),de=v((function(){K&&K(w)}),[K,w]);n({eventName:"animationend",callback:se,ref:re}),r({keys:T,callback:de,ref:re}),_((function(){me()&&ce()}),[F,me,ce]),_((function(){le.current=F}),[F]);var pe=b((function(){return"Step ".concat(w,": ").concat(P," - ").concat(H,", status: ").concat(F)}),[F,P,w,H]),ue=function(e){return[l(I,a(e||"indicator")),l(I,a("type-".concat(z).concat(e))),l(I,a("status-".concat(F).concat(e))),l(I,a("size-".concat($).concat(e)))]};return p.createElement(C,{tabIndex:-1,elementType:"li",className:m.apply(void 0,t(ue("")).concat([N,i(i(i({},I.withAnimation,ae),I.clickable,K),I.textPlacementVertical,X)])),"aria-label":pe,onClick:de,"data-testid":ee||c(s.STEP_INDICATOR,Y)},p.createElement("div",{className:m.apply(void 0,t(ue("__number-divider-container")))},p.createElement("div",{className:m.apply(void 0,t(ue("__number-container"))),ref:re,tabIndex:0,role:"button"},p.createElement(y,{mode:"out-in"},p.createElement(E,{key:F,nodeRef:oe,classNames:{enter:I.swapEnter,enterActive:I.swapEnterActive,exit:I.swapExit,exitActive:I.swapExitActive},addEndListener:function(e){var t;null===(t=oe.current)||void 0===t||t.addEventListener("transitionend",e,!1)}},p.createElement("span",{ref:oe,className:m.apply(void 0,t(ue("__number-container__text")))},p.createElement(A,{fulfilledStepIcon:L,fulfilledStepIconType:O,isFulfilledStepDisplayNumber:G,stepNumber:w,status:F}))))),Q&&X&&p.createElement(S,{className:m(I.divider,U)})),p.createElement("div",{className:m.apply(void 0,t(ue("__text-container")))},p.createElement("div",{className:m.apply(void 0,t(ue("__text-container__title")))},p.createElement(k,{text:F})," ",p.createElement("span",{className:m.apply(void 0,t(ue("__text-container__title__text")))},P)),"compact"!==$?p.createElement("span",{className:m.apply(void 0,t(ue("__text-container__subtitle__text")))},H):null))};export{g as default};
 //# sourceMappingURL=StepIndicator.js.map

package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","sources":["../../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport Divider from \"../../../../components/Divider/Divider\";\n\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type MultiStepSize, type MultiStepType, type StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n /*\n The status of the step.\n /\n status: StepStatus;\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber: boolean;\n /\n The icon displayed when the step is fulfilled.\n /\n fulfilledStepIcon: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType: \"svg\" \| \"font\";\n /\n The step number in the sequence.\n /\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n type={fulfilledStepIconType}\n ignoreFocusStyle\n aria-hidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n /\n The status of the step.\n /\n status: StepStatus;\n /\n The main title text for the step.\n /\n titleText: string;\n /\n The subtitle text for the step.\n /\n subtitleText?: string;\n /\n The number of the step in the sequence.\n /\n stepNumber?: number;\n /\n Class name applied to the step component.\n /\n stepComponentClassName?: string;\n /\n The visual style of the step indicator.\n /\n type?: MultiStepType;\n /\n The icon used for a fulfilled step.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when the step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n If true, adds a divider after the step.\n /\n isFollowedByDivider?: boolean;\n /\n Class name applied to the step divider.\n /\n stepDividerClassName?: string;\n /\n If true, the step indicator is displayed vertically.\n /\n isVertical?: boolean;\n /\n The size of the step indicator.\n /\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const nodeRef = useRef<HTMLSpanElement>(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex={-1}\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition\n key={status}\n nodeRef={nodeRef}\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={done => {\n nodeRef.current?.addEventListener(\"transitionend\", done, false);\n }}\n >\n <span ref={nodeRef} className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/ for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","stepNumber","createElement","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","type","ignoreFocusStyle","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","nodeRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","key","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","done","_a","addEventListener","Divider","divider","HiddenText","text"],"mappings":"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"}
1	+ {"version":3,"file":"StepIndicator.js","sources":["../../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check } from \"@vibe/icons\";\nimport { Divider } from \"@vibe/divider\";\n\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { type MultiStepSize, type MultiStepType, type StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n /*\n The status of the step.\n /\n status: StepStatus;\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber: boolean;\n /\n The icon displayed when the step is fulfilled.\n /\n fulfilledStepIcon: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType: \"svg\" \| \"font\";\n /\n The step number in the sequence.\n /\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n type={fulfilledStepIconType}\n ignoreFocusStyle\n aria-hidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n /\n The status of the step.\n /\n status: StepStatus;\n /\n The main title text for the step.\n /\n titleText: string;\n /\n The subtitle text for the step.\n /\n subtitleText?: string;\n /\n The number of the step in the sequence.\n /\n stepNumber?: number;\n /\n Class name applied to the step component.\n /\n stepComponentClassName?: string;\n /\n The visual style of the step indicator.\n /\n type?: MultiStepType;\n /\n The icon used for a fulfilled step.\n /\n fulfilledStepIcon?: SubIcon;\n /\n The type of icon used.\n /\n fulfilledStepIconType?: \"svg\" \| \"font\";\n /\n If true, displays the step number instead of the fulfilled step icon.\n /\n isFulfilledStepDisplayNumber?: boolean;\n /\n Callback fired when the step is clicked.\n /\n onClick?: (stepNumber: number) => void;\n /\n If true, adds a divider after the step.\n /\n isFollowedByDivider?: boolean;\n /\n Class name applied to the step divider.\n /\n stepDividerClassName?: string;\n /\n If true, the step indicator is displayed vertically.\n /\n isVertical?: boolean;\n /\n The size of the step indicator.\n /\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const nodeRef = useRef<HTMLSpanElement>(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex={-1}\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition\n key={status}\n nodeRef={nodeRef}\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={done => {\n nodeRef.current?.addEventListener(\"transitionend\", done, false);\n }}\n >\n <span ref={nodeRef} className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/ for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","stepNumber","createElement","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","type","ignoreFocusStyle","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","nodeRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","key","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","done","_a","addEventListener","Divider","divider","HiddenText","text"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={indicator:"indicator",textContainer:"textContainer",sizeCompactTextContainer:"sizeCompactTextContainer",textContainerTitle:"textContainerTitle",visuallyHidden:"visuallyHidden",textContainerTitleText:"textContainerTitleText",textContainerSubtitleText:"textContainerSubtitleText",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle",textPlacementVertical:"textPlacementVertical",numberDividerContainer:"numberDividerContainer",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText",divider:"divider",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer",clickable:"clickable",withAnimation:"withAnimation",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic",swapEnter:"swapEnter",swapEnterActive:"swapEnterActive",swapExit:"swapExit",swapExitActive:"swapExitActive",numberContainer:"numberContainer",numberContainerText:"numberContainerText",numberContainerTextCheckIcon:"numberContainerTextCheckIcon",typePrimaryNumberContainer:"typePrimaryNumberContainer",typeDangerNumberContainer:"typeDangerNumberContainer",typeSuccessNumberContainer:"typeSuccessNumberContainer",typeDarkNumberContainer:"typeDarkNumberContainer",statusActiveNumberContainer:"statusActiveNumberContainer",sizeCompactNumberContainer:"sizeCompactNumberContainer",statusPendingNumberContainer:"statusPendingNumberContainer","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic"};!function(n){const e="s_id-f6545f2945fe_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-start: 16px;\n}\n\n.sizeCompactTextContainer {\n  margin-inline-start: var(--space-8);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--space-4);\n}\n\n.textContainerTitle .visuallyHidden {\n  display: none;\n}\n\n.textContainerTitleText {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical .textContainer {\n  margin-inline-start: 0;\n  margin-top: var(--space-16);\n}\n\n.textPlacementVertical .numberDividerContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical .numberDividerContainer .divider {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px;\n  margin-inline-start: 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer.statusActiveNumberDividerContainer {\n  width: 40px;\n}\n\n.indicator.clickable {\n  cursor: pointer;\n}\n\n.withAnimation {\n  animation: stepIndicatiorCirclePopElastic var(--motion-expressive-short);\n}\n\n/* New state enters */\n.swapEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n.swapExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer.typeDangerNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer.typeSuccessNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer.typeDarkNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer.typeDarkNumberContainer:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator",textContainer:"textContainer",sizeCompactTextContainer:"sizeCompactTextContainer",textContainerTitle:"textContainerTitle",visuallyHidden:"visuallyHidden",textContainerTitleText:"textContainerTitleText",textContainerSubtitleText:"textContainerSubtitleText",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle",textPlacementVertical:"textPlacementVertical",numberDividerContainer:"numberDividerContainer",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText",divider:"divider",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer",clickable:"clickable",withAnimation:"withAnimation",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic",swapEnter:"swapEnter",swapEnterActive:"swapEnterActive",swapExit:"swapExit",swapExitActive:"swapExitActive",numberContainer:"numberContainer",numberContainerText:"numberContainerText",numberContainerTextCheckIcon:"numberContainerTextCheckIcon",typePrimaryNumberContainer:"typePrimaryNumberContainer",typeDangerNumberContainer:"typeDangerNumberContainer",typeSuccessNumberContainer:"typeSuccessNumberContainer",typeDarkNumberContainer:"typeDarkNumberContainer",statusActiveNumberContainer:"statusActiveNumberContainer",sizeCompactNumberContainer:"sizeCompactNumberContainer",statusPendingNumberContainer:"statusPendingNumberContainer","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic"};!function(n){const e="s_id-f6545f2945fe_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.indicator {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-inline-start: 16px;\n}\n\n.sizeCompactTextContainer {\n  margin-inline-start: var(--space-8);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle {\n  width: 100%;\n  margin-bottom: var(--space-4);\n}\n\n.textContainerTitle .visuallyHidden {\n  display: none;\n}\n\n.textContainerTitleText {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical .textContainer {\n  margin-inline-start: 0;\n  margin-top: var(--space-16);\n}\n\n.textPlacementVertical .numberDividerContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical .numberDividerContainer .divider {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px;\n  margin-inline-start: 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.sizeCompactNumberDividerContainer.statusActiveNumberDividerContainer {\n  width: 40px;\n}\n\n.indicator.clickable {\n  cursor: pointer;\n}\n\n.withAnimation {\n  animation: stepIndicatiorCirclePopElastic var(--motion-expressive-short);\n}\n\n/* New state enters */\n.swapEnter {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n.swapExit {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer.typeDangerNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer.typeSuccessNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer.typeDarkNumberContainer {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer.typeDangerNumberContainer:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer.typeSuccessNumberContainer:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer.typeDarkNumberContainer:hover {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={numberField:"numberField",label:"label",leftIcon:"leftIcon"};!function(e){const n="s_id-043e6276934a_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField {\n  width: 100%;\n}\n.numberField .label {\n  padding-bottom: 0;\n}\n.numberField .leftIcon {\n  color: var(--icon-color);\n}");export{e as default};
+var e={numberField:"numberField",label:"label",leftIcon:"leftIcon"};!function(e){const n="s_id-043e6276934a_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".numberField {\n  width: 100%;\n}\n.numberField .label {\n  padding-bottom: 0;\n}\n.numberField .leftIcon {\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=NumberField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={spinButton:"spinButton",large:"large",icon:"icon",medium:"medium",small:"small"};!function(n){const e="s_id-eb36452422c9_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton.large {\n  width: 28px;\n  height: 20px;\n}\n.spinButton.large .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.medium {\n  width: 24px;\n  height: 16px;\n}\n.spinButton.medium .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.small {\n  width: 22px;\n  height: 14px;\n}\n.spinButton.small .icon {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
+var n={spinButton:"spinButton",large:"large",icon:"icon",medium:"medium",small:"small"};!function(n){const e="s_id-eb36452422c9_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".spinButton.large {\n  width: 28px;\n  height: 20px;\n}\n.spinButton.large .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.medium {\n  width: 24px;\n  height: 16px;\n}\n.spinButton.medium .icon {\n  width: 16px;\n  height: 16px;\n}\n.spinButton.small {\n  width: 22px;\n  height: 14px;\n}\n.spinButton.small .icon {\n  width: 14px;\n  height: 14px;\n}");export{n as default};
 //# sourceMappingURL=NumberFieldSpinButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper",search:"search",loader:"loader",icon:"icon",empty:"empty"};!function(e){const r="s_id-7351621e5f98_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".searchWrapper .search {\n  appearance: textfield;\n}\n.searchWrapper .search::-webkit-search-cancel-button, .searchWrapper .search::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper .loader {\n  margin-inline-end: var(--space-4);\n}\n.searchWrapper .icon {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper .icon.empty {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper",search:"search",loader:"loader",icon:"icon",empty:"empty"};!function(e){const r="s_id-7351621e5f98_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".searchWrapper .search {\n  appearance: textfield;\n}\n.searchWrapper .search::-webkit-search-cancel-button, .searchWrapper .search::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper .loader {\n  margin-inline-end: var(--space-4);\n}\n.searchWrapper .icon {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper .icon.empty {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={segmentedControl:"segmentedControl",fullWidth:"fullWidth",disabled:"disabled",thumb:"thumb",thumbHidden:"thumbHidden",segment:"segment",segmentContent:"segmentContent",segmentIcon:"segmentIcon",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge"};!function(n){const e="s_id-72704adb4ec4_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl {\n  --track-padding: var(--space-2);\n  --segment-radius: var(--border-radius-small);\n  position: relative;\n  display: inline-grid;\n  grid-template-columns: repeat(var(--segment-count), 1fr);\n  gap: var(--space-2);\n  align-items: stretch;\n  padding: var(--track-padding);\n  background: var(--allgrey-background-color);\n  border-radius: calc(var(--segment-radius) + var(--track-padding));\n  isolation: isolate;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.thumb {\n  position: absolute;\n  z-index: 0;\n  inset-block: var(--track-padding);\n  inset-inline-start: var(--track-padding);\n  width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n  transform: translateX(calc(var(--selected-index) * 100%));\n  background: var(--primary-background-color);\n  border-radius: var(--segment-radius);\n  box-shadow: var(--box-shadow-xs), 0 0 3px 1px var(--ui-border-color);\n  transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden {\n  opacity: 0;\n}\n\n.segment {\n  position: relative;\n  z-index: 1;\n  gap: var(--space-4);\n  padding-inline: var(--space-12);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  border: none;\n  border-radius: var(--segment-radius);\n  color: var(--primary-text-color);\n  font: inherit;\n  white-space: nowrap;\n  transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n  cursor: pointer;\n  user-select: none;\n}\n.segment:hover {\n  color: var(--primary-text-color);\n  background: color-mix(in srgb, currentColor 8%, transparent);\n}\n.segment:active {\n  color: var(--primary-text-color);\n  background: color-mix(in srgb, currentColor 10%, transparent);\n  scale: 0.98;\n}\n\n.segment:focus-visible {\n  outline: 2px solid var(--primary-color);\n  outline-offset: -2px;\n}\n\n.segment[aria-checked=true] {\n  color: var(--primary-text-color);\n}\n.segment[aria-checked=true]:hover, .segment[aria-checked=true]:active {\n  background: transparent;\n  scale: 1;\n}\n\n.segment[aria-disabled=true] {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.segment[aria-disabled=true]:hover, .segment[aria-disabled=true]:active {\n  color: var(--disabled-text-color);\n  background: transparent;\n  scale: 1;\n}\n\n.segmentContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-4);\n}\n\n.segmentIcon {\n  color: var(--icon-color);\n}\n\n.segment:hover .segmentIcon,\n.segment:active .segmentIcon,\n.segment[aria-checked=true] .segmentIcon {\n  color: var(--primary-text-color);\n}\n\n.segment[aria-disabled=true] .segmentIcon {\n  color: var(--disabled-text-color);\n}\n\n.sizeXs {\n  height: 24px;\n  font-size: 12px;\n}\n\n.sizeSmall {\n  height: 32px;\n  font-size: 14px;\n}\n\n.sizeMedium {\n  height: 40px;\n  font-size: 14px;\n}\n\n.sizeLarge {\n  height: 48px;\n  font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb,\n  .segment {\n    transition: none;\n  }\n}");export{n as default};
+var n={segmentedControl:"segmentedControl",fullWidth:"fullWidth",disabled:"disabled",thumb:"thumb",thumbHidden:"thumbHidden",segment:"segment",segmentContent:"segmentContent",segmentIcon:"segmentIcon",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge"};!function(n){const e="s_id-72704adb4ec4_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".segmentedControl {\n  --track-padding: var(--space-2);\n  --segment-radius: var(--border-radius-small);\n  position: relative;\n  display: inline-grid;\n  grid-template-columns: repeat(var(--segment-count), 1fr);\n  gap: var(--space-2);\n  align-items: stretch;\n  padding: var(--track-padding);\n  background: var(--allgrey-background-color);\n  border-radius: calc(var(--segment-radius) + var(--track-padding));\n  isolation: isolate;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.thumb {\n  position: absolute;\n  z-index: 0;\n  inset-block: var(--track-padding);\n  inset-inline-start: var(--track-padding);\n  width: calc((100% - var(--track-padding) * 2) / var(--segment-count));\n  transform: translateX(calc(var(--selected-index) * 100%));\n  background: var(--primary-background-color);\n  border-radius: var(--segment-radius);\n  box-shadow: var(--box-shadow-xs), 0 0 3px 1px var(--ui-border-color);\n  transition: transform var(--motion-expressive-short) cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.thumbHidden {\n  opacity: 0;\n}\n\n.segment {\n  position: relative;\n  z-index: 1;\n  gap: var(--space-4);\n  padding-inline: var(--space-12);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  border: none;\n  border-radius: var(--segment-radius);\n  color: var(--primary-text-color);\n  font: inherit;\n  white-space: nowrap;\n  transition: color var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-short) var(--motion-timing-transition), scale var(--motion-productive-short) var(--motion-timing-transition);\n  cursor: pointer;\n  user-select: none;\n}\n.segment:hover {\n  color: var(--primary-text-color);\n  background: color-mix(in srgb, currentColor 8%, transparent);\n}\n.segment:active {\n  color: var(--primary-text-color);\n  background: color-mix(in srgb, currentColor 10%, transparent);\n  scale: 0.98;\n}\n\n.segment:focus-visible {\n  outline: 2px solid var(--primary-color);\n  outline-offset: -2px;\n}\n\n.segment[aria-checked=true] {\n  color: var(--primary-text-color);\n}\n.segment[aria-checked=true]:hover, .segment[aria-checked=true]:active {\n  background: transparent;\n  scale: 1;\n}\n\n.segment[aria-disabled=true] {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.segment[aria-disabled=true]:hover, .segment[aria-disabled=true]:active {\n  color: var(--disabled-text-color);\n  background: transparent;\n  scale: 1;\n}\n\n.segmentContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--space-4);\n}\n\n.segmentIcon {\n  color: var(--icon-color);\n}\n\n.segment:hover .segmentIcon,\n.segment:active .segmentIcon,\n.segment[aria-checked=true] .segmentIcon {\n  color: var(--primary-text-color);\n}\n\n.segment[aria-disabled=true] .segmentIcon {\n  color: var(--disabled-text-color);\n}\n\n.sizeXs {\n  height: 24px;\n  font-size: 12px;\n}\n\n.sizeSmall {\n  height: 32px;\n  font-size: 14px;\n}\n\n.sizeMedium {\n  height: 40px;\n  font-size: 14px;\n}\n\n.sizeLarge {\n  height: 48px;\n  font-size: 16px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .thumb,\n  .segment {\n    transition: none;\n  }\n}");export{n as default};
 //# sourceMappingURL=SegmentedControl.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){const t="s_id-41cda04b2bc0_4_5_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){const t="s_id-41cda04b2bc0_4_5_10";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slide:"slide",slideForward:"slideForward",slideInForward:"slideInForward",slideBackward:"slideBackward",slideInBackward:"slideInBackward"};!function(e){const n="s_id-17fe3dfbe840_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward {\n  animation: slideInForward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward {\n  animation: slideInBackward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInBackward {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}");export{e as default};
+var e={slide:"slide",slideForward:"slideForward",slideInForward:"slideInForward",slideBackward:"slideBackward",slideInBackward:"slideInBackward"};!function(e){const n="s_id-17fe3dfbe840_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slide {\n  height: 100%;\n  width: 100%;\n}\n\n.slideForward {\n  animation: slideInForward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward {\n  animation: slideInBackward 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward {\n  from {\n    transform: translateX(3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInBackward {\n  from {\n    transform: translateX(-3%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}");export{e as default};
 //# sourceMappingURL=SlideTransition.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator"};!function(e){const t="s_id-8b539873b4f7_4_5_3";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)}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--space-8);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator"};!function(e){const t="s_id-8b539873b4f7_4_5_10";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)}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slider:"slider",valueShown:"valueShown",positionTop:"positionTop",positionBottom:"positionBottom"};!function(e){const n="s_id-4e41ea5b2e41_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown.positionTop {\n  margin-top: 10px;\n}\n.valueShown.positionBottom {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider",valueShown:"valueShown",positionTop:"positionTop",positionBottom:"positionBottom"};!function(e){const n="s_id-4e41ea5b2e41_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown.positionTop {\n  margin-top: 10px;\n}\n.valueShown.positionBottom {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-2512e1e86422_4_5_3";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)}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--space-8);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-2512e1e86422_4_5_10";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)}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--space-8);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){const n="s_id-bb386829c5aa_4_5_3";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)}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){const n="s_id-bb386829c5aa_4_5_10";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)}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-c66a4285003d_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-c66a4285003d_4_5_10";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label",positionTop:"positionTop",positionBottom:"positionBottom",colorPrimary:"colorPrimary",colorSecondary:"colorSecondary"};!function(o){const n="s_id-8687af7a27b4_4_5_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 20px;\n  width: 20px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label.positionTop {\n  bottom: calc(100% + 8px);\n}\n.label.positionBottom {\n  top: calc(100% + 8px);\n}\n.label.colorPrimary {\n  color: var(--primary-text-color);\n}\n.label.colorSecondary {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label",positionTop:"positionTop",positionBottom:"positionBottom",colorPrimary:"colorPrimary",colorSecondary:"colorSecondary"};!function(o){const n="s_id-8687af7a27b4_4_5_10";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n.thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 20px;\n  width: 20px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n.label.positionTop {\n  bottom: calc(100% + 8px);\n}\n.label.positionBottom {\n  top: calc(100% + 8px);\n}\n.label.colorPrimary {\n  color: var(--primary-text-color);\n}\n.label.colorSecondary {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={track:"track",positive:"positive",negative:"negative"};!function(e){const t="s_id-f9216dea54b1_4_5_3";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)}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track",positive:"positive",negative:"negative"};!function(e){const t="s_id-f9216dea54b1_4_5_10";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)}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){const n="s_id-a0238067a712_4_5_3";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)}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-inline-end: var(--space-8);\n}\n\n.postfix {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){const n="s_id-a0238067a712_4_5_10";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)}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-inline-end: var(--space-8);\n}\n\n.postfix {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){const r="s_id-de44e8b791c3_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button .mainButton {\n  margin-inline-end: 0;\n}\n\n.button .secondaryButton {\n  margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-inline-start: 1px solid transparent;\n  margin-inline-start: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-inline-end: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){const r="s_id-de44e8b791c3_4_5_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button .mainButton {\n  margin-inline-end: 0;\n}\n\n.button .secondaryButton {\n  margin-inline-start: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-inline-start: 1px solid transparent;\n  margin-inline-start: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-inline-start: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-inline-end: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(e){const t="s_id-7ec46f3af3a6_4_5_3";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)}(".steps .contentOnTop {\n  margin-top: var(--space-16);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--space-8);\n}");export{e as default};
+var e={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(e){const t="s_id-7ec46f3af3a6_4_5_10";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)}(".steps .contentOnTop {\n  margin-top: var(--space-16);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_4_5_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
+var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_4_5_10";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-1f61a81d1377_4_5_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
+var n={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-1f61a81d1377_4_5_10";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-9ed2aeb182a7_4_5_3";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n  margin: 0 var(--space-8);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-inline-end: var(--space-8);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-inline-end: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-9ed2aeb182a7_4_5_10";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader {\n  margin: 0 var(--space-8);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-inline-end: var(--space-8);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-inline-end: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={header:"header"};!function(e){const t="s_id-f29720816734_4_5_3";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)}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
+var e={header:"header"};!function(e){const t="s_id-f29720816734_4_5_10";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)}(".header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){const t="s_id-c9f4054d5043_4_5_3";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 */\n/* stylelint-enable */\n.numbers {\n  margin: 0 var(--space-8);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers"};!function(e){const t="s_id-c9f4054d5043_4_5_10";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 */\n/* stylelint-enable */\n.numbers {\n  margin: 0 var(--space-8);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e,{forwardRef as t,useRef as i}from"react";import a from"classnames";import r from"./StrokeSpotlight.module.scss.js";import{useStrokeSpotlight as o}from"./useStrokeSpotlight.js";import{getTestId as s,ComponentDefaultTestId as d}from"../../tests/testIds.js";import{ComponentVibeId as l}from"../../tests/constants.js";var c=t((function(t,c){var n=t.children,m=t.className,p=t.proximity,u=t.inactiveZone,v=t.edgeFade,f=t.spread,k=t.movementDuration,g=t.borderWidth,S=void 0===g?2:g,h=t.glowBlur,b=void 0===h?12:h,E=t.palette,T=void 0===E?"default":E,N=t.radius,j=void 0===N?16:N,x=t.id,y=t["data-testid"],O=i(null);o(O,"is-spotlight-active","is-click-pulsing",{proximity:p,inactiveZone:u,edgeFade:v,spread:f,movementDuration:k});var w={"--border":S,"--glow-blur":"".concat(b,"px"),"--radius":j};return e.createElement("div",{ref:function(e){O.current=e,"function"==typeof c?c(e):c&&(c.current=e)},className:a(r.root,"sidekick"===T?r.paletteSidekick:"vibe"===T?r.paletteVibe:void 0,m),style:w,id:x,"data-testid":y\|\|s(d.STROKE_SPOTLIGHT,x),"data-vibe":l.STROKE_SPOTLIGHT},e.createElement("div",{"aria-hidden":!0,className:r.glow}),e.createElement("div",{"aria-hidden":!0,"data-stroke-click-pulse":!0,className:r.clickPulse}),e.createElement("div",{className:r.surface},n))}));export{c as default};
2	+ //# sourceMappingURL=StrokeSpotlight.js.map

package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"StrokeSpotlight.js","sources":["../../../../../src/components/StrokeSpotlight/StrokeSpotlight.tsx"],"sourcesContent":["import React, { forwardRef, useRef, type CSSProperties } from \"react\";\nimport cx from \"classnames\";\nimport { type StrokeSpotlightProps } from \"./StrokeSpotlight.types\";\nimport styles from \"./StrokeSpotlight.module.scss\";\nimport { useStrokeSpotlight } from \"./useStrokeSpotlight\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst SPOTLIGHT_ACTIVE_CLASS = \"is-spotlight-active\";\nconst CLICK_PULSING_CLASS = \"is-click-pulsing\";\n\nconst StrokeSpotlight = forwardRef<HTMLDivElement, StrokeSpotlightProps>(\n (\n {\n children,\n className,\n proximity,\n inactiveZone,\n edgeFade,\n spread,\n movementDuration,\n borderWidth = 2,\n glowBlur = 12,\n palette = \"default\",\n radius = 16,\n id,\n \"data-testid\": dataTestId\n },\n forwardedRef\n ) => {\n const localRef = useRef<HTMLDivElement>(null);\n\n useStrokeSpotlight(localRef, SPOTLIGHT_ACTIVE_CLASS, CLICK_PULSING_CLASS, {\n proximity,\n inactiveZone,\n edgeFade,\n spread,\n movementDuration\n });\n\n const setRefs = (node: HTMLDivElement | null) => {\n localRef.current = node;\n if (typeof forwardedRef === \"function\") {\n forwardedRef(node);\n } else if (forwardedRef) {\n (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n }\n };\n\n const style = {\n \"--border\": borderWidth,\n \"--glow-blur\": `${glowBlur}px`,\n \"--radius\": radius\n } as CSSProperties;\n\n const paletteClass =\n palette === \"sidekick\" ? styles.paletteSidekick : palette === \"vibe\" ? styles.paletteVibe : undefined;\n\n return (\n <div\n ref={setRefs}\n className={cx(styles.root, paletteClass, className)}\n style={style}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.STROKE_SPOTLIGHT, id)}\n data-vibe={ComponentVibeId.STROKE_SPOTLIGHT}\n >\n <div aria-hidden className={styles.glow} />\n <div aria-hidden data-stroke-click-pulse className={styles.clickPulse} />\n <div className={styles.surface}>{children}</div>\n </div>\n );\n }\n);\n\nexport default StrokeSpotlight;\n"],"names":["StrokeSpotlight","forwardRef","_ref","forwardedRef","children","className","proximity","inactiveZone","edgeFade","spread","movementDuration","_ref$borderWidth","borderWidth","_ref$glowBlur","glowBlur","_ref$palette","palette","_ref$radius","radius","id","dataTestId","localRef","useRef","useStrokeSpotlight","style","concat","React","createElement","ref","node","current","cx","styles","root","paletteSidekick","paletteVibe","undefined","getTestId","ComponentDefaultTestId","STROKE_SPOTLIGHT","ComponentVibeId","glow","clickPulse","surface"],"mappings":"mUAQA,IAGMA,EAAkBC,GACtB,SAAAC,EAgBEC,GACE,IAfAC,EAAQF,EAARE,SACAC,EAASH,EAATG,UACAC,EAASJ,EAATI,UACAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAMP,EAANO,OACAC,EAAgBR,EAAhBQ,iBAAgBC,EAAAT,EAChBU,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAX,EACfY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAb,EACbc,QAAAA,OAAU,IAAHD,EAAG,UAASA,EAAAE,EAAAf,EACnBgB,OAAAA,OAAS,IAAHD,EAAG,GAAEA,EACXE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAWC,EAAuB,MAExCC,EAAmBF,EAxBQ,sBACH,mBAuBkD,CACxEf,UAAAA,EACAC,aAAAA,EACAC,SAAAA,EACAC,OAAAA,EACAC,iBAAAA,IAGF,IASMc,EAAQ,CACZ,WAAYZ,EACZ,cAAaa,GAAAA,OAAKX,EAAY,MAC9B,WAAYI,GAMd,OACEQ,EACEC,cAAA,MAAA,CAAAC,IApBY,SAACC,GACfR,EAASS,QAAUD,EACS,mBAAjB1B,EACTA,EAAa0B,GACJ1B,IACRA,EAA+D2B,QAAUD,IAgB1ExB,UAAW0B,EAAGC,EAAOC,KALX,aAAZjB,EAAyBgB,EAAOE,gBAA8B,SAAZlB,EAAqBgB,EAAOG,iBAAcC,EAKjD/B,GACzCmB,MAAOA,EACPL,GAAIA,EACS,cAAAC,GAAciB,EAAUC,EAAuBC,iBAAkBpB,GACnE,YAAAqB,EAAgBD,kBAE3Bb,EAAAC,cAAA,MAAA,CAAA,eAAA,EAAiBtB,UAAW2B,EAAOS,OACnCf,EAAAC,cAAA,MAAA,CAAA,eAAA,EAAA,2BAAA,EAAyCtB,UAAW2B,EAAOU,aAC3DhB,EAAKC,cAAA,MAAA,CAAAtB,UAAW2B,EAAOW,SAAUvC,GAGvC"}

package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={root:"root",paletteSidekick:"paletteSidekick",paletteVibe:"paletteVibe",surface:"surface",clickPulse:"clickPulse",glow:"glow","stroke-spotlight-scale-grow":"stroke-spotlight-scale-grow","stroke-spotlight-click-expand":"stroke-spotlight-click-expand","stroke-spotlight-click-blur":"stroke-spotlight-click-blur","stroke-spotlight-click-fade":"stroke-spotlight-click-fade","stroke-spotlight-click-fade-reduced":"stroke-spotlight-click-fade-reduced"};!function(e){const r="s_id-cb48ec090904_4_5_10";if("undefined"!=typeof document){const t=document.head\|\|document.getElementsByTagName("head")[0];if(t.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('@charset "UTF-8";\n/* stylelint-disable monday-ui-style/use-defined-css-var-when-available -- brand stroke stops are product palettes, not semantic tokens /\n@keyframes stroke-spotlight-scale-grow {\n 0% {\n transform: scale(1);\n }\n 60% {\n transform: scale(0.98);\n }\n 100% {\n transform: scale(1);\n }\n}\n.root {\n / Stroke palette defaults — Sidekick / Vibe override via modifiers. /\n --stroke-stop-1: #04f7fb;\n --stroke-stop-2: #0074fd;\n --stroke-stop-3: #9450fd;\n --stroke-stop-4: #04f7fb;\n --stroke-stop-2-at: 120deg;\n --stroke-stop-3-at: 240deg;\n --stroke-stop-4-at: 300deg;\n --radius: 16;\n --border: 2;\n --border-size: calc(var(--border, 2) 1px);\n --start: 0;\n --active: 0;\n --spread: 22;\n --outer-radius: calc((var(--radius) + var(--border)) * 1px);\n --glow-blur: 12px;\n --glow-strength: 0.25;\n --glow-saturation: 0.55;\n --stroke-strength: 0.8;\n --click-pulse-blur: 32px;\n --click-pulse-blur-spread: 96px;\n --click-pulse-strength: 0.2;\n --click-pulse-end-scale-x: 3.2;\n --click-pulse-end-scale-y: 4.5;\n --stroke-duration-short: 20ms;\n --stroke-duration-scale: var(--motion-productive-long, 150ms);\n --stroke-duration-wash: 650ms;\n --stroke-duration-fade: var(--motion-expressive-short, 250ms);\n --stroke-duration-reduced: var(--motion-productive-short, 70ms);\n --stroke-ease: var(--motion-timing-transition, cubic-bezier(0.4, 0, 0.2, 1));\n position: relative;\n isolation: isolate;\n display: block;\n width: 100%;\n height: 100%;\n overflow: visible;\n transform-origin: center center;\n border-radius: var(--outer-radius);\n background-color: transparent;\n border: var(--border-size) solid transparent;\n touch-action: none;\n box-sizing: border-box;\n}\n\n/* Sidekick home: lilac → teal → green /\n.paletteSidekick {\n --stroke-stop-1: #8181ff;\n --stroke-stop-2: #33dbdb;\n --stroke-stop-3: #33d58e;\n --stroke-stop-4: #8181ff;\n --stroke-stop-2-at: 120deg;\n --stroke-stop-3-at: 240deg;\n --stroke-stop-4-at: 300deg;\n}\n\n/ Vibe home: gold → orange → pink → orchid /\n.paletteVibe {\n --stroke-stop-1: #f0c020;\n --stroke-stop-2: #ff9e52;\n --stroke-stop-3: #ff74cd;\n --stroke-stop-4: #ff92e8;\n --stroke-stop-2-at: 90deg;\n --stroke-stop-3-at: 180deg;\n --stroke-stop-4-at: 270deg;\n}\n\n.surface {\n position: relative;\n z-index: 0;\n width: 100%;\n height: 100%;\n transform-origin: center center;\n}\n\n.clickPulse {\n pointer-events: none;\n position: absolute;\n inset: 0;\n border-radius: calc(var(--radius) 1px);\n z-index: 0;\n opacity: 0;\n background: conic-gradient(from 0deg at 57.6% 61.3%, var(--stroke-stop-1) 0deg, var(--stroke-stop-2) var(--stroke-stop-2-at), var(--stroke-stop-3) var(--stroke-stop-3-at), var(--stroke-stop-4) var(--stroke-stop-4-at), var(--stroke-stop-1) 1turn);\n filter: blur(var(--click-pulse-blur));\n transform-origin: center center;\n}\n\n.root::after {\n content: "";\n position: absolute;\n inset: calc(var(--border-size) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--radius) * 1px + var(--border-size));\n border: var(--border-size) solid transparent;\n background: conic-gradient(from 0deg at 57.6% 61.3%, var(--stroke-stop-1) 0deg, var(--stroke-stop-2) var(--stroke-stop-2-at), var(--stroke-stop-3) var(--stroke-stop-3-at), var(--stroke-stop-4) var(--stroke-stop-4-at), var(--stroke-stop-1) 1turn);\n mask-clip: padding-box, border-box;\n mask-composite: intersect;\n mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), rgba(0, 0, 0, 0) 0deg, #fff, rgba(0, 0, 0, 0) calc(var(--spread) * 2deg));\n pointer-events: none;\n opacity: calc(var(--active) * var(--stroke-strength));\n transition: opacity var(--stroke-duration-fade) linear;\n z-index: 2;\n}\n\n.glow {\n --glow-band: var(--border-size);\n --halo: calc(var(--glow-band) + var(--glow-blur) * 3);\n pointer-events: none;\n position: absolute;\n inset: calc(var(--halo) * -1);\n box-sizing: border-box;\n border: var(--halo) solid transparent;\n border-radius: calc(var(--radius) * 1px + var(--halo));\n z-index: 1;\n filter: blur(var(--glow-blur)) saturate(var(--glow-saturation));\n mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);\n mask-clip: border-box, padding-box;\n mask-composite: exclude;\n opacity: calc(var(--active) * var(--glow-strength));\n transition: opacity var(--stroke-duration-fade) linear;\n}\n\n.glow::after {\n content: "";\n position: absolute;\n inset: calc(var(--glow-band) * -1);\n box-sizing: border-box;\n border-radius: calc(var(--radius) * 1px + var(--glow-band));\n border: var(--glow-band) solid transparent;\n background: conic-gradient(from 0deg at 57.6% 61.3%, var(--stroke-stop-1) 0deg, var(--stroke-stop-2) var(--stroke-stop-2-at), var(--stroke-stop-3) var(--stroke-stop-3-at), var(--stroke-stop-4) var(--stroke-stop-4-at), var(--stroke-stop-1) 1turn);\n mask-clip: padding-box, border-box;\n mask-composite: intersect;\n mask-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), conic-gradient(from calc((var(--start) - var(--spread)) * 1deg), rgba(0, 0, 0, 0) 0deg, #fff, rgba(0, 0, 0, 0) calc(var(--spread) * 2deg));\n pointer-events: none;\n}\n\n.root.is-click-pulsing {\n animation: stroke-spotlight-scale-grow var(--stroke-duration-scale) var(--stroke-ease) forwards;\n}\n.root.is-click-pulsing .clickPulse {\n animation: stroke-spotlight-click-expand var(--stroke-duration-wash) var(--stroke-ease) both, stroke-spotlight-click-blur var(--stroke-duration-wash) var(--stroke-ease) both, stroke-spotlight-click-fade var(--stroke-duration-wash) linear var(--stroke-duration-short) both;\n}\n\n@keyframes stroke-spotlight-click-expand {\n 0% {\n transform: scale(1, 1);\n }\n 100% {\n transform: scale(var(--click-pulse-end-scale-x), var(--click-pulse-end-scale-y));\n }\n}\n@keyframes stroke-spotlight-click-blur {\n 0% {\n filter: blur(var(--click-pulse-blur));\n }\n 100% {\n filter: blur(var(--click-pulse-blur-spread));\n }\n}\n@keyframes stroke-spotlight-click-fade {\n 0% {\n opacity: var(--click-pulse-strength);\n }\n 100% {\n opacity: 0;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .root::after,\n .glow {\n transition: none;\n opacity: 0;\n }\n .root.is-click-pulsing {\n animation: none;\n transform: scale(1);\n }\n .root.is-click-pulsing .clickPulse {\n animation: stroke-spotlight-click-fade-reduced var(--stroke-duration-reduced) linear forwards;\n }\n .clickPulse {\n opacity: 0;\n }\n}\n@keyframes stroke-spotlight-click-fade-reduced {\n 0% {\n opacity: var(--click-pulse-strength);\n }\n 100% {\n opacity: 0;\n }\n}');export{e as default};
2	+ //# sourceMappingURL=StrokeSpotlight.module.scss.js.map

package/dist/mocked_classnames/src/components/StrokeSpotlight/StrokeSpotlight.module.scss.js.map ADDED Viewed

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

package/dist/mocked_classnames/src/components/StrokeSpotlight/useStrokeSpotlight.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useEffect as e}from"react";var t=64,n=.01,i=48,o=40,r=1.5,a="data-stroke-no-pulse",s="[".concat(a,"]");function l(a,l,c){var d,u,v,m,h,f=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},w=null!==(d=f.proximity)&&void 0!==d?d:t,p=null!==(u=f.inactiveZone)&&void 0!==u?u:n,L=null!==(v=f.edgeFade)&&void 0!==v?v:i,g=null!==(m=f.spread)&&void 0!==m?m:o,y=null!==(h=f.movementDuration)&&void 0!==h?h:r;e((function(){var e=a.current;if(e&&l&&c){var t=e.querySelector("[data-stroke-click-pulse]"),n=window.matchMedia("(prefers-reduced-motion: reduce)"),i=n.matches,o=!1,r=e.getBoundingClientRect(),d=null,u=0,v=0,m=!1,h=null,f=0,E=0,M=0;e.style.setProperty("--spread",g+""),e.style.setProperty("--start","0"),e.style.setProperty("--active","0");var P=function(){e.classList.remove(c)},F=function(){null!==h&&(cancelAnimationFrame(h),h=null)},q=function t(n){var i=Math.min(1,(n-M)/(1e3y)),o=f+(E-f)function(e){return 1>e?1-Math.pow(2,-10e):1}(i);e.style.setProperty("--start",o+""),h=1>i?requestAnimationFrame(t):null},A=function(){e.style.setProperty("--active","0"),e.classList.remove(l),F()},C=function(t,n,i){if(e.matches(":focus-within"))A();else if(i.width>0&&i.height>0){var o=i.left+.5i.width,r=i.top+.5i.height;if(Math.hypot(t-o,n-r)<.5Math.min(i.width,i.height)p)A();else if(t>i.left-w&&i.left+i.width+w>t&&n>i.top-w&&i.top+i.height+w>n){var a=t-i.left,s=n-i.top,c=Math.max(0-a,0,a-i.width),d=Math.max(0-s,0,s-i.height),u=Math.sqrt(cc+dd);e.style.setProperty("--active",(u>0?Math.max(0,Math.min(1,1-u/(L>0?L:w))):1)+""),e.classList.add(l);var v,m,g=parseFloat(e.style.getPropertyValue("--start"))\|\|0;v=g,m=g+((180Math.atan2(n-r,t-o)/Math.PI+90-g+180)%360-180),F(),f=v,E=m,M=performance.now(),h=requestAnimationFrame(q)}else A()}},x=function(){(i=n.matches)&&(A(),P())};n.addEventListener("change",x);var B=function(){r=e.getBoundingClientRect()},R=function(t){if(!i&&e.isConnected)return 0>t.clientX\|\|0>t.clientY\|\|t.clientX>window.innerWidth\|\|t.clientY>window.innerHeight?(e.matches(":focus-within")\|\|(o=!1),m=!1,void A()):(u=t.clientX,v=t.clientY,m=!0,void(null===d&&(d=requestAnimationFrame((function(){d=null,r=e.getBoundingClientRect(),C(u,v,r)})))));A()},k=function(){o=!1,m=!1,A()},X=function(e){e.target===t&&P()},Y=function(){o=!0,A()},b=function(){requestAnimationFrame((function(){e.isConnected&&!e.matches(":focus-within")&&(o=!1,m&&(r=e.getBoundingClientRect(),C(u,v,r)))}))},z=function(t){if(!i){var n=t.target;n instanceof Element&&n.closest(s)\|\|(o\|\|e.matches(":focus-within")?A():(o=!0,A(),e.classList.remove(c),e.classList.add(c)))}};return window.addEventListener("pointermove",R,{passive:!0}),window.addEventListener("blur",k),window.addEventListener("scroll",B,{passive:!0}),window.addEventListener("resize",B,{passive:!0}),e.addEventListener("pointerdown",z),e.addEventListener("focusin",Y),e.addEventListener("focusout",b),null==t\|\|t.addEventListener("animationend",X),function(){n.removeEventListener("change",x),null!==d&&cancelAnimationFrame(d),F(),e.classList.remove(l),P(),e.style.setProperty("--active","0"),window.removeEventListener("pointermove",R),window.removeEventListener("blur",k),window.removeEventListener("scroll",B),window.removeEventListener("resize",B),e.removeEventListener("pointerdown",z),e.removeEventListener("focusin",Y),e.removeEventListener("focusout",b),null==t\|\|t.removeEventListener("animationend",X)}}}),[a,l,c,w,p,L,g,y])}export{a as STROKE_NO_PULSE_ATTR,l as useStrokeSpotlight};
2	+ //# sourceMappingURL=useStrokeSpotlight.js.map

package/dist/mocked_classnames/src/components/StrokeSpotlight/useStrokeSpotlight.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useStrokeSpotlight.js","sources":["../../../../../src/components/StrokeSpotlight/useStrokeSpotlight.ts"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\nexport interface StrokeSpotlightOptions {\n /** How far outside the box (px) the glow still responds. */\n proximity?: number;\n /** Fraction of half-min-side; inside this radius from center, glow is off. */\n inactiveZone?: number;\n /**\n * Outward distance from the outer margins (px) over which the stroke fades\n * from full to off. Inside the box stays full strength.\n */\n edgeFade?: number;\n /** Angular width of the glowing arc (degrees). */\n spread?: number;\n /** Seconds for angle interpolation. */\n movementDuration?: number;\n}\n\nconst DEFAULTS = {\n proximity: 64,\n inactiveZone: 0.01,\n edgeFade: 48,\n spread: 40,\n movementDuration: 1.5\n} as const;\n\n/** Mark controls that should not trigger the click pulse (e.g. attach, model picker). */\nexport const STROKE_NO_PULSE_ATTR = \"data-stroke-no-pulse\";\nconst STROKE_NO_PULSE_SELECTOR = `[${STROKE_NO_PULSE_ATTR}]`;\n\n/**\n * Pointer-following conic border glow via `--start` / `--active`, plus one-shot\n * click pulse. Traveling stroke is suppressed while the box is `:focus-within`\n * and resumes on hover after focus leaves.\n */\nexport function useStrokeSpotlight(\n ref: RefObject<HTMLElement | null>,\n activeClassName: string,\n clickPulsingClassName: string,\n options: StrokeSpotlightOptions = {}\n) {\n const proximity = options.proximity ?? DEFAULTS.proximity;\n const inactiveZone = options.inactiveZone ?? DEFAULTS.inactiveZone;\n const edgeFade = options.edgeFade ?? DEFAULTS.edgeFade;\n const spread = options.spread ?? DEFAULTS.spread;\n const movementDuration = options.movementDuration ?? DEFAULTS.movementDuration;\n\n useEffect(() => {\n const el = ref.current;\n if (!el || !activeClassName || !clickPulsingClassName) return;\n\n const pulseEl = el.querySelector<HTMLElement>(\"[data-stroke-click-pulse]\");\n const mql = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n let reducedMotion = mql.matches;\n // One-shot click pulse: after the first choose, don't re-pulse until blur.\n let engaged = false;\n let cachedRect = el.getBoundingClientRect();\n let rafId: number | null = null;\n let lastX = 0;\n let lastY = 0;\n let hasPointer = false;\n let angleRafId: number | null = null;\n let angleFrom = 0;\n let angleTo = 0;\n let angleStartMs = 0;\n\n el.style.setProperty(\"--spread\", String(spread));\n el.style.setProperty(\"--start\", \"0\");\n el.style.setProperty(\"--active\", \"0\");\n\n const clearClickPulse = () => {\n el.classList.remove(clickPulsingClassName);\n };\n\n const stopAngleAnimation = () => {\n if (angleRafId !== null) {\n cancelAnimationFrame(angleRafId);\n angleRafId = null;\n }\n };\n\n const easeOutExpo = (t: number) => (t >= 1 ? 1 : 1 - Math.pow(2, -10 * t));\n\n const tickAngle = (now: number) => {\n const t = Math.min(1, (now - angleStartMs) / (movementDuration * 1000));\n const value = angleFrom + (angleTo - angleFrom) * easeOutExpo(t);\n el.style.setProperty(\"--start\", String(value));\n if (t < 1) {\n angleRafId = requestAnimationFrame(tickAngle);\n } else {\n angleRafId = null;\n }\n };\n\n const animateAngle = (from: number, to: number) => {\n stopAngleAnimation();\n angleFrom = from;\n angleTo = to;\n angleStartMs = performance.now();\n angleRafId = requestAnimationFrame(tickAngle);\n };\n\n const deactivate = () => {\n el.style.setProperty(\"--active\", \"0\");\n el.classList.remove(activeClassName);\n stopAngleAnimation();\n };\n\n const applyGlow = (clientX: number, clientY: number, rect: DOMRect) => {\n // No traveling stroke while the prompt (or anything inside) is focused.\n if (el.matches(\":focus-within\")) {\n deactivate();\n return;\n }\n\n if (rect.width <= 0 || rect.height <= 0) return;\n\n const centerX = rect.left + rect.width * 0.5;\n const centerY = rect.top + rect.height * 0.5;\n const distanceFromCenter = Math.hypot(clientX - centerX, clientY - centerY);\n const inactiveRadius = 0.5 * Math.min(rect.width, rect.height) * inactiveZone;\n\n if (distanceFromCenter < inactiveRadius) {\n deactivate();\n return;\n }\n\n const isActive =\n clientX > rect.left - proximity &&\n clientX < rect.left + rect.width + proximity &&\n clientY > rect.top - proximity &&\n clientY < rect.top + rect.height + proximity;\n\n if (!isActive) {\n deactivate();\n return;\n }\n\n const localX = clientX - rect.left;\n const localY = clientY - rect.top;\n const outsideX = Math.max(0 - localX, 0, localX - rect.width);\n const outsideY = Math.max(0 - localY, 0, localY - rect.height);\n const distOutside = Math.sqrt(outsideX * outsideX + outsideY * outsideY);\n const fadeRange = edgeFade > 0 ? edgeFade : proximity;\n const active = distOutside <= 0 ? 1 : Math.max(0, Math.min(1, 1 - distOutside / fadeRange));\n\n el.style.setProperty(\"--active\", String(active));\n el.classList.add(activeClassName);\n\n const currentAngle = parseFloat(el.style.getPropertyValue(\"--start\")) || 0;\n const targetAngle = (180 * Math.atan2(clientY - centerY, clientX - centerX)) / Math.PI + 90;\n const angleDiff = ((targetAngle - currentAngle + 180) % 360) - 180;\n animateAngle(currentAngle, currentAngle + angleDiff);\n };\n\n const scheduleGlow = (clientX: number, clientY: number) => {\n lastX = clientX;\n lastY = clientY;\n hasPointer = true;\n if (rafId !== null) return;\n rafId = requestAnimationFrame(() => {\n rafId = null;\n cachedRect = el.getBoundingClientRect();\n applyGlow(lastX, lastY, cachedRect);\n });\n };\n\n const onMotionChange = () => {\n reducedMotion = mql.matches;\n if (reducedMotion) {\n deactivate();\n clearClickPulse();\n }\n };\n mql.addEventListener(\"change\", onMotionChange);\n\n const refreshRect = () => {\n cachedRect = el.getBoundingClientRect();\n };\n\n const onWindowPointerMove = (e: PointerEvent) => {\n if (reducedMotion || !el.isConnected) {\n deactivate();\n return;\n }\n\n if (e.clientX < 0 || e.clientY < 0 || e.clientX > window.innerWidth || e.clientY > window.innerHeight) {\n if (!el.matches(\":focus-within\")) engaged = false;\n hasPointer = false;\n deactivate();\n return;\n }\n\n scheduleGlow(e.clientX, e.clientY);\n };\n\n const onWindowBlur = () => {\n engaged = false;\n hasPointer = false;\n deactivate();\n };\n\n const restartClickPulse = () => {\n el.classList.remove(clickPulsingClassName);\n void el.offsetWidth;\n el.classList.add(clickPulsingClassName);\n };\n\n const onPulseAnimationEnd = (e: AnimationEvent) => {\n if (e.target !== pulseEl) return;\n clearClickPulse();\n };\n\n const onFocusIn = () => {\n engaged = true;\n deactivate();\n };\n\n const onFocusOut = () => {\n // Wait a frame so :focus-within reflects the new target.\n requestAnimationFrame(() => {\n if (!el.isConnected || el.matches(\":focus-within\")) return;\n engaged = false;\n // Resume hover stroke immediately if the pointer is still nearby.\n if (hasPointer) {\n cachedRect = el.getBoundingClientRect();\n applyGlow(lastX, lastY, cachedRect);\n }\n });\n };\n\n const onDown = (e: PointerEvent) => {\n if (reducedMotion) return;\n const target = e.target;\n if (target instanceof Element && target.closest(STROKE_NO_PULSE_SELECTOR)) return;\n if (engaged || el.matches(\":focus-within\")) {\n deactivate();\n return;\n }\n engaged = true;\n deactivate();\n restartClickPulse();\n };\n\n window.addEventListener(\"pointermove\", onWindowPointerMove, {\n passive: true\n });\n window.addEventListener(\"blur\", onWindowBlur);\n window.addEventListener(\"scroll\", refreshRect, { passive: true });\n window.addEventListener(\"resize\", refreshRect, { passive: true });\n el.addEventListener(\"pointerdown\", onDown);\n el.addEventListener(\"focusin\", onFocusIn);\n el.addEventListener(\"focusout\", onFocusOut);\n pulseEl?.addEventListener(\"animationend\", onPulseAnimationEnd);\n\n return () => {\n mql.removeEventListener(\"change\", onMotionChange);\n if (rafId !== null) cancelAnimationFrame(rafId);\n stopAngleAnimation();\n el.classList.remove(activeClassName);\n clearClickPulse();\n el.style.setProperty(\"--active\", \"0\");\n window.removeEventListener(\"pointermove\", onWindowPointerMove);\n window.removeEventListener(\"blur\", onWindowBlur);\n window.removeEventListener(\"scroll\", refreshRect);\n window.removeEventListener(\"resize\", refreshRect);\n el.removeEventListener(\"pointerdown\", onDown);\n el.removeEventListener(\"focusin\", onFocusIn);\n el.removeEventListener(\"focusout\", onFocusOut);\n pulseEl?.removeEventListener(\"animationend\", onPulseAnimationEnd);\n };\n }, [ref, activeClassName, clickPulsingClassName, proximity, inactiveZone, edgeFade, spread, movementDuration]);\n}\n"],"names":["DEFAULTS","STROKE_NO_PULSE_ATTR","STROKE_NO_PULSE_SELECTOR","concat","useStrokeSpotlight","ref","activeClassName","clickPulsingClassName","options","arguments","length","undefined","proximity","_a","inactiveZone","_b","edgeFade","_c","spread","_d","movementDuration","_e","useEffect","el","current","pulseEl","querySelector","mql","window","matchMedia","reducedMotion","matches","engaged","cachedRect","getBoundingClientRect","rafId","lastX","lastY","hasPointer","angleRafId","angleFrom","angleTo","angleStartMs","style","setProperty","String","clearClickPulse","classList","remove","stopAngleAnimation","cancelAnimationFrame","tickAngle","now","t","Math","min","value","pow","easeOutExpo","requestAnimationFrame","deactivate","applyGlow","clientX","clientY","rect","width","height","centerX","left","centerY","top","hypot","localX","localY","outsideX","max","outsideY","distOutside","sqrt","add","from","to","currentAngle","parseFloat","getPropertyValue","atan2","PI","performance","onMotionChange","addEventListener","refreshRect","onWindowPointerMove","e","isConnected","innerWidth","innerHeight","onWindowBlur","onPulseAnimationEnd","target","onFocusIn","onFocusOut","onDown","Element","closest","passive","removeEventListener"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-fad3709be591_4_5_3";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.hidden-switch { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-fad3709be591_4_5_10";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.hidden-switch { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-a9ed4419fbb6_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-a9ed4419fbb6_4_5_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map