npm - @vibe/core - Versions diffs - 3.0.0-alpha.7 → 3.0.0-alpha.9 - Mend

@vibe/core 3.0.0-alpha.7 → 3.0.0-alpha.9

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

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as s,useCallback as n,useMemo as a,useLayoutEffect as d}from"react";import c from"classnames";import{camelCase as l}from"lodash-es";import{isForwardRef as m}from"react-is";import p from"../Dialog/Dialog.js";import g from"../DialogContentContainer/DialogContentContainer.js";import u from"../Tooltip/Tooltip.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as j,MenuButtonComponentPosition as C}from"./MenuButtonConstants.js";import{DialogSize as T,DialogPosition as E,HideShowEvent as S}from"../Dialog/DialogConstants.js";import{NOOP as w}from"../../utils/function-utils.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import M from"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getStyle as b}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as y,ComponentDefaultTestId as D}from"../../tests/testIds.js";import O from"./MenuButton.module.scss.js";var A={main:8,secondary:0},P=t((function(t,v){var j=t.id,C=t.className,T=t.openDialogComponentClassName,E=t.children,S=t.component,N=void 0===S?M:S,_=t.componentPosition,x=void 0===_?"start":_,I=t.size,R=void 0===I?"small":I,z=t.open,B=void 0!==z&&z,H=t.onClick,L=void 0===H?w:H,k=t.zIndex,K=void 0===k?null:k,U=t.ariaLabel,W=void 0===U?"Menu":U,Y=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?A:F,q=t.dialogPosition,G=void 0===q?p.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?g.sizes.SMALL:Q,Z=t.dialogShowTriggerIgnoreClass,$=t.dialogHideTriggerIgnoreClass,ee=t.onMenuHide,oe=void 0===ee?w:ee,ie=t.onMenuShow,te=void 0===ie?w:ie,re=t.disabled,se=void 0!==re&&re,ne=t.text,ae=t.tooltipContent,de=t.tooltipProps,ce=t.tooltipTriggers,le=void 0===ce?[P.hideTriggers.MOUSE_LEAVE]:ce,me=t.tooltipPosition,pe=void 0===me?"right":me,ge=t.startingEdge,ue=void 0===ge?"bottom":ge,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,ve=t.tooltipReferenceClassName,je=t.hideWhenReferenceHidden,Ce=void 0===je||je,Te=t.dialogContainerSelector,Ee=t.active,Se=t.triggerElement,we=void 0===Se?"button":Se,Me=t.showTooltipOnlyOnTriggerElement,be=t["data-testid"],ye=r(null),De=f(v,ye),Oe=s(B),Ae=e(Oe,2),Pe=Ae[0],Ne=Ae[1],_e=null!=Ee?Ee:Pe,xe=n((function(e){oe(),Ne(!1);var o=ye.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),Ie=n((function(e){var o="Escape"===(null==e?void 0:e.key);(o||Y)&&e.propagate&&xe(o)}),[Y,xe]),Re=n((function(e,o){xe(o===p.hideShowTriggers.ESCAPE_KEY)}),[xe]),ze=n((function(){Ne(!0),te()}),[Ne,te]),Be=a((function(){var e=new Set([p.hideShowTriggers.CLICK_OUTSIDE,p.hideShowTriggers.TAB_KEY,p.hideShowTriggers.ESCAPE_KEY]);return he&&e.delete(p.hideShowTriggers.TAB_KEY),[i.Children.toArray(E).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(p.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=Ie),i.cloneElement(o,t)})),Array.from(e)]}),[E,Ie,he]),He=e(Be,2),Le=He[0],ke=He[1],Ke=a((function(){return 0===Le.length?null:i.createElement(g,{size:X,type:g.types.POPOVER},Le)}),[Le,X]),Ue=a((function(){return Object.assign(Object.assign({},A),V)}),[V]),We=N,Ye=a((function(){switch(R){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return h;default:return 24}}),[R]),Fe=We?i.createElement(We,{size:""+Ye,role:"img","aria-hidden":"true"}):null;d((function(){Ne(B)}),[B,Ne]);var Ve="button"===we?{ref:De}:{active:_e,disabled:se,ref:m(we)?De:void 0},qe=i.createElement(we,Object.assign({id:j,"data-testid":be||y(D.MENU_BUTTON,j),type:"button",className:c(O.wrapper,C,b(O,l("size-".concat(R))),o(o(o(o({},O.active,_e),b(O,T),Pe&&T),O.disabled,se),O.text,ne)),"aria-haspopup":"true","aria-expanded":Pe,"aria-label":!ne&&W,onMouseUp:function(e){se?e.currentTarget.blur():L(e)},"aria-disabled":se},Ve),"start"===x&&Fe,ne&&i.createElement("span",{className:O.innerText},ne),"end"===x&&Fe),Ge=function(e){return i.createElement(p,{wrapperClassName:J,position:G,containerSelector:Te,startingEdge:ue,animationType:"expand",content:Ke,moveBy:Ue,showTrigger:se?[]:["click","enter"],hideTrigger:ke,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:ze,onDialogDidHide:Re,zIndex:K,isOpen:Pe,hideWhenReferenceHidden:Ce},e)},Je=function(e){return i.createElement(u,Object.assign({content:ae,position:pe,showTrigger:"mouseenter",hideTrigger:le,referenceWrapperClassName:ve,hideWhenReferenceHidden:Ce},de),e)};return Me?Ge(Je(qe)):Je(Ge(qe))})),N=v(P,{sizes:j,paddingSizes:T,dialogPositions:E,hideTriggers:S,componentPositions:C});export{N as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i,{forwardRef as t,useRef as r,useState as s,useCallback as n,useMemo as a}from"react";import d from"classnames";import{camelCase as c}from"lodash-es";import{isForwardRef as l}from"react-is";import m from"../Dialog/Dialog.js";import p from"../DialogContentContainer/DialogContentContainer.js";import g from"../Tooltip/Tooltip.js";import u from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import{BUTTON_ICON_SIZE as h}from"../Button/ButtonConstants.js";import{withStaticProps as v}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{MenuButtonSize as j,MenuButtonComponentPosition as C}from"./MenuButtonConstants.js";import{DialogSize as T,DialogPosition as E,HideShowEvent as S}from"../Dialog/DialogConstants.js";import{NOOP as w}from"../../utils/function-utils.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import y from"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getStyle as M}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as b,ComponentDefaultTestId as D}from"../../tests/testIds.js";import O from"./MenuButton.module.scss.js";var A={main:8,secondary:0},P=t((function(t,v){var j=t.id,C=t.className,T=t.openDialogComponentClassName,E=t.children,S=t.component,N=void 0===S?y:S,_=t.componentPosition,I=void 0===_?"start":_,x=t.size,R=void 0===x?"small":x,z=t.open,B=void 0!==z&&z,H=t.onClick,L=void 0===H?w:H,k=t.zIndex,K=void 0===k?null:k,U=t.ariaLabel,W=void 0===U?"Menu":U,Y=t.closeMenuOnItemClick,F=t.dialogOffset,V=void 0===F?A:F,q=t.dialogPosition,G=void 0===q?m.positions.BOTTOM_START:q,J=t.dialogClassName,Q=t.dialogPaddingSize,X=void 0===Q?p.sizes.SMALL:Q,Z=t.dialogShowTriggerIgnoreClass,$=t.dialogHideTriggerIgnoreClass,ee=t.onMenuHide,oe=void 0===ee?w:ee,ie=t.onMenuShow,te=void 0===ie?w:ie,re=t.disabled,se=void 0!==re&&re,ne=t.text,ae=t.tooltipContent,de=t.tooltipProps,ce=t.tooltipTriggers,le=void 0===ce?[P.hideTriggers.MOUSE_LEAVE]:ce,me=t.tooltipPosition,pe=void 0===me?"right":me,ge=t.startingEdge,ue=void 0===ge?"bottom":ge,fe=t.removeTabCloseTrigger,he=void 0!==fe&&fe,ve=t.tooltipReferenceClassName,je=t.hideWhenReferenceHidden,Ce=void 0===je||je,Te=t.dialogContainerSelector,Ee=t.active,Se=t.triggerElement,we=void 0===Se?"button":Se,ye=t.showTooltipOnlyOnTriggerElement,Me=t["data-testid"],be=r(null),De=f(v,be),Oe=s(B),Ae=e(Oe,2),Pe=Ae[0],Ne=Ae[1],_e=null!=Ee?Ee:Pe,Ie=n((function(e){oe(),Ne(!1);var o=be.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),xe=n((function(e){var o="Escape"===(null==e?void 0:e.key);(o||Y)&&e.propagate&&Ie(o)}),[Y,Ie]),Re=n((function(e,o){Ie(o===m.hideShowTriggers.ESCAPE_KEY)}),[Ie]),ze=n((function(){Ne(!0),te()}),[Ne,te]),Be=a((function(){var e=new Set([m.hideShowTriggers.CLICK_OUTSIDE,m.hideShowTriggers.TAB_KEY,m.hideShowTriggers.ESCAPE_KEY]);return he&&e.delete(m.hideShowTriggers.TAB_KEY),[i.Children.toArray(E).map((function(o){if(!i.isValidElement(o))return null;var t={};return o.type&&o.type.supportFocusOnMount&&(t.focusOnMount=!0,e.delete(m.hideShowTriggers.ESCAPE_KEY)),o.type&&o.type.isMenu&&(t.onClose=xe),i.cloneElement(o,t)})),Array.from(e)]}),[E,xe,he]),He=e(Be,2),Le=He[0],ke=He[1],Ke=a((function(){return 0===Le.length?null:i.createElement(p,{size:X,type:p.types.POPOVER},Le)}),[Le,X]),Ue=a((function(){return Object.assign(Object.assign({},A),V)}),[V]),We=N,Ye=a((function(){switch(R){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return h;default:return 24}}),[R]),Fe=We?i.createElement(We,{size:""+Ye,role:"img","aria-hidden":"true"}):null;u((function(){Ne(B)}),[B,Ne]);var Ve="button"===we?{ref:De}:{active:_e,disabled:se,ref:l(we)?De:void 0},qe=i.createElement(we,Object.assign({id:j,"data-testid":Me||b(D.MENU_BUTTON,j),type:"button",className:d(O.wrapper,C,M(O,c("size-".concat(R))),o(o(o(o({},O.active,_e),M(O,T),Pe&&T),O.disabled,se),O.text,ne)),"aria-haspopup":"true","aria-expanded":Pe,"aria-label":!ne&&W,onMouseUp:function(e){se?e.currentTarget.blur():L(e)},"aria-disabled":se},Ve),"start"===I&&Fe,ne&&i.createElement("span",{className:O.innerText},ne),"end"===I&&Fe),Ge=function(e){return i.createElement(m,{wrapperClassName:J,position:G,containerSelector:Te,startingEdge:ue,animationType:"expand",content:Ke,moveBy:Ue,showTrigger:se?[]:["click","enter"],hideTrigger:ke,showTriggerIgnoreClass:Z,hideTriggerIgnoreClass:$,useDerivedStateFromProps:!0,onDialogDidShow:ze,onDialogDidHide:Re,zIndex:K,isOpen:Pe,hideWhenReferenceHidden:Ce},e)},Je=function(e){return i.createElement(g,Object.assign({content:ae,position:pe,showTrigger:"mouseenter",hideTrigger:le,referenceWrapperClassName:ve,hideWhenReferenceHidden:Ce},de),e)};return ye?Ge(Je(qe)):Je(Ge(qe))})),N=v(P,{sizes:j,paddingSizes:T,dialogPositions:E,hideTriggers:S,componentPositions:C});export{N as default};
 //# sourceMappingURL=MenuButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /*\n Control the button's selected state\n /\n active?: boolean;\n /\n Class name to add to the button when the dialog is open\n /\n openDialogComponentClassName?: string;\n /\n Receives React Component\n /\n component?: (() => JSX.Element) \| React.ElementType;\n size?: MenuButtonSize;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n zIndex?: number;\n ariaLabel?: string;\n /\n Class name to provide the element which wraps the popover/modal/dialog\n /\n dialogClassName?: string;\n /\n main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n /\n dialogOffset?: DialogOffset;\n dialogPaddingSize?: DialogSize;\n dialogPosition?: DialogPosition;\n dialogShowTriggerIgnoreClass?: string;\n dialogHideTriggerIgnoreClass?: string;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n /\n Dialog Alignment\n /\n startingEdge?: string;\n /\n Callback function to be called when the menu is shown\n /\n onMenuShow?: () => void;\n /\n Callback function to be called when the menu is hidden\n /\n onMenuHide?: () => void;\n /\n Text to be displayed after the icon\n /\n text?: string;\n disabled?: boolean;\n tooltipContent?: string;\n /\n Remove \"Tab\" key from the hide trigger\n /\n removeTabCloseTrigger?: boolean;\n /*\n is an array with the content of types:\n CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n /\n tooltipTriggers?: DialogTriggerEvent \| DialogTriggerEvent[];\n /*\n the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n /\n tooltipPosition?: TooltipPositions;\n /\n Tooltip Element Wrapper ClassName\n /\n tooltipReferenceClassName?: string;\n tooltipProps?: Partial<TooltipProps>;\n /\n When the MenuButton is hidden hide the dialog and tooltip as well\n /\n hideWhenReferenceHidden?: boolean;\n children?: ElementContent;\n /\n Specifies whether to render the component before or after the text\n /\n componentPosition?: MenuButtonComponentPosition;\n /\n Element to be used as the trigger element for the Menu - default is button\n /\n triggerElement?: React.ElementType;\n /\n Close the menu when an item is clicked\n /\n closeMenuOnItemClick?: boolean;\n /\n Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n sizes?: typeof MenuButtonSizeEnum;\n paddingSizes?: typeof DialogContentContainer.sizes;\n dialogPositions?: typeof DialogPositionEnum;\n hideTriggers?: typeof Dialog.hideShowTriggers;\n componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId\n }: MenuButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button \|\| !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isEscapeKey = event?.key === \"Escape\";\n if (isEscapeKey \|\| closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isEscapeKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n },\n [handleMenuClose]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\nexport default withStaticProps(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","BUTTON_ICON_SIZE","icon","role","useLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}
1	+ {"version":3,"file":"MenuButton.js","sources":["../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { isForwardRef } from \"react-is\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport {\n MenuButtonComponentPosition as MenuButtonComponentPositionEnum,\n MenuButtonSize as MenuButtonSizeEnum\n} from \"./MenuButtonConstants\";\nimport {\n DialogPosition as DialogPositionEnum,\n HideShowEvent as DialogTriggerEventEnum,\n DialogSize as DialogSizeEnum\n} from \"../Dialog/DialogConstants\";\nimport { MenuButtonComponentPosition, MenuButtonSize } from \"./MenuButton.types\";\nimport { DialogOffset, DialogPosition, DialogSize, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { Menu } from \"@vibe/icons\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { MenuChild } from \"../Menu/Menu/MenuConstants\";\nimport styles from \"./MenuButton.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\n\nexport interface MenuButtonProps extends VibeComponentProps {\n /*\n Control the button's selected state\n /\n active?: boolean;\n /\n Class name to add to the button when the dialog is open\n /\n openDialogComponentClassName?: string;\n /\n Receives React Component\n /\n component?: (() => JSX.Element) \| React.ElementType;\n size?: MenuButtonSize;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n zIndex?: number;\n ariaLabel?: string;\n /\n Class name to provide the element which wraps the popover/modal/dialog\n /\n dialogClassName?: string;\n /\n main - `dialogOffset.main` - main axis offset; `dialogOffset.secondary` secondary axis offset\n /\n dialogOffset?: DialogOffset;\n dialogPaddingSize?: DialogSize;\n dialogPosition?: DialogPosition;\n dialogShowTriggerIgnoreClass?: string;\n dialogHideTriggerIgnoreClass?: string;\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n /\n Dialog Alignment\n /\n startingEdge?: string;\n /\n Callback function to be called when the menu is shown\n /\n onMenuShow?: () => void;\n /\n Callback function to be called when the menu is hidden\n /\n onMenuHide?: () => void;\n /\n Text to be displayed after the icon\n /\n text?: string;\n disabled?: boolean;\n tooltipContent?: string;\n /\n Remove \"Tab\" key from the hide trigger\n /\n removeTabCloseTrigger?: boolean;\n /*\n is an array with the content of types:\n CLICK, CLICK_OUTSIDE, ESCAPE_KEY, TAB_KEY, MOUSE_ENTER, MOUSE_LEAVE,\n ENTER, MOUSE_DOWN, FOCUS, BLUR, CONTENT_CLICK\n /\n tooltipTriggers?: DialogTriggerEvent \| DialogTriggerEvent[];\n /*\n the disabled/tooltip position of the menu button - one of the MenuButton.dialogPositions\n /\n tooltipPosition?: TooltipPositions;\n /\n Tooltip Element Wrapper ClassName\n /\n tooltipReferenceClassName?: string;\n tooltipProps?: Partial<TooltipProps>;\n /\n When the MenuButton is hidden hide the dialog and tooltip as well\n /\n hideWhenReferenceHidden?: boolean;\n children?: ElementContent;\n /\n Specifies whether to render the component before or after the text\n /\n componentPosition?: MenuButtonComponentPosition;\n /\n Element to be used as the trigger element for the Menu - default is button\n /\n triggerElement?: React.ElementType;\n /\n Close the menu when an item is clicked\n /\n closeMenuOnItemClick?: boolean;\n /\n Whether tooltip should appear only when the trigger element is hovered and not the menu dialog\n */\n showTooltipOnlyOnTriggerElement?: boolean;\n}\n\nconst MenuButton: VibeComponent<MenuButtonProps> & {\n sizes?: typeof MenuButtonSizeEnum;\n paddingSizes?: typeof DialogContentContainer.sizes;\n dialogPositions?: typeof DialogPositionEnum;\n hideTriggers?: typeof Dialog.hideShowTriggers;\n componentPositions?: typeof MenuButtonComponentPositionEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n openDialogComponentClassName,\n children,\n component = Menu,\n componentPosition = \"start\",\n size = \"small\",\n open = false,\n onClick = NOOP,\n zIndex = null,\n ariaLabel = \"Menu\",\n closeMenuOnItemClick,\n dialogOffset = MOVE_BY,\n dialogPosition = Dialog.positions.BOTTOM_START,\n dialogClassName,\n dialogPaddingSize = DialogContentContainer.sizes.SMALL,\n dialogShowTriggerIgnoreClass,\n dialogHideTriggerIgnoreClass,\n onMenuHide = NOOP,\n onMenuShow = NOOP,\n disabled = false,\n text,\n tooltipContent,\n tooltipProps,\n tooltipTriggers = [MenuButton.hideTriggers.MOUSE_LEAVE],\n tooltipPosition = \"right\",\n startingEdge = \"bottom\",\n removeTabCloseTrigger = false,\n tooltipReferenceClassName,\n hideWhenReferenceHidden = true,\n dialogContainerSelector,\n active,\n triggerElement: TriggerElement = \"button\",\n showTooltipOnlyOnTriggerElement,\n \"data-testid\": dataTestId\n }: MenuButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(open);\n const isActive = active ?? isOpen;\n\n const handleMenuClose = useCallback(\n (focusOnMenuButtonAfterClose: boolean) => {\n onMenuHide();\n setIsOpen(false);\n const button = componentRef.current;\n if (!button \|\| !focusOnMenuButtonAfterClose) {\n return;\n }\n window.requestAnimationFrame(() => {\n button.focus();\n });\n },\n [onMenuHide]\n );\n\n const onMenuDidClose = useCallback(\n (event: React.KeyboardEvent) => {\n // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n const isEscapeKey = event?.key === \"Escape\";\n if (isEscapeKey \|\| closeMenuOnItemClick) {\n // @ts-ignore\n if (event.propagate) {\n handleMenuClose(isEscapeKey);\n }\n }\n },\n [closeMenuOnItemClick, handleMenuClose]\n );\n\n const onDialogDidHide = useCallback(\n (event: DialogEvent, hideEvent: string) => {\n handleMenuClose(hideEvent === Dialog.hideShowTriggers.ESCAPE_KEY);\n },\n [handleMenuClose]\n );\n\n const onDialogDidShow = useCallback(() => {\n setIsOpen(true);\n onMenuShow();\n }, [setIsOpen, onMenuShow]);\n\n const [clonedChildren, hideTrigger] = useMemo(() => {\n const triggers = new Set([\n Dialog.hideShowTriggers.CLICK_OUTSIDE,\n Dialog.hideShowTriggers.TAB_KEY,\n Dialog.hideShowTriggers.ESCAPE_KEY\n ]);\n\n if (removeTabCloseTrigger) {\n triggers.delete(Dialog.hideShowTriggers.TAB_KEY);\n }\n const childrenArr = React.Children.toArray(children) as MenuChild[];\n const cloned = childrenArr.map(child => {\n if (!React.isValidElement(child)) return null;\n\n const newProps: { focusOnMount?: boolean; onClose?: (event: React.KeyboardEvent) => void } = {};\n if (child.type && child.type.supportFocusOnMount) {\n newProps.focusOnMount = true;\n triggers.delete(Dialog.hideShowTriggers.ESCAPE_KEY);\n }\n\n if (child.type && child.type.isMenu) {\n newProps.onClose = onMenuDidClose;\n }\n\n return React.cloneElement(child, newProps);\n });\n return [cloned, Array.from(triggers)];\n }, [children, onMenuDidClose, removeTabCloseTrigger]);\n\n const content = useMemo(() => {\n if (clonedChildren.length === 0) return null;\n return (\n <DialogContentContainer size={dialogPaddingSize} type={DialogContentContainer.types.POPOVER}>\n {clonedChildren}\n </DialogContentContainer>\n );\n }, [clonedChildren, dialogPaddingSize]);\n\n const computedDialogOffset = useMemo(\n () => ({\n ...MOVE_BY,\n ...dialogOffset\n }),\n [dialogOffset]\n );\n\n const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n if (disabled) {\n event.currentTarget.blur();\n return;\n }\n onClick(event);\n };\n\n const Icon = component;\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n useIsomorphicLayoutEffect(() => {\n setIsOpen(open);\n }, [open, setIsOpen]);\n\n // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n const triggerElementProps =\n TriggerElement === \"button\"\n ? {\n ref: mergedRef\n }\n : {\n active: isActive,\n disabled: disabled,\n ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n };\n\n const triggerElementNode = (\n <TriggerElement\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n type=\"button\"\n className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n [styles.active]: isActive,\n [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n [styles.disabled]: disabled,\n [styles.text]: text\n })}\n aria-haspopup=\"true\"\n aria-expanded={isOpen}\n aria-label={!text && ariaLabel}\n onMouseUp={onMouseUp}\n aria-disabled={disabled}\n {...triggerElementProps}\n >\n {componentPosition === \"start\" && icon}\n {text && <span className={styles.innerText}>{text}</span>}\n {componentPosition === \"end\" && icon}\n </TriggerElement>\n );\n\n const dialogNode = (dialogChildren: React.ReactElement) => (\n <Dialog\n wrapperClassName={dialogClassName}\n position={dialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={startingEdge}\n animationType=\"expand\"\n content={content}\n moveBy={computedDialogOffset}\n showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n hideTrigger={hideTrigger}\n showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n useDerivedStateFromProps={true}\n onDialogDidShow={onDialogDidShow}\n onDialogDidHide={onDialogDidHide}\n zIndex={zIndex}\n isOpen={isOpen}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n >\n {dialogChildren}\n </Dialog>\n );\n\n const tooltipNode = (tooltipChildren: React.ReactElement) => (\n <Tooltip\n content={tooltipContent}\n position={tooltipPosition}\n showTrigger=\"mouseenter\"\n hideTrigger={tooltipTriggers}\n referenceWrapperClassName={tooltipReferenceClassName}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n {...tooltipProps}\n >\n {tooltipChildren}\n </Tooltip>\n );\n\n if (showTooltipOnlyOnTriggerElement) {\n return dialogNode(tooltipNode(triggerElementNode));\n }\n return tooltipNode(dialogNode(triggerElementNode));\n }\n);\n\nexport default withStaticProps(MenuButton, {\n sizes: MenuButtonSizeEnum,\n paddingSizes: DialogSizeEnum,\n dialogPositions: DialogPositionEnum,\n hideTriggers: DialogTriggerEventEnum,\n componentPositions: MenuButtonComponentPositionEnum\n});\n"],"names":["MOVE_BY","main","secondary","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","Dialog","positions","BOTTOM_START","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","DialogContentContainer","sizes","SMALL","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","hideTriggers","MOUSE_LEAVE","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isEscapeKey","key","propagate","onDialogDidHide","hideEvent","hideShowTriggers","ESCAPE_KEY","onDialogDidShow","_useMemo","useMemo","triggers","Set","CLICK_OUTSIDE","TAB_KEY","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","types","POPOVER","computedDialogOffset","Object","assign","Icon","iconSize","BUTTON_ICON_SIZE","icon","role","useIsomorphicLayoutEffect","triggerElementProps","isForwardRef","undefined","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName","withStaticProps","MenuButtonSizeEnum","paddingSizes","DialogSizeEnum","dialogPositions","DialogPositionEnum","DialogTriggerEventEnum","componentPositions","MenuButtonComponentPositionEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_39d4263b17","focus-visible":"focus-visible_bf698772be",active:"active_2f01c4a212",sizeXxs:"sizeXxs_cc782406da",sizeXs:"sizeXs_28c80d7323",sizeSmall:"sizeSmall_e0422d7109",sizeMedium:"sizeMedium_83dfba0bc6",sizeLarge:"sizeLarge_07d500d651",disabled:"disabled_01aaff4365",text:"text_37ecc74621",innerText:"innerText_23cc4a072d"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-749f9b8f229f_3_0_0-alpha_6";if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}(".wrapper_39d4263b17 {\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  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_39d4263b17:focus-visible, .wrapper_39d4263b17.focus-visible_bf698772be {\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.wrapper_39d4263b17:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.wrapper_39d4263b17:focus-visible, .wrapper_39d4263b17.focus-visible_bf698772be {\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.wrapper_39d4263b17:focus:not(.focus-visible_bf698772be) {\n  outline: none;\n}\n.wrapper_39d4263b17:focus,\n.wrapper_39d4263b17:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_39d4263b17:active {\n  transform: scale(0.95);\n}\n.active_2f01c4a212 {\n  background-color: var(--primary-selected-color);\n}\n.active_2f01c4a212:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_2f01c4a212:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_cc782406da {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_28c80d7323 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_e0422d7109 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_83dfba0bc6 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_07d500d651 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_01aaff4365 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_01aaff4365:hover {\n  background-color: transparent;\n}\n.text_37ecc74621 {\n  width: 100%;\n}\n.innerText_23cc4a072d {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
+var n={wrapper:"wrapper_01ed093c81","focus-visible":"focus-visible_78a95fb4b9",active:"active_f6c29bf8a8",sizeXxs:"sizeXxs_7f7fb42d55",sizeXs:"sizeXs_b904cd1303",sizeSmall:"sizeSmall_0ff6e8daf5",sizeMedium:"sizeMedium_412b24f551",sizeLarge:"sizeLarge_30973c617c",disabled:"disabled_b82cc6dd61",text:"text_9445810603",innerText:"innerText_17330dc168"};!function(n){const o="s_id-749f9b8f229f_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".wrapper_01ed093c81 {\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  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_01ed093c81:focus-visible, .wrapper_01ed093c81.focus-visible_78a95fb4b9 {\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.wrapper_01ed093c81:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.wrapper_01ed093c81:focus-visible, .wrapper_01ed093c81.focus-visible_78a95fb4b9 {\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.wrapper_01ed093c81:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.wrapper_01ed093c81:focus,\n.wrapper_01ed093c81:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_01ed093c81:active {\n  transform: scale(0.95);\n}\n.active_f6c29bf8a8 {\n  background-color: var(--primary-selected-color);\n}\n.active_f6c29bf8a8:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_f6c29bf8a8:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_7f7fb42d55 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_b904cd1303 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_0ff6e8daf5 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_412b24f551 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_30973c617c {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_b82cc6dd61 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_b82cc6dd61:hover {\n  background-color: transparent;\n}\n.text_9445810603 {\n  width: 100%;\n}\n.innerText_17330dc168 {\n  margin: 0 var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useMemo as r,useCallback as i,cloneElement as l}from"react";import a from"react-dom";import n from"classnames";import{useA11yDialog as s}from"./a11yDialog.js";import d from"./ModalContent/ModalContent.js";import m from"./ModalHeader/ModalHeader.js";import c from"./useBodyScrollLock.js";import u from"./useShowHideModal.js";import{ModalWidth as f,validateTitleProp as p,isModalHeader as v,isModalContent as y,isModalFooter as j}from"./ModalHelper.js";import{NOOP as g}from"../../utils/function-utils.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as M}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";import E from"./Modal.module.scss.js";import C from"../LayerProvider/LayerProvider.js";var L=h((function(f){var h=f.classNames,L=void 0===h?{container:"",overlay:"",modal:""}:h,b=f.id,A=f.show,P=f.title,D=void 0===P?"":P,O=f.description,H=void 0===O?"":O,S=f.onClose,B=void 0===S?g:S,N=f.alertDialog,x=void 0!==N&&N,_=f.children,k=f.triggerElement,z=f.width,I=void 0===z?"default":z,R=f.closeButtonAriaLabel,T=void 0===R?"Close":R,V=f.contentSpacing,Y=void 0!==V&&V,$=f.zIndex,q=void 0===$?1e4:$,F=f.unmountOnClose,G=void 0===F||F,J=f["data-testid"],K=r((function(){return _?o.Children.toArray(_):[]}),[_]);p(D,K);var Q=s({id:b,alertDialog:x}),U=t(Q,2),W=U[0],X=U[1],Z=i((function(){x||null==B||B()}),[x,B]);c({instance:W});var tt=u({instance:W,show:A,triggerElement:k,onClose:B,alertDialog:x}).shouldShow,et=r((function(){var t=X.title.id,e=K.find(v);return e?l(e,{id:t,closeModal:B}):o.createElement(m,{title:D,description:H,closeModal:B,id:t,closeButtonAriaLabel:T})}),[X.title,K,D,H,B,T]),ot=r((function(){return K.find(y)||o.createElement(d,null,K.filter((function(t){return!v(t)&&!j(t)})))}),[K]),rt=r((function(){return K.find(j)||null}),[K]),it="default"!==I&&"full-width"!==I,lt=a.createPortal(o.createElement(C,{layerRef:{current:null==W?void 0:W.$el}},o.createElement("div",Object.assign({},X.container,{className:n(E.container,L.container),"data-testid":J||M(w.MODAL,b),style:{"--monday-modal-z-index":q}}),o.createElement("div",{onClick:Z,className:n(E.overlay,L.overlay),"data-testid":w.MODAL_OVERLAY}),o.createElement("div",Object.assign({},X.dialog,{className:n(E.dialog,L.modal,e(e(e({},E.default,"default"===I),E.full,"full-width"===I),E.spacing,Y)),style:{width:it?I:null}}),et,ot,rt))),document.body);return G&&!tt?null:a.createPortal(lt,document.body)}),{width:f});export{L as default};
+import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useMemo as r,useCallback as i,cloneElement as l}from"react";import a from"react-dom";import n from"classnames";import{useA11yDialog as s}from"./a11yDialog.js";import d from"./ModalContent/ModalContent.js";import m from"./ModalHeader/ModalHeader.js";import c from"./useBodyScrollLock.js";import u from"./useShowHideModal.js";import{ModalWidth as f,validateTitleProp as p,isModalHeader as v,isModalContent as j,isModalFooter as y}from"./ModalHelper.js";import{NOOP as g}from"../../utils/function-utils.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as M}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";import E from"./Modal.module.scss.js";import C from"../LayerProvider/LayerProvider.js";import{isClient as L}from"../../utils/ssr-utils.js";var A=h((function(f){var h=f.classNames,A=void 0===h?{container:"",overlay:"",modal:""}:h,b=f.id,D=f.show,O=f.title,P=void 0===O?"":O,H=f.description,S=void 0===H?"":H,B=f.onClose,N=void 0===B?g:B,x=f.alertDialog,_=void 0!==x&&x,k=f.children,z=f.triggerElement,I=f.width,R=void 0===I?"default":I,T=f.closeButtonAriaLabel,V=void 0===T?"Close":T,Y=f.contentSpacing,$=void 0!==Y&&Y,q=f.zIndex,F=void 0===q?1e4:q,G=f.unmountOnClose,J=void 0===G||G,K=f["data-testid"],Q=r((function(){return k?o.Children.toArray(k):[]}),[k]);p(P,Q);var U=s({id:b,alertDialog:_}),W=t(U,2),X=W[0],Z=W[1],tt=i((function(){_||null==N||N()}),[_,N]);c({instance:X});var et=u({instance:X,show:D,triggerElement:z,onClose:N,alertDialog:_}).shouldShow,ot=r((function(){var t=Z.title.id,e=Q.find(v);return e?l(e,{id:t,closeModal:N}):o.createElement(m,{title:P,description:S,closeModal:N,id:t,closeButtonAriaLabel:V})}),[Z.title,Q,P,S,N,V]),rt=r((function(){return Q.find(j)||o.createElement(d,null,Q.filter((function(t){return!v(t)&&!y(t)})))}),[Q]),it=r((function(){return Q.find(y)||null}),[Q]),lt="default"!==R&&"full-width"!==R,at=o.createElement(C,{layerRef:{current:null==X?void 0:X.$el}},o.createElement("div",Object.assign({},Z.container,{className:n(E.container,A.container),"data-testid":K||M(w.MODAL,b),style:{"--monday-modal-z-index":F}}),o.createElement("div",{onClick:tt,className:n(E.overlay,A.overlay),"data-testid":w.MODAL_OVERLAY}),o.createElement("div",Object.assign({},Z.dialog,{className:n(E.dialog,A.modal,e(e(e({},E.default,"default"===R),E.full,"full-width"===R),E.spacing,$)),style:{width:lt?R:null}}),ot,rt,it)));return J&&!et?null:L()?a.createPortal(at,document.body):null}),{width:f});export{A as default};
 //# sourceMappingURL=Modal.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./ModalContent/ModalContent\";\nimport ModalHeader from \"./ModalHeader/ModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n isModalContent,\n isModalFooter,\n isModalHeader,\n ModalWidth as ModalWidthEnum,\n validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalWidth } from \"./Modal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\n\nexport interface ModalProps {\n /*\n Id of the modal, used internally and for accessibility\n /\n id?: string;\n \"data-testid\"?: string;\n /\n Show/hide the Dialog\n /\n show: boolean;\n /\n Heading for the modal, mandatory when ModalHeader isn't provided in children\n /\n title?: string;\n /\n Description for the modal title\n /\n description?: string;\n /\n Called when the modal is closed (by close button/click outside/esc key)\n /\n onClose: () => void;\n /\n Makes the dialog behave like a modal (preventing closing on click outside of\n * ESC key)..\n /\n alertDialog?: boolean;\n /\n Used for the fromOrigin animation\n /\n triggerElement?: Element;\n /\n Set the modal's width. Can be one of the presets or any custom size\n /\n width?: ModalWidth \| string;\n /\n Aria label for the close button\n /\n closeButtonAriaLabel?: string;\n /\n Add gaps between parts of the modal\n /\n contentSpacing?: boolean;\n /\n classNames for specific parts of the dialog\n /\n classNames?: {\n container?: string;\n overlay?: string;\n modal?: string;\n };\n /\n Dialog content\n /\n children?: ReactElement \| ReactElement[];\n /\n z-index attribute of the container\n /\n zIndex?: number;\n /\n When `false`, the modal will remain in the DOM when closed\n /\n unmountOnClose?: boolean;\n}\n\nconst Modal: FC<ModalProps> & { width?: typeof ModalWidthEnum } = ({\n classNames = { container: \"\", overlay: \"\", modal: \"\" },\n id,\n show,\n title = \"\",\n description = \"\",\n onClose = NOOP,\n alertDialog = false,\n children,\n triggerElement,\n width = \"default\",\n closeButtonAriaLabel = \"Close\",\n contentSpacing = false,\n zIndex = 10000,\n unmountOnClose = true,\n \"data-testid\": dataTestId\n}: ModalProps) => {\n const childrenArray: ReactElement[] = useMemo(\n () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n [children]\n );\n validateTitleProp(title, childrenArray);\n\n const [instance, attr] = useA11yDialog({\n id,\n alertDialog\n });\n\n const closeIfNotAlertType = useCallback(() => {\n if (!alertDialog) {\n onClose?.();\n }\n }, [alertDialog, onClose]);\n\n // lock body scroll when modal is open\n useBodyScrollLock({ instance });\n\n // show/hide and animate the modal\n const { shouldShow } = useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n });\n\n const header = useMemo(() => {\n const { id } = attr.title;\n const header = childrenArray.find(isModalHeader);\n if (header) {\n return cloneElement(header, { id, closeModal: onClose });\n }\n return (\n <ModalHeader\n title={title}\n description={description}\n closeModal={onClose}\n id={id}\n closeButtonAriaLabel={closeButtonAriaLabel}\n />\n );\n }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n const content = useMemo(() => {\n return (\n childrenArray.find(isModalContent) \|\| (\n <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n )\n );\n }, [childrenArray]);\n\n const footer = useMemo(() => {\n return childrenArray.find(isModalFooter) \|\| null;\n }, [childrenArray]);\n\n const customWidth = width !== \"default\" && width !== \"full-width\";\n\n const dialog = ~~ReactDOM.createPortal~~(\n <LayerProvider layerRef={{ current: instance?.$el }}>\n <div\n {...attr.container}\n className={cx(styles.container, classNames.container)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n style={{ \"--monday-modal-z-index\": zIndex }}\n >\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div\n onClick={closeIfNotAlertType}\n className={cx(styles.overlay, classNames.overlay)}\n data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n />\n <div\n {...attr.dialog}\n className={cx(styles.dialog, classNames.modal, {\n [styles.default]: width === \"default\",\n [styles.full]: width === \"full-width\",\n [styles.spacing]: contentSpacing\n })}\n style={{ width: customWidth ? width : null }}\n >\n {header}\n {content}\n {footer}\n </div>\n </div>\n </LayerProvider~~>,\~~n ~~document.body\n~~ );\n\n if (unmountOnClose && !shouldShow) {\n return null;\n }\n\n return ReactDOM.createPortal(dialog, document.body);\n};\n\nexport default withStaticProps(Modal, {\n width: ModalWidthEnum\n});\n"],"names":["withStaticProps","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","~~ReactDOM","createPortal","~~LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","document","body","ModalWidthEnum"],"mappings":"~~y5BAwFA~~,~~IAoHeA~~,EAAAA,~~GApHmD~~,SAAvDC,GAgBM,IAAAC,EAAAD,EAffE,WAAAA,OAAa,IAAHD,EAAG,CAAEE,UAAW,GAAIC,QAAS,GAAIC,MAAO,IAAIJ,EACtDK,EAAEN,EAAFM,GACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACVW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAChBa,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAf,EACdgB,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAQjB,EAARiB,SACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAArB,EACjBsB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAvB,EAC9BwB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAzB,EACtB0B,OAAAA,OAAS,IAAHD,EAAG,IAAKA,EAAAE,EAAA3B,EACd4B,eAAAA,OAAiB,IAAHD,GAAOA,EACNE,EAAU7B,EAAzB,eAEM8B,EAAgCC,GACpC,WAAA,OAAOd,EAAYe,EAAMC,SAASC,QAAQjB,GAA+B,EAAE,GAC3E,CAACA,IAEHkB,EAAkB1B,EAAOqB,GAEzB,IAAAM,EAAyBC,EAAc,CACrC/B,GAAAA,EACAU,YAAAA,IACAsB,EAAAC,EAAAH,EAAA,GAHKI,EAAQF,EAAA,GAAEG,EAAIH,EAAA,GAKfI,~~EAAsBC~~,GAAY,WACjC3B,GACHH,SAAAA,GAEJ,GAAG,CAACG,EAAaH,IAGjB+B,EAAkB,CAAEJ,SAAAA,IAGpB,IAAQK,GAAeC,EAAiB,CACtCN,SAAAA,EACAjC,KAAAA,EACAW,eAAAA,EACAL,QAAAA,EACAG,YAAAA,IALM6B,WAQFE,GAAShB,GAAQ,WACrB,IAAQzB,EAAOmC,EAAKhC,MAAZH,GACFyC,EAASjB,EAAckB,KAAKC,GAClC,OAAIF,EACKG,EAAaH,EAAQ,CAAEzC,GAAAA,EAAI6C,WAAYtC,IAG9CmB,EAACoB,cAAAC,EACC,CAAA5C,MAAOA,EACPE,YAAaA,EACbwC,WAAYtC,EACZP,GAAIA,EACJgB,qBAAsBA,GAG5B,GAAG,CAACmB,EAAKhC,MAAOqB,EAAerB,EAAOE,EAAaE,EAASS,IAEtDgC,GAAUvB,GAAQ,WACtB,OACED,EAAckB,KAAKO,IACjBvB,gBAACwB,EAAY,KAAE1B,EAAc2B,QAAO,SAAAC,GAAK,OAAKT,EAAcS,KAAWC,EAAcD,EAAM,IAGjG,GAAG,CAAC5B,IAEE8B,GAAS7B,GAAQ,WACrB,OAAOD,EAAckB,KAAKW,IAAkB,IAC9C,GAAG,CAAC7B,IAEE+B,GAAwB,YAAVzC,GAAiC,eAAVA,EAErC0C,~~GAASC~~,~~EAASC~~,~~aACtBhC~~,~~EAAAoB~~,~~cAACa,EAAc,CAAAC,~~SAAU,CAAEC,~~QAAS3B~~,~~aAAA~~,~~EAAAA~~,~~EAAU4B~~,~~MAC5CpC,~~EAAAoB,cAAA,~~MAAAiB~~,OAAAC,OAAA,CAAA,~~EACM7B~~,EAAKtC,UAAS,~~CAClBoE~~,UAAWC,EAAGC,~~EAAOtE~~,UAAWD,EAAWC,WAAU,cACxC0B,~~GAAc6C~~,EAAUC,EAAuBC,~~MAAOtE~~,~~GACnEuE~~,MAAO,CAAE,~~yBAA0BnD~~,KAGnCM,EACEoB,cAAA,MAAA,~~CAAA0B~~,~~QAASpC~~,~~EACT6B~~,UAAWC,EAAGC,~~EAAOrE~~,QAASF,EAAWE,~~uBAC5BuE~~,EAAuBI,~~gBAEtC/C~~,EAAAoB,cAAA,~~MAAAiB~~,OAAAC,OAAA,CAAA,~~EACM7B~~,EAAKqB,OAAM,~~CACfS~~,UAAWC,EAAGC,~~EAAOX~~,OAAQ5D,EAAWG,~~MAAK2E~~,EAAAA,EAAAA,KAC1CP,EAAOQ,QAAoB,~~YAAV7D~~,~~GACjBqD~~,EAAOS,KAAiB,~~eAAV9D~~,~~GACdqD~~,EAAOU,~~QAAU3D~~,~~IAEpBqD~~,MAAO,~~CAAEzD~~,MAAOyC,GAAczC,EAAQ,QAErC2B,GACAO,GACAM,~~MAIPwB~~,~~SAASC~~,~~MAGX,OAAIzD,~~IAAmBiB,GACd,~~KAGFkB~~,EAASC,~~aAAaF~~,~~GAAQsB~~,SAASC,~~KAChD~~,GAEsC,~~CACpCjE~~,~~MAAOkE~~"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./ModalContent/ModalContent\";\nimport ModalHeader from \"./ModalHeader/ModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n isModalContent,\n isModalFooter,\n isModalHeader,\n ModalWidth as ModalWidthEnum,\n validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { ModalWidth } from \"./Modal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface ModalProps {\n /*\n Id of the modal, used internally and for accessibility\n /\n id?: string;\n \"data-testid\"?: string;\n /\n Show/hide the Dialog\n /\n show: boolean;\n /\n Heading for the modal, mandatory when ModalHeader isn't provided in children\n /\n title?: string;\n /\n Description for the modal title\n /\n description?: string;\n /\n Called when the modal is closed (by close button/click outside/esc key)\n /\n onClose: () => void;\n /\n Makes the dialog behave like a modal (preventing closing on click outside of\n * ESC key)..\n /\n alertDialog?: boolean;\n /\n Used for the fromOrigin animation\n /\n triggerElement?: Element;\n /\n Set the modal's width. Can be one of the presets or any custom size\n /\n width?: ModalWidth \| string;\n /\n Aria label for the close button\n /\n closeButtonAriaLabel?: string;\n /\n Add gaps between parts of the modal\n /\n contentSpacing?: boolean;\n /\n classNames for specific parts of the dialog\n /\n classNames?: {\n container?: string;\n overlay?: string;\n modal?: string;\n };\n /\n Dialog content\n /\n children?: ReactElement \| ReactElement[];\n /\n z-index attribute of the container\n /\n zIndex?: number;\n /\n When `false`, the modal will remain in the DOM when closed\n /\n unmountOnClose?: boolean;\n}\n\nconst Modal: FC<ModalProps> & { width?: typeof ModalWidthEnum } = ({\n classNames = { container: \"\", overlay: \"\", modal: \"\" },\n id,\n show,\n title = \"\",\n description = \"\",\n onClose = NOOP,\n alertDialog = false,\n children,\n triggerElement,\n width = \"default\",\n closeButtonAriaLabel = \"Close\",\n contentSpacing = false,\n zIndex = 10000,\n unmountOnClose = true,\n \"data-testid\": dataTestId\n}: ModalProps) => {\n const childrenArray: ReactElement[] = useMemo(\n () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n [children]\n );\n validateTitleProp(title, childrenArray);\n\n const [instance, attr] = useA11yDialog({\n id,\n alertDialog\n });\n\n const closeIfNotAlertType = useCallback(() => {\n if (!alertDialog) {\n onClose?.();\n }\n }, [alertDialog, onClose]);\n\n // lock body scroll when modal is open\n useBodyScrollLock({ instance });\n\n // show/hide and animate the modal\n const { shouldShow } = useShowHideModal({\n instance,\n show,\n triggerElement,\n onClose,\n alertDialog\n });\n\n const header = useMemo(() => {\n const { id } = attr.title;\n const header = childrenArray.find(isModalHeader);\n if (header) {\n return cloneElement(header, { id, closeModal: onClose });\n }\n return (\n <ModalHeader\n title={title}\n description={description}\n closeModal={onClose}\n id={id}\n closeButtonAriaLabel={closeButtonAriaLabel}\n />\n );\n }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n const content = useMemo(() => {\n return (\n childrenArray.find(isModalContent) \|\| (\n <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n )\n );\n }, [childrenArray]);\n\n const footer = useMemo(() => {\n return childrenArray.find(isModalFooter) \|\| null;\n }, [childrenArray]);\n\n const customWidth = width !== \"default\" && width !== \"full-width\";\n\n const dialog = (\n <LayerProvider layerRef={{ current: instance?.$el }}>\n <div\n {...attr.container}\n className={cx(styles.container, classNames.container)}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n style={{ \"--monday-modal-z-index\": zIndex }}\n >\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n <div\n onClick={closeIfNotAlertType}\n className={cx(styles.overlay, classNames.overlay)}\n data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n />\n <div\n {...attr.dialog}\n className={cx(styles.dialog, classNames.modal, {\n [styles.default]: width === \"default\",\n [styles.full]: width === \"full-width\",\n [styles.spacing]: contentSpacing\n })}\n style={{ width: customWidth ? width : null }}\n >\n {header}\n {content}\n {footer}\n </div>\n </div>\n </LayerProvider>\n );\n\n if (unmountOnClose && !shouldShow) {\n return null;\n }\n return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\nexport default withStaticProps(Modal, {\n width: ModalWidthEnum\n});\n"],"names":["withStaticProps","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={container:"container_8a2a633675",overlay:"overlay_4658766871","overlay-fade-out":"overlay-fade-out_9a37c605b4","overlay-fade-in":"overlay-fade-in_91a576da31",dialog:"dialog_806a748ad4",default:"default_9bfe18dc1b",full:"full_c870d926ab",spacing:"spacing_7612a6618a"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-fe267e23c74c_3_0_0-alpha_6";if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}(".container_8a2a633675,\n.overlay_4658766871 {\n  position: fixed;\n  inset: 0;\n}\n\n.container_8a2a633675 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_8a2a633675[aria-hidden=true] {\n  display: none;\n}\n\n.container_8a2a633675[aria-hidden=true] .overlay_4658766871 {\n  background-color: transparent;\n  animation: overlay-fade-out_9a37c605b4 70ms var(--motion-timing-enter);\n}\n\n.overlay_4658766871 {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_91a576da31 70ms var(--motion-timing-enter);\n}\n\n.dialog_806a748ad4 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_806a748ad4.default_9bfe18dc1b {\n  width: 520px;\n}\n\n.dialog_806a748ad4.full_c870d926ab {\n  width: 100vw;\n}\n\n.dialog_806a748ad4.spacing_7612a6618a {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_91a576da31 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_9a37c605b4 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_511acc45e6",overlay:"overlay_9880db311c","overlay-fade-out":"overlay-fade-out_13f014814a","overlay-fade-in":"overlay-fade-in_598ecafdc1",dialog:"dialog_6e1c0e3c75",default:"default_cdaf374fe3",full:"full_a912373d67",spacing:"spacing_b028012605"};!function(n){const e="s_id-fe267e23c74c_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_511acc45e6,\n.overlay_9880db311c {\n  position: fixed;\n  inset: 0;\n}\n\n.container_511acc45e6 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_511acc45e6[aria-hidden=true] {\n  display: none;\n}\n\n.container_511acc45e6[aria-hidden=true] .overlay_9880db311c {\n  background-color: transparent;\n  animation: overlay-fade-out_13f014814a 70ms var(--motion-timing-enter);\n}\n\n.overlay_9880db311c {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_598ecafdc1 70ms var(--motion-timing-enter);\n}\n\n.dialog_6e1c0e3c75 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_6e1c0e3c75.default_cdaf374fe3 {\n  width: 520px;\n}\n\n.dialog_6e1c0e3c75.full_a912373d67 {\n  width: 100vw;\n}\n\n.dialog_6e1c0e3c75.spacing_b028012605 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_598ecafdc1 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_13f014814a {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/ModalContent/ModalContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_d35143704e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-40a1f8a37338_3_0_0-alpha_6";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".container_d35143704e {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_d35143704e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_d35143704e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_69c1734e5d"};!function(e){const n="s_id-40a1f8a37338_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_69c1734e5d {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_69c1734e5d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_69c1734e5d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalContent.module.scss.js.map

package/dist/src/components/Modal/ModalFooter/ModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_a70e16f4be"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-9ff7e713f88b_3_0_0-alpha_6";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".container_a70e16f4be {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_e26c6df636"};!function(e){const t="s_id-9ff7e713f88b_3_0_0-alpha_8";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)}(".container_e26c6df636 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={container:"container_d8e79abbd1",icon:"icon_f129e9e783",description:"description_0d33a5ae77",closeButton:"closeButton_5b49dc34d3"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-f34f7b91e8f3_3_0_0-alpha_6";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))}(".container_d8e79abbd1 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_d8e79abbd1 .icon_f129e9e783 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_d8e79abbd1 .description_0d33a5ae77 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_d8e79abbd1 .closeButton_5b49dc34d3 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var n={container:"container_470b0f293b",icon:"icon_b390a95c91",description:"description_e1d318d4a2",closeButton:"closeButton_aa8de2f893"};!function(n){const e="s_id-f34f7b91e8f3_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_470b0f293b {\n  margin-block-start: var(--spacing-medium);\n}\n.container_470b0f293b .icon_b390a95c91 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_470b0f293b .description_e1d318d4a2 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_470b0f293b .closeButton_aa8de2f893 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{n as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_3632ce58df",textContainer:"textContainer_f6149383b2",sizeCompactTextContainer:"sizeCompactTextContainer_5325be131d",textContainerTitle:"textContainerTitle_a1d9f629de",visuallyHidden:"visuallyHidden_ae1dce1019",textContainerTitleText:"textContainerTitleText_b2f6ff847f",textContainerSubtitleText:"textContainerSubtitleText_0342e6cc10",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_5f3f3a0455",textPlacementVertical:"textPlacementVertical_11ed961bd0",numberDividerContainer:"numberDividerContainer_5a72f0e943",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_1f59f58e9d",divider:"divider_8b4faf9e02",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_ab7bb211aa",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_c1561b8398",clickable:"clickable_7be465e278",withAnimation:"withAnimation_e464d10eed",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_8edabeadbe",swapEnter:"swapEnter_76b5e2dae8",swapEnterActive:"swapEnterActive_d17937d564",swapExit:"swapExit_86593cedea",swapExitActive:"swapExitActive_cb591ceea3",numberContainer:"numberContainer_f8a9696cf1",numberContainerText:"numberContainerText_8d7f834641",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_7d1b55ac0b",typePrimaryNumberContainer:"typePrimaryNumberContainer_cceab916d8",typeDangerNumberContainer:"typeDangerNumberContainer_0b8b864617",typeSuccessNumberContainer:"typeSuccessNumberContainer_276c6ac686",typeDarkNumberContainer:"typeDarkNumberContainer_c592a341c9",statusActiveNumberContainer:"statusActiveNumberContainer_82df21b730",sizeCompactNumberContainer:"sizeCompactNumberContainer_9930421f25",statusPendingNumberContainer:"statusPendingNumberContainer_8b3d2cce49","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_ae5489b574"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-f9249b867669_3_0_0-alpha_6";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator_3632ce58df {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_f6149383b2 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_5325be131d {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_a1d9f629de {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_a1d9f629de .visuallyHidden_ae1dce1019 {\n  display: none;\n}\n\n.textContainerTitleText_b2f6ff847f {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_0342e6cc10 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_5f3f3a0455 {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_11ed961bd0 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_11ed961bd0 .textContainer_f6149383b2 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_11ed961bd0 .numberDividerContainer_5a72f0e943 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_1f59f58e9d {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_11ed961bd0 .numberDividerContainer_5a72f0e943 .divider_8b4faf9e02 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_ab7bb211aa {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_ab7bb211aa.statusActiveNumberDividerContainer_c1561b8398 {\n  width: 40px;\n}\n\n.indicator_3632ce58df.clickable_7be465e278 {\n  cursor: pointer;\n}\n\n.withAnimation_e464d10eed {\n  animation: stepIndicatiorCirclePopElastic_8edabeadbe var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_76b5e2dae8 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_d17937d564 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_86593cedea {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_cb591ceea3 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_f8a9696cf1 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_8d7f834641 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_7d1b55ac0b {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_cceab916d8 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_cceab916d8:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_0b8b864617 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_0b8b864617:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_276c6ac686 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_276c6ac686:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_c592a341c9 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_c592a341c9:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_82df21b730 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_82df21b730.typeDangerNumberContainer_0b8b864617 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_82df21b730.typeSuccessNumberContainer_276c6ac686 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_82df21b730.typeDarkNumberContainer_c592a341c9 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_9930421f25 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_8b3d2cce49 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_8b3d2cce49:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_8b3d2cce49.typeDangerNumberContainer_0b8b864617:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_8b3d2cce49.typeSuccessNumberContainer_276c6ac686:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_8b3d2cce49.typeDarkNumberContainer_c592a341c9:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_ae5489b574 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator_f096573080",textContainer:"textContainer_c1c5d09e84",sizeCompactTextContainer:"sizeCompactTextContainer_813335e0dd",textContainerTitle:"textContainerTitle_cc19035ef2",visuallyHidden:"visuallyHidden_3ee577c858",textContainerTitleText:"textContainerTitleText_461bec3efd",textContainerSubtitleText:"textContainerSubtitleText_0261bb47a6",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_b2086319e9",textPlacementVertical:"textPlacementVertical_0e122c9636",numberDividerContainer:"numberDividerContainer_5dd16f5418",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_6700be23d6",divider:"divider_8a8e1aa364",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_dc1b810a17",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_3ee7362e96",clickable:"clickable_cc17068872",withAnimation:"withAnimation_b37358f40a",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_3f1925436f",swapEnter:"swapEnter_c6c1207e20",swapEnterActive:"swapEnterActive_93fe042902",swapExit:"swapExit_e679470392",swapExitActive:"swapExitActive_5cdfbcf46d",numberContainer:"numberContainer_f4b8e5ca13",numberContainerText:"numberContainerText_e15641cc80",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_9f20eb8bf0",typePrimaryNumberContainer:"typePrimaryNumberContainer_de97afdda7",typeDangerNumberContainer:"typeDangerNumberContainer_b78d395007",typeSuccessNumberContainer:"typeSuccessNumberContainer_ac4d7f9c70",typeDarkNumberContainer:"typeDarkNumberContainer_e97481a25f",statusActiveNumberContainer:"statusActiveNumberContainer_225d27ac90",sizeCompactNumberContainer:"sizeCompactNumberContainer_d00fc5e224",statusPendingNumberContainer:"statusPendingNumberContainer_9da2c60cc0","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_823945ca59"};!function(n){const e="s_id-f9249b867669_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".indicator_f096573080 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_c1c5d09e84 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_813335e0dd {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_cc19035ef2 {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_cc19035ef2 .visuallyHidden_3ee577c858 {\n  display: none;\n}\n\n.textContainerTitleText_461bec3efd {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_0261bb47a6 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_b2086319e9 {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_0e122c9636 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_0e122c9636 .textContainer_c1c5d09e84 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_0e122c9636 .numberDividerContainer_5dd16f5418 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_6700be23d6 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_0e122c9636 .numberDividerContainer_5dd16f5418 .divider_8a8e1aa364 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_dc1b810a17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_dc1b810a17.statusActiveNumberDividerContainer_3ee7362e96 {\n  width: 40px;\n}\n\n.indicator_f096573080.clickable_cc17068872 {\n  cursor: pointer;\n}\n\n.withAnimation_b37358f40a {\n  animation: stepIndicatiorCirclePopElastic_3f1925436f var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_c6c1207e20 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_93fe042902 {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_e679470392 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_5cdfbcf46d {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_f4b8e5ca13 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_e15641cc80 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_9f20eb8bf0 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_de97afdda7 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_de97afdda7:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_b78d395007 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_b78d395007:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_ac4d7f9c70:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_e97481a25f {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_e97481a25f:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_225d27ac90 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_225d27ac90.typeDangerNumberContainer_b78d395007 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_225d27ac90.typeSuccessNumberContainer_ac4d7f9c70 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_225d27ac90.typeDarkNumberContainer_e97481a25f {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_d00fc5e224 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_9da2c60cc0 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_9da2c60cc0:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_9da2c60cc0.typeDangerNumberContainer_b78d395007:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_9da2c60cc0.typeSuccessNumberContainer_ac4d7f9c70:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_9da2c60cc0.typeDarkNumberContainer_e97481a25f:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_823945ca59 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bar:"bar_d1e4ebb1ae",typePrimaryPrimary:"typePrimaryPrimary_cceab916d8",typePrimarySecondary:"typePrimarySecondary_216bf67cd5",typePrimaryPositive:"typePrimaryPositive_276c6ac686",typePrimaryNegative:"typePrimaryNegative_0b8b864617",typePrimaryWarning:"typePrimaryWarning_80efa8ab2b",typeSecondaryPrimary:"typeSecondaryPrimary_fc7b3b3ff4",typeSecondarySecondary:"typeSecondarySecondary_8af2c6e588",typeSecondaryPositive:"typeSecondaryPositive_45d3a32dce",typeSecondaryNegative:"typeSecondaryNegative_78f7610245",typeSecondaryWarning:"typeSecondaryWarning_ca96ad5235",animate:"animate_e27d75dec8"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-4250992e3ce2_3_0_0-alpha_6";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".bar_d1e4ebb1ae {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_cceab916d8 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_216bf67cd5 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_276c6ac686 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_0b8b864617 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_80efa8ab2b {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_fc7b3b3ff4 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_8af2c6e588 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_45d3a32dce {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_78f7610245 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_ca96ad5235 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_e27d75dec8 {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_0b09045401",typePrimaryPrimary:"typePrimaryPrimary_de97afdda7",typePrimarySecondary:"typePrimarySecondary_bd91a81a2f",typePrimaryPositive:"typePrimaryPositive_ac4d7f9c70",typePrimaryNegative:"typePrimaryNegative_b78d395007",typePrimaryWarning:"typePrimaryWarning_b54fe45ba4",typeSecondaryPrimary:"typeSecondaryPrimary_048387885b",typeSecondarySecondary:"typeSecondarySecondary_676b8eaeaa",typeSecondaryPositive:"typeSecondaryPositive_dc3c5b7224",typeSecondaryNegative:"typeSecondaryNegative_d9bde8d201",typeSecondaryWarning:"typeSecondaryWarning_88dadb5321",animate:"animate_a00af508ee"};!function(e){const r="s_id-4250992e3ce2_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_0b09045401 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_de97afdda7 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_bd91a81a2f {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_b78d395007 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_b54fe45ba4 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_048387885b {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_676b8eaeaa {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_dc3c5b7224 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_d9bde8d201 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_88dadb5321 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_a00af508ee {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_02558ab771",fullWidth:"fullWidth_37ecc74621",container:"container_93e05bda38",progressBar:"progressBar_5107c186c2",completed:"completed_93e05bda38",label:"label_b0a9d01ada",large:"large_be19bbb572",medium:"medium_48ff10f61f",small:"small_6b1ee5f20c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5855608df299_3_0_0-alpha_6";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".wrapper_02558ab771 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_02558ab771.fullWidth_37ecc74621 {\n  width: 100%;\n}\n.wrapper_02558ab771.fullWidth_37ecc74621 .container_93e05bda38 {\n  border-radius: 0;\n}\n.wrapper_02558ab771.fullWidth_37ecc74621 .container_93e05bda38 .progressBar_5107c186c2 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_02558ab771.fullWidth_37ecc74621 .container_93e05bda38 .progressBar_5107c186c2.completed_93e05bda38 {\n  border-radius: 0;\n}\n.label_b0a9d01ada {\n  padding-left: var(--spacing-xs);\n}\n.large_be19bbb572 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_48ff10f61f {\n  height: 6px;\n  line-height: 6px;\n}\n.small_6b1ee5f20c {\n  height: 4px;\n  line-height: 4px;\n}\n.container_93e05bda38 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_66f6e97dff",fullWidth:"fullWidth_9445810603",container:"container_fea1628be7",progressBar:"progressBar_848418a88f",completed:"completed_fea1628be7",label:"label_012450c6be",large:"large_50f5e892f2",medium:"medium_78fed52ab4",small:"small_efc7bae5da"};!function(e){const n="s_id-5855608df299_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_66f6e97dff {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_66f6e97dff.fullWidth_9445810603 {\n  width: 100%;\n}\n.wrapper_66f6e97dff.fullWidth_9445810603 .container_fea1628be7 {\n  border-radius: 0;\n}\n.wrapper_66f6e97dff.fullWidth_9445810603 .container_fea1628be7 .progressBar_848418a88f {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_66f6e97dff.fullWidth_9445810603 .container_fea1628be7 .progressBar_848418a88f.completed_fea1628be7 {\n  border-radius: 0;\n}\n.label_012450c6be {\n  padding-left: var(--spacing-xs);\n}\n.large_50f5e892f2 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_78fed52ab4 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_efc7bae5da {\n  height: 4px;\n  line-height: 4px;\n}\n.container_fea1628be7 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={label:"label_b0a9d01ada"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],a="s_id-de8a28d20526_3_0_0-alpha_6";if(d.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}(".label_b0a9d01ada {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_012450c6be"};!function(e){const t="s_id-de8a28d20526_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_012450c6be {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_8707048504",inputContainer:"inputContainer_ab7bb211aa",input:"input_fd7a97a250",control:"control_5339590c7d",labelAnimation:"labelAnimation_bb86601af7",radioCheckedAnimation:"radioCheckedAnimation_dea3fef113",disabled:"disabled_07a996cca4",label:"label_875593d14b"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-76103f93a8b2_3_0_0-alpha_6";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton_8707048504 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_ab7bb211aa {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_fd7a97a250 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_5339590c7d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_5339590c7d {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_bb86601af7 {\n  animation-name: radioCheckedAnimation_dea3fef113;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_5339590c7d {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_5339590c7d {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_8707048504.disabled_07a996cca4 {\n  cursor: not-allowed;\n}\n\n.radioButton_8707048504.disabled_07a996cca4 .label_875593d14b {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_ab7bb211aa input:focus-visible + .control_5339590c7d {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_8707048504:hover .inputContainer_ab7bb211aa input:enabled:checked + .control_5339590c7d {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_8707048504:hover .inputContainer_ab7bb211aa input:enabled:not(:checked) + .control_5339590c7d,\n.radioButton_8707048504:focus-within .inputContainer_ab7bb211aa input:enabled:not(:checked) + .control_5339590c7d {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_dea3fef113 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton_595b735d45",inputContainer:"inputContainer_dc1b810a17",input:"input_b65019d554",control:"control_79b019b4bb",labelAnimation:"labelAnimation_3c4a30ec05",radioCheckedAnimation:"radioCheckedAnimation_dfbc96a85c",disabled:"disabled_d88d1e9acc",label:"label_53ced64961"};!function(n){const o="s_id-76103f93a8b2_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".radioButton_595b735d45 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_dc1b810a17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_b65019d554 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_79b019b4bb {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_79b019b4bb {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_3c4a30ec05 {\n  animation-name: radioCheckedAnimation_dfbc96a85c;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_79b019b4bb {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_79b019b4bb {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_595b735d45.disabled_d88d1e9acc {\n  cursor: not-allowed;\n}\n\n.radioButton_595b735d45.disabled_d88d1e9acc .label_53ced64961 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_dc1b810a17 input:focus-visible + .control_79b019b4bb {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_595b735d45:hover .inputContainer_dc1b810a17 input:enabled:checked + .control_79b019b4bb {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_595b735d45:hover .inputContainer_dc1b810a17 input:enabled:not(:checked) + .control_79b019b4bb,\n.radioButton_595b735d45:focus-within .inputContainer_dc1b810a17 input:enabled:not(:checked) + .control_79b019b4bb {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_dfbc96a85c {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_138ab7ebd8",search:"search_191677e8a2",loader:"loader_18bd56e358",icon:"icon_dae096b2a4",empty:"empty_42594c31a2"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-4e5e4eb516f6_3_0_0-alpha_6";if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper_138ab7ebd8 .search_191677e8a2 {\n  appearance: textfield;\n}\n.searchWrapper_138ab7ebd8 .search_191677e8a2::-webkit-search-cancel-button, .searchWrapper_138ab7ebd8 .search_191677e8a2::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_138ab7ebd8 .loader_18bd56e358 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_138ab7ebd8 .icon_dae096b2a4 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_138ab7ebd8 .icon_dae096b2a4.empty_42594c31a2 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_19a4ae6698",search:"search_578d83672e",loader:"loader_b259d36e8c",icon:"icon_57a7398060",empty:"empty_1ece397b6f"};!function(e){const a="s_id-4e5e4eb516f6_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_19a4ae6698 .search_578d83672e {\n  appearance: textfield;\n}\n.searchWrapper_19a4ae6698 .search_578d83672e::-webkit-search-cancel-button, .searchWrapper_19a4ae6698 .search_578d83672e::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_19a4ae6698 .loader_b259d36e8c {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_19a4ae6698 .icon_57a7398060 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_19a4ae6698 .icon_57a7398060.empty_1ece397b6f {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_fa93e7e4e5",rectangle:"rectangle_0048cabc57",shine:"shine_45a24d3051",circle:"circle_2e8a2a841e",text:"text_da6c851952",textH1:"textH1_aa45abdaae",textH2:"textH2_1ec6948786",textH3:"textH3_1ec6948786",textH4:"textH4_da92938266",textH5:"textH5_7e6d6538b2",textH6:"textH6_b1be026494",textSmall:"textSmall_ae65113bd2",textCustom:"textCustom_b1be026494",fullWidth:"fullWidth_37ecc74621"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-8df79849e8ff_3_0_0-alpha_6";if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}(".skeleton_fa93e7e4e5 {\n  display: flex;\n}\n\n.rectangle_0048cabc57 {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_45a24d3051;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_45a24d3051 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_2e8a2a841e {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_45a24d3051;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_45a24d3051 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_da6c851952 {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_45a24d3051;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_45a24d3051 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_aa45abdaae {\n  height: 32px;\n}\n\n.textH2_1ec6948786 {\n  height: 24px;\n}\n\n.textH3_1ec6948786 {\n  height: 24px;\n}\n\n.textH4_da92938266 {\n  height: 21px;\n}\n\n.textH5_7e6d6538b2 {\n  height: 16px;\n}\n\n.textH6_b1be026494 {\n  height: 12px;\n}\n\n.textSmall_ae65113bd2,\n.textCustom_b1be026494 {\n  height: 12px;\n}\n\n.fullWidth_37ecc74621 {\n  width: 100%;\n}\n\n.skeleton_fa93e7e4e5:not(.fullWidth_37ecc74621) .text_da6c851952 {\n  width: 162px;\n}\n\n.skeleton_fa93e7e4e5:not(.fullWidth_37ecc74621) .circle_2e8a2a841e {\n  width: 40px;\n}\n\n.skeleton_fa93e7e4e5:not(.fullWidth_37ecc74621) .rectangle_0048cabc57 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_9b05d1ba22",rectangle:"rectangle_4323da0f6f",shine:"shine_2c4c8f4a2a",circle:"circle_41aecfc809",text:"text_4c802d4176",textH1:"textH1_06be209170",textH2:"textH2_2009aa7d11",textH3:"textH3_2009aa7d11",textH4:"textH4_49752f43bb",textH5:"textH5_e6b160fdc0",textH6:"textH6_720728188f",textSmall:"textSmall_53c63427a3",textCustom:"textCustom_720728188f",fullWidth:"fullWidth_9445810603"};!function(n){const t="s_id-8df79849e8ff_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton_9b05d1ba22 {\n  display: flex;\n}\n\n.rectangle_4323da0f6f {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_2c4c8f4a2a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2c4c8f4a2a {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_41aecfc809 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_2c4c8f4a2a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2c4c8f4a2a {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_4c802d4176 {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_2c4c8f4a2a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2c4c8f4a2a {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_06be209170 {\n  height: 32px;\n}\n\n.textH2_2009aa7d11 {\n  height: 24px;\n}\n\n.textH3_2009aa7d11 {\n  height: 24px;\n}\n\n.textH4_49752f43bb {\n  height: 21px;\n}\n\n.textH5_e6b160fdc0 {\n  height: 16px;\n}\n\n.textH6_720728188f {\n  height: 12px;\n}\n\n.textSmall_53c63427a3,\n.textCustom_720728188f {\n  height: 12px;\n}\n\n.fullWidth_9445810603 {\n  width: 100%;\n}\n\n.skeleton_9b05d1ba22:not(.fullWidth_9445810603) .text_4c802d4176 {\n  width: 162px;\n}\n\n.skeleton_9b05d1ba22:not(.fullWidth_9445810603) .circle_41aecfc809 {\n  width: 40px;\n}\n\n.skeleton_9b05d1ba22:not(.fullWidth_9445810603) .rectangle_4323da0f6f {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_2688488189"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_3_0_0-alpha_6";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator_2688488189.selectionIndicator_2688488189.selectionIndicator_2688488189 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_8fda9298d7"};!function(e){const t="s_id-a25847c4cc71_3_0_0-alpha_8";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)}(".selectionIndicator_8fda9298d7.selectionIndicator_8fda9298d7.selectionIndicator_8fda9298d7 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slider:"slider_a5392db2fe",valueShown:"valueShown_145087ef54"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_3_0_0-alpha_6";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))}(".slider_a5392db2fe {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_145087ef54 {\n  margin-top: 10px;\n}");export{e as default};
+var e={slider:"slider_3ee8304e59",valueShown:"valueShown_18181ef8af"};!function(e){const n="s_id-1ec33feab829_3_0_0-alpha_8";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)}(".slider_3ee8304e59 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_18181ef8af {\n  margin-top: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={base:"base_746dcf9c3e",disabled:"disabled_9201586a52",small:"small_02ed8cb4d0",medium:"medium_b756accf76",large:"large_b756accf76"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_3_0_0-alpha_6";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".base_746dcf9c3e {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_9201586a52 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_9201586a52 * {\n  pointer-events: none;\n}\n\n.small_02ed8cb4d0 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_b756accf76 {\n  padding: 0 12px;\n}\n\n.large_b756accf76 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_66022100c6",disabled:"disabled_7f03877325",small:"small_907c8e1497",medium:"medium_885bc4959c",large:"large_885bc4959c"};!function(e){const n="s_id-0abb9e445f96_3_0_0-alpha_8";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)}(".base_66022100c6 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_7f03877325 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_7f03877325 * {\n  pointer-events: none;\n}\n\n.small_907c8e1497 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_885bc4959c {\n  padding: 0 12px;\n}\n\n.large_885bc4959c {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_f651857bd2",positive:"positive_276c6ac686",negative:"negative_0b8b864617"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_3_0_0-alpha_6";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".filledTrack_f651857bd2 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_276c6ac686 {\n  background-color: var(--positive-color);\n}\n\n.negative_0b8b864617 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_68f0a18f01",positive:"positive_ac4d7f9c70",negative:"negative_b78d395007"};!function(e){const n="s_id-bb386829c5aa_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_68f0a18f01 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n\n.negative_b78d395007 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={thumb:"thumb_f1e224ed86",dragging:"dragging_f1f40afddf",focused:"focused_028b0aaf98",notDisabledThumb:"notDisabledThumb_bac76858bd","focus-visible":"focus-visible_90eb539c9b",positive:"positive_dcad1cca1f",negative:"negative_a6be6e6061",small:"small_017caaa689",medium:"medium_092adf48fe",large:"large_092adf48fe",label:"label_d4f1dd64df"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-a3b6698c403a_3_0_0-alpha_6";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(n))}(".thumb_f1e224ed86 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_f1f40afddf {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_028b0aaf98 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_bac76858bd:focus-visible, .notDisabledThumb_bac76858bd.focus-visible_90eb539c9b {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_bac76858bd:focus:not(.focus-visible_90eb539c9b) {\n  outline: none;\n}\n\n.notDisabledThumb_bac76858bd:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_dcad1cca1f {\n  border-color: var(--positive-color);\n}\n\n.positive_dcad1cca1f.notDisabledThumb_bac76858bd:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_a6be6e6061 {\n  border-color: var(--negative-color);\n}\n\n.negative_a6be6e6061.notDisabledThumb_bac76858bd:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_017caaa689 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_092adf48fe {\n  height: 24px;\n  width: 24px;\n}\n\n.large_092adf48fe {\n  height: 24px;\n  width: 24px;\n}\n\n.label_d4f1dd64df {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
+var n={thumb:"thumb_3ea62a723e",dragging:"dragging_9ec5f7b055",focused:"focused_9df88c3c6d",notDisabledThumb:"notDisabledThumb_95189fabaf","focus-visible":"focus-visible_f1ba76ec26",positive:"positive_268c85b621",negative:"negative_8f745f1d39",small:"small_9c1f5f7fcf",medium:"medium_52ba7210a1",large:"large_52ba7210a1",label:"label_bf138fd777"};!function(n){const o="s_id-a3b6698c403a_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".thumb_3ea62a723e {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_9ec5f7b055 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_9df88c3c6d {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_95189fabaf:focus-visible, .notDisabledThumb_95189fabaf.focus-visible_f1ba76ec26 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_95189fabaf:focus:not(.focus-visible_f1ba76ec26) {\n  outline: none;\n}\n\n.notDisabledThumb_95189fabaf:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_268c85b621 {\n  border-color: var(--positive-color);\n}\n\n.positive_268c85b621.notDisabledThumb_95189fabaf:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_8f745f1d39 {\n  border-color: var(--negative-color);\n}\n\n.negative_8f745f1d39.notDisabledThumb_95189fabaf:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_9c1f5f7fcf {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_52ba7210a1 {\n  height: 24px;\n  width: 24px;\n}\n\n.large_52ba7210a1 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_bf138fd777 {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={track:"track_07c4581500",positive:"positive_45d3a32dce",negative:"negative_78f7610245"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f9216dea54b1_3_0_0-alpha_6";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track_07c4581500 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_45d3a32dce {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_78f7610245 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_f5493439e6",positive:"positive_dc3c5b7224",negative:"negative_d9bde8d201"};!function(e){const t="s_id-f9216dea54b1_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_f5493439e6 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_dc3c5b7224 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_d9bde8d201 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={infix:"infix_4462eba96b",txt:"txt_2298765460",prefix:"prefix_0713190850",postfix:"postfix_e7d84d68f1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_3_0_0-alpha_6";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".infix_4462eba96b {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_2298765460 {\n  white-space: nowrap;\n}\n\n.prefix_0713190850 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_e7d84d68f1 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_2df105aad2",txt:"txt_daf4ca2f21",prefix:"prefix_ee089cb006",postfix:"postfix_c7122b2288"};!function(e){const n="s_id-4fd2a8cee614_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_2df105aad2 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_daf4ca2f21 {\n  white-space: nowrap;\n}\n\n.prefix_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_c7122b2288 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map