npm - @vibe/core - Versions diffs - 3.70.2-alpha-23478.0 → 3.70.3 - Mend

@vibe/core 3.70.2-alpha-23478.0 → 3.70.3

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

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

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_fd19f2459f",optionsContainer:"optionsContainer_dbd16b4bf8",categoryWithOptions:"categoryWithOptions_8affeffa37",firstCategory:"firstCategory_9d1d0e159f",categoryWithoutOptions:"categoryWithoutOptions_d4d0be119b"};!function(t){const e="s_id-4d4facb041a8_3_70_1";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_fd19f2459f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_fd19f2459f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_dbd16b4bf8 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_8affeffa37.firstCategory_9d1d0e159f,\n.categoryWithoutOptions_d4d0be119b.firstCategory_9d1d0e159f {\n  padding-top: 0;\n}\n.categoryWithOptions_8affeffa37 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_d4d0be119b {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_9bf8239abc",optionsContainer:"optionsContainer_b84a7670dc",categoryWithOptions:"categoryWithOptions_c766b83651",firstCategory:"firstCategory_1aa123cfc3",categoryWithoutOptions:"categoryWithoutOptions_3aff909fa9"};!function(t){const o="s_id-4d4facb041a8_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=t)}(".scrollableContainer_9bf8239abc::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_9bf8239abc::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_b84a7670dc {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_c766b83651.firstCategory_1aa123cfc3,\n.categoryWithoutOptions_3aff909fa9.firstCategory_1aa123cfc3 {\n  padding-top: 0;\n}\n.categoryWithOptions_c766b83651 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_3aff909fa9 {\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 s}from"react";import l from"../../../Icon/Icon.js";import c from"../../../Tooltip/Tooltip.js";import a from"../../../../hooks/useIsOverflowing/useIsOverflowing.js";import{keyCodes as p}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import{getOptionId as m}from"../../helpers.js";import{withStaticPropsWithoutForwardRef as f}from"../../../../types/withStaticProps.js";import"../../../../utils/colors-vars-map.js";import{ComboboxOptionIconType as u}from"../ComboboxConstants.js";import{getTestId as d,ComponentDefaultTestId as v}from"../../../../tests/testIds.js";import b from"./ComboboxOption.module.scss.js";var O=f((function(f){var u=f.index,O=f.option,h=f.className,y=f.isActive,j=f.visualFocus,I=f.scrollRef,g=f.scrollOffset,T=void 0===g?100:g,C=f.onOptionClick,E=f.onOptionLeave,k=f.onOptionHover,N=f.optionLineHeight,P=f.shouldScrollWhenActive,S=void 0===P||P,w=f.optionRenderer,x=void 0===w?null:w,L=O.id,H=O.leftIcon,R=O.leftIconType,z=O.rightIcon,A=O.rightIconType,B=O.label,F=O.iconSize,M=void 0===F?18:F,_=O.disabled,W=O.selected,D=O.ariaLabel,K=O.belongToCategory,V=void 0!==K&&K,X=O.tooltipContent,q=n(null),G=n(),J=a({ref:G});i((function(){var o,e=q.current;j&&e&&S&&((null==I?void 0:I.current)&&e?I.current.scrollTop=e.offsetTop-T:null===(o=null==e?void 0:e.scrollIntoView)||void 0===o||o.call(e,{behaviour:"smooth"}))}),[q,j,S,I,T,V]);var Q=function(o,n,i){return"renderer"===n?o(e(b.optionIcon,i)):t.createElement(l,{className:e(b.optionIcon,i),iconType:"font",icon:o,iconSize:M,ignoreFocusStyle:!0})},U=r((function(o){_||C(o,u,O,!0)}),[u,O,C,_]),Y=r((function(o){_||E(o,u,O,!0)}),[u,O,E,_]),Z=r((function(o){_||k(o,u,O,!0)}),[u,O,k,_]),$=r((function(o){o.key!==p.ENTER&&o.key!==p.SPACE||C(o,u,O,!1)}),[C,u,O]);X||(X=J?B:null);var oo=s((function(){return x&&x(O)}),[x,O]),eo=t.createElement(t.Fragment,null,H&&Q(H,R,b.left),t.createElement("div",{ref:G,className:e(b.optionLabel)},B),z&&Q(z,A,""));return t.createElement(c,Object.assign({},O.tooltipProps,{content:X,hideWhenReferenceHidden:!0}),t.createElement("div",{ref:q,key:L||B,"aria-level":V?2:1,"aria-selected":y,"aria-label":D||B,id:m(L,u),"data-testid":d(v.COMBOBOX_OPTION,u),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:e(b.comboboxOption,h,o(o(o(o({},b.disabled,_),b.selected,W),b.active,y),b.activeOutline,j)),style:{height:N}},oo||eo))}),{iconTypes:u});export{O 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 s}from"react";import l from"../../../Tooltip/Tooltip.js";import c from"../../../../hooks/useIsOverflowing/useIsOverflowing.js";import{keyCodes as a}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import{getOptionId as p}from"../../helpers.js";import{withStaticPropsWithoutForwardRef as m}from"../../../../types/withStaticProps.js";import"../../../../utils/colors-vars-map.js";import{ComboboxOptionIconType as f}from"../ComboboxConstants.js";import{getTestId as u,ComponentDefaultTestId as d}from"../../../../tests/testIds.js";import v from"./ComboboxOption.module.scss.js";import b from"../../../../../components/icon/dist/Icon/Icon.js";var O=m((function(m){var f=m.index,O=m.option,h=m.className,y=m.isActive,j=m.visualFocus,I=m.scrollRef,g=m.scrollOffset,T=void 0===g?100:g,C=m.onOptionClick,E=m.onOptionLeave,k=m.onOptionHover,N=m.optionLineHeight,P=m.shouldScrollWhenActive,S=void 0===P||P,w=m.optionRenderer,x=void 0===w?null:w,L=O.id,H=O.leftIcon,R=O.leftIconType,z=O.rightIcon,A=O.rightIconType,B=O.label,F=O.iconSize,M=void 0===F?18:F,_=O.disabled,W=O.selected,D=O.ariaLabel,K=O.belongToCategory,V=void 0!==K&&K,X=O.tooltipContent,q=n(null),G=n(),J=c({ref:G});i((function(){var o,e=q.current;j&&e&&S&&((null==I?void 0:I.current)&&e?I.current.scrollTop=e.offsetTop-T:null===(o=null==e?void 0:e.scrollIntoView)||void 0===o||o.call(e,{behaviour:"smooth"}))}),[q,j,S,I,T,V]);var Q=function(o,n,i){return"renderer"===n?o(e(v.optionIcon,i)):t.createElement(b,{className:e(v.optionIcon,i),iconType:"font",icon:o,iconSize:M,ignoreFocusStyle:!0})},U=r((function(o){_||C(o,f,O,!0)}),[f,O,C,_]),Y=r((function(o){_||E(o,f,O,!0)}),[f,O,E,_]),Z=r((function(o){_||k(o,f,O,!0)}),[f,O,k,_]),$=r((function(o){o.key!==a.ENTER&&o.key!==a.SPACE||C(o,f,O,!1)}),[C,f,O]);X||(X=J?B:null);var oo=s((function(){return x&&x(O)}),[x,O]),eo=t.createElement(t.Fragment,null,H&&Q(H,R,v.left),t.createElement("div",{ref:G,className:e(v.optionLabel)},B),z&&Q(z,A,""));return t.createElement(l,Object.assign({},O.tooltipProps,{content:X,hideWhenReferenceHidden:!0}),t.createElement("div",{ref:q,key:L||B,"aria-level":V?2:1,"aria-selected":y,"aria-label":D||B,id:p(L,f),"data-testid":u(d.COMBOBOX_OPTION,f),onMouseEnter:Z,onClick:U,onKeyDown:$,onMouseLeave:Y,className:e(v.comboboxOption,h,o(o(o(o({},v.disabled,_),v.selected,W),v.active,y),v.activeOutline,j)),style:{height:N}},oo||eo))}),{iconTypes:f});export{O 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, { type 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\";\nimport { getOptionId } from \"../../helpers\";\nimport { type SubIcon, withStaticPropsWithoutForwardRef } from \"../../../../types\";\nimport {\n ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n type IComboboxOption,\n type IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { type 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 /*\n The index of the option in the list.\n /\n index?: number;\n /\n The option data containing label, icons, and other properties.\n /\n option?: IComboboxOption;\n /\n Class name applied to the option element.\n /\n className?: string;\n /\n If true, the option is currently active.\n /\n isActive?: boolean;\n /\n If true, the option has visual focus.\n /\n visualFocus?: boolean;\n /\n A reference to the scroll container.\n /\n scrollRef?: RefObject<HTMLElement>;\n /\n The amount of offset when scrolling to the active item.\n /\n scrollOffset?: number;\n /\n The height of each option.\n /\n optionLineHeight?: number;\n /\n If true, scrolls to the active option when it is selected.\n /\n shouldScrollWhenActive?: boolean;\n /\n Custom renderer for the option content.\n */\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption = ({\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}: ComboboxOptionProps) => {\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 {...option.tooltipProps} content={tooltipContent} hideWhenReferenceHidden>\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\ninterface ComboboxOptionStaticProps {\n iconTypes: typeof ComboboxOptionIconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ComboboxOptionProps, ComboboxOptionStaticProps>(ComboboxOption, {\n iconTypes: ComboboxOptionIconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_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","Object","assign","tooltipProps","content","hideWhenReferenceHidden","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"kzBA4DA,IAmJeA,EAAAA,GAnJQ,SAAHC,GAcM,IAbxBC,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,EAAAC,cAACmB,EAAOC,OAAAC,OAAA,CAAA,EAAKvE,EAAOwE,aAAY,CAAEC,QAAS7C,EAAgB8C,yBAAuB,IAChFzB,EAAAC,cAAA,MAAA,CACErB,IAAKA,EACL8B,IAAK5C,GAAMK,EACC,aAAAO,EAAmB,EAAI,EAAC,gBACrBzB,EAAQ,aACXuB,GAAaL,EACzBL,GAAI4D,EAAY5D,EAAIhB,GACP,cAAA6E,EAAUC,EAAuBC,gBAAiB/E,GAC/D0D,aAAcA,EACdJ,QAASA,EACTK,UAAWA,EACXF,aAAcA,EACdvD,UAAW6C,EAAGC,EAAOgC,eAAgB9E,EAAS+E,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CjC,EAAOxB,SAAWA,GAClBwB,EAAOvB,SAAWA,GAClBuB,EAAOkC,OAAS/E,GAChB6C,EAAOmC,cAAgB/E,IAE1BgF,MAAO,CAAEC,OAAQ1E,IAEhBqD,IAAuBE,IAIhC,GAMgH,CAC9GoB,UAAWC"}
1	+ {"version":3,"file":"ComboboxOption.js","sources":["../../../../../../src/components/Combobox/components/ComboboxOption/ComboboxOption.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type RefObject, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport Tooltip from \"../../../Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { keyCodes } from \"../../../../constants\";\nimport { getOptionId } from \"../../helpers\";\nimport { withStaticPropsWithoutForwardRef } from \"../../../../types\";\nimport {\n ComboboxOptionIconType as ComboboxOptionIconTypeEnum,\n type IComboboxOption,\n type IComboboxOptionEvents\n} from \"../ComboboxConstants\";\nimport { type 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 /*\n The index of the option in the list.\n /\n index?: number;\n /\n The option data containing label, icons, and other properties.\n /\n option?: IComboboxOption;\n /\n Class name applied to the option element.\n /\n className?: string;\n /\n If true, the option is currently active.\n /\n isActive?: boolean;\n /\n If true, the option has visual focus.\n /\n visualFocus?: boolean;\n /\n A reference to the scroll container.\n /\n scrollRef?: RefObject<HTMLElement>;\n /\n The amount of offset when scrolling to the active item.\n /\n scrollOffset?: number;\n /\n The height of each option.\n /\n optionLineHeight?: number;\n /\n If true, scrolls to the active option when it is selected.\n /\n shouldScrollWhenActive?: boolean;\n /\n Custom renderer for the option content.\n */\n optionRenderer?: (option: IComboboxOption) => JSX.Element;\n}\n\nconst ComboboxOption = ({\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}: ComboboxOptionProps) => {\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 {...option.tooltipProps} content={tooltipContent} hideWhenReferenceHidden>\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\ninterface ComboboxOptionStaticProps {\n iconTypes: typeof ComboboxOptionIconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<ComboboxOptionProps, ComboboxOptionStaticProps>(ComboboxOption, {\n iconTypes: ComboboxOptionIconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_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","Object","assign","tooltipProps","content","hideWhenReferenceHidden","getOptionId","getTestId","ComponentDefaultTestId","COMBOBOX_OPTION","comboboxOption","_defineProperty","active","activeOutline","style","height","iconTypes","ComboboxOptionIconTypeEnum"],"mappings":"60BA4DA,IAmJeA,EAAAA,GAnJQ,SAAHC,GAcM,IAbxBC,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,EAAAC,cAACmB,EAAOC,OAAAC,OAAA,CAAA,EAAKvE,EAAOwE,aAAY,CAAEC,QAAS7C,EAAgB8C,yBAAuB,IAChFzB,EAAAC,cAAA,MAAA,CACErB,IAAKA,EACL8B,IAAK5C,GAAMK,EACC,aAAAO,EAAmB,EAAI,EAAC,gBACrBzB,EAAQ,aACXuB,GAAaL,EACzBL,GAAI4D,EAAY5D,EAAIhB,GACP,cAAA6E,EAAUC,EAAuBC,gBAAiB/E,GAC/D0D,aAAcA,EACdJ,QAASA,EACTK,UAAWA,EACXF,aAAcA,EACdvD,UAAW6C,EAAGC,EAAOgC,eAAgB9E,EAAS+E,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CjC,EAAOxB,SAAWA,GAClBwB,EAAOvB,SAAWA,GAClBuB,EAAOkC,OAAS/E,GAChB6C,EAAOmC,cAAgB/E,IAE1BgF,MAAO,CAAEC,OAAQ1E,IAEhBqD,IAAuBE,IAIhC,GAMgH,CAC9GoB,UAAWC"}

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

@@ -1,2 +1,2 @@
-var e={comboboxOption:"comboboxOption_e0373460c7",disabled:"disabled_c655b68380",selected:"selected_0e94cd5041",active:"active_6cb13eb312",activeOutline:"activeOutline_deba06f8f0",optionLabel:"optionLabel_6635e76e90",optionIcon:"optionIcon_a2cb2019e0",left:"left_25ab55c2e4"};!function(e){const o="s_id-cc5db5fd586e_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable selector-class-pattern */\n.comboboxOption_e0373460c7 {\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.comboboxOption_e0373460c7.disabled_c655b68380 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_e0373460c7.disabled_c655b68380:hover {\n  background-color: transparent;\n}\n.comboboxOption_e0373460c7.selected_0e94cd5041 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_e0373460c7:hover:not(.disabled_c655b68380):not(.selected_0e94cd5041),\n.comboboxOption_e0373460c7.active_6cb13eb312 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_e0373460c7.activeOutline_deba06f8f0 {\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.comboboxOption_e0373460c7 .optionLabel_6635e76e90 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_e0373460c7 .optionIcon_a2cb2019e0 {\n  flex: 0 0 auto;\n}\n.comboboxOption_e0373460c7 .optionIcon_a2cb2019e0.left_25ab55c2e4 {\n  margin-right: 4px;\n}");export{e as default};
+var e={comboboxOption:"comboboxOption_0f5b772ec1",disabled:"disabled_a1bb6be0b2",selected:"selected_b3cbc29e63",active:"active_b4eecac79d",activeOutline:"activeOutline_e44b41def9",optionLabel:"optionLabel_a2faf12b4b",optionIcon:"optionIcon_1fbd9b4a9d",left:"left_1daa3d087e"};!function(e){const o="s_id-cc5db5fd586e_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const b=document.createElement("style");b.id=o,n.firstChild?n.insertBefore(b,n.firstChild):n.appendChild(b),b.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable selector-class-pattern */\n.comboboxOption_0f5b772ec1 {\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.comboboxOption_0f5b772ec1.disabled_a1bb6be0b2 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_0f5b772ec1.disabled_a1bb6be0b2:hover {\n  background-color: transparent;\n}\n.comboboxOption_0f5b772ec1.selected_b3cbc29e63 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_0f5b772ec1:hover:not(.disabled_a1bb6be0b2):not(.selected_b3cbc29e63),\n.comboboxOption_0f5b772ec1.active_b4eecac79d {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_0f5b772ec1.activeOutline_e44b41def9 {\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.comboboxOption_0f5b772ec1 .optionLabel_a2faf12b4b {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_0f5b772ec1 .optionIcon_1fbd9b4a9d {\n  flex: 0 0 auto;\n}\n.comboboxOption_0f5b772ec1 .optionIcon_1fbd9b4a9d.left_1daa3d087e {\n  margin-right: 4px;\n}");export{e 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_29bdd33434"};!function(e){const t="s_id-f549b49034f1_3_70_1";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_29bdd33434 {\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_3ca5c1a7cc"};!function(e){const t="s_id-f549b49034f1_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_3ca5c1a7cc {\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_94a3aa54a8",withAnimation:"withAnimation_a00b6c2f60",counterPopElastic:"counterPopElastic_f2d15195a4",sizeXs:"sizeXs_38eef77199",sizeSmall:"sizeSmall_286f50fc17",sizeLarge:"sizeLarge_f379da45d1",kindFill:"kindFill_2869cd7e7d",colorPrimary:"colorPrimary_f5c5b95080",colorDark:"colorDark_1cfeef9158",colorNegative:"colorNegative_a12c8fdc1a",colorLight:"colorLight_c6d20bc7f6",kindLine:"kindLine_4047e70af2",fadeEnter:"fadeEnter_5c236f6dd9",fadeEnterActive:"fadeEnterActive_117c214f95",fadeExit:"fadeExit_971bd1b6c2",fadeExitActive:"fadeExitActive_ebd5ddedd3","counter-pop-elastic":"counter-pop-elastic_8af282678c"};!function(n){const o="s_id-51f4f5079107_3_70_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_94a3aa54a8 {\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_8af282678c {\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_a00b6c2f60 {\n  animation: counterPopElastic_f2d15195a4 var(--motion-expressive-short);\n}\n.sizeXs_38eef77199 {\n  font: var(--font-text3-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.sizeSmall_286f50fc17 {\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_f379da45d1 {\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_2869cd7e7d.colorPrimary_f5c5b95080 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_2869cd7e7d.colorDark_1cfeef9158 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_2869cd7e7d.colorNegative_a12c8fdc1a {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_2869cd7e7d.colorLight_c6d20bc7f6 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_4047e70af2 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_4047e70af2.colorPrimary_f5c5b95080 {\n  color: var(--primary-color);\n}\n.kindLine_4047e70af2.colorDark_1cfeef9158 {\n  color: var(--inverted-color-background);\n}\n.kindLine_4047e70af2.colorNegative_a12c8fdc1a {\n  color: var(--negative-color);\n}\n.kindLine_4047e70af2.colorLight_c6d20bc7f6 {\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_5c236f6dd9 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_117c214f95 {\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_971bd1b6c2 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_ebd5ddedd3 {\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_f43b958c9b",withAnimation:"withAnimation_06807cb9e7",counterPopElastic:"counterPopElastic_ad85201e18",sizeXs:"sizeXs_4c5240ef56",sizeSmall:"sizeSmall_0294c69c09",sizeLarge:"sizeLarge_9a92ebcb89",kindFill:"kindFill_f8d1f501a0",colorPrimary:"colorPrimary_3a0768a35a",colorDark:"colorDark_e5edc17877",colorNegative:"colorNegative_d3dba3d4cd",colorLight:"colorLight_5165eaead1",kindLine:"kindLine_c55f01dda6",fadeEnter:"fadeEnter_dbd915521a",fadeEnterActive:"fadeEnterActive_20ce849b6d",fadeExit:"fadeExit_1ac2cc1703",fadeExitActive:"fadeExitActive_d74c258f83","counter-pop-elastic":"counter-pop-elastic_9cbfe4ebf8"};!function(n){const o="s_id-51f4f5079107_3_70_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_f43b958c9b {\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_9cbfe4ebf8 {\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_06807cb9e7 {\n  animation: counterPopElastic_ad85201e18 var(--motion-expressive-short);\n}\n.sizeXs_4c5240ef56 {\n  font: var(--font-text3-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.sizeSmall_0294c69c09 {\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_9a92ebcb89 {\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_f8d1f501a0.colorPrimary_3a0768a35a {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_f8d1f501a0.colorDark_e5edc17877 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_f8d1f501a0.colorNegative_d3dba3d4cd {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_f8d1f501a0.colorLight_5165eaead1 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_c55f01dda6 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_c55f01dda6.colorPrimary_3a0768a35a {\n  color: var(--primary-color);\n}\n.kindLine_c55f01dda6.colorDark_e5edc17877 {\n  color: var(--inverted-color-background);\n}\n.kindLine_c55f01dda6.colorNegative_d3dba3d4cd {\n  color: var(--negative-color);\n}\n.kindLine_c55f01dda6.colorLight_5165eaead1 {\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_dbd915521a {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_20ce849b6d {\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_1ac2cc1703 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_d74c258f83 {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"react";import o from"../../Icon/Icon.js";import e from"./DateNavigationItem.module.scss.js";import r from"../../../../icons/dist/react/MoveArrowLeft.js";import n from"../../../../icons/dist/react/MoveArrowRight.js";var i={prev:r,next:n},c=function(r){var n=r.onClick;return t.createElement("button",{type:"button",className:e.navigationItemContainer,onClick:function(){return n&&n()}},t.createElement(o,{iconType:"svg",icon:i[r.kind],iconSize:24}))};export{c as default};
+import t from"react";import o from"./DateNavigationItem.module.scss.js";import e from"../../../../components/icon/dist/Icon/Icon.js";import n from"../../../../packages/icons/dist/react/MoveArrowLeft.js";import r from"../../../../packages/icons/dist/react/MoveArrowRight.js";var i={prev:n,next:r},c=function(n){var r=n.onClick;return t.createElement("button",{type:"button",className:o.navigationItemContainer,onClick:function(){return r&&r()}},t.createElement(e,{iconType:"svg",icon:i[n.kind],iconSize:24}))};export{c as default};
 //# sourceMappingURL=DateNavigationItem.js.map

package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateNavigationItem.js","sources":["../../../../../src/components/DatePicker/DateNavigationItem/DateNavigationItem.tsx"],"sourcesContent":["import React from \"react\";\nimport Icon from \"~~../../Icon~~/~~Icon~~\";\nimport { MoveArrowLeft, MoveArrowRight } from \"@vibe/icons\";\nimport styles from \"./DateNavigationItem.module.scss\";\n\nconst ICONS = {\n prev: MoveArrowLeft,\n next: MoveArrowRight\n};\n\nexport interface DateNavigationItemProps {\n /*\n The type of navigation button.\n /\n kind: keyof typeof ICONS;\n /\n Callback fired when the button is clicked.\n */\n onClick?: () => void;\n}\n\nconst DateNavigationItem = ({ kind, onClick }: DateNavigationItemProps) => {\n return (\n <button type=\"button\" className={styles.navigationItemContainer} onClick={() => onClick && onClick()}>\n <Icon iconType=\"svg\" icon={ICONS[kind]} iconSize={24} />\n </button>\n );\n};\n\nexport default DateNavigationItem;\n"],"names":["ICONS","prev","MoveArrowLeft","next","MoveArrowRight","DateNavigationItem","_ref","onClick","React","type","className","styles","navigationItemContainer","createElement","Icon","iconType","icon","kind","iconSize"],"mappings":"~~qOAKA~~,IAAMA,EAAQ,CACZC,KAAMC,EACNC,KAAMC,GAcFC,EAAqB,SAAHC,GAAkD,IAAtCC,EAAOD,EAAPC,QAClC,OACEC,0BAAQC,KAAK,SAASC,UAAWC,EAAOC,wBAAyBL,QAAS,WAAA,OAAMA,GAAWA,GAAS,GAClGC,EAAAK,cAACC,EAAK,CAAAC,SAAS,MAAMC,KAAMhB,EAHCM,EAAJW,MAGgBC,SAAU,KAGxD"}
1	+ {"version":3,"file":"DateNavigationItem.js","sources":["../../../../../src/components/DatePicker/DateNavigationItem/DateNavigationItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport { MoveArrowLeft, MoveArrowRight } from \"@vibe/icons\";\nimport styles from \"./DateNavigationItem.module.scss\";\n\nconst ICONS = {\n prev: MoveArrowLeft,\n next: MoveArrowRight\n};\n\nexport interface DateNavigationItemProps {\n /*\n The type of navigation button.\n /\n kind: keyof typeof ICONS;\n /\n Callback fired when the button is clicked.\n */\n onClick?: () => void;\n}\n\nconst DateNavigationItem = ({ kind, onClick }: DateNavigationItemProps) => {\n return (\n <button type=\"button\" className={styles.navigationItemContainer} onClick={() => onClick && onClick()}>\n <Icon iconType=\"svg\" icon={ICONS[kind]} iconSize={24} />\n </button>\n );\n};\n\nexport default DateNavigationItem;\n"],"names":["ICONS","prev","MoveArrowLeft","next","MoveArrowRight","DateNavigationItem","_ref","onClick","React","type","className","styles","navigationItemContainer","createElement","Icon","iconType","icon","kind","iconSize"],"mappings":"kRAKA,IAAMA,EAAQ,CACZC,KAAMC,EACNC,KAAMC,GAcFC,EAAqB,SAAHC,GAAkD,IAAtCC,EAAOD,EAAPC,QAClC,OACEC,0BAAQC,KAAK,SAASC,UAAWC,EAAOC,wBAAyBL,QAAS,WAAA,OAAMA,GAAWA,GAAS,GAClGC,EAAAK,cAACC,EAAK,CAAAC,SAAS,MAAMC,KAAMhB,EAHCM,EAAJW,MAGgBC,SAAU,KAGxD"}

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

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_9571ff66e2"};!function(e){const n="s_id-84193b4fa4fe_3_70_1";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_9571ff66e2 {\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_6edf2bf4d8"};!function(e){const n="s_id-84193b4fa4fe_3_70_2";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_6edf2bf4d8 {\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_5497234e08",monthYearSelection:"monthYearSelection_293408e7d7",rangePickerMode:"rangePickerMode_84259cf13e",withWeekNumber:"withWeekNumber_3f3f5ab237",calendarDayWeekNumber:"calendarDayWeekNumber_40dc0f340d"};!function(e){const n="s_id-5bf64d458e6b_3_70_1";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)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_5497234e08 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_5497234e08 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_5497234e08 td {\n  border: none;\n}\n.datepickerContainer_5497234e08.monthYearSelection_293408e7d7 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_5497234e08.monthYearSelection_293408e7d7 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_5497234e08 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_5497234e08 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_5497234e08 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_5497234e08 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_5497234e08 .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_5497234e08 .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_5497234e08 .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_5497234e08 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_5497234e08 .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_5497234e08 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_5497234e08 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_5497234e08 .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_5497234e08 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_5497234e08 .CalendarDay__blocked_calendar, .datepickerContainer_5497234e08 .CalendarDay__blocked_calendar:active, .datepickerContainer_5497234e08 .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_5497234e08 .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_5497234e08 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_5497234e08 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_5497234e08 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_5497234e08 .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_5497234e08.rangePickerMode_84259cf13e .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_5497234e08.rangePickerMode_84259cf13e .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e .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_5497234e08.rangePickerMode_84259cf13e .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_5497234e08.rangePickerMode_84259cf13e .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e .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_5497234e08.rangePickerMode_84259cf13e .CalendarDay__hovered_span, .datepickerContainer_5497234e08.rangePickerMode_84259cf13e .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e .CalendarDay__hovered_span:hover::before, .datepickerContainer_5497234e08.rangePickerMode_84259cf13e .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_5497234e08.rangePickerMode_84259cf13e.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_5497234e08.withWeekNumber_3f3f5ab237 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_5497234e08.withWeekNumber_3f3f5ab237 .CalendarDay .calendarDayWeekNumber_40dc0f340d {\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_5497234e08.withWeekNumber_3f3f5ab237 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_40dc0f340d {\n  display: flex;\n}\n.datepickerContainer_5497234e08.withWeekNumber_3f3f5ab237 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_40dc0f340d {\n  display: none;\n}\n.datepickerContainer_5497234e08.withWeekNumber_3f3f5ab237 .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_5497234e08.withWeekNumber_3f3f5ab237 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_5497234e08.withWeekNumber_3f3f5ab237 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_5497234e08.withWeekNumber_3f3f5ab237 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_5497234e08.withWeekNumber_3f3f5ab237 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_21ece8108b",monthYearSelection:"monthYearSelection_87d423ddb9",rangePickerMode:"rangePickerMode_e2f4ced35a",withWeekNumber:"withWeekNumber_fed5d52013",calendarDayWeekNumber:"calendarDayWeekNumber_a72640b455"};!function(e){const n="s_id-5bf64d458e6b_3_70_2";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)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_21ece8108b {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_21ece8108b 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_21ece8108b td {\n  border: none;\n}\n.datepickerContainer_21ece8108b.monthYearSelection_87d423ddb9 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_21ece8108b.monthYearSelection_87d423ddb9 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_21ece8108b .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_21ece8108b .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_21ece8108b .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_21ece8108b .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_21ece8108b .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_21ece8108b .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_21ece8108b .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_21ece8108b .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_21ece8108b .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_21ece8108b .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_21ece8108b .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_21ece8108b .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_21ece8108b .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_21ece8108b .CalendarDay__blocked_calendar, .datepickerContainer_21ece8108b .CalendarDay__blocked_calendar:active, .datepickerContainer_21ece8108b .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_21ece8108b .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_21ece8108b .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_21ece8108b .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_21ece8108b .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_21ece8108b .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_21ece8108b.rangePickerMode_e2f4ced35a .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_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .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_21ece8108b.rangePickerMode_e2f4ced35a .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_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .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_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__hovered_span, .datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__hovered_span:hover::before, .datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_21ece8108b.rangePickerMode_e2f4ced35a.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_21ece8108b.withWeekNumber_fed5d52013 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_21ece8108b.withWeekNumber_fed5d52013 .CalendarDay .calendarDayWeekNumber_a72640b455 {\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_21ece8108b.withWeekNumber_fed5d52013 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_a72640b455 {\n  display: flex;\n}\n.datepickerContainer_21ece8108b.withWeekNumber_fed5d52013 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_a72640b455 {\n  display: none;\n}\n.datepickerContainer_21ece8108b.withWeekNumber_fed5d52013 .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_21ece8108b.withWeekNumber_fed5d52013 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_21ece8108b.withWeekNumber_fed5d52013 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_21ece8108b.withWeekNumber_fed5d52013 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_21ece8108b.withWeekNumber_fed5d52013 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import e from"react";import t from"moment";import o from"./DatePickerHeader.module.scss.js";import r from"../../Icon/Icon.js";import a from"../../../../icons/dist/react/DropdownChevronUp.js";import n from"../../../../icons/dist/react/DropdownChevronDown.js";var i=function(i){var c=i.isMonthYearSelection,m=i.onToggleMonthYearPicker,s=i.hideNavigationKeys,l=i["data-testid"],d=i.ariaLabel,p=void 0===d?"Toggle select year":d,f=t(i.currentDate.valueOf()),u=f.format("MMMM"),v=f.format("YYYY");return e.createElement("div",{className:o.datePickerHeader},e.createElement("div",null,u+" "+v),!s&&e.createElement("button",{"data-testid":"".concat(l,"-year-toggle"),type:"button",className:o.button,"aria-label":p,onClick:m},e.createElement("div",{className:o.buttonContent},e.createElement(r,{iconType:"svg",icon:c?a:n,iconSize:24}))))};export{i as default};
+import e from"react";import t from"moment";import o from"./DatePickerHeader.module.scss.js";import a from"../../../../components/icon/dist/Icon/Icon.js";import r from"../../../../packages/icons/dist/react/DropdownChevronUp.js";import n from"../../../../packages/icons/dist/react/DropdownChevronDown.js";var i=function(i){var c=i.isMonthYearSelection,s=i.onToggleMonthYearPicker,m=i.hideNavigationKeys,l=i["data-testid"],d=i.ariaLabel,p=void 0===d?"Toggle select year":d,f=t(i.currentDate.valueOf()),u=f.format("MMMM"),v=f.format("YYYY");return e.createElement("div",{className:o.datePickerHeader},e.createElement("div",null,u+" "+v),!m&&e.createElement("button",{"data-testid":"".concat(l,"-year-toggle"),type:"button",className:o.button,"aria-label":p,onClick:s},e.createElement("div",{className:o.buttonContent},e.createElement(a,{iconType:"svg",icon:c?r:n,iconSize:24}))))};export{i as default};
 //# sourceMappingURL=DatePickerHeader.js.map

package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport moment from \"moment\";\nimport { type Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport Icon from \"~~../../Icon~~/~~Icon~~\";\n\nexport interface DatePickerHeaderProps {\n /*\n The currently shown date.\n /\n currentDate: Moment;\n /\n If true, the month and year selection view is active.\n /\n isMonthYearSelection: boolean;\n /\n Callback fired when toggling the month and year picker.\n /\n onToggleMonthYearPicker: () => void;\n /\n If true, hides the navigation buttons.\n /\n hideNavigationKeys: boolean;\n /\n Test ID for testing purposes.\n /\n \"data-testid\"?: string;\n /\n The ARIA label for the toggle button.\n */\n ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n const {\n currentDate,\n isMonthYearSelection,\n onToggleMonthYearPicker,\n hideNavigationKeys,\n \"data-testid\": dateTestId,\n ariaLabel = \"Toggle select year\"\n } = props;\n\n const localedDated = moment(currentDate.valueOf());\n const month = localedDated.format(\"MMMM\");\n const year = localedDated.format(\"YYYY\");\n const string = month + \" \" + year;\n return (\n <div className={styles.datePickerHeader}>\n <div>{string}</div>\n {!hideNavigationKeys && (\n <button\n data-testid={`${dateTestId}-year-toggle`}\n type=\"button\"\n className={styles.button}\n aria-label={ariaLabel}\n onClick={onToggleMonthYearPicker}\n >\n <div className={styles.buttonContent}>\n <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n </div>\n </button>\n )}\n </div>\n );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"~~kQAkCA~~,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}
1	+ {"version":3,"file":"DatePickerHeader.js","sources":["../../../../../src/components/DatePicker/DatePickerHeader/DatePickerHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { DropdownChevronUp, DropdownChevronDown } from \"@vibe/icons\";\nimport moment from \"moment\";\nimport { type Moment } from \"../types\";\nimport styles from \"./DatePickerHeader.module.scss\";\nimport { Icon } from \"@vibe/icon\";\n\nexport interface DatePickerHeaderProps {\n /*\n The currently shown date.\n /\n currentDate: Moment;\n /\n If true, the month and year selection view is active.\n /\n isMonthYearSelection: boolean;\n /\n Callback fired when toggling the month and year picker.\n /\n onToggleMonthYearPicker: () => void;\n /\n If true, hides the navigation buttons.\n /\n hideNavigationKeys: boolean;\n /\n Test ID for testing purposes.\n /\n \"data-testid\"?: string;\n /\n The ARIA label for the toggle button.\n */\n ariaLabel?: string;\n}\n\nconst DatePickerHeader = (props: DatePickerHeaderProps) => {\n const {\n currentDate,\n isMonthYearSelection,\n onToggleMonthYearPicker,\n hideNavigationKeys,\n \"data-testid\": dateTestId,\n ariaLabel = \"Toggle select year\"\n } = props;\n\n const localedDated = moment(currentDate.valueOf());\n const month = localedDated.format(\"MMMM\");\n const year = localedDated.format(\"YYYY\");\n const string = month + \" \" + year;\n return (\n <div className={styles.datePickerHeader}>\n <div>{string}</div>\n {!hideNavigationKeys && (\n <button\n data-testid={`${dateTestId}-year-toggle`}\n type=\"button\"\n className={styles.button}\n aria-label={ariaLabel}\n onClick={onToggleMonthYearPicker}\n >\n <div className={styles.buttonContent}>\n <Icon iconType=\"svg\" icon={isMonthYearSelection ? DropdownChevronUp : DropdownChevronDown} iconSize={24} />\n </div>\n </button>\n )}\n </div>\n );\n};\n\nexport default DatePickerHeader;\n"],"names":["DatePickerHeader","props","isMonthYearSelection","onToggleMonthYearPicker","hideNavigationKeys","dateTestId","_props$ariaLabel","ariaLabel","localedDated","moment","currentDate","valueOf","month","format","year","React","createElement","className","styles","datePickerHeader","concat","type","button","onClick","buttonContent","Icon","iconType","icon","DropdownChevronUp","DropdownChevronDown","iconSize"],"mappings":"+SAkCA,IAAMA,EAAmB,SAACC,GACxB,IAEEC,EAKED,EALFC,qBACAC,EAIEF,EAJFE,wBACAC,EAGEH,EAHFG,mBACeC,EAEbJ,EAFF,eAAaK,EAEXL,EADFM,UAAAA,OAAY,IAAHD,EAAG,qBAAoBA,EAG5BE,EAAeC,EAFjBR,EANFS,YAQsCC,WAClCC,EAAQJ,EAAaK,OAAO,QAC5BC,EAAON,EAAaK,OAAO,QAEjC,OACEE,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,kBACrBJ,EAAAC,cAAA,MAAA,KAHWJ,EAAQ,IAAME,IAIvBV,GACAW,EAAAC,cAAA,SAAA,CAAA,cAAAI,GAAAA,OACkBf,EAAwB,gBACxCgB,KAAK,SACLJ,UAAWC,EAAOI,oBACNf,EACZgB,QAASpB,GAETY,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOM,eACrBT,EAACC,cAAAS,EAAK,CAAAC,SAAS,MAAMC,KAAMzB,EAAuB0B,EAAoBC,EAAqBC,SAAU,OAMjH"}

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_9a389d3de8",button:"button_dc832baa37",buttonContent:"buttonContent_a84fab0ec7"};!function(e){const n="s_id-89778422f1e0_3_70_1";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)}(".datePickerHeader_9a389d3de8 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_9a389d3de8 .button_dc832baa37 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_9a389d3de8 .button_dc832baa37 .buttonContent_a84fab0ec7 {\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_9a389d3de8 .button_dc832baa37 .buttonContent_a84fab0ec7:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_eb84b007e2",button:"button_07310c0cfd",buttonContent:"buttonContent_920810ca71"};!function(e){const n="s_id-89778422f1e0_3_70_2";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_eb84b007e2 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_eb84b007e2 .button_07310c0cfd {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_eb84b007e2 .button_07310c0cfd .buttonContent_920810ca71 {\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_eb84b007e2 .button_07310c0cfd .buttonContent_920810ca71: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 e={monthYearPicker:"monthYearPicker_05d22a1397",navigationWrapper:"navigationWrapper_a15e47ccbc",navigationLeft:"navigationLeft_f52abf5d9c",navigationRight:"navigationRight_5c1e4fb4d7",pickerOptions:"pickerOptions_993613330f",pickerOption:"pickerOption_4505d8dce8"};!function(e){const n="s_id-dcd379d5f457_3_70_1";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_05d22a1397 {\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_05d22a1397 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_05d22a1397 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_05d22a1397 .navigationWrapper_a15e47ccbc {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_05d22a1397 .navigationWrapper_a15e47ccbc.navigationLeft_f52abf5d9c {\n  left: 21px;\n}\n.monthYearPicker_05d22a1397 .navigationWrapper_a15e47ccbc.navigationRight_5c1e4fb4d7 {\n  right: 21px;\n}\n.monthYearPicker_05d22a1397 .pickerOptions_993613330f {\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_05d22a1397 .pickerOptions_993613330f .pickerOption_4505d8dce8 {\n  min-width: 66px;\n}\n.monthYearPicker_05d22a1397 .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_c7d6cc1604",navigationWrapper:"navigationWrapper_78a4aebe01",navigationLeft:"navigationLeft_97498d4fae",navigationRight:"navigationRight_826db55b0f",pickerOptions:"pickerOptions_4a8389d74b",pickerOption:"pickerOption_af449285a9"};!function(e){const n="s_id-dcd379d5f457_3_70_2";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_c7d6cc1604 {\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_c7d6cc1604 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_c7d6cc1604 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_c7d6cc1604 .navigationWrapper_78a4aebe01 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_c7d6cc1604 .navigationWrapper_78a4aebe01.navigationLeft_97498d4fae {\n  left: 21px;\n}\n.monthYearPicker_c7d6cc1604 .navigationWrapper_78a4aebe01.navigationRight_826db55b0f {\n  right: 21px;\n}\n.monthYearPicker_c7d6cc1604 .pickerOptions_4a8389d74b {\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_c7d6cc1604 .pickerOptions_4a8389d74b .pickerOption_af449285a9 {\n  min-width: 66px;\n}\n.monthYearPicker_c7d6cc1604 .CalendarYear--blocked { /* stylelint-disable-line selector-class-pattern */\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/YearPicker/YearsList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import n from"../../Button/Button.js";import r from"./YearPicker.module.scss.js";var t=function(){},i=function(i){var o=i.isYearBlocked,a=i.onSelect,l=i.selectedYear;return e.createElement(e.Fragment,null,i.yearsItems.map((function(i){var s,u,c=o&&o(i),d=c?t:function(){return a(i)},m=parseInt(l,10)===i?null===(s=null==n?void 0:n.kinds)||void 0===s?void 0:s.PRIMARY:null===(u=null==n?void 0:n.kinds)||void 0===u?void 0:u.TERTIARY;return e.createElement(n,{className:r.pickerOption,key:i,kind:m,onClick:d,disabled:c,marginLeft:!0,marginRight:!0},""+i)})))};export{i as default};
+import e from"react";import n from"./YearPicker.module.scss.js";import t from"../../../../components/button/dist/Button/Button.js";var r=function(){},o=function(o){var i=o.isYearBlocked,a=o.onSelect,l=o.selectedYear;return e.createElement(e.Fragment,null,o.yearsItems.map((function(o){var s,u,c=i&&i(o),d=c?r:function(){return a(o)},m=parseInt(l,10)===o?null===(s=null==t?void 0:t.kinds)||void 0===s?void 0:s.PRIMARY:null===(u=null==t?void 0:t.kinds)||void 0===u?void 0:u.TERTIARY;return e.createElement(t,{className:n.pickerOption,key:o,kind:m,onClick:d,disabled:c,marginLeft:!0,marginRight:!0},""+o)})))};export{o as default};
 //# sourceMappingURL=YearsList.js.map

package/dist/src/components/DatePicker/YearPicker/YearsList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"YearsList.js","sources":["../../../../../src/components/DatePicker/YearPicker/YearsList.tsx"],"sourcesContent":["import React from \"react\";\nimport Button from \"~~../../Button~~/~~Button~~\";\nimport styles from \"./YearPicker.module.scss\";\n\nconst NOOP = () => {};\n\nexport interface YearsListProps {\n /*\n The list of years to display.\n /\n yearsItems: number[];\n /\n Function to determine if a year should be blocked.\n /\n isYearBlocked?: (year: number) => boolean;\n /\n Callback fired when a year is selected.\n /\n onSelect: (year: number) => void;\n /\n The currently selected year.\n */\n selectedYear: string;\n}\n\nconst YearsList = ({ yearsItems, isYearBlocked, onSelect, selectedYear }: YearsListProps) => {\n return (\n <>\n {yearsItems.map(currYear => {\n const shouldBlockYear = isYearBlocked && isYearBlocked(currYear);\n const onClick = !shouldBlockYear ? () => onSelect(currYear) : NOOP;\n const kind = parseInt(selectedYear, 10) === currYear ? Button?.kinds?.PRIMARY : Button?.kinds?.TERTIARY;\n\n return (\n <Button\n className={styles.pickerOption}\n key={currYear}\n kind={kind}\n onClick={onClick}\n disabled={shouldBlockYear}\n marginLeft\n marginRight\n >\n {currYear.toString()}\n </Button>\n );\n })}\n </>\n );\n};\n\nexport default YearsList;\n"],"names":["NOOP","YearsList","_ref","isYearBlocked","onSelect","selectedYear","React","yearsItems","map","currYear","shouldBlockYear","onClick","kind","parseInt","_a","Button","kinds","PRIMARY","_b","TERTIARY","createElement","className","styles","pickerOption","key","disabled","marginLeft","marginRight"],"mappings":"~~sGAIA~~,IAAMA,EAAO,aAqBPC,EAAY,SAAHC,GAA6E,IAA3DC,EAAaD,EAAbC,cAAeC,EAAQF,EAARE,SAAUC,EAAYH,EAAZG,aACxD,OACEC,gCAF2BJ,EAAVK,WAGHC,KAAI,SAAAC,WACRC,EAAkBP,GAAiBA,EAAcM,GACjDE,EAAWD,EAA6CV,EAA3B,WAAA,OAAMI,EAASK,EAAS,EACrDG,EAAOC,SAASR,EAAc,MAAQI,EAA0B,QAAfK,EAAAC,aAAM,EAANA,EAAQC,aAAO,IAAAF,OAAA,EAAAA,EAAAG,QAAuB,QAAbC,EAAAH,eAAAA,EAAQC,aAAK,IAAAE,OAAA,EAAAA,EAAEC,SAE/F,OACEb,EAACc,cAAAL,EACC,CAAAM,UAAWC,EAAOC,aAClBC,IAAKf,EACLG,KAAMA,EACND,QAASA,EACTc,SAAUf,EACVgB,YAAU,EACVC,aAAW,GAEVlB,KAGN,IAGP"}
1	+ {"version":3,"file":"YearsList.js","sources":["../../../../../src/components/DatePicker/YearPicker/YearsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@vibe/button\";\nimport styles from \"./YearPicker.module.scss\";\n\nconst NOOP = () => {};\n\nexport interface YearsListProps {\n /*\n The list of years to display.\n /\n yearsItems: number[];\n /\n Function to determine if a year should be blocked.\n /\n isYearBlocked?: (year: number) => boolean;\n /\n Callback fired when a year is selected.\n /\n onSelect: (year: number) => void;\n /\n The currently selected year.\n */\n selectedYear: string;\n}\n\nconst YearsList = ({ yearsItems, isYearBlocked, onSelect, selectedYear }: YearsListProps) => {\n return (\n <>\n {yearsItems.map(currYear => {\n const shouldBlockYear = isYearBlocked && isYearBlocked(currYear);\n const onClick = !shouldBlockYear ? () => onSelect(currYear) : NOOP;\n const kind = parseInt(selectedYear, 10) === currYear ? Button?.kinds?.PRIMARY : Button?.kinds?.TERTIARY;\n\n return (\n <Button\n className={styles.pickerOption}\n key={currYear}\n kind={kind}\n onClick={onClick}\n disabled={shouldBlockYear}\n marginLeft\n marginRight\n >\n {currYear.toString()}\n </Button>\n );\n })}\n </>\n );\n};\n\nexport default YearsList;\n"],"names":["NOOP","YearsList","_ref","isYearBlocked","onSelect","selectedYear","React","yearsItems","map","currYear","shouldBlockYear","onClick","kind","parseInt","_a","Button","kinds","PRIMARY","_b","TERTIARY","createElement","className","styles","pickerOption","key","disabled","marginLeft","marginRight"],"mappings":"mIAIA,IAAMA,EAAO,aAqBPC,EAAY,SAAHC,GAA6E,IAA3DC,EAAaD,EAAbC,cAAeC,EAAQF,EAARE,SAAUC,EAAYH,EAAZG,aACxD,OACEC,gCAF2BJ,EAAVK,WAGHC,KAAI,SAAAC,WACRC,EAAkBP,GAAiBA,EAAcM,GACjDE,EAAWD,EAA6CV,EAA3B,WAAA,OAAMI,EAASK,EAAS,EACrDG,EAAOC,SAASR,EAAc,MAAQI,EAA0B,QAAfK,EAAAC,aAAM,EAANA,EAAQC,aAAO,IAAAF,OAAA,EAAAA,EAAAG,QAAuB,QAAbC,EAAAH,eAAAA,EAAQC,aAAK,IAAAE,OAAA,EAAAA,EAAEC,SAE/F,OACEb,EAACc,cAAAL,EACC,CAAAM,UAAWC,EAAOC,aAClBC,IAAKf,EACLG,KAAMA,EACND,QAASA,EACTc,SAAUf,EACVgB,YAAU,EACVC,aAAW,GAEVlB,KAGN,IAGP"}

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

@@ -1,2 +1,2 @@
-var n='/*  stylelint-disable scss/no-global-function-names, selector-class-pattern */\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-b47853b64474_3_70_1";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, selector-class-pattern */\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-b47853b64474_3_70_2";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_40345531e3"};!function(e){const a="s_id-3fb64cda561a_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".arrow_40345531e3 {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_40345531e3[data-placement*=right], .black-app-theme .arrow_40345531e3[data-placement*=right], .hacker-app-theme .arrow_40345531e3[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_40345531e3[data-placement*=left], .black-app-theme .arrow_40345531e3[data-placement*=left], .hacker-app-theme .arrow_40345531e3[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_40345531e3[data-placement*=bottom], .black-app-theme .arrow_40345531e3[data-placement*=bottom], .hacker-app-theme .arrow_40345531e3[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_40345531e3[data-placement*=top], .black-app-theme .arrow_40345531e3[data-placement*=top], .hacker-app-theme .arrow_40345531e3[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_40345531e3[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_40345531e3[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_40345531e3[data-placement*=left] {\n  right: 1px;\n}\n.arrow_40345531e3[data-placement*=right] {\n  left: 1px;\n}");export{e as default};
+var a={arrow:"arrow_ba7635171d"};!function(a){const e="s_id-3fb64cda561a_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow_ba7635171d {\n  width: 12px;\n  height: 12px;\n  position: absolute;\n  border-radius: 2px;\n  background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_ba7635171d[data-placement*=right], .black-app-theme .arrow_ba7635171d[data-placement*=right], .hacker-app-theme .arrow_ba7635171d[data-placement*=right] {\n  box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_ba7635171d[data-placement*=left], .black-app-theme .arrow_ba7635171d[data-placement*=left], .hacker-app-theme .arrow_ba7635171d[data-placement*=left] {\n  box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_ba7635171d[data-placement*=bottom], .black-app-theme .arrow_ba7635171d[data-placement*=bottom], .hacker-app-theme .arrow_ba7635171d[data-placement*=bottom] {\n  box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_ba7635171d[data-placement*=top], .black-app-theme .arrow_ba7635171d[data-placement*=top], .hacker-app-theme .arrow_ba7635171d[data-placement*=top] {\n  box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_ba7635171d[data-placement*=bottom] {\n  top: 1px;\n}\n.arrow_ba7635171d[data-placement*=top] {\n  bottom: 1px;\n}\n.arrow_ba7635171d[data-placement*=left] {\n  right: 1px;\n}\n.arrow_ba7635171d[data-placement*=right] {\n  left: 1px;\n}");export{a 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_d72564f8c7",top:"top_b71dea2112",right:"right_b80fe43f32",left:"left_f55dff4353",bottom:"bottom_7d52af5f72",bottomStart:"bottomStart_fcd1872ec5",topStart:"topStart_6052cf2f64",bottomEnd:"bottomEnd_23abc8584e",topEnd:"topEnd_0bf0a835ec",leftStart:"leftStart_49d4a24610",rightStart:"rightStart_cf4bf9a842",leftEnd:"leftEnd_1dc4da3c47",rightEnd:"rightEnd_68d832a7c4",contentComponent:"contentComponent_d72564f8c7",hasTooltip:"hasTooltip_9b8688d664",opacitySlideAppear:"opacitySlideAppear_06447d7e03",opacitySlideAppearActive:"opacitySlideAppearActive_7786fa11e2",expandAppear:"expandAppear_d6d6a27d23",expandExit:"expandExit_ecf24991dc",edgeBottom:"edgeBottom_8470cc34a3",edgeTop:"edgeTop_d74af33937",expandAppearActive:"expandAppearActive_ba9ff01bb5"};!function(e){const t="s_id-ca4097b848ab_3_70_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper_d72564f8c7 {\n  outline: 0;\n}\n.contentWrapper_d72564f8c7.top_b71dea2112, .contentWrapper_d72564f8c7.right_b80fe43f32, .contentWrapper_d72564f8c7.left_f55dff4353, .contentWrapper_d72564f8c7.bottom_7d52af5f72 {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_d72564f8c7.bottomStart_fcd1872ec5, .contentWrapper_d72564f8c7.topStart_6052cf2f64, .contentWrapper_d72564f8c7.bottomEnd_23abc8584e, .contentWrapper_d72564f8c7.topEnd_0bf0a835ec {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_d72564f8c7.bottomStart_fcd1872ec5, .contentWrapper_d72564f8c7.topStart_6052cf2f64 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_d72564f8c7.bottomEnd_23abc8584e, .contentWrapper_d72564f8c7.topEnd_0bf0a835ec {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_d72564f8c7.leftStart_49d4a24610, .contentWrapper_d72564f8c7.rightStart_cf4bf9a842, .contentWrapper_d72564f8c7.leftEnd_1dc4da3c47, .contentWrapper_d72564f8c7.rightEnd_68d832a7c4 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_d72564f8c7.leftStart_49d4a24610, .contentWrapper_d72564f8c7.rightStart_cf4bf9a842 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_d72564f8c7.leftEnd_1dc4da3c47, .contentWrapper_d72564f8c7.rightEnd_68d832a7c4 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_d72564f8c7[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_d72564f8c7:focus {\n  outline: none;\n}\n.contentComponent_d72564f8c7.hasTooltip_9b8688d664 {\n  padding: 6px;\n}\n.opacitySlideAppear_06447d7e03 {\n  opacity: 0;\n}\n.opacitySlideAppear_06447d7e03.top_b71dea2112 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_06447d7e03.right_b80fe43f32 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_06447d7e03.bottom_7d52af5f72 {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_06447d7e03.left_f55dff4353 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_7786fa11e2 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_7786fa11e2.top_b71dea2112, .opacitySlideAppearActive_7786fa11e2.bottom_7d52af5f72 {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_7786fa11e2.right_b80fe43f32, .opacitySlideAppearActive_7786fa11e2.left_f55dff4353 {\n  transform: translateX(0);\n}\n.expandAppear_d6d6a27d23,\n.expandExit_ecf24991dc {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_d6d6a27d23.top_b71dea2112, .expandAppear_d6d6a27d23.topStart_6052cf2f64, .expandAppear_d6d6a27d23.topEnd_0bf0a835ec,\n.expandExit_ecf24991dc.top_b71dea2112,\n.expandExit_ecf24991dc.topStart_6052cf2f64,\n.expandExit_ecf24991dc.topEnd_0bf0a835ec {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_d6d6a27d23.top_b71dea2112.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.topStart_6052cf2f64.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.topEnd_0bf0a835ec.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.top_b71dea2112.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.topStart_6052cf2f64.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.topEnd_0bf0a835ec.edgeBottom_8470cc34a3 {\n  transform-origin: bottom left;\n}\n.expandAppear_d6d6a27d23.top_b71dea2112.edgeTop_d74af33937, .expandAppear_d6d6a27d23.topStart_6052cf2f64.edgeTop_d74af33937, .expandAppear_d6d6a27d23.topEnd_0bf0a835ec.edgeTop_d74af33937,\n.expandExit_ecf24991dc.top_b71dea2112.edgeTop_d74af33937,\n.expandExit_ecf24991dc.topStart_6052cf2f64.edgeTop_d74af33937,\n.expandExit_ecf24991dc.topEnd_0bf0a835ec.edgeTop_d74af33937 {\n  transform-origin: bottom right;\n}\n.expandAppear_d6d6a27d23.right_b80fe43f32, .expandAppear_d6d6a27d23.rightStart_cf4bf9a842, .expandAppear_d6d6a27d23.rightEnd_68d832a7c4,\n.expandExit_ecf24991dc.right_b80fe43f32,\n.expandExit_ecf24991dc.rightStart_cf4bf9a842,\n.expandExit_ecf24991dc.rightEnd_68d832a7c4 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_d6d6a27d23.right_b80fe43f32.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.rightStart_cf4bf9a842.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.rightEnd_68d832a7c4.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.right_b80fe43f32.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.rightStart_cf4bf9a842.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.rightEnd_68d832a7c4.edgeBottom_8470cc34a3 {\n  transform-origin: top left;\n}\n.expandAppear_d6d6a27d23.right_b80fe43f32.edgeTop_d74af33937, .expandAppear_d6d6a27d23.rightStart_cf4bf9a842.edgeTop_d74af33937, .expandAppear_d6d6a27d23.rightEnd_68d832a7c4.edgeTop_d74af33937,\n.expandExit_ecf24991dc.right_b80fe43f32.edgeTop_d74af33937,\n.expandExit_ecf24991dc.rightStart_cf4bf9a842.edgeTop_d74af33937,\n.expandExit_ecf24991dc.rightEnd_68d832a7c4.edgeTop_d74af33937 {\n  transform-origin: bottom left;\n}\n.expandAppear_d6d6a27d23.bottom_7d52af5f72, .expandAppear_d6d6a27d23.bottomStart_fcd1872ec5, .expandAppear_d6d6a27d23.bottomEnd_23abc8584e,\n.expandExit_ecf24991dc.bottom_7d52af5f72,\n.expandExit_ecf24991dc.bottomStart_fcd1872ec5,\n.expandExit_ecf24991dc.bottomEnd_23abc8584e {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_d6d6a27d23.bottom_7d52af5f72.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.bottomStart_fcd1872ec5.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.bottomEnd_23abc8584e.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.bottom_7d52af5f72.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.bottomStart_fcd1872ec5.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.bottomEnd_23abc8584e.edgeBottom_8470cc34a3 {\n  transform-origin: top left;\n}\n.expandAppear_d6d6a27d23.bottom_7d52af5f72.edgeTop_d74af33937, .expandAppear_d6d6a27d23.bottomStart_fcd1872ec5.edgeTop_d74af33937, .expandAppear_d6d6a27d23.bottomEnd_23abc8584e.edgeTop_d74af33937,\n.expandExit_ecf24991dc.bottom_7d52af5f72.edgeTop_d74af33937,\n.expandExit_ecf24991dc.bottomStart_fcd1872ec5.edgeTop_d74af33937,\n.expandExit_ecf24991dc.bottomEnd_23abc8584e.edgeTop_d74af33937 {\n  transform-origin: top right;\n}\n.expandAppear_d6d6a27d23.left_f55dff4353, .expandAppear_d6d6a27d23.leftStart_49d4a24610, .expandAppear_d6d6a27d23.leftEnd_1dc4da3c47,\n.expandExit_ecf24991dc.left_f55dff4353,\n.expandExit_ecf24991dc.leftStart_49d4a24610,\n.expandExit_ecf24991dc.leftEnd_1dc4da3c47 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_d6d6a27d23.left_f55dff4353.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.leftStart_49d4a24610.edgeBottom_8470cc34a3, .expandAppear_d6d6a27d23.leftEnd_1dc4da3c47.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.left_f55dff4353.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.leftStart_49d4a24610.edgeBottom_8470cc34a3,\n.expandExit_ecf24991dc.leftEnd_1dc4da3c47.edgeBottom_8470cc34a3 {\n  transform-origin: top right;\n}\n.expandAppear_d6d6a27d23.left_f55dff4353.edgeTop_d74af33937, .expandAppear_d6d6a27d23.leftStart_49d4a24610.edgeTop_d74af33937, .expandAppear_d6d6a27d23.leftEnd_1dc4da3c47.edgeTop_d74af33937,\n.expandExit_ecf24991dc.left_f55dff4353.edgeTop_d74af33937,\n.expandExit_ecf24991dc.leftStart_49d4a24610.edgeTop_d74af33937,\n.expandExit_ecf24991dc.leftEnd_1dc4da3c47.edgeTop_d74af33937 {\n  transform-origin: bottom right;\n}\n.expandExit_ecf24991dc {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_ba9ff01bb5 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_ba9ff01bb5.top_b71dea2112, .expandAppearActive_ba9ff01bb5.topStart_6052cf2f64, .expandAppearActive_ba9ff01bb5.topEnd_0bf0a835ec, .expandAppearActive_ba9ff01bb5.bottom_7d52af5f72, .expandAppearActive_ba9ff01bb5.bottomStart_fcd1872ec5, .expandAppearActive_ba9ff01bb5.bottomEnd_23abc8584e, .expandAppearActive_ba9ff01bb5.right_b80fe43f32, .expandAppearActive_ba9ff01bb5.rightStart_cf4bf9a842, .expandAppearActive_ba9ff01bb5.rightEnd_68d832a7c4, .expandAppearActive_ba9ff01bb5.left_f55dff4353, .expandAppearActive_ba9ff01bb5.leftStart_49d4a24610, .expandAppearActive_ba9ff01bb5.leftEnd_1dc4da3c47 {\n  transform: scale(1);\n}");export{e as default};
+var e={contentWrapper:"contentWrapper_d774c50604",top:"top_ae66e78c54",right:"right_14557a6708",left:"left_7fe9dedad7",bottom:"bottom_9a3b6e363a",bottomStart:"bottomStart_adfb915365",topStart:"topStart_d5b46e85b4",bottomEnd:"bottomEnd_0c9f5feeb6",topEnd:"topEnd_bb2834d5f0",leftStart:"leftStart_a1276a1b76",rightStart:"rightStart_e60172a118",leftEnd:"leftEnd_c838db6e69",rightEnd:"rightEnd_594ed3c291",contentComponent:"contentComponent_d774c50604",hasTooltip:"hasTooltip_48a390ccc6",opacitySlideAppear:"opacitySlideAppear_0c59bd2c3d",opacitySlideAppearActive:"opacitySlideAppearActive_1479944b20",expandAppear:"expandAppear_5e77a53a01",expandExit:"expandExit_26c6d6d379",edgeBottom:"edgeBottom_a2fe1b698e",edgeTop:"edgeTop_c174b803aa",expandAppearActive:"expandAppearActive_28bb6f6503"};!function(e){const a="s_id-ca4097b848ab_3_70_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".contentWrapper_d774c50604 {\n  outline: 0;\n}\n.contentWrapper_d774c50604.top_ae66e78c54, .contentWrapper_d774c50604.right_14557a6708, .contentWrapper_d774c50604.left_7fe9dedad7, .contentWrapper_d774c50604.bottom_9a3b6e363a {\n  padding: var(--spacing-xs);\n}\n.contentWrapper_d774c50604.bottomStart_adfb915365, .contentWrapper_d774c50604.topStart_d5b46e85b4, .contentWrapper_d774c50604.bottomEnd_0c9f5feeb6, .contentWrapper_d774c50604.topEnd_bb2834d5f0 {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper_d774c50604.bottomStart_adfb915365, .contentWrapper_d774c50604.topStart_d5b46e85b4 {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_d774c50604.bottomEnd_0c9f5feeb6, .contentWrapper_d774c50604.topEnd_bb2834d5f0 {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_d774c50604.leftStart_a1276a1b76, .contentWrapper_d774c50604.rightStart_e60172a118, .contentWrapper_d774c50604.leftEnd_c838db6e69, .contentWrapper_d774c50604.rightEnd_594ed3c291 {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper_d774c50604.leftStart_a1276a1b76, .contentWrapper_d774c50604.rightStart_e60172a118 {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_d774c50604.leftEnd_c838db6e69, .contentWrapper_d774c50604.rightEnd_594ed3c291 {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_d774c50604[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent_d774c50604:focus {\n  outline: none;\n}\n.contentComponent_d774c50604.hasTooltip_48a390ccc6 {\n  padding: 6px;\n}\n.opacitySlideAppear_0c59bd2c3d {\n  opacity: 0;\n}\n.opacitySlideAppear_0c59bd2c3d.top_ae66e78c54 {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_0c59bd2c3d.right_14557a6708 {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_0c59bd2c3d.bottom_9a3b6e363a {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_0c59bd2c3d.left_7fe9dedad7 {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_1479944b20 {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive_1479944b20.top_ae66e78c54, .opacitySlideAppearActive_1479944b20.bottom_9a3b6e363a {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive_1479944b20.right_14557a6708, .opacitySlideAppearActive_1479944b20.left_7fe9dedad7 {\n  transform: translateX(0);\n}\n.expandAppear_5e77a53a01,\n.expandExit_26c6d6d379 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_5e77a53a01.top_ae66e78c54, .expandAppear_5e77a53a01.topStart_d5b46e85b4, .expandAppear_5e77a53a01.topEnd_bb2834d5f0,\n.expandExit_26c6d6d379.top_ae66e78c54,\n.expandExit_26c6d6d379.topStart_d5b46e85b4,\n.expandExit_26c6d6d379.topEnd_bb2834d5f0 {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear_5e77a53a01.top_ae66e78c54.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.topStart_d5b46e85b4.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.topEnd_bb2834d5f0.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.top_ae66e78c54.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.topStart_d5b46e85b4.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.topEnd_bb2834d5f0.edgeBottom_a2fe1b698e {\n  transform-origin: bottom left;\n}\n.expandAppear_5e77a53a01.top_ae66e78c54.edgeTop_c174b803aa, .expandAppear_5e77a53a01.topStart_d5b46e85b4.edgeTop_c174b803aa, .expandAppear_5e77a53a01.topEnd_bb2834d5f0.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.top_ae66e78c54.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.topStart_d5b46e85b4.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.topEnd_bb2834d5f0.edgeTop_c174b803aa {\n  transform-origin: bottom right;\n}\n.expandAppear_5e77a53a01.right_14557a6708, .expandAppear_5e77a53a01.rightStart_e60172a118, .expandAppear_5e77a53a01.rightEnd_594ed3c291,\n.expandExit_26c6d6d379.right_14557a6708,\n.expandExit_26c6d6d379.rightStart_e60172a118,\n.expandExit_26c6d6d379.rightEnd_594ed3c291 {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear_5e77a53a01.right_14557a6708.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.rightStart_e60172a118.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.rightEnd_594ed3c291.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.right_14557a6708.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.rightStart_e60172a118.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.rightEnd_594ed3c291.edgeBottom_a2fe1b698e {\n  transform-origin: top left;\n}\n.expandAppear_5e77a53a01.right_14557a6708.edgeTop_c174b803aa, .expandAppear_5e77a53a01.rightStart_e60172a118.edgeTop_c174b803aa, .expandAppear_5e77a53a01.rightEnd_594ed3c291.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.right_14557a6708.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.rightStart_e60172a118.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.rightEnd_594ed3c291.edgeTop_c174b803aa {\n  transform-origin: bottom left;\n}\n.expandAppear_5e77a53a01.bottom_9a3b6e363a, .expandAppear_5e77a53a01.bottomStart_adfb915365, .expandAppear_5e77a53a01.bottomEnd_0c9f5feeb6,\n.expandExit_26c6d6d379.bottom_9a3b6e363a,\n.expandExit_26c6d6d379.bottomStart_adfb915365,\n.expandExit_26c6d6d379.bottomEnd_0c9f5feeb6 {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear_5e77a53a01.bottom_9a3b6e363a.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.bottomStart_adfb915365.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.bottomEnd_0c9f5feeb6.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.bottom_9a3b6e363a.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.bottomStart_adfb915365.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.bottomEnd_0c9f5feeb6.edgeBottom_a2fe1b698e {\n  transform-origin: top left;\n}\n.expandAppear_5e77a53a01.bottom_9a3b6e363a.edgeTop_c174b803aa, .expandAppear_5e77a53a01.bottomStart_adfb915365.edgeTop_c174b803aa, .expandAppear_5e77a53a01.bottomEnd_0c9f5feeb6.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.bottom_9a3b6e363a.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.bottomStart_adfb915365.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.bottomEnd_0c9f5feeb6.edgeTop_c174b803aa {\n  transform-origin: top right;\n}\n.expandAppear_5e77a53a01.left_7fe9dedad7, .expandAppear_5e77a53a01.leftStart_a1276a1b76, .expandAppear_5e77a53a01.leftEnd_c838db6e69,\n.expandExit_26c6d6d379.left_7fe9dedad7,\n.expandExit_26c6d6d379.leftStart_a1276a1b76,\n.expandExit_26c6d6d379.leftEnd_c838db6e69 {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear_5e77a53a01.left_7fe9dedad7.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.leftStart_a1276a1b76.edgeBottom_a2fe1b698e, .expandAppear_5e77a53a01.leftEnd_c838db6e69.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.left_7fe9dedad7.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.leftStart_a1276a1b76.edgeBottom_a2fe1b698e,\n.expandExit_26c6d6d379.leftEnd_c838db6e69.edgeBottom_a2fe1b698e {\n  transform-origin: top right;\n}\n.expandAppear_5e77a53a01.left_7fe9dedad7.edgeTop_c174b803aa, .expandAppear_5e77a53a01.leftStart_a1276a1b76.edgeTop_c174b803aa, .expandAppear_5e77a53a01.leftEnd_c838db6e69.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.left_7fe9dedad7.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.leftStart_a1276a1b76.edgeTop_c174b803aa,\n.expandExit_26c6d6d379.leftEnd_c838db6e69.edgeTop_c174b803aa {\n  transform-origin: bottom right;\n}\n.expandExit_26c6d6d379 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_28bb6f6503 {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive_28bb6f6503.top_ae66e78c54, .expandAppearActive_28bb6f6503.topStart_d5b46e85b4, .expandAppearActive_28bb6f6503.topEnd_bb2834d5f0, .expandAppearActive_28bb6f6503.bottom_9a3b6e363a, .expandAppearActive_28bb6f6503.bottomStart_adfb915365, .expandAppearActive_28bb6f6503.bottomEnd_0c9f5feeb6, .expandAppearActive_28bb6f6503.right_14557a6708, .expandAppearActive_28bb6f6503.rightStart_e60172a118, .expandAppearActive_28bb6f6503.rightEnd_594ed3c291, .expandAppearActive_28bb6f6503.left_7fe9dedad7, .expandAppearActive_28bb6f6503.leftStart_a1276a1b76, .expandAppearActive_28bb6f6503.leftEnd_c838db6e69 {\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_93c3f594e9",sizeSmall:"sizeSmall_aa73a122b2",sizeMedium:"sizeMedium_0b619576f0",sizeLarge:"sizeLarge_2a85d8d497",typePopover:"typePopover_6b31091488",typeModal:"typeModal_2b583ba25b"};!function(e){const a="s_id-f752ec1c8102_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_93c3f594e9:focus {\n  outline: none;\n}\n\n.sizeSmall_aa73a122b2 {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_0b619576f0 {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_2a85d8d497 {\n  padding: var(--spacing-large);\n}\n\n.typePopover_6b31091488 {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_6b31091488, .black-app-theme .typePopover_6b31091488, .hacker-app-theme .typePopover_6b31091488 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_2b583ba25b {\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_0a957bca1b",sizeSmall:"sizeSmall_56f16df80b",sizeMedium:"sizeMedium_432bf1746c",sizeLarge:"sizeLarge_9d6752f42c",typePopover:"typePopover_6c80cd1264",typeModal:"typeModal_d9897cb2a7"};!function(e){const a="s_id-f752ec1c8102_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_0a957bca1b:focus {\n  outline: none;\n}\n\n.sizeSmall_56f16df80b {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium_432bf1746c {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge_9d6752f42c {\n  padding: var(--spacing-large);\n}\n\n.typePopover_6c80cd1264 {\n  box-shadow: var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_6c80cd1264, .black-app-theme .typePopover_6c80cd1264, .hacker-app-theme .typePopover_6c80cd1264 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_d9897cb2a7 {\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_80dc4e5801",withoutMargin:"withoutMargin_7cba7c27f7",horizontal:"horizontal_e6efb58648",vertical:"vertical_b828c3481b"};!function(e){const n="s_id-290500f5721e_3_70_1";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_80dc4e5801 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_80dc4e5801.withoutMargin_7cba7c27f7 {\n  margin: 0;\n}\n\n.horizontal_e6efb58648 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_b828c3481b {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_8766822eaa",withoutMargin:"withoutMargin_cf629615e7",horizontal:"horizontal_d995d09a5e",vertical:"vertical_935f1aca39"};!function(e){const n="s_id-290500f5721e_3_70_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_8766822eaa {\n  background-color: var(--layout-border-color);\n}\n\n.divider_8766822eaa.withoutMargin_cf629615e7 {\n  margin: 0;\n}\n\n.horizontal_d995d09a5e {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_935f1aca39 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown_a4112672f3"};!function(o){const r="s_id-f59bb3861d49_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.dropdown_a4112672f3 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdown_a4112672f3 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_a4112672f3 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_a4112672f3 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n.dropdown_a4112672f3 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_a4112672f3 .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown_ab4e0d11c9"};!function(o){const r="s_id-f59bb3861d49_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.dropdown_ab4e0d11c9 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdown_ab4e0d11c9 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_ab4e0d11c9 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_ab4e0d11c9 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n.dropdown_ab4e0d11c9 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_ab4e0d11c9 .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import t,{useCallback as e}from"react";import r from"../../../Avatar/Avatar.js";import o from"../../../Icon/Icon.js";import a from"../../../Text/Text.js";import n from"./ChildrenContent.module.scss.js";import{getTestId as i}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";var l=function(l){var c=l.data,m=l.children,u=l.readOnly,d=e((function(t){u&&t.stopPropagation()}),[u]);return t.createElement("div",{className:n.valueContainer,onMouseDown:d,"data-testid":i(s.DROPDOWN_OPTION_CONTENT)},(null==c?void 0:c.leftRenderer)||t.createElement(t.Fragment,null,(null==c?void 0:c.leftAvatar)&&t.createElement(r,{className:n.avatar,withoutBorder:!0,square:c.square,src:c.leftAvatar,type:"img",customSize:20}),(null==c?void 0:c.leftIcon)&&t.createElement(o,{className:n.icon,iconSize:18,icon:c.leftIcon})),t.createElement(a,{type:a.types.TEXT2,color:a.colors.INHERIT},m),(null==c?void 0:c.rightIcon)&&t.createElement(o,{iconSize:18,icon:c.rightIcon}),(null==c?void 0:c.rightAvatar)&&t.createElement(r,{withoutBorder:!0,square:c.square,src:c.rightAvatar,type:"img",customSize:20}))};export{l as ChildrenContent};
+import t,{useCallback as e}from"react";import r from"../../../Avatar/Avatar.js";import o from"../../../Text/Text.js";import a from"./ChildrenContent.module.scss.js";import{getTestId as n}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../../tests/constants.js";import s from"../../../../../components/icon/dist/Icon/Icon.js";var c=function(c){var l=c.data,m=c.children,u=c.readOnly,d=e((function(t){u&&t.stopPropagation()}),[u]);return t.createElement("div",{className:a.valueContainer,onMouseDown:d,"data-testid":n(i.DROPDOWN_OPTION_CONTENT)},(null==l?void 0:l.leftRenderer)||t.createElement(t.Fragment,null,(null==l?void 0:l.leftAvatar)&&t.createElement(r,{className:a.avatar,withoutBorder:!0,square:l.square,src:l.leftAvatar,type:"img",customSize:20}),(null==l?void 0:l.leftIcon)&&t.createElement(s,{className:a.icon,iconSize:18,icon:l.leftIcon})),t.createElement(o,{type:o.types.TEXT2,color:o.colors.INHERIT},m),(null==l?void 0:l.rightIcon)&&t.createElement(s,{iconSize:18,icon:l.rightIcon}),(null==l?void 0:l.rightAvatar)&&t.createElement(r,{withoutBorder:!0,square:l.square,src:l.rightAvatar,type:"img",customSize:20}))};export{c as ChildrenContent};
 //# sourceMappingURL=ChildrenContent.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ChildrenContent.js","sources":["../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport Icon from \"~~../../../Icon~~/~~Icon~~\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n const onMouseDown = useCallback(\n event => {\n if (readOnly) {\n event.stopPropagation();\n }\n },\n [readOnly]\n );\n\n return (\n <div\n className={styles.valueContainer}\n onMouseDown={onMouseDown}\n data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n >\n {data?.leftRenderer \|\| (\n <>\n {data?.leftAvatar && (\n <Avatar\n className={styles.avatar}\n withoutBorder\n square={data.square}\n src={data.leftAvatar}\n type=\"img\"\n customSize={20}\n />\n )}\n {data?.leftIcon && <Icon className={styles.icon} iconSize={18} icon={data.leftIcon} />}\n </>\n )}\n <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n {children}\n </Text>\n {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n {data?.rightAvatar && (\n <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n )}\n </div>\n );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","icon","iconSize","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"~~+UAQaA~~,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,CAACjB,UAAWC,EAAOiB,KAAMC,SAAU,GAAID,KAAM3B,EAAKyB,YAG9ElB,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,CAACE,SAAU,GAAID,KAAM3B,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}
1	+ {"version":3,"file":"ChildrenContent.js","sources":["../../../../../../src/components/Dropdown/components/ChildrenContent/ChildrenContent.jsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport Avatar from \"../../../Avatar/Avatar\";\nimport { Icon } from \"@vibe/icon\";\nimport Text from \"../../../Text/Text\";\nimport styles from \"./ChildrenContent.module.scss\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport const ChildrenContent = ({ data, children, readOnly }) => {\n const onMouseDown = useCallback(\n event => {\n if (readOnly) {\n event.stopPropagation();\n }\n },\n [readOnly]\n );\n\n return (\n <div\n className={styles.valueContainer}\n onMouseDown={onMouseDown}\n data-testid={getTestId(ComponentDefaultTestId.DROPDOWN_OPTION_CONTENT)}\n >\n {data?.leftRenderer \|\| (\n <>\n {data?.leftAvatar && (\n <Avatar\n className={styles.avatar}\n withoutBorder\n square={data.square}\n src={data.leftAvatar}\n type=\"img\"\n customSize={20}\n />\n )}\n {data?.leftIcon && <Icon className={styles.icon} iconSize={18} icon={data.leftIcon} />}\n </>\n )}\n <Text type={Text.types.TEXT2} color={Text.colors.INHERIT}>\n {children}\n </Text>\n {data?.rightIcon && <Icon iconSize={18} icon={data.rightIcon} />}\n {data?.rightAvatar && (\n <Avatar withoutBorder square={data.square} src={data.rightAvatar} type=\"img\" customSize={20} />\n )}\n </div>\n );\n};\n"],"names":["ChildrenContent","_ref","data","children","readOnly","onMouseDown","useCallback","event","stopPropagation","React","createElement","className","styles","valueContainer","getTestId","ComponentDefaultTestId","DROPDOWN_OPTION_CONTENT","leftRenderer","Fragment","leftAvatar","Avatar","avatar","withoutBorder","square","src","type","customSize","leftIcon","Icon","icon","iconSize","Text","types","TEXT2","color","colors","INHERIT","rightIcon","rightAvatar"],"mappings":"0WAQaA,EAAkB,SAAHC,GAAqC,IAA/BC,EAAID,EAAJC,KAAMC,EAAQF,EAARE,SAAUC,EAAQH,EAARG,SAC1CC,EAAcC,GAClB,SAAAC,GACMH,GACFG,EAAMC,iBAEV,GACA,CAACJ,IAGH,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAOC,eAClBR,YAAaA,EACb,cAAaS,EAAUC,EAAuBC,2BAE7Cd,aAAAA,EAAAA,EAAMe,eACLR,EAAAC,cAAAD,EAAAS,SAAA,MACGhB,aAAAA,EAAAA,EAAMiB,aACLV,EAAAC,cAACU,EAAM,CACLT,UAAWC,EAAOS,OAClBC,eAAa,EACbC,OAAQrB,EAAKqB,OACbC,IAAKtB,EAAKiB,WACVM,KAAK,MACLC,WAAY,MAGfxB,aAAI,EAAJA,EAAMyB,WAAYlB,EAAAC,cAACkB,EAAI,CAACjB,UAAWC,EAAOiB,KAAMC,SAAU,GAAID,KAAM3B,EAAKyB,YAG9ElB,EAAAC,cAACqB,EAAI,CAACN,KAAMM,EAAKC,MAAMC,MAAOC,MAAOH,EAAKI,OAAOC,SAC9CjC,IAEFD,aAAI,EAAJA,EAAMmC,YAAa5B,EAAAC,cAACkB,EAAI,CAACE,SAAU,GAAID,KAAM3B,EAAKmC,aAClDnC,aAAI,EAAJA,EAAMoC,cACL7B,EAAAC,cAACU,EAAM,CAACE,eAAa,EAACC,OAAQrB,EAAKqB,OAAQC,IAAKtB,EAAKoC,YAAab,KAAK,MAAMC,WAAY,KAIjG"}

package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer_16256cc7b2",avatar:"avatar_f058d02349",icon:"icon_30e43b2898"};!function(e){const n="s_id-a9768234c15e_3_70_1";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)}(".valueContainer_16256cc7b2 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_16256cc7b2 .avatar_f058d02349,\n.valueContainer_16256cc7b2 .icon_30e43b2898 {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_9a8c3127d9",avatar:"avatar_1303189623",icon:"icon_11d5488aa6"};!function(e){const a="s_id-a9768234c15e_3_70_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".valueContainer_9a8c3127d9 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_9a8c3127d9 .avatar_1303189623,\n.valueContainer_9a8c3127d9 .icon_11d5488aa6 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as o}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as a}from"../../Dropdown.styles.js";import i from"../../../../../icons/dist/react/CloseSmall.js";var s=function(s){var c=s.size;return r.createElement(o.ClearIndicator,e({},s,{className:"clear-indicator"}),r.createElement(t,{iconType:"svg",icon:i,iconSize:a(c),tabindex:"-1"}))};export{s as default};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as o}from"react-select";import{getIndicatorSize as t}from"../../Dropdown.styles.js";import a from"../../../../../components/icon/dist/Icon/Icon.js";import i from"../../../../../packages/icons/dist/react/CloseSmall.js";var s=function(s){var c=s.size;return r.createElement(o.ClearIndicator,e({},s,{className:"clear-indicator"}),r.createElement(a,{iconType:"svg",icon:i,iconSize:t(c),tabindex:"-1"}))};export{s as default};
 //# sourceMappingURL=ClearIndicator.js.map