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/src/components/Steps/StepsDot.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={dot:"dot_b624e00791","focus-visible":"focus-visible_93d0f127c5",isActive:"isActive_71425ff62b",colorOnPrimaryColor:"colorOnPrimaryColor_5e606facf8",colorOnInvertedBackground:"colorOnInvertedBackground_7c2b32cfe9"};!function(n){const o="s_id-1f61a81d1377_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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot_b624e00791 {\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_b624e00791:focus-visible, .dot_b624e00791.focus-visible_93d0f127c5 {\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_b624e00791:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.dot_b624e00791:focus-visible, .dot_b624e00791.focus-visible_93d0f127c5 {\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_b624e00791:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.dot_b624e00791:hover {\n  transform: scale(1.3);\n}\n\n.isActive_71425ff62b {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n\n.colorOnPrimaryColor_5e606facf8.dot_b624e00791 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_5e606facf8.dot_b624e00791:focus-visible, .colorOnPrimaryColor_5e606facf8.dot_b624e00791.focus-visible_93d0f127c5 {\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_5e606facf8.dot_b624e00791:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n\n.colorOnPrimaryColor_5e606facf8.dot_b624e00791.isActive_71425ff62b {\n  background: var(--text-color-on-primary);\n}\n\n.colorOnInvertedBackground_7c2b32cfe9.dot_b624e00791 {\n  background: var(--placeholder-color);\n}\n\n.colorOnInvertedBackground_7c2b32cfe9.dot_b624e00791.isActive_71425ff62b {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
+var n={dot:"dot_7f769d283f","focus-visible":"focus-visible_8345afc3b6",isActive:"isActive_589c0cea8f",colorOnPrimaryColor:"colorOnPrimaryColor_b9e15fe55d",colorOnInvertedBackground:"colorOnInvertedBackground_8d06adde37"};!function(n){const o="s_id-1f61a81d1377_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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.dot_7f769d283f {\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_7f769d283f:focus-visible, .dot_7f769d283f.focus-visible_8345afc3b6 {\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_7f769d283f:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.dot_7f769d283f:focus-visible, .dot_7f769d283f.focus-visible_8345afc3b6 {\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_7f769d283f:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.dot_7f769d283f:hover {\n  transform: scale(1.3);\n}\n\n.isActive_589c0cea8f {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n\n.colorOnPrimaryColor_b9e15fe55d.dot_7f769d283f {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_b9e15fe55d.dot_7f769d283f:focus-visible, .colorOnPrimaryColor_b9e15fe55d.dot_7f769d283f.focus-visible_8345afc3b6 {\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_b9e15fe55d.dot_7f769d283f:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n\n.colorOnPrimaryColor_b9e15fe55d.dot_7f769d283f.isActive_589c0cea8f {\n  background: var(--text-color-on-primary);\n}\n\n.colorOnInvertedBackground_8d06adde37.dot_7f769d283f {\n  background: var(--placeholder-color);\n}\n\n.colorOnInvertedBackground_8d06adde37.dot_7f769d283f.isActive_589c0cea8f {\n  background: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={header:"header_4ce2a376c1"};!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_4ce2a376c1 {\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_44bdcef8ea"};!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_44bdcef8ea {\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/src/components/Steps/StepsNumbersHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_c77c633e85"};!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_c77c633e85 {\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_0e57abdc44"};!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_0e57abdc44 {\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/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/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/src/components/StrokeSpotlight/StrokeSpotlight.module.scss.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var e={root:"root_565dd6339b",paletteSidekick:"paletteSidekick_49ca05cc19",paletteVibe:"paletteVibe_ccd80942a4",surface:"surface_aeb2bbbc34",clickPulse:"clickPulse_4820c97993",glow:"glow_8fce07b0e5","stroke-spotlight-scale-grow":"stroke-spotlight-scale-grow_57dc1ff591","stroke-spotlight-click-expand":"stroke-spotlight-click-expand_360d9fa961","stroke-spotlight-click-blur":"stroke-spotlight-click-blur_a60e0c14a5","stroke-spotlight-click-fade":"stroke-spotlight-click-fade_18e7323690","stroke-spotlight-click-fade-reduced":"stroke-spotlight-click-fade-reduced_18e7323690"};!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_57dc1ff591 {\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_565dd6339b {\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_49ca05cc19 {\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_ccd80942a4 {\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_aeb2bbbc34 {\n position: relative;\n z-index: 0;\n width: 100%;\n height: 100%;\n transform-origin: center center;\n}\n\n.clickPulse_4820c97993 {\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_565dd6339b::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_8fce07b0e5 {\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_8fce07b0e5::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_565dd6339b.is-click-pulsing {\n animation: stroke-spotlight-scale-grow_57dc1ff591 var(--stroke-duration-scale) var(--stroke-ease) forwards;\n}\n.root_565dd6339b.is-click-pulsing .clickPulse_4820c97993 {\n animation: stroke-spotlight-click-expand_360d9fa961 var(--stroke-duration-wash) var(--stroke-ease) both, stroke-spotlight-click-blur_a60e0c14a5 var(--stroke-duration-wash) var(--stroke-ease) both, stroke-spotlight-click-fade_18e7323690 var(--stroke-duration-wash) linear var(--stroke-duration-short) both;\n}\n\n@keyframes stroke-spotlight-click-expand_360d9fa961 {\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_a60e0c14a5 {\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_18e7323690 {\n 0% {\n opacity: var(--click-pulse-strength);\n }\n 100% {\n opacity: 0;\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .root_565dd6339b::after,\n .glow_8fce07b0e5 {\n transition: none;\n opacity: 0;\n }\n .root_565dd6339b.is-click-pulsing {\n animation: none;\n transform: scale(1);\n }\n .root_565dd6339b.is-click-pulsing .clickPulse_4820c97993 {\n animation: stroke-spotlight-click-fade-reduced_18e7323690 var(--stroke-duration-reduced) linear forwards;\n }\n .clickPulse_4820c97993 {\n opacity: 0;\n }\n}\n@keyframes stroke-spotlight-click-fade-reduced_18e7323690 {\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/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/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/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":"kCAkBA,IAAMA,EACO,GADPA,EAEU,IAFVA,EAGM,GAHNA,EAII,GAJJA,EAKc,IAIPC,EAAuB,uBAC9BC,EAAwB,IAAAC,OAAOF,EAAuB,KAOtD,SAAUG,EACdC,EACAC,EACAC,GACoC,cAApCC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAkC,CAAA,EAE5BG,EAAiC,QAArBC,EAAAL,EAAQI,iBAAa,IAAAC,EAAAA,EAAAb,EACjCc,EAAuC,QAAxBC,EAAAP,EAAQM,oBAAgB,IAAAC,EAAAA,EAAAf,EACvCgB,EAA+B,QAApBC,EAAAT,EAAQQ,gBAAY,IAAAC,EAAAA,EAAAjB,EAC/BkB,EAA2B,QAAlBC,EAAAX,EAAQU,cAAU,IAAAC,EAAAA,EAAAnB,EAC3BoB,EAA+C,QAA5BC,EAAAb,EAAQY,wBAAoB,IAAAC,EAAAA,EAAArB,EAErDsB,GAAU,WACR,IAAMC,EAAKlB,EAAImB,QACf,GAAKD,GAAOjB,GAAoBC,EAAhC,CAEA,IAAMkB,EAAUF,EAAGG,cAA2B,6BACxCC,EAAMC,OAAOC,WAAW,oCAC1BC,EAAgBH,EAAII,QAEpBC,GAAU,EACVC,EAAaV,EAAGW,wBAChBC,EAAuB,KACvBC,EAAQ,EACRC,EAAQ,EACRC,GAAa,EACbC,EAA4B,KAC5BC,EAAY,EACZC,EAAU,EACVC,EAAe,EAEnBnB,EAAGoB,MAAMC,YAAY,WAAmB1B,EAAP2B,IACjCtB,EAAGoB,MAAMC,YAAY,UAAW,KAChCrB,EAAGoB,MAAMC,YAAY,WAAY,KAEjC,IAAME,EAAkB,WACtBvB,EAAGwB,UAAUC,OAAOzC,IAGhB0C,EAAqB,WACN,OAAfV,IACFW,qBAAqBX,GACrBA,EAAa,OAMXY,EAAY,SAAZA,EAAaC,GACjB,IAAMC,EAAIC,KAAKC,IAAI,GAAIH,EAAMV,IAAoC,IAAnBtB,IACxCoC,EAAQhB,GAAaC,EAAUD,GAJnB,SAACa,GAAS,OAAW,EAALA,EAAa,EAAIC,KAAKG,IAAI,GAAI,GAAKJ,GAA1B,EAIOK,CAAYL,GAC9D9B,EAAGoB,MAAMC,YAAY,UAAkBY,EAAPX,IAE9BN,EADM,EAAJc,EACWM,sBAAsBR,GAEtB,MAYXS,EAAa,WACjBrC,EAAGoB,MAAMC,YAAY,WAAY,KACjCrB,EAAGwB,UAAUC,OAAO1C,GACpB2C,KAGIY,EAAY,SAACC,EAAiBC,EAAiBC,GAEnD,GAAIzC,EAAGQ,QAAQ,iBACb6B,SAIF,GAAII,EAAKC,MAAS,GAAKD,EAAKE,OAAU,EAAtC,CAEA,IAAMC,EAAUH,EAAKI,KAAoB,GAAbJ,EAAKC,MAC3BI,EAAUL,EAAKM,IAAoB,GAAdN,EAAKE,OAIhC,GAH2BZ,KAAKiB,MAAMT,EAAUK,EAASJ,EAAUM,GAC5C,GAAMf,KAAKC,IAAIS,EAAKC,MAAOD,EAAKE,QAAUpD,EAG/D8C,SAUF,GALEE,EAAUE,EAAKI,KAAOxD,GACZoD,EAAKI,KAAOJ,EAAKC,MAAQrD,EAAnCkD,GACAC,EAAUC,EAAKM,IAAM1D,GACXoD,EAAKM,IAAMN,EAAKE,OAAStD,EAAnCmD,EAEF,CAKA,IAAMS,EAASV,EAAUE,EAAKI,KACxBK,EAASV,EAAUC,EAAKM,IACxBI,EAAWpB,KAAKqB,IAAI,EAAIH,EAAQ,EAAGA,EAASR,EAAKC,OACjDW,EAAWtB,KAAKqB,IAAI,EAAIF,EAAQ,EAAGA,EAAST,EAAKE,QACjDW,EAAcvB,KAAKwB,KAAKJ,EAAWA,EAAWE,EAAWA,GAI/DrD,EAAGoB,MAAMC,YAAY,YAFNiC,EAAe,EAAQvB,KAAKqB,IAAI,EAAGrB,KAAKC,IAAI,EAAG,EAAIsB,GADhD7D,EAAW,EAAIA,EAAWJ,KACV,GAEDiC,IACjCtB,EAAGwB,UAAUgC,IAAIzE,GAEjB,IAvDoB0E,EAAcC,EAuD5BC,EAAeC,WAAW5D,EAAGoB,MAAMyC,iBAAiB,aAAe,EAvDrDJ,EA0DPE,EA1DqBD,EA0DPC,IAFN,IAAM5B,KAAK+B,MAAMtB,EAAUM,EAASP,EAAUK,GAAYb,KAAKgC,GAAK,GACvDJ,EAAe,KAAO,IAAO,KAxD/DjC,IACAT,EAAYwC,EACZvC,EAAUwC,EACVvC,EAAe6C,YAAYnC,MAC3Bb,EAAaoB,sBAAsBR,EAqCnC,MAFES,GAnBuC,GAoDrC4B,EAAiB,YACrB1D,EAAgBH,EAAII,WAElB6B,IACAd,MAGJnB,EAAI8D,iBAAiB,SAAUD,GAE/B,IAAME,EAAc,WAClBzD,EAAaV,EAAGW,yBAGZyD,EAAsB,SAACC,GAC3B,IAAI9D,GAAkBP,EAAGsE,YAKzB,OAAgB,EAAZD,EAAE9B,SAA2B,EAAZ8B,EAAE7B,SAAe6B,EAAE9B,QAAUlC,OAAOkE,YAAcF,EAAE7B,QAAUnC,OAAOmE,aACnFxE,EAAGQ,QAAQ,mBAAkBC,GAAU,GAC5CM,GAAa,OACbsB,MAjCFxB,EAqCawD,EAAE9B,QApCfzB,EAoCwBuD,EAAE7B,QAnC1BzB,GAAa,OACC,OAAVH,IACJA,EAAQwB,uBAAsB,WAC5BxB,EAAQ,KACRF,EAAaV,EAAGW,wBAChB2B,EAAUzB,EAAOC,EAAOJ,EAC1B,OAkBE2B,KAcEoC,EAAe,WACnBhE,GAAU,EACVM,GAAa,EACbsB,KASIqC,EAAsB,SAACL,GACvBA,EAAEM,SAAWzE,GACjBqB,KAGIqD,EAAY,WAChBnE,GAAU,EACV4B,KAGIwC,EAAa,WAEjBzC,uBAAsB,WACfpC,EAAGsE,cAAetE,EAAGQ,QAAQ,mBAClCC,GAAU,EAENM,IACFL,EAAaV,EAAGW,wBAChB2B,EAAUzB,EAAOC,EAAOJ,IAE5B,KAGIoE,EAAS,SAACT,GACd,IAAI9D,EAAJ,CACA,IAAMoE,EAASN,EAAEM,OACbA,aAAkBI,SAAWJ,EAAOK,QAAQrG,KAC5C8B,GAAWT,EAAGQ,QAAQ,iBACxB6B,KAGF5B,GAAU,EACV4B,IArCArC,EAAGwB,UAAUC,OAAOzC,GAEpBgB,EAAGwB,UAAUgC,IAAIxE,IA2BE,GAuBrB,OAXAqB,OAAO6D,iBAAiB,cAAeE,EAAqB,CAC1Da,SAAS,IAEX5E,OAAO6D,iBAAiB,OAAQO,GAChCpE,OAAO6D,iBAAiB,SAAUC,EAAa,CAAEc,SAAS,IAC1D5E,OAAO6D,iBAAiB,SAAUC,EAAa,CAAEc,SAAS,IAC1DjF,EAAGkE,iBAAiB,cAAeY,GACnC9E,EAAGkE,iBAAiB,UAAWU,GAC/B5E,EAAGkE,iBAAiB,WAAYW,GAChC3E,SAAAA,EAASgE,iBAAiB,eAAgBQ,GAEnC,WACLtE,EAAI8E,oBAAoB,SAAUjB,GACpB,OAAVrD,GAAgBe,qBAAqBf,GACzCc,IACA1B,EAAGwB,UAAUC,OAAO1C,GACpBwC,IACAvB,EAAGoB,MAAMC,YAAY,WAAY,KACjChB,OAAO6E,oBAAoB,cAAed,GAC1C/D,OAAO6E,oBAAoB,OAAQT,GACnCpE,OAAO6E,oBAAoB,SAAUf,GACrC9D,OAAO6E,oBAAoB,SAAUf,GACrCnE,EAAGkF,oBAAoB,cAAeJ,GACtC9E,EAAGkF,oBAAoB,UAAWN,GAClC5E,EAAGkF,oBAAoB,WAAYL,GACnC3E,SAAAA,EAASgF,oBAAoB,eAAgBR,GA5NQ,CA8NzD,GAAG,CAAC5F,EAAKC,EAAiBC,EAAuBK,EAAWE,EAAcE,EAAUE,EAAQE,GAC9F"}

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_47d8e3a4bc"};!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_47d8e3a4bc { /* 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_efdd437857"};!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 d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch_efdd437857 { /* 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/src/components/Table/Table/Table.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={table:"table_655b65a796",border:"border_ec221e9472",virtualized:"virtualized_0b0dd7db06",hasScroll:"hasScroll_d894472fb0"};!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_655b65a796 {\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_655b65a796::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_655b65a796::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_655b65a796.border_ec221e9472 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_655b65a796 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_655b65a796 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_655b65a796.virtualized_0b0dd7db06 {\n  overflow: hidden;\n}\n.table_655b65a796.hasScroll_d894472fb0 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var e={table:"table_15a68ce07a",border:"border_33ac32e531",virtualized:"virtualized_34b1a27504",hasScroll:"hasScroll_86b2c27d14"};!function(e){const r="s_id-a9ed4419fbb6_4_5_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.table_15a68ce07a {\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_15a68ce07a::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table_15a68ce07a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table_15a68ce07a.border_33ac32e531 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_15a68ce07a [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_15a68ce07a [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_15a68ce07a.virtualized_34b1a27504 {\n  overflow: hidden;\n}\n.table_15a68ce07a.hasScroll_86b2c27d14 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=Table.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_fa2876de8b"};!function(e){const t="s_id-afed3a5f5737_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_fa2876de8b {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_bef895bcce"};!function(e){const t="s_id-afed3a5f5737_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_bef895bcce {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_6571ea51ec",sticky:"sticky_74e274cfe3"};!function(e){const t="s_id-391f4300ac17_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_6571ea51ec {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_6571ea51ec.sticky_74e274cfe3 {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_d397eff6fe",sticky:"sticky_dba9f68552"};!function(e){const t="s_id-391f4300ac17_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_d397eff6fe {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_d397eff6fe.sticky_dba9f68552 {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_fa2876de8b",longText:"longText_1d6d6acd06",mediumText:"mediumText_1a779c46f5",tableCellSkeleton:"tableCellSkeleton_fa2876de8b",circle:"circle_27dd02be9f",rectangle:"rectangle_1120c94744"};!function(e){const l="s_id-b9f641959683_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_fa2876de8b {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_fa2876de8b.longText_1d6d6acd06 {\n  padding-inline-end: var(--space-24);\n}\n.tableCellSkeletonWrapper_fa2876de8b.mediumText_1a779c46f5 {\n  padding-inline-end: var(--space-64);\n}\n.tableCellSkeletonWrapper_fa2876de8b .tableCellSkeleton_fa2876de8b {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_fa2876de8b .tableCellSkeleton_fa2876de8b.circle_27dd02be9f, .tableCellSkeletonWrapper_fa2876de8b .tableCellSkeleton_fa2876de8b.rectangle_1120c94744 {\n  width: auto;\n  aspect-ratio: 1/1;\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_bef895bcce",longText:"longText_8e423f60b1",mediumText:"mediumText_139b4c0a14",tableCellSkeleton:"tableCellSkeleton_bef895bcce",circle:"circle_c1fb48f071",rectangle:"rectangle_8a540788b2"};!function(e){const l="s_id-b9f641959683_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_bef895bcce {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_bef895bcce.longText_8e423f60b1 {\n  padding-inline-end: var(--space-24);\n}\n.tableCellSkeletonWrapper_bef895bcce.mediumText_139b4c0a14 {\n  padding-inline-end: var(--space-64);\n}\n.tableCellSkeletonWrapper_bef895bcce .tableCellSkeleton_bef895bcce {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_bef895bcce .tableCellSkeleton_bef895bcce.circle_c1fb48f071, .tableCellSkeletonWrapper_bef895bcce .tableCellSkeleton_bef895bcce.rectangle_8a540788b2 {\n  width: auto;\n  aspect-ratio: 1/1;\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_d3c0a4db8e",menuContainer:"menuContainer_80b3294834"};!function(e){const n="s_id-a0ba3cbb8774_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)}(".tableContainer_d3c0a4db8e {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_d3c0a4db8e .menuContainer_80b3294834 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  inset-inline-start: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_a7bf706464",menuContainer:"menuContainer_045ff735cb"};!function(e){const n="s_id-a0ba3cbb8774_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)}(".tableContainer_a7bf706464 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_a7bf706464 .menuContainer_045ff735cb {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  inset-inline-start: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_867580a0d6",virtualized:"virtualized_00d12c4f1b"};!function(e){const t="s_id-8e924ee64aa4_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)}(".tableHeader_867580a0d6 {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_867580a0d6 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_867580a0d6.virtualized_00d12c4f1b {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_867580a0d6.virtualized_00d12c4f1b::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_d31dd685db",virtualized:"virtualized_29a9c6857e"};!function(e){const d="s_id-8e924ee64aa4_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tableHeader_d31dd685db {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_d31dd685db > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_d31dd685db.virtualized_29a9c6857e {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_d31dd685db.virtualized_29a9c6857e::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_7f597d2394","focus-visible":"focus-visible_93d0f127c5",sticky:"sticky_74e274cfe3",sortActive:"sortActive_d786310708",tableHeaderCellContent:"tableHeaderCellContent_0ed79d95f4",icon:"icon_da9df71729",infoTooltip:"infoTooltip_091508edaa",tableHeaderCellSort:"tableHeaderCellSort_9410ecccd2",sort:"sort_495bfdbade",asc:"asc_d3c365d6b3",desc:"desc_b382f3fb38",show:"show_f550a82b5b"};!function(e){const l="s_id-0fa2e97aa7c9_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_7f597d2394 {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_7f597d2394:focus-visible, .tableHeaderCell_7f597d2394.focus-visible_93d0f127c5 {\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.tableHeaderCell_7f597d2394:focus:not(.focus-visible_93d0f127c5) {\n  outline: none;\n}\n.tableHeaderCell_7f597d2394.sticky_74e274cfe3 {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_7f597d2394.sticky_74e274cfe3:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_7f597d2394:hover, .tableHeaderCell_7f597d2394.sortActive_d786310708 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_7f597d2394 .tableHeaderCellContent_0ed79d95f4 {\n  min-width: 0;\n}\n.tableHeaderCell_7f597d2394 .tableHeaderCellContent_0ed79d95f4 .icon_da9df71729 {\n  min-width: var(--space-16);\n}\n.tableHeaderCell_7f597d2394 .tableHeaderCellContent_0ed79d95f4 .infoTooltip_091508edaa {\n  display: inline-flex;\n}\n.tableHeaderCell_7f597d2394 .tableHeaderCellSort_9410ecccd2 {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell_7f597d2394 .tableHeaderCellSort_9410ecccd2 .sort_495bfdbade {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_7f597d2394 .tableHeaderCellSort_9410ecccd2 .sort_495bfdbade.asc_d3c365d6b3, .tableHeaderCell_7f597d2394 .tableHeaderCellSort_9410ecccd2 .sort_495bfdbade.desc_b382f3fb38 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_7f597d2394 .tableHeaderCellSort_9410ecccd2 .sort_495bfdbade:not(.show_f550a82b5b) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_f3350b3e77","focus-visible":"focus-visible_8345afc3b6",sticky:"sticky_dba9f68552",sortActive:"sortActive_5b9e38555d",tableHeaderCellContent:"tableHeaderCellContent_f4418798e4",icon:"icon_646f513b18",infoTooltip:"infoTooltip_0c56e925c9",tableHeaderCellSort:"tableHeaderCellSort_d04f6872a1",sort:"sort_8cb252c2fb",asc:"asc_bebc21e499",desc:"desc_1b30133561",show:"show_b0044dd432"};!function(e){const l="s_id-0fa2e97aa7c9_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_f3350b3e77 {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_f3350b3e77:focus-visible, .tableHeaderCell_f3350b3e77.focus-visible_8345afc3b6 {\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.tableHeaderCell_f3350b3e77:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.tableHeaderCell_f3350b3e77.sticky_dba9f68552 {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_f3350b3e77.sticky_dba9f68552:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_f3350b3e77:hover, .tableHeaderCell_f3350b3e77.sortActive_5b9e38555d {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellContent_f4418798e4 {\n  min-width: 0;\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellContent_f4418798e4 .icon_646f513b18 {\n  min-width: var(--space-16);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellContent_f4418798e4 .infoTooltip_0c56e925c9 {\n  display: inline-flex;\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb.asc_bebc21e499, .tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb.desc_1b30133561 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb:not(.show_b0044dd432) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_ef5d8f1806"};!function(e){const t="s_id-72a799b963ca_4_5_3";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_ef5d8f1806 {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_ef5d8f1806[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_ef5d8f1806 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_ef5d8f1806:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_ef5d8f1806:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_25781d7d23"};!function(e){const t="s_id-72a799b963ca_4_5_10";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_25781d7d23 {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_25781d7d23[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_25781d7d23 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_25781d7d23:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_25781d7d23:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_3e02b1552d",small:"small_b35b8537d0",medium:"medium_6bf61bfddc",large:"large_6013939443"};!function(e){const n="s_id-6ebd091550ab_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_3e02b1552d {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer_3e02b1552d.small_b35b8537d0 {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer_3e02b1552d.medium_6bf61bfddc {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer_3e02b1552d.large_6013939443 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_798025ab52",small:"small_f53dd6520b",medium:"medium_dbc814ab08",large:"large_1bc72d6c82"};!function(e){const n="s_id-6ebd091550ab_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_798025ab52 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer_798025ab52.small_f53dd6520b {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer_798025ab52.medium_dbc814ab08 {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer_798025ab52.large_1bc72d6c82 {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_45b96df890",tableBodyItems:"tableBodyItems_6c7255090e",withHeader:"withHeader_d854592d46"};!function(e){const t="s_id-e63e6a70f113_4_5_3";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody_45b96df890 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_45b96df890 .tableBodyItems_6c7255090e::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_45b96df890 .tableBodyItems_6c7255090e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_45b96df890.withHeader_d854592d46 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_90f97d3403",tableBodyItems:"tableBodyItems_9a5e3a714f",withHeader:"withHeader_b4b76df258"};!function(e){const t="s_id-e63e6a70f113_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody_90f97d3403 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_90f97d3403 .tableBodyItems_9a5e3a714f::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_90f97d3403 .tableBodyItems_9a5e3a714f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_90f97d3403.withHeader_b4b76df258 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

package/dist/src/components/Tabs/Tab/Tab.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabWrapper:"tabWrapper_af830f8359",stretchedUnderline:"stretchedUnderline_fc4ab0f79d",tabInner:"tabInner_f06cae4e41",tabIcon:"tabIcon_bd51d2b0e9",right:"right_6d0af8f177",tabFocusVisibleInset:"tabFocusVisibleInset_13f312e5c1",active:"active_b382f3fb38",disabled:"disabled_f573568083"};!function(e){const n="s_id-7d880f6274c5_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper_af830f8359 {\n  position: relative;\n  display: inline-block;\n  padding-left: 0;\n  padding-right: 0;\n  border: none;\n  color: var(--secondary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n}\n.tabWrapper_af830f8359.stretchedUnderline_fc4ab0f79d {\n  border-bottom: 0;\n}\n\n/* Selected stroke is rendered once on TabList (slide-transition) */\n.tabWrapper_af830f8359:after {\n  display: none;\n}\n\n.tabWrapper_af830f8359 .tabInner_f06cae4e41 {\n  /* Leaves 2px gap + 2px underline within the list height */\n  height: calc(100% - 4px);\n  width: fit-content;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  border-radius: 8px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 0;\n  cursor: pointer;\n  color: var(--secondary-text-color);\n}\n\n.tabWrapper_af830f8359 .tabInner_f06cae4e41:focus {\n  outline: none;\n}\n\n.tabWrapper_af830f8359 .tabInner_f06cae4e41 .tabIcon_bd51d2b0e9 {\n  color: var(--secondary-text-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_af830f8359 .tabInner_f06cae4e41 .tabIcon_bd51d2b0e9.right_6d0af8f177 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_af830f8359.tabFocusVisibleInset_13f312e5c1 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_af830f8359.active_b382f3fb38 {\n  color: var(--primary-text-color);\n}\n.tabWrapper_af830f8359.active_b382f3fb38 .tabInner_f06cae4e41 {\n  color: var(--primary-text-color);\n}\n.tabWrapper_af830f8359.active_b382f3fb38 .tabInner_f06cae4e41 .tabIcon_bd51d2b0e9 {\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_af830f8359.disabled_f573568083 .tabInner_f06cae4e41 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_af830f8359.disabled_f573568083 .tabInner_f06cae4e41 .tabIcon_bd51d2b0e9 {\n  color: var(--disabled-text-color);\n}\n\n.tabWrapper_af830f8359:not(.disabled_f573568083):not(.active_b382f3fb38) .tabInner_f06cae4e41:hover {\n  border-radius: 8px;\n  background-color: var(--primary-background-hover-color);\n  color: var(--primary-text-color);\n}\n.tabWrapper_af830f8359:not(.disabled_f573568083):not(.active_b382f3fb38) .tabInner_f06cae4e41:hover .tabIcon_bd51d2b0e9 {\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_af830f8359.active_b382f3fb38:not(.disabled_f573568083) .tabInner_f06cae4e41:hover {\n  border-radius: 8px;\n  background-color: var(--primary-background-hover-color);\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabWrapper:"tabWrapper_23e0f0d078",stretchedUnderline:"stretchedUnderline_50a578d61f",tabInner:"tabInner_541e94a46e",tabIcon:"tabIcon_350dc272b0",right:"right_20dacde184",tabFocusVisibleInset:"tabFocusVisibleInset_610b03bf33",active:"active_1b30133561",disabled:"disabled_5b8fd74eb5"};!function(e){const n="s_id-7d880f6274c5_4_5_10";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper_23e0f0d078 {\n  position: relative;\n  display: inline-block;\n  padding-left: 0;\n  padding-right: 0;\n  border: none;\n  color: var(--secondary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n}\n.tabWrapper_23e0f0d078.stretchedUnderline_50a578d61f {\n  border-bottom: 0;\n}\n\n/* Selected stroke is rendered once on TabList (slide-transition) */\n.tabWrapper_23e0f0d078:after {\n  display: none;\n}\n\n.tabWrapper_23e0f0d078 .tabInner_541e94a46e {\n  /* Leaves 2px gap + 2px underline within the list height */\n  height: calc(100% - 4px);\n  width: fit-content;\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 8px;\n  border-radius: 8px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 0;\n  cursor: pointer;\n  color: var(--secondary-text-color);\n}\n\n.tabWrapper_23e0f0d078 .tabInner_541e94a46e:focus {\n  outline: none;\n}\n\n.tabWrapper_23e0f0d078 .tabInner_541e94a46e .tabIcon_350dc272b0 {\n  color: var(--secondary-text-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_23e0f0d078 .tabInner_541e94a46e .tabIcon_350dc272b0.right_20dacde184 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_23e0f0d078.tabFocusVisibleInset_610b03bf33 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_23e0f0d078.active_1b30133561 {\n  color: var(--primary-text-color);\n}\n.tabWrapper_23e0f0d078.active_1b30133561 .tabInner_541e94a46e {\n  color: var(--primary-text-color);\n}\n.tabWrapper_23e0f0d078.active_1b30133561 .tabInner_541e94a46e .tabIcon_350dc272b0 {\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_23e0f0d078.disabled_5b8fd74eb5 .tabInner_541e94a46e {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_23e0f0d078.disabled_5b8fd74eb5 .tabInner_541e94a46e .tabIcon_350dc272b0 {\n  color: var(--disabled-text-color);\n}\n\n.tabWrapper_23e0f0d078:not(.disabled_5b8fd74eb5):not(.active_1b30133561) .tabInner_541e94a46e:hover {\n  border-radius: 8px;\n  background-color: var(--primary-background-hover-color);\n  color: var(--primary-text-color);\n}\n.tabWrapper_23e0f0d078:not(.disabled_5b8fd74eb5):not(.active_1b30133561) .tabInner_541e94a46e:hover .tabIcon_350dc272b0 {\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_23e0f0d078.active_1b30133561:not(.disabled_5b8fd74eb5) .tabInner_541e94a46e:hover {\n  border-radius: 8px;\n  background-color: var(--primary-background-hover-color);\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/src/components/Tabs/TabList/TabList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import{camelCase as n}from"es-toolkit";import i,{forwardRef as o,useRef as s,useState as a,useEffect as c,useMemo as l,useCallback as d,useLayoutEffect as u}from"react";import f from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import m from"../../../hooks/usePrevious/index.js";import{getTestId as v,ComponentDefaultTestId as p}from"../../../tests/testIds.js";import b from"./TabList.module.scss.js";import{useMergeRef as h}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as y}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as I}from"../../../../shared/dist/utils/function-utils.js";var g=o((function(o,g){var C=o.className,x=o.id,N=o.onTabChange,j=void 0===N?I:N,T=o.activeTabId,w=void 0===T?0:T,L=o.tabType,k=void 0===L?"Compact":L,E=o.size,B=o.stretchedUnderline,O=void 0!==B&&B,R=o.tabPanelIds,A=void 0===R?[]:R,M=o.children,P=o["data-testid"],z=s(null),S=h(g,z),U=s({}),_=s(null),G=s(null),H=s(!1),K=a(w),W=e(K,2),q=W[0],D=W[1],F=a(!1),J=e(F,2),Q=J[0],V=J[1],X=m(w),Y=m(q);c((function(){w!==X&&w!==q&&D(w)}),[w,X,q,D]),c((function(){var e;void 0!==Y&&Y!==q&&U.current[q]&&(null===(e=U.current[q])||void 0===e||e.focus())}),[q,Y]);var Z=l((function(){var e=new Set;return i.Children.forEach(M,(function(t,r){t.props.disabled&&e.add(r)})),e}),[M]),$=d((function(e){Z.has(e)||(D(e),j&&j(e))}),[j,Z]),ee=d((function(e,t){var r,n=null===(r=M[t].props)||void 0===r?void 0:r.onClick;Z.has(t)||(n&&n(t),$(t))}),[M,Z,$]),te=d((function(e){return M[e]}),[M]),re=l((function(){return Array.from(Z)}),[Z]),ne=f({ref:_,numberOfItemsInLine:null==M?void 0:M.length,itemsCount:null==M?void 0:M.length,getItemByIndex:te,onItemClicked:ee,disabledIndexes:re,circularNavigation:!0}),ie=ne.activeIndex,oe=ne.onSelectionAction,se=m(ie);c((function(){var e;void 0!==ie&&ie>=0&&se!==ie&&U.current[ie]&&(null===(e=U.current[ie])||void 0===e||e.focus())}),[ie,se]);var ae=d((function(e){var t=z.current,r=G.current,n=U.current[q];if(t&&r&&n){var i=t.getBoundingClientRect(),o=n.getBoundingClientRect(),s=o.left-i.left+t.scrollLeft+4,a=Math.max(0,o.width-8),c="undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(e&&H.current&&!c)r.style.left="".concat(s,"px"),r.style.width="".concat(a,"px");else{var l=r.style.transition;r.style.transition="none",r.style.left="".concat(s,"px"),r.style.width="".concat(a,"px"),r.style.transition=l}H.current=!0,V(!0)}}),[q]);u((function(){ae(!0)}),[q,M,E,k,ae]),c((function(){var e=z.current;if(e&&"undefined"!=typeof ResizeObserver){var t=new ResizeObserver((function(){ae(!1)}));return t.observe(e),Object.values(U.current).forEach((function(e){e&&t.observe(e)})),function(){return t.disconnect()}}}),[M,ae]);var ce=l((function(){return i.Children.map(M,(function(e,t){var n=q===t,o=void 0===ie||0>ie?n:ie===t;return i.cloneElement(e,{value:t,active:n,focus:ie===t,onClick:oe,stretchedUnderline:O,className:r(b.tabListTabWrapper,e.props.className),tabInnerClassName:r(b.tabListTabInner,e.props.tabInnerClassName),tabIndex:o?0:-1,"aria-controls":A[t],ref:function(e){U.current[t]=e}})}))}),[M,q,ie,oe,O,A,x]);return i.createElement("div",{ref:S,className:r(b.tabsWrapper,C,[y(b,n(k))],t({},b.stretchedUnderline,O)),id:x,"data-testid":P||v(p.TAB_LIST,x)},i.createElement("ul",{ref:_,className:r(b.tabsList,[y(b,E)]),role:"tablist"},ce),i.createElement("span",{ref:G,className:r(b.selectedIndicator,t({},b.visible,Q)),"aria-hidden":!0}))}));Object.assign(g,{isTabList:!0});export{g as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import{camelCase as n}from"es-toolkit";import i,{forwardRef as s,useRef as o,useState as a,useEffect as c,useMemo as l,useCallback as d,useLayoutEffect as u}from"react";import f from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import{getTestId as m,ComponentDefaultTestId as v}from"../../../tests/testIds.js";import p from"./TabList.module.scss.js";import b from"../../../../hooks/dist/usePrevious/index.js";import{useMergeRef as h}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as y}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as I}from"../../../../shared/dist/utils/function-utils.js";var g=s((function(s,g){var C=s.className,w=s.id,x=s.onTabChange,N=void 0===x?I:x,j=s.activeTabId,T=void 0===j?0:j,L=s.tabType,k=void 0===L?"Compact":L,E=s.size,B=s.stretchedUnderline,O=void 0!==B&&B,R=s.tabPanelIds,A=void 0===R?[]:R,M=s.children,P=s["data-testid"],z=o(null),S=h(g,z),U=o({}),_=o(null),G=o(null),H=o(!1),K=o(null),W=a(T),q=e(W,2),D=q[0],F=q[1],J=a(!1),Q=e(J,2),V=Q[0],X=Q[1],Y=b(T),Z=b(D);c((function(){T!==Y&&T!==D&&F(T)}),[T,Y,D,F]),c((function(){var e;void 0!==Z&&Z!==D&&U.current[D]&&(null===(e=U.current[D])||void 0===e||e.focus())}),[D,Z]);var $=l((function(){var e=new Set;return i.Children.forEach(M,(function(t,r){t.props.disabled&&e.add(r)})),e}),[M]),ee=d((function(e){$.has(e)||(F(e),N&&N(e))}),[N,$]),te=d((function(e,t){var r,n=null===(r=M[t].props)||void 0===r?void 0:r.onClick;$.has(t)||(n&&n(t),ee(t))}),[M,$,ee]),re=d((function(e){return M[e]}),[M]),ne=l((function(){return Array.from($)}),[$]),ie=f({ref:_,numberOfItemsInLine:null==M?void 0:M.length,itemsCount:null==M?void 0:M.length,getItemByIndex:re,onItemClicked:te,disabledIndexes:ne,circularNavigation:!0}),se=ie.activeIndex,oe=ie.onSelectionAction,ae=b(se);c((function(){var e;void 0!==se&&se>=0&&ae!==se&&U.current[se]&&(null===(e=U.current[se])||void 0===e||e.focus())}),[se,ae]);var ce=d((function(e){var t=z.current,r=G.current,n=U.current[D];if(t&&r&&n){var i=t.getBoundingClientRect(),s=n.getBoundingClientRect(),o=s.left-i.left+t.scrollLeft+4,a=Math.max(0,s.width-8),c=K.current;if(e||!c||c.left!==o||c.width!==a){K.current={left:o,width:a};var l="undefined"!=typeof window&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(e&&H.current&&!l)r.style.left="".concat(o,"px"),r.style.width="".concat(a,"px");else{var d=r.style.transition;r.style.transition="none",r.style.left="".concat(o,"px"),r.style.width="".concat(a,"px"),r.style.transition=d}H.current=!0,X(!0)}else X(!0)}}),[D]),le=o(ce);le.current=ce,u((function(){ce(!0)}),[D,M,E,k,ce]),c((function(){var e=z.current;if(e&&"undefined"!=typeof ResizeObserver){var t=new ResizeObserver((function(){le.current(!1)}));return t.observe(e),Object.values(U.current).forEach((function(e){e&&t.observe(e)})),function(){return t.disconnect()}}}),[M]);var de=l((function(){return i.Children.map(M,(function(e,t){var n=D===t,s=void 0===se||0>se?n:se===t;return i.cloneElement(e,{value:t,active:n,focus:se===t,onClick:oe,stretchedUnderline:O,className:r(p.tabListTabWrapper,e.props.className),tabInnerClassName:r(p.tabListTabInner,e.props.tabInnerClassName),tabIndex:s?0:-1,"aria-controls":A[t],ref:function(e){U.current[t]=e}})}))}),[M,D,se,oe,O,A,w]);return i.createElement("div",{ref:S,className:r(p.tabsWrapper,C,[y(p,n(k))],t({},p.stretchedUnderline,O)),id:w,"data-testid":P||m(v.TAB_LIST,w)},i.createElement("ul",{ref:_,className:r(p.tabsList,[y(p,E)]),role:"tablist"},de),i.createElement("span",{ref:G,className:r(p.selectedIndicator,t({},p.visible,V)),"aria-hidden":!0}))}));Object.assign(g,{isTabList:!0});export{g as default};
 //# sourceMappingURL=TabList.js.map

package/dist/src/components/Tabs/TabList/TabList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\nimport usePrevious from \"../../../hooks/usePrevious\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nimport styles from \"./TabList.module.scss\";\n\nconst SELECTED_INDICATOR_INSET_PX = 4;\n\nexport interface TabListProps extends VibeComponentProps {\n /*\n Callback fired when the active tab changes.\n /\n onTabChange?: (tabId: number) => void;\n /\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The type of tab style.\n /\n tabType?: string;\n /\n The size of the tab list.\n /\n size?: string;\n /\n If true, Sets an E2E underline under the whole tabs component.\n /\n stretchedUnderline?: boolean;\n /\n Array of corresponding TabPanel ids for aria-controls relationship.\n /\n tabPanelIds?: string[];\n /\n The child elements representing tabs.\n /\n children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n stretchedUnderline = false,\n tabPanelIds = [],\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const tabRefs = useRef<Record<number, HTMLElement \| null>>({});\n const ulRef = useRef<HTMLUListElement>(null);\n const indicatorRef = useRef<HTMLSpanElement>(null);\n const indicatorReadyRef = useRef(false);\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n const [indicatorVisible, setIndicatorVisible] = useState(false);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n const prevActiveTabState = usePrevious(activeTabState);\n\n useEffect(() => {\n // Update active tab if changed from props\n\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n // Focus management: when activeTabState changes, focus the active tab\n useEffect(() => {\n if (\n prevActiveTabState !== undefined &&\n prevActiveTabState !== activeTabState &&\n tabRefs.current[activeTabState]\n ) {\n tabRefs.current[activeTabState]?.focus();\n }\n }, [activeTabState, prevActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n const onTabClick = useCallback(\n (value: HTMLElement \| void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes,\n circularNavigation: true\n });\n\n // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n const prevFocusIndex = usePrevious(focusIndex);\n useEffect(() => {\n if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n tabRefs.current[focusIndex]?.focus();\n }\n }, [focusIndex, prevFocusIndex]);\n\n const updateSelectedIndicator = useCallback(\n (animate: boolean) => {\n const wrapper = componentRef.current as HTMLElement \| null;\n const indicator = indicatorRef.current;\n const tab = tabRefs.current[activeTabState];\n if (!wrapper \|\| !indicator \|\| !tab) return;\n\n const wrapperRect = wrapper.getBoundingClientRect();\n const tabRect = tab.getBoundingClientRect();\n const toLeft = tabRect.left - wrapperRect.left + wrapper.scrollLeft + SELECTED_INDICATOR_INSET_PX;\n const toWidth = Math.max(0, tabRect.width - SELECTED_INDICATOR_INSET_PX 2);\n\n const prefersReducedMotion =\n typeof window !== \"undefined\" && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n const shouldAnimate = animate && indicatorReadyRef.current && !prefersReducedMotion;\n\n if (!shouldAnimate) {\n const previousTransition = indicator.style.transition;\n indicator.style.transition = \"none\";\n indicator.style.left = `${toLeft}px`;\n indicator.style.width = `${toWidth}px`;\n void indicator.offsetWidth;\n indicator.style.transition = previousTransition;\n } else {\n indicator.style.left = `${toLeft}px`;\n indicator.style.width = `${toWidth}px`;\n }\n\n indicatorReadyRef.current = true;\n setIndicatorVisible(true);\n },\n [activeTabState]\n );\n\n useLayoutEffect(() => {\n updateSelectedIndicator(true);\n }, [activeTabState, children, size, tabType, updateSelectedIndicator]);\n\n useEffect(() => {\n const wrapper = componentRef.current as HTMLElement \| null;\n if (!wrapper \|\| typeof ResizeObserver === \"undefined\") return;\n\n const resizeObserver = new ResizeObserver(() => {\n updateSelectedIndicator(false);\n });\n resizeObserver.observe(wrapper);\n Object.values(tabRefs.current).forEach(tab => {\n if (tab) resizeObserver.observe(tab);\n });\n\n return () => resizeObserver.disconnect();\n }, [children, updateSelectedIndicator]);\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n const isActive = activeTabState === index;\n\n const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n return React.cloneElement(child, {\n value: index,\n active: isActive,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n stretchedUnderline,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n tabIndex: shouldBeFocusable ? 0 : -1,\n \"aria-controls\": tabPanelIds[index],\n ref: (element: HTMLElement \| null) => {\n tabRefs.current[index] = element;\n }\n } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n <span\n ref={indicatorRef}\n className={cx(styles.selectedIndicator, { [styles.visible]: indicatorVisible })}\n aria-hidden\n />\n </div>\n );\n }\n);\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","ulRef","indicatorRef","indicatorReadyRef","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","_useState3","_useState4","indicatorVisible","setIndicatorVisible","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","updateSelectedIndicator","animate","wrapper","indicator","tab","wrapperRect","getBoundingClientRect","tabRect","toLeft","left","scrollLeft","toWidth","Math","max","width","SELECTED_INDICATOR_INSET_PX","prefersReducedMotion","window","matchMedia","matches","style","concat","previousTransition","transition","useLayoutEffect","ResizeObserver","resizeObserver","observe","Object","values","disconnect","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","selectedIndicator","visible","assign","isTabList"],"mappings":"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"}
1	+ {"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nimport styles from \"./TabList.module.scss\";\n\nconst SELECTED_INDICATOR_INSET_PX = 4;\n\nexport interface TabListProps extends VibeComponentProps {\n /*\n Callback fired when the active tab changes.\n /\n onTabChange?: (tabId: number) => void;\n /\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The type of tab style.\n /\n tabType?: string;\n /\n The size of the tab list.\n /\n size?: string;\n /\n If true, Sets an E2E underline under the whole tabs component.\n /\n stretchedUnderline?: boolean;\n /\n Array of corresponding TabPanel ids for aria-controls relationship.\n /\n tabPanelIds?: string[];\n /\n The child elements representing tabs.\n /\n children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n stretchedUnderline = false,\n tabPanelIds = [],\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const tabRefs = useRef<Record<number, HTMLElement \| null>>({});\n const ulRef = useRef<HTMLUListElement>(null);\n const indicatorRef = useRef<HTMLSpanElement>(null);\n const indicatorReadyRef = useRef(false);\n const lastGeometryRef = useRef<{ left: number; width: number } \| null>(null);\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n const [indicatorVisible, setIndicatorVisible] = useState(false);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n const prevActiveTabState = usePrevious(activeTabState);\n\n useEffect(() => {\n // Update active tab if changed from props\n\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n // Focus management: when activeTabState changes, focus the active tab\n useEffect(() => {\n if (\n prevActiveTabState !== undefined &&\n prevActiveTabState !== activeTabState &&\n tabRefs.current[activeTabState]\n ) {\n tabRefs.current[activeTabState]?.focus();\n }\n }, [activeTabState, prevActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n const onTabClick = useCallback(\n (value: HTMLElement \| void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes,\n circularNavigation: true\n });\n\n // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n const prevFocusIndex = usePrevious(focusIndex);\n useEffect(() => {\n if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n tabRefs.current[focusIndex]?.focus();\n }\n }, [focusIndex, prevFocusIndex]);\n\n const updateSelectedIndicator = useCallback(\n (animate: boolean) => {\n const wrapper = componentRef.current as HTMLElement \| null;\n const indicator = indicatorRef.current;\n const tab = tabRefs.current[activeTabState];\n if (!wrapper \|\| !indicator \|\| !tab) return;\n\n const wrapperRect = wrapper.getBoundingClientRect();\n const tabRect = tab.getBoundingClientRect();\n const toLeft = tabRect.left - wrapperRect.left + wrapper.scrollLeft + SELECTED_INDICATOR_INSET_PX;\n const toWidth = Math.max(0, tabRect.width - SELECTED_INDICATOR_INSET_PX 2);\n\n // A non-animated update that lands on the geometry we already applied would only\n // cancel an in-flight glide. ResizeObserver.observe() always fires one such callback,\n // so bail out unless the target actually moved.\n const lastGeometry = lastGeometryRef.current;\n if (!animate && lastGeometry && lastGeometry.left === toLeft && lastGeometry.width === toWidth) {\n setIndicatorVisible(true);\n return;\n }\n lastGeometryRef.current = { left: toLeft, width: toWidth };\n\n const prefersReducedMotion =\n typeof window !== \"undefined\" && window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n const shouldAnimate = animate && indicatorReadyRef.current && !prefersReducedMotion;\n\n if (!shouldAnimate) {\n const previousTransition = indicator.style.transition;\n indicator.style.transition = \"none\";\n indicator.style.left = `${toLeft}px`;\n indicator.style.width = `${toWidth}px`;\n void indicator.offsetWidth;\n indicator.style.transition = previousTransition;\n } else {\n indicator.style.left = `${toLeft}px`;\n indicator.style.width = `${toWidth}px`;\n }\n\n indicatorReadyRef.current = true;\n setIndicatorVisible(true);\n },\n [activeTabState]\n );\n\n // Lets the ResizeObserver stay subscribed across tab changes.\n const updateSelectedIndicatorRef = useRef(updateSelectedIndicator);\n updateSelectedIndicatorRef.current = updateSelectedIndicator;\n\n useLayoutEffect(() => {\n updateSelectedIndicator(true);\n }, [activeTabState, children, size, tabType, updateSelectedIndicator]);\n\n useEffect(() => {\n const wrapper = componentRef.current as HTMLElement \| null;\n if (!wrapper \|\| typeof ResizeObserver === \"undefined\") return;\n\n const resizeObserver = new ResizeObserver(() => {\n updateSelectedIndicatorRef.current(false);\n });\n resizeObserver.observe(wrapper);\n Object.values(tabRefs.current).forEach(tab => {\n if (tab) resizeObserver.observe(tab);\n });\n\n return () => resizeObserver.disconnect();\n }, [children]);\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n const isActive = activeTabState === index;\n\n const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n return React.cloneElement(child, {\n value: index,\n active: isActive,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n stretchedUnderline,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n tabIndex: shouldBeFocusable ? 0 : -1,\n \"aria-controls\": tabPanelIds[index],\n ref: (element: HTMLElement \| null) => {\n tabRefs.current[index] = element;\n }\n } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n <span\n ref={indicatorRef}\n className={cx(styles.selectedIndicator, { [styles.visible]: indicatorVisible })}\n aria-hidden\n />\n </div>\n );\n }\n);\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","ulRef","indicatorRef","indicatorReadyRef","lastGeometryRef","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","_useState3","_useState4","indicatorVisible","setIndicatorVisible","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","updateSelectedIndicator","animate","wrapper","indicator","tab","wrapperRect","getBoundingClientRect","tabRect","toLeft","left","scrollLeft","toWidth","Math","max","width","SELECTED_INDICATOR_INSET_PX","lastGeometry","prefersReducedMotion","window","matchMedia","matches","style","concat","previousTransition","transition","updateSelectedIndicatorRef","useLayoutEffect","ResizeObserver","resizeObserver","observe","Object","values","disconnect","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","selectedIndicator","visible","assign","isTabList"],"mappings":"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"}

package/dist/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_cf616a2892",tabsList:"tabsList_42d172bb5e",selectedIndicator:"selectedIndicator_6c1351b4e2",visible:"visible_80fa786853",sm:"sm_5102f332f8",lg:"lg_50b062edf5",stretched:"stretched_9dce104bae",tabListTabWrapper:"tabListTabWrapper_83b910b9cd",tabListTabInner:"tabListTabInner_83b910b9cd",disabled:"disabled_c7c7d312b8",stretchedUnderline:"stretchedUnderline_b36ba07802"};!function(e){const n="s_id-c612bfbecd19_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper_cf616a2892 {\n  position: relative;\n  --duration-long-250: 250ms;\n  --duration-short-70: 70ms;\n  --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n  --ease-linear: linear;\n}\n\n.tabsWrapper_cf616a2892 .tabsList_42d172bb5e {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  /* Medium: 32px button + 2px gap + 2px selected underline */\n  height: 36px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_cf616a2892 .selectedIndicator_6c1351b4e2 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--primary-text-color);\n  border-radius: 1px;\n  opacity: 0;\n  z-index: 2;\n  pointer-events: none;\n  transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n\n.tabsWrapper_cf616a2892 .selectedIndicator_6c1351b4e2.visible_80fa786853 {\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tabsWrapper_cf616a2892 .selectedIndicator_6c1351b4e2 {\n    transition: opacity var(--duration-short-70) var(--ease-linear);\n  }\n}\n.tabsWrapper_cf616a2892 .tabsList_42d172bb5e.sm_5102f332f8 {\n  /* Small: 28px button + 2px gap + 2px underline */\n  height: 32px;\n}\n\n.tabsWrapper_cf616a2892 .tabsList_42d172bb5e.lg_50b062edf5 {\n  /* Large: 36px button + 2px gap + 2px underline */\n  height: 40px;\n}\n\n.tabsWrapper_cf616a2892.stretched_9dce104bae .tabsList_42d172bb5e {\n  width: 100%;\n}\n\n.tabsWrapper_cf616a2892.stretched_9dce104bae .tabsList_42d172bb5e .tabListTabWrapper_83b910b9cd {\n  width: 100%;\n}\n\n.tabsWrapper_cf616a2892.stretched_9dce104bae .tabsList_42d172bb5e .tabListTabWrapper_83b910b9cd .tabListTabInner_83b910b9cd {\n  width: 100%;\n}\n\n.tabsWrapper_cf616a2892.disabled_c7c7d312b8 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_cf616a2892.stretchedUnderline_b36ba07802 {\n  border-bottom: none;\n}');export{e as default};
+var e={tabsWrapper:"tabsWrapper_e6e88f21c6",tabsList:"tabsList_b1a1fb70ef",selectedIndicator:"selectedIndicator_b8c59237b5",visible:"visible_bf99082593",sm:"sm_9cb65bd0dc",lg:"lg_f3f0d85f01",stretched:"stretched_86168d2484",tabListTabWrapper:"tabListTabWrapper_13d3be3d0a",tabListTabInner:"tabListTabInner_13d3be3d0a",disabled:"disabled_d6cb62eb72",stretchedUnderline:"stretchedUnderline_3d0329b3b4"};!function(e){const n="s_id-1f1ea82925d8_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('@charset "UTF-8";\n/* stylelint-disable */\n/* stylelint-enable */\n/* Tokens — remove once design system Sense motion tokens are live */\n/* Pattern: slide-transition · Tokens: position · ease-transition · duration-long-250 */\n.tabsWrapper_e6e88f21c6 {\n  position: relative;\n  --duration-long-250: 250ms;\n  --duration-short-70: 70ms;\n  --ease-transition: cubic-bezier(0.4, 0, 0.2, 1);\n  --ease-linear: linear;\n}\n\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  /* Medium: 32px button + 2px gap + 2px selected underline */\n  height: 36px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_e6e88f21c6 .selectedIndicator_b8c59237b5 {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--primary-color);\n  border-radius: 1px;\n  opacity: 0;\n  z-index: 2;\n  pointer-events: none;\n  transition: left var(--duration-long-250) var(--ease-transition), width var(--duration-long-250) var(--ease-transition), opacity var(--duration-short-70) var(--ease-linear);\n}\n\n.tabsWrapper_e6e88f21c6 .selectedIndicator_b8c59237b5.visible_bf99082593 {\n  opacity: 1;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .tabsWrapper_e6e88f21c6 .selectedIndicator_b8c59237b5 {\n    transition: opacity var(--duration-short-70) var(--ease-linear);\n  }\n}\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.sm_9cb65bd0dc {\n  /* Small: 28px button + 2px gap + 2px underline */\n  height: 32px;\n}\n\n.tabsWrapper_e6e88f21c6 .tabsList_b1a1fb70ef.lg_f3f0d85f01 {\n  /* Large: 36px button + 2px gap + 2px underline */\n  height: 40px;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef {\n  width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a {\n  width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.stretched_86168d2484 .tabsList_b1a1fb70ef .tabListTabWrapper_13d3be3d0a .tabListTabInner_13d3be3d0a {\n  width: 100%;\n}\n\n.tabsWrapper_e6e88f21c6.disabled_d6cb62eb72 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n\n.tabsWrapper_e6e88f21c6.stretchedUnderline_3d0329b3b4 {\n  border-bottom: none;\n}');export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js CHANGED Viewed

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

package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_c0a2699089",tabPanel:"tabPanel_1610439775",animationDirectionRtl:"animationDirectionRtl_dd42bef53f",animationDirectionLtr:"animationDirectionLtr_80d6855e0b",active:"active_785eaad565",panelSlideIn:"panelSlideIn_79d9c5e237"};!function(e){const n="s_id-078bacbdb1e4_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_c0a2699089 .tabPanel_1610439775 {\n  display: none;\n}\n\n.tabPanelsWrapper_c0a2699089 .tabPanel_1610439775.animationDirectionRtl_dd42bef53f {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_c0a2699089 .tabPanel_1610439775.animationDirectionLtr_80d6855e0b {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_c0a2699089 .tabPanel_1610439775.active_785eaad565 {\n  display: block;\n  animation: panelSlideIn_79d9c5e237 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_79d9c5e237 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_e73d9db608",tabPanel:"tabPanel_2d52d8b102",animationDirectionRtl:"animationDirectionRtl_d2c24426a1",animationDirectionLtr:"animationDirectionLtr_6aadfc8909",active:"active_de25c15ae3",panelSlideIn:"panelSlideIn_b529d262e9"};!function(e){const n="s_id-078bacbdb1e4_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102 {\n  display: none;\n}\n\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102.animationDirectionRtl_d2c24426a1 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102.animationDirectionLtr_6aadfc8909 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102.active_de25c15ae3 {\n  display: block;\n  animation: panelSlideIn_b529d262e9 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_b529d262e9 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

package/dist/src/components/Tabs/TabsContext/TabsContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t,useRef as a,useState as n,useEffect as i,useCallback as o,useMemo as s}from"react";import l from"../../../hooks/usePrevious/index.js";import{getTestId as d,ComponentDefaultTestId as c}from"../../../tests/testIds.js";import{useMergeRef as u}from"../../../../shared/dist/hooks/useMergeRef.js";var f=t((function(t,f){var p=t.className,m=t.id,h=t.activeTabId,v=void 0===h?0:h,T=t.children,b=t["data-testid"],C=a(null),E=u(f,C),I=n(v),P=e(I,2),g=P[0],j=P[1],y=n(v),N=e(y,2),_=N[0],k=N[1],x=l(v);i((function(){v!==x&&v!==_&&(j(_),k(v))}),[v,_,x]);var A=o((function(e){j(_),k(e)}),[_]),B=s((function(){var e=[];return r.Children.forEach(T,(function(t){t.type.isTabPanels&&r.Children.forEach(t.props.children,(function(r,t){e[t]=r.props.id}))})),e}),[T]);return r.createElement("div",{ref:E,className:p,id:m,"data-testid":b||d(c.TABS_CONTEXT,m)},r.Children.map(T,(function(e){if(e.type.isTabList){var t=e.props.onTabChange;return r.cloneElement(e,{activeTabId:_,onTabChange:function(e){A(e),null==t||t(e)},tabPanelIds:B})}return e.type.isTabPanels?r.cloneElement(e,{activeTabId:_,animationDirection:_>g?"ltr":"rtl"}):e})))}));export{f as default};
+import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r,useRef as a,useState as i,useEffect as n,useCallback as o,useMemo as s}from"react";import{getTestId as l,ComponentDefaultTestId as d}from"../../../tests/testIds.js";import c from"../../../../hooks/dist/usePrevious/index.js";import{useMergeRef as u}from"../../../../shared/dist/hooks/useMergeRef.js";var f=r((function(r,f){var p=r.className,m=r.id,h=r.activeTabId,v=void 0===h?0:h,T=r.children,b=r["data-testid"],C=a(null),E=u(f,C),I=i(v),P=e(I,2),g=P[0],j=P[1],y=i(v),N=e(y,2),_=N[0],k=N[1],x=c(v);n((function(){v!==x&&v!==_&&(j(_),k(v))}),[v,_,x]);var A=o((function(e){j(_),k(e)}),[_]),B=s((function(){var e=[];return t.Children.forEach(T,(function(r){r.type.isTabPanels&&t.Children.forEach(r.props.children,(function(t,r){e[r]=t.props.id}))})),e}),[T]);return t.createElement("div",{ref:E,className:p,id:m,"data-testid":b||l(d.TABS_CONTEXT,m)},t.Children.map(T,(function(e){if(e.type.isTabList){var r=e.props.onTabChange;return t.cloneElement(e,{activeTabId:_,onTabChange:function(e){A(e),null==r||r(e)},tabPanelIds:B})}return e.type.isTabPanels?t.cloneElement(e,{activeTabId:_,animationDirection:_>g?"ltr":"rtl"}):e})))}));export{f as default};
 //# sourceMappingURL=TabsContext.js.map

package/dist/src/components/Tabs/TabsContext/TabsContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext/TabsContext.tsx"],"sourcesContent":["import React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useRef,\n useState,\n useMemo\n} from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport usePrevious from \"~~../../../~~hooks~~/usePrevious~~\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface TabsContextProps extends VibeComponentProps {\n /*\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The child elements representing the tab list and tab panels.\n */\n children?: ReactElement \| ReactElement[];\n}\n\ntype TabsChild = ReactElement & {\n type: Record<string, unknown>;\n};\n\nconst TabsContext: FC<TabsContextProps> = forwardRef(\n ({ className, id, activeTabId = 0, children, \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [previousActiveTabIdState, setPreviousActiveTabIdState] = useState(activeTabId);\n const [activeTabIdState, setActiveTabIdState] = useState(activeTabId);\n const prevActiveTabIdProp = usePrevious(activeTabId);\n\n useEffect(() => {\n // Update active tab if changed from props\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabIdState) {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(activeTabId);\n }\n }, [activeTabId, activeTabIdState, prevActiveTabIdProp]);\n\n const onTabClick = useCallback(\n (tabId: number) => {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(tabId);\n },\n [activeTabIdState]\n );\n\n // Collect TabPanel ids for aria-controls relationship\n const tabPanelIds = useMemo(() => {\n const ids: string[] = [];\n React.Children.forEach(children, (child: TabsChild) => {\n if (child.type.isTabPanels) {\n React.Children.forEach(child.props.children, (panelChild: ReactElement, index: number) => {\n ids[index] = panelChild.props.id;\n });\n }\n });\n return ids;\n }, [children]);\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABS_CONTEXT, id)}\n >\n {React.Children.map(children, (child: TabsChild) => {\n if (child.type.isTabList) {\n const originalOnTabChange = child.props.onTabChange;\n const onTabChange = (tabId: number) => {\n onTabClick(tabId);\n originalOnTabChange?.(tabId);\n };\n return React.cloneElement(child, { activeTabId: activeTabIdState, onTabChange, tabPanelIds });\n }\n if (child.type.isTabPanels) {\n const animationDirection = previousActiveTabIdState < activeTabIdState ? \"ltr\" : \"rtl\";\n return React.cloneElement(child, { activeTabId: activeTabIdState, animationDirection });\n }\n return child;\n })}\n </div>\n );\n }\n);\n\nexport default TabsContext;\n"],"names":["TabsContext","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","previousActiveTabIdState","setPreviousActiveTabIdState","_useState3","_useState4","activeTabIdState","setActiveTabIdState","prevActiveTabIdProp","usePrevious","useEffect","onTabClick","useCallback","tabId","tabPanelIds","useMemo","ids","React","Children","forEach","child","type","isTabPanels","props","panelChild","index","createElement","getTestId","ComponentDefaultTestId","TABS_CONTEXT","map","isTabList","originalOnTabChange","onTabChange","cloneElement","animationDirection"],"mappings":"~~+YA8BMA~~,IAAAA,EAAoCC,GACxC,SAAAC,EAA0EC,GAAO,IAA9EC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAEE,EAAQN,EAARM,SAAyBC,EAAUP,EAAzB,eACrCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnCI,EAAgEC,EAASR,GAAYS,EAAAC,EAAAH,EAAA,GAA9EI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GAC5DI,EAAgDL,EAASR,GAAYc,EAAAJ,EAAAG,EAAA,GAA9DE,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GACtCG,EAAsBC,EAAYlB,GAExCmB,GAAU,WAEJnB,IAAgBiB,GAAuBjB,IAAgBe,IACzDH,EAA4BG,GAC5BC,EAAoBhB,GAEvB,GAAE,CAACA,EAAae,EAAkBE,IAEnC,IAAMG,EAAaC,GACjB,SAACC,GACCV,EAA4BG,GAC5BC,EAAoBM,EACtB,GACA,CAACP,IAIGQ,EAAcC,GAAQ,WAC1B,IAAMC,EAAgB,GAQtB,OAPAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,GAC5BA,EAAMC,KAAKC,aACbL,EAAMC,SAASC,QAAQC,EAAMG,MAAM/B,UAAU,SAACgC,EAA0BC,GACtET,EAAIS,GAASD,EAAWD,MAAMlC,EAChC,GAEJ,IACO2B,CACT,GAAG,CAACxB,IAEJ,OACEyB,EACES,cAAA,MAAA,CAAAvC,IAAKS,EACLR,UAAWA,EACXC,GAAIA,EACS,cAAAI,GAAckC,EAAUC,EAAuBC,aAAcxC,IAEzE4B,EAAMC,SAASY,IAAItC,GAAU,SAAC4B,GAC7B,GAAIA,EAAMC,KAAKU,UAAW,CACxB,IAAMC,EAAsBZ,EAAMG,MAAMU,YAKxC,OAAOhB,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB2B,YAJ9C,SAACpB,GACnBF,EAAWE,GACXmB,SAAAA,EAAsBnB,IAEuDC,YAAAA,GACjF,CACA,OAAIM,EAAMC,KAAKC,YAENL,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB6B,mBADZ7B,EAA3BJ,EAA8C,MAAQ,QAG5EkB,CACR,IAGP"}
1	+ {"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext/TabsContext.tsx"],"sourcesContent":["import React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useRef,\n useState,\n useMemo\n} from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface TabsContextProps extends VibeComponentProps {\n /*\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The child elements representing the tab list and tab panels.\n */\n children?: ReactElement \| ReactElement[];\n}\n\ntype TabsChild = ReactElement & {\n type: Record<string, unknown>;\n};\n\nconst TabsContext: FC<TabsContextProps> = forwardRef(\n ({ className, id, activeTabId = 0, children, \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [previousActiveTabIdState, setPreviousActiveTabIdState] = useState(activeTabId);\n const [activeTabIdState, setActiveTabIdState] = useState(activeTabId);\n const prevActiveTabIdProp = usePrevious(activeTabId);\n\n useEffect(() => {\n // Update active tab if changed from props\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabIdState) {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(activeTabId);\n }\n }, [activeTabId, activeTabIdState, prevActiveTabIdProp]);\n\n const onTabClick = useCallback(\n (tabId: number) => {\n setPreviousActiveTabIdState(activeTabIdState);\n setActiveTabIdState(tabId);\n },\n [activeTabIdState]\n );\n\n // Collect TabPanel ids for aria-controls relationship\n const tabPanelIds = useMemo(() => {\n const ids: string[] = [];\n React.Children.forEach(children, (child: TabsChild) => {\n if (child.type.isTabPanels) {\n React.Children.forEach(child.props.children, (panelChild: ReactElement, index: number) => {\n ids[index] = panelChild.props.id;\n });\n }\n });\n return ids;\n }, [children]);\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABS_CONTEXT, id)}\n >\n {React.Children.map(children, (child: TabsChild) => {\n if (child.type.isTabList) {\n const originalOnTabChange = child.props.onTabChange;\n const onTabChange = (tabId: number) => {\n onTabClick(tabId);\n originalOnTabChange?.(tabId);\n };\n return React.cloneElement(child, { activeTabId: activeTabIdState, onTabChange, tabPanelIds });\n }\n if (child.type.isTabPanels) {\n const animationDirection = previousActiveTabIdState < activeTabIdState ? \"ltr\" : \"rtl\";\n return React.cloneElement(child, { activeTabId: activeTabIdState, animationDirection });\n }\n return child;\n })}\n </div>\n );\n }\n);\n\nexport default TabsContext;\n"],"names":["TabsContext","forwardRef","_ref","ref","className","id","_ref$activeTabId","activeTabId","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","previousActiveTabIdState","setPreviousActiveTabIdState","_useState3","_useState4","activeTabIdState","setActiveTabIdState","prevActiveTabIdProp","usePrevious","useEffect","onTabClick","useCallback","tabId","tabPanelIds","useMemo","ids","React","Children","forEach","child","type","isTabPanels","props","panelChild","index","createElement","getTestId","ComponentDefaultTestId","TABS_CONTEXT","map","isTabList","originalOnTabChange","onTabChange","cloneElement","animationDirection"],"mappings":"uZA8BMA,IAAAA,EAAoCC,GACxC,SAAAC,EAA0EC,GAAO,IAA9EC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAEC,EAAAJ,EAAEK,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAEE,EAAQN,EAARM,SAAyBC,EAAUP,EAAzB,eACrCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnCI,EAAgEC,EAASR,GAAYS,EAAAC,EAAAH,EAAA,GAA9EI,EAAwBF,EAAA,GAAEG,EAA2BH,EAAA,GAC5DI,EAAgDL,EAASR,GAAYc,EAAAJ,EAAAG,EAAA,GAA9DE,EAAgBD,EAAA,GAAEE,EAAmBF,EAAA,GACtCG,EAAsBC,EAAYlB,GAExCmB,GAAU,WAEJnB,IAAgBiB,GAAuBjB,IAAgBe,IACzDH,EAA4BG,GAC5BC,EAAoBhB,GAEvB,GAAE,CAACA,EAAae,EAAkBE,IAEnC,IAAMG,EAAaC,GACjB,SAACC,GACCV,EAA4BG,GAC5BC,EAAoBM,EACtB,GACA,CAACP,IAIGQ,EAAcC,GAAQ,WAC1B,IAAMC,EAAgB,GAQtB,OAPAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,GAC5BA,EAAMC,KAAKC,aACbL,EAAMC,SAASC,QAAQC,EAAMG,MAAM/B,UAAU,SAACgC,EAA0BC,GACtET,EAAIS,GAASD,EAAWD,MAAMlC,EAChC,GAEJ,IACO2B,CACT,GAAG,CAACxB,IAEJ,OACEyB,EACES,cAAA,MAAA,CAAAvC,IAAKS,EACLR,UAAWA,EACXC,GAAIA,EACS,cAAAI,GAAckC,EAAUC,EAAuBC,aAAcxC,IAEzE4B,EAAMC,SAASY,IAAItC,GAAU,SAAC4B,GAC7B,GAAIA,EAAMC,KAAKU,UAAW,CACxB,IAAMC,EAAsBZ,EAAMG,MAAMU,YAKxC,OAAOhB,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB2B,YAJ9C,SAACpB,GACnBF,EAAWE,GACXmB,SAAAA,EAAsBnB,IAEuDC,YAAAA,GACjF,CACA,OAAIM,EAAMC,KAAKC,YAENL,EAAMiB,aAAad,EAAO,CAAE7B,YAAae,EAAkB6B,mBADZ7B,EAA3BJ,EAA8C,MAAQ,QAG5EkB,CACR,IAGP"}

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_8eb4b9e222",label:"label_add33f612f",required:"required_dfea81c3ed",subTextContainer:"subTextContainer_fd97b7e7a8",helpText:"helpText_c2bbd0cd54",limitText:"limitText_821d26ec6b",textArea:"textArea_08bf72152a",small:"small_877cd24538",large:"large_f5bdc56fb7",resize:"resize_02d2950908",success:"success_f1b80a9ef8",error:"error_7a6560367a",disabled:"disabled_dfea81c3ed",readOnly:"readOnly_dfea81c3ed"};!function(e){const r="s_id-48d7f417273f_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_8eb4b9e222 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--space-4);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_8eb4b9e222 .label_add33f612f {\n  display: inline-flex;\n  gap: var(--space-4);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_8eb4b9e222 .label_add33f612f.required_dfea81c3ed::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_8eb4b9e222 .subTextContainer_fd97b7e7a8 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_8eb4b9e222 .subTextContainer_fd97b7e7a8 .helpText_c2bbd0cd54 {\n  display: flex;\n}\n.textAreaWrapper_8eb4b9e222 .subTextContainer_fd97b7e7a8 .limitText_821d26ec6b {\n  margin-inline-start: auto;\n}\n.textAreaWrapper_8eb4b9e222 .textArea_08bf72152a {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--space-8);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_8eb4b9e222 .textArea_08bf72152a::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textAreaWrapper_8eb4b9e222 .textArea_08bf72152a:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_8eb4b9e222 .textArea_08bf72152a:active, .textAreaWrapper_8eb4b9e222 .textArea_08bf72152a:focus, .textAreaWrapper_8eb4b9e222 .textArea_08bf72152a:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_8eb4b9e222 .textArea_08bf72152a.small_877cd24538 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_8eb4b9e222 .textArea_08bf72152a.large_f5bdc56fb7 {\n  padding: var(--space-12);\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_8eb4b9e222 .textArea_08bf72152a:not(.resize_02d2950908) {\n  resize: none;\n}\n.textAreaWrapper_8eb4b9e222.success_f1b80a9ef8 .textArea_08bf72152a {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_8eb4b9e222.success_f1b80a9ef8 .helpText_c2bbd0cd54 {\n  color: var(--color-success);\n}\n.textAreaWrapper_8eb4b9e222.error_7a6560367a .textArea_08bf72152a {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_8eb4b9e222.error_7a6560367a .helpText_c2bbd0cd54,\n.textAreaWrapper_8eb4b9e222.error_7a6560367a .limitText_821d26ec6b {\n  color: var(--color-error);\n}\n.textAreaWrapper_8eb4b9e222.disabled_dfea81c3ed .textArea_08bf72152a,\n.textAreaWrapper_8eb4b9e222.disabled_dfea81c3ed .textArea_08bf72152a:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_8eb4b9e222.disabled_dfea81c3ed .textArea_08bf72152a::placeholder,\n.textAreaWrapper_8eb4b9e222.disabled_dfea81c3ed .textArea_08bf72152a:hover::placeholder {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_8eb4b9e222.disabled_dfea81c3ed .helpText_c2bbd0cd54 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_8eb4b9e222.readOnly_dfea81c3ed .textArea_08bf72152a,\n.textAreaWrapper_8eb4b9e222.readOnly_dfea81c3ed .textArea_08bf72152a:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_759aa1210a",label:"label_7bc6616620",required:"required_d1f186cb4d",subTextContainer:"subTextContainer_55a917799f",helpText:"helpText_feb5aef942",limitText:"limitText_130e7aeb79",textArea:"textArea_9bda732abf",small:"small_9603aca16f",large:"large_286bf0fe28",resize:"resize_909f50da81",success:"success_947e9e8c7c",error:"error_ecbab1d70f",disabled:"disabled_d1f186cb4d",readOnly:"readOnly_d1f186cb4d"};!function(e){const a="s_id-48d7f417273f_4_5_10";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_759aa1210a {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--space-4);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_759aa1210a .label_7bc6616620 {\n  display: inline-flex;\n  gap: var(--space-4);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_759aa1210a .label_7bc6616620.required_d1f186cb4d::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_759aa1210a .subTextContainer_55a917799f {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_759aa1210a .subTextContainer_55a917799f .helpText_feb5aef942 {\n  display: flex;\n}\n.textAreaWrapper_759aa1210a .subTextContainer_55a917799f .limitText_130e7aeb79 {\n  margin-inline-start: auto;\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--space-8);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf:active, .textAreaWrapper_759aa1210a .textArea_9bda732abf:focus, .textAreaWrapper_759aa1210a .textArea_9bda732abf:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf.small_9603aca16f {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf.large_286bf0fe28 {\n  padding: var(--space-12);\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf:not(.resize_909f50da81) {\n  resize: none;\n}\n.textAreaWrapper_759aa1210a.success_947e9e8c7c .textArea_9bda732abf {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_759aa1210a.success_947e9e8c7c .helpText_feb5aef942 {\n  color: var(--color-success);\n}\n.textAreaWrapper_759aa1210a.error_ecbab1d70f .textArea_9bda732abf {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_759aa1210a.error_ecbab1d70f .helpText_feb5aef942,\n.textAreaWrapper_759aa1210a.error_ecbab1d70f .limitText_130e7aeb79 {\n  color: var(--color-error);\n}\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf,\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf::placeholder,\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf:hover::placeholder {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .helpText_feb5aef942 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_759aa1210a.readOnly_d1f186cb4d .textArea_9bda732abf,\n.textAreaWrapper_759aa1210a.readOnly_d1f186cb4d .textArea_9bda732abf:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map