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

@vibe/core 3.0.0-alpha.8 → 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 (389) hide show

package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_218260b64d",optionsContainer:"optionsContainer_8fa72e743b",categoryWithOptions:"categoryWithOptions_d5ea6cbcd6",firstCategory:"firstCategory_afde5dc520",categoryWithoutOptions:"categoryWithoutOptions_48d914d997"};!function(t){const e="s_id-4d4facb041a8_3_0_0-alpha_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_218260b64d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_218260b64d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_8fa72e743b {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_d5ea6cbcd6.firstCategory_afde5dc520,\n.categoryWithoutOptions_48d914d997.firstCategory_afde5dc520 {\n  padding-top: 0;\n}\n.categoryWithOptions_d5ea6cbcd6 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_48d914d997 {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_073300a72b",optionsContainer:"optionsContainer_ac29377285",categoryWithOptions:"categoryWithOptions_9c6cb449d1",firstCategory:"firstCategory_2d8eaff1f7",categoryWithoutOptions:"categoryWithoutOptions_f927ec5d35"};!function(t){const e="s_id-4d4facb041a8_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_073300a72b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_073300a72b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_ac29377285 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_9c6cb449d1.firstCategory_2d8eaff1f7,\n.categoryWithoutOptions_f927ec5d35.firstCategory_2d8eaff1f7 {\n  padding-top: 0;\n}\n.categoryWithOptions_9c6cb449d1 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_f927ec5d35 {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{useRef as n,useEffect as i,useCallback as r,useMemo as l}from"react";import s from"../../../Icon/Icon.js";import c from"../../../Tooltip/Tooltip.js";import a from"../../../../hooks/useIsOverflowing/useIsOverflowing.js";import{keyCodes as m}from"../../../../constants/keyCodes.js";import{getOptionId as p}from"../../helpers.js";import{withStaticProps as u}from"../../../../types/withStaticProps.js";import"../../../../utils/colors-vars-map.js";import{ComboboxOptionIconType as f}from"../ComboboxConstants.js";import{getTestId as d,ComponentDefaultTestId as v}from"../../../../tests/testIds.js";import b from"./ComboboxOption.module.scss.js";var y=u((function(u){var f=u.index,y=u.option,O=u.className,I=u.isActive,h=u.visualFocus,g=u.scrollRef,j=u.scrollOffset,T=void 0===j?100:j,C=u.onOptionClick,E=u.onOptionLeave,k=u.onOptionHover,N=u.optionLineHeight,S=u.shouldScrollWhenActive,w=void 0===S||S,x=u.optionRenderer,L=void 0===x?null:x,P=y.id,A=y.leftIcon,B=y.leftIconType,F=y.rightIcon,H=y.rightIconType,M=y.label,R=y.iconSize,_=void 0===R?18:R,z=y.disabled,D=y.selected,K=y.ariaLabel,V=y.belongToCategory,W=void 0!==V&&V,X=y.tooltipContent,q=n(null),G=n(),J=a({ref:G});i((function(){var o,e=q.current;h&&e&&w&&((null==g?void 0:g.current)&&e?g.current.scrollTop=e.offsetTop-T:null===(o=null==e?void 0:e.scrollIntoView)||void 0===o||o.call(e,{behaviour:"smooth"}))}),[q,h,w,g,T,W]);var Q=function(o,n,i){return"renderer"===n?o(e(b.optionIcon,i)):t.createElement(s,{className:e(b.optionIcon,i),iconType:"font",icon:o,iconSize:_,ignoreFocusStyle:!0})},U=r((function(o){C(o,f,y,!0)}),[f,y,C]),Y=r((function(o){z||E(o,f,y,!0)}),[f,y,E,z]),Z=r((function(o){z||k(o,f,y,!0)}),[f,y,k,z]),$=r((function(o){o.key!==m.ENTER&&o.key!==m.SPACE||C(o,f,y,!1)}),[C,f,y]);X||(X=J?M:null);var oo=l((function(){return L&&L(y)}),[L,y]),eo=t.createElement(t.Fragment,null,A&&Q(A,B,b.left),t.createElement("div",{ref:G,className:e(b.optionLabel)},M),F&&Q(F,H,""));return t.createElement(c,{content:X},t.createElement("div",{ref:q,key:P||M,"aria-level":W?2:1,"aria-selected":I,"aria-label":K||M,id:p(P,f),"data-testid":d(v.COMBOBOX_OPTION,f),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:e(b.comboboxOption,O,o(o(o(o({},b.disabled,z),b.selected,D),b.active,I),b.activeOutline,h)),style:{height:N}},oo||eo))}),{iconTypes:f});export{y as default};
+import{defineProperty as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import t,{useRef as n,useEffect as i,useCallback as r,useMemo as l}from"react";import s from"../../../Icon/Icon.js";import c from"../../../Tooltip/Tooltip.js";import a from"../../../../hooks/useIsOverflowing/useIsOverflowing.js";import{keyCodes as m}from"../../../../constants/keyCodes.js";import{getOptionId as p}from"../../helpers.js";import{withStaticProps as u}from"../../../../types/withStaticProps.js";import"../../../../utils/colors-vars-map.js";import{ComboboxOptionIconType as f}from"../ComboboxConstants.js";import{getTestId as d,ComponentDefaultTestId as v}from"../../../../tests/testIds.js";import b from"./ComboboxOption.module.scss.js";var y=u((function(u){var f=u.index,y=u.option,O=u.className,I=u.isActive,h=u.visualFocus,g=u.scrollRef,j=u.scrollOffset,T=void 0===j?100:j,C=u.onOptionClick,E=u.onOptionLeave,k=u.onOptionHover,N=u.optionLineHeight,S=u.shouldScrollWhenActive,w=void 0===S||S,x=u.optionRenderer,L=void 0===x?null:x,P=y.id,A=y.leftIcon,B=y.leftIconType,F=y.rightIcon,H=y.rightIconType,M=y.label,R=y.iconSize,_=void 0===R?18:R,z=y.disabled,D=y.selected,K=y.ariaLabel,V=y.belongToCategory,W=void 0!==V&&V,X=y.tooltipContent,q=n(null),G=n(),J=a({ref:G});i((function(){var o,e=q.current;h&&e&&w&&((null==g?void 0:g.current)&&e?g.current.scrollTop=e.offsetTop-T:null===(o=null==e?void 0:e.scrollIntoView)||void 0===o||o.call(e,{behaviour:"smooth"}))}),[q,h,w,g,T,W]);var Q=function(o,n,i){return"renderer"===n?o(e(b.optionIcon,i)):t.createElement(s,{className:e(b.optionIcon,i),iconType:"font",icon:o,iconSize:_,ignoreFocusStyle:!0})},U=r((function(o){z||C(o,f,y,!0)}),[f,y,C,z]),Y=r((function(o){z||E(o,f,y,!0)}),[f,y,E,z]),Z=r((function(o){z||k(o,f,y,!0)}),[f,y,k,z]),$=r((function(o){o.key!==m.ENTER&&o.key!==m.SPACE||C(o,f,y,!1)}),[C,f,y]);X||(X=J?M:null);var oo=l((function(){return L&&L(y)}),[L,y]),eo=t.createElement(t.Fragment,null,A&&Q(A,B,b.left),t.createElement("div",{ref:G,className:e(b.optionLabel)},M),F&&Q(F,H,""));return t.createElement(c,{content:X},t.createElement("div",{ref:q,key:P||M,"aria-level":W?2:1,"aria-selected":I,"aria-label":K||M,id:p(P,f),"data-testid":d(v.COMBOBOX_OPTION,f),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:e(b.comboboxOption,O,o(o(o(o({},b.disabled,z),b.selected,D),b.active,I),b.activeOutline,h)),style:{height:N}},oo||eo))}),{iconTypes:f});export{y as default};
 //# sourceMappingURL=ComboboxOption.js.map

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport Icon from \"../../../Icon/Icon\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport { getOptionId } from \"../../helpers\";\nimport { SubIcon, withStaticProps } from \"../../../../types\";\nimport {\n ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n IComboboxOption,\n IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n index?: number;\n option?: IComboboxOption;\n className?: string;\n isActive?: boolean;\n visualFocus?: boolean;\n scrollRef?: RefObject<HTMLElement>;\n scrollOffset?: number;\n optionLineHeight?: number;\n shouldScrollWhenActive?: boolean;\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption: React.FC<ComboboxOptionProps> & { iconTypes?: typeof ComboboxOptionIconTypeEnum } = ({\n index,\n option,\n className,\n isActive,\n visualFocus,\n scrollRef,\n scrollOffset = 100,\n onOptionClick,\n onOptionLeave,\n onOptionHover,\n optionLineHeight,\n shouldScrollWhenActive = true,\n optionRenderer = null\n}) => {\n const {\n id,\n leftIcon,\n leftIconType,\n rightIcon,\n rightIconType,\n label,\n iconSize = 18,\n disabled,\n selected,\n ariaLabel,\n belongToCategory = false\n } = option;\n let { tooltipContent } = option;\n\n const ref = useRef(null);\n const labelRef = useRef();\n\n const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n useEffect(() => {\n const element = ref.current;\n if (visualFocus && element && shouldScrollWhenActive) {\n if (scrollRef?.current && element) {\n // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n } else {\n element?.scrollIntoView?.({ behaviour: \"smooth\" });\n }\n }\n }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n const renderIcon = (\n icon: SubIcon \| ((className: string) => JSX.Element),\n iconType: ComboboxOptionIconType,\n className: string\n ) => {\n if (iconType === \"renderer\") {\n return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n }\n\n return (\n <Icon\n className={cx(styles.optionIcon, className)}\n iconType=\"font\"\n icon={icon as SubIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n );\n };\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n onOptionClick(event, index, option, true);\n },\n [index, option, onOptionClick]\n );\n\n const onMouseLeave = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionLeave(event, index, option, true);\n },\n [index, option, onOptionLeave, disabled]\n );\n\n const onMouseEnter = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionHover(event, index, option, true);\n },\n [index, option, onOptionHover, disabled]\n );\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n onOptionClick(event, index, option, false);\n }\n },\n [onOptionClick, index, option]\n );\n if (!tooltipContent) {\n tooltipContent = isOptionOverflowing ? label : null;\n }\n\n const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n const optionValue = (\n <>\n {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n <div ref={labelRef} className={cx(styles.optionLabel)}>\n {label}\n </div>\n {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n </>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <div\n ref={ref}\n key={id \|\| label}\n aria-level={belongToCategory ? 2 : 1}\n aria-selected={isActive}\n aria-label={ariaLabel \|\| label}\n id={getOptionId(id, index)}\n data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n onMouseEnter={onMouseEnter}\n onClick={onClick}\n onKeyDown={onKeyDown}\n onMouseLeave={onMouseLeave}\n className={cx(styles.comboboxOption, className, {\n [styles.disabled]: disabled,\n [styles.selected]: selected,\n [styles.active]: isActive,\n [styles.activeOutline]: visualFocus\n })}\n style={{ height: optionLineHeight }}\n >\n {optionRendererValue \|\| optionValue}\n </div>\n </Tooltip>\n );\n};\n\nexport default withStaticProps(ComboboxOption, { iconTypes: ComboboxOptionIconTypeEnum });\n"],"names":["withStaticProps","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","content","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"0vBA8BA,~~IA8IeA~~,EAAAA,~~GA9I2F~~,SAAtFC,GAcf,IAbHC,EAAKD,EAALC,MACAC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAASC,EAAAP,EACTQ,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAaT,EAAbS,cACAC,EAAaV,EAAbU,cACAC,EAAaX,EAAbW,cACAC,EAAgBZ,EAAhBY,iBAAgBC,EAAAb,EAChBc,uBAAAA,OAAyB,IAAHD,GAAOA,EAAAE,EAAAf,EAC7BgB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAGnBE,EAWEf,EAXFe,GACAC,EAUEhB,EAVFgB,SACAC,EASEjB,EATFiB,aACAC,EAQElB,EARFkB,UACAC,EAOEnB,EAPFmB,cACAC,EAMEpB,EANFoB,MAAKC,EAMHrB,EALFsB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAIEvB,EAJFuB,SACAC,EAGExB,EAHFwB,SACAC,EAEEzB,EAFFyB,UAASC,EAEP1B,EADF2B,iBAAAA,OAAmB,IAAHD,GAAQA,EAEpBE,EAAmB5B,EAAnB4B,eAEAC,EAAMC,EAAO,MACbC,EAAWD,IAEXE,EAAsBC,EAAiB,CAAEJ,IAAKE,IAEpDG,GAAU,iBACFC,EAAUN,EAAIO,QAChBjC,GAAegC,GAAWvB,KACxBR,aAAS,EAATA,EAAWgC,UAAWD,EAExB/B,EAAUgC,QAAQC,UAAYF,EAAQG,UAAYhC,EAExB,QAA1BiC,EAAAJ,aAAO,EAAPA,EAASK,sBAAiB,IAAAD,GAAAA,EAAAE,KAAAN,EAAA,CAAEO,UAAW,WAG7C,GAAG,CAACb,EAAK1B,EAAaS,EAAwBR,EAAWE,EAAcqB,IAEvE,IAAMgB,EAAa,SACjBC,EACAC,EACA5C,GAEA,MAAiB,aAAb4C,EACMD,EAA4CE,EAAGC,EAAOC,WAAY/C,IAI1EgD,EAAAC,cAACC,EAAI,CACHlD,UAAW6C,EAAGC,EAAOC,WAAY/C,GACjC4C,SAAS,OACTD,KAAMA,EACNtB,SAAUA,EACV8B,kBAAgB,KAKhBC,EAAUC,GACd,SAACC,~~GACChD~~,EAAcgD,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQO,~~IAGZiD~~,EAAeF,GACnB,SAACC,GACKhC,GACJf,EAAc+C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQQ,EAAee,IAG3BkC,EAAeH,GACnB,SAACC,GACKhC,GACJd,EAAc8C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQS,EAAec,IAG3BmC,EAAYJ,GAChB,SAACC,GACKA,EAAMI,MAAQC,EAASC,OAASN,EAAMI,MAAQC,EAASE,OACzDvD,EAAcgD,EAAOxD,EAAOC,GAAQ,EAEvC,GACD,CAACO,EAAeR,EAAOC,IAEpB4B,IACHA,EAAiBI,EAAsBZ,EAAQ,MAGjD,IAAM2C,GAAsBC,GAAQ,WAAA,OAAMlD,GAAkBA,EAAed,EAAO,GAAE,CAACc,EAAgBd,IAE/FiE,GACJhB,EAAAC,cAAAD,EAAAiB,SAAA,KACGlD,GAAY2B,EAAW3B,EAAUC,EAAc8B,EAAOoB,MACvDlB,EAAAC,cAAA,MAAA,CAAKrB,IAAKE,EAAU9B,UAAW6C,EAAGC,EAAOqB,cACtChD,GAEFF,GAAayB,EAAWzB,EAAWC,EAAe,KAIvD,OACE8B,EAACC,cAAAmB,EAAQ,CAAAC,QAAS1C,GAChBqB,EAAAC,cAAA,MAAA,CACErB,IAAKA,EACL8B,IAAK5C,GAAMK,EACC,aAAAO,EAAmB,EAAI,EAAC,gBACrBzB,EAAQ,aACXuB,GAAaL,EACzBL,GAAIwD,EAAYxD,EAAIhB,GACP,cAAAyE,EAAUC,EAAuBC,gBAAiB3E,GAC/D0D,aAAcA,EACdJ,QAASA,EACTK,UAAWA,EACXF,aAAcA,EACdvD,UAAW6C,EAAGC,EAAO4B,eAAgB1E,EAAS2E,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3C7B,EAAOxB,SAAWA,GAClBwB,EAAOvB,SAAWA,GAClBuB,EAAO8B,OAAS3E,GAChB6C,EAAO+B,cAAgB3E,IAE1B4E,MAAO,CAAEC,OAAQtE,IAEhBqD,IAAuBE,IAIhC,GAE+C,CAAEgB,UAAWC"}
1	+ {"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport Icon from \"../../../Icon/Icon\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport { getOptionId } from \"../../helpers\";\nimport { SubIcon, withStaticProps } from \"../../../../types\";\nimport {\n ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n IComboboxOption,\n IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { ComboboxOptionIconType } from \"../../Combobox.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport styles from \"./ComboboxOption.module.scss\";\n\nexport interface ComboboxOptionProps extends IComboboxOptionEvents {\n index?: number;\n option?: IComboboxOption;\n className?: string;\n isActive?: boolean;\n visualFocus?: boolean;\n scrollRef?: RefObject<HTMLElement>;\n scrollOffset?: number;\n optionLineHeight?: number;\n shouldScrollWhenActive?: boolean;\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption: React.FC<ComboboxOptionProps> & { iconTypes?: typeof ComboboxOptionIconTypeEnum } = ({\n index,\n option,\n className,\n isActive,\n visualFocus,\n scrollRef,\n scrollOffset = 100,\n onOptionClick,\n onOptionLeave,\n onOptionHover,\n optionLineHeight,\n shouldScrollWhenActive = true,\n optionRenderer = null\n}) => {\n const {\n id,\n leftIcon,\n leftIconType,\n rightIcon,\n rightIconType,\n label,\n iconSize = 18,\n disabled,\n selected,\n ariaLabel,\n belongToCategory = false\n } = option;\n let { tooltipContent } = option;\n\n const ref = useRef(null);\n const labelRef = useRef();\n\n const isOptionOverflowing = useIsOverflowing({ ref: labelRef });\n\n useEffect(() => {\n const element = ref.current;\n if (visualFocus && element && shouldScrollWhenActive) {\n if (scrollRef?.current && element) {\n // not supported with virtualized atm, need their scrollRef (element with overflow-y auto that has the scroll)\n scrollRef.current.scrollTop = element.offsetTop - scrollOffset;\n } else {\n element?.scrollIntoView?.({ behaviour: \"smooth\" });\n }\n }\n }, [ref, visualFocus, shouldScrollWhenActive, scrollRef, scrollOffset, belongToCategory]);\n\n const renderIcon = (\n icon: SubIcon \| ((className: string) => JSX.Element),\n iconType: ComboboxOptionIconType,\n className: string\n ) => {\n if (iconType === \"renderer\") {\n return (icon as (className: string) => JSX.Element)(cx(styles.optionIcon, className));\n }\n\n return (\n <Icon\n className={cx(styles.optionIcon, className)}\n iconType=\"font\"\n icon={icon as SubIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n );\n };\n\n const onClick = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionClick(event, index, option, true);\n },\n [index, option, onOptionClick, disabled]\n );\n\n const onMouseLeave = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionLeave(event, index, option, true);\n },\n [index, option, onOptionLeave, disabled]\n );\n\n const onMouseEnter = useCallback(\n (event: React.MouseEvent) => {\n if (disabled) return;\n onOptionHover(event, index, option, true);\n },\n [index, option, onOptionHover, disabled]\n );\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n onOptionClick(event, index, option, false);\n }\n },\n [onOptionClick, index, option]\n );\n if (!tooltipContent) {\n tooltipContent = isOptionOverflowing ? label : null;\n }\n\n const optionRendererValue = useMemo(() => optionRenderer && optionRenderer(option), [optionRenderer, option]);\n\n const optionValue = (\n <>\n {leftIcon && renderIcon(leftIcon, leftIconType, styles.left)}\n <div ref={labelRef} className={cx(styles.optionLabel)}>\n {label}\n </div>\n {rightIcon && renderIcon(rightIcon, rightIconType, \"\")}\n </>\n );\n\n return (\n <Tooltip content={tooltipContent}>\n <div\n ref={ref}\n key={id \|\| label}\n aria-level={belongToCategory ? 2 : 1}\n aria-selected={isActive}\n aria-label={ariaLabel \|\| label}\n id={getOptionId(id, index)}\n data-testid={getTestId(ComponentDefaultTestId.COMBOBOX_OPTION, index)}\n onMouseEnter={onMouseEnter}\n onClick={onClick}\n onKeyDown={onKeyDown}\n onMouseLeave={onMouseLeave}\n className={cx(styles.comboboxOption, className, {\n [styles.disabled]: disabled,\n [styles.selected]: selected,\n [styles.active]: isActive,\n [styles.activeOutline]: visualFocus\n })}\n style={{ height: optionLineHeight }}\n >\n {optionRendererValue \|\| optionValue}\n </div>\n </Tooltip>\n );\n};\n\nexport default withStaticProps(ComboboxOption, { iconTypes: ComboboxOptionIconTypeEnum });\n"],"names":["withStaticProps","_ref","index","option","className","isActive","visualFocus","scrollRef","_ref$scrollOffset","scrollOffset","onOptionClick","onOptionLeave","onOptionHover","optionLineHeight","_ref$shouldScrollWhen","shouldScrollWhenActive","_ref$optionRenderer","optionRenderer","id","leftIcon","leftIconType","rightIcon","rightIconType","label","_option$iconSize","iconSize","disabled","selected","ariaLabel","_option$belongToCateg","belongToCategory","tooltipContent","ref","useRef","labelRef","isOptionOverflowing","useIsOverflowing","useEffect","element","current","scrollTop","offsetTop","_a","scrollIntoView","call","behaviour","renderIcon","icon","iconType","cx","styles","optionIcon","React","createElement","Icon","ignoreFocusStyle","onClick","useCallback","event","onMouseLeave","onMouseEnter","onKeyDown","key","keyCodes","ENTER","SPACE","optionRendererValue","useMemo","optionValue","Fragment","left","optionLabel","Tooltip","content","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"0vBA8BA,IA+IeA,EAAAA,GA/I2F,SAAtFC,GAcf,IAbHC,EAAKD,EAALC,MACAC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAQJ,EAARI,SACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAASC,EAAAP,EACTQ,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAaT,EAAbS,cACAC,EAAaV,EAAbU,cACAC,EAAaX,EAAbW,cACAC,EAAgBZ,EAAhBY,iBAAgBC,EAAAb,EAChBc,uBAAAA,OAAyB,IAAHD,GAAOA,EAAAE,EAAAf,EAC7BgB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAGnBE,EAWEf,EAXFe,GACAC,EAUEhB,EAVFgB,SACAC,EASEjB,EATFiB,aACAC,EAQElB,EARFkB,UACAC,EAOEnB,EAPFmB,cACAC,EAMEpB,EANFoB,MAAKC,EAMHrB,EALFsB,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAIEvB,EAJFuB,SACAC,EAGExB,EAHFwB,SACAC,EAEEzB,EAFFyB,UAASC,EAEP1B,EADF2B,iBAAAA,OAAmB,IAAHD,GAAQA,EAEpBE,EAAmB5B,EAAnB4B,eAEAC,EAAMC,EAAO,MACbC,EAAWD,IAEXE,EAAsBC,EAAiB,CAAEJ,IAAKE,IAEpDG,GAAU,iBACFC,EAAUN,EAAIO,QAChBjC,GAAegC,GAAWvB,KACxBR,aAAS,EAATA,EAAWgC,UAAWD,EAExB/B,EAAUgC,QAAQC,UAAYF,EAAQG,UAAYhC,EAExB,QAA1BiC,EAAAJ,aAAO,EAAPA,EAASK,sBAAiB,IAAAD,GAAAA,EAAAE,KAAAN,EAAA,CAAEO,UAAW,WAG7C,GAAG,CAACb,EAAK1B,EAAaS,EAAwBR,EAAWE,EAAcqB,IAEvE,IAAMgB,EAAa,SACjBC,EACAC,EACA5C,GAEA,MAAiB,aAAb4C,EACMD,EAA4CE,EAAGC,EAAOC,WAAY/C,IAI1EgD,EAAAC,cAACC,EAAI,CACHlD,UAAW6C,EAAGC,EAAOC,WAAY/C,GACjC4C,SAAS,OACTD,KAAMA,EACNtB,SAAUA,EACV8B,kBAAgB,KAKhBC,EAAUC,GACd,SAACC,GACKhC,GACJhB,EAAcgD,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQO,EAAegB,IAG3BiC,EAAeF,GACnB,SAACC,GACKhC,GACJf,EAAc+C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQQ,EAAee,IAG3BkC,EAAeH,GACnB,SAACC,GACKhC,GACJd,EAAc8C,EAAOxD,EAAOC,GAAQ,EACrC,GACD,CAACD,EAAOC,EAAQS,EAAec,IAG3BmC,EAAYJ,GAChB,SAACC,GACKA,EAAMI,MAAQC,EAASC,OAASN,EAAMI,MAAQC,EAASE,OACzDvD,EAAcgD,EAAOxD,EAAOC,GAAQ,EAEvC,GACD,CAACO,EAAeR,EAAOC,IAEpB4B,IACHA,EAAiBI,EAAsBZ,EAAQ,MAGjD,IAAM2C,GAAsBC,GAAQ,WAAA,OAAMlD,GAAkBA,EAAed,EAAO,GAAE,CAACc,EAAgBd,IAE/FiE,GACJhB,EAAAC,cAAAD,EAAAiB,SAAA,KACGlD,GAAY2B,EAAW3B,EAAUC,EAAc8B,EAAOoB,MACvDlB,EAAAC,cAAA,MAAA,CAAKrB,IAAKE,EAAU9B,UAAW6C,EAAGC,EAAOqB,cACtChD,GAEFF,GAAayB,EAAWzB,EAAWC,EAAe,KAIvD,OACE8B,EAACC,cAAAmB,EAAQ,CAAAC,QAAS1C,GAChBqB,EAAAC,cAAA,MAAA,CACErB,IAAKA,EACL8B,IAAK5C,GAAMK,EACC,aAAAO,EAAmB,EAAI,EAAC,gBACrBzB,EAAQ,aACXuB,GAAaL,EACzBL,GAAIwD,EAAYxD,EAAIhB,GACP,cAAAyE,EAAUC,EAAuBC,gBAAiB3E,GAC/D0D,aAAcA,EACdJ,QAASA,EACTK,UAAWA,EACXF,aAAcA,EACdvD,UAAW6C,EAAGC,EAAO4B,eAAgB1E,EAAS2E,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3C7B,EAAOxB,SAAWA,GAClBwB,EAAOvB,SAAWA,GAClBuB,EAAO8B,OAAS3E,GAChB6C,EAAO+B,cAAgB3E,IAE1B4E,MAAO,CAAEC,OAAQtE,IAEhBqD,IAAuBE,IAIhC,GAE+C,CAAEgB,UAAWC"}

package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_b1614c246a",disabled:"disabled_4167cd0e78",selected:"selected_2736545331",active:"active_df02f73e73",activeOutline:"activeOutline_e960f92e47",optionLabel:"optionLabel_0f566488ce",optionIcon:"optionIcon_f3f285842f",left:"left_d5b745c040"};!function(o){const e="s_id-cc5db5fd586e_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_b1614c246a {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_b1614c246a.disabled_4167cd0e78 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_b1614c246a.disabled_4167cd0e78:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_b1614c246a.selected_2736545331 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_b1614c246a:hover:not(.disabled_4167cd0e78):not(.selected_2736545331),\n.comboboxOption_b1614c246a.active_df02f73e73 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_b1614c246a.activeOutline_e960f92e47 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_b1614c246a .optionLabel_0f566488ce {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_b1614c246a .optionIcon_f3f285842f {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_b1614c246a .optionIcon_f3f285842f.left_d5b745c040 {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_05f66c1d8a",disabled:"disabled_5e125f83a0",selected:"selected_048387885b",active:"active_4ca6d8a025",activeOutline:"activeOutline_c5e902220f",optionLabel:"optionLabel_1f4f59c9a5",optionIcon:"optionIcon_fb52ce32af",left:"left_1bd7088e85"};!function(o){const e="s_id-cc5db5fd586e_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_05f66c1d8a {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_05f66c1d8a.disabled_5e125f83a0 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_05f66c1d8a.disabled_5e125f83a0:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_05f66c1d8a.selected_048387885b {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_05f66c1d8a:hover:not(.disabled_5e125f83a0):not(.selected_048387885b),\n.comboboxOption_05f66c1d8a.active_4ca6d8a025 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_05f66c1d8a.activeOutline_c5e902220f {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_05f66c1d8a .optionLabel_1f4f59c9a5 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_05f66c1d8a .optionIcon_fb52ce32af {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_05f66c1d8a .optionIcon_fb52ce32af.left_1bd7088e85 {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_0354d2041d"};!function(e){const t="s_id-f549b49034f1_3_0_0-alpha_7";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)}(".stickyCategoryHeader_0354d2041d {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_1da59f1297"};!function(e){const t="s_id-f549b49034f1_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)}(".stickyCategoryHeader_1da59f1297 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_fdf742450d",withAnimation:"withAnimation_217b54fb35",counterPopElastic:"counterPopElastic_f3896a137f",sizeSmall:"sizeSmall_edcfb504a1",sizeLarge:"sizeLarge_ebccb79291",kindFill:"kindFill_48123095f9",colorPrimary:"colorPrimary_826894c9c3",colorDark:"colorDark_8e60f6e380",colorNegative:"colorNegative_687865249a",colorLight:"colorLight_f51e0e6257",kindLine:"kindLine_adab7f4932",fadeEnter:"fadeEnter_c1c92c22e6",fadeEnterActive:"fadeEnterActive_42088f5f81",fadeExit:"fadeExit_c6d2b3af0b",fadeExitActive:"fadeExitActive_7768cd63be","counter-pop-elastic":"counter-pop-elastic_246d31ad05"};!function(n){const o="s_id-2d04cfa2a785_3_0_0-alpha_7";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)}(".counter_fdf742450d {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_246d31ad05 {\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}\n.withAnimation_217b54fb35 {\n  animation: counterPopElastic_f3896a137f var(--motion-expressive-short);\n}\n.sizeSmall_edcfb504a1 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_ebccb79291 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_48123095f9.colorPrimary_826894c9c3 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_48123095f9.colorDark_8e60f6e380 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_48123095f9.colorNegative_687865249a {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_48123095f9.colorLight_f51e0e6257 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_adab7f4932 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_adab7f4932.colorPrimary_826894c9c3 {\n  color: var(--primary-color);\n}\n.kindLine_adab7f4932.colorDark_8e60f6e380 {\n  color: var(--inverted-color-background);\n}\n.kindLine_adab7f4932.colorNegative_687865249a {\n  color: var(--negative-color);\n}\n.kindLine_adab7f4932.colorLight_f51e0e6257 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_c1c92c22e6 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_42088f5f81 {\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/* Old number exits */\n.fadeExit_c6d2b3af0b {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_7768cd63be {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_f7d7ff4a94",withAnimation:"withAnimation_16f4f58f8c",counterPopElastic:"counterPopElastic_12e3597dab",sizeSmall:"sizeSmall_73562fa669",sizeLarge:"sizeLarge_096efd856f",kindFill:"kindFill_053c9fff3b",colorPrimary:"colorPrimary_c41fb90cdd",colorDark:"colorDark_14f3bb21c5",colorNegative:"colorNegative_ddba62c1ca",colorLight:"colorLight_0b592ee329",kindLine:"kindLine_e86d1b2344",fadeEnter:"fadeEnter_c6c1207e20",fadeEnterActive:"fadeEnterActive_93fe042902",fadeExit:"fadeExit_e679470392",fadeExitActive:"fadeExitActive_aee87510b3","counter-pop-elastic":"counter-pop-elastic_823945ca59"};!function(n){const o="s_id-2d04cfa2a785_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)}(".counter_f7d7ff4a94 {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-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}\n.withAnimation_16f4f58f8c {\n  animation: counterPopElastic_12e3597dab var(--motion-expressive-short);\n}\n.sizeSmall_73562fa669 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_096efd856f {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_053c9fff3b.colorPrimary_c41fb90cdd {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_053c9fff3b.colorDark_14f3bb21c5 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_053c9fff3b.colorNegative_ddba62c1ca {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_053c9fff3b.colorLight_0b592ee329 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_e86d1b2344 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_e86d1b2344.colorPrimary_c41fb90cdd {\n  color: var(--primary-color);\n}\n.kindLine_e86d1b2344.colorDark_14f3bb21c5 {\n  color: var(--inverted-color-background);\n}\n.kindLine_e86d1b2344.colorNegative_ddba62c1ca {\n  color: var(--negative-color);\n}\n.kindLine_e86d1b2344.colorLight_0b592ee329 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_c6c1207e20 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_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/* Old number exits */\n.fadeExit_e679470392 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_aee87510b3 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_9c8b40c412"};!function(e){const n="s_id-84193b4fa4fe_3_0_0-alpha_7";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)}(".navigationItemContainer_9c8b40c412 {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer_d893f5d3e5"};!function(e){const n="s_id-84193b4fa4fe_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)}(".navigationItemContainer_d893f5d3e5 {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_97286f3329",monthYearSelection:"monthYearSelection_d0c0116d3b",rangePickerMode:"rangePickerMode_dfb17cca33",withWeekNumber:"withWeekNumber_51d10a9f01",calendarDayWeekNumber:"calendarDayWeekNumber_63ec22f6df"};!function(e){const n="s_id-08c822721057_3_0_0-alpha_7";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)}('.datepickerContainer_97286f3329 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_97286f3329 table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_97286f3329 td {\n  border: none;\n}\n.datepickerContainer_97286f3329.monthYearSelection_d0c0116d3b table tbody {\n  opacity: 0;\n}\n.datepickerContainer_97286f3329.monthYearSelection_d0c0116d3b .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_97286f3329 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329 .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_97286f3329 .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_97286f3329 .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_97286f3329 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_97286f3329 .CalendarDay__blocked_calendar, .datepickerContainer_97286f3329 .CalendarDay__blocked_calendar:active, .datepickerContainer_97286f3329 .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_97286f3329 .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_97286f3329 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_97286f3329 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_97286f3329 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_97286f3329 .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span, .datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span:hover::before, .datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_97286f3329.rangePickerMode_dfb17cca33.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarDay .calendarDayWeekNumber_63ec22f6df {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_63ec22f6df {\n  display: flex;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_63ec22f6df {\n  display: none;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_97286f3329.withWeekNumber_51d10a9f01 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_1d6393fb2c",monthYearSelection:"monthYearSelection_c40c57b24f",rangePickerMode:"rangePickerMode_efe558f87c",withWeekNumber:"withWeekNumber_6fd8e774c4",calendarDayWeekNumber:"calendarDayWeekNumber_c8ed1f3382"};!function(e){const n="s_id-08c822721057_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)}('.datepickerContainer_1d6393fb2c {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_1d6393fb2c table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_1d6393fb2c td {\n  border: none;\n}\n.datepickerContainer_1d6393fb2c.monthYearSelection_c40c57b24f table tbody {\n  opacity: 0;\n}\n.datepickerContainer_1d6393fb2c.monthYearSelection_c40c57b24f .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_1d6393fb2c .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1d6393fb2c .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_1d6393fb2c .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c .CalendarDay__blocked_calendar, .datepickerContainer_1d6393fb2c .CalendarDay__blocked_calendar:active, .datepickerContainer_1d6393fb2c .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_1d6393fb2c .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_1d6393fb2c .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_1d6393fb2c .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_1d6393fb2c .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_1d6393fb2c .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span, .datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span:hover::before, .datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_1d6393fb2c.rangePickerMode_efe558f87c.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarDay .calendarDayWeekNumber_c8ed1f3382 {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_c8ed1f3382 {\n  display: flex;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_c8ed1f3382 {\n  display: none;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_1d6393fb2c.withWeekNumber_6fd8e774c4 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_a75f0b6eff",button:"button_57dcf74c7d",buttonContent:"buttonContent_44b1bef970"};!function(e){const n="s_id-89778422f1e0_3_0_0-alpha_7";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)}(".datePickerHeader_a75f0b6eff {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_a75f0b6eff .button_57dcf74c7d {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_a75f0b6eff .button_57dcf74c7d .buttonContent_44b1bef970 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_a75f0b6eff .button_57dcf74c7d .buttonContent_44b1bef970:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_1e019f4625",button:"button_b61f88ba05",buttonContent:"buttonContent_40bdf5693d"};!function(e){const n="s_id-89778422f1e0_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)}(".datePickerHeader_1e019f4625 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_1e019f4625 .button_b61f88ba05 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_1e019f4625 .button_b61f88ba05 .buttonContent_40bdf5693d {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_1e019f4625 .button_b61f88ba05 .buttonContent_40bdf5693d:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={monthYearPicker:"monthYearPicker_15c2932f8a",navigationWrapper:"navigationWrapper_b3ff53d48e",navigationLeft:"navigationLeft_dfc984e76c",navigationRight:"navigationRight_c97120db37",pickerOptions:"pickerOptions_625376a98c",pickerOption:"pickerOption_693826345c"};!function(n){const e="s_id-38af31aef936_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".monthYearPicker_15c2932f8a {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_15c2932f8a .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_15c2932f8a .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_15c2932f8a .navigationWrapper_b3ff53d48e {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_15c2932f8a .navigationWrapper_b3ff53d48e.navigationLeft_dfc984e76c {\n  left: 21px;\n}\n.monthYearPicker_15c2932f8a .navigationWrapper_b3ff53d48e.navigationRight_c97120db37 {\n  right: 21px;\n}\n.monthYearPicker_15c2932f8a .pickerOptions_625376a98c {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_15c2932f8a .pickerOptions_625376a98c .pickerOption_693826345c {\n  min-width: 66px;\n}\n.monthYearPicker_15c2932f8a .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{n as default};
+var e={monthYearPicker:"monthYearPicker_223cc73128",navigationWrapper:"navigationWrapper_6b23e8eb36",navigationLeft:"navigationLeft_ac59d64de2",navigationRight:"navigationRight_81201b35ca",pickerOptions:"pickerOptions_67c3c1d8fa",pickerOption:"pickerOption_0ba1d6beaa"};!function(e){const n="s_id-38af31aef936_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)}(".monthYearPicker_223cc73128 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_223cc73128 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_223cc73128 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36.navigationLeft_ac59d64de2 {\n  left: 21px;\n}\n.monthYearPicker_223cc73128 .navigationWrapper_6b23e8eb36.navigationRight_81201b35ca {\n  right: 21px;\n}\n.monthYearPicker_223cc73128 .pickerOptions_67c3c1d8fa {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_223cc73128 .pickerOptions_67c3c1d8fa .pickerOption_0ba1d6beaa {\n  min-width: 66px;\n}\n.monthYearPicker_223cc73128 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map

package/dist/src/components/DatePicker/external_datepicker.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-13718576d5f3_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
+var n='/*  stylelint-disable scss/no-global-function-names */\n.PresetDateRangePicker_panel {\n  padding: 0 22px 11px;\n}\n.PresetDateRangePicker_button {\n  position: relative;\n  height: 100%;\n  text-align: center;\n  background: 0 0;\n  border: 2px solid #00a699;\n  color: #00a699;\n  padding: 4px 12px;\n  margin-right: 8px;\n  font: inherit;\n  font-weight: 700;\n  line-height: normal;\n  overflow: visible;\n  box-sizing: border-box;\n  cursor: pointer;\n}\n.PresetDateRangePicker_button:active {\n  outline: 0;\n}\n.PresetDateRangePicker_button__selected {\n  color: #fff;\n  background: #00a699;\n}\n.SingleDatePickerInput {\n  display: inline-block;\n  background-color: #fff;\n}\n.SingleDatePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.SingleDatePickerInput__rtl {\n  direction: rtl;\n}\n.SingleDatePickerInput__disabled {\n  background-color: #f2f2f2;\n}\n.SingleDatePickerInput__block {\n  display: block;\n}\n.SingleDatePickerInput__showClearDate {\n  padding-right: 30px;\n}\n.SingleDatePickerInput_clearDate {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.SingleDatePickerInput_clearDate__default:focus,\n.SingleDatePickerInput_clearDate__default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.SingleDatePickerInput_clearDate__small {\n  padding: 6px;\n}\n.SingleDatePickerInput_clearDate__hide {\n  visibility: hidden;\n}\n.SingleDatePickerInput_clearDate_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.SingleDatePickerInput_clearDate_svg__small {\n  height: 9px;\n}\n.SingleDatePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.SingleDatePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.SingleDatePicker {\n  position: relative;\n  display: inline-block;\n}\n.SingleDatePicker__block {\n  display: block;\n}\n.SingleDatePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.SingleDatePicker_picker__rtl {\n  direction: rtl;\n}\n.SingleDatePicker_picker__directionLeft {\n  left: 0;\n}\n.SingleDatePicker_picker__directionRight {\n  right: 0;\n}\n.SingleDatePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.SingleDatePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.SingleDatePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.SingleDatePicker_closeButton:focus,\n.SingleDatePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.SingleDatePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_buttonReset {\n  background: 0 0;\n  border: 0;\n  border-radius: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  padding: 0;\n  cursor: pointer;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_buttonReset:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_show {\n  width: 33px;\n  height: 26px;\n  position: absolute;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_show::before {\n  content: "";\n  display: block;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight {\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight::before {\n  border-top: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  bottom: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topRight {\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight::before {\n  border-bottom: 26px solid transparent;\n  border-right: 33px solid #00a699;\n  top: 0;\n  right: 0;\n}\n.DayPickerKeyboardShortcuts_show__topRight:hover::before {\n  border-right: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_show__topLeft {\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft::before {\n  border-bottom: 26px solid transparent;\n  border-left: 33px solid #00a699;\n  top: 0;\n  left: 0;\n}\n.DayPickerKeyboardShortcuts_show__topLeft:hover::before {\n  border-left: 33px solid #008489;\n}\n.DayPickerKeyboardShortcuts_showSpan {\n  color: #fff;\n  position: absolute;\n}\n.DayPickerKeyboardShortcuts_showSpan__bottomRight {\n  bottom: 0;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topRight {\n  top: 1px;\n  right: 5px;\n}\n.DayPickerKeyboardShortcuts_showSpan__topLeft {\n  top: 1px;\n  left: 5px;\n}\n.DayPickerKeyboardShortcuts_panel {\n  overflow: auto;\n  background: #fff;\n  border: 1px solid #dbdbdb;\n  border-radius: 2px;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  z-index: 2;\n  padding: 22px;\n  margin: 33px;\n  text-align: left;\n}\n.DayPickerKeyboardShortcuts_title {\n  font-size: 16px;\n  font-weight: 700;\n  margin: 0;\n}\n.DayPickerKeyboardShortcuts_list {\n  list-style: none;\n  padding: 0;\n  font-size: 14px;\n}\n.DayPickerKeyboardShortcuts_close {\n  position: absolute;\n  right: 22px;\n  top: 22px;\n  z-index: 2;\n}\n.DayPickerKeyboardShortcuts_close:active {\n  outline: 0;\n}\n.DayPickerKeyboardShortcuts_closeSvg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}\n.DayPickerKeyboardShortcuts_closeSvg:focus,\n.DayPickerKeyboardShortcuts_closeSvg:hover {\n  fill: #82888a;\n}\n.CalendarDay {\n  box-sizing: border-box;\n  cursor: pointer;\n  font-size: 14px;\n  text-align: center;\n}\n.CalendarDay:active {\n  outline: 0;\n}\n.CalendarDay__defaultCursor {\n  cursor: default;\n}\n.CalendarDay__default {\n  border: 1px solid #e4e7e7;\n  color: #484848;\n  background: #fff;\n}\n.CalendarDay__default:hover {\n  background: #e4e7e7;\n  border: 1px solid #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__hovered_offset {\n  background: #f4f5f5;\n  border: 1px double #e4e7e7;\n  color: inherit;\n}\n.CalendarDay__outside {\n  border: 0;\n  background: #fff;\n  color: #484848;\n}\n.CalendarDay__outside:hover {\n  border: 0;\n}\n.CalendarDay__blocked_minimum_nights {\n  background: #fff;\n  border: 1px solid #eceeee;\n  color: #cacccd;\n}\n.CalendarDay__blocked_minimum_nights:active,\n.CalendarDay__blocked_minimum_nights:hover {\n  background: #fff;\n  color: #cacccd;\n}\n.CalendarDay__highlighted_calendar {\n  background: #ffe8bc;\n  color: #484848;\n}\n.CalendarDay__highlighted_calendar:active,\n.CalendarDay__highlighted_calendar:hover {\n  background: #ffce71;\n  color: #484848;\n}\n.CalendarDay__selected_span {\n  background: #66e2da;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected_span:active,\n.CalendarDay__selected_span:hover {\n  background: #33dacd;\n  border: 1px double #33dacd;\n  color: #fff;\n}\n.CalendarDay__selected,\n.CalendarDay__selected:active,\n.CalendarDay__selected:hover {\n  background: #00a699;\n  border: 1px double #00a699;\n  color: #fff;\n}\n.CalendarDay__hovered_span,\n.CalendarDay__hovered_span:hover {\n  background: #b2f1ec;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__hovered_span:active {\n  background: #80e8e0;\n  border: 1px double #80e8e0;\n  color: #007a87;\n}\n.CalendarDay__blocked_calendar,\n.CalendarDay__blocked_calendar:active,\n.CalendarDay__blocked_calendar:hover {\n  background: #cacccd;\n  border: 1px solid #cacccd;\n  color: #82888a;\n}\n.CalendarDay__blocked_out_of_range,\n.CalendarDay__blocked_out_of_range:active,\n.CalendarDay__blocked_out_of_range:hover {\n  background: #fff;\n  border: 1px solid #e4e7e7;\n  color: #cacccd;\n}\n.CalendarDay__hovered_start_first_possible_end {\n  background: #eceeee;\n  border: 1px double #eceeee;\n}\n.CalendarDay__hovered_start_blocked_min_nights {\n  background: #eceeee;\n  border: 1px double #e4e7e7;\n}\n.CalendarMonth {\n  background: #fff;\n  text-align: center;\n  vertical-align: top;\n  user-select: none;\n}\n.CalendarMonth_table {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n.CalendarMonth_verticalSpacing {\n  border-collapse: separate;\n}\n.CalendarMonth_caption {\n  color: #484848;\n  font-size: 18px;\n  text-align: center;\n  padding-top: 22px;\n  padding-bottom: 37px;\n  caption-side: initial;\n}\n.CalendarMonth_caption__verticalScrollable {\n  padding-top: 12px;\n  padding-bottom: 7px;\n}\n.CalendarMonthGrid {\n  background: #fff;\n  text-align: left;\n  z-index: 0;\n}\n.CalendarMonthGrid__animating {\n  z-index: 1;\n}\n.CalendarMonthGrid__horizontal {\n  position: absolute;\n  left: 9px;\n}\n.CalendarMonthGrid__vertical,\n.CalendarMonthGrid__vertical_scrollable {\n  margin: 0 auto;\n}\n.CalendarMonthGrid_month__horizontal {\n  display: inline-block;\n  vertical-align: top;\n  min-height: 100%;\n}\n.CalendarMonthGrid_month__hideForAnimation {\n  position: absolute;\n  z-index: -1;\n  opacity: 0;\n  pointer-events: none;\n}\n.CalendarMonthGrid_month__hidden {\n  visibility: hidden;\n}\n.DayPickerNavigation {\n  position: relative;\n  z-index: 2;\n}\n.DayPickerNavigation__horizontal {\n  height: 0;\n}\n.DayPickerNavigation__verticalScrollable_prevNav {\n  z-index: 1;\n}\n.DayPickerNavigation__verticalDefault {\n  position: absolute;\n  width: 100%;\n  height: 52px;\n  bottom: 0;\n  left: 0;\n}\n.DayPickerNavigation__verticalScrollableDefault {\n  position: relative;\n}\n.DayPickerNavigation__bottom {\n  height: auto;\n}\n.DayPickerNavigation__bottomDefault {\n  -webkit-box-pack: justify;\n  -ms-flex-pack: justify;\n  display: flex;\n  justify-content: space-between;\n}\n.DayPickerNavigation_button {\n  cursor: pointer;\n  user-select: none;\n  border: 0;\n  padding: 0;\n  margin: 0;\n}\n.DayPickerNavigation_button__default {\n  border: 1px solid #e4e7e7;\n  background-color: #fff;\n  color: #757575;\n}\n.DayPickerNavigation_button__default:focus,\n.DayPickerNavigation_button__default:hover {\n  border: 1px solid #c4c4c4;\n}\n.DayPickerNavigation_button__default:active {\n  background: #f2f2f2;\n}\n.DayPickerNavigation_button__disabled {\n  cursor: default;\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:focus,\n.DayPickerNavigation_button__disabled:hover {\n  border: 1px solid #f2f2f2;\n}\n.DayPickerNavigation_button__disabled:active {\n  background: 0 0;\n}\n.DayPickerNavigation_button__horizontalDefault {\n  position: absolute;\n  top: 18px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.DayPickerNavigation_bottomButton__horizontalDefault {\n  position: static;\n  margin: -10px 22px 30px;\n}\n.DayPickerNavigation_leftButton__horizontalDefault {\n  left: 22px;\n}\n.DayPickerNavigation_rightButton__horizontalDefault {\n  right: 22px;\n}\n.DayPickerNavigation_button__verticalDefault {\n  padding: 5px;\n  background: #fff;\n  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: inline-block;\n  text-align: center;\n  height: 100%;\n  width: 50%;\n}\n.DayPickerNavigation_nextButton__verticalDefault {\n  border-left: 0;\n}\n.DayPickerNavigation_nextButton__verticalScrollableDefault,\n.DayPickerNavigation_prevButton__verticalScrollableDefault {\n  width: 100%;\n}\n.DayPickerNavigation_svg__horizontal {\n  height: 19px;\n  width: 19px;\n  fill: #82888a;\n  display: block;\n}\n.DayPickerNavigation_svg__vertical {\n  height: 42px;\n  width: 42px;\n  fill: #484848;\n}\n.DayPickerNavigation_svg__disabled {\n  fill: #f2f2f2;\n}\n.DayPicker {\n  background: #fff;\n  position: relative;\n  text-align: left;\n}\n.DayPicker__horizontal {\n  background: #fff;\n}\n.DayPicker__verticalScrollable {\n  height: 100%;\n}\n.DayPicker__hidden {\n  visibility: hidden;\n}\n.DayPicker__withBorder {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);\n  border-radius: 3px;\n}\n.DayPicker_portal__horizontal {\n  box-shadow: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n}\n.DayPicker_portal__vertical {\n  position: initial;\n}\n.DayPicker_focusRegion {\n  outline: 0;\n}\n.DayPicker_calendarInfo__horizontal,\n.DayPicker_wrapper__horizontal {\n  display: inline-block;\n  vertical-align: top;\n}\n.DayPicker_weekHeaders {\n  position: relative;\n}\n.DayPicker_weekHeaders__horizontal {\n  margin-left: 9px;\n}\n.DayPicker_weekHeader {\n  color: #757575;\n  position: absolute;\n  top: 62px;\n  z-index: 2;\n  text-align: left;\n}\n.DayPicker_weekHeader__vertical {\n  left: 50%;\n}\n.DayPicker_weekHeader__verticalScrollable {\n  top: 0;\n  display: table-row;\n  border-bottom: 1px solid #dbdbdb;\n  background: #fff;\n  margin-left: 0;\n  left: 0;\n  width: 100%;\n  text-align: center;\n}\n.DayPicker_weekHeader_ul {\n  list-style: none;\n  margin: 1px 0;\n  padding-left: 0;\n  padding-right: 0;\n  font-size: 14px;\n}\n.DayPicker_weekHeader_li {\n  display: inline-block;\n  text-align: center;\n}\n.DayPicker_transitionContainer {\n  position: relative;\n  overflow: hidden;\n  border-radius: 3px;\n}\n.DayPicker_transitionContainer__horizontal {\n  transition: height 0.2s ease-in-out;\n}\n.DayPicker_transitionContainer__vertical {\n  width: 100%;\n}\n.DayPicker_transitionContainer__verticalScrollable {\n  padding-top: 20px;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  overflow-y: scroll;\n}\n.DateInput {\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  position: relative;\n  display: inline-block;\n  width: 130px;\n  vertical-align: middle;\n}\n.DateInput__small {\n  width: 97px;\n}\n.DateInput__block {\n  width: 100%;\n}\n.DateInput__disabled {\n  background: #f2f2f2;\n  color: #dbdbdb;\n}\n.DateInput_input {\n  font-weight: 200;\n  font-size: 19px;\n  line-height: 24px;\n  color: #484848;\n  background-color: #fff;\n  width: 100%;\n  padding: 11px 11px 9px;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid transparent;\n  border-left: 0;\n  border-radius: 0;\n}\n.DateInput_input__small {\n  font-size: 15px;\n  line-height: 18px;\n  letter-spacing: 0.2px;\n  padding: 7px 7px 5px;\n}\n.DateInput_input__regular {\n  font-weight: auto;\n}\n.DateInput_input__readOnly {\n  user-select: none;\n}\n.DateInput_input__focused {\n  outline: 0;\n  background: #fff;\n  border: 0;\n  border-top: 0;\n  border-right: 0;\n  border-bottom: 2px solid #008489;\n  border-left: 0;\n}\n.DateInput_input__disabled {\n  background: #f2f2f2;\n  font-style: italic;\n}\n.DateInput_screenReaderMessage {\n  border: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n}\n.DateInput_fang {\n  position: absolute;\n  width: 20px;\n  height: 10px;\n  left: 22px;\n  z-index: 2;\n}\n.DateInput_fangShape {\n  fill: #fff;\n}\n.DateInput_fangStroke {\n  stroke: #dbdbdb;\n  fill: transparent;\n}\n.DateRangePickerInput {\n  background-color: #fff;\n  display: inline-block;\n}\n.DateRangePickerInput__disabled {\n  background: #f2f2f2;\n}\n.DateRangePickerInput__withBorder {\n  border-radius: 2px;\n  border: 1px solid #dbdbdb;\n}\n.DateRangePickerInput__rtl {\n  direction: rtl;\n}\n.DateRangePickerInput__block {\n  display: block;\n}\n.DateRangePickerInput__showClearDates {\n  padding-right: 30px;\n}\n.DateRangePickerInput_arrow {\n  display: inline-block;\n  vertical-align: middle;\n  color: #484848;\n}\n.DateRangePickerInput_arrow_svg {\n  vertical-align: middle;\n  fill: #484848;\n  height: 24px;\n  width: 24px;\n}\n.DateRangePickerInput_clearDates {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  padding: 10px;\n  margin: 0 10px 0 5px;\n  position: absolute;\n  right: 0;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.DateRangePickerInput_clearDates__small {\n  padding: 6px;\n}\n.DateRangePickerInput_clearDates_default:focus,\n.DateRangePickerInput_clearDates_default:hover {\n  background: #dbdbdb;\n  border-radius: 50%;\n}\n.DateRangePickerInput_clearDates__hide {\n  visibility: hidden;\n}\n.DateRangePickerInput_clearDates_svg {\n  fill: #82888a;\n  height: 12px;\n  width: 15px;\n  vertical-align: middle;\n}\n.DateRangePickerInput_clearDates_svg__small {\n  height: 9px;\n}\n.DateRangePickerInput_calendarIcon {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  display: inline-block;\n  vertical-align: middle;\n  padding: 10px;\n  margin: 0 5px 0 10px;\n}\n.DateRangePickerInput_calendarIcon_svg {\n  fill: #82888a;\n  height: 15px;\n  width: 14px;\n  vertical-align: middle;\n}\n.DateRangePicker {\n  position: relative;\n  display: inline-block;\n}\n.DateRangePicker__block {\n  display: block;\n}\n.DateRangePicker_picker {\n  z-index: 1;\n  background-color: #fff;\n  position: absolute;\n}\n.DateRangePicker_picker__rtl {\n  direction: rtl;\n}\n.DateRangePicker_picker__directionLeft {\n  left: 0;\n}\n.DateRangePicker_picker__directionRight {\n  right: 0;\n}\n.DateRangePicker_picker__portal {\n  background-color: rgba(0, 0, 0, 0.3);\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.DateRangePicker_picker__fullScreenPortal {\n  background-color: #fff;\n}\n.DateRangePicker_closeButton {\n  background: 0 0;\n  border: 0;\n  color: inherit;\n  font: inherit;\n  line-height: normal;\n  overflow: visible;\n  cursor: pointer;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 15px;\n  z-index: 2;\n}\n.DateRangePicker_closeButton:focus,\n.DateRangePicker_closeButton:hover {\n  color: #b0b3b4;\n  text-decoration: none;\n}\n.DateRangePicker_closeButton_svg {\n  height: 15px;\n  width: 15px;\n  fill: #cacccd;\n}';!function(n){const e="s_id-13718576d5f3_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(n);export{n as default};
 //# sourceMappingURL=external_datepicker.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={arrow:"arrow_292e7ebb36"};!function(e){const n="s_id-a5825d2828c8_3_0_0-alpha_7";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)}(".arrow_292e7ebb36 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_292e7ebb36[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_292e7ebb36[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_292e7ebb36[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_292e7ebb36[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var e={arrow:"arrow_38360a4061"};!function(e){const n="s_id-a5825d2828c8_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)}(".arrow_38360a4061 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n\n.arrow_38360a4061[data-placement*=bottom] {\n  top: 1px;\n}\n\n.arrow_38360a4061[data-placement*=top] {\n  bottom: 1px;\n}\n\n.arrow_38360a4061[data-placement*=left] {\n  right: 1px;\n}\n\n.arrow_38360a4061[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
 //# sourceMappingURL=Dialog.module.scss.js.map

package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={contentWrapper:"contentWrapper_4993a5d9a0",top:"top_bb38efc043",right:"right_f91135c681",left:"left_376fb623d8",bottom:"bottom_7e96e9bbc2",bottomStart:"bottomStart_70251af003",topStart:"topStart_228212a8b4",bottomEnd:"bottomEnd_8ec717dbfe",topEnd:"topEnd_68f889e4d6",leftStart:"leftStart_27a4955e51",rightStart:"rightStart_f7ef4e34c1",leftEnd:"leftEnd_9fb81ee58b",rightEnd:"rightEnd_f37d8358c0",contentComponent:"contentComponent_4993a5d9a0",hasTooltip:"hasTooltip_b6fc2c608b",opacitySlideAppear:"opacitySlideAppear_9742a20baf",opacitySlideAppearActive:"opacitySlideAppearActive_6b77b263fb",expandAppear:"expandAppear_c119428be8",expandExit:"expandExit_992584174e",edgeBottom:"edgeBottom_a4c2101b14",edgeTop:"edgeTop_bf38989343",expandAppearActive:"expandAppearActive_a4cda115e3"};!function(e){const t="s_id-ca4097b848ab_3_0_0-alpha_7";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_4993a5d9a0 {\n  outline: 0;\n}\n.contentWrapper_4993a5d9a0.top_bb38efc043, .contentWrapper_4993a5d9a0.right_f91135c681, .contentWrapper_4993a5d9a0.left_376fb623d8, .contentWrapper_4993a5d9a0.bottom_7e96e9bbc2 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.bottomStart_70251af003, .contentWrapper_4993a5d9a0.topStart_228212a8b4, .contentWrapper_4993a5d9a0.bottomEnd_8ec717dbfe, .contentWrapper_4993a5d9a0.topEnd_68f889e4d6 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.bottomStart_70251af003, .contentWrapper_4993a5d9a0.topStart_228212a8b4 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.bottomEnd_8ec717dbfe, .contentWrapper_4993a5d9a0.topEnd_68f889e4d6 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.leftStart_27a4955e51, .contentWrapper_4993a5d9a0.rightStart_f7ef4e34c1, .contentWrapper_4993a5d9a0.leftEnd_9fb81ee58b, .contentWrapper_4993a5d9a0.rightEnd_f37d8358c0 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.leftStart_27a4955e51, .contentWrapper_4993a5d9a0.rightStart_f7ef4e34c1 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0.leftEnd_9fb81ee58b, .contentWrapper_4993a5d9a0.rightEnd_f37d8358c0 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_4993a5d9a0[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_4993a5d9a0:focus {\n  outline: none;\n}\n.contentComponent_4993a5d9a0.hasTooltip_b6fc2c608b {\n  padding: 6px;\n}\n.opacitySlideAppear_9742a20baf {\n  opacity: 0;\n}\n.opacitySlideAppear_9742a20baf.top_bb38efc043 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_9742a20baf.right_f91135c681 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_9742a20baf.bottom_7e96e9bbc2 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_9742a20baf.left_376fb623d8 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_6b77b263fb {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_6b77b263fb.top_bb38efc043, .opacitySlideAppearActive_6b77b263fb.bottom_7e96e9bbc2 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_6b77b263fb.right_f91135c681, .opacitySlideAppearActive_6b77b263fb.left_376fb623d8 {\n  transform: translateX(0);\n}\n.expandAppear_c119428be8,\n.expandExit_992584174e {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_c119428be8.top_bb38efc043, .expandAppear_c119428be8.topStart_228212a8b4, .expandAppear_c119428be8.topEnd_68f889e4d6,\n.expandExit_992584174e.top_bb38efc043,\n.expandExit_992584174e.topStart_228212a8b4,\n.expandExit_992584174e.topEnd_68f889e4d6 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.top_bb38efc043.edgeBottom_a4c2101b14, .expandAppear_c119428be8.topStart_228212a8b4.edgeBottom_a4c2101b14, .expandAppear_c119428be8.topEnd_68f889e4d6.edgeBottom_a4c2101b14,\n.expandExit_992584174e.top_bb38efc043.edgeBottom_a4c2101b14,\n.expandExit_992584174e.topStart_228212a8b4.edgeBottom_a4c2101b14,\n.expandExit_992584174e.topEnd_68f889e4d6.edgeBottom_a4c2101b14 {\n  transform-origin: bottom left;\n}\n.expandAppear_c119428be8.top_bb38efc043.edgeTop_bf38989343, .expandAppear_c119428be8.topStart_228212a8b4.edgeTop_bf38989343, .expandAppear_c119428be8.topEnd_68f889e4d6.edgeTop_bf38989343,\n.expandExit_992584174e.top_bb38efc043.edgeTop_bf38989343,\n.expandExit_992584174e.topStart_228212a8b4.edgeTop_bf38989343,\n.expandExit_992584174e.topEnd_68f889e4d6.edgeTop_bf38989343 {\n  transform-origin: bottom right;\n}\n.expandAppear_c119428be8.right_f91135c681, .expandAppear_c119428be8.rightStart_f7ef4e34c1, .expandAppear_c119428be8.rightEnd_f37d8358c0,\n.expandExit_992584174e.right_f91135c681,\n.expandExit_992584174e.rightStart_f7ef4e34c1,\n.expandExit_992584174e.rightEnd_f37d8358c0 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.right_f91135c681.edgeBottom_a4c2101b14, .expandAppear_c119428be8.rightStart_f7ef4e34c1.edgeBottom_a4c2101b14, .expandAppear_c119428be8.rightEnd_f37d8358c0.edgeBottom_a4c2101b14,\n.expandExit_992584174e.right_f91135c681.edgeBottom_a4c2101b14,\n.expandExit_992584174e.rightStart_f7ef4e34c1.edgeBottom_a4c2101b14,\n.expandExit_992584174e.rightEnd_f37d8358c0.edgeBottom_a4c2101b14 {\n  transform-origin: top left;\n}\n.expandAppear_c119428be8.right_f91135c681.edgeTop_bf38989343, .expandAppear_c119428be8.rightStart_f7ef4e34c1.edgeTop_bf38989343, .expandAppear_c119428be8.rightEnd_f37d8358c0.edgeTop_bf38989343,\n.expandExit_992584174e.right_f91135c681.edgeTop_bf38989343,\n.expandExit_992584174e.rightStart_f7ef4e34c1.edgeTop_bf38989343,\n.expandExit_992584174e.rightEnd_f37d8358c0.edgeTop_bf38989343 {\n  transform-origin: bottom left;\n}\n.expandAppear_c119428be8.bottom_7e96e9bbc2, .expandAppear_c119428be8.bottomStart_70251af003, .expandAppear_c119428be8.bottomEnd_8ec717dbfe,\n.expandExit_992584174e.bottom_7e96e9bbc2,\n.expandExit_992584174e.bottomStart_70251af003,\n.expandExit_992584174e.bottomEnd_8ec717dbfe {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.bottom_7e96e9bbc2.edgeBottom_a4c2101b14, .expandAppear_c119428be8.bottomStart_70251af003.edgeBottom_a4c2101b14, .expandAppear_c119428be8.bottomEnd_8ec717dbfe.edgeBottom_a4c2101b14,\n.expandExit_992584174e.bottom_7e96e9bbc2.edgeBottom_a4c2101b14,\n.expandExit_992584174e.bottomStart_70251af003.edgeBottom_a4c2101b14,\n.expandExit_992584174e.bottomEnd_8ec717dbfe.edgeBottom_a4c2101b14 {\n  transform-origin: top left;\n}\n.expandAppear_c119428be8.bottom_7e96e9bbc2.edgeTop_bf38989343, .expandAppear_c119428be8.bottomStart_70251af003.edgeTop_bf38989343, .expandAppear_c119428be8.bottomEnd_8ec717dbfe.edgeTop_bf38989343,\n.expandExit_992584174e.bottom_7e96e9bbc2.edgeTop_bf38989343,\n.expandExit_992584174e.bottomStart_70251af003.edgeTop_bf38989343,\n.expandExit_992584174e.bottomEnd_8ec717dbfe.edgeTop_bf38989343 {\n  transform-origin: top right;\n}\n.expandAppear_c119428be8.left_376fb623d8, .expandAppear_c119428be8.leftStart_27a4955e51, .expandAppear_c119428be8.leftEnd_9fb81ee58b,\n.expandExit_992584174e.left_376fb623d8,\n.expandExit_992584174e.leftStart_27a4955e51,\n.expandExit_992584174e.leftEnd_9fb81ee58b {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_c119428be8.left_376fb623d8.edgeBottom_a4c2101b14, .expandAppear_c119428be8.leftStart_27a4955e51.edgeBottom_a4c2101b14, .expandAppear_c119428be8.leftEnd_9fb81ee58b.edgeBottom_a4c2101b14,\n.expandExit_992584174e.left_376fb623d8.edgeBottom_a4c2101b14,\n.expandExit_992584174e.leftStart_27a4955e51.edgeBottom_a4c2101b14,\n.expandExit_992584174e.leftEnd_9fb81ee58b.edgeBottom_a4c2101b14 {\n  transform-origin: top right;\n}\n.expandAppear_c119428be8.left_376fb623d8.edgeTop_bf38989343, .expandAppear_c119428be8.leftStart_27a4955e51.edgeTop_bf38989343, .expandAppear_c119428be8.leftEnd_9fb81ee58b.edgeTop_bf38989343,\n.expandExit_992584174e.left_376fb623d8.edgeTop_bf38989343,\n.expandExit_992584174e.leftStart_27a4955e51.edgeTop_bf38989343,\n.expandExit_992584174e.leftEnd_9fb81ee58b.edgeTop_bf38989343 {\n  transform-origin: bottom right;\n}\n.expandExit_992584174e {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_a4cda115e3 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_a4cda115e3.top_bb38efc043, .expandAppearActive_a4cda115e3.topStart_228212a8b4, .expandAppearActive_a4cda115e3.topEnd_68f889e4d6, .expandAppearActive_a4cda115e3.bottom_7e96e9bbc2, .expandAppearActive_a4cda115e3.bottomStart_70251af003, .expandAppearActive_a4cda115e3.bottomEnd_8ec717dbfe, .expandAppearActive_a4cda115e3.right_f91135c681, .expandAppearActive_a4cda115e3.rightStart_f7ef4e34c1, .expandAppearActive_a4cda115e3.rightEnd_f37d8358c0, .expandAppearActive_a4cda115e3.left_376fb623d8, .expandAppearActive_a4cda115e3.leftStart_27a4955e51, .expandAppearActive_a4cda115e3.leftEnd_9fb81ee58b {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_f2a8a3ade5",top:"top_10fc01a4ea",right:"right_9340b70d02",left:"left_053973a0f0",bottom:"bottom_442cedbff5",bottomStart:"bottomStart_a604d26aab",topStart:"topStart_03a64e22f9",bottomEnd:"bottomEnd_396aca6ca2",topEnd:"topEnd_371c4a22c1",leftStart:"leftStart_93508ed49a",rightStart:"rightStart_66dabf7cb7",leftEnd:"leftEnd_319f4ee7a5",rightEnd:"rightEnd_470d8466d2",contentComponent:"contentComponent_f2a8a3ade5",hasTooltip:"hasTooltip_3b4ed9c45f",opacitySlideAppear:"opacitySlideAppear_1ece397b6f",opacitySlideAppearActive:"opacitySlideAppearActive_adf1c720c2",expandAppear:"expandAppear_68e4d9c213",expandExit:"expandExit_2b3ccc94e6",edgeBottom:"edgeBottom_a4c55483b1",edgeTop:"edgeTop_8786b05c2e",expandAppearActive:"expandAppearActive_e2dfb8fc01"};!function(e){const a="s_id-ca4097b848ab_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".contentWrapper_f2a8a3ade5 {\n  outline: 0;\n}\n.contentWrapper_f2a8a3ade5.top_10fc01a4ea, .contentWrapper_f2a8a3ade5.right_9340b70d02, .contentWrapper_f2a8a3ade5.left_053973a0f0, .contentWrapper_f2a8a3ade5.bottom_442cedbff5 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.bottomStart_a604d26aab, .contentWrapper_f2a8a3ade5.topStart_03a64e22f9, .contentWrapper_f2a8a3ade5.bottomEnd_396aca6ca2, .contentWrapper_f2a8a3ade5.topEnd_371c4a22c1 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.bottomStart_a604d26aab, .contentWrapper_f2a8a3ade5.topStart_03a64e22f9 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.bottomEnd_396aca6ca2, .contentWrapper_f2a8a3ade5.topEnd_371c4a22c1 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.leftStart_93508ed49a, .contentWrapper_f2a8a3ade5.rightStart_66dabf7cb7, .contentWrapper_f2a8a3ade5.leftEnd_319f4ee7a5, .contentWrapper_f2a8a3ade5.rightEnd_470d8466d2 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.leftStart_93508ed49a, .contentWrapper_f2a8a3ade5.rightStart_66dabf7cb7 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5.leftEnd_319f4ee7a5, .contentWrapper_f2a8a3ade5.rightEnd_470d8466d2 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_f2a8a3ade5[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_f2a8a3ade5:focus {\n  outline: none;\n}\n.contentComponent_f2a8a3ade5.hasTooltip_3b4ed9c45f {\n  padding: 6px;\n}\n.opacitySlideAppear_1ece397b6f {\n  opacity: 0;\n}\n.opacitySlideAppear_1ece397b6f.top_10fc01a4ea {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_1ece397b6f.right_9340b70d02 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_1ece397b6f.bottom_442cedbff5 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_1ece397b6f.left_053973a0f0 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_adf1c720c2 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_adf1c720c2.top_10fc01a4ea, .opacitySlideAppearActive_adf1c720c2.bottom_442cedbff5 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_adf1c720c2.right_9340b70d02, .opacitySlideAppearActive_adf1c720c2.left_053973a0f0 {\n  transform: translateX(0);\n}\n.expandAppear_68e4d9c213,\n.expandExit_2b3ccc94e6 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_68e4d9c213.top_10fc01a4ea, .expandAppear_68e4d9c213.topStart_03a64e22f9, .expandAppear_68e4d9c213.topEnd_371c4a22c1,\n.expandExit_2b3ccc94e6.top_10fc01a4ea,\n.expandExit_2b3ccc94e6.topStart_03a64e22f9,\n.expandExit_2b3ccc94e6.topEnd_371c4a22c1 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.top_10fc01a4ea.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.topStart_03a64e22f9.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.topEnd_371c4a22c1.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.top_10fc01a4ea.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.topStart_03a64e22f9.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.topEnd_371c4a22c1.edgeBottom_a4c55483b1 {\n  transform-origin: bottom left;\n}\n.expandAppear_68e4d9c213.top_10fc01a4ea.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.topStart_03a64e22f9.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.topEnd_371c4a22c1.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.top_10fc01a4ea.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.topStart_03a64e22f9.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.topEnd_371c4a22c1.edgeTop_8786b05c2e {\n  transform-origin: bottom right;\n}\n.expandAppear_68e4d9c213.right_9340b70d02, .expandAppear_68e4d9c213.rightStart_66dabf7cb7, .expandAppear_68e4d9c213.rightEnd_470d8466d2,\n.expandExit_2b3ccc94e6.right_9340b70d02,\n.expandExit_2b3ccc94e6.rightStart_66dabf7cb7,\n.expandExit_2b3ccc94e6.rightEnd_470d8466d2 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.right_9340b70d02.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.rightStart_66dabf7cb7.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.rightEnd_470d8466d2.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.right_9340b70d02.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.rightStart_66dabf7cb7.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.rightEnd_470d8466d2.edgeBottom_a4c55483b1 {\n  transform-origin: top left;\n}\n.expandAppear_68e4d9c213.right_9340b70d02.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.rightStart_66dabf7cb7.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.rightEnd_470d8466d2.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.right_9340b70d02.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.rightStart_66dabf7cb7.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.rightEnd_470d8466d2.edgeTop_8786b05c2e {\n  transform-origin: bottom left;\n}\n.expandAppear_68e4d9c213.bottom_442cedbff5, .expandAppear_68e4d9c213.bottomStart_a604d26aab, .expandAppear_68e4d9c213.bottomEnd_396aca6ca2,\n.expandExit_2b3ccc94e6.bottom_442cedbff5,\n.expandExit_2b3ccc94e6.bottomStart_a604d26aab,\n.expandExit_2b3ccc94e6.bottomEnd_396aca6ca2 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.bottom_442cedbff5.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.bottomStart_a604d26aab.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.bottomEnd_396aca6ca2.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.bottom_442cedbff5.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.bottomStart_a604d26aab.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.bottomEnd_396aca6ca2.edgeBottom_a4c55483b1 {\n  transform-origin: top left;\n}\n.expandAppear_68e4d9c213.bottom_442cedbff5.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.bottomStart_a604d26aab.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.bottomEnd_396aca6ca2.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.bottom_442cedbff5.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.bottomStart_a604d26aab.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.bottomEnd_396aca6ca2.edgeTop_8786b05c2e {\n  transform-origin: top right;\n}\n.expandAppear_68e4d9c213.left_053973a0f0, .expandAppear_68e4d9c213.leftStart_93508ed49a, .expandAppear_68e4d9c213.leftEnd_319f4ee7a5,\n.expandExit_2b3ccc94e6.left_053973a0f0,\n.expandExit_2b3ccc94e6.leftStart_93508ed49a,\n.expandExit_2b3ccc94e6.leftEnd_319f4ee7a5 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_68e4d9c213.left_053973a0f0.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.leftStart_93508ed49a.edgeBottom_a4c55483b1, .expandAppear_68e4d9c213.leftEnd_319f4ee7a5.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.left_053973a0f0.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.leftStart_93508ed49a.edgeBottom_a4c55483b1,\n.expandExit_2b3ccc94e6.leftEnd_319f4ee7a5.edgeBottom_a4c55483b1 {\n  transform-origin: top right;\n}\n.expandAppear_68e4d9c213.left_053973a0f0.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.leftStart_93508ed49a.edgeTop_8786b05c2e, .expandAppear_68e4d9c213.leftEnd_319f4ee7a5.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.left_053973a0f0.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.leftStart_93508ed49a.edgeTop_8786b05c2e,\n.expandExit_2b3ccc94e6.leftEnd_319f4ee7a5.edgeTop_8786b05c2e {\n  transform-origin: bottom right;\n}\n.expandExit_2b3ccc94e6 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_e2dfb8fc01 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_e2dfb8fc01.top_10fc01a4ea, .expandAppearActive_e2dfb8fc01.topStart_03a64e22f9, .expandAppearActive_e2dfb8fc01.topEnd_371c4a22c1, .expandAppearActive_e2dfb8fc01.bottom_442cedbff5, .expandAppearActive_e2dfb8fc01.bottomStart_a604d26aab, .expandAppearActive_e2dfb8fc01.bottomEnd_396aca6ca2, .expandAppearActive_e2dfb8fc01.right_9340b70d02, .expandAppearActive_e2dfb8fc01.rightStart_66dabf7cb7, .expandAppearActive_e2dfb8fc01.rightEnd_470d8466d2, .expandAppearActive_e2dfb8fc01.left_053973a0f0, .expandAppearActive_e2dfb8fc01.leftStart_93508ed49a, .expandAppearActive_e2dfb8fc01.leftEnd_319f4ee7a5 {\n  transform: scale(1);\n}");export{e as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer_8224d28bb1",sizeSmall:"sizeSmall_e82fddb2e4",sizeMedium:"sizeMedium_6799a28bb7",sizeLarge:"sizeLarge_f934dceff0",typePopover:"typePopover_21fd551098",typeModal:"typeModal_bd4b875997"};!function(e){const n="s_id-84014680658e_3_0_0-alpha_7";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_8224d28bb1:focus {\n  outline: none;\n}\n\n.sizeSmall_e82fddb2e4 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_6799a28bb7 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_f934dceff0 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_21fd551098 {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_bd4b875997 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer_e3e088cee5",sizeSmall:"sizeSmall_7ec0c2e0cc",sizeMedium:"sizeMedium_6625bd71a8",sizeLarge:"sizeLarge_81b7f25070",typePopover:"typePopover_17682f773f",typeModal:"typeModal_5d31e7eab0"};!function(e){const n="s_id-84014680658e_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer_e3e088cee5:focus {\n  outline: none;\n}\n\n.sizeSmall_7ec0c2e0cc {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_6625bd71a8 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_81b7f25070 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_17682f773f {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal_5d31e7eab0 {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={divider:"divider_6fb464ebef",withoutMargin:"withoutMargin_a212d2e4bf",horizontal:"horizontal_ead5c2b0a3",vertical:"vertical_0eb72e91fe"};!function(e){const n="s_id-290500f5721e_3_0_0-alpha_7";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)}(".divider_6fb464ebef {\n  background-color: var(--layout-border-color);\n}\n\n.divider_6fb464ebef.withoutMargin_a212d2e4bf {\n  margin: 0;\n}\n\n.horizontal_ead5c2b0a3 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_0eb72e91fe {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_3320968c5e",withoutMargin:"withoutMargin_f59b884126",horizontal:"horizontal_1964fd9755",vertical:"vertical_9cd4c740e2"};!function(e){const n="s_id-290500f5721e_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)}(".divider_3320968c5e {\n  background-color: var(--layout-border-color);\n}\n\n.divider_3320968c5e.withoutMargin_f59b884126 {\n  margin: 0;\n}\n\n.horizontal_1964fd9755 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_9cd4c740e2 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useEffect as p,useCallback as m}from"react";import f,{createFilter as v,components as O}from"react-select";import b from"react-select/async";import g from"react-select/base";import{noop as j}from"lodash-es";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import S from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as D,DROPDOWN_MENU_PLACEMENT as R,DROPDOWN_MENU_POSITION as V,ADD_AUTO_HEIGHT_COMPONENTS as P,defaultCustomStyles as A,DROPDOWN_ID as W,DROPDOWN_MENU_ID as L,DROPDOWN_MENU_ARIA_LABEL as x,DROPDOWN_INPUT_ARIA_LABEL as z}from"./DropdownConstants.js";import E,{customTheme as N}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import T from"./components/menu/menu.module.scss.js";import B from"./Dropdown.module.scss.js";import{withStaticProps as k}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var H=k(l((function(a,l){var v=a.className,D=a.optionWrapperClassName,R=a.singleValueWrapperClassName,V=a.dropdownMenuWrapperClassName,k=a.placeholder,H=void 0===k?"":k,G=a.disabled,K=void 0!==G&&G,_=a.readOnly,q=void 0!==_&&_,J=a.onMenuOpen,Q=void 0===J?j:J,U=a.onMenuClose,X=void 0===U?j:U,Y=a.onFocus,Z=void 0===Y?j:Y,$=a.onBlur,ee=void 0===$?j:$,ne=a.onScroll,oe=void 0===ne?j:ne,te=a.onMenuScrollToBottom,re=void 0===te?j:te,ie=a.onChange,ae=void 0===ie?j:ie,se=a.searchable,le=void 0===se||se,ce=a.captureMenuScroll,ue=void 0!==ce&&ce,de=a.options,pe=void 0===de?[]:de,me=a.defaultValue,fe=a.value,ve=a.noOptionsMessage,Oe=a.openMenuOnFocus,be=a.openMenuOnClick,ge=a.clearable,je=void 0===ge||ge,Ce=a.OptionRenderer,Me=a.optionRenderer,ye=a.ValueRenderer,he=a.valueRenderer,we=a.menuRenderer,Se=a.menuPlacement,Ie=void 0===Se?"bottom":Se,De=a.rtl,Re=a.size,Ve=void 0===Re?"medium":Re,Pe=a.asyncOptions,Ae=a.cacheOptions,We=a.defaultOptions,Le=a.isVirtualized,xe=a.menuPortalTarget,ze=a.extraStyles,Ee=void 0===ze?A:ze,Ne=a.maxMenuHeight,Fe=a.menuIsOpen,Te=a.tabIndex,Be=void 0===Te?"0":Te,ke=a.id,He=void 0===ke?W:ke,Ge=a.menuId,Ke=void 0===Ge?L:Ge,_e=a.menuAriaLabel,qe=void 0===_e?x:_e,Je=a.inputAriaLabel,Qe=void 0===Je?z:Je,Ue=a.autoFocus,Xe=void 0!==Ue&&Ue,Ye=a.multi,Ze=void 0!==Ye&&Ye,$e=a.multiline,en=void 0!==$e&&$e,nn=a.onOptionRemove,on=a.onOptionSelect,tn=a.onClear,rn=a.onInputChange,an=void 0===rn?j:rn,sn=a.closeMenuOnSelect,ln=void 0===sn?!Ze:sn,cn=a.closeMenuOnScroll,un=void 0!==cn&&cn,dn=a.withMandatoryDefaultOptions,pn=void 0!==dn&&dn,mn=a.isOptionSelected,fn=a.insideOverflowContainer,vn=void 0!==fn&&fn,On=a.insideOverflowWithTransformContainer,bn=void 0!==On&&On,gn=a.tooltipContent,jn=void 0===gn?"":gn,Cn=a.onKeyDown,Mn=void 0===Cn?j:Cn,yn=a.isLoading,hn=void 0!==yn&&yn,wn=a.loadingMessage,Sn=a.ariaLabel,In=a.tabSelectsValue,Dn=void 0===In||In,Rn=a.popupsContainerSelector,Vn=a.filterOption,Pn=a.menuPosition,An=void 0===Pn?"absolute":Pn,Wn=a["data-testid"],Ln=a.withGroupDivider,xn=void 0!==Ln&&Ln,zn=c(),En=xe||Rn&&document.querySelector(Rn),Nn=u((function(){return me?Array.isArray(me)?me.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},me),{isMandatory:!0}):me}),[me]);g.prototype.renderLiveRegion=function(){return null};var Fn=d(null),Tn=e(Fn,2),Bn=Tn[0],kn=Tn[1];p((function(){I()&&import("react-windowed-select").then((function(e){kn((function(){return e.WindowedMenuList}))}))}),[]);var Hn=d(Nn||[]),Gn=e(Hn,2),Kn=Gn[0],_n=Gn[1],qn=d(""),Jn=e(qn,2),Qn=Jn[0],Un=Jn[1],Xn=Me||Ce,Yn=he||ye,Zn=!!fe,$n=null!=fe?fe:Kn,eo=u((function(){return Array.isArray($n)?$n.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[$n]),no=u((function(){return Sn||"".concat(q?"Readonly ":""," ").concat(jn," ").concat(Array.isArray($n)?"Selected: ".concat($n.map((function(e){return e.label})).join(", ")):"Select")}),[Sn,q,$n,jn]),oo=Ze?$n:fe,to=u((function(){var o=E({size:Ve,rtl:De,insideOverflowContainer:vn,controlRef:zn,insideOverflowWithTransformContainer:bn,withGroupDivider:xn}),t=Ee(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Ze){en&&P.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ve,De,vn,bn,Ee,Ze,en]),ro=m((function(e){return s.createElement(C,Object.assign({},e,{id:Ke,ariaLabel:qe,Renderer:we,dropdownMenuWrapperClassName:V,onScroll:oe}))}),[V,we,Ke,qe,oe]),io=m((function(e){return s.createElement(M,Object.assign({},e,{size:Ve}))}),[Ve]),ao=m((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:Un},e,{Renderer:Xn,optionWrapperClassName:D}))}),[Xn,D,Un]),so=m((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(O.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!q&&t,"aria-label":Qe,"aria-controls":Ke}))}),[Ke,q]),lo=m((function(e){return s.createElement(h,Object.assign({},e,{readOnly:q,Renderer:Yn,selectedOption:$n[0],singleValueWrapperClassName:R}))}),[Yn,q,$n,R]),co=m((function(e){return s.createElement(w,Object.assign({},e,{size:Ve}))}),[Ve]),uo=u((function(){return function(e,n){nn&&nn(eo[e]);var o=Array.isArray($n)?$n.filter((function(n){return n.value!==e})):$n;ae&&ae(o,n),_n(o)}}),[ae,nn,$n,eo]),po=u((function(){return{selectedOptions:$n,onSelectedDelete:uo,isMultiline:en,insideOverflowContainer:vn,insideOverflowWithTransformContainer:bn,controlRef:zn,tooltipContent:jn,popupsContainerSelector:Rn,size:Ve}}),[$n,uo,en,vn,bn,jn,Rn,Ve]),mo=Pe?b:f,fo=Object.assign({},Pe&&Object.assign({loadOptions:Pe,cacheOptions:Ae},We&&{defaultOptions:We})),vo=Object.assign(Object.assign({},!Pe&&{options:pe}),Ze&&{isMulti:!0}),Oo=m((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(T.dropdownMenuWrapper))&&(un||vn||bn)}),[vn,bn,un]);return s.createElement(mo,Object.assign({className:i(B.dropdown,v),selectProps:po,components:Object.assign(Object.assign({DropdownIndicator:io,Menu:ro,ClearIndicator:co,Input:so,Option:ao,Control:F,SingleValue:lo},Ze&&{MultiValue:j,ValueContainer:S}),Le&&Bn&&{MenuList:Bn}),closeMenuOnScroll:Oo,size:Ve,noOptionsMessage:ve,placeholder:H,isDisabled:K,isClearable:!q&&je,isSearchable:!q&&le,readOnly:q,"aria-readonly":q,"aria-label":no,"aria-details":jn,"aria-haspopup":"listbox",defaultValue:me,value:oo,onMenuOpen:Q,onMenuClose:X,onFocus:Z,onBlur:ee,onMenuScrollToBottom:re,captureMenuScroll:ue,onChange:function(e,n){switch(ae&&ae(e,n),n.action){case"select-option":var t=Ze?n.option:e;on&&on(t),Zn||_n([].concat(o($n),[t]));break;case"clear":tn&&tn(),Zn||_n(pn?Nn:[])}},onKeyDown:Mn,onInputChange:an,openMenuOnFocus:Oe,openMenuOnClick:be,focusedOptionId:Qn,isRtl:De,styles:to,theme:N,maxMenuHeight:Ne,menuPortalTarget:En,menuPlacement:Ie,menuPosition:An,menuIsOpen:!q&&Fe,tabIndex:Be,id:He,"data-testid":Wn||t(r.DROPDOWN,He),autoFocus:Xe,closeMenuOnSelect:ln,ref:l,withMandatoryDefaultOptions:pn,isOptionSelected:mn,isLoading:hn,loadingMessage:wn,tabSelectsValue:Dn,filterOption:Vn},fo,vo))})),{sizes:a,chipColors:D,menuPlacements:R,menuPositions:V,createFilter:v});export{H as default};
+import{slicedToArray as e,defineProperty as n,toConsumableArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../tests/testIds.js";import i from"classnames";import{BaseSizes as a}from"../../constants/sizes.js";import s,{forwardRef as l,useRef as c,useMemo as u,useState as d,useEffect as p,useCallback as m}from"react";import f,{createFilter as v,components as O}from"react-select";import b from"react-select/async/dist/react-select.esm.js";import g from"react-select/base/dist/react-select.esm.js";import{noop as j}from"lodash-es";import C from"./components/menu/menu.js";import M from"./components/DropdownIndicator/DropdownIndicator.js";import y from"./components/option/option.js";import h from"./components/singleValue/singleValue.js";import w from"./components/ClearIndicator/ClearIndicator.js";import S from"./components/MultiValueContainer/MultiValueContainer.js";import{isClient as I}from"../../utils/ssr-utils.js";import{DROPDOWN_CHIP_COLORS as D,DROPDOWN_MENU_PLACEMENT as R,DROPDOWN_MENU_POSITION as V,ADD_AUTO_HEIGHT_COMPONENTS as P,defaultCustomStyles as A,DROPDOWN_ID as W,DROPDOWN_MENU_ID as L,DROPDOWN_MENU_ARIA_LABEL as x,DROPDOWN_INPUT_ARIA_LABEL as z}from"./DropdownConstants.js";import E,{customTheme as N}from"./Dropdown.styles.js";import F from"./components/Control/Control.js";import T from"./components/menu/menu.module.scss.js";import B from"./Dropdown.module.scss.js";import{withStaticProps as k}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var H=k(l((function(a,l){var v=a.className,D=a.optionWrapperClassName,R=a.singleValueWrapperClassName,V=a.dropdownMenuWrapperClassName,k=a.placeholder,H=void 0===k?"":k,G=a.disabled,K=void 0!==G&&G,_=a.readOnly,q=void 0!==_&&_,J=a.onMenuOpen,Q=void 0===J?j:J,U=a.onMenuClose,X=void 0===U?j:U,Y=a.onFocus,Z=void 0===Y?j:Y,$=a.onBlur,ee=void 0===$?j:$,ne=a.onScroll,oe=void 0===ne?j:ne,te=a.onMenuScrollToBottom,re=void 0===te?j:te,ie=a.onChange,ae=void 0===ie?j:ie,se=a.searchable,le=void 0===se||se,ce=a.captureMenuScroll,ue=void 0!==ce&&ce,de=a.options,pe=void 0===de?[]:de,me=a.defaultValue,fe=a.value,ve=a.noOptionsMessage,Oe=a.openMenuOnFocus,be=a.openMenuOnClick,ge=a.clearable,je=void 0===ge||ge,Ce=a.OptionRenderer,Me=a.optionRenderer,ye=a.ValueRenderer,he=a.valueRenderer,we=a.menuRenderer,Se=a.menuPlacement,Ie=void 0===Se?"bottom":Se,De=a.rtl,Re=a.size,Ve=void 0===Re?"medium":Re,Pe=a.asyncOptions,Ae=a.cacheOptions,We=a.defaultOptions,Le=a.isVirtualized,xe=a.menuPortalTarget,ze=a.extraStyles,Ee=void 0===ze?A:ze,Ne=a.maxMenuHeight,Fe=a.menuIsOpen,Te=a.tabIndex,Be=void 0===Te?"0":Te,ke=a.id,He=void 0===ke?W:ke,Ge=a.menuId,Ke=void 0===Ge?L:Ge,_e=a.menuAriaLabel,qe=void 0===_e?x:_e,Je=a.inputAriaLabel,Qe=void 0===Je?z:Je,Ue=a.autoFocus,Xe=void 0!==Ue&&Ue,Ye=a.multi,Ze=void 0!==Ye&&Ye,$e=a.multiline,en=void 0!==$e&&$e,nn=a.onOptionRemove,on=a.onOptionSelect,tn=a.onClear,rn=a.onInputChange,an=void 0===rn?j:rn,sn=a.closeMenuOnSelect,ln=void 0===sn?!Ze:sn,cn=a.closeMenuOnScroll,un=void 0!==cn&&cn,dn=a.withMandatoryDefaultOptions,pn=void 0!==dn&&dn,mn=a.isOptionSelected,fn=a.insideOverflowContainer,vn=void 0!==fn&&fn,On=a.insideOverflowWithTransformContainer,bn=void 0!==On&&On,gn=a.tooltipContent,jn=void 0===gn?"":gn,Cn=a.onKeyDown,Mn=void 0===Cn?j:Cn,yn=a.isLoading,hn=void 0!==yn&&yn,wn=a.loadingMessage,Sn=a.ariaLabel,In=a.tabSelectsValue,Dn=void 0===In||In,Rn=a.popupsContainerSelector,Vn=a.filterOption,Pn=a.menuPosition,An=void 0===Pn?"absolute":Pn,Wn=a["data-testid"],Ln=a.withGroupDivider,xn=void 0!==Ln&&Ln,zn=c(),En=xe||Rn&&document.querySelector(Rn),Nn=u((function(){return me?Array.isArray(me)?me.map((function(e){return Object.assign(Object.assign({},e),{isMandatory:!0})})):Object.assign(Object.assign({},me),{isMandatory:!0}):me}),[me]);g.prototype.renderLiveRegion=function(){return null};var Fn=d(null),Tn=e(Fn,2),Bn=Tn[0],kn=Tn[1];p((function(){I()&&import("react-windowed-select").then((function(e){kn((function(){return e.WindowedMenuList}))}))}),[]);var Hn=d(Nn||[]),Gn=e(Hn,2),Kn=Gn[0],_n=Gn[1],qn=d(""),Jn=e(qn,2),Qn=Jn[0],Un=Jn[1],Xn=Me||Ce,Yn=he||ye,Zn=!!fe,$n=null!=fe?fe:Kn,eo=u((function(){return Array.isArray($n)?$n.reduce((function(e,o){return Object.assign(Object.assign({},e),n({},o.value,o))}),{}):{}}),[$n]),no=u((function(){return Sn||"".concat(q?"Readonly ":""," ").concat(jn," ").concat(Array.isArray($n)?"Selected: ".concat($n.map((function(e){return e.label})).join(", ")):"Select")}),[Sn,q,$n,jn]),oo=Ze?$n:fe,to=u((function(){var o=E({size:Ve,rtl:De,insideOverflowContainer:vn,controlRef:zn,insideOverflowWithTransformContainer:bn,withGroupDivider:xn}),t=Ee(o),r=Object.entries(t).reduce((function(t,r){var i=e(r,2),a=i[0],s=i[1];return Object.assign(Object.assign({},t),n({},a,(function(e,n){var t=o[a],r=t?t(e,n):e;return s(r,n)})))}),{});if(Ze){en&&P.forEach((function(e){var n=r[e];r[e]=function(e,o){return Object.assign(Object.assign({},n(e,o)),{height:"auto"})}}));var i=r.valueContainer;r.valueContainer=function(e,n){return Object.assign(Object.assign({},i(e,n)),{paddingLeft:6})}}return r}),[Ve,De,vn,bn,Ee,Ze,en]),ro=m((function(e){return s.createElement(C,Object.assign({},e,{id:Ke,ariaLabel:qe,Renderer:we,dropdownMenuWrapperClassName:V,onScroll:oe}))}),[V,we,Ke,qe,oe]),io=m((function(e){return s.createElement(M,Object.assign({},e,{size:Ve}))}),[Ve]),ao=m((function(e){return s.createElement(y,Object.assign({setFocusedOptionId:Un},e,{Renderer:Xn,optionWrapperClassName:D}))}),[Xn,D,Un]),so=m((function(e){var n=e.selectProps,o=n.focusedOptionId,t=n.menuIsOpen;return s.createElement(O.Input,Object.assign({},e,{"aria-activedescendant":o&&t?o:"",role:"combobox","aria-expanded":!q&&t,"aria-label":Qe,"aria-controls":Ke}))}),[Ke,q]),lo=m((function(e){return s.createElement(h,Object.assign({},e,{readOnly:q,Renderer:Yn,selectedOption:$n[0],singleValueWrapperClassName:R}))}),[Yn,q,$n,R]),co=m((function(e){return s.createElement(w,Object.assign({},e,{size:Ve}))}),[Ve]),uo=u((function(){return function(e,n){nn&&nn(eo[e]);var o=Array.isArray($n)?$n.filter((function(n){return n.value!==e})):$n;ae&&ae(o,n),_n(o)}}),[ae,nn,$n,eo]),po=u((function(){return{selectedOptions:$n,onSelectedDelete:uo,isMultiline:en,insideOverflowContainer:vn,insideOverflowWithTransformContainer:bn,controlRef:zn,tooltipContent:jn,popupsContainerSelector:Rn,size:Ve}}),[$n,uo,en,vn,bn,jn,Rn,Ve]),mo=Pe?b:f,fo=Object.assign({},Pe&&Object.assign({loadOptions:Pe,cacheOptions:Ae},We&&{defaultOptions:We})),vo=Object.assign(Object.assign({},!Pe&&{options:pe}),Ze&&{isMulti:!0}),Oo=m((function(e){var n,o=e.target;return!(null===(n=null==o?void 0:o.parentElement)||void 0===n?void 0:n.classList.contains(T.dropdownMenuWrapper))&&(un||vn||bn)}),[vn,bn,un]);return s.createElement(mo,Object.assign({className:i(B.dropdown,v),selectProps:po,components:Object.assign(Object.assign({DropdownIndicator:io,Menu:ro,ClearIndicator:co,Input:so,Option:ao,Control:F,SingleValue:lo},Ze&&{MultiValue:j,ValueContainer:S}),Le&&Bn&&{MenuList:Bn}),closeMenuOnScroll:Oo,size:Ve,noOptionsMessage:ve,placeholder:H,isDisabled:K,isClearable:!q&&je,isSearchable:!q&&le,readOnly:q,"aria-readonly":q,"aria-label":no,"aria-details":jn,"aria-haspopup":"listbox",defaultValue:me,value:oo,onMenuOpen:Q,onMenuClose:X,onFocus:Z,onBlur:ee,onMenuScrollToBottom:re,captureMenuScroll:ue,onChange:function(e,n){switch(ae&&ae(e,n),n.action){case"select-option":var t=Ze?n.option:e;on&&on(t),Zn||_n([].concat(o($n),[t]));break;case"clear":tn&&tn(),Zn||_n(pn?Nn:[])}},onKeyDown:Mn,onInputChange:an,openMenuOnFocus:Oe,openMenuOnClick:be,focusedOptionId:Qn,isRtl:De,styles:to,theme:N,maxMenuHeight:Ne,menuPortalTarget:En,menuPlacement:Ie,menuPosition:An,menuIsOpen:!q&&Fe,tabIndex:Be,id:He,"data-testid":Wn||t(r.DROPDOWN,He),autoFocus:Xe,closeMenuOnSelect:ln,ref:l,withMandatoryDefaultOptions:pn,isOptionSelected:mn,isLoading:hn,loadingMessage:wn,tabSelectsValue:Dn,filterOption:Vn},fo,vo))})),{sizes:a,chipColors:D,menuPlacements:R,menuPositions:V,createFilter:v});export{H as default};
 //# sourceMappingURL=Dropdown.js.map