npm - @vibe/core - Versions diffs - 3.0.0-alpha.3 → 3.0.0-alpha.5 - Mend

@vibe/core 3.0.0-alpha.3 → 3.0.0-alpha.5

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 (2043) hide show

package/dist/src/components/Steps/StepsCommand.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as s,useCallback as e}from"react";import i from"classnames";import n from"../Icon/Icons/components/NavigationChevronRight.js";import m from"../Icon/Icons/components/NavigationChevronLeft.js";import a from"../Icon/Icon.js";import c from"../Button/Button.js";import{NOOP as p}from"../../utils/function-utils.js";import{NEXT_TEXT as l,BACK_TEXT as d}from"./StepsConstants.js";import{ComponentDefaultTestId as f}from"../../tests/constants.js";import u from"./StepsCommand.module.scss.js";import{camelCase as v}from"lodash-es";import{getStyle as j}from"../../helpers/typesciptCssModulesHelper.js";var C=function(C){var h=C.isNext,I=void 0!==h&&h,S=C.onChangeActiveStep,_=void 0===S?p:S,b=C.activeStepIndex,N=C.stepsCount,g=C.isIconHidden,A=void 0!==g&&g,M=C.buttonProps,P=void 0===M?{}:M,y=C.color,B=void 0===y?"primary":y,D=P.children,E=t(P,["children"]),O=s((function(){return D||(I?l:d)}),[I,D]),R=I?b+1:b-1,k=e((function(o){return _(o,R)}),[R,_]),x=I&&b===N-1||!I&&0===b,H=I?n:m;return r.createElement(c,Object.assign({className:i(u.command,o({},u.backward,!I)),"data-testid":I?f.STEPS_FORWARD_COMMAND:f.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:k,disabled:x,color:B},E),O,A?null:r.createElement(a,{icon:H,className:i(u.icon,j(u,v("color-"+B)),o({},u.disabled,x))}))};export{C as StepsCommand};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../_virtual/_tslib.js";import i,{useMemo as r,useCallback as s}from"react";import e from"classnames";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import n from"../../../icons/dist/react/NavigationChevronLeft.js";import c from"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import m from"../Icon/Icon.js";import a from"../Button/Button.js";import{NOOP as d}from"../../utils/function-utils.js";import{NEXT_TEXT as p,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import f from"./StepsCommand.module.scss.js";import{camelCase as u}from"lodash-es";import{getStyle as v}from"../../helpers/typesciptCssModulesHelper.js";var C=function(C){var h=C.isNext,S=void 0!==h&&h,g=C.onChangeActiveStep,A=void 0===g?d:g,_=C.activeStepIndex,D=C.stepsCount,b=C.isIconHidden,M=void 0!==b&&b,N=C.buttonProps,w=void 0===N?{}:N,R=C.color,I=void 0===R?"primary":R,P=w.children,k=o(w,["children"]),y=r((function(){return P||(S?p:l)}),[S,P]),B=S?_+1:_-1,E=s((function(t){return A(t,B)}),[B,A]),O=S&&_===D-1||!S&&0===_,x=S?c:n;return i.createElement(a,Object.assign({className:e(f.command,t({},f.backward,!S)),"data-testid":S?j.STEPS_FORWARD_COMMAND:j.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:E,disabled:O,color:I},k),y,M?null:i.createElement(m,{icon:x,className:e(f.icon,v(f,u("color-"+I)),t({},f.disabled,O))}))};export{C as StepsCommand};
 //# sourceMappingURL=StepsCommand.js.map

package/dist/src/components/Steps/StepsCommand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport ~~NavigationChevronRight~~ ~~from \"../../components/Icon/Icons/components/~~NavigationChevronRight~~\";\nimport~~ NavigationChevronLeft from \"~~../../components~~/~~Icon/Icons/components/NavigationChevronLeft~~\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n isNext?: boolean;\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n activeStepIndex: number;\n stepsCount: number;\n isIconHidden?: boolean;\n buttonProps?: Partial<ButtonProps>;\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"~~2uBAyBaA~~,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
1	+ {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n isNext?: boolean;\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n activeStepIndex: number;\n stepsCount: number;\n isIconHidden?: boolean;\n buttonProps?: Partial<ButtonProps>;\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"wnDAwBaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

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

@@ -1,2 +1,2 @@
-var e={command:"command_8aaec09e7e",backward:"backward_7f5ee1e578",icon:"icon_592dec016e",disabled:"disabled_88ec1289b8",colorOnPrimaryColor:"colorOnPrimaryColor_8815da1fa9",colorOnInvertedBackground:"colorOnInvertedBackground_537632ef88"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-b004c6aa2b0d_3_0_0-alpha_2";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".command_8aaec09e7e {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_8aaec09e7e.backward_7f5ee1e578 {\n  flex-direction: row-reverse;\n}\n.icon_592dec016e {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_592dec016e.disabled_88ec1289b8 {\n  color: var(--disabled-text-color);\n}\n.icon_592dec016e.colorOnPrimaryColor_8815da1fa9 {\n  color: var(--text-color-on-primary);\n}\n.icon_592dec016e.colorOnInvertedBackground_537632ef88 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_70ea7df85a",backward:"backward_7944113779",icon:"icon_45e90f56fd",disabled:"disabled_e0d1703f7d",colorOnPrimaryColor:"colorOnPrimaryColor_087c3fbae9",colorOnInvertedBackground:"colorOnInvertedBackground_42aec6eb03"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-b004c6aa2b0d_3_0_0-alpha_5";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".command_70ea7df85a {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_70ea7df85a.backward_7944113779 {\n  flex-direction: row-reverse;\n}\n.icon_45e90f56fd {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_45e90f56fd.disabled_e0d1703f7d {\n  color: var(--disabled-text-color);\n}\n.icon_45e90f56fd.colorOnPrimaryColor_087c3fbae9 {\n  color: var(--text-color-on-primary);\n}\n.icon_45e90f56fd.colorOnInvertedBackground_42aec6eb03 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={dot:"dot_1b54cb1732","focus-visible":"focus-visible_d126fa1dfe",isActive:"isActive_e50c40e976",colorOnPrimaryColor:"colorOnPrimaryColor_4e61c1f4a4",colorOnInvertedBackground:"colorOnInvertedBackground_5fb4a88d73"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-cedbbb07e913_3_0_0-alpha_2";if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}(".dot_1b54cb1732 {\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_1b54cb1732:focus-visible, .dot_1b54cb1732.focus-visible_d126fa1dfe {\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_1b54cb1732:focus:not(.focus-visible_d126fa1dfe) {\n  outline: none;\n}\n.dot_1b54cb1732:focus-visible, .dot_1b54cb1732.focus-visible_d126fa1dfe {\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_1b54cb1732:focus:not(.focus-visible_d126fa1dfe) {\n  outline: none;\n}\n.dot_1b54cb1732:hover {\n  transform: scale(1.3);\n}\n.isActive_e50c40e976 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_4e61c1f4a4.dot_1b54cb1732 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_4e61c1f4a4.dot_1b54cb1732:focus-visible, .colorOnPrimaryColor_4e61c1f4a4.dot_1b54cb1732.focus-visible_d126fa1dfe {\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_4e61c1f4a4.dot_1b54cb1732:focus:not(.focus-visible_d126fa1dfe) {\n  outline: none;\n}\n.colorOnPrimaryColor_4e61c1f4a4.dot_1b54cb1732.isActive_e50c40e976 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_5fb4a88d73.dot_1b54cb1732 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_5fb4a88d73.dot_1b54cb1732.isActive_e50c40e976 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_89c5ca2be6","focus-visible":"focus-visible_16c0de53d9",isActive:"isActive_3131392467",colorOnPrimaryColor:"colorOnPrimaryColor_88b8eebeca",colorOnInvertedBackground:"colorOnInvertedBackground_13d325f97a"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-cedbbb07e913_3_0_0-alpha_5";if(n.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}(".dot_89c5ca2be6 {\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_89c5ca2be6:focus-visible, .dot_89c5ca2be6.focus-visible_16c0de53d9 {\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_89c5ca2be6:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.dot_89c5ca2be6:focus-visible, .dot_89c5ca2be6.focus-visible_16c0de53d9 {\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_89c5ca2be6:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.dot_89c5ca2be6:hover {\n  transform: scale(1.3);\n}\n.isActive_3131392467 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_88b8eebeca.dot_89c5ca2be6 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_88b8eebeca.dot_89c5ca2be6:focus-visible, .colorOnPrimaryColor_88b8eebeca.dot_89c5ca2be6.focus-visible_16c0de53d9 {\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_88b8eebeca.dot_89c5ca2be6:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.colorOnPrimaryColor_88b8eebeca.dot_89c5ca2be6.isActive_3131392467 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_13d325f97a.dot_89c5ca2be6 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_13d325f97a.dot_89c5ca2be6.isActive_3131392467 {\n  background: var(--text-color-on-inverted);\n}");export{o 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_79501b0219",galleryHeaderDot:"galleryHeaderDot_fe09a6fa7b"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_3_0_0-alpha_2";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader_79501b0219 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_79501b0219 .galleryHeaderDot_fe09a6fa7b {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_79501b0219 .galleryHeaderDot_fe09a6fa7b:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_0e52991b48",galleryHeaderDot:"galleryHeaderDot_b6ef56805d"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_3_0_0-alpha_5";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}(".galleryHeader_0e52991b48 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_0e52991b48 .galleryHeaderDot_b6ef56805d {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_0e52991b48 .galleryHeaderDot_b6ef56805d:last-child {\n  margin-right: 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_9a092b8287"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_3_0_0-alpha_2";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))}(".header_9a092b8287 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_cfe1c94332"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_3_0_0-alpha_5";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))}(".header_cfe1c94332 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\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_171cab5d82"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_3_0_0-alpha_2";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))}(".numbers_171cab5d82 {\n  margin: 0 var(--spacing-small);\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_1a3ab98310"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_3_0_0-alpha_5";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))}(".numbers_1a3ab98310 {\n  margin: 0 var(--spacing-small);\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/Switch/Switch.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_e0745035a8"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-ac5bc6964f98_3_0_0-alpha_2";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".hidden-switch_e0745035a8 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_1156d381b3"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-ac5bc6964f98_3_0_0-alpha_5";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))}(".hidden-switch_1156d381b3 {\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_5458bcf0de",border:"border_70b00b1437"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-696d9d467e4f_3_0_0-alpha_2";if(e.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(r))}(".table_5458bcf0de {\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_5458bcf0de.border_70b00b1437 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_5458bcf0de [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_5458bcf0de [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}");export{r as default};
+var r={table:"table_1a57b47ae3",border:"border_9729b9b1ff"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-696d9d467e4f_3_0_0-alpha_5";if(e.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}(".table_1a57b47ae3 {\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_1a57b47ae3.border_9729b9b1ff {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_1a57b47ae3 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_1a57b47ae3 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualized:"virtualized_e79bd5edc8",hasScroll:"hasScroll_8b8e5f3a63"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],t="s_id-641325627ba1_3_0_0-alpha_2";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))}(".virtualized_e79bd5edc8 {\n  overflow: hidden;\n}\n\n.hasScroll_8b8e5f3a63 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
+var e={virtualized:"virtualized_97db439568",hasScroll:"hasScroll_38baff2c02"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-641325627ba1_3_0_0-alpha_5";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))}(".virtualized_97db439568 {\n  overflow: hidden;\n}\n\n.hasScroll_38baff2c02 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=TableRoot.module.scss.js.map

package/dist/src/components/Table/Table/tableHelpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import n from"../../Icon/Icons/components/Sort.js";import{SkeletonType as t}from"../../Skeleton/SkeletonConstants.js";import o from"../../Icon/Icons/components/SortAscending.js";import e from"../../Icon/Icons/components/SortDescending.js";function c(n){return"number"==typeof n?"".concat(n,"px"):"string"==typeof n?/%|px|fr$/.test(n)?n:"".concat(n,"px"):(null==n?void 0:n.min)&&(null==n?void 0:n.max)?"minmax(".concat(c(n.min),", ").concat(c(n.max),")"):"minmax(112px, 1fr)"}function r(n){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:n.map((function(n){return c(n.width)})).join(" ")})}function i(t){return"asc"===t?o:"desc"===t?e:n}function s(n){return"asc"===n?"desc":"desc"===n?"none":"asc"}function m(n){return"asc"===n?"ascending":"desc"===n?"descending":"none"}function u(n){return"circle"===n?t.CIRCLE:"rectangle"===n?t.RECTANGLE:t.TEXT}function a(n,t){return"long-text"===n?["long-text","medium-text"][t%2]:n}export{c as generateWidth,m as getAriaSort,a as getLoadingTypeForCell,s as getNextSortState,u as getSkeletonType,i as getSortIcon,r as getTableRowLayoutStyles};
+import"../../../../icons/dist/_virtual/_tslib.js";import"react";import"../../../../icons/dist/react/AddSmall.js";import"../../../../icons/dist/react/Alert.js";import"../../../../icons/dist/react/Check.js";import"../../../../icons/dist/react/CloseSmall.js";import"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../icons/dist/react/Info.js";import"../../../../icons/dist/react/Menu.js";import"../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../icons/dist/react/MoveArrowRight.js";import"../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../icons/dist/react/NoColor.js";import"../../../../icons/dist/react/Remove.js";import"../../../../icons/dist/react/Search.js";import t from"../../../../icons/dist/react/Sort.js";import i from"../../../../icons/dist/react/SortAscending.js";import o from"../../../../icons/dist/react/SortDescending.js";import"../../../../icons/dist/react/Warning.js";import{SkeletonType as n}from"../../Skeleton/SkeletonConstants.js";function r(t){return"number"==typeof t?"".concat(t,"px"):"string"==typeof t?/%|px|fr$/.test(t)?t:"".concat(t,"px"):(null==t?void 0:t.min)&&(null==t?void 0:t.max)?"minmax(".concat(r(t.min),", ").concat(r(t.max),")"):"minmax(112px, 1fr)"}function s(t){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:t.map((function(t){return r(t.width)})).join(" ")})}function e(n){return"asc"===n?i:"desc"===n?o:t}function c(t){return"asc"===t?"desc":"desc"===t?"none":"asc"}function a(t){return"asc"===t?"ascending":"desc"===t?"descending":"none"}function m(t){return"circle"===t?n.CIRCLE:"rectangle"===t?n.RECTANGLE:n.TEXT}function d(t,i){return"long-text"===t?["long-text","medium-text"][i%2]:t}export{r as generateWidth,a as getAriaSort,d as getLoadingTypeForCell,c as getNextSortState,m as getSkeletonType,e as getSortIcon,s as getTableRowLayoutStyles};
 //# sourceMappingURL=tableHelpers.js.map

package/dist/src/components/Table/Table/tableHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import React, { AriaAttributes } from \"react\";\nimport { TableColumn, TableLoadingStateType } from \"./Table\";\nimport Sort from \"~~../../Icon~~/~~Icons/components/Sort~~\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"~~../../Icon~~/~~Icons~~\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return SkeletonType.CIRCLE;\n }\n if (loadingStateType === \"rectangle\") {\n return SkeletonType.RECTANGLE;\n }\n return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"~~+OAOM~~,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}
1	+ {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import React, { AriaAttributes } from \"react\";\nimport { TableColumn, TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return SkeletonType.CIRCLE;\n }\n if (loadingStateType === \"rectangle\") {\n return SkeletonType.RECTANGLE;\n }\n return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"uqCAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_8bc1c57091"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-afed3a5f5737_3_0_0-alpha_2";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))}(".tableBody_8bc1c57091 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_7da0dc9097"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-afed3a5f5737_3_0_0-alpha_5";if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableBody_7da0dc9097 {\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_02642418bb",sticky:"sticky_a827f3c8df"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-25789b81dac4_3_0_0-alpha_2";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tableCell_02642418bb {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_02642418bb.sticky_a827f3c8df {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_eb0985f07d",sticky:"sticky_047048b384"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-25789b81dac4_3_0_0-alpha_5";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tableCell_eb0985f07d {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_eb0985f07d.sticky_047048b384 {\n  z-index: 1;\n  position: sticky;\n  left: 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_8bc1c57091",longText:"longText_d8171ec309",mediumText:"mediumText_1b7335ce56",tableCellSkeleton:"tableCellSkeleton_8bc1c57091",circle:"circle_7b9661668b",rectangle:"rectangle_d28ecb5900"};!function(e){if("undefined"==typeof document)return;const l=document.head||document.getElementsByTagName("head")[0],t="s_id-18cab9319884_3_0_0-alpha_2";if(l.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}(".tableCellSkeletonWrapper_8bc1c57091 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_8bc1c57091.longText_d8171ec309 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_8bc1c57091.mediumText_1b7335ce56 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_8bc1c57091 .tableCellSkeleton_8bc1c57091 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_8bc1c57091 .tableCellSkeleton_8bc1c57091.circle_7b9661668b, .tableCellSkeletonWrapper_8bc1c57091 .tableCellSkeleton_8bc1c57091.rectangle_d28ecb5900 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_8bc1c57091 .tableCellSkeleton_8bc1c57091.circle_7b9661668b, .tableCellSkeletonWrapper_8bc1c57091 .tableCellSkeleton_8bc1c57091.rectangle_d28ecb5900 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_7da0dc9097",longText:"longText_306764e562",mediumText:"mediumText_f0d48573bc",tableCellSkeleton:"tableCellSkeleton_7da0dc9097",circle:"circle_a4502e4304",rectangle:"rectangle_d50f0bea72"};!function(e){if("undefined"==typeof document)return;const l=document.head||document.getElementsByTagName("head")[0],t="s_id-18cab9319884_3_0_0-alpha_5";if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableCellSkeletonWrapper_7da0dc9097 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_7da0dc9097.longText_306764e562 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_7da0dc9097.mediumText_f0d48573bc {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.circle_a4502e4304, .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.rectangle_d50f0bea72 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.circle_a4502e4304, .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.rectangle_d50f0bea72 {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_5be14eb370",menuContainer:"menuContainer_0a9f9121f5"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-545d156e3798_3_0_0-alpha_2";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))}(".tableContainer_5be14eb370 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_5be14eb370 .menuContainer_0a9f9121f5 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_debd859785",menuContainer:"menuContainer_5ffa160fbf"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-545d156e3798_3_0_0-alpha_5";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))}(".tableContainer_debd859785 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_debd859785 .menuContainer_5ffa160fbf {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainerRoot.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_cb73ff4860",virtualized:"virtualized_d60ec2d1b4"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-124a0873b12c_3_0_0-alpha_2";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))}(".tableHeader_cb73ff4860 {\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: inherit;\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_cb73ff4860 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_cb73ff4860.virtualized_d60ec2d1b4 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_cb73ff4860.virtualized_d60ec2d1b4::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_8f647cb992",virtualized:"virtualized_2ee5d87221"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-124a0873b12c_3_0_0-alpha_5";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))}(".tableHeader_8f647cb992 {\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: inherit;\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_8f647cb992 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_8f647cb992.virtualized_2ee5d87221 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_8f647cb992.virtualized_2ee5d87221::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import s from"classnames";import a from"./TableHeaderCell.module.scss.js";import i from"../../Icon/Icon.js";import l from"../../IconButton/IconButton.js";import c from"../../Icon/Icons/components/Info.js";import m from"../../Text/Text.js";import d from"../../Flex/Flex.js";import{getSortIcon as p,getNextSortState as f,getAriaSort as u}from"../Table/tableHelpers.js";import j from"../../Tooltip/Tooltip.js";import{getTestId as E}from"../../../tests/testIds.js";import{ComponentDefaultTestId as b}from"../../../tests/constants.js";import{getStyle as v}from"../../../helpers/typesciptCssModulesHelper.js";var C=r((function(r,C){var x=r.id,I=r.className,T=r["data-testid"],y=r.title,H=r.onSortClicked,L=r.infoContent,N=r.icon,B=r.sortState,g=void 0===B?"none":B,h=r.sortButtonAriaLabel,k=void 0===h?"Sort":h,A=r.sticky,w=n(!1),S=e(w,2),_=S[0],F=S[1],M=u(g),P="none"!==M||_;return o.createElement("div",{ref:C,id:x,className:s(a.tableHeaderCell,t(t({},a.sortActive,H&&"none"!==M),a.sticky,A),I),"data-testid":T||E(b.TABLE_HEADER_CELL,x),role:"columnheader",onMouseOver:function(){return F(!0)},onMouseLeave:function(){return F(!1)},onFocus:function(){return F(!0)},onBlur:function(){return F(!1)},"aria-sort":H?M:void 0,tabIndex:H?0:void 0},o.createElement(d,{direction:"row",align:"center",className:a.tableHeaderCellContent,gap:"xs"},N&&o.createElement(i,{icon:N,className:a.icon}),o.createElement(m,{type:"text2",weight:"medium",color:"secondary"},y),L&&o.createElement(j,{content:L,referenceWrapperClassName:a.infoTooltip},o.createElement(i,{icon:c,iconLabel:L}))),H&&o.createElement(d,{direction:"row",align:"center",className:a.tableHeaderCellSort},o.createElement(l,{icon:p(g),kind:"tertiary",size:"xs",ariaLabel:k,"aria-hidden":!P,className:s(a.sort,v(a,g),t({},a.show,P)),onClick:function(){return H(f(g))}})))}));export{C as default};
+import{slicedToArray as t,defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as i}from"react";import s from"classnames";import n from"./TableHeaderCell.module.scss.js";import a from"../../Icon/Icon.js";import c from"../../IconButton/IconButton.js";import"../../../../icons/dist/_virtual/_tslib.js";import"../../../../icons/dist/react/AddSmall.js";import"../../../../icons/dist/react/Alert.js";import"../../../../icons/dist/react/Check.js";import"../../../../icons/dist/react/CloseSmall.js";import"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../icons/dist/react/DropdownChevronUp.js";import m from"../../../../icons/dist/react/Info.js";import"../../../../icons/dist/react/Menu.js";import"../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../icons/dist/react/MoveArrowRight.js";import"../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../icons/dist/react/NoColor.js";import"../../../../icons/dist/react/Remove.js";import"../../../../icons/dist/react/Search.js";import"../../../../icons/dist/react/Sort.js";import"../../../../icons/dist/react/SortAscending.js";import"../../../../icons/dist/react/SortDescending.js";import"../../../../icons/dist/react/Warning.js";import l from"../../Text/Text.js";import d from"../../Flex/Flex.js";import{getSortIcon as p,getNextSortState as j,getAriaSort as f}from"../Table/tableHelpers.js";import u from"../../Tooltip/Tooltip.js";import{getTestId as v}from"../../../tests/testIds.js";import{ComponentDefaultTestId as C}from"../../../tests/constants.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";var g=r((function(r,g){var b=r.id,E=r.className,w=r["data-testid"],A=r.title,N=r.onSortClicked,S=r.infoContent,x=r.icon,L=r.sortState,T=void 0===L?"none":L,y=r.sortButtonAriaLabel,H=void 0===y?"Sort":y,I=r.sticky,k=i(!1),B=t(k,2),D=B[0],M=B[1],_=f(T),R="none"!==_||D;return o.createElement("div",{ref:g,id:b,className:s(n.tableHeaderCell,e(e({},n.sortActive,N&&"none"!==_),n.sticky,I),E),"data-testid":w||v(C.TABLE_HEADER_CELL,b),role:"columnheader",onMouseOver:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"aria-sort":N?_:void 0,tabIndex:N?0:void 0},o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellContent,gap:"xs"},x&&o.createElement(a,{icon:x,className:n.icon}),o.createElement(l,{type:"text2",weight:"medium",color:"secondary"},A),S&&o.createElement(u,{content:S,referenceWrapperClassName:n.infoTooltip},o.createElement(a,{icon:m,iconLabel:S}))),N&&o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellSort},o.createElement(c,{icon:p(T),kind:"tertiary",size:"xs",ariaLabel:H,"aria-hidden":!R,className:s(n.sort,h(n,T),e({},n.show,R)),onClick:function(){return N(j(T))}})))}));export{g as default};
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport Icon from \"../../Icon/Icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport Info from \"~~../../Icon~~/~~Icons/components/Info~~\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n title: string;\n icon?: SubIcon;\n infoContent?: string;\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n sortButtonAriaLabel?: string;\n sticky?: boolean;\n}\n\nconst TableHeaderCell: VibeComponent<TableHeaderCellProps, HTMLDivElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n }\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"~~qvBAyBMA~~,IAAAA,EAAuEC,GAC3E,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAE3Ce,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGJE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}
1	+ {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport Icon from \"../../Icon/Icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { Info } from \"@vibe/icons\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n title: string;\n icon?: SubIcon;\n infoContent?: string;\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n sortButtonAriaLabel?: string;\n sticky?: boolean;\n}\n\nconst TableHeaderCell: VibeComponent<TableHeaderCellProps, HTMLDivElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n }\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"0wDAyBMA,IAAAA,EAAuEC,GAC3E,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAE3Ce,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGJE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_7120b42943","focus-visible":"focus-visible_d126fa1dfe",sticky:"sticky_a827f3c8df",sortActive:"sortActive_b7b5e4a080",tableHeaderCellContent:"tableHeaderCellContent_dca26ef48f",icon:"icon_afaa9bd35f",infoTooltip:"infoTooltip_7be769b85e",tableHeaderCellSort:"tableHeaderCellSort_20ac1e7559",sort:"sort_2366a077f1",asc:"asc_1fe1c37246",desc:"desc_46aef4e346",show:"show_622474e9ed"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],l="s_id-5b3eed132e11_3_0_0-alpha_2";if(a.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}(".tableHeaderCell_7120b42943 {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\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_7120b42943:focus-visible, .tableHeaderCell_7120b42943.focus-visible_d126fa1dfe {\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_7120b42943:focus:not(.focus-visible_d126fa1dfe) {\n  outline: none;\n}\n.tableHeaderCell_7120b42943.sticky_a827f3c8df {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_7120b42943.sticky_a827f3c8df:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_7120b42943:hover, .tableHeaderCell_7120b42943.sortActive_b7b5e4a080 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_7120b42943 .tableHeaderCellContent_dca26ef48f {\n  min-width: 0;\n}\n.tableHeaderCell_7120b42943 .tableHeaderCellContent_dca26ef48f .icon_afaa9bd35f {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_7120b42943 .tableHeaderCellContent_dca26ef48f .infoTooltip_7be769b85e {\n  display: inline-flex;\n}\n.tableHeaderCell_7120b42943 .tableHeaderCellSort_20ac1e7559 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_7120b42943 .tableHeaderCellSort_20ac1e7559 .sort_2366a077f1 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_7120b42943 .tableHeaderCellSort_20ac1e7559 .sort_2366a077f1.asc_1fe1c37246, .tableHeaderCell_7120b42943 .tableHeaderCellSort_20ac1e7559 .sort_2366a077f1.desc_46aef4e346 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_7120b42943 .tableHeaderCellSort_20ac1e7559 .sort_2366a077f1:not(.show_622474e9ed) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_74fd13ff1f","focus-visible":"focus-visible_16c0de53d9",sticky:"sticky_047048b384",sortActive:"sortActive_24c12610f3",tableHeaderCellContent:"tableHeaderCellContent_ca38de478d",icon:"icon_3c22d88343",infoTooltip:"infoTooltip_99a3ee393b",tableHeaderCellSort:"tableHeaderCellSort_f00111de12",sort:"sort_97ad85fc4a",asc:"asc_46dcae9fd0",desc:"desc_30645eef2d",show:"show_224fc06ded"};!function(e){if("undefined"==typeof document)return;const l=document.head||document.getElementsByTagName("head")[0],a="s_id-5b3eed132e11_3_0_0-alpha_5";if(l.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,l.firstChild?l.insertBefore(d,l.firstChild):l.appendChild(d),d.appendChild(document.createTextNode(e))}(".tableHeaderCell_74fd13ff1f {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\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_74fd13ff1f:focus-visible, .tableHeaderCell_74fd13ff1f.focus-visible_16c0de53d9 {\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_74fd13ff1f:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.tableHeaderCell_74fd13ff1f.sticky_047048b384 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_74fd13ff1f.sticky_047048b384:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_74fd13ff1f:hover, .tableHeaderCell_74fd13ff1f.sortActive_24c12610f3 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellContent_ca38de478d {\n  min-width: 0;\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellContent_ca38de478d .icon_3c22d88343 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellContent_ca38de478d .infoTooltip_99a3ee393b {\n  display: inline-flex;\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a.asc_46dcae9fd0, .tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a.desc_30645eef2d {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a:not(.show_224fc06ded) {\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_65ab8fe5ee"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-72a799b963ca_3_0_0-alpha_2";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))}(".tableRow_65ab8fe5ee {\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_65ab8fe5ee[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_65ab8fe5ee > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_65ab8fe5ee:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_65ab8fe5ee:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_9bc546231c"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],t="s_id-72a799b963ca_3_0_0-alpha_5";if(r.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}(".tableRow_9bc546231c {\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_9bc546231c[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_9bc546231c > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_9bc546231c:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_9bc546231c: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 n={rowMenuContainer:"rowMenuContainer_2179b299fa",small:"small_040314b7aa",medium:"medium_c4d9824141",large:"large_2a8f8b89f9"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-3e6ad01a6799_3_0_0-alpha_2";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".rowMenuContainer_2179b299fa {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_2179b299fa.small_040314b7aa {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_2179b299fa.medium_c4d9824141 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_2179b299fa.large_2a8f8b89f9 {\n  padding-block: 12px;\n}");export{n as default};
+var e={rowMenuContainer:"rowMenuContainer_1adb69d75c",small:"small_e967d5d776",medium:"medium_033177221e",large:"large_4cc9d134e7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-3e6ad01a6799_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".rowMenuContainer_1adb69d75c {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_1adb69d75c.small_e967d5d776 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_1adb69d75c.medium_033177221e {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_1adb69d75c.large_4cc9d134e7 {\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_9e1a2422f5"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-0bce46f13bae_3_0_0-alpha_2";if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tableBody_9e1a2422f5 {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
+var e={tableBody:"tableBody_f1bffe498e"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-0bce46f13bae_3_0_0-alpha_5";if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableBody_f1bffe498e {\n  height: calc(100% - var(--table-row-size));\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 n={tabWrapper:"tabWrapper_71ed902bdb",tabInner:"tabInner_18332abd9d",tabIcon:"tabIcon_beb65e2833",right:"right_0456ecef7a",tabFocusVisibleInset:"tabFocusVisibleInset_a84f8d1189",active:"active_9cf7aa7ddd",disabled:"disabled_750c0048e5"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-e9e07df0e1ab_3_0_0-alpha_2";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}('.tabWrapper_71ed902bdb {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n\n.tabWrapper_71ed902bdb:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_71ed902bdb .tabInner_18332abd9d {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_71ed902bdb .tabInner_18332abd9d:focus {\n  outline: none;\n}\n\n.tabWrapper_71ed902bdb .tabInner_18332abd9d .tabIcon_beb65e2833 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_71ed902bdb .tabInner_18332abd9d .tabIcon_beb65e2833.right_0456ecef7a {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_71ed902bdb.tabFocusVisibleInset_a84f8d1189 {\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_71ed902bdb.active_9cf7aa7ddd:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_71ed902bdb.disabled_750c0048e5 .tabInner_18332abd9d {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_71ed902bdb:not(.disabled_750c0048e5) .tabInner_18332abd9d:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_36eda5b82a",tabInner:"tabInner_bfd0f87410",tabIcon:"tabIcon_2a7e105be9",right:"right_a4a6ec661b",tabFocusVisibleInset:"tabFocusVisibleInset_0cbc39edcd",active:"active_50a6ecdd83",disabled:"disabled_566e781fec"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-e9e07df0e1ab_3_0_0-alpha_5";if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}('.tabWrapper_36eda5b82a {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n\n.tabWrapper_36eda5b82a:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_36eda5b82a .tabInner_bfd0f87410 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_36eda5b82a .tabInner_bfd0f87410:focus {\n  outline: none;\n}\n\n.tabWrapper_36eda5b82a .tabInner_bfd0f87410 .tabIcon_2a7e105be9 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_36eda5b82a .tabInner_bfd0f87410 .tabIcon_2a7e105be9.right_a4a6ec661b {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_36eda5b82a.tabFocusVisibleInset_0cbc39edcd {\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_36eda5b82a.active_50a6ecdd83:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_36eda5b82a.disabled_566e781fec .tabInner_bfd0f87410 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_36eda5b82a:not(.disabled_566e781fec) .tabInner_bfd0f87410:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={tabsWrapper:"tabsWrapper_9ab9306128",tabsList:"tabsList_bd25721c6a",sm:"sm_09f28c47d9",lg:"lg_0281a903a0",stretched:"stretched_94c27d1a36",tabListTabWrapper:"tabListTabWrapper_d8a82a5119",tabListTabInner:"tabListTabInner_d8a82a5119",disabled:"disabled_642701c903"};!function(a){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-10f1ea92a898_3_0_0-alpha_2";if(t.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(a))}(".tabsWrapper_9ab9306128 .tabsList_bd25721c6a {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_9ab9306128 .tabsList_bd25721c6a.sm_09f28c47d9 {\n  height: 32px;\n}\n\n.tabsWrapper_9ab9306128 .tabsList_bd25721c6a.lg_0281a903a0 {\n  height: 48px;\n}\n\n.tabsWrapper_9ab9306128.stretched_94c27d1a36 .tabsList_bd25721c6a {\n  width: 100%;\n}\n\n.tabsWrapper_9ab9306128.stretched_94c27d1a36 .tabsList_bd25721c6a .tabListTabWrapper_d8a82a5119 {\n  width: 100%;\n}\n\n.tabsWrapper_9ab9306128.stretched_94c27d1a36 .tabsList_bd25721c6a .tabListTabWrapper_d8a82a5119 .tabListTabInner_d8a82a5119 {\n  width: 100%;\n}\n\n.tabsWrapper_9ab9306128.disabled_642701c903 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{a as default};
+var e={tabsWrapper:"tabsWrapper_acd499260c",tabsList:"tabsList_dd6011223e",sm:"sm_e3e1550b00",lg:"lg_b4f25eed68",stretched:"stretched_a1e68798a2",tabListTabWrapper:"tabListTabWrapper_c450989100",tabListTabInner:"tabListTabInner_c450989100",disabled:"disabled_ced89869ce"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-10f1ea92a898_3_0_0-alpha_5";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".tabsWrapper_acd499260c .tabsList_dd6011223e {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_acd499260c .tabsList_dd6011223e.sm_e3e1550b00 {\n  height: 32px;\n}\n\n.tabsWrapper_acd499260c .tabsList_dd6011223e.lg_b4f25eed68 {\n  height: 48px;\n}\n\n.tabsWrapper_acd499260c.stretched_a1e68798a2 .tabsList_dd6011223e {\n  width: 100%;\n}\n\n.tabsWrapper_acd499260c.stretched_a1e68798a2 .tabsList_dd6011223e .tabListTabWrapper_c450989100 {\n  width: 100%;\n}\n\n.tabsWrapper_acd499260c.stretched_a1e68798a2 .tabsList_dd6011223e .tabListTabWrapper_c450989100 .tabListTabInner_c450989100 {\n  width: 100%;\n}\n\n.tabsWrapper_acd499260c.disabled_ced89869ce {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: 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_46aef4e346"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-82244d4a2f7b_3_0_0-alpha_2";if(t.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".tabPanelWrapper_46aef4e346 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_30645eef2d"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-82244d4a2f7b_3_0_0-alpha_5";if(t.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".tabPanelWrapper_30645eef2d {\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 a={tabPanelsWrapper:"tabPanelsWrapper_2079f160ba",tabPanel:"tabPanel_4967ee4e04",animationDirectionRtl:"animationDirectionRtl_b7b7d2b914",animationDirectionLtr:"animationDirectionLtr_1ba3f992f3",active:"active_89ab9ac6ca",panelSlideIn:"panelSlideIn_00fad34d7d"};!function(a){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-078bacbdb1e4_3_0_0-alpha_2";if(e.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(a))}(".tabPanelsWrapper_2079f160ba .tabPanel_4967ee4e04 {\n  display: none;\n}\n\n.tabPanelsWrapper_2079f160ba .tabPanel_4967ee4e04.animationDirectionRtl_b7b7d2b914 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_2079f160ba .tabPanel_4967ee4e04.animationDirectionLtr_1ba3f992f3 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_2079f160ba .tabPanel_4967ee4e04.active_89ab9ac6ca {\n  display: block;\n  animation: panelSlideIn_00fad34d7d var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_00fad34d7d {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a as default};
+var a={tabPanelsWrapper:"tabPanelsWrapper_685a4d2f31",tabPanel:"tabPanel_c84a65289d",animationDirectionRtl:"animationDirectionRtl_ac9a5203d5",animationDirectionLtr:"animationDirectionLtr_cfc4737aa3",active:"active_5a4bb6aa22",panelSlideIn:"panelSlideIn_2c74f55a7c"};!function(a){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-078bacbdb1e4_3_0_0-alpha_5";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}(".tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d {\n  display: none;\n}\n\n.tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d.animationDirectionRtl_ac9a5203d5 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d.animationDirectionLtr_cfc4737aa3 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d.active_5a4bb6aa22 {\n  display: block;\n  animation: panelSlideIn_2c74f55a7c var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_2c74f55a7c {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_237f11014a",text1Medium:"text1Medium_f4c6319a20",text1Normal:"text1Normal_fc53300fda",text2Bold:"text2Bold_1a7e6dfccc",text2Medium:"text2Medium_c331cad126",text2Normal:"text2Normal_b18cddd93c",text3Bold:"text3Bold_63474bbc63",text3Medium:"text3Medium_c16f769613",text3Normal:"text3Normal_125da96161",text:"text_dfa2779a2e"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_3_0_0-alpha_2";if(e.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(t))}(".text1Bold_237f11014a {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_f4c6319a20 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_fc53300fda {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_1a7e6dfccc {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_c331cad126 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_b18cddd93c {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_63474bbc63 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_c16f769613 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_125da96161 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_dfa2779a2e {\n  margin-block: 0;\n}\n\np.text_dfa2779a2e + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_51ca823fda",text1Medium:"text1Medium_e26963bf9d",text1Normal:"text1Normal_13e03b8931",text2Bold:"text2Bold_23996970a8",text2Medium:"text2Medium_755b21a513",text2Normal:"text2Normal_31cb62d9f4",text3Bold:"text3Bold_fd78fd173c",text3Medium:"text3Medium_cbe0bb969d",text3Normal:"text3Normal_c662f7998d",text:"text_7d65e4727e"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_3_0_0-alpha_5";if(e.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(t))}(".text1Bold_51ca823fda {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_e26963bf9d {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_13e03b8931 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_23996970a8 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_755b21a513 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_31cb62d9f4 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_fd78fd173c {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_cbe0bb969d {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c662f7998d {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_7d65e4727e {\n  margin-block: 0;\n}\n\np.text_7d65e4727e + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as a}from"react";import l from"classnames";import{getTestId as t}from"../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import i from"./TextArea.module.scss.js";import o from"../Text/Text.js";var d={small:3,large:4},m=a((function(a,m){var c=a.size,n=void 0===c?"small":c,p=a.label,u=a.helpText,b=a.success,f=a.error,v=a.className,x=a["data-testid"],h=a.id,T=a.disabled,E=a.readOnly,j=a.value,y=a.onChange,A=a["aria-label"],N=a.required,g=a.resize,q=void 0===g||g,z=a.placeholder,O=a.rows||d[n],_=u&&"".concat(h,"-help-text");return r.createElement("div",{className:l(i.textAreaWrapper,e(e(e(e({},i.error,f),i.success,b),i.disabled,T),i.readOnly,E),v),"data-testid":x||t(s.TEXT_AREA,h)},p&&r.createElement("label",{className:l(i.label,e({},i.required,N)),htmlFor:h},p),r.createElement("textarea",{id:h,ref:m,disabled:T,readOnly:E,required:N,rows:O,className:l(i.textArea,[i[n]],e({},i.resize,q)),value:j,onChange:y,"aria-invalid":f,"aria-label":A,"aria-describedby":null!=_?_:void 0,placeholder:z}),u&&r.createElement(o,{className:l(i.helpText),color:"inherit",id:_},u))}));export{m as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import t from"classnames";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../tests/constants.js";import d from"./TextArea.module.scss.js";import o from"../Text/Text.js";var m={small:3,large:4},c=a((function(a,c){var n=a.size,p=void 0===n?"small":n,u=a.rows,b=a.label,f=a.helpText,x=a.success,v=a.error,T=a.className,j=a["data-testid"],h=a.id,y=a.disabled,E=a.readOnly,N=a.required,z=a.resize,A=void 0===z||z,O=r(a,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","resize"]),_=u||m[p],q=f&&"".concat(h,"-help-text");return s.createElement("div",{className:t(d.textAreaWrapper,e(e(e(e({},d.error,v),d.success,x),d.disabled,y),d.readOnly,E),T),"data-testid":j||l(i.TEXT_AREA,h)},b&&s.createElement("label",{className:t(d.label,e({},d.required,N)),htmlFor:h},b),s.createElement("textarea",Object.assign({},O,{id:h,ref:c,disabled:y,readOnly:E,required:N,rows:_,className:t(d.textArea,[d[p]],e({},d.resize,A)),"aria-invalid":v,"aria-describedby":null!=q?q:void 0})),f&&s.createElement(o,{className:t(d.helpText),color:"inherit",id:q},f))}));export{c as default};
 //# sourceMappingURL=TextArea.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n ~~value,\n onChange,\n \"aria-label\": ariaLabel,\n~~ required,\n resize = true,\n ~~placeholder~~\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n id={id}\n ref={ref}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n ~~value={value}\n onChange={onChange}\n~~ aria-invalid={error}\n aria-~~label={ariaLabel}\n aria-~~describedby={helpTextId ?? undefined}\n ~~placeholder={placeholder}\n~~ />\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","~~_ref~~","ref","~~_ref~~$size","size","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","~~value","onChange","ariaLabel","~~required","~~_ref~~$resize","resize","~~placeholder~~","~~numRows~~","~~rows~~","helpTextId","concat","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","textArea","undefined","Text","color"],"mappings":"~~6UAQA~~,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,~~SAAAC~~,~~EAoBEC~~,~~GACE~~,IAAAC,~~EAAAF~~,~~EAnBAG~~,KAAAA,OAAO,IAAHD,EAAG,QAAOA,~~EAEdE~~,~~EAAKJ~~,~~EAALI~~,MACAC,~~EAAQL~~,~~EAARK~~,SACAC,~~EAAON~~,~~EAAPM~~,QACAC,~~EAAKP~~,~~EAALO~~,MACAC,~~EAASR~~,~~EAATQ~~,UACeC,~~EAAUT~~,~~EAAzB~~,~~eACAU~~,~~EAAEV~~,~~EAAFU~~,GACAC,~~EAAQX~~,~~EAARW~~,SACAC,~~EAAQZ~~,~~EAARY~~,SACAC,~~EAAKb~~,~~EAALa~~,~~MACAC,EAAQd,EAARc,SACcC,EAASf,EAAvB,cACAgB,EAAQhB,EAARgB,~~SAAQC,~~EAAAjB~~,~~EACRkB~~,OAAAA,OAAS,IAAHD,GAAOA,~~EACbE~~,~~EAAWnB~~,~~EAAXmB~~,~~YAIIC~~,~~EAnBApB~~,~~EAAJqB~~,~~MAmBsB1B,~~EAAaQ,GAC/~~BmB~~,~~EAAajB~~,~~MAAQkB~~,~~OAAOb~~,EAAc,cAEhD,~~OACEc~~,~~uBACEhB~~,~~UAAWiB~~,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,~~EAAOnB~~,MAAQA,~~GACfmB~~,~~EAAOpB~~,QAAUA,~~GACjBoB~~,~~EAAOf~~,SAAWA,~~GAClBe~~,~~EAAOd~~,SAAWA,GAErBJ,GAEW,cAAAC,~~GAAcoB~~,EAAUC,EAAuBC,~~UAAWrB~~,IAEtEN,~~GACCoB~~,EAAOQ,cAAA,QAAA,~~CAAAxB~~,~~UAAWiB~~,EAAGC,~~EAAOtB~~,~~MAAKwB~~,EAAA,CAAA,EAAKF,EAAOV,SAAWA,IAAaiB,~~QAASvB~~,GAC3EN,~~GAGLoB~~,EAAAQ,cAAA,~~WAAA~~,~~CACEtB~~,GAAIA,~~EACJT~~,IAAKA,~~EACLU~~,SAAUA,EACVC,SAAUA,~~EACVI~~,SAAUA,~~EACVK~~,~~KAAMD~~,~~EACNZ~~,~~UAAWiB~~,EAAGC,~~EAAOQ~~,SAAU,~~CAACR~~,~~EAAOvB~~,~~IAAMyB~~,EAAKF,CAAAA,EAAAA,EAAOR,OAASA,~~IAClEL~~,~~MAAOA~~,~~EACPC,SAAUA,iBACIP,~~EAAK,~~aACPQ~~,~~EAAS,mBACHO,~~QAAAA,~~OAAca~~,~~EAChChB~~,~~YAAaA~~,~~IAEdd,GACCmB,~~EAAAQ,~~cAACI~~,EAAI,~~CAAC5B~~,~~UAAWiB~~,EAAGC,~~EAAOrB~~,~~UAAWgC~~,MAAM,~~UAAU3B~~,~~GAAIY~~,~~GACvDjB~~,GAKX"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n resize = true,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n ref={ref}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={error}\n aria-describedby={helpTextId ?? undefined}\n />\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","_a$size","size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","_a$resize","resize","rest","__rest","numRows","helpTextId","concat","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","Object","assign","textArea","undefined","Text","color"],"mappings":"kYAQA,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,EAgBAC,GAhBA,IAAAC,EAegBF,EAddG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAacJ,EAbdI,KACAC,EAYcL,EAZdK,MACAC,EAWcN,EAXdM,SACAC,EAUcP,EAVdO,QACAC,EAScR,EATdQ,MACAC,EAQcT,EARdS,UACeC,EAODV,EAPd,eACAW,EAMcX,EANdW,GACAC,EAKcZ,EALdY,SACAC,EAIcb,EAJda,SACAC,EAGcd,EAHdc,SAAQC,EAGMf,EAFdgB,OAAAA,OAAS,IAAHD,GAAOA,EACVE,EAAIC,EAAAlB,EAdT,+HAkBMmB,EAAUf,GAAQT,EAAaQ,GAC/BiB,EAAad,MAAQe,OAAOV,EAAc,cAEhD,OACEW,uBACEb,UAAWc,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,EAAOhB,MAAQA,GACfgB,EAAOjB,QAAUA,GACjBiB,EAAOZ,SAAWA,GAClBY,EAAOX,SAAWA,GAErBJ,GAEW,cAAAC,GAAciB,EAAUC,EAAuBC,UAAWlB,IAEtEN,GACCiB,EAAOQ,cAAA,QAAA,CAAArB,UAAWc,EAAGC,EAAOnB,MAAKqB,EAAA,CAAA,EAAKF,EAAOV,SAAWA,IAAaiB,QAASpB,GAC3EN,GAGLiB,EAAAQ,cAAA,WAAAE,OAAAC,OAAA,CAAA,EACMhB,EAAI,CACRN,GAAIA,EACJV,IAAKA,EACLW,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,KAAMe,EACNV,UAAWc,EAAGC,EAAOU,SAAU,CAACV,EAAOrB,IAAMuB,EAAKF,CAAAA,EAAAA,EAAOR,OAASA,IAAS,eAC7DR,EAAK,mBACDY,QAAAA,OAAce,KAEjC7B,GACCgB,EAAAQ,cAACM,EAAI,CAAC3B,UAAWc,EAAGC,EAAOlB,UAAW+B,MAAM,UAAU1B,GAAIS,GACvDd,GAKX"}

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_57fa5fa0e8",label:"label_9783a4ba38",required:"required_8950346ac9",helpText:"helpText_3c74b5b34b",textArea:"textArea_8763488cc2",small:"small_b18cddd93c",large:"large_fc53300fda",resize:"resize_317fcb029e",success:"success_fea13d9511",error:"error_78f0b6f555",disabled:"disabled_8950346ac9",readOnly:"readOnly_8950346ac9"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-c3a555441acd_3_0_0-alpha_2";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))}('.textAreaWrapper_57fa5fa0e8 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\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_57fa5fa0e8 .label_9783a4ba38 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_57fa5fa0e8 .label_9783a4ba38.required_8950346ac9::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_57fa5fa0e8 .helpText_3c74b5b34b {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2:active, .textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2:focus, .textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2.small_b18cddd93c {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2.large_fc53300fda {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_57fa5fa0e8 .textArea_8763488cc2:not(.resize_317fcb029e) {\n  resize: none;\n}\n.textAreaWrapper_57fa5fa0e8.success_fea13d9511 .textArea_8763488cc2 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_57fa5fa0e8.success_fea13d9511 .helpText_3c74b5b34b {\n  color: var(--color-success);\n}\n.textAreaWrapper_57fa5fa0e8.error_78f0b6f555 .textArea_8763488cc2 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_57fa5fa0e8.error_78f0b6f555 .helpText_3c74b5b34b {\n  color: var(--color-error);\n}\n.textAreaWrapper_57fa5fa0e8.disabled_8950346ac9 .textArea_8763488cc2,\n.textAreaWrapper_57fa5fa0e8.disabled_8950346ac9 .textArea_8763488cc2:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_57fa5fa0e8.disabled_8950346ac9 .helpText_3c74b5b34b {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_57fa5fa0e8.readOnly_8950346ac9 .textArea_8763488cc2,\n.textAreaWrapper_57fa5fa0e8.readOnly_8950346ac9 .textArea_8763488cc2:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_deea8f8817",label:"label_2d73293a32",required:"required_f6781d46e8",helpText:"helpText_2ffc3025f6",textArea:"textArea_c2c1f1361f",small:"small_31cb62d9f4",large:"large_13e03b8931",resize:"resize_2e251e6390",success:"success_a0ce12e30f",error:"error_10f090ee89",disabled:"disabled_f6781d46e8",readOnly:"readOnly_f6781d46e8"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-c3a555441acd_3_0_0-alpha_5";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))}('.textAreaWrapper_deea8f8817 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\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_deea8f8817 .label_2d73293a32 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_deea8f8817 .label_2d73293a32.required_f6781d46e8::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_deea8f8817 .helpText_2ffc3025f6 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:active, .textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:focus, .textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f.small_31cb62d9f4 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f.large_13e03b8931 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:not(.resize_2e251e6390) {\n  resize: none;\n}\n.textAreaWrapper_deea8f8817.success_a0ce12e30f .textArea_c2c1f1361f {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_deea8f8817.success_a0ce12e30f .helpText_2ffc3025f6 {\n  color: var(--color-success);\n}\n.textAreaWrapper_deea8f8817.error_10f090ee89 .textArea_c2c1f1361f {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_deea8f8817.error_10f090ee89 .helpText_2ffc3025f6 {\n  color: var(--color-error);\n}\n.textAreaWrapper_deea8f8817.disabled_f6781d46e8 .textArea_c2c1f1361f,\n.textAreaWrapper_deea8f8817.disabled_f6781d46e8 .textArea_c2c1f1361f:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_deea8f8817.disabled_f6781d46e8 .helpText_2ffc3025f6 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_deea8f8817.readOnly_f6781d46e8 .textArea_c2c1f1361f,\n.textAreaWrapper_deea8f8817.readOnly_f6781d46e8 .textArea_c2c1f1361f: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

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_2c68abc1dd",labelWrapper:"labelWrapper_d8a82a5119",subTextContainer:"subTextContainer_71885d0248",counter:"counter_9db68b0367",disabled:"disabled_a1c6a1b759",icon:"icon_7aa4031b12",inputWrapper:"inputWrapper_7aa4031b12",input:"input_2b8b505aff",iconContainer:"iconContainer_40adcb4ce9",iconContainerHasIcon:"iconContainerHasIcon_97068c5fb5",readOnly:"readOnly_7ca0c57e59",inputHover:"inputHover_841002cbf4",inputActive:"inputActive_3e6a5d11d3",inputHasIcon:"inputHasIcon_954e664315",round:"round_27c6859f2a",square:"square_1d160411a1",onlyUnderline:"onlyUnderline_8653ad12ef",tooltipContainer:"tooltipContainer_f2cea900c8",wrapperSizeMedium:"wrapperSizeMedium_9c30254814",wrapperSizeLarge:"wrapperSizeLarge_0281a903a0",iconContainerActive:"iconContainerActive_a639d45ba8",iconContainerClickable:"iconContainerClickable_15a28f8996",inputErrorValidation:"inputErrorValidation_97068c5fb5",subTextContainerStatus:"subTextContainerStatus_2a4fb3648d",inputSuccessValidation:"inputSuccessValidation_2f986561f6",wrapperSizeSmall:"wrapperSizeSmall_09f28c47d9",inputWrapperSizeSmall:"inputWrapperSizeSmall_6de70d14dd",loaderContainer:"loaderContainer_c9e976fc3c",loaderContainerHasIcon:"loaderContainerHasIcon_dd21aa177f",loader:"loader_8ad604557f",loaderSvg:"loaderSvg_3c74b5b34b"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-bf094fee8204_3_0_0-alpha_2";if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}(".textField_2c68abc1dd {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_2c68abc1dd * {\n  box-sizing: border-box;\n}\n\n.textField_2c68abc1dd .labelWrapper_d8a82a5119 {\n  width: 100%;\n}\n\n.textField_2c68abc1dd .subTextContainer_71885d0248 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_2c68abc1dd .subTextContainer_71885d0248 .counter_9db68b0367 {\n  margin-left: auto;\n}\n\n.textField_2c68abc1dd.disabled_a1c6a1b759 .icon_7aa4031b12 {\n  cursor: not-allowed;\n}\n\n.textField_2c68abc1dd.disabled_a1c6a1b759 .inputWrapper_7aa4031b12 {\n  cursor: not-allowed;\n}\n\n.textField_2c68abc1dd.disabled_a1c6a1b759 .inputWrapper_7aa4031b12 .input_2b8b505aff {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_2c68abc1dd.disabled_a1c6a1b759 .inputWrapper_7aa4031b12 .input_2b8b505aff::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_2c68abc1dd.disabled_a1c6a1b759 .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9.iconContainerHasIcon_97068c5fb5:hover {\n  background-color: transparent;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff.readOnly_7ca0c57e59 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff.inputHover_841002cbf4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff:focus,\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff:active,\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff.inputActive_3e6a5d11d3 {\n  border-color: var(--primary-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff.inputHasIcon_954e664315 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff.round_27c6859f2a {\n  border-radius: 50px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff.square_1d160411a1 {\n  border-radius: 0;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .input_2b8b505aff.onlyUnderline_8653ad12ef {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .tooltipContainer_f2cea900c8 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .tooltipContainer_f2cea900c8 {\n  width: 40px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 .tooltipContainer_f2cea900c8 {\n  width: 46px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9 {\n  -webkit-appearance: none;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9.iconContainerActive_a639d45ba8.iconContainerHasIcon_97068c5fb5.iconContainerClickable_15a28f8996 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9.iconContainerActive_a639d45ba8.iconContainerHasIcon_97068c5fb5:not(.iconContainerClickable_15a28f8996) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9.iconContainerActive_a639d45ba8 {\n  opacity: 1;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9.iconContainerActive_a639d45ba8 .icon_7aa4031b12 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9.iconContainerHasIcon_97068c5fb5.iconContainerClickable_15a28f8996:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9.iconContainerHasIcon_97068c5fb5.iconContainerClickable_15a28f8996:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputErrorValidation_97068c5fb5:hover .input_2b8b505aff {\n  border-color: var(--negative-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputErrorValidation_97068c5fb5 .input_2b8b505aff {\n  border-color: var(--negative-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputErrorValidation_97068c5fb5 .input_2b8b505aff:focus,\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputErrorValidation_97068c5fb5 .input_2b8b505aff:active {\n  border-color: var(--negative-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputErrorValidation_97068c5fb5 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  color: var(--negative-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputErrorValidation_97068c5fb5 .iconContainer_40adcb4ce9 .icon_7aa4031b12:hover {\n  color: var(--negative-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputErrorValidation_97068c5fb5 + .subTextContainer_71885d0248 .subTextContainerStatus_2a4fb3648d {\n  color: var(--negative-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputSuccessValidation_2f986561f6:hover .input_2b8b505aff {\n  border-color: var(--positive-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputSuccessValidation_2f986561f6 .input_2b8b505aff {\n  border-color: var(--positive-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputSuccessValidation_2f986561f6 .input_2b8b505aff:focus,\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputSuccessValidation_2f986561f6 .input_2b8b505aff:active {\n  border-color: var(--positive-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputSuccessValidation_2f986561f6 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  color: var(--positive-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputSuccessValidation_2f986561f6 .iconContainer_40adcb4ce9 .icon_7aa4031b12:hover {\n  color: var(--positive-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputSuccessValidation_2f986561f6 + .subTextContainer_71885d0248 .subTextContainerStatus_2a4fb3648d {\n  color: var(--positive-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeSmall_09f28c47d9 {\n  height: 32px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeSmall_09f28c47d9 .input_2b8b505aff {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.inputWrapperSizeSmall_6de70d14dd .input_2b8b505aff.inputHasIcon_954e664315.onlyUnderline_8653ad12ef {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 {\n  height: 40px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .input_2b8b505aff {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .input_2b8b505aff.inputHasIcon_954e664315 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .input_2b8b505aff.inputHasIcon_954e664315.onlyUnderline_8653ad12ef {\n  padding-left: 4px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .iconContainer_40adcb4ce9 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  font-size: 16px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .iconContainer_40adcb4ce9:hover + .iconContainer_40adcb4ce9 + .input_2b8b505aff {\n  border-color: var(--primary-text-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 {\n  height: 48px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 .input_2b8b505aff {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 .input_2b8b505aff.inputHasIcon_954e664315 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 .input_2b8b505aff.inputHasIcon_954e664315.onlyUnderline_8653ad12ef {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 .iconContainer_40adcb4ce9 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  font-size: 16px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12:hover .input_2b8b505aff {\n  border-color: var(--primary-text-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .loaderContainer_c9e976fc3c {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .loaderContainer_c9e976fc3c.loaderContainerHasIcon_dd21aa177f {\n  right: 32px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .loaderContainer_c9e976fc3c .loader_8ad604557f {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .loaderContainer_c9e976fc3c .loader_8ad604557f .loaderSvg_3c74b5b34b {\n  color: var(--secondary-text-color);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  font-family: var(--font-family);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeMedium_9c30254814 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  font-family: var(--font-family);\n}\n\n.textField_2c68abc1dd .inputWrapper_7aa4031b12.wrapperSizeLarge_0281a903a0 .iconContainer_40adcb4ce9 .icon_7aa4031b12 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var n={textField:"textField_e433bd7deb",labelWrapper:"labelWrapper_c450989100",subTextContainer:"subTextContainer_9a431a153d",counter:"counter_5fd7a902b0",disabled:"disabled_5f04d52467",icon:"icon_394acc2736",inputWrapper:"inputWrapper_394acc2736",input:"input_32937d7090",iconContainer:"iconContainer_efb92aa01d",iconContainerHasIcon:"iconContainerHasIcon_29497df0c9",readOnly:"readOnly_61abacf1c4",inputHover:"inputHover_8168c5e2e2",inputActive:"inputActive_ebaf3a3936",inputHasIcon:"inputHasIcon_db845d4763",round:"round_0bdc13971b",square:"square_8d1febb233",onlyUnderline:"onlyUnderline_6795d3e349",tooltipContainer:"tooltipContainer_5b7846db70",wrapperSizeMedium:"wrapperSizeMedium_cb957938f5",wrapperSizeLarge:"wrapperSizeLarge_b4f25eed68",iconContainerActive:"iconContainerActive_2a59a65a42",iconContainerClickable:"iconContainerClickable_13946948c9",inputErrorValidation:"inputErrorValidation_29497df0c9",subTextContainerStatus:"subTextContainerStatus_3253b34ac7",inputSuccessValidation:"inputSuccessValidation_6e669fa51f",wrapperSizeSmall:"wrapperSizeSmall_e3e1550b00",inputWrapperSizeSmall:"inputWrapperSizeSmall_09470c53b3",loaderContainer:"loaderContainer_f4d1557309",loaderContainerHasIcon:"loaderContainerHasIcon_7865a9e7eb",loader:"loader_0f65381425",loaderSvg:"loaderSvg_2ffc3025f6"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-bf094fee8204_3_0_0-alpha_5";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".textField_e433bd7deb {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_e433bd7deb * {\n  box-sizing: border-box;\n}\n\n.textField_e433bd7deb .labelWrapper_c450989100 {\n  width: 100%;\n}\n\n.textField_e433bd7deb .subTextContainer_9a431a153d {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_e433bd7deb .subTextContainer_9a431a153d .counter_5fd7a902b0 {\n  margin-left: auto;\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .icon_394acc2736 {\n  cursor: not-allowed;\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 {\n  cursor: not-allowed;\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 .input_32937d7090 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 .input_32937d7090::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerHasIcon_29497df0c9:hover {\n  background-color: transparent;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.readOnly_61abacf1c4 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.inputHover_8168c5e2e2 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090:focus,\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090:active,\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.inputActive_ebaf3a3936 {\n  border-color: var(--primary-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.inputHasIcon_db845d4763 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.round_0bdc13971b {\n  border-radius: 50px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.square_8d1febb233 {\n  border-radius: 0;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.onlyUnderline_6795d3e349 {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .tooltipContainer_5b7846db70 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .tooltipContainer_5b7846db70 {\n  width: 40px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .tooltipContainer_5b7846db70 {\n  width: 46px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d {\n  -webkit-appearance: none;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42.iconContainerHasIcon_29497df0c9.iconContainerClickable_13946948c9 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42.iconContainerHasIcon_29497df0c9:not(.iconContainerClickable_13946948c9) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42 {\n  opacity: 1;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42 .icon_394acc2736 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerHasIcon_29497df0c9.iconContainerClickable_13946948c9:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerHasIcon_29497df0c9.iconContainerClickable_13946948c9:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d .icon_394acc2736 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9:hover .input_32937d7090 {\n  border-color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .input_32937d7090 {\n  border-color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .input_32937d7090:focus,\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .input_32937d7090:active {\n  border-color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .iconContainer_efb92aa01d .icon_394acc2736 {\n  color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .iconContainer_efb92aa01d .icon_394acc2736:hover {\n  color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 + .subTextContainer_9a431a153d .subTextContainerStatus_3253b34ac7 {\n  color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f:hover .input_32937d7090 {\n  border-color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .input_32937d7090 {\n  border-color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .input_32937d7090:focus,\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .input_32937d7090:active {\n  border-color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .iconContainer_efb92aa01d .icon_394acc2736 {\n  color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .iconContainer_efb92aa01d .icon_394acc2736:hover {\n  color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f + .subTextContainer_9a431a153d .subTextContainerStatus_3253b34ac7 {\n  color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeSmall_e3e1550b00 {\n  height: 32px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeSmall_e3e1550b00 .input_32937d7090 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputWrapperSizeSmall_09470c53b3 .input_32937d7090.inputHasIcon_db845d4763.onlyUnderline_6795d3e349 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 {\n  height: 40px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .input_32937d7090 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .input_32937d7090.inputHasIcon_db845d4763 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .input_32937d7090.inputHasIcon_db845d4763.onlyUnderline_6795d3e349 {\n  padding-left: 4px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-size: 16px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d:hover + .iconContainer_efb92aa01d + .input_32937d7090 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 {\n  height: 48px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .input_32937d7090 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .input_32937d7090.inputHasIcon_db845d4763 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .input_32937d7090.inputHasIcon_db845d4763.onlyUnderline_6795d3e349 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .iconContainer_efb92aa01d {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-size: 16px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736:hover .input_32937d7090 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309.loaderContainerHasIcon_7865a9e7eb {\n  right: 32px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309 .loader_0f65381425 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309 .loader_0f65381425 .loaderSvg_2ffc3025f6 {\n  color: var(--secondary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-family: var(--font-family);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-family: var(--font-family);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_8ae45d8d1a",highlightText:"highlightText_a68b1faf73",withEllipsis:"withEllipsis_278bd26ac2"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-42c1fd2afe36_3_0_0-alpha_2";if(t.querySelector("#"+i))return;const a=document.createElement("style");a.id=i,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper_8ae45d8d1a {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_8ae45d8d1a em.highlightText_a68b1faf73 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_8ae45d8d1a.withEllipsis_278bd26ac2 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper_675403db6f",highlightText:"highlightText_ba42d86058",withEllipsis:"withEllipsis_4aa3da775a"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],i="s_id-42c1fd2afe36_3_0_0-alpha_5";if(t.querySelector("#"+i))return;const r=document.createElement("style");r.id=i,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".textWithHighlightWrapper_675403db6f {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_675403db6f em.highlightText_ba42d86058 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_675403db6f.withEllipsis_4aa3da775a {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map