npm - @vibe/core - Versions diffs - 3.88.5 → 3.89.0-alpha-01945.0 - Mend

@vibe/core 3.88.5 → 3.89.0-alpha-01945.0

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

Files changed (454) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport useSetFocus from \"../../hooks/useSetFocus\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst CHIPS_AVATAR_SIZE = 18;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted.\n /\n readOnly?: boolean;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, indicates that the chip has a popup.\n /\n ariaHasPopup?: boolean;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, removes the default margin from the chip.\n */\n noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n readOnly = false,\n allowTextSelection = false,\n color = \"primary\",\n iconSize = 18,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n ariaHasPopup = false,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = (!!onClick \|\| !!onMouseDown) && !disableClickableBehavior;\n const hasCloseButton = !readOnly && !disabled;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const [isHovered, setIsHovered] = useState(false);\n const handleMouseEnter = useCallback(() => setIsHovered(true), []);\n const handleMouseLeave = useCallback(() => setIsHovered(false), []);\n const { isFocused } = useSetFocus({ ref: componentRef });\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n const overrideClassName = cx(styles.chips, className, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n const backgroundColorStyle = useMemo(() => {\n let cssVar;\n if (disabled) {\n cssVar = getCSSVar(\"disabled-background-color\");\n } else if (hasClickableWrapper && (isHovered \|\| isFocused)) {\n cssVar = getElementColor(color, true, true);\n } else {\n cssVar = getElementColor(color, true);\n }\n return { backgroundColor: cssVar };\n }, [disabled, hasClickableWrapper, isHovered, isFocused, color]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown,\n disabled,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: backgroundColorStyle,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: backgroundColorStyle,\n ref: mergedRef,\n onClick: onClickCallback,\n onMouseDown,\n id: id,\n \"data-testid\": componentDataTestId,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div {...wrapperProps} data-vibe={ComponentVibeId.CHIPS}>\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n <Text type=\"text2\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={CHIPS_AVATAR_SIZE}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n color=\"on-primary-color\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","_ref$iconSize","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","hasClickableWrapper","hasCloseButton","overrideAriaLabel","iconButtonRef","useRef","componentRef","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","handleMouseEnter","useCallback","handleMouseLeave","isFocused","useSetFocus","mergedRef","useMergeRef","overrideClassName","cx","styles","chips","_defineProperty","withUserSelect","border","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","size","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"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"}
1	+ {"version":3,"file":"Chips.js","sources":["../../../../src/components/Chips/Chips.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { Icon } from \"@vibe/icon\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor, isSemanticElementColor } from \"../../types/Colors\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { AvatarType as AvatarTypeEnum } from \"../Avatar/AvatarConstants\";\nimport { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport styles from \"./Chips.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\nimport { type ChipsVariant, type ChipsSize } from \"./Chips.types\";\n\nconst CHIPS_AVATAR_SIZE = 18;\nconst CHIPS_AVATAR_SIZE_SMALL = 14;\n\nexport interface ChipsProps extends VibeComponentProps {\n /*\n The text or content displayed inside the chip.\n /\n label?: ElementContent;\n /\n Visual and behavioral variant of the chip.\n * - `default` — standard chip (colors, optional remove / click)\n * - `readOnly` — display only; no interaction\n * - `filterable` — primary theme only; default / hover / pressed states\n /\n variant?: ChipsVariant;\n /\n If true, the chip is disabled.\n /\n disabled?: boolean;\n /\n If true, the chip is read-only and cannot be deleted or interacted with.\n * Prefer `variant=\"readOnly\"` for new usage.\n /\n readOnly?: boolean;\n /\n When `variant=\"filterable\"`, shows the pressed (selected) state.\n /\n pressed?: boolean;\n /\n The size of the chip.\n * - `medium` — default (24px height)\n * - `small` — 20px height, 12px text\n /\n size?: ChipsSize;\n /\n A React element displayed on the right side.\n /\n rightRenderer?: ElementContent;\n /\n A React element displayed on the left side.\n /\n leftRenderer?: ElementContent;\n /\n Icon displayed on the right side.\n /\n rightIcon?: SubIcon;\n /\n Icon displayed on the left side.\n /\n leftIcon?: SubIcon;\n /\n Image URL or text for an avatar displayed on the right.\n /\n rightAvatar?: string;\n /\n The type of avatar displayed on the right.\n /\n rightAvatarType?: AvatarType;\n /\n Image URL or text for an avatar displayed on the left.\n /\n leftAvatar?: string;\n /\n The type of avatar displayed on the left.\n /\n leftAvatarType?: AvatarType;\n /\n Class name applied to left or right icons.\n /\n iconClassName?: string;\n /\n Class name applied to left or right avatars.\n /\n avatarClassName?: string;\n /\n The background color of the chip.\n * Ignored when `variant=\"filterable\"` (always primary).\n /\n color?: Exclude<ElementAllowedColor, \"dark_indigo\" \| \"blackish\">;\n /\n The size of the icons inside the chip.\n /\n iconSize?: number \| string;\n /\n Callback fired when the chip is deleted.\n /\n onDelete?: (id: string, event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n If true, disables the chip's entry animation.\n /\n noAnimation?: boolean;\n /\n If true, allows the user to select text inside the chip.\n /\n allowTextSelection?: boolean;\n /\n Callback fired when the mouse button is pressed on the chip.\n /\n onMouseDown?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n Callback fired when the chip is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n /\n The label of the chip for accessibility.\n /\n ariaLabel?: string;\n /\n If true, indicates that the chip has a popup.\n /\n ariaHasPopup?: boolean;\n /\n If true, disables all click behaviors.\n /\n disableClickableBehavior?: boolean;\n /\n If true, displays a border around the chip.\n /\n showBorder?: boolean;\n /\n The label for the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, removes the default margin from the chip.\n /\n noMargin?: boolean;\n}\n\nconst Chips = forwardRef(\n (\n {\n className,\n avatarClassName,\n iconClassName,\n id,\n label = \"\",\n leftIcon = null,\n rightIcon = null,\n leftAvatar = null,\n rightAvatar = null,\n disabled = false,\n variant = \"default\",\n readOnly = false,\n pressed = false,\n size = \"medium\",\n allowTextSelection = false,\n color = \"primary\",\n iconSize,\n onDelete = (_id: string, _e: React.MouseEvent<HTMLSpanElement>) => {},\n onMouseDown,\n onClick,\n noAnimation = true,\n ariaLabel,\n ariaHasPopup = false,\n \"data-testid\": dataTestId,\n disableClickableBehavior = false,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const isFilterable = variant === \"filterable\";\n const isReadOnly = !isFilterable && (readOnly \|\| variant === \"readOnly\");\n const isSmall = size === \"small\";\n const resolvedColor = isFilterable ? \"primary\" : color;\n const overrideAriaLabel = ariaLabel \|\| (typeof label === \"string\" && label) \|\| \"\";\n const resolvedIconSize = iconSize ?? (isSmall ? 14 : 18);\n const resolvedAvatarSize = isSmall ? CHIPS_AVATAR_SIZE_SMALL : CHIPS_AVATAR_SIZE;\n\n const hasCloseButton = !isReadOnly && !disabled && !isFilterable;\n const hasClickableWrapper =\n !isReadOnly && ((!disableClickableBehavior && (!!onClick \|\| !!onMouseDown)) \|\| isFilterable);\n\n const iconButtonRef = useRef(null);\n const componentRef = useRef(null);\n\n const mergedRef = useMergeRef<HTMLDivElement>(ref, componentRef);\n\n // Lock resting width (close is absolutely positioned) so hover padding truncates label instead of growing the chip\n useLayoutEffect(() => {\n if (!hasCloseButton \|\| !componentRef.current) return;\n const el = componentRef.current;\n el.style.width = \"\";\n el.style.width = `${el.getBoundingClientRect().width}px`;\n }, [hasCloseButton, label, size, leftIcon, rightIcon, leftAvatar, rightAvatar, leftRenderer, rightRenderer]);\n\n const hasLeftIcon = Boolean(leftIcon \|\| leftAvatar \|\| leftRenderer);\n const hasRightIcon = Boolean(rightIcon \|\| rightAvatar \|\| rightRenderer);\n\n // Semantic colors are styled by class (same `color-` pattern as Label), so the fill\n // lives in CSS and consumers can override it without !important. `filterable` owns its\n // own fill, so it opts out.\n const semanticColorClassName =\n !isFilterable && isSemanticElementColor(resolvedColor)\n ? getStyle(styles, camelCase(\"color-\" + resolvedColor))\n : undefined;\n\n const overrideClassName = cx(styles.chips, className, semanticColorClassName, {\n [styles.disabled]: disabled,\n [styles.noAnimation]: noAnimation,\n [styles.withUserSelect]: allowTextSelection,\n [styles.border]: showBorder,\n [styles.noMargin]: noMargin,\n [styles.small]: isSmall,\n [styles.readOnly]: isReadOnly,\n [styles.defaultCursor]: isReadOnly,\n [styles.filterable]: isFilterable,\n [styles.pressed]: isFilterable && pressed,\n [styles.withClose]: hasCloseButton,\n [styles.withLeftIcon]: hasLeftIcon,\n [styles.withRightIcon]: hasRightIcon\n });\n const clickableClassName = cx(styles.clickable, overrideClassName, {\n [styles.disabled]: disabled,\n [styles.disableTextSelection]: !allowTextSelection\n });\n\n /*\n Content colors (there are ~40) can't reasonably each get a class, so they pass their\n * palette in as custom properties and CSS applies them. That keeps `background-color`\n * out of the inline style, so hover is a plain `:hover` rule rather than React state,\n * and consumers can restyle a chip with ordinary specificity.\n /\n const contentColorStyle = useMemo(() => {\n if (isFilterable \|\| disabled \|\| semanticColorClassName) {\n return undefined;\n }\n // No --chips-surface-hover: content colors have no `--color--selected-hover` token,\n // so getElementColor ignores the hover palette for them. The CSS falls back to the\n // resting fill, which is what the previous JS hover branch also produced.\n return { \"--chips-surface\": getElementColor(resolvedColor, true) } as React.CSSProperties;\n }, [disabled, resolvedColor, isFilterable, semanticColorClassName]);\n\n const onDeleteCallback = useCallback(\n (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n e.stopPropagation();\n if (onDelete) {\n onDelete(id, e);\n }\n },\n [id, onDelete]\n );\n\n const onClickCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (isReadOnly \|\| disabled) {\n return;\n }\n if (onClick !== undefined && (e.target as HTMLElement) !== iconButtonRef.current) {\n e.preventDefault();\n onClick(e);\n }\n },\n [onClick, isReadOnly, disabled]\n );\n\n const onMouseDownCallback = useCallback(\n (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n if (isReadOnly \|\| disabled) {\n return;\n }\n onMouseDown?.(e);\n },\n [onMouseDown, isReadOnly, disabled]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n onMouseDown: onMouseDownCallback,\n disabled: disabled \|\| isReadOnly,\n id,\n \"data-testid\": componentDataTestId,\n ariaLabel: overrideAriaLabel,\n ariaHidden: false,\n ariaHasPopup,\n ariaExpanded: false\n },\n mergedRef\n );\n const wrapperProps = hasClickableWrapper\n ? {\n ...clickableProps,\n ref: mergedRef,\n className: clickableClassName,\n style: contentColorStyle,\n ...(isFilterable ? { \"aria-pressed\": pressed } : {})\n }\n : {\n className: overrideClassName,\n \"aria-label\": overrideAriaLabel,\n style: contentColorStyle,\n ref: mergedRef,\n onClick: isReadOnly ? undefined : onClickCallback,\n onMouseDown: isReadOnly ? undefined : onMouseDownCallback,\n id: id,\n \"data-testid\": componentDataTestId\n };\n\n const leftAvatarProps = leftAvatarType === \"text\" ? { text: leftAvatar } : { src: leftAvatar };\n const rightAvatarProps = leftAvatarType === \"text\" ? { text: rightAvatar } : { src: rightAvatar };\n\n return (\n <div\n {...wrapperProps}\n data-vibe={ComponentVibeId.CHIPS}\n data-variant={isFilterable ? \"filterable\" : isReadOnly ? \"readOnly\" : \"default\"}\n >\n {leftAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.left, avatarClassName)}\n customSize={resolvedAvatarSize}\n type={leftAvatarType}\n key={id}\n {...leftAvatarProps}\n />\n ) : null}\n {leftIcon ? (\n <Icon\n className={cx(styles.icon, styles.left, iconClassName)}\n iconType=\"font\"\n icon={leftIcon}\n iconSize={resolvedIconSize}\n ignoreFocusStyle\n />\n ) : null}\n {leftRenderer && <div className={cx(styles.customRenderer, styles.left)}>{leftRenderer}</div>}\n {/* `inherit` so the label follows the chip's colour (--text-on-surface-* for semantic\n colors, set inline on the root). Text's default would pin --primary-text-color and\n leave the label out of step with the icons, which use currentColor. */}\n <Text type={isSmall ? \"text3\" : \"text2\"} color=\"inherit\" className={styles.label}>\n {label}\n </Text>\n {rightIcon ? (\n <Icon\n className={cx(styles.icon, styles.right, iconClassName)}\n iconType=\"font\"\n icon={rightIcon}\n iconSize={resolvedIconSize}\n ignoreFocusStyle\n />\n ) : null}\n {rightAvatar ? (\n <Avatar\n withoutBorder\n className={cx(styles.avatar, styles.right, avatarClassName)}\n customSize={resolvedAvatarSize}\n type={rightAvatarType}\n key={id}\n {...rightAvatarProps}\n />\n ) : null}\n {rightRenderer && <div className={cx(styles.customRenderer, styles.right)}>{rightRenderer}</div>}\n {hasCloseButton && (\n <IconButton\n size=\"xxs\"\n className={cx(styles.icon, styles.close)}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onDeleteCallback}\n data-testid={`${componentDataTestId}-close`}\n ref={iconButtonRef}\n />\n )}\n </div>\n );\n }\n);\n\ninterface ChipsStaticProps {\n colors: typeof ElementAllowedColorEnum;\n avatarTypes: typeof AvatarTypeEnum;\n}\n\nexport default withStaticProps<ChipsProps, ChipsStaticProps>(Chips, {\n colors: ElementAllowedColorEnum,\n avatarTypes: AvatarTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_cx","className","avatarClassName","iconClassName","id","_ref$label","label","_ref$leftIcon","leftIcon","_ref$rightIcon","rightIcon","_ref$leftAvatar","leftAvatar","_ref$rightAvatar","rightAvatar","_ref$disabled","disabled","_ref$variant","variant","_ref$readOnly","readOnly","_ref$pressed","pressed","_ref$size","size","_ref$allowTextSelecti","allowTextSelection","_ref$color","color","iconSize","_ref$onDelete","onDelete","_id","_e","onMouseDown","onClick","_ref$noAnimation","noAnimation","ariaLabel","_ref$ariaHasPopup","ariaHasPopup","_ref$disableClickable","disableClickableBehavior","_ref$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","componentDataTestId","getTestId","ComponentDefaultTestId","CHIP","isFilterable","isReadOnly","isSmall","resolvedColor","overrideAriaLabel","resolvedIconSize","resolvedAvatarSize","hasCloseButton","hasClickableWrapper","iconButtonRef","useRef","componentRef","mergedRef","useMergeRef","useLayoutEffect","current","el","style","width","concat","getBoundingClientRect","hasLeftIcon","hasRightIcon","semanticColorClassName","isSemanticElementColor","getStyle","styles","camelCase","undefined","overrideClassName","cx","chips","_defineProperty","withUserSelect","border","small","defaultCursor","filterable","withClose","withLeftIcon","withRightIcon","clickableClassName","clickable","disableTextSelection","contentColorStyle","useMemo","getElementColor","onDeleteCallback","useCallback","e","stopPropagation","onClickCallback","target","preventDefault","onMouseDownCallback","clickableProps","useClickableProps","ariaHidden","ariaExpanded","wrapperProps","Object","assign","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","iconType","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall","colors","ElementAllowedColorEnum","avatarTypes","AvatarTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={chips:"chips_16283dd3d0","chips-pop-in-emphasized":"chips-pop-in-emphasized_d6247918cf",border:"border_7fe078666a",withUserSelect:"withUserSelect_c3ad1b0b44",noMargin:"noMargin_4df41c2186",label:"label_cd01bd3a4b",noAnimation:"noAnimation_ac8af6e606",icon:"icon_1ef9ff514d",avatar:"avatar_7b55b9be9b",customRenderer:"customRenderer_5d09a962f0",left:"left_2b43076ff8",right:"right_c2e712995b",close:"close_a0ee17bbe3",disabled:"disabled_2043d43941",defaultCursor:"defaultCursor_2043d43941",clickable:"clickable_ab305a04fa","focus-visible":"focus-visible_1d68a623bd",disableTextSelection:"disableTextSelection_db6b666f19"};!function(e){const n="s_id-f5374e1ade65_3_88_4";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_16283dd3d0 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_d6247918cf var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_16283dd3d0.border_7fe078666a {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_16283dd3d0.withUserSelect_c3ad1b0b44 {\n  user-select: text;\n  cursor: text;\n}\n.chips_16283dd3d0.noMargin_4df41c2186 {\n  margin: 0;\n}\n.chips_16283dd3d0 .label_cd01bd3a4b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_16283dd3d0.noAnimation_ac8af6e606 {\n  animation: none;\n}\n.chips_16283dd3d0 .icon_1ef9ff514d,\n.chips_16283dd3d0 .avatar_7b55b9be9b,\n.chips_16283dd3d0 .customRenderer_5d09a962f0 {\n  min-width: 18px;\n}\n.chips_16283dd3d0 .icon_1ef9ff514d.left_2b43076ff8,\n.chips_16283dd3d0 .avatar_7b55b9be9b.left_2b43076ff8,\n.chips_16283dd3d0 .customRenderer_5d09a962f0.left_2b43076ff8 {\n  margin-right: var(--spacing-xs);\n}\n.chips_16283dd3d0 .icon_1ef9ff514d.right_c2e712995b,\n.chips_16283dd3d0 .avatar_7b55b9be9b.right_c2e712995b,\n.chips_16283dd3d0 .customRenderer_5d09a962f0.right_c2e712995b {\n  margin-left: var(--spacing-xs);\n}\n.chips_16283dd3d0 .icon_1ef9ff514d.close_a0ee17bbe3,\n.chips_16283dd3d0 .avatar_7b55b9be9b.close_a0ee17bbe3,\n.chips_16283dd3d0 .customRenderer_5d09a962f0.close_a0ee17bbe3 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_16283dd3d0.disabled_2043d43941 .icon_1ef9ff514d {\n  color: var(--disabled-text-color);\n}\n.chips_16283dd3d0.disabled_2043d43941 .label_cd01bd3a4b {\n  color: var(--disabled-text-color);\n}\n.chips_16283dd3d0.defaultCursor_2043d43941 {\n  cursor: default;\n}\n.chips_16283dd3d0.clickable_ab305a04fa {\n  cursor: pointer;\n}\n.chips_16283dd3d0.clickable_ab305a04fa:focus-visible, .chips_16283dd3d0.clickable_ab305a04fa.focus-visible_1d68a623bd {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_16283dd3d0.clickable_ab305a04fa:focus:not(.focus-visible_1d68a623bd) {\n  outline: none;\n}\n.chips_16283dd3d0.clickable_ab305a04fa.disabled_2043d43941 {\n  cursor: default;\n}\n.chips_16283dd3d0.clickable_ab305a04fa.disableTextSelection_db6b666f19 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_d6247918cf {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
+var e={chips:"chips_3c658835ee","chips-pop-in-emphasized":"chips-pop-in-emphasized_b530099079",clickable:"clickable_0bd0945fa3",border:"border_45c4b2e63e",withUserSelect:"withUserSelect_79a553f09e",noMargin:"noMargin_22115c65b0",withLeftIcon:"withLeftIcon_12fda4dd8d",withRightIcon:"withRightIcon_338e3325f6",withClose:"withClose_935f7fcdab",label:"label_736df5007f",icon:"icon_3eaeba1ced",close:"close_cf08751316",small:"small_5d0d5a7216",avatar:"avatar_b77fda19ef",customRenderer:"customRenderer_7170b75583",noAnimation:"noAnimation_2ab85977aa",left:"left_86d010924e",right:"right_144901fdcd",colorPrimary:"colorPrimary_1f4dcfa876",colorPositive:"colorPositive_2627618891",colorNegative:"colorNegative_d030d08344",colorWarning:"colorWarning_a59e9fe4d2",colorInfo:"colorInfo_fe05872d1a",colorNeutral:"colorNeutral_f99648c0b1",disabled:"disabled_76f7254b5a",defaultCursor:"defaultCursor_b524c385bb",readOnly:"readOnly_b524c385bb",filterable:"filterable_17e0b48dcd",pressed:"pressed_eb718ff61c","focus-visible":"focus-visible_ef81741bea",disableTextSelection:"disableTextSelection_1d7c73a8a7"};!function(e){const n="s_id-e9dcccbf3784_3_88_6";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,c.firstChild?c.insertBefore(a,c.firstChild):c.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_3c658835ee {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: var(--border-radius-full);\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  /* The fill comes from --chips-surface: semantic colors set it via the color-* classes\n     below, content colors pass it in as an inline custom property. Keeping\n     `background-color` itself in CSS means hover is a plain :hover rule (no React state)\n     and consumers can override the fill without !important. */\n  background-color: var(--chips-surface);\n  animation: chips-pop-in-emphasized_b530099079 var(--motion-productive-medium) var(--motion-timing-emphasize);\n  /* Medium: 8px default; 4px on sides that have an icon */\n  /* Icons and the close IconButton track the chip's colour, which for semantic colors\n     is --text-on-surface-* (set inline on the root). This beats IconButton's own\n     `.kindTertiary { color: --primary-text-color }` on specificity. */\n  /* Semantic colors: surface + its paired text, same `color-*` class pattern Label uses.\n     Hover keeps the existing *-color-selected-hover tokens. */\n  /* After the color-* classes so it wins the tie on equal specificity. */\n}\n.chips_3c658835ee.clickable_0bd0945fa3:hover, .chips_3c658835ee.clickable_0bd0945fa3:focus-within {\n  background-color: var(--chips-surface-hover, var(--chips-surface));\n}\n.chips_3c658835ee.border_45c4b2e63e {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_3c658835ee.withUserSelect_79a553f09e {\n  user-select: text;\n  cursor: text;\n}\n.chips_3c658835ee.noMargin_22115c65b0 {\n  margin: 0;\n}\n.chips_3c658835ee.withLeftIcon_12fda4dd8d {\n  padding-inline-start: var(--spacing-xs);\n}\n.chips_3c658835ee.withRightIcon_338e3325f6 {\n  padding-inline-end: var(--spacing-xs);\n}\n.chips_3c658835ee.withClose_935f7fcdab {\n  position: relative;\n  box-sizing: border-box;\n}\n.chips_3c658835ee.withClose_935f7fcdab .label_736df5007f {\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.chips_3c658835ee.withClose_935f7fcdab .icon_3eaeba1ced.close_cf08751316 {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  margin: 0;\n  opacity: 0;\n  pointer-events: none;\n  z-index: 1;\n}\n.chips_3c658835ee.withClose_935f7fcdab:hover, .chips_3c658835ee.withClose_935f7fcdab:focus-within {\n  /* Keep overall width stable; carve space for the close control inside the chip */\n  padding-inline-end: 26px;\n}\n.chips_3c658835ee.withClose_935f7fcdab:hover .icon_3eaeba1ced.close_cf08751316, .chips_3c658835ee.withClose_935f7fcdab:focus-within .icon_3eaeba1ced.close_cf08751316 {\n  opacity: 1;\n  pointer-events: auto;\n}\n.chips_3c658835ee.withClose_935f7fcdab.small_5d0d5a7216:hover, .chips_3c658835ee.withClose_935f7fcdab.small_5d0d5a7216:focus-within {\n  padding-inline-end: 22px;\n}\n.chips_3c658835ee.small_5d0d5a7216 {\n  height: 20px;\n  /* Small: 4px default; 2px on sides that have an icon */\n  padding: 0 var(--spacing-xs);\n}\n.chips_3c658835ee.small_5d0d5a7216.withLeftIcon_12fda4dd8d {\n  padding-inline-start: var(--space-2);\n}\n.chips_3c658835ee.small_5d0d5a7216.withRightIcon_338e3325f6 {\n  padding-inline-end: var(--space-2);\n}\n.chips_3c658835ee.small_5d0d5a7216 .icon_3eaeba1ced,\n.chips_3c658835ee.small_5d0d5a7216 .avatar_b77fda19ef,\n.chips_3c658835ee.small_5d0d5a7216 .customRenderer_7170b75583 {\n  min-width: 14px;\n}\n.chips_3c658835ee .label_736df5007f {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_3c658835ee.noAnimation_2ab85977aa {\n  animation: none;\n}\n.chips_3c658835ee .icon_3eaeba1ced,\n.chips_3c658835ee .avatar_b77fda19ef,\n.chips_3c658835ee .customRenderer_7170b75583 {\n  min-width: 18px;\n}\n.chips_3c658835ee .icon_3eaeba1ced.left_86d010924e,\n.chips_3c658835ee .avatar_b77fda19ef.left_86d010924e,\n.chips_3c658835ee .customRenderer_7170b75583.left_86d010924e {\n  margin-right: var(--spacing-xs);\n}\n.chips_3c658835ee .icon_3eaeba1ced.right_144901fdcd,\n.chips_3c658835ee .avatar_b77fda19ef.right_144901fdcd,\n.chips_3c658835ee .customRenderer_7170b75583.right_144901fdcd {\n  margin-left: var(--spacing-xs);\n}\n.chips_3c658835ee .icon_3eaeba1ced.close_cf08751316,\n.chips_3c658835ee .avatar_b77fda19ef.close_cf08751316,\n.chips_3c658835ee .customRenderer_7170b75583.close_cf08751316 {\n  margin-left: var(--spacing-xs);\n}\n.chips_3c658835ee .icon_3eaeba1ced {\n  color: currentColor;\n}\n.chips_3c658835ee.colorPrimary_1f4dcfa876 {\n  --chips-surface: var(--surface-primary);\n  --chips-surface-hover: var(--ui-background-hover-color);\n  color: var(--text-on-surface-primary);\n}\n.chips_3c658835ee.colorPositive_2627618891 {\n  --chips-surface: var(--surface-positive);\n  --chips-surface-hover: var(--positive-color-selected-hover);\n  color: var(--text-on-surface-positive);\n}\n.chips_3c658835ee.colorNegative_d030d08344 {\n  --chips-surface: var(--surface-negative);\n  --chips-surface-hover: var(--negative-color-selected-hover);\n  color: var(--text-on-surface-negative);\n}\n.chips_3c658835ee.colorWarning_a59e9fe4d2 {\n  --chips-surface: var(--surface-warning);\n  --chips-surface-hover: var(--warning-color-selected-hover);\n  color: var(--text-on-surface-warning);\n}\n.chips_3c658835ee.colorInfo_fe05872d1a {\n  --chips-surface: var(--surface-info);\n  --chips-surface-hover: var(--info-color-selected-hover);\n  color: var(--text-on-surface-info);\n}\n.chips_3c658835ee.colorNeutral_f99648c0b1 {\n  --chips-surface: var(--surface-neutral);\n  --chips-surface-hover: var(--ui-background-hover-color);\n  color: var(--text-on-surface-neutral);\n}\n.chips_3c658835ee.disabled_76f7254b5a {\n  --chips-surface: var(--disabled-background-color);\n  --chips-surface-hover: var(--disabled-background-color);\n}\n.chips_3c658835ee.disabled_76f7254b5a .icon_3eaeba1ced {\n  color: var(--disabled-text-color);\n}\n.chips_3c658835ee.disabled_76f7254b5a .label_736df5007f {\n  color: var(--disabled-text-color);\n}\n.chips_3c658835ee.defaultCursor_b524c385bb {\n  cursor: default;\n}\n.chips_3c658835ee.readOnly_b524c385bb {\n  cursor: default;\n}\n.chips_3c658835ee.filterable_17e0b48dcd {\n  background-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  cursor: pointer;\n}\n.chips_3c658835ee.filterable_17e0b48dcd .icon_3eaeba1ced,\n.chips_3c658835ee.filterable_17e0b48dcd .label_736df5007f {\n  color: currentColor;\n}\n.chips_3c658835ee.filterable_17e0b48dcd:hover:not(.disabled_76f7254b5a):not(.pressed_eb718ff61c), .chips_3c658835ee.filterable_17e0b48dcd:active:not(.disabled_76f7254b5a):not(.pressed_eb718ff61c) {\n  background-color: var(--ui-background-hover-color);\n  color: var(--primary-text-color);\n}\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-inverted);\n}\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) .icon_3eaeba1ced,\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) .label_736df5007f,\n.chips_3c658835ee.filterable_17e0b48dcd.pressed_eb718ff61c:not(.disabled_76f7254b5a) .close_cf08751316 {\n  color: currentColor;\n}\n.chips_3c658835ee.filterable_17e0b48dcd.disabled_76f7254b5a {\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.chips_3c658835ee.clickable_0bd0945fa3 {\n  cursor: pointer;\n}\n.chips_3c658835ee.clickable_0bd0945fa3:focus-visible, .chips_3c658835ee.clickable_0bd0945fa3.focus-visible_ef81741bea {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.chips_3c658835ee.clickable_0bd0945fa3:focus:not(.focus-visible_ef81741bea) {\n  outline: none;\n}\n.chips_3c658835ee.clickable_0bd0945fa3.disabled_76f7254b5a {\n  cursor: default;\n}\n.chips_3c658835ee.clickable_0bd0945fa3.disableTextSelection_1d7c73a8a7 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_b530099079 {\n  0% {\n    transform: scale(0.3);\n    opacity: 0;\n  }\n  70% {\n    opacity: 1;\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{e as default};
 //# sourceMappingURL=Chips.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_86dcbd22ab",colorPickerDialogContent:"colorPickerDialogContent_5661f00466"};!function(e){const t="s_id-ffacbf9b6446_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_86dcbd22ab.colorPickerDialogContent_5661f00466 {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
+var e={colorPicker:"colorPicker_377ce9354f",colorPickerDialogContent:"colorPickerDialogContent_29a66d8cda"};!function(e){const t="s_id-ffacbf9b6446_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_377ce9354f.colorPickerDialogContent_29a66d8cda {\n  z-index: 1;\n  padding: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=ColorPicker.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clearColorIcon:"clearColorIcon_c55a324bbe",clearColorButton:"clearColorButton_b49212078c"};!function(e){const n="s_id-774e60a23ee3_3_88_4";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)}(".clearColorIcon_c55a324bbe {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_b49212078c {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_6afc5ec1f3",clearColorButton:"clearColorButton_458c0e11ec"};!function(e){const n="s_id-774e60a23ee3_3_88_6";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)}(".clearColorIcon_6afc5ec1f3 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_458c0e11ec {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_267f90c541"};!function(e){const n="s_id-0a5f0eb78ee4_3_88_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_267f90c541 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_e5c9180990"};!function(e){const n="s_id-0a5f0eb78ee4_3_88_6";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_e5c9180990 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_95b5917125",circle:"circle_b1ed73d671",feedbackIndicator:"feedbackIndicator_6fa6d9986f",active:"active_72584ed6a9",selectedColor:"selectedColor_f89ee4f894",colorItem:"colorItem_3ecd95700c",colorIndicatorWrapper:"colorIndicatorWrapper_93d47fb4cd",colorItemSizeSmall:"colorItemSizeSmall_58c03b6ca9",colorItemSizeMedium:"colorItemSizeMedium_8a2e7c03c9",colorItemSizeLarge:"colorItemSizeLarge_c5dc00fced",colorItemTextMode:"colorItemTextMode_8ee6a0693d",colorIconWhite:"colorIconWhite_e598262824"};!function(e){const r="s_id-4f41e3ef6859_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_95b5917125.circle_b1ed73d671 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_95b5917125 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_95b5917125 .feedbackIndicator_6fa6d9986f {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_95b5917125:focus,\n.itemWrapper_95b5917125:focus-visible,\n.itemWrapper_95b5917125.active_72584ed6a9 {\n  outline: none;\n}\n\n.itemWrapper_95b5917125:focus .feedbackIndicator_6fa6d9986f:before,\n.itemWrapper_95b5917125:focus-visible .feedbackIndicator_6fa6d9986f:before,\n.itemWrapper_95b5917125.active_72584ed6a9 .feedbackIndicator_6fa6d9986f:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_95b5917125:focus .feedbackIndicator_6fa6d9986f:after,\n.itemWrapper_95b5917125:focus-visible .feedbackIndicator_6fa6d9986f:after,\n.itemWrapper_95b5917125.active_72584ed6a9 .feedbackIndicator_6fa6d9986f:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_95b5917125:hover:not(.active_72584ed6a9):not(.selectedColor_f89ee4f894) .feedbackIndicator_6fa6d9986f {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_95b5917125 .colorItem_3ecd95700c {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_95b5917125 .colorItem_3ecd95700c .colorIndicatorWrapper_93d47fb4cd {\n  display: flex;\n}\n\n.itemWrapper_95b5917125 .colorItem_3ecd95700c.colorItemSizeSmall_58c03b6ca9 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_95b5917125 .colorItem_3ecd95700c.colorItemSizeMedium_8a2e7c03c9 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_95b5917125 .colorItem_3ecd95700c.colorItemSizeLarge_c5dc00fced {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_95b5917125.selectedColor_f89ee4f894 {\n  position: relative;\n}\n\n.itemWrapper_95b5917125.selectedColor_f89ee4f894:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_95b5917125.selectedColor_f89ee4f894 .feedbackIndicator_6fa6d9986f:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_95b5917125 .colorItemTextMode_8ee6a0693d:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_95b5917125 .colorIconWhite_e598262824 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_b6558aaf70",circle:"circle_bb1902e1a6",feedbackIndicator:"feedbackIndicator_5802a7d6b0",active:"active_b635718775",selectedColor:"selectedColor_3cc7054c1d",colorItem:"colorItem_27d4f2f488",colorIndicatorWrapper:"colorIndicatorWrapper_877d31a52d",colorItemSizeSmall:"colorItemSizeSmall_b3080a8cf0",colorItemSizeMedium:"colorItemSizeMedium_a55fc13b96",colorItemSizeLarge:"colorItemSizeLarge_720de8c343",colorItemTextMode:"colorItemTextMode_8c9b357eef",colorIconWhite:"colorIconWhite_f545be84a5"};!function(e){const r="s_id-4f41e3ef6859_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_b6558aaf70.circle_bb1902e1a6 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_b6558aaf70 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_b6558aaf70 .feedbackIndicator_5802a7d6b0 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_b6558aaf70:focus,\n.itemWrapper_b6558aaf70:focus-visible,\n.itemWrapper_b6558aaf70.active_b635718775 {\n  outline: none;\n}\n\n.itemWrapper_b6558aaf70:focus .feedbackIndicator_5802a7d6b0:before,\n.itemWrapper_b6558aaf70:focus-visible .feedbackIndicator_5802a7d6b0:before,\n.itemWrapper_b6558aaf70.active_b635718775 .feedbackIndicator_5802a7d6b0:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-selected-color);\n  pointer-events: none;\n}\n\n.itemWrapper_b6558aaf70:focus .feedbackIndicator_5802a7d6b0:after,\n.itemWrapper_b6558aaf70:focus-visible .feedbackIndicator_5802a7d6b0:after,\n.itemWrapper_b6558aaf70.active_b635718775 .feedbackIndicator_5802a7d6b0:after {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -1px;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n/* active elements have no "hover feedback" */\n\n.itemWrapper_b6558aaf70:hover:not(.active_b635718775):not(.selectedColor_3cc7054c1d) .feedbackIndicator_5802a7d6b0 {\n  content: " ";\n  position: absolute;\n  border-radius: calc(8px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 4px solid;\n  border-color: var(--primary-background-hover-color);\n  pointer-events: none;\n}\n\n.itemWrapper_b6558aaf70 .colorItem_27d4f2f488 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border: 2px solid transparent;\n  border-radius: calc(4px * var(--border-radius-multiplier, 1));\n  cursor: pointer;\n}\n\n.itemWrapper_b6558aaf70 .colorItem_27d4f2f488 .colorIndicatorWrapper_877d31a52d {\n  display: flex;\n}\n\n.itemWrapper_b6558aaf70 .colorItem_27d4f2f488.colorItemSizeSmall_b3080a8cf0 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_b6558aaf70 .colorItem_27d4f2f488.colorItemSizeMedium_a55fc13b96 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_b6558aaf70 .colorItem_27d4f2f488.colorItemSizeLarge_720de8c343 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_b6558aaf70.selectedColor_3cc7054c1d {\n  position: relative;\n}\n\n.itemWrapper_b6558aaf70.selectedColor_3cc7054c1d:before {\n  content: " ";\n  position: absolute;\n  border-radius: calc(7px * var(--border-radius-multiplier, 1));\n  inset: -4px;\n  border: 2px solid;\n  border-color: var(--primary-color);\n  pointer-events: none;\n}\n\n.itemWrapper_b6558aaf70.selectedColor_3cc7054c1d .feedbackIndicator_5802a7d6b0:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_b6558aaf70 .colorItemTextMode_8c9b357eef:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_b6558aaf70 .colorIconWhite_f545be84a5 {\n  color: var(--color-snow_white);\n}');export{e as default};
 //# sourceMappingURL=ColorPickerItemComponent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={combobox:"combobox_f73e1eebcb",stickyCategory:"stickyCategory_e732bf17c2",comboboxCategory:"comboboxCategory_099f1c36b2",sizeSmall:"sizeSmall_32d4bd917b",sizeMedium:"sizeMedium_7bea093e78",sizeLarge:"sizeLarge_32d4bd917b",empty:"empty_58413767fc",comboboxSearchWrapper:"comboboxSearchWrapper_9f930e232f",comboboxNoResults:"comboboxNoResults_6ee95da1b1",comboboxMessageWrapper:"comboboxMessageWrapper_f0462201c0",comboboxMessage:"comboboxMessage_cd01bd3a4b",addNewButton:"addNewButton_228be4a1e2",buttonLabel:"buttonLabel_cd01bd3a4b",comboboxList:"comboboxList_71d1142c3d"};!function(e){const o="s_id-140391bb7df9_3_88_4";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 */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_f73e1eebcb {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n.combobox_f73e1eebcb.stickyCategory_e732bf17c2 .comboboxCategory_099f1c36b2 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_f73e1eebcb.stickyCategory_e732bf17c2.sizeSmall_32d4bd917b .comboboxCategory_099f1c36b2 {\n  top: 32px;\n}\n.combobox_f73e1eebcb.stickyCategory_e732bf17c2.sizeMedium_7bea093e78 .comboboxCategory_099f1c36b2 {\n  top: 40px;\n}\n.combobox_f73e1eebcb.stickyCategory_e732bf17c2.sizeLarge_32d4bd917b .comboboxCategory_099f1c36b2 {\n  top: 48px;\n}\n.combobox_f73e1eebcb.empty_58413767fc {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_9f930e232f {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_6ee95da1b1 {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_6ee95da1b1 .comboboxMessageWrapper_f0462201c0 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_6ee95da1b1 .comboboxMessageWrapper_f0462201c0 .comboboxMessage_cd01bd3a4b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_6ee95da1b1 .addNewButton_228be4a1e2 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_6ee95da1b1 .addNewButton_228be4a1e2 .buttonLabel_cd01bd3a4b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_71d1142c3d {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{e as default};
+var o={combobox:"combobox_28f10bd49c",stickyCategory:"stickyCategory_33836f28a1",comboboxCategory:"comboboxCategory_bf0da939fa",sizeSmall:"sizeSmall_2ac668bc7f",sizeMedium:"sizeMedium_b78d08772a",sizeLarge:"sizeLarge_2ac668bc7f",empty:"empty_6acf7ff677",comboboxSearchWrapper:"comboboxSearchWrapper_2c15645750",comboboxNoResults:"comboboxNoResults_a653d1d67b",comboboxMessageWrapper:"comboboxMessageWrapper_a74c2ac495",comboboxMessage:"comboboxMessage_69769b035f",addNewButton:"addNewButton_c0392561d2",buttonLabel:"buttonLabel_69769b035f",comboboxList:"comboboxList_69028641bc"};!function(o){const e="s_id-140391bb7df9_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_28f10bd49c {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n.combobox_28f10bd49c.stickyCategory_33836f28a1 .comboboxCategory_bf0da939fa {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_28f10bd49c.stickyCategory_33836f28a1.sizeSmall_2ac668bc7f .comboboxCategory_bf0da939fa {\n  top: 32px;\n}\n.combobox_28f10bd49c.stickyCategory_33836f28a1.sizeMedium_b78d08772a .comboboxCategory_bf0da939fa {\n  top: 40px;\n}\n.combobox_28f10bd49c.stickyCategory_33836f28a1.sizeLarge_2ac668bc7f .comboboxCategory_bf0da939fa {\n  top: 48px;\n}\n.combobox_28f10bd49c.empty_6acf7ff677 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_2c15645750 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_a653d1d67b {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n.comboboxNoResults_a653d1d67b .comboboxMessageWrapper_a74c2ac495 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_a653d1d67b .comboboxMessageWrapper_a74c2ac495 .comboboxMessage_69769b035f {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_a653d1d67b .addNewButton_c0392561d2 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_a653d1d67b .addNewButton_c0392561d2 .buttonLabel_69769b035f {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_69028641bc {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_17249bce72",dividerContainer:"dividerContainer_b6859d7b48",divider:"divider_b41484610e",sticky:"sticky_8fb0471d06"};!function(e){const n="s_id-78c8179b7fe9_3_88_4";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)}(".comboboxItemContainer_17249bce72 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_b6859d7b48 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_b41484610e {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_8fb0471d06 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_a2e396147b",dividerContainer:"dividerContainer_34829bb478",divider:"divider_26351e3f8a",sticky:"sticky_c08a489e8d"};!function(e){const n="s_id-78c8179b7fe9_3_88_6";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)}(".comboboxItemContainer_a2e396147b {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_34829bb478 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_26351e3f8a {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_c08a489e8d {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
 //# sourceMappingURL=ComboboxHelpers.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxCategory:"comboboxCategory_52ce0f8a53"};!function(e){const t="s_id-a004d249e1c1_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_52ce0f8a53 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_f9ffc94527"};!function(e){const t="s_id-a004d249e1c1_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_f9ffc94527 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_88a9cf62cf",optionsContainer:"optionsContainer_a005037e43",categoryWithOptions:"categoryWithOptions_9fd17c1b2e",firstCategory:"firstCategory_a3fd3f3158",categoryWithoutOptions:"categoryWithoutOptions_29ca0638c0"};!function(t){const e="s_id-4d4facb041a8_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_88a9cf62cf::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_88a9cf62cf::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_a005037e43 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_9fd17c1b2e.firstCategory_a3fd3f3158,\n.categoryWithoutOptions_29ca0638c0.firstCategory_a3fd3f3158 {\n  padding-top: 0;\n}\n.categoryWithOptions_9fd17c1b2e {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_29ca0638c0 {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_80745a84f6",optionsContainer:"optionsContainer_8013f6840d",categoryWithOptions:"categoryWithOptions_faba5042ff",firstCategory:"firstCategory_cce351d746",categoryWithoutOptions:"categoryWithoutOptions_778f04156a"};!function(t){const e="s_id-4d4facb041a8_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_80745a84f6::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_80745a84f6::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_8013f6840d {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_faba5042ff.firstCategory_cce351d746,\n.categoryWithoutOptions_778f04156a.firstCategory_cce351d746 {\n  padding-top: 0;\n}\n.categoryWithOptions_faba5042ff {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_778f04156a {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_325a737491",disabled:"disabled_8fcf8e0bb9",selected:"selected_a2504257a3",active:"active_dd16992566",activeOutline:"activeOutline_fd62b7e68b",optionLabel:"optionLabel_b111abf60f",optionIcon:"optionIcon_219fd31c25",left:"left_fa868fa7a9"};!function(o){const e="s_id-cc5db5fd586e_3_88_4";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_325a737491 {\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_325a737491.disabled_8fcf8e0bb9 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_325a737491.disabled_8fcf8e0bb9:hover {\n  background-color: transparent;\n}\n.comboboxOption_325a737491.selected_a2504257a3 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_325a737491:hover:not(.disabled_8fcf8e0bb9):not(.selected_a2504257a3),\n.comboboxOption_325a737491.active_dd16992566 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_325a737491.activeOutline_fd62b7e68b {\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_325a737491 .optionLabel_b111abf60f {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_325a737491 .optionIcon_219fd31c25 {\n  flex: 0 0 auto;\n}\n.comboboxOption_325a737491 .optionIcon_219fd31c25.left_fa868fa7a9 {\n  margin-right: 4px;\n}");export{o as default};
+var e={comboboxOption:"comboboxOption_b76ef7ffe1",disabled:"disabled_32e9021053",selected:"selected_e0607190b2",active:"active_992ae95951",activeOutline:"activeOutline_54865deb95",optionLabel:"optionLabel_93cfdcde45",optionIcon:"optionIcon_7767ca25c7",left:"left_8498a2ede1"};!function(e){const o="s_id-cc5db5fd586e_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxOption_b76ef7ffe1 {\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_b76ef7ffe1.disabled_32e9021053 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_b76ef7ffe1.disabled_32e9021053:hover {\n  background-color: transparent;\n}\n.comboboxOption_b76ef7ffe1.selected_e0607190b2 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_b76ef7ffe1:hover:not(.disabled_32e9021053):not(.selected_e0607190b2),\n.comboboxOption_b76ef7ffe1.active_992ae95951 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_b76ef7ffe1.activeOutline_54865deb95 {\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_b76ef7ffe1 .optionLabel_93cfdcde45 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_b76ef7ffe1 .optionIcon_7767ca25c7 {\n  flex: 0 0 auto;\n}\n.comboboxOption_b76ef7ffe1 .optionIcon_7767ca25c7.left_8498a2ede1 {\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_b8ab485547"};!function(e){const t="s_id-f549b49034f1_3_88_4";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_b8ab485547 {\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_ebd65fb239"};!function(e){const t="s_id-f549b49034f1_3_88_6";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_ebd65fb239 {\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_a7893ad362",withAnimation:"withAnimation_969da1d915",counterPopElastic:"counterPopElastic_9f6936b75d",sizeXs:"sizeXs_37da4b8d75",sizeSmall:"sizeSmall_3085147d86",sizeLarge:"sizeLarge_77f8c77700",kindFill:"kindFill_48d45841fa",colorPrimary:"colorPrimary_9618309e67",colorDark:"colorDark_2d5789de58",colorNegative:"colorNegative_36873f8540",colorLight:"colorLight_8987cd1040",kindLine:"kindLine_679bece142",fadeEnter:"fadeEnter_b6486fa3e2",fadeEnterActive:"fadeEnterActive_93437641c8",fadeExit:"fadeExit_fde0923522",fadeExitActive:"fadeExitActive_9d426489f9","counter-pop-elastic":"counter-pop-elastic_04458c4e4b"};!function(n){const o="s_id-51f4f5079107_3_88_4";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_a7893ad362 {\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_04458c4e4b {\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_969da1d915 {\n  animation: counterPopElastic_9f6936b75d var(--motion-expressive-short);\n}\n.sizeXs_37da4b8d75 {\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_3085147d86 {\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_77f8c77700 {\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_48d45841fa.colorPrimary_9618309e67 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_48d45841fa.colorDark_2d5789de58 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_48d45841fa.colorNegative_36873f8540 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_48d45841fa.colorLight_8987cd1040 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_679bece142 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_679bece142.colorPrimary_9618309e67 {\n  color: var(--primary-color);\n}\n.kindLine_679bece142.colorDark_2d5789de58 {\n  color: var(--inverted-color-background);\n}\n.kindLine_679bece142.colorNegative_36873f8540 {\n  color: var(--negative-color);\n}\n.kindLine_679bece142.colorLight_8987cd1040 {\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_b6486fa3e2 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_93437641c8 {\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_fde0923522 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_9d426489f9 {\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_130cefcc68",withAnimation:"withAnimation_d5bc9e8fe2",counterPopElastic:"counterPopElastic_15c5cfefe8",sizeXs:"sizeXs_e203678ea2",sizeSmall:"sizeSmall_099725987c",sizeLarge:"sizeLarge_162cc1c9ca",kindFill:"kindFill_defa75590d",colorPrimary:"colorPrimary_421ed289d8",colorDark:"colorDark_054f4c3403",colorNegative:"colorNegative_dbb890c3f8",colorLight:"colorLight_8683550cd8",kindLine:"kindLine_d25082b79e",fadeEnter:"fadeEnter_22e76293e5",fadeEnterActive:"fadeEnterActive_6d85fabeb0",fadeExit:"fadeExit_7edcf98390",fadeExitActive:"fadeExitActive_b2a265d33d","counter-pop-elastic":"counter-pop-elastic_7d6b170ae8"};!function(n){const o="s_id-51f4f5079107_3_88_6";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.counter_130cefcc68 {\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_7d6b170ae8 {\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_d5bc9e8fe2 {\n  animation: counterPopElastic_15c5cfefe8 var(--motion-expressive-short);\n}\n.sizeXs_e203678ea2 {\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_099725987c {\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_162cc1c9ca {\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_defa75590d.colorPrimary_421ed289d8 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_defa75590d.colorDark_054f4c3403 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_defa75590d.colorNegative_dbb890c3f8 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_defa75590d.colorLight_8683550cd8 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_d25082b79e {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_d25082b79e.colorPrimary_421ed289d8 {\n  color: var(--primary-color);\n}\n.kindLine_d25082b79e.colorDark_054f4c3403 {\n  color: var(--inverted-color-background);\n}\n.kindLine_d25082b79e.colorNegative_dbb890c3f8 {\n  color: var(--negative-color);\n}\n.kindLine_d25082b79e.colorLight_8683550cd8 {\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_22e76293e5 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_6d85fabeb0 {\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_7edcf98390 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_b2a265d33d {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_1f02eb3b9f"};!function(e){const n="s_id-84193b4fa4fe_3_88_4";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_1f02eb3b9f {\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_65fb91cd17"};!function(e){const n="s_id-84193b4fa4fe_3_88_6";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_65fb91cd17 {\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_09440cc671",monthYearSelection:"monthYearSelection_9542d66f30",rangePickerMode:"rangePickerMode_7ea6ce4f9f",withWeekNumber:"withWeekNumber_60460c6b66",calendarDayWeekNumber:"calendarDayWeekNumber_50ac01fab1"};!function(e){const n="s_id-5bf64d458e6b_3_88_4";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_09440cc671 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_09440cc671 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_09440cc671 td {\n  border: none;\n}\n.datepickerContainer_09440cc671.monthYearSelection_9542d66f30 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_09440cc671.monthYearSelection_9542d66f30 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_09440cc671 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_09440cc671 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_09440cc671 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_09440cc671 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_09440cc671 .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_09440cc671 .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_09440cc671 .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_09440cc671 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_09440cc671 .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_09440cc671 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_09440cc671 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_09440cc671 .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_09440cc671 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_09440cc671 .CalendarDay__blocked_calendar, .datepickerContainer_09440cc671 .CalendarDay__blocked_calendar:active, .datepickerContainer_09440cc671 .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_09440cc671 .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_09440cc671 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_09440cc671 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_09440cc671 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_09440cc671 .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_09440cc671.rangePickerMode_7ea6ce4f9f .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_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .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_09440cc671.rangePickerMode_7ea6ce4f9f .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_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .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_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__hovered_span, .datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__hovered_span:hover::before, .datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_09440cc671.rangePickerMode_7ea6ce4f9f.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_09440cc671.withWeekNumber_60460c6b66 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_09440cc671.withWeekNumber_60460c6b66 .CalendarDay .calendarDayWeekNumber_50ac01fab1 {\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_09440cc671.withWeekNumber_60460c6b66 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_50ac01fab1 {\n  display: flex;\n}\n.datepickerContainer_09440cc671.withWeekNumber_60460c6b66 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_50ac01fab1 {\n  display: none;\n}\n.datepickerContainer_09440cc671.withWeekNumber_60460c6b66 .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_09440cc671.withWeekNumber_60460c6b66 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_09440cc671.withWeekNumber_60460c6b66 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_09440cc671.withWeekNumber_60460c6b66 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_09440cc671.withWeekNumber_60460c6b66 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_d01b2ac7d6",monthYearSelection:"monthYearSelection_af7aed00c0",rangePickerMode:"rangePickerMode_2246f7655a",withWeekNumber:"withWeekNumber_28a89ec55a",calendarDayWeekNumber:"calendarDayWeekNumber_a224a8e9ef"};!function(e){const n="s_id-5bf64d458e6b_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('/* stylelint-disable selector-class-pattern, no-duplicate-selectors */\n.datepickerContainer_d01b2ac7d6 {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_d01b2ac7d6 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_d01b2ac7d6 td {\n  border: none;\n}\n.datepickerContainer_d01b2ac7d6.monthYearSelection_af7aed00c0 table tbody {\n  opacity: 0;\n}\n.datepickerContainer_d01b2ac7d6.monthYearSelection_af7aed00c0 .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_d01b2ac7d6 .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_d01b2ac7d6 .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_d01b2ac7d6 .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_d01b2ac7d6 .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_d01b2ac7d6 .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_d01b2ac7d6 .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_d01b2ac7d6 .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_d01b2ac7d6 .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_d01b2ac7d6 .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_d01b2ac7d6 .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_d01b2ac7d6 .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_d01b2ac7d6 .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_d01b2ac7d6 .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_d01b2ac7d6 .CalendarDay__blocked_calendar, .datepickerContainer_d01b2ac7d6 .CalendarDay__blocked_calendar:active, .datepickerContainer_d01b2ac7d6 .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_d01b2ac7d6 .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_d01b2ac7d6 .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_d01b2ac7d6 .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_d01b2ac7d6 .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_d01b2ac7d6 .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_d01b2ac7d6.rangePickerMode_2246f7655a .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_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .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_d01b2ac7d6.rangePickerMode_2246f7655a .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_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .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_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__hovered_span, .datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__hovered_span:hover::before, .datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_d01b2ac7d6.rangePickerMode_2246f7655a.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_d01b2ac7d6.withWeekNumber_28a89ec55a {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_d01b2ac7d6.withWeekNumber_28a89ec55a .CalendarDay .calendarDayWeekNumber_a224a8e9ef {\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_d01b2ac7d6.withWeekNumber_28a89ec55a .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_a224a8e9ef {\n  display: flex;\n}\n.datepickerContainer_d01b2ac7d6.withWeekNumber_28a89ec55a .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_a224a8e9ef {\n  display: none;\n}\n.datepickerContainer_d01b2ac7d6.withWeekNumber_28a89ec55a .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_d01b2ac7d6.withWeekNumber_28a89ec55a .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_d01b2ac7d6.withWeekNumber_28a89ec55a .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_d01b2ac7d6.withWeekNumber_28a89ec55a .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_d01b2ac7d6.withWeekNumber_28a89ec55a .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_c73aedb4ea",button:"button_53c05c0f74",buttonContent:"buttonContent_d57494762e"};!function(e){const n="s_id-89778422f1e0_3_88_4";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_c73aedb4ea {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_c73aedb4ea .button_53c05c0f74 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_c73aedb4ea .button_53c05c0f74 .buttonContent_d57494762e {\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_c73aedb4ea .button_53c05c0f74 .buttonContent_d57494762e:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_887b6ac1bb",button:"button_17815e8a27",buttonContent:"buttonContent_1e7fa0c53e"};!function(e){const n="s_id-89778422f1e0_3_88_6";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_887b6ac1bb {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_887b6ac1bb .button_17815e8a27 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_887b6ac1bb .button_17815e8a27 .buttonContent_1e7fa0c53e {\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_887b6ac1bb .button_17815e8a27 .buttonContent_1e7fa0c53e: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_c7b508ea90",navigationWrapper:"navigationWrapper_9be4982c53",navigationLeft:"navigationLeft_e8a03c58de",navigationRight:"navigationRight_6b481c1285",pickerOptions:"pickerOptions_f219b24ff1",pickerOption:"pickerOption_1ce8fc0d65"};!function(e){const n="s_id-dcd379d5f457_3_88_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_c7b508ea90 {\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_c7b508ea90 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_c7b508ea90 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_c7b508ea90 .navigationWrapper_9be4982c53 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_c7b508ea90 .navigationWrapper_9be4982c53.navigationLeft_e8a03c58de {\n  left: 21px;\n}\n.monthYearPicker_c7b508ea90 .navigationWrapper_9be4982c53.navigationRight_6b481c1285 {\n  right: 21px;\n}\n.monthYearPicker_c7b508ea90 .pickerOptions_f219b24ff1 {\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_c7b508ea90 .pickerOptions_f219b24ff1 .pickerOption_1ce8fc0d65 {\n  min-width: 66px;\n}\n.monthYearPicker_c7b508ea90 .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_5a402b4595",navigationWrapper:"navigationWrapper_df488bf8bc",navigationLeft:"navigationLeft_3d13474857",navigationRight:"navigationRight_5ed6eb95ae",pickerOptions:"pickerOptions_c5cae6de0a",pickerOption:"pickerOption_38cc898dac"};!function(e){const n="s_id-dcd379d5f457_3_88_6";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_5a402b4595 {\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_5a402b4595 .slide-down-appear { /* stylelint-disable-line selector-class-pattern */\n  opacity: 0;\n}\n.monthYearPicker_5a402b4595 .slide-down-appear-active { /* stylelint-disable-line selector-class-pattern */\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_5a402b4595 .navigationWrapper_df488bf8bc {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_5a402b4595 .navigationWrapper_df488bf8bc.navigationLeft_3d13474857 {\n  left: 21px;\n}\n.monthYearPicker_5a402b4595 .navigationWrapper_df488bf8bc.navigationRight_5ed6eb95ae {\n  right: 21px;\n}\n.monthYearPicker_5a402b4595 .pickerOptions_c5cae6de0a {\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_5a402b4595 .pickerOptions_c5cae6de0a .pickerOption_38cc898dac {\n  min-width: 66px;\n}\n.monthYearPicker_5a402b4595 .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/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_88_4";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_88_6";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/Divider/Divider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={divider:"divider_c189d3aa30",withoutMargin:"withoutMargin_4df41c2186",horizontal:"horizontal_2d73b1880f",vertical:"vertical_c9f1ec5215"};!function(e){const n="s_id-290500f5721e_3_88_4";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_c189d3aa30 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_c189d3aa30.withoutMargin_4df41c2186 {\n  margin: 0;\n}\n\n.horizontal_2d73b1880f {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_c9f1ec5215 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider_f0a2e4aae6",withoutMargin:"withoutMargin_22115c65b0",horizontal:"horizontal_7f20fc70d4",vertical:"vertical_c7f368da20"};!function(e){const n="s_id-290500f5721e_3_88_6";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_f0a2e4aae6 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_f0a2e4aae6.withoutMargin_22115c65b0 {\n  margin: 0;\n}\n\n.horizontal_7f20fc70d4 {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical_c7f368da20 {\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_54acf27beb"};!function(o){const r="s_id-f59bb3861d49_3_88_4";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_54acf27beb .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_54acf27beb .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_54acf27beb .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_54acf27beb .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_54acf27beb .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_54acf27beb .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_20ea1dbfe9"};!function(o){const r="s_id-f59bb3861d49_3_88_6";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.dropdown_20ea1dbfe9 .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_20ea1dbfe9 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_20ea1dbfe9 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.dropdown_20ea1dbfe9 .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_20ea1dbfe9 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n.dropdown_20ea1dbfe9 .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.module.scss.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_0332855a1c","placeholder-container":"placeholder-container_87abe9300a","multiselect-chip-multi-line":"multiselect-chip-multi-line_749699d2a5","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_22dee008a8","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_32b49912f5","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_e97bd7a5ee","multiselect-chip-disabled":"multiselect-chip-disabled_8c752ed88e","value-container":"value-container_8cc7e362d9","value-container-chips":"value-container-chips_46ef511452","without-placeholder":"without-placeholder_87abe9300a",valueDialogContent:"valueDialogContent_4f039702b7",chips:"chips_46ef511452",dropdownCounter:"dropdownCounter_dafa7780dd",active:"active_7151ab0553"};!function(e){const n="s_id-a8e734a6894f_3_88_4";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chip-with-input-wrapper_0332855a1c {\n  display: flex;\n  max-width: 100%;\n}\n.placeholder-container_87abe9300a {\n  margin-left: 6px;\n}\n.multiselect-chip-multi-line_749699d2a5 {\n  --chips-margin: 2px;\n}\n.multiselect-chip-single-line-medium_22dee008a8 {\n  --chips-margin: 5px 2px;\n}\n.multiselect-chip-single-line-large_32b49912f5 {\n  --chips-margin: 9px 2px;\n}\n.multiselect-chip-single-line-small_e97bd7a5ee {\n  --chips-margin: 1px 2px;\n}\n.multiselect-chip-disabled_8c752ed88e {\n  background-color: var(--ui-background-color) !important;\n}\n.value-container_8cc7e362d9 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.value-container-chips_46ef511452 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n.value-container-chips_46ef511452.without-placeholder_87abe9300a {\n  margin-left: 6px;\n}\n.valueDialogContent_4f039702b7 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.valueDialogContent_4f039702b7::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.valueDialogContent_4f039702b7::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.valueDialogContent_4f039702b7 .chips_46ef511452 {\n  flex-shrink: 0;\n}\n.dropdownCounter_dafa7780dd:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dropdownCounter_dafa7780dd.active_7151ab0553 {\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_e0a5735c5b","placeholder-container":"placeholder-container_7f906c94a5","multiselect-chip-multi-line":"multiselect-chip-multi-line_db1cb133b5","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_6544645a89","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_8d21483e8b","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_02d2037978","multiselect-chip-disabled":"multiselect-chip-disabled_2c84a0fee9","value-container":"value-container_fdc98fc84d","value-container-chips":"value-container-chips_d4287300f6","without-placeholder":"without-placeholder_7f906c94a5",valueDialogContent:"valueDialogContent_55db22fb91",chips:"chips_d4287300f6",dropdownCounter:"dropdownCounter_37d9acaad9",active:"active_f4170301b0"};!function(e){const n="s_id-a8e734a6894f_3_88_6";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chip-with-input-wrapper_e0a5735c5b {\n  display: flex;\n  max-width: 100%;\n}\n.placeholder-container_7f906c94a5 {\n  margin-left: 6px;\n}\n.multiselect-chip-multi-line_db1cb133b5 {\n  --chips-margin: 2px;\n}\n.multiselect-chip-single-line-medium_6544645a89 {\n  --chips-margin: 5px 2px;\n}\n.multiselect-chip-single-line-large_8d21483e8b {\n  --chips-margin: 9px 2px;\n}\n.multiselect-chip-single-line-small_02d2037978 {\n  --chips-margin: 1px 2px;\n}\n.multiselect-chip-disabled_2c84a0fee9 {\n  background-color: var(--ui-background-color) !important;\n}\n.value-container_fdc98fc84d {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n.value-container-chips_d4287300f6 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n.value-container-chips_d4287300f6.without-placeholder_7f906c94a5 {\n  margin-left: 6px;\n}\n.valueDialogContent_55db22fb91 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n.valueDialogContent_55db22fb91::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.valueDialogContent_55db22fb91::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.valueDialogContent_55db22fb91 .chips_d4287300f6 {\n  flex-shrink: 0;\n}\n.dropdownCounter_37d9acaad9:hover {\n  background-color: var(--primary-background-hover-color);\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dropdownCounter_37d9acaad9.active_f4170301b0 {\n  box-shadow: 0 0 0 1px var(--primary-hover-color) inset;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dropdownMenuWrapper:"dropdownMenuWrapper_fd277869a5",fadeIn:"fadeIn_51b800fe35",withoutAnimation:"withoutAnimation_ac8af6e606",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_c86b4ab292"};!function(e){const n="s_id-42a8647cae1d_3_88_4";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_fd277869a5 {\n  animation: fadeIn_51b800fe35 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_fd277869a5, .black-app-theme .dropdownMenuWrapper_fd277869a5, .hacker-app-theme .dropdownMenuWrapper_fd277869a5 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_fd277869a5.withoutAnimation_ac8af6e606 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_c86b4ab292 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_51b800fe35 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
+var e={dropdownMenuWrapper:"dropdownMenuWrapper_0ae7228d19",fadeIn:"fadeIn_21cf0bef96",withoutAnimation:"withoutAnimation_2ab85977aa",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_cdd31df273"};!function(e){const n="s_id-42a8647cae1d_3_88_6";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_0ae7228d19 {\n  animation: fadeIn_21cf0bef96 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dark-app-theme .dropdownMenuWrapper_0ae7228d19, .black-app-theme .dropdownMenuWrapper_0ae7228d19, .hacker-app-theme .dropdownMenuWrapper_0ae7228d19 {\n  box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-small);\n}\n.dropdownMenuWrapper_0ae7228d19.withoutAnimation_2ab85977aa {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_cdd31df273 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_21cf0bef96 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
 //# sourceMappingURL=menu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset_49a1d966ee"};!function(e){const t="s_id-64f14b86843f_3_88_4";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)}(".optionReset_49a1d966ee {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_e7dc474ad0"};!function(e){const t="s_id-64f14b86843f_3_88_6";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_e7dc474ad0 {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue_39237e54c3"};!function(e){const n="s_id-a262ceec984a_3_88_4";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_39237e54c3 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_9c9d51dd50"};!function(e){const d="s_id-a262ceec984a_3_88_6";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".singleValue_9c9d51dd50 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map