npm - @vibe/core - Versions diffs - 3.34.1 → 3.35.0 - Mend

@vibe/core 3.34.1 → 3.35.0

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

Files changed (397) hide show

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

@@ -1,2 +1,2 @@
-var e={infix:"infix_62f586eb9a",txt:"txt_8ff9698cd1",prefix:"prefix_8cdfcc6ee7",postfix:"postfix_d84b37a521"};!function(e){const n="s_id-4fd2a8cee614_3_34_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_62f586eb9a {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_8ff9698cd1 {\n  white-space: nowrap;\n}\n\n.prefix_8cdfcc6ee7 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_d84b37a521 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_a28f1c83ab",txt:"txt_5a52fdc92c",prefix:"prefix_e3591f6920",postfix:"postfix_fe74a53671"};!function(e){const n="s_id-4fd2a8cee614_3_34_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_a28f1c83ab {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_5a52fdc92c {\n  white-space: nowrap;\n}\n\n.prefix_e3591f6920 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_fe74a53671 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as g}from"react";import{SplitButtonSecondaryContentPosition as p,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as D,DEFAULT_DIALOG_HIDE_TRIGGER as v,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as b}from"./SplitButtonConstants.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as N,AnimationType as S}from"../Dialog/DialogConstants.js";import{NOOP as k}from"../../utils/function-utils.js";import{isInsideClass as P}from"../../utils/dom-utils.js";import j from"../../hooks/useKeyEvent/index.js";import T from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import E from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import z from"../../../icons/dist/react/DropdownChevronDown.js";var _=function(p){var h=p.secondaryDialogContent,_=p.onSecondaryDialogDidShow,w=void 0===_?k:_,L=p.onSecondaryDialogDidHide,x=void 0===L?k:L,A=p.shouldCloseOnClickInsideDialog,H=p.zIndex,R=void 0===H?null:H,U=p.secondaryDialogClassName,F=p.secondaryDialogPosition,M=void 0===F?"bottom-start":F,K=p.dialogContainerSelector,W=p.dialogPaddingSize,Y=void 0===W?"medium":W,V=p.disabled,X=p.loading,q=p.kind,G=p.color,J=p.className,Q=p.leftIcon,Z=p.rightIcon,$=p.onClick,oo=p.children,eo=p.marginLeft,to=p.marginRight,io=p.active,no=p.id,ao=p["data-testid"],ro=i(p,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),so=c(!1),lo=o(so,2),co=lo[0],mo=lo[1],uo=c(!1),go=o(uo,2),po=go[0],fo=go[1],Do=c(!1),vo=o(Do,2),yo=vo[0],Co=vo[1],bo=m(null),ho=m(null),No=u((function(){return fo(!0)}),[fo]),So=u((function(){return fo(!1)}),[fo]),ko=u((function(o){return!V&&!P(o.target,b)}),[V]),Po=u((function(o){ko(o)&&Co(!0)}),[Co,ko]),jo=u((function(){return Co(!1)}),[Co]),To=u((function(o){ko(o)&&Co(!0)}),[Co,ko]),Io=u((function(){mo(!0),w()}),[mo,w]),Bo=u((function(o,e){mo(!1),x(),"esckey"===e&&ho.current.focus()}),[mo,x]);T({eventName:"mouseenter",callback:No,ref:bo}),T({eventName:"mouseleave",callback:So,ref:bo}),T({eventName:"mousedown",callback:Po,ref:bo}),T({eventName:"mouseup",callback:jo,ref:bo}),T({eventName:"transitionend",callback:jo,ref:bo}),j({keys:f,ref:bo,callback:To});var Eo=g((function(){return l(O.button,a(O,n("kind-"+q)),a(O,n("color-"+G)),e(e(e(e(e({},O.mainActive,io),O.active,yo),O.splitContentOpen,co),O.hovered,po),O.disabled,V),J)}),[J,q,G,io,yo,co,po,V]),Oo=g((function(){return V?[]:D}),[V]),zo=g((function(){return A?[].concat(t(v),[N.CONTENT_CLICK]):v}),[A]),_o=u((function(){var o="function"==typeof h?h():h;return d.createElement(E,{type:E.types.POPOVER,size:Y},o)}),[h,Y]),wo=g((function(){return"bottom"===M?"":"bottom-start"===M?"bottom":"top"}),[M]);return d.createElement("div",{className:Eo,ref:bo,id:no,"data-testid":ao||r(s.SPLIT_BUTTON,no)},d.createElement(I,Object.assign({},ro,{preventClickAnimation:!0,leftIcon:Q,rightIcon:Z,rightFlat:!0,color:G,kind:q,active:io,onClick:$,className:O.mainButton,marginLeft:eo,onFocus:No,onBlur:So,disabled:V,loading:X,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,no)}),oo),d.createElement("div",{className:O.secondaryButtonWrapper},d.createElement(B,{wrapperClassName:U,zIndex:R,content:_o,position:M,containerSelector:K,startingEdge:wo,animationType:S.EXPAND,moveBy:y,onDialogDidShow:Io,onDialogDidHide:Bo,showTrigger:Oo,hideTrigger:zo},d.createElement(I,Object.assign({},ro,{ref:ho,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:G,kind:q,className:O.secondaryButton,active:co,marginRight:to,onFocus:No,onBlur:So,disabled:V,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:co,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,no)}),d.createElement("div",{className:O.secondaryButtonIconWrapper},d.createElement(z,{"aria-hidden":"true"}))))))};_.defaultProps=Object.assign(Object.assign({},I.defaultProps),{onSecondaryDialogDidShow:k,onSecondaryDialogDidHide:k,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:"bottom-start",dialogPaddingSize:E.sizes.MEDIUM});var w=h(_,{secondaryPositions:p,secondaryDialogPositions:p,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:E.sizes});export{w as default};
+import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as g}from"react";import{SplitButtonSecondaryContentPosition as p,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as D,DEFAULT_DIALOG_HIDE_TRIGGER as v,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as b}from"./SplitButtonConstants.js";import{withStaticProps as N}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as S,AnimationType as h}from"../Dialog/DialogConstants.js";import{NOOP as k}from"../../utils/function-utils.js";import{isInsideClass as P}from"../../utils/dom-utils.js";import T from"../../hooks/useKeyEvent/index.js";import j from"../../hooks/useEventListener/index.js";import I from"../Button/Button.js";import B from"../Dialog/Dialog.js";import E from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import{ComponentVibeId as z}from"../../tests/constants.js";import _ from"../../../icons/dist/react/DropdownChevronDown.js";var w=function(p){var N=p.secondaryDialogContent,w=p.onSecondaryDialogDidShow,L=void 0===w?k:w,x=p.onSecondaryDialogDidHide,A=void 0===x?k:x,H=p.shouldCloseOnClickInsideDialog,R=p.zIndex,U=void 0===R?null:R,F=p.secondaryDialogClassName,M=p.secondaryDialogPosition,K=void 0===M?"bottom-start":M,W=p.dialogContainerSelector,Y=p.dialogPaddingSize,V=void 0===Y?"medium":Y,X=p.disabled,q=p.loading,G=p.kind,J=p.color,Q=p.className,Z=p.leftIcon,$=p.rightIcon,oo=p.onClick,eo=p.children,to=p.marginLeft,io=p.marginRight,no=p.active,ao=p.id,ro=p["data-testid"],so=i(p,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),lo=c(!1),co=o(lo,2),mo=co[0],uo=co[1],go=c(!1),po=o(go,2),fo=po[0],Do=po[1],vo=c(!1),yo=o(vo,2),Co=yo[0],bo=yo[1],No=m(null),So=m(null),ho=u((function(){return Do(!0)}),[Do]),ko=u((function(){return Do(!1)}),[Do]),Po=u((function(o){return!X&&!P(o.target,b)}),[X]),To=u((function(o){Po(o)&&bo(!0)}),[bo,Po]),jo=u((function(){return bo(!1)}),[bo]),Io=u((function(o){Po(o)&&bo(!0)}),[bo,Po]),Bo=u((function(){uo(!0),L()}),[uo,L]),Eo=u((function(o,e){uo(!1),A(),"esckey"===e&&So.current.focus()}),[uo,A]);j({eventName:"mouseenter",callback:ho,ref:No}),j({eventName:"mouseleave",callback:ko,ref:No}),j({eventName:"mousedown",callback:To,ref:No}),j({eventName:"mouseup",callback:jo,ref:No}),j({eventName:"transitionend",callback:jo,ref:No}),T({keys:f,ref:No,callback:Io});var Oo=g((function(){return l(O.button,a(O,n("kind-"+G)),a(O,n("color-"+J)),e(e(e(e(e({},O.mainActive,no),O.active,Co),O.splitContentOpen,mo),O.hovered,fo),O.disabled,X),Q)}),[Q,G,J,no,Co,mo,fo,X]),zo=g((function(){return X?[]:D}),[X]),_o=g((function(){return H?[].concat(t(v),[S.CONTENT_CLICK]):v}),[H]),wo=u((function(){var o="function"==typeof N?N():N;return d.createElement(E,{type:E.types.POPOVER,size:V},o)}),[N,V]),Lo=g((function(){return"bottom"===K?"":"bottom-start"===K?"bottom":"top"}),[K]);return d.createElement("div",{className:Oo,ref:No,id:ao,"data-testid":ro||r(s.SPLIT_BUTTON,ao),"data-vibe":z.SPLIT_BUTTON},d.createElement(I,Object.assign({},so,{preventClickAnimation:!0,leftIcon:Z,rightIcon:$,rightFlat:!0,color:J,kind:G,active:no,onClick:oo,className:O.mainButton,marginLeft:to,onFocus:ho,onBlur:ko,disabled:X,loading:q,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,ao)}),eo),d.createElement("div",{className:O.secondaryButtonWrapper},d.createElement(B,{wrapperClassName:F,zIndex:U,content:wo,position:K,containerSelector:W,startingEdge:Lo,animationType:h.EXPAND,moveBy:y,onDialogDidShow:Bo,onDialogDidHide:Eo,showTrigger:zo,hideTrigger:_o},d.createElement(I,Object.assign({},so,{ref:So,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:J,kind:G,className:O.secondaryButton,active:mo,marginRight:io,onFocus:ho,onBlur:ko,disabled:X,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:mo,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,ao)}),d.createElement("div",{className:O.secondaryButtonIconWrapper},d.createElement(_,{"aria-hidden":"true"}))))))};w.defaultProps=Object.assign(Object.assign({},I.defaultProps),{onSecondaryDialogDidShow:k,onSecondaryDialogDidHide:k,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:"bottom-start",dialogPaddingSize:E.sizes.MEDIUM});var L=N(w,{secondaryPositions:p,secondaryDialogPositions:p,sizes:I.sizes,colors:I.colors,kinds:I.kinds,inputTags:I.inputTags,dialogPaddingSizes:E.sizes});export{L as default};
 //# sourceMappingURL=SplitButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogSize, DialogTriggerEvent } from \"../Dialog\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n * The element or renderer which display inside the dialog which open by clicking on the split button's secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n onSecondaryDialogDidShow?: () => void;\n onSecondaryDialogDidHide?: () => void;\n zIndex?: number;\n /\n * Class name to provide the element which wraps the popover/modal/dialog\n /\n secondaryDialogClassName?: string;\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n Popover Container padding size\n /\n dialogPaddingSize?: DialogSize;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton: FC<SplitButtonProps> & {\n secondaryPositions?: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions?: typeof SplitButtonSecondaryContentPosition;\n sizes?: typeof Button.sizes;\n colors?: typeof Button.colors;\n kinds?: typeof Button.kinds;\n inputTags?: typeof Button.inputTags;\n dialogPaddingSizes?: typeof DialogContentContainer.sizes;\n} = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName,\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind,\n color,\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nSplitButton.defaultProps = {\n ...Button.defaultProps,\n onSecondaryDialogDidShow: NOOP,\n onSecondaryDialogDidHide: NOOP,\n zIndex: null,\n secondaryDialogClassName: \"\",\n secondaryDialogPosition: \"bottom-start\",\n dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\nexport default withStaticProps(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","sizes","MEDIUM","withStaticProps","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}
1	+ {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogSize, DialogTriggerEvent } from \"../Dialog\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n * The element or renderer which display inside the dialog which open by clicking on the split button's secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n onSecondaryDialogDidShow?: () => void;\n onSecondaryDialogDidHide?: () => void;\n zIndex?: number;\n /\n * Class name to provide the element which wraps the popover/modal/dialog\n /\n secondaryDialogClassName?: string;\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n Popover Container padding size\n /\n dialogPaddingSize?: DialogSize;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton: FC<SplitButtonProps> & {\n secondaryPositions?: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions?: typeof SplitButtonSecondaryContentPosition;\n sizes?: typeof Button.sizes;\n colors?: typeof Button.colors;\n kinds?: typeof Button.kinds;\n inputTags?: typeof Button.inputTags;\n dialogPaddingSizes?: typeof DialogContentContainer.sizes;\n} = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName,\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = \"medium\",\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind,\n color,\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n data-vibe={ComponentVibeId.SPLIT_BUTTON}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nSplitButton.defaultProps = {\n ...Button.defaultProps,\n onSecondaryDialogDidShow: NOOP,\n onSecondaryDialogDidHide: NOOP,\n zIndex: null,\n secondaryDialogClassName: \"\",\n secondaryDialogPosition: \"bottom-start\",\n dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\nexport default withStaticProps(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","DialogContentContainer","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","ComponentVibeId","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","sizes","MEDIUM","withStaticProps","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={button:"button_2aa4c24b14",mainButton:"mainButton_7aaacec97e",secondaryButton:"secondaryButton_a24c484fc4",secondaryButtonWrapper:"secondaryButtonWrapper_a0cab6dcad",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_028d6bf00b",active:"active_27eecd7fdc",disabled:"disabled_a6982c0979",kindTertiary:"kindTertiary_02b5248682",colorPrimary:"colorPrimary_02b5248682",mainActive:"mainActive_6ed05273cb",splitContentOpen:"splitContentOpen_19a6870acf",hovered:"hovered_1779c7fc94",colorBrand:"colorBrand_6ed05273cb",colorPositive:"colorPositive_0d7a18ddff",colorNegative:"colorNegative_0d7a18ddff",kindPrimary:"kindPrimary_8a5a29ce99",colorOnPrimaryColor:"colorOnPrimaryColor_a8ce8c2006",kindSecondary:"kindSecondary_0d7a18ddff"};!function(n){const r="s_id-b26d62194c18_3_34_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_2aa4c24b14 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_2aa4c24b14 .mainButton_7aaacec97e {\n  margin-right: 0;\n}\n\n.button_2aa4c24b14 .secondaryButton_a24c484fc4 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_a0cab6dcad .secondaryButtonIconWrapper_028d6bf00b {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_27eecd7fdc {\n  transform: scale(0.95);\n}\n\n.disabled_a6982c0979 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb .mainButton_7aaacec97e {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb .mainButton_7aaacec97e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb .secondaryButton_a24c484fc4 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb .secondaryButton_a24c484fc4:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb.splitContentOpen_19a6870acf.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb.splitContentOpen_19a6870acf.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4:hover,\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb.hovered_1779c7fc94.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorPrimary_02b5248682.mainActive_6ed05273cb.hovered_1779c7fc94.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_02b5248682.colorBrand_6ed05273cb.mainActive_6ed05273cb .mainButton_7aaacec97e {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_02b5248682.colorBrand_6ed05273cb.mainActive_6ed05273cb .secondaryButton_a24c484fc4 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_02b5248682.colorBrand_6ed05273cb.mainActive_6ed05273cb.splitContentOpen_19a6870acf.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorBrand_6ed05273cb.mainActive_6ed05273cb.splitContentOpen_19a6870acf.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4:hover,\n.kindTertiary_02b5248682.colorBrand_6ed05273cb.mainActive_6ed05273cb.hovered_1779c7fc94.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorBrand_6ed05273cb.mainActive_6ed05273cb.hovered_1779c7fc94.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_02b5248682.colorPositive_0d7a18ddff.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorPositive_0d7a18ddff:hover .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorPositive_0d7a18ddff:focus .secondaryButton_a24c484fc4 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_02b5248682.colorPositive_0d7a18ddff.splitContentOpen_19a6870acf .mainButton_7aaacec97e,\n.kindTertiary_02b5248682.colorPositive_0d7a18ddff:hover .mainButton_7aaacec97e,\n.kindTertiary_02b5248682.colorPositive_0d7a18ddff:focus .mainButton_7aaacec97e {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_02b5248682.colorNegative_0d7a18ddff.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorNegative_0d7a18ddff:hover .secondaryButton_a24c484fc4,\n.kindTertiary_02b5248682.colorNegative_0d7a18ddff:focus .secondaryButton_a24c484fc4 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_02b5248682.colorNegative_0d7a18ddff.splitContentOpen_19a6870acf .mainButton_7aaacec97e,\n.kindTertiary_02b5248682.colorNegative_0d7a18ddff:hover .mainButton_7aaacec97e,\n.kindTertiary_02b5248682.colorNegative_0d7a18ddff:focus .mainButton_7aaacec97e {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_02b5248682 .secondaryButton_a24c484fc4 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_8a5a29ce99.disabled_a6982c0979 .secondaryButton_a24c484fc4 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_8a5a29ce99:not(.disabled_a6982c0979).colorPrimary_02b5248682.mainActive_6ed05273cb .secondaryButton_a24c484fc4 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_8a5a29ce99:not(.disabled_a6982c0979).colorPrimary_02b5248682 .secondaryButton_a24c484fc4 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_8a5a29ce99:not(.disabled_a6982c0979).colorBrand_6ed05273cb.mainActive_6ed05273cb .secondaryButton_a24c484fc4 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_8a5a29ce99:not(.disabled_a6982c0979).colorBrand_6ed05273cb .secondaryButton_a24c484fc4 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_8a5a29ce99:not(.disabled_a6982c0979).colorPositive_0d7a18ddff .secondaryButton_a24c484fc4 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_8a5a29ce99:not(.disabled_a6982c0979).colorNegative_0d7a18ddff .secondaryButton_a24c484fc4 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_8a5a29ce99:not(.disabled_a6982c0979).colorOnPrimaryColor_a8ce8c2006 .secondaryButton_a24c484fc4 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_0d7a18ddff .mainButton_7aaacec97e {\n  border-right: none;\n}\n\n.kindSecondary_0d7a18ddff.colorPrimary_02b5248682.mainActive_6ed05273cb .mainButton_7aaacec97e {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_0d7a18ddff.colorPrimary_02b5248682.mainActive_6ed05273cb .mainButton_7aaacec97e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_0d7a18ddff.colorPrimary_02b5248682.mainActive_6ed05273cb .secondaryButton_a24c484fc4 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_0d7a18ddff.colorPrimary_02b5248682.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_0d7a18ddff.colorPrimary_02b5248682.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_0d7a18ddff.colorBrand_6ed05273cb.mainActive_6ed05273cb .mainButton_7aaacec97e {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_0d7a18ddff.colorBrand_6ed05273cb.mainActive_6ed05273cb .secondaryButton_a24c484fc4 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_0d7a18ddff.colorBrand_6ed05273cb.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4,\n.kindSecondary_0d7a18ddff.colorBrand_6ed05273cb.splitContentOpen_19a6870acf .secondaryButton_a24c484fc4:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_c9534f83ca",mainButton:"mainButton_e5d2a1d2bf",secondaryButton:"secondaryButton_83fe0a4957",secondaryButtonWrapper:"secondaryButtonWrapper_23bddd0f3f",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_1953201f80",active:"active_0252b7da58",disabled:"disabled_286b1c3f6e",kindTertiary:"kindTertiary_4c49ccc636",colorPrimary:"colorPrimary_4c49ccc636",mainActive:"mainActive_1f3d10d302",splitContentOpen:"splitContentOpen_e62c33e0f0",hovered:"hovered_796378c5b1",colorBrand:"colorBrand_1f3d10d302",colorPositive:"colorPositive_958980f55a",colorNegative:"colorNegative_958980f55a",kindPrimary:"kindPrimary_f0e396ddbd",colorOnPrimaryColor:"colorOnPrimaryColor_0344fee8e7",kindSecondary:"kindSecondary_958980f55a"};!function(n){const r="s_id-b26d62194c18_3_34_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_c9534f83ca {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_c9534f83ca .mainButton_e5d2a1d2bf {\n  margin-right: 0;\n}\n\n.button_c9534f83ca .secondaryButton_83fe0a4957 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_23bddd0f3f .secondaryButtonIconWrapper_1953201f80 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_0252b7da58 {\n  transform: scale(0.95);\n}\n\n.disabled_286b1c3f6e {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302 .mainButton_e5d2a1d2bf {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302 .mainButton_e5d2a1d2bf:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302 .secondaryButton_83fe0a4957 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302 .secondaryButton_83fe0a4957:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302.splitContentOpen_e62c33e0f0.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302.splitContentOpen_e62c33e0f0.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957:hover,\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302.hovered_796378c5b1.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorPrimary_4c49ccc636.mainActive_1f3d10d302.hovered_796378c5b1.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_4c49ccc636.colorBrand_1f3d10d302.mainActive_1f3d10d302 .mainButton_e5d2a1d2bf {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_4c49ccc636.colorBrand_1f3d10d302.mainActive_1f3d10d302 .secondaryButton_83fe0a4957 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_4c49ccc636.colorBrand_1f3d10d302.mainActive_1f3d10d302.splitContentOpen_e62c33e0f0.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorBrand_1f3d10d302.mainActive_1f3d10d302.splitContentOpen_e62c33e0f0.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957:hover,\n.kindTertiary_4c49ccc636.colorBrand_1f3d10d302.mainActive_1f3d10d302.hovered_796378c5b1.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorBrand_1f3d10d302.mainActive_1f3d10d302.hovered_796378c5b1.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_4c49ccc636.colorPositive_958980f55a.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorPositive_958980f55a:hover .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorPositive_958980f55a:focus .secondaryButton_83fe0a4957 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_4c49ccc636.colorPositive_958980f55a.splitContentOpen_e62c33e0f0 .mainButton_e5d2a1d2bf,\n.kindTertiary_4c49ccc636.colorPositive_958980f55a:hover .mainButton_e5d2a1d2bf,\n.kindTertiary_4c49ccc636.colorPositive_958980f55a:focus .mainButton_e5d2a1d2bf {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_4c49ccc636.colorNegative_958980f55a.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorNegative_958980f55a:hover .secondaryButton_83fe0a4957,\n.kindTertiary_4c49ccc636.colorNegative_958980f55a:focus .secondaryButton_83fe0a4957 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_4c49ccc636.colorNegative_958980f55a.splitContentOpen_e62c33e0f0 .mainButton_e5d2a1d2bf,\n.kindTertiary_4c49ccc636.colorNegative_958980f55a:hover .mainButton_e5d2a1d2bf,\n.kindTertiary_4c49ccc636.colorNegative_958980f55a:focus .mainButton_e5d2a1d2bf {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_4c49ccc636 .secondaryButton_83fe0a4957 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_f0e396ddbd.disabled_286b1c3f6e .secondaryButton_83fe0a4957 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_f0e396ddbd:not(.disabled_286b1c3f6e).colorPrimary_4c49ccc636.mainActive_1f3d10d302 .secondaryButton_83fe0a4957 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_f0e396ddbd:not(.disabled_286b1c3f6e).colorPrimary_4c49ccc636 .secondaryButton_83fe0a4957 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_f0e396ddbd:not(.disabled_286b1c3f6e).colorBrand_1f3d10d302.mainActive_1f3d10d302 .secondaryButton_83fe0a4957 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_f0e396ddbd:not(.disabled_286b1c3f6e).colorBrand_1f3d10d302 .secondaryButton_83fe0a4957 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_f0e396ddbd:not(.disabled_286b1c3f6e).colorPositive_958980f55a .secondaryButton_83fe0a4957 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_f0e396ddbd:not(.disabled_286b1c3f6e).colorNegative_958980f55a .secondaryButton_83fe0a4957 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_f0e396ddbd:not(.disabled_286b1c3f6e).colorOnPrimaryColor_0344fee8e7 .secondaryButton_83fe0a4957 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_958980f55a .mainButton_e5d2a1d2bf {\n  border-right: none;\n}\n\n.kindSecondary_958980f55a.colorPrimary_4c49ccc636.mainActive_1f3d10d302 .mainButton_e5d2a1d2bf {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_958980f55a.colorPrimary_4c49ccc636.mainActive_1f3d10d302 .mainButton_e5d2a1d2bf:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_958980f55a.colorPrimary_4c49ccc636.mainActive_1f3d10d302 .secondaryButton_83fe0a4957 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_958980f55a.colorPrimary_4c49ccc636.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_958980f55a.colorPrimary_4c49ccc636.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_958980f55a.colorBrand_1f3d10d302.mainActive_1f3d10d302 .mainButton_e5d2a1d2bf {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_958980f55a.colorBrand_1f3d10d302.mainActive_1f3d10d302 .secondaryButton_83fe0a4957 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_958980f55a.colorBrand_1f3d10d302.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957,\n.kindSecondary_958980f55a.colorBrand_1f3d10d302.splitContentOpen_e62c33e0f0 .secondaryButton_83fe0a4957:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_939ec521b1",contentOnTop:"contentOnTop_01e6c23edf",contentOnBottom:"contentOnBottom_fecc21b841"};!function(e){const t="s_id-9e4623f942e8_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_939ec521b1 .contentOnTop_01e6c23edf {\n  margin-top: var(--spacing-medium);\n}\n.steps_939ec521b1 .contentOnBottom_fecc21b841 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_274053a860",contentOnTop:"contentOnTop_2a8ffbe95b",contentOnBottom:"contentOnBottom_175fd22251"};!function(e){const t="s_id-9e4623f942e8_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_274053a860 .contentOnTop_2a8ffbe95b {\n  margin-top: var(--spacing-medium);\n}\n.steps_274053a860 .contentOnBottom_175fd22251 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={command:"command_6f2a7a02e2",backward:"backward_8ac6675846",icon:"icon_73d9c54dcf",disabled:"disabled_a20043f6d1",colorOnPrimaryColor:"colorOnPrimaryColor_6f97bef335",colorOnInvertedBackground:"colorOnInvertedBackground_cdc9812139"};!function(e){const n="s_id-b004c6aa2b0d_3_34_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_6f2a7a02e2 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_6f2a7a02e2.backward_8ac6675846 {\n  flex-direction: row-reverse;\n}\n.icon_73d9c54dcf {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_73d9c54dcf.disabled_a20043f6d1 {\n  color: var(--disabled-text-color);\n}\n.icon_73d9c54dcf.colorOnPrimaryColor_6f97bef335 {\n  color: var(--text-color-on-primary);\n}\n.icon_73d9c54dcf.colorOnInvertedBackground_cdc9812139 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_184a1d0423",backward:"backward_fb95ac244e",icon:"icon_a1912d9ac2",disabled:"disabled_639edc1bba",colorOnPrimaryColor:"colorOnPrimaryColor_605185bf04",colorOnInvertedBackground:"colorOnInvertedBackground_a63216f209"};!function(e){const n="s_id-b004c6aa2b0d_3_34_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_184a1d0423 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_184a1d0423.backward_fb95ac244e {\n  flex-direction: row-reverse;\n}\n.icon_a1912d9ac2 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_a1912d9ac2.disabled_639edc1bba {\n  color: var(--disabled-text-color);\n}\n.icon_a1912d9ac2.colorOnPrimaryColor_605185bf04 {\n  color: var(--text-color-on-primary);\n}\n.icon_a1912d9ac2.colorOnInvertedBackground_a63216f209 {\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_7129149d9f","focus-visible":"focus-visible_abecd53842",isActive:"isActive_bd790234b2",colorOnPrimaryColor:"colorOnPrimaryColor_fb664a4829",colorOnInvertedBackground:"colorOnInvertedBackground_a82ae7cebe"};!function(o){const n="s_id-cedbbb07e913_3_34_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_7129149d9f {\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_7129149d9f:focus-visible, .dot_7129149d9f.focus-visible_abecd53842 {\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_7129149d9f:focus:not(.focus-visible_abecd53842) {\n  outline: none;\n}\n.dot_7129149d9f:focus-visible, .dot_7129149d9f.focus-visible_abecd53842 {\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_7129149d9f:focus:not(.focus-visible_abecd53842) {\n  outline: none;\n}\n.dot_7129149d9f:hover {\n  transform: scale(1.3);\n}\n.isActive_bd790234b2 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_fb664a4829.dot_7129149d9f {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_fb664a4829.dot_7129149d9f:focus-visible, .colorOnPrimaryColor_fb664a4829.dot_7129149d9f.focus-visible_abecd53842 {\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_fb664a4829.dot_7129149d9f:focus:not(.focus-visible_abecd53842) {\n  outline: none;\n}\n.colorOnPrimaryColor_fb664a4829.dot_7129149d9f.isActive_bd790234b2 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_a82ae7cebe.dot_7129149d9f {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_a82ae7cebe.dot_7129149d9f.isActive_bd790234b2 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_66873a4a84","focus-visible":"focus-visible_827afe335f",isActive:"isActive_febdb3b0c0",colorOnPrimaryColor:"colorOnPrimaryColor_9d4a684701",colorOnInvertedBackground:"colorOnInvertedBackground_95a2d4fbb9"};!function(o){const n="s_id-cedbbb07e913_3_34_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_66873a4a84 {\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_66873a4a84:focus-visible, .dot_66873a4a84.focus-visible_827afe335f {\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_66873a4a84:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.dot_66873a4a84:focus-visible, .dot_66873a4a84.focus-visible_827afe335f {\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_66873a4a84:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.dot_66873a4a84:hover {\n  transform: scale(1.3);\n}\n.isActive_febdb3b0c0 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_9d4a684701.dot_66873a4a84 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_9d4a684701.dot_66873a4a84:focus-visible, .colorOnPrimaryColor_9d4a684701.dot_66873a4a84.focus-visible_827afe335f {\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_9d4a684701.dot_66873a4a84:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.colorOnPrimaryColor_9d4a684701.dot_66873a4a84.isActive_febdb3b0c0 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_95a2d4fbb9.dot_66873a4a84 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_95a2d4fbb9.dot_66873a4a84.isActive_febdb3b0c0 {\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_6e3ade27e5",galleryHeaderDot:"galleryHeaderDot_8cdfcc6ee7"};!function(e){const a="s_id-62748f4c4e74_3_34_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_6e3ade27e5 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_6e3ade27e5 .galleryHeaderDot_8cdfcc6ee7 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_6e3ade27e5 .galleryHeaderDot_8cdfcc6ee7:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_797e98a6a3",galleryHeaderDot:"galleryHeaderDot_e3591f6920"};!function(e){const a="s_id-62748f4c4e74_3_34_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_797e98a6a3 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_797e98a6a3 .galleryHeaderDot_e3591f6920 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_797e98a6a3 .galleryHeaderDot_e3591f6920: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_da6400f7f9"};!function(e){const t="s_id-918f12c2f9aa_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_da6400f7f9 {\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_cef05ca2ae"};!function(e){const t="s_id-918f12c2f9aa_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_cef05ca2ae {\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_06e8bd87df"};!function(e){const t="s_id-126f9ab60838_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_06e8bd87df {\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_be06aa56c0"};!function(e){const t="s_id-126f9ab60838_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_be06aa56c0 {\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_5ff50a05bb"};!function(e){const t="s_id-ac5bc6964f98_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_5ff50a05bb {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_75d9223383"};!function(e){const t="s_id-ac5bc6964f98_3_34_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_75d9223383 {\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_a30a64e73d",border:"border_026768239c",virtualized:"virtualized_62224d14fb",hasScroll:"hasScroll_344a67b91c"};!function(r){const e="s_id-2b8bccf4a9c1_3_34_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_a30a64e73d {\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_a30a64e73d.border_026768239c {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_a30a64e73d [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_a30a64e73d [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_a30a64e73d.virtualized_62224d14fb {\n  overflow: hidden;\n}\n.table_a30a64e73d.hasScroll_344a67b91c {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var e={table:"table_a76f6d280e",border:"border_05465ee7a9",virtualized:"virtualized_d6c1b9bc50",hasScroll:"hasScroll_852a35c00d"};!function(e){const r="s_id-2b8bccf4a9c1_3_34_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".table_a76f6d280e {\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_a76f6d280e.border_05465ee7a9 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_a76f6d280e [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_a76f6d280e [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_a76f6d280e.virtualized_d6c1b9bc50 {\n  overflow: hidden;\n}\n.table_a76f6d280e.hasScroll_852a35c00d {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=Table.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_ab2f601c0b"};!function(e){const t="s_id-afed3a5f5737_3_34_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_ab2f601c0b {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_ff2f73ca78"};!function(e){const t="s_id-afed3a5f5737_3_34_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_ff2f73ca78 {\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_d16b890cbe",sticky:"sticky_66fba9340b"};!function(e){const t="s_id-25789b81dac4_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_d16b890cbe {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_d16b890cbe.sticky_66fba9340b {\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_4448018bbf",sticky:"sticky_89bd56d3bf"};!function(e){const t="s_id-25789b81dac4_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_4448018bbf {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_4448018bbf.sticky_89bd56d3bf {\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_ab2f601c0b",longText:"longText_e011023b4d",mediumText:"mediumText_d7fddd9287",tableCellSkeleton:"tableCellSkeleton_ab2f601c0b",circle:"circle_9454352335",rectangle:"rectangle_e58c8060df"};!function(e){const l="s_id-18cab9319884_3_34_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_ab2f601c0b {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_ab2f601c0b.longText_e011023b4d {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_ab2f601c0b.mediumText_d7fddd9287 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_ab2f601c0b .tableCellSkeleton_ab2f601c0b {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_ab2f601c0b .tableCellSkeleton_ab2f601c0b.circle_9454352335, .tableCellSkeletonWrapper_ab2f601c0b .tableCellSkeleton_ab2f601c0b.rectangle_e58c8060df {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_ab2f601c0b .tableCellSkeleton_ab2f601c0b.circle_9454352335, .tableCellSkeletonWrapper_ab2f601c0b .tableCellSkeleton_ab2f601c0b.rectangle_e58c8060df {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_ff2f73ca78",longText:"longText_1b353e762f",mediumText:"mediumText_586248e0aa",tableCellSkeleton:"tableCellSkeleton_ff2f73ca78",circle:"circle_d08249af08",rectangle:"rectangle_24c430af9a"};!function(e){const l="s_id-18cab9319884_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_ff2f73ca78 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_ff2f73ca78.longText_1b353e762f {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_ff2f73ca78.mediumText_586248e0aa {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_ff2f73ca78 .tableCellSkeleton_ff2f73ca78 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_ff2f73ca78 .tableCellSkeleton_ff2f73ca78.circle_d08249af08, .tableCellSkeletonWrapper_ff2f73ca78 .tableCellSkeleton_ff2f73ca78.rectangle_24c430af9a {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_ff2f73ca78 .tableCellSkeleton_ff2f73ca78.circle_d08249af08, .tableCellSkeletonWrapper_ff2f73ca78 .tableCellSkeleton_ff2f73ca78.rectangle_24c430af9a {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_4f478c3fbd",menuContainer:"menuContainer_ce38d739d7"};!function(e){const n="s_id-545d156e3798_3_34_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_4f478c3fbd {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_4f478c3fbd .menuContainer_ce38d739d7 {\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_acd651dd5b",menuContainer:"menuContainer_e156ac9a4c"};!function(e){const n="s_id-545d156e3798_3_34_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_acd651dd5b {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_acd651dd5b .menuContainer_e156ac9a4c {\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=TableContainer.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_9d1a3f887b","focus-visible":"focus-visible_abecd53842",sticky:"sticky_66fba9340b",sortActive:"sortActive_d30768cb6c",tableHeaderCellContent:"tableHeaderCellContent_ee2b1fa07b",icon:"icon_d9b682345e",infoTooltip:"infoTooltip_25b5c33c74",tableHeaderCellSort:"tableHeaderCellSort_1f8ab8e5cc",sort:"sort_74aec55b4c",asc:"asc_d3016f7083",desc:"desc_b6abf7f5d3",show:"show_681b27a009"};!function(e){const a="s_id-5b3eed132e11_3_34_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_9d1a3f887b {\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_9d1a3f887b:focus-visible, .tableHeaderCell_9d1a3f887b.focus-visible_abecd53842 {\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_9d1a3f887b:focus:not(.focus-visible_abecd53842) {\n  outline: none;\n}\n.tableHeaderCell_9d1a3f887b.sticky_66fba9340b {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_9d1a3f887b.sticky_66fba9340b:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_9d1a3f887b:hover, .tableHeaderCell_9d1a3f887b.sortActive_d30768cb6c {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_9d1a3f887b .tableHeaderCellContent_ee2b1fa07b {\n  min-width: 0;\n}\n.tableHeaderCell_9d1a3f887b .tableHeaderCellContent_ee2b1fa07b .icon_d9b682345e {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_9d1a3f887b .tableHeaderCellContent_ee2b1fa07b .infoTooltip_25b5c33c74 {\n  display: inline-flex;\n}\n.tableHeaderCell_9d1a3f887b .tableHeaderCellSort_1f8ab8e5cc {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_9d1a3f887b .tableHeaderCellSort_1f8ab8e5cc .sort_74aec55b4c {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_9d1a3f887b .tableHeaderCellSort_1f8ab8e5cc .sort_74aec55b4c.asc_d3016f7083, .tableHeaderCell_9d1a3f887b .tableHeaderCellSort_1f8ab8e5cc .sort_74aec55b4c.desc_b6abf7f5d3 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_9d1a3f887b .tableHeaderCellSort_1f8ab8e5cc .sort_74aec55b4c:not(.show_681b27a009) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_f946c7c267","focus-visible":"focus-visible_827afe335f",sticky:"sticky_89bd56d3bf",sortActive:"sortActive_2b4ab4b508",tableHeaderCellContent:"tableHeaderCellContent_b1fcf3111a",icon:"icon_74fa4fdcb8",infoTooltip:"infoTooltip_fe723f6ed0",tableHeaderCellSort:"tableHeaderCellSort_861fe81d62",sort:"sort_67f055e28c",asc:"asc_18a0bd4ff4",desc:"desc_f839cce5c4",show:"show_fad4ead734"};!function(e){const l="s_id-5b3eed132e11_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell_f946c7c267 {\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_f946c7c267:focus-visible, .tableHeaderCell_f946c7c267.focus-visible_827afe335f {\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_f946c7c267:focus:not(.focus-visible_827afe335f) {\n  outline: none;\n}\n.tableHeaderCell_f946c7c267.sticky_89bd56d3bf {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_f946c7c267.sticky_89bd56d3bf:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_f946c7c267:hover, .tableHeaderCell_f946c7c267.sortActive_2b4ab4b508 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_f946c7c267 .tableHeaderCellContent_b1fcf3111a {\n  min-width: 0;\n}\n.tableHeaderCell_f946c7c267 .tableHeaderCellContent_b1fcf3111a .icon_74fa4fdcb8 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_f946c7c267 .tableHeaderCellContent_b1fcf3111a .infoTooltip_fe723f6ed0 {\n  display: inline-flex;\n}\n.tableHeaderCell_f946c7c267 .tableHeaderCellSort_861fe81d62 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_f946c7c267 .tableHeaderCellSort_861fe81d62 .sort_67f055e28c {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_f946c7c267 .tableHeaderCellSort_861fe81d62 .sort_67f055e28c.asc_18a0bd4ff4, .tableHeaderCell_f946c7c267 .tableHeaderCellSort_861fe81d62 .sort_67f055e28c.desc_f839cce5c4 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_f946c7c267 .tableHeaderCellSort_861fe81d62 .sort_67f055e28c:not(.show_fad4ead734) {\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_e45c7ae408"};!function(e){const t="s_id-72a799b963ca_3_34_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_e45c7ae408 {\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_e45c7ae408[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_e45c7ae408 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_e45c7ae408:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_e45c7ae408:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_25897f9a8d"};!function(e){const t="s_id-72a799b963ca_3_34_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_25897f9a8d {\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_25897f9a8d[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_25897f9a8d > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_25897f9a8d:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_25897f9a8d:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_98cb931ad7",small:"small_76f20bd798",medium:"medium_fe1a914aa1",large:"large_0b69b1c5d8"};!function(e){const n="s_id-3e6ad01a6799_3_34_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_98cb931ad7 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_98cb931ad7.small_76f20bd798 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_98cb931ad7.medium_fe1a914aa1 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_98cb931ad7.large_0b69b1c5d8 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_b140ebc727",small:"small_875b89c7a8",medium:"medium_7a53a354c3",large:"large_1b9ae9a7ce"};!function(e){const n="s_id-3e6ad01a6799_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_b140ebc727 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_b140ebc727.small_875b89c7a8 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_b140ebc727.medium_7a53a354c3 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_b140ebc727.large_1b9ae9a7ce {\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_91caaf35c7",withHeader:"withHeader_95992abbc9"};!function(e){const t="s_id-049f5e61a7a3_3_34_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_91caaf35c7 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_91caaf35c7.withHeader_95992abbc9 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_2a868cca8e",withHeader:"withHeader_fdb7750b73"};!function(e){const t="s_id-049f5e61a7a3_3_34_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_2a868cca8e {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_2a868cca8e.withHeader_fdb7750b73 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e,toConsumableArray as o}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as a,useRef as i}from"react";import{noop as s}from"lodash-es";import n from"../../../hooks/useMergeRef.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import c from"../../Icon/Icon.js";import{getTestId as m,ComponentDefaultTestId as d}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import f from"../../Tooltip/Tooltip.js";var u=a((function(a,u){var b=a.className,v=a.tabInnerClassName,j=a.id,y=a.value,I=void 0===y?0:y,C=a.disabled,T=void 0!==C&&C,h=a.active,N=void 0!==h&&h,g=a.focus,k=void 0!==g&&g,E=a.onClick,A=void 0===E?s:E,H=a.tooltipProps,P=void 0===H?{}:H,S=a.icon,B=a.iconType,F=a.iconSide,M=void 0===F?"left":F,_=a.children,x=a["data-testid"],z=i(null),O=n(u,z);return r.createElement(f,Object.assign({},P,{content:P.content}),r.createElement("li",{ref:O,key:j,className:t(p.tabWrapper,b,e(e(e({},p.active,N),p.disabled,T),p.tabFocusVisibleInset,k)),id:j,role:"tab","aria-selected":N,"aria-disabled":T,"data-testid":x||m(d.TAB,j)},r.createElement("a",{className:t(p.tabInner,v),onClick:function(){return!T&&A(I)}},function(){if(!S)return _;var e=r.createElement(c,{ariaHidden:!0,iconType:B,icon:S,className:t(p.tabIcon,l(p,M)),iconSize:18,ignoreFocusStyle:!0}),a=r.Children.toArray(_);return"left"===M?[e].concat(o(a)):[].concat(o(a),[e])}())))}));export{u as default};
+import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as a,useRef as i}from"react";import{noop as s}from"lodash-es";import n from"../../../hooks/useMergeRef.js";import{getStyle as l}from"../../../helpers/typesciptCssModulesHelper.js";import c from"../../Icon/Icon.js";import{getTestId as m,ComponentDefaultTestId as d}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import f from"../../Tooltip/Tooltip.js";import{ComponentVibeId as u}from"../../../tests/constants.js";var b=a((function(a,b){var v=a.className,j=a.tabInnerClassName,y=a.id,I=a.value,T=void 0===I?0:I,C=a.disabled,h=void 0!==C&&C,N=a.active,g=void 0!==N&&N,k=a.focus,A=void 0!==k&&k,E=a.onClick,B=void 0===E?s:E,H=a.tooltipProps,P=void 0===H?{}:H,S=a.icon,F=a.iconType,M=a.iconSide,_=void 0===M?"left":M,x=a.children,z=a["data-testid"],O=i(null),R=n(b,O);return r.createElement(f,Object.assign({},P,{content:P.content}),r.createElement("li",{ref:R,key:y,className:o(p.tabWrapper,v,e(e(e({},p.active,g),p.disabled,h),p.tabFocusVisibleInset,A)),id:y,role:"tab","aria-selected":g,"aria-disabled":h,"data-testid":z||m(d.TAB,y),"data-vibe":u.TAB},r.createElement("a",{className:o(p.tabInner,j),onClick:function(){return!h&&B(T)}},function(){if(!S)return x;var e=r.createElement(c,{ariaHidden:!0,iconType:F,icon:S,className:o(p.tabIcon,l(p,_)),iconSize:18,ignoreFocusStyle:!0}),a=r.Children.toArray(x);return"left"===_?[e].concat(t(a)):[].concat(t(a),[e])}())))}));export{b as default};
 //# sourceMappingURL=Tab.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { TooltipProps } from \"../../Tooltip/Tooltip\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name for tab link-name\n /\n tabInnerClassName?: string;\n /\n Tab index\n /\n value?: number;\n disabled?: boolean;\n active?: boolean;\n focus?: boolean;\n icon?: SubIcon;\n iconType?: IconType;\n iconSide?: string;\n onClick?: (value: number) => void;\n tooltipProps?: Partial<TooltipProps>;\n /\n Tab link-name\n /\n children?: string \| ReactElement \| ReactElement[];\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n >\n {/ eslint-disable-next-line jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events */}\n <a className={cx(styles.tabInner, tabInnerClassName)} onClick={() => !disabled && onClick(value)}>\n {renderIconAndChildren()}\n </a>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","getTestId","ComponentDefaultTestId","TAB","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"~~6gBAoCMA~~,IAAAA,EAAoBC,GACxB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAhB,EACdiB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIlB,EAAJkB,KACAC,EAAQnB,EAARmB,SAAQC,EAAApB,EACRqB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAO,MACtBC,EAAYC,EAAY1B,EAAKuB,GAwBnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAf,GAAcgB,QAAShB,EAAagB,UAC/CL,EAAAC,cAAA,KAAA,CACE5B,IAAKyB,EACLQ,IAAK9B,EACLF,UAAWiC,EAAGC,EAAOC,WAAYnC,EAASoC,EAAAA,EAAAA,EACvCF,GAAAA,EAAO1B,OAASA,GAChB0B,EAAO5B,SAAWA,GAClB4B,EAAOG,qBAAuB3B,IAEjCR,GAAIA,EACJoC,KAAK,MAAK,gBACK9B,EAAM,gBACNF,~~EACF~~,~~cAAAe~~,GAAckB,EAAUC,EAAuBC,IAAKvC,~~IAGjEwB~~,EAAAC,cAAA,IAAA,CAAG3B,UAAWiC,EAAGC,~~EAAOQ~~,~~SAAUzC~~,GAAoBW,QAAS,WAAA,OAAON,GAAYM,EAAQR,EAAM,~~GAvCtG~~,WACE,IAAKY,EAAM,OAAOI,EAElB,~~IAAMuB~~,~~EACJjB~~,~~gBAACkB~~,EAAI,CACHC,YAAY,~~EACZ5B~~,SAAUA,EACVD,KAAMA,EACNhB,UAAWiC,EAAGC,~~EAAOY~~,QAASC,~~EAASb~~,EAAQf,IAC/~~C6B~~,SAAU,GACVC,kBAAgB,IAIdC,~~EAAgBxB~~,~~EAAMyB~~,SAASC,~~QAAQhC~~,GAE7C,MAAiB,SAAbD,EACF,~~CAAQwB~~,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,~~CAmBSY~~,KAKX"}
1	+ {"version":3,"file":"Tab.js","sources":["../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { IconType } from \"../../Icon\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\nimport Tooltip, { TooltipProps } from \"../../Tooltip/Tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface TabProps extends VibeComponentProps {\n /*\n Class name for tab link-name\n /\n tabInnerClassName?: string;\n /\n Tab index\n /\n value?: number;\n disabled?: boolean;\n active?: boolean;\n focus?: boolean;\n icon?: SubIcon;\n iconType?: IconType;\n iconSide?: string;\n onClick?: (value: number) => void;\n tooltipProps?: Partial<TooltipProps>;\n /\n Tab link-name\n /\n children?: string \| ReactElement \| ReactElement[];\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n (\n {\n className,\n tabInnerClassName,\n id,\n value = 0,\n disabled = false,\n active = false,\n focus = false,\n onClick = NOOP,\n tooltipProps = {} as TooltipProps,\n icon,\n iconType,\n iconSide = \"left\",\n children,\n \"data-testid\": dataTestId\n }: TabProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n function renderIconAndChildren() {\n if (!icon) return children;\n\n const iconElement = (\n <Icon\n ariaHidden={true}\n iconType={iconType}\n icon={icon}\n className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n iconSize={18}\n ignoreFocusStyle\n />\n );\n\n const childrenArray = React.Children.toArray(children);\n\n if (iconSide === \"left\") {\n return [iconElement, ...childrenArray];\n }\n\n return [...childrenArray, iconElement];\n }\n return (\n <Tooltip {...tooltipProps} content={tooltipProps.content}>\n <li\n ref={mergedRef}\n key={id}\n className={cx(styles.tabWrapper, className, {\n [styles.active]: active,\n [styles.disabled]: disabled,\n [styles.tabFocusVisibleInset]: focus\n })}\n id={id}\n role=\"tab\"\n aria-selected={active}\n aria-disabled={disabled}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB, id)}\n data-vibe={ComponentVibeId.TAB}\n >\n {/ eslint-disable-next-line jsx-a11y/anchor-is-valid,jsx-a11y/click-events-have-key-events */}\n <a className={cx(styles.tabInner, tabInnerClassName)} onClick={() => !disabled && onClick(value)}>\n {renderIconAndChildren()}\n </a>\n </li>\n </Tooltip>\n );\n }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","tabInner","iconElement","Icon","ariaHidden","tabIcon","getStyle","iconSize","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"2kBAqCMA,IAAAA,EAAoBC,GACxB,SAAAC,EAiBEC,GACE,IAhBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAhB,EACdiB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIlB,EAAJkB,KACAC,EAAQnB,EAARmB,SAAQC,EAAApB,EACRqB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAO,MACtBC,EAAYC,EAAY1B,EAAKuB,GAwBnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAf,GAAcgB,QAAShB,EAAagB,UAC/CL,EAAAC,cAAA,KAAA,CACE5B,IAAKyB,EACLQ,IAAK9B,EACLF,UAAWiC,EAAGC,EAAOC,WAAYnC,EAASoC,EAAAA,EAAAA,EACvCF,GAAAA,EAAO1B,OAASA,GAChB0B,EAAO5B,SAAWA,GAClB4B,EAAOG,qBAAuB3B,IAEjCR,GAAIA,EACJoC,KAAK,MAAK,gBACK9B,EAAM,gBACNF,EAAQ,cACVe,GAAckB,EAAUC,EAAuBC,IAAKvC,GAAG,YACzDwC,EAAgBD,KAG3Bf,EAAAC,cAAA,IAAA,CAAG3B,UAAWiC,EAAGC,EAAOS,SAAU1C,GAAoBW,QAAS,WAAA,OAAON,GAAYM,EAAQR,EAAM,GAxCtG,WACE,IAAKY,EAAM,OAAOI,EAElB,IAAMwB,EACJlB,gBAACmB,EAAI,CACHC,YAAY,EACZ7B,SAAUA,EACVD,KAAMA,EACNhB,UAAWiC,EAAGC,EAAOa,QAASC,EAASd,EAAQf,IAC/C8B,SAAU,GACVC,kBAAgB,IAIdC,EAAgBzB,EAAM0B,SAASC,QAAQjC,GAE7C,MAAiB,SAAbD,EACF,CAAQyB,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CAoBSY,KAKX"}

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_7d2dfd23c4",tabInner:"tabInner_9347db5427",tabIcon:"tabIcon_3c81a9d97e",right:"right_d60c9fa790",tabFocusVisibleInset:"tabFocusVisibleInset_4d865fe0d7",active:"active_dcbc6f00f3",disabled:"disabled_e02e159a58"};!function(n){const e="s_id-e9e07df0e1ab_3_34_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_7d2dfd23c4 {\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_7d2dfd23c4: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_7d2dfd23c4 .tabInner_9347db5427 {\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_7d2dfd23c4 .tabInner_9347db5427:focus {\n  outline: none;\n}\n\n.tabWrapper_7d2dfd23c4 .tabInner_9347db5427 .tabIcon_3c81a9d97e {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_7d2dfd23c4 .tabInner_9347db5427 .tabIcon_3c81a9d97e.right_d60c9fa790 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_7d2dfd23c4.tabFocusVisibleInset_4d865fe0d7 {\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_7d2dfd23c4.active_dcbc6f00f3:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_7d2dfd23c4.disabled_e02e159a58 .tabInner_9347db5427 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_7d2dfd23c4:not(.disabled_e02e159a58) .tabInner_9347db5427:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_6851996fce",tabInner:"tabInner_bcc03fb9bc",tabIcon:"tabIcon_57f13108a8",right:"right_12caaafca0",tabFocusVisibleInset:"tabFocusVisibleInset_14f84961d2",active:"active_6cc1985b41",disabled:"disabled_6d465bed5c"};!function(n){const e="s_id-e9e07df0e1ab_3_34_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_6851996fce {\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_6851996fce: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_6851996fce .tabInner_bcc03fb9bc {\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_6851996fce .tabInner_bcc03fb9bc:focus {\n  outline: none;\n}\n\n.tabWrapper_6851996fce .tabInner_bcc03fb9bc .tabIcon_57f13108a8 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_6851996fce .tabInner_bcc03fb9bc .tabIcon_57f13108a8.right_12caaafca0 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_6851996fce.tabFocusVisibleInset_14f84961d2 {\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_6851996fce.active_6cc1985b41:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_6851996fce.disabled_6d465bed5c .tabInner_bcc03fb9bc {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_6851996fce:not(.disabled_6d465bed5c) .tabInner_bcc03fb9bc: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 e={tabsWrapper:"tabsWrapper_931682956d",tabsList:"tabsList_6ac37eced2",sm:"sm_f55fa2439b",lg:"lg_63b1096b80",stretched:"stretched_365fb00d50",tabListTabWrapper:"tabListTabWrapper_a39082f08c",tabListTabInner:"tabListTabInner_a39082f08c",disabled:"disabled_0a21c13906"};!function(e){const t="s_id-10f1ea92a898_3_34_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_931682956d .tabsList_6ac37eced2 {\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_931682956d .tabsList_6ac37eced2.sm_f55fa2439b {\n  height: 32px;\n}\n\n.tabsWrapper_931682956d .tabsList_6ac37eced2.lg_63b1096b80 {\n  height: 48px;\n}\n\n.tabsWrapper_931682956d.stretched_365fb00d50 .tabsList_6ac37eced2 {\n  width: 100%;\n}\n\n.tabsWrapper_931682956d.stretched_365fb00d50 .tabsList_6ac37eced2 .tabListTabWrapper_a39082f08c {\n  width: 100%;\n}\n\n.tabsWrapper_931682956d.stretched_365fb00d50 .tabsList_6ac37eced2 .tabListTabWrapper_a39082f08c .tabListTabInner_a39082f08c {\n  width: 100%;\n}\n\n.tabsWrapper_931682956d.disabled_0a21c13906 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_ec741c7d93",tabsList:"tabsList_82add56b2a",sm:"sm_818cb54902",lg:"lg_97761bd4c9",stretched:"stretched_91e1dbc3d5",tabListTabWrapper:"tabListTabWrapper_281fe15143",tabListTabInner:"tabListTabInner_281fe15143",disabled:"disabled_e780a0a406"};!function(e){const t="s_id-10f1ea92a898_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_ec741c7d93 .tabsList_82add56b2a {\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_ec741c7d93 .tabsList_82add56b2a.sm_818cb54902 {\n  height: 32px;\n}\n\n.tabsWrapper_ec741c7d93 .tabsList_82add56b2a.lg_97761bd4c9 {\n  height: 48px;\n}\n\n.tabsWrapper_ec741c7d93.stretched_91e1dbc3d5 .tabsList_82add56b2a {\n  width: 100%;\n}\n\n.tabsWrapper_ec741c7d93.stretched_91e1dbc3d5 .tabsList_82add56b2a .tabListTabWrapper_281fe15143 {\n  width: 100%;\n}\n\n.tabsWrapper_ec741c7d93.stretched_91e1dbc3d5 .tabsList_82add56b2a .tabListTabWrapper_281fe15143 .tabListTabInner_281fe15143 {\n  width: 100%;\n}\n\n.tabsWrapper_ec741c7d93.disabled_e780a0a406 {\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_b6abf7f5d3"};!function(e){const t="s_id-82244d4a2f7b_3_34_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_b6abf7f5d3 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_f839cce5c4"};!function(e){const t="s_id-82244d4a2f7b_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_f839cce5c4 {\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 n={tabPanelsWrapper:"tabPanelsWrapper_8d3b4fa7a5",tabPanel:"tabPanel_149cc003bb",animationDirectionRtl:"animationDirectionRtl_0c76079cef",animationDirectionLtr:"animationDirectionLtr_15093b0ffc",active:"active_d8108052b7",panelSlideIn:"panelSlideIn_cb49fc6f92"};!function(n){const a="s_id-078bacbdb1e4_3_34_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".tabPanelsWrapper_8d3b4fa7a5 .tabPanel_149cc003bb {\n  display: none;\n}\n\n.tabPanelsWrapper_8d3b4fa7a5 .tabPanel_149cc003bb.animationDirectionRtl_0c76079cef {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_8d3b4fa7a5 .tabPanel_149cc003bb.animationDirectionLtr_15093b0ffc {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_8d3b4fa7a5 .tabPanel_149cc003bb.active_d8108052b7 {\n  display: block;\n  animation: panelSlideIn_cb49fc6f92 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_cb49fc6f92 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper_23c1185d78",tabPanel:"tabPanel_3fbf27b5f9",animationDirectionRtl:"animationDirectionRtl_235c46182a",animationDirectionLtr:"animationDirectionLtr_574d8dc8d6",active:"active_ab5044b730",panelSlideIn:"panelSlideIn_e845febb4f"};!function(n){const e="s_id-078bacbdb1e4_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".tabPanelsWrapper_23c1185d78 .tabPanel_3fbf27b5f9 {\n  display: none;\n}\n\n.tabPanelsWrapper_23c1185d78 .tabPanel_3fbf27b5f9.animationDirectionRtl_235c46182a {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_23c1185d78 .tabPanel_3fbf27b5f9.animationDirectionLtr_574d8dc8d6 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_23c1185d78 .tabPanel_3fbf27b5f9.active_ab5044b730 {\n  display: block;\n  animation: panelSlideIn_e845febb4f var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_e845febb4f {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n 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_38c163628f",text1Medium:"text1Medium_fab1dfc564",text1Normal:"text1Normal_6012cc0d90",text2Bold:"text2Bold_c7fb119f44",text2Medium:"text2Medium_645af777fb",text2Normal:"text2Normal_133338bc5a",text3Bold:"text3Bold_e94b41357c",text3Medium:"text3Medium_7e40bdc457",text3Normal:"text3Normal_9e096c2dbd",text:"text_b1e60756c3"};!function(t){const e="s_id-0b8dab5fe88c_3_34_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_38c163628f {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_fab1dfc564 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_6012cc0d90 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_c7fb119f44 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_645af777fb {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_133338bc5a {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_e94b41357c {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_7e40bdc457 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_9e096c2dbd {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_b1e60756c3 {\n  margin-block: 0;\n}\n\np.text_b1e60756c3 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_c09fdc7aaf",text1Medium:"text1Medium_f603e3c38c",text1Normal:"text1Normal_73b848c049",text2Bold:"text2Bold_e9ac4363b1",text2Medium:"text2Medium_db80721895",text2Normal:"text2Normal_1eea9b5761",text3Bold:"text3Bold_eb5128b700",text3Medium:"text3Medium_b560df2653",text3Normal:"text3Normal_36dc1a62d4",text:"text_13b39f8f7e"};!function(t){const e="s_id-0b8dab5fe88c_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_c09fdc7aaf {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_f603e3c38c {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_73b848c049 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_e9ac4363b1 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_db80721895 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_1eea9b5761 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_eb5128b700 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_b560df2653 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_36dc1a62d4 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_13b39f8f7e {\n  margin-block: 0;\n}\n\np.text_13b39f8f7e + 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{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as i,useCallback as n}from"react";import o from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../tests/constants.js";import c from"./TextArea.module.scss.js";import u from"../Text/Text.js";import x from"../Flex/Flex.js";import p from"../HiddenText/HiddenText.js";var f={small:3,large:4},h=s((function(s,h){var g=s.size,b=void 0===g?"small":g,v=s.rows,T=s.label,E=s.helpText,j=s.success,y=s.error,w=s.className,C=s["data-testid"],N=s.id,A=s.disabled,z=s.readOnly,L=s.required,O=s.maxLength,_=s.allowExceedingMaxLength,q=s.onChange,F=s.value,H=s.resize,M=void 0===H||H,P=s.showCharCount,B=void 0!==P&&P,I=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),R=v||f[b],W=E&&"".concat(N,"-help-text"),X=_&&"".concat(N,"-allow-exceeding-max-length"),k=l((function(){return[W,X].filter((function(e){return!!e})).join(" ")||void 0}),[W,X]),D=i((null==F?void 0:F.length)||0),G=e(D,2),J=G[0],K=G[1],Q=y||"number"==typeof O&&J>O,S=n((function(e){K(e.target.value.length),null==q||q(e)}),[q]);return r.createElement("div",{className:o(c.textAreaWrapper,t(t(t(t({},c.error,Q),c.success,j),c.disabled,A),c.readOnly,z),w),"data-testid":C||m(d.TEXT_AREA,N)},T&&r.createElement("label",{className:o(c.label,t({},c.required,L)),htmlFor:N},T),r.createElement("textarea",Object.assign({},I,{id:N,maxLength:"number"!=typeof O||_?void 0:O,ref:h,value:F,disabled:A,readOnly:z,required:L,rows:R,className:o(c.textArea,[c[b]],t({},c.resize,M)),"aria-invalid":Q,"aria-describedby":k,onChange:S})),(B||E)&&r.createElement(x,{gap:"xs",justify:"space-between",className:o(c.subTextContainer)},E&&r.createElement(u,{className:o(c.helpText),color:"inherit",id:W},E),B&&r.createElement(r.Fragment,null,r.createElement(u,{className:c.limitText},J,"number"==typeof O&&"/".concat(O)),r.createElement(p,{id:X,text:"Maximum of ".concat(O," characters")}))))}));export{h as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as i,useCallback as n}from"react";import o from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as d,ComponentVibeId as c}from"../../tests/constants.js";import u from"./TextArea.module.scss.js";import x from"../Text/Text.js";import p from"../Flex/Flex.js";import f from"../HiddenText/HiddenText.js";var h={small:3,large:4},g=s((function(s,g){var b=s.size,v=void 0===b?"small":b,T=s.rows,E=s.label,j=s.helpText,y=s.success,w=s.error,A=s.className,C=s["data-testid"],N=s.id,_=s.disabled,z=s.readOnly,L=s.required,O=s.maxLength,q=s.allowExceedingMaxLength,F=s.onChange,H=s.value,M=s.resize,P=void 0===M||M,R=s.showCharCount,X=void 0!==R&&R,B=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),I=T||h[v],W=j&&"".concat(N,"-help-text"),k=q&&"".concat(N,"-allow-exceeding-max-length"),D=l((function(){return[W,k].filter((function(e){return!!e})).join(" ")||void 0}),[W,k]),G=i((null==H?void 0:H.length)||0),J=e(G,2),K=J[0],Q=J[1],S=w||"number"==typeof O&&K>O,U=n((function(e){Q(e.target.value.length),null==F||F(e)}),[F]);return r.createElement("div",{className:o(u.textAreaWrapper,t(t(t(t({},u.error,S),u.success,y),u.disabled,_),u.readOnly,z),A),"data-testid":C||m(d.TEXT_AREA,N),"data-vibe":c.TEXT_AREA},E&&r.createElement("label",{className:o(u.label,t({},u.required,L)),htmlFor:N},E),r.createElement("textarea",Object.assign({},B,{id:N,maxLength:"number"!=typeof O||q?void 0:O,ref:g,value:H,disabled:_,readOnly:z,required:L,rows:I,className:o(u.textArea,[u[v]],t({},u.resize,P)),"aria-invalid":S,"aria-describedby":D,onChange:U})),(X||j)&&r.createElement(p,{gap:"xs",justify:"space-between",className:o(u.subTextContainer)},j&&r.createElement(x,{className:o(u.helpText),color:"inherit",id:W},j),X&&r.createElement(r.Fragment,null,r.createElement(x,{className:u.limitText},K,"number"==typeof O&&"/".concat(O)),r.createElement(f,{id:k,text:"Maximum of ".concat(O," characters")}))))}));export{g 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, useCallback, useMemo, useState } 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\";\nimport { Flex } from \"../Flex\";\nimport { HiddenText } from \"../HiddenText\";\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 maxLength,\n allowExceedingMaxLength,\n onChange,\n value,\n resize = true,\n showCharCount = false,\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 const allowExceedingMaxLengthTextId = allowExceedingMaxLength && `${id}-allow-exceeding-max-length`;\n\n const ariaDescribedby = useMemo(\n () => [helpTextId, allowExceedingMaxLengthTextId].filter(id => !!id).join(\" \") \|\| undefined,\n [helpTextId, allowExceedingMaxLengthTextId]\n );\n\n const [characterCount, setCharacterCount] = useState(value?.length \|\| 0);\n const isErrorState = error \|\| (typeof maxLength === \"number\" && characterCount > maxLength);\n\n const handleOnChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setCharacterCount(event.target.value.length);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: isErrorState,\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 maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n ref={ref}\n value={value}\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={isErrorState}\n aria-describedby={ariaDescribedby}\n onChange={handleOnChange}\n />\n {(showCharCount \|\| helpText) && (\n <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n {showCharCount && (\n <>\n <Text className={styles.limitText}>\n {characterCount}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n </Text>\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </>\n )}\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","allowExceedingMaxLengthTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"~~2gBAUA~~,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,EAqBAC,WApBEC,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EACdC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACeC,IAAf,eACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,MAAKC,IACLC,OAAAA,OAAS,IAAHD,GAAOA,EAAAE,IACbC,cAAAA,OAAgB,IAAHD,GAAQA,EAClBE,EAnBLC,EAAAxB,EAAA,CAAA,OAAA,OAAA,QAAA,WAAA,UAAA,QAAA,YAAA,cAAA,KAAA,WAAA,WAAA,WAAA,YAAA,0BAAA,WAAA,QAAA,SAAA,kBAuBMyB,EAAUrB,GAAQT,EAAaO,GAC/BwB,EAAapB,MAAQqB,OAAOhB,EAAc,cAC1CiB,EAAgCZ,MAAuBW,OAAOhB,EAA+B,+BAE7FkB,EAAkBC,GACtB,WAAA,MAAM,CAACJ,EAAYE,GAA+BG,QAAO,SAAApB,GAAE,QAAMA,CAAE,IAAEqB,KAAK,WAAQC,CAAS,GAC3F,CAACP,EAAYE,IAGfM,EAA4CC,GAASjB,eAAAA,EAAOkB,SAAU,GAAEC,EAAAC,EAAAJ,EAAA,GAAjEK,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAClCI,EAAejC,GAA+B,iBAAdO,GAA0BwB,EAAiBxB,EAE3E2B,EAAiBC,GACrB,SAACC,GACCJ,EAAkBI,EAAMC,OAAO3B,MAAMkB,QACrCnB,SAAAA,EAAW2B,EACb,GACA,CAAC3B,IAGH,OACE6B,uBACErC,UAAWsC,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,EAAOxC,MAAQiC,GACfO,EAAOzC,QAAUA,GACjByC,EAAOpC,SAAWA,GAClBoC,EAAOnC,SAAWA,GAErBJ,~~GAEW~~,~~cAAAC~~,GAAcyC,EAAUC,EAAuBC,UAAW1C,~~IAEtEN~~,GACCyC,~~EAAOQ~~,cAAA,QAAA,~~CAAA7C~~,UAAWsC,EAAGC,EAAO3C,MAAK6C,EAAA,CAAA,EAAKF,EAAOlC,SAAWA,~~IAAayC~~,~~QAAS5C~~,GAC3EN,GAGLyC,~~EAAAQ~~,cAAA,WAAAE,OAAAC,OAAA,CAAA,~~EACMlC~~,EACJ,CAAAZ,GAAIA,EACJI,UAAgC,iBAAdA,GAA2BC,OAAsCiB,EAAZlB,EACvEd,IAAKA,EACLiB,MAAOA,EACPN,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,KAAMqB,EACNhB,UAAWsC,EAAGC,~~EAAOU~~,SAAU,~~CAACV~~,EAAO9C,IAAMgD,EAAKF,CAAAA,EAAAA,EAAO5B,OAASA,IAAS,eAC7DqB,EACI,mBAAAZ,EAClBZ,SAAUyB,MAEVpB,GAAiBhB,IACjBwC,~~EAACQ~~,cAAAK,EAAK,CAAAC,IAAI,KAAKC,QAAQ,~~gBAAgBpD~~,UAAWsC,EAAGC,~~EAAOc~~,~~mBACzDxD~~,GACCwC,~~EAAAQ~~,cAACS,EAAI,~~CAACtD~~,UAAWsC,EAAGC,EAAO1C,~~UAAW0D~~,MAAM,~~UAAUrD~~,GAAIe,GACvDpB,GAGJgB,GACCwB,~~EAAAQ~~,~~cAAAR~~,~~EAAAmB~~,SAAA,~~KACEnB~~,~~EAAAQ~~,cAACS,EAAK,~~CAAAtD~~,UAAWuC,~~EAAOkB~~,~~WACrB3B~~,EACqB,iBAAdxB,GAAsBY,IAAAA,OAAQZ,IAExC+B,~~EAAAQ~~,cAACa,EAAW,~~CAAAxD~~,GAAIiB,EAA+~~BwC~~,KAAI,~~cAAAzC~~,OAAgBZ,EAAS,mBAO1F"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\nimport { Flex } from \"../Flex\";\nimport { HiddenText } from \"../HiddenText\";\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 maxLength,\n allowExceedingMaxLength,\n onChange,\n value,\n resize = true,\n showCharCount = false,\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 const allowExceedingMaxLengthTextId = allowExceedingMaxLength && `${id}-allow-exceeding-max-length`;\n\n const ariaDescribedby = useMemo(\n () => [helpTextId, allowExceedingMaxLengthTextId].filter(id => !!id).join(\" \") \|\| undefined,\n [helpTextId, allowExceedingMaxLengthTextId]\n );\n\n const [characterCount, setCharacterCount] = useState(value?.length \|\| 0);\n const isErrorState = error \|\| (typeof maxLength === \"number\" && characterCount > maxLength);\n\n const handleOnChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setCharacterCount(event.target.value.length);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: isErrorState,\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 data-vibe={ComponentVibeId.TEXT_AREA}\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 maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n ref={ref}\n value={value}\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={isErrorState}\n aria-describedby={ariaDescribedby}\n onChange={handleOnChange}\n />\n {(showCharCount \|\| helpText) && (\n <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n {showCharCount && (\n <>\n <Text className={styles.limitText}>\n {characterCount}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n </Text>\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </>\n )}\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","allowExceedingMaxLengthTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","ComponentVibeId","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"giBAUA,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,EAqBAC,WApBEC,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EACdC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACeC,IAAf,eACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,MAAKC,IACLC,OAAAA,OAAS,IAAHD,GAAOA,EAAAE,IACbC,cAAAA,OAAgB,IAAHD,GAAQA,EAClBE,EAnBLC,EAAAxB,EAAA,CAAA,OAAA,OAAA,QAAA,WAAA,UAAA,QAAA,YAAA,cAAA,KAAA,WAAA,WAAA,WAAA,YAAA,0BAAA,WAAA,QAAA,SAAA,kBAuBMyB,EAAUrB,GAAQT,EAAaO,GAC/BwB,EAAapB,MAAQqB,OAAOhB,EAAc,cAC1CiB,EAAgCZ,MAAuBW,OAAOhB,EAA+B,+BAE7FkB,EAAkBC,GACtB,WAAA,MAAM,CAACJ,EAAYE,GAA+BG,QAAO,SAAApB,GAAE,QAAMA,CAAE,IAAEqB,KAAK,WAAQC,CAAS,GAC3F,CAACP,EAAYE,IAGfM,EAA4CC,GAASjB,eAAAA,EAAOkB,SAAU,GAAEC,EAAAC,EAAAJ,EAAA,GAAjEK,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAClCI,EAAejC,GAA+B,iBAAdO,GAA0BwB,EAAiBxB,EAE3E2B,EAAiBC,GACrB,SAACC,GACCJ,EAAkBI,EAAMC,OAAO3B,MAAMkB,QACrCnB,SAAAA,EAAW2B,EACb,GACA,CAAC3B,IAGH,OACE6B,uBACErC,UAAWsC,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,EAAOxC,MAAQiC,GACfO,EAAOzC,QAAUA,GACjByC,EAAOpC,SAAWA,GAClBoC,EAAOnC,SAAWA,GAErBJ,GACD,cACYC,GAAcyC,EAAUC,EAAuBC,UAAW1C,GAC5D,YAAA2C,EAAgBD,WAE1BhD,GACCyC,EAAOS,cAAA,QAAA,CAAA9C,UAAWsC,EAAGC,EAAO3C,MAAK6C,EAAA,CAAA,EAAKF,EAAOlC,SAAWA,IAAa0C,QAAS7C,GAC3EN,GAGLyC,EAAAS,cAAA,WAAAE,OAAAC,OAAA,CAAA,EACMnC,EACJ,CAAAZ,GAAIA,EACJI,UAAgC,iBAAdA,GAA2BC,OAAsCiB,EAAZlB,EACvEd,IAAKA,EACLiB,MAAOA,EACPN,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,KAAMqB,EACNhB,UAAWsC,EAAGC,EAAOW,SAAU,CAACX,EAAO9C,IAAMgD,EAAKF,CAAAA,EAAAA,EAAO5B,OAASA,IAAS,eAC7DqB,EACI,mBAAAZ,EAClBZ,SAAUyB,MAEVpB,GAAiBhB,IACjBwC,EAACS,cAAAK,EAAK,CAAAC,IAAI,KAAKC,QAAQ,gBAAgBrD,UAAWsC,EAAGC,EAAOe,mBACzDzD,GACCwC,EAAAS,cAACS,EAAI,CAACvD,UAAWsC,EAAGC,EAAO1C,UAAW2D,MAAM,UAAUtD,GAAIe,GACvDpB,GAGJgB,GACCwB,EAAAS,cAAAT,EAAAoB,SAAA,KACEpB,EAAAS,cAACS,EAAK,CAAAvD,UAAWuC,EAAOmB,WACrB5B,EACqB,iBAAdxB,GAAsBY,IAAAA,OAAQZ,IAExC+B,EAAAS,cAACa,EAAW,CAAAzD,GAAIiB,EAA+ByC,KAAI,cAAA1C,OAAgBZ,EAAS,mBAO1F"}