npm - @vibe/core - Versions diffs - 4.4.0-alpha-26200.0 → 4.5.0 - Mend

@vibe/core 4.4.0-alpha-26200.0 → 4.5.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 (361) 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 \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\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 { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps } 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 \"aria-label\"?: string;\n /\n If true, indicates that the chip has a popup.\n /\n \"aria-haspopup\"?: 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 \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup = false,\n \"data-testid\": dataTestId,\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;\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 \"aria-label\": overrideAriaLabel,\n \"aria-hidden\": false,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": 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 type=\"font\"\n icon={leftIcon}\n size={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 type=\"font\"\n icon={rightIcon}\n size={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 aria-label={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\nexport default Chips;\n"],"names":["Chips","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$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","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","size","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}
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 \"@vibe/shared\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getCSSVar } from \"../../services/themes\";\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 { type AvatarType } from \"../Avatar\";\nimport { type ElementContent, type VibeComponentProps } 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\";\nimport { type ChipsSize } from \"./Chips.types\";\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 \"aria-label\"?: string;\n /\n If true, indicates that the chip has a popup.\n /\n \"aria-haspopup\"?: 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 The size of the chip.\n */\n size?: ChipsSize;\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 \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup = false,\n \"data-testid\": dataTestId,\n leftAvatarType = \"img\",\n rightAvatarType = \"img\",\n showBorder = false,\n leftRenderer,\n rightRenderer,\n closeButtonAriaLabel = \"Remove\",\n noMargin = false,\n size = \"medium\"\n }: ChipsProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const componentDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.CHIP, id);\n const hasClickableWrapper = !!onClick \|\| !!onMouseDown;\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 [styles.small]: size === \"small\"\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 \"aria-label\": overrideAriaLabel,\n \"aria-hidden\": false,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": 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 type=\"font\"\n icon={leftIcon}\n size={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 type=\"font\"\n icon={rightIcon}\n size={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 aria-label={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\nexport default Chips;\n"],"names":["Chips","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$leftAvatarType","leftAvatarType","_ref$rightAvatarType","rightAvatarType","_ref$showBorder","showBorder","leftRenderer","rightRenderer","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$noMargin","noMargin","_ref$size","size","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","small","clickableClassName","clickable","disableTextSelection","backgroundColorStyle","useMemo","backgroundColor","getCSSVar","getElementColor","onDeleteCallback","e","stopPropagation","onClickCallback","undefined","target","current","preventDefault","clickableProps","useClickableProps","wrapperProps","Object","assign","style","onMouseEnter","onMouseLeave","leftAvatarProps","text","src","rightAvatarProps","React","createElement","ComponentVibeId","CHIPS","Avatar","withoutBorder","avatar","left","customSize","type","key","Icon","icon","ignoreFocusStyle","customRenderer","Text","right","IconButton","close","hideTooltip","CloseSmall"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={chips:"chips_98e291db3b","chips-pop-in-emphasized":"chips-pop-in-emphasized_633ae874ec",border:"border_4d7ad1607d",withUserSelect:"withUserSelect_fd7a8087e8",noMargin:"noMargin_2adc45de82",label:"label_748d59b94d",noAnimation:"noAnimation_c8d283a5b7",icon:"icon_704f6cb59a",avatar:"avatar_350f119302",customRenderer:"customRenderer_9b10a7356c",left:"left_fcdd5f19a7",right:"right_dad3744f80",close:"close_a36248cbeb",disabled:"disabled_ab642614ae",defaultCursor:"defaultCursor_ab642614ae",clickable:"clickable_5e1ccdea6d","focus-visible":"focus-visible_7d3b72b830",disableTextSelection:"disableTextSelection_cdd9dc7e85"};!function(e){const n="s_id-11bfedb29341_4_3_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.chips_98e291db3b {\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(--space-4));\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_633ae874ec var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_98e291db3b.border_4d7ad1607d {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_98e291db3b.withUserSelect_fd7a8087e8 {\n  user-select: text;\n  cursor: text;\n}\n.chips_98e291db3b.noMargin_2adc45de82 {\n  margin: 0;\n}\n.chips_98e291db3b .label_748d59b94d {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_98e291db3b.noAnimation_c8d283a5b7 {\n  animation: none;\n}\n.chips_98e291db3b .icon_704f6cb59a,\n.chips_98e291db3b .avatar_350f119302,\n.chips_98e291db3b .customRenderer_9b10a7356c {\n  min-width: 18px;\n}\n.chips_98e291db3b .icon_704f6cb59a.left_fcdd5f19a7,\n.chips_98e291db3b .avatar_350f119302.left_fcdd5f19a7,\n.chips_98e291db3b .customRenderer_9b10a7356c.left_fcdd5f19a7 {\n  margin-inline-end: var(--space-4);\n}\n.chips_98e291db3b .icon_704f6cb59a.right_dad3744f80,\n.chips_98e291db3b .avatar_350f119302.right_dad3744f80,\n.chips_98e291db3b .customRenderer_9b10a7356c.right_dad3744f80 {\n  margin-inline-start: var(--space-4);\n}\n.chips_98e291db3b .icon_704f6cb59a.close_a36248cbeb,\n.chips_98e291db3b .avatar_350f119302.close_a36248cbeb,\n.chips_98e291db3b .customRenderer_9b10a7356c.close_a36248cbeb {\n  margin-inline-start: var(--space-4);\n  color: var(--primary-text-color);\n}\n.chips_98e291db3b.disabled_ab642614ae .icon_704f6cb59a {\n  color: var(--disabled-text-color);\n}\n.chips_98e291db3b.disabled_ab642614ae .label_748d59b94d {\n  color: var(--disabled-text-color);\n}\n.chips_98e291db3b.defaultCursor_ab642614ae {\n  cursor: default;\n}\n.chips_98e291db3b.clickable_5e1ccdea6d {\n  cursor: pointer;\n}\n.chips_98e291db3b.clickable_5e1ccdea6d:focus-visible, .chips_98e291db3b.clickable_5e1ccdea6d.focus-visible_7d3b72b830 {\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_98e291db3b.clickable_5e1ccdea6d:focus:not(.focus-visible_7d3b72b830) {\n  outline: none;\n}\n.chips_98e291db3b.clickable_5e1ccdea6d.disabled_ab642614ae {\n  cursor: default;\n}\n.chips_98e291db3b.clickable_5e1ccdea6d.disableTextSelection_cdd9dc7e85 {\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_633ae874ec {\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_e9fe79cd43","chips-pop-in-emphasized":"chips-pop-in-emphasized_f1aeadf186",border:"border_2c0f140ccb",withUserSelect:"withUserSelect_285a13d60c",noMargin:"noMargin_71def6809c",small:"small_e80b79e1be",icon:"icon_df08af2183",left:"left_d61ad154f1",avatar:"avatar_cfc6780583",customRenderer:"customRenderer_8fa4dec38e",right:"right_da05c836d3",close:"close_da05c836d3",label:"label_baa115b1d7",noAnimation:"noAnimation_aff6634a7d",disabled:"disabled_ee2a428901",defaultCursor:"defaultCursor_ee2a428901",clickable:"clickable_a3a4feb521","focus-visible":"focus-visible_2dc4395cfc",disableTextSelection:"disableTextSelection_9a81932d9a"};!function(e){const n="s_id-e473288e58ea_4_4_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,a.firstChild?a.insertBefore(c,a.firstChild):a.appendChild(c),c.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_e9fe79cd43 {\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(--space-4));\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_f1aeadf186 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_e9fe79cd43.border_2c0f140ccb {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_e9fe79cd43.withUserSelect_285a13d60c {\n  user-select: text;\n  cursor: text;\n}\n.chips_e9fe79cd43.noMargin_71def6809c {\n  margin: 0;\n}\n.chips_e9fe79cd43.small_e80b79e1be {\n  height: 20px;\n  padding: 0 4px;\n}\n.chips_e9fe79cd43.small_e80b79e1be .icon_df08af2183.left_d61ad154f1,\n.chips_e9fe79cd43.small_e80b79e1be .avatar_cfc6780583.left_d61ad154f1,\n.chips_e9fe79cd43.small_e80b79e1be .customRenderer_8fa4dec38e.left_d61ad154f1 {\n  margin-inline-end: var(--space-2);\n}\n.chips_e9fe79cd43.small_e80b79e1be .icon_df08af2183.right_da05c836d3,\n.chips_e9fe79cd43.small_e80b79e1be .avatar_cfc6780583.right_da05c836d3,\n.chips_e9fe79cd43.small_e80b79e1be .customRenderer_8fa4dec38e.right_da05c836d3 {\n  margin-inline-start: var(--space-2);\n}\n.chips_e9fe79cd43.small_e80b79e1be .icon_df08af2183.close_da05c836d3,\n.chips_e9fe79cd43.small_e80b79e1be .avatar_cfc6780583.close_da05c836d3,\n.chips_e9fe79cd43.small_e80b79e1be .customRenderer_8fa4dec38e.close_da05c836d3 {\n  margin-inline-start: var(--space-2);\n}\n.chips_e9fe79cd43 .label_baa115b1d7 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_e9fe79cd43.noAnimation_aff6634a7d {\n  animation: none;\n}\n.chips_e9fe79cd43 .icon_df08af2183,\n.chips_e9fe79cd43 .avatar_cfc6780583,\n.chips_e9fe79cd43 .customRenderer_8fa4dec38e {\n  min-width: 18px;\n}\n.chips_e9fe79cd43 .icon_df08af2183.left_d61ad154f1,\n.chips_e9fe79cd43 .avatar_cfc6780583.left_d61ad154f1,\n.chips_e9fe79cd43 .customRenderer_8fa4dec38e.left_d61ad154f1 {\n  margin-inline-end: var(--space-4);\n}\n.chips_e9fe79cd43 .icon_df08af2183.right_da05c836d3,\n.chips_e9fe79cd43 .avatar_cfc6780583.right_da05c836d3,\n.chips_e9fe79cd43 .customRenderer_8fa4dec38e.right_da05c836d3 {\n  margin-inline-start: var(--space-4);\n}\n.chips_e9fe79cd43 .icon_df08af2183.close_da05c836d3,\n.chips_e9fe79cd43 .avatar_cfc6780583.close_da05c836d3,\n.chips_e9fe79cd43 .customRenderer_8fa4dec38e.close_da05c836d3 {\n  margin-inline-start: var(--space-4);\n  color: var(--primary-text-color);\n}\n.chips_e9fe79cd43.disabled_ee2a428901 .icon_df08af2183 {\n  color: var(--disabled-text-color);\n}\n.chips_e9fe79cd43.disabled_ee2a428901 .label_baa115b1d7 {\n  color: var(--disabled-text-color);\n}\n.chips_e9fe79cd43.defaultCursor_ee2a428901 {\n  cursor: default;\n}\n.chips_e9fe79cd43.clickable_a3a4feb521 {\n  cursor: pointer;\n}\n.chips_e9fe79cd43.clickable_a3a4feb521:focus-visible, .chips_e9fe79cd43.clickable_a3a4feb521.focus-visible_2dc4395cfc {\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_e9fe79cd43.clickable_a3a4feb521:focus:not(.focus-visible_2dc4395cfc) {\n  outline: none;\n}\n.chips_e9fe79cd43.clickable_a3a4feb521.disabled_ee2a428901 {\n  cursor: default;\n}\n.chips_e9fe79cd43.clickable_a3a4feb521.disableTextSelection_9a81932d9a {\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_f1aeadf186 {\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_fcae5d87ec",colorPickerDialogContent:"colorPickerDialogContent_8a79e2cd4a"};!function(e){const t="s_id-ffacbf9b6446_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_fcae5d87ec.colorPickerDialogContent_8a79e2cd4a {\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_c12020b65e",colorPickerDialogContent:"colorPickerDialogContent_b1fa2f66f5"};!function(e){const t="s_id-ffacbf9b6446_4_4_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_c12020b65e.colorPickerDialogContent_b1fa2f66f5 {\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_7b13115ee3",clearColorButton:"clearColorButton_cf61504ff2"};!function(e){const n="s_id-745441469971_4_3_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_7b13115ee3 {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_cf61504ff2 {\n  margin-top: var(--space-8);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_dc20e1988b",clearColorButton:"clearColorButton_31cf7050b0"};!function(e){const n="s_id-745441469971_4_4_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_dc20e1988b {\n  margin-inline-end: var(--space-8);\n}\n\n.clearColorButton_31cf7050b0 {\n  margin-top: var(--space-8);\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_be1a08570f"};!function(e){const n="s_id-0a5f0eb78ee4_4_3_0";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_be1a08570f {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_706978d4d3"};!function(e){const d="s_id-0a5f0eb78ee4_4_4_0";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)}(".colorsGrid_706978d4d3 {\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_28f92910b4",circle:"circle_ef36b8963f",feedbackIndicator:"feedbackIndicator_adfe80d8dd",active:"active_4feeadd5aa",selectedColor:"selectedColor_d33d7609b4",colorItem:"colorItem_08d1eca4ba",colorIndicatorWrapper:"colorIndicatorWrapper_b82ca1482b",colorItemSizeSmall:"colorItemSizeSmall_9331ff16eb",colorItemSizeMedium:"colorItemSizeMedium_13846d5972",colorItemSizeLarge:"colorItemSizeLarge_ceb6e0a9be",colorItemTextMode:"colorItemTextMode_9255e3aa20",colorIconWhite:"colorIconWhite_b48824260e"};!function(e){const r="s_id-4f41e3ef6859_4_3_0";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_28f92910b4.circle_ef36b8963f {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_28f92910b4 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_28f92910b4 .feedbackIndicator_adfe80d8dd {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_28f92910b4:focus,\n.itemWrapper_28f92910b4:focus-visible,\n.itemWrapper_28f92910b4.active_4feeadd5aa {\n  outline: none;\n}\n\n.itemWrapper_28f92910b4:focus .feedbackIndicator_adfe80d8dd:before,\n.itemWrapper_28f92910b4:focus-visible .feedbackIndicator_adfe80d8dd:before,\n.itemWrapper_28f92910b4.active_4feeadd5aa .feedbackIndicator_adfe80d8dd: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_28f92910b4:focus .feedbackIndicator_adfe80d8dd:after,\n.itemWrapper_28f92910b4:focus-visible .feedbackIndicator_adfe80d8dd:after,\n.itemWrapper_28f92910b4.active_4feeadd5aa .feedbackIndicator_adfe80d8dd: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_28f92910b4:hover:not(.active_4feeadd5aa):not(.selectedColor_d33d7609b4) .feedbackIndicator_adfe80d8dd {\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_28f92910b4 .colorItem_08d1eca4ba {\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_28f92910b4 .colorItem_08d1eca4ba .colorIndicatorWrapper_b82ca1482b {\n  display: flex;\n}\n\n.itemWrapper_28f92910b4 .colorItem_08d1eca4ba.colorItemSizeSmall_9331ff16eb {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_28f92910b4 .colorItem_08d1eca4ba.colorItemSizeMedium_13846d5972 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_28f92910b4 .colorItem_08d1eca4ba.colorItemSizeLarge_ceb6e0a9be {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_28f92910b4.selectedColor_d33d7609b4 {\n  position: relative;\n}\n\n.itemWrapper_28f92910b4.selectedColor_d33d7609b4: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_28f92910b4.selectedColor_d33d7609b4 .feedbackIndicator_adfe80d8dd:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_28f92910b4 .colorItemTextMode_9255e3aa20:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_28f92910b4 .colorIconWhite_b48824260e {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_eb9b604e27",circle:"circle_c3caad90bd",feedbackIndicator:"feedbackIndicator_2cd76c961f",active:"active_295a4f2fd8",selectedColor:"selectedColor_1f8fa5909e",colorItem:"colorItem_81f597c03b",colorIndicatorWrapper:"colorIndicatorWrapper_5b0afb7c26",colorItemSizeSmall:"colorItemSizeSmall_6c73130081",colorItemSizeMedium:"colorItemSizeMedium_467ead629f",colorItemSizeLarge:"colorItemSizeLarge_000dd28a91",colorItemTextMode:"colorItemTextMode_b572127b20",colorIconWhite:"colorIconWhite_6d663de3f0"};!function(e){const r="s_id-4f41e3ef6859_4_4_0";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_eb9b604e27.circle_c3caad90bd {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_eb9b604e27 {\n  --border-radius-multiplier: 1;\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_eb9b604e27 .feedbackIndicator_2cd76c961f {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_eb9b604e27:focus,\n.itemWrapper_eb9b604e27:focus-visible,\n.itemWrapper_eb9b604e27.active_295a4f2fd8 {\n  outline: none;\n}\n\n.itemWrapper_eb9b604e27:focus .feedbackIndicator_2cd76c961f:before,\n.itemWrapper_eb9b604e27:focus-visible .feedbackIndicator_2cd76c961f:before,\n.itemWrapper_eb9b604e27.active_295a4f2fd8 .feedbackIndicator_2cd76c961f: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_eb9b604e27:focus .feedbackIndicator_2cd76c961f:after,\n.itemWrapper_eb9b604e27:focus-visible .feedbackIndicator_2cd76c961f:after,\n.itemWrapper_eb9b604e27.active_295a4f2fd8 .feedbackIndicator_2cd76c961f: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_eb9b604e27:hover:not(.active_295a4f2fd8):not(.selectedColor_1f8fa5909e) .feedbackIndicator_2cd76c961f {\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_eb9b604e27 .colorItem_81f597c03b {\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_eb9b604e27 .colorItem_81f597c03b .colorIndicatorWrapper_5b0afb7c26 {\n  display: flex;\n}\n\n.itemWrapper_eb9b604e27 .colorItem_81f597c03b.colorItemSizeSmall_6c73130081 {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_eb9b604e27 .colorItem_81f597c03b.colorItemSizeMedium_467ead629f {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_eb9b604e27 .colorItem_81f597c03b.colorItemSizeLarge_000dd28a91 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_eb9b604e27.selectedColor_1f8fa5909e {\n  position: relative;\n}\n\n.itemWrapper_eb9b604e27.selectedColor_1f8fa5909e: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_eb9b604e27.selectedColor_1f8fa5909e .feedbackIndicator_2cd76c961f:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_eb9b604e27 .colorItemTextMode_b572127b20:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_eb9b604e27 .colorIconWhite_6d663de3f0 {\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 o={combobox:"combobox_32cc9a813b",stickyCategory:"stickyCategory_2d2ac24d77",comboboxCategory:"comboboxCategory_3d82e93b49",sizeSmall:"sizeSmall_01b3e481d5",sizeMedium:"sizeMedium_ec0e63a56c",sizeLarge:"sizeLarge_01b3e481d5",empty:"empty_a8e97ef6e7",comboboxSearchWrapper:"comboboxSearchWrapper_53163f1860",comboboxNoResults:"comboboxNoResults_3a352fb642",comboboxMessageWrapper:"comboboxMessageWrapper_5e95e70c4c",comboboxMessage:"comboboxMessage_748d59b94d",addNewButton:"addNewButton_5a117875d7",buttonLabel:"buttonLabel_748d59b94d",comboboxList:"comboboxList_f34c0a46cd"};!function(o){const e="s_id-5bf292a5a8b0_4_3_0";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_32cc9a813b {\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(--space-8);\n}\n.combobox_32cc9a813b.stickyCategory_2d2ac24d77 .comboboxCategory_3d82e93b49 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_32cc9a813b.stickyCategory_2d2ac24d77.sizeSmall_01b3e481d5 .comboboxCategory_3d82e93b49 {\n  top: 32px;\n}\n.combobox_32cc9a813b.stickyCategory_2d2ac24d77.sizeMedium_ec0e63a56c .comboboxCategory_3d82e93b49 {\n  top: 40px;\n}\n.combobox_32cc9a813b.stickyCategory_2d2ac24d77.sizeLarge_01b3e481d5 .comboboxCategory_3d82e93b49 {\n  top: 48px;\n}\n.combobox_32cc9a813b.empty_a8e97ef6e7 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_53163f1860 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_3a352fb642 {\n  margin-top: var(--space-8);\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_3a352fb642 .comboboxMessageWrapper_5e95e70c4c {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_3a352fb642 .comboboxMessageWrapper_5e95e70c4c .comboboxMessage_748d59b94d {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_3a352fb642 .addNewButton_5a117875d7 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_3a352fb642 .addNewButton_5a117875d7 .buttonLabel_748d59b94d {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_f34c0a46cd {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var e={combobox:"combobox_60a309e22e",stickyCategory:"stickyCategory_057caad3f2",comboboxCategory:"comboboxCategory_0de96ee1d2",sizeSmall:"sizeSmall_4b56d4d36c",sizeMedium:"sizeMedium_10302314c3",sizeLarge:"sizeLarge_4b56d4d36c",empty:"empty_482c72296f",comboboxSearchWrapper:"comboboxSearchWrapper_6964d9f44e",comboboxNoResults:"comboboxNoResults_45a3003d0e",comboboxMessageWrapper:"comboboxMessageWrapper_a14594c350",comboboxMessage:"comboboxMessage_baa115b1d7",addNewButton:"addNewButton_fa24a9f636",buttonLabel:"buttonLabel_baa115b1d7",comboboxList:"comboboxList_aaeacc0d0e"};!function(e){const o="s_id-5bf292a5a8b0_4_4_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.combobox_60a309e22e {\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(--space-8);\n}\n.combobox_60a309e22e.stickyCategory_057caad3f2 .comboboxCategory_0de96ee1d2 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n/* Relative to Search height */\n.combobox_60a309e22e.stickyCategory_057caad3f2.sizeSmall_4b56d4d36c .comboboxCategory_0de96ee1d2 {\n  top: 32px;\n}\n.combobox_60a309e22e.stickyCategory_057caad3f2.sizeMedium_10302314c3 .comboboxCategory_0de96ee1d2 {\n  top: 40px;\n}\n.combobox_60a309e22e.stickyCategory_057caad3f2.sizeLarge_4b56d4d36c .comboboxCategory_0de96ee1d2 {\n  top: 48px;\n}\n.combobox_60a309e22e.empty_482c72296f {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n.comboboxSearchWrapper_6964d9f44e {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n.comboboxNoResults_45a3003d0e {\n  margin-top: var(--space-8);\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_45a3003d0e .comboboxMessageWrapper_a14594c350 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.comboboxNoResults_45a3003d0e .comboboxMessageWrapper_a14594c350 .comboboxMessage_baa115b1d7 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxNoResults_45a3003d0e .addNewButton_fa24a9f636 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n.comboboxNoResults_45a3003d0e .addNewButton_fa24a9f636 .buttonLabel_baa115b1d7 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxList_aaeacc0d0e {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{e 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_515d8e08fd",dividerContainer:"dividerContainer_b3d44d76b3",divider:"divider_a88dc21fcd",sticky:"sticky_5de8c939fa"};!function(e){const n="s_id-cfec7f62c06c_4_3_0";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)}(".comboboxItemContainer_515d8e08fd {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_b3d44d76b3 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_a88dc21fcd {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_5de8c939fa {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_4bf0818739",dividerContainer:"dividerContainer_dac27ce817",divider:"divider_2be43ecb17",sticky:"sticky_6b4b240e66"};!function(e){const n="s_id-cfec7f62c06c_4_4_0";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_4bf0818739 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_dac27ce817 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_2be43ecb17 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-inline-start: -12px;\n}\n\n.sticky_6b4b240e66 {\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_2d692be975"};!function(e){const t="s_id-ddc89c066e12_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_2d692be975 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_f24601532f"};!function(e){const t="s_id-ddc89c066e12_4_4_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.comboboxCategory_f24601532f {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--space-8);\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_7226168692",optionsContainer:"optionsContainer_234bd216cc",categoryWithOptions:"categoryWithOptions_f3106234b2",firstCategory:"firstCategory_fb5c3b149c",categoryWithoutOptions:"categoryWithoutOptions_16a93aa936"};!function(t){const e="s_id-9dc0ac18aa3d_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_7226168692::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_7226168692::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_234bd216cc {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_f3106234b2.firstCategory_fb5c3b149c,\n.categoryWithoutOptions_16a93aa936.firstCategory_fb5c3b149c {\n  padding-top: 0;\n}\n.categoryWithOptions_f3106234b2 {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_16a93aa936 {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_efec1594b9",optionsContainer:"optionsContainer_e6e7e1c6ce",categoryWithOptions:"categoryWithOptions_795e863c30",firstCategory:"firstCategory_e5fdae9d68",categoryWithoutOptions:"categoryWithoutOptions_78374c473f"};!function(e){const t="s_id-9dc0ac18aa3d_4_4_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.scrollableContainer_efec1594b9::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_efec1594b9::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_e6e7e1c6ce {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--space-8);\n}\n.categoryWithOptions_795e863c30.firstCategory_e5fdae9d68,\n.categoryWithoutOptions_78374c473f.firstCategory_e5fdae9d68 {\n  padding-top: 0;\n}\n.categoryWithOptions_795e863c30 {\n  margin-bottom: var(--space-4);\n}\n.categoryWithoutOptions_78374c473f {\n  margin-bottom: 0;\n}");export{e 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_4a51028763",disabled:"disabled_c1a15158e3",selected:"selected_9dd3742a47",active:"active_30940176d2",activeOutline:"activeOutline_e83204cfb9",optionLabel:"optionLabel_56ff4030e7",optionIcon:"optionIcon_2baf30ca38",left:"left_b0b79c7c31"};!function(o){const e="s_id-3db504899945_4_3_0";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_4a51028763 {\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_4a51028763.disabled_c1a15158e3 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_4a51028763.disabled_c1a15158e3:hover {\n  background-color: transparent;\n}\n.comboboxOption_4a51028763.selected_9dd3742a47 {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_4a51028763:hover:not(.disabled_c1a15158e3):not(.selected_9dd3742a47),\n.comboboxOption_4a51028763.active_30940176d2 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_4a51028763.activeOutline_e83204cfb9 {\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_4a51028763 .optionLabel_56ff4030e7 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_4a51028763 .optionIcon_2baf30ca38 {\n  flex: 0 0 auto;\n}\n.comboboxOption_4a51028763 .optionIcon_2baf30ca38.left_b0b79c7c31 {\n  margin-inline-end: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_85ab22f952",disabled:"disabled_d3ca8590bb",selected:"selected_c10cf5b8dd",active:"active_91aebae23d",activeOutline:"activeOutline_d8ad46fa4c",optionLabel:"optionLabel_0d4b72a9d9",optionIcon:"optionIcon_5e36f20fc3",left:"left_080ddb6261"};!function(o){const e="s_id-3db504899945_4_4_0";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_85ab22f952 {\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_85ab22f952.disabled_d3ca8590bb {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.comboboxOption_85ab22f952.disabled_d3ca8590bb:hover {\n  background-color: transparent;\n}\n.comboboxOption_85ab22f952.selected_c10cf5b8dd {\n  background-color: var(--primary-selected-color);\n}\n.comboboxOption_85ab22f952:hover:not(.disabled_d3ca8590bb):not(.selected_c10cf5b8dd),\n.comboboxOption_85ab22f952.active_91aebae23d {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n.comboboxOption_85ab22f952.activeOutline_d8ad46fa4c {\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_85ab22f952 .optionLabel_0d4b72a9d9 {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.comboboxOption_85ab22f952 .optionIcon_5e36f20fc3 {\n  flex: 0 0 auto;\n}\n.comboboxOption_85ab22f952 .optionIcon_5e36f20fc3.left_080ddb6261 {\n  margin-inline-end: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_9dcf2d5939"};!function(e){const t="s_id-c981e92fbca0_4_3_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_9dcf2d5939 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_509601700c"};!function(e){const t="s_id-c981e92fbca0_4_4_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_509601700c {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--space-4);\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_5d3483fcac",withAnimation:"withAnimation_439589d366",counterPopElastic:"counterPopElastic_67122f2a9a",sizeXs:"sizeXs_6dc7148be8",sizeSmall:"sizeSmall_1d4fb4c935",sizeLarge:"sizeLarge_4715e599e3",kindFill:"kindFill_658f201208",colorPrimary:"colorPrimary_8633cbe01f",colorDark:"colorDark_feade701e4",colorNegative:"colorNegative_551564648a",colorLight:"colorLight_11308eed1d",kindLine:"kindLine_3b6f7e419e",fadeEnter:"fadeEnter_1e21f416fb",fadeEnterActive:"fadeEnterActive_fed7f7377d",fadeExit:"fadeExit_f05f85e3b3",fadeExitActive:"fadeExitActive_cef30e4a07","counter-pop-elastic":"counter-pop-elastic_a5aa27ad78"};!function(n){const o="s_id-b4f9c23ba3ce_4_3_0";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_5d3483fcac {\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_a5aa27ad78 {\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_439589d366 {\n  animation: counterPopElastic_67122f2a9a var(--motion-expressive-short);\n}\n.sizeXs_6dc7148be8 {\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(--space-8);\n}\n.sizeSmall_1d4fb4c935 {\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(--space-8);\n}\n.sizeLarge_4715e599e3 {\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(--space-8);\n}\n.kindFill_658f201208.colorPrimary_8633cbe01f {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_658f201208.colorDark_feade701e4 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_658f201208.colorNegative_551564648a {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_658f201208.colorLight_11308eed1d {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_3b6f7e419e {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_3b6f7e419e.colorPrimary_8633cbe01f {\n  color: var(--primary-color);\n}\n.kindLine_3b6f7e419e.colorDark_feade701e4 {\n  color: var(--inverted-color-background);\n}\n.kindLine_3b6f7e419e.colorNegative_551564648a {\n  color: var(--negative-color);\n}\n.kindLine_3b6f7e419e.colorLight_11308eed1d {\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_1e21f416fb {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_fed7f7377d {\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_f05f85e3b3 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_cef30e4a07 {\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_072d42eaa4",withAnimation:"withAnimation_82efcb9277",counterPopElastic:"counterPopElastic_fa80864e49",sizeXs:"sizeXs_b350315edd",sizeSmall:"sizeSmall_cbc66f4c0b",sizeLarge:"sizeLarge_58288ae254",kindFill:"kindFill_1fcde5552b",colorPrimary:"colorPrimary_84457cb6ec",colorDark:"colorDark_477636b37e",colorNegative:"colorNegative_3554e60a7c",colorLight:"colorLight_97995a14b3",kindLine:"kindLine_293dcd6e65",fadeEnter:"fadeEnter_f52dd6c62f",fadeEnterActive:"fadeEnterActive_7de87da52f",fadeExit:"fadeExit_3e756545ef",fadeExitActive:"fadeExitActive_d9f6aba179","counter-pop-elastic":"counter-pop-elastic_92813991ce"};!function(n){const o="s_id-b4f9c23ba3ce_4_4_0";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_072d42eaa4 {\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_92813991ce {\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_82efcb9277 {\n  animation: counterPopElastic_fa80864e49 var(--motion-expressive-short);\n}\n.sizeXs_b350315edd {\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(--space-8);\n}\n.sizeSmall_cbc66f4c0b {\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(--space-8);\n}\n.sizeLarge_58288ae254 {\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(--space-8);\n}\n.kindFill_1fcde5552b.colorPrimary_84457cb6ec {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_1fcde5552b.colorDark_477636b37e {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_1fcde5552b.colorNegative_3554e60a7c {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_1fcde5552b.colorLight_97995a14b3 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_293dcd6e65 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_293dcd6e65.colorPrimary_84457cb6ec {\n  color: var(--primary-color);\n}\n.kindLine_293dcd6e65.colorDark_477636b37e {\n  color: var(--inverted-color-background);\n}\n.kindLine_293dcd6e65.colorNegative_3554e60a7c {\n  color: var(--negative-color);\n}\n.kindLine_293dcd6e65.colorLight_97995a14b3 {\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_f52dd6c62f {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_7de87da52f {\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_3e756545ef {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_d9f6aba179 {\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/DatePicker.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={datePicker:"datePicker_2b3ff618b4",datePickerMonths:"datePickerMonths_50e6473c3f",withWeekNumber:"withWeekNumber_f6ee223ebb",datePickerHead:"datePickerHead_e88f5c6548",datePickerBody:"datePickerBody_e88f5c6548",datePickerTable:"datePickerTable_d6a7d7bf96",datePickerDay:"datePickerDay_b24aa4ddfa",datePickerDayContent:"datePickerDayContent_8daf228cb3",datePickerDayDisabled:"datePickerDayDisabled_1f346c230a",datePickerAddToRangeStart:"datePickerAddToRangeStart_573b7be189",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_c82b9719ed",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_d6afd8cb3a",datePickerDayRangeStart:"datePickerDayRangeStart_c6a41be6a1",datePickerDayRangeEnd:"datePickerDayRangeEnd_1566310184",datePickerDayOutside:"datePickerDayOutside_704f6cb59a",datePickerDaySelected:"datePickerDaySelected_1566310184",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_7278ecb1ae",datePickerRemoveFromRange:"datePickerRemoveFromRange_42f384c69f",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_c65f261562"};!function(e){const a="s_id-601bce29f4a5_4_3_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_2b3ff618b4 {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_2b3ff618b4 .datePickerMonths_50e6473c3f {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerHead_e88f5c6548 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerHead_e88f5c6548 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerBody_e88f5c6548 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_2b3ff618b4.withWeekNumber_f6ee223ebb .datePickerBody_e88f5c6548 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_2b3ff618b4 .datePickerTable_d6a7d7bf96 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_2b3ff618b4 .datePickerHead_e88f5c6548 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa .datePickerDayContent_8daf228cb3 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa:focus-visible {\n  outline: none;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa:focus-visible .datePickerDayContent_8daf228cb3 {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayDisabled_1f346c230a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa:not(.datePickerDayDisabled_1f346c230a):not(.datePickerAddToRangeStart_573b7be189):not(.datePickerAddToRangeEnd_c82b9719ed):not(.datePickerAddToRangeMiddle_d6afd8cb3a):not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184) .datePickerDayContent_8daf228cb3:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayOutside_704f6cb59a {\n  color: var(--disabled-text-color);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184:not(.datePickerDayRangeMiddle_7278ecb1ae):not(.datePickerRemoveFromRange_42f384c69f) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1:not(.datePickerDayRangeEnd_1566310184):not(.datePickerRemoveFromRange_42f384c69f), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerRemoveFromRange_42f384c69f) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1.datePickerRemoveFromRange_42f384c69f, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184.datePickerRemoveFromRange_42f384c69f {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1.datePickerRemoveFromRange_42f384c69f:not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184.datePickerRemoveFromRange_42f384c69f:not(.datePickerDayRangeStart_c6a41be6a1) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1:not(.datePickerDayRangeEnd_1566310184) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184:not(.datePickerDayRangeStart_c6a41be6a1) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae:not(.datePickerAddToRangeStart_573b7be189):not(.datePickerAddToRangeEnd_c82b9719ed) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae:not(.datePickerAddToRangeStart_573b7be189):not(.datePickerAddToRangeEnd_c82b9719ed) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerRemoveFromRange_42f384c69f:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeMiddle_7278ecb1ae):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeMiddle_7278ecb1ae):not(.datePickerDayRangeStart_c6a41be6a1), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerRemoveFromRange_42f384c69f {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDayRangeEnd_1566310184:not(.datePickerDayRangeStart_c6a41be6a1) {\n  margin-inline-end: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDayRangeMiddle_7278ecb1ae, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeStart_c6a41be6a1):not(.datePickerDayRangeEnd_1566310184) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerRemoveFromRange_42f384c69f {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDayRangeStart_c6a41be6a1:not(.datePickerDayRangeEnd_1566310184) {\n  margin-inline-start: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeMiddle_7278ecb1ae), .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a, .datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeMiddle_7278ecb1ae),\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeStart_573b7be189:not(.datePickerDayRangeMiddle_7278ecb1ae),\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeMiddle_d6afd8cb3a,\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerDayRangeMiddle_7278ecb1ae) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189,\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189 {\n  border-inline-start-width: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:first-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed,\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 tr td:last-child .datePickerDay_b24aa4ddfa.datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed {\n  border-inline-end-width: 0;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeEnd_1566310184.datePickerAddToRangeStart_573b7be189:not(.datePickerHalfRangeSelected_c65f261562) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_2b3ff618b4 .datePickerBody_e88f5c6548 .datePickerDaySelected_1566310184.datePickerDayRangeStart_c6a41be6a1.datePickerAddToRangeEnd_c82b9719ed:not(.datePickerHalfRangeSelected_c65f261562) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
+var e={datePicker:"datePicker_d76130015e",datePickerMonths:"datePickerMonths_b77ed96e6c",withWeekNumber:"withWeekNumber_c2f03cb090",datePickerHead:"datePickerHead_469a8e39d1",datePickerBody:"datePickerBody_469a8e39d1",datePickerTable:"datePickerTable_f6f233f6a8",datePickerDay:"datePickerDay_596d4deec0",datePickerDayContent:"datePickerDayContent_98318f1c9c",datePickerDayDisabled:"datePickerDayDisabled_69ed8e6ac5",datePickerAddToRangeStart:"datePickerAddToRangeStart_14efc564bc",datePickerAddToRangeEnd:"datePickerAddToRangeEnd_e11bcab355",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle_8345c8fe9f",datePickerDayRangeStart:"datePickerDayRangeStart_edccbd103c",datePickerDayRangeEnd:"datePickerDayRangeEnd_3504b55111",datePickerDayOutside:"datePickerDayOutside_df08af2183",datePickerDaySelected:"datePickerDaySelected_3504b55111",datePickerDayRangeMiddle:"datePickerDayRangeMiddle_ae985be0dc",datePickerRemoveFromRange:"datePickerRemoveFromRange_f5f65453ef",datePickerHalfRangeSelected:"datePickerHalfRangeSelected_3cd316f476"};!function(e){const d="s_id-601bce29f4a5_4_4_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker_d76130015e {\n  --day-picker-header-height: 34px;\n  --day-picker-content-height: 234px;\n  --day-picker-day-width: 30px;\n  --day-picker-day-height: 30px;\n  --day-picker-days-horizontal-gap: 4px;\n  --day-picker-days-vertical-gap: 2px;\n  --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker_d76130015e .datePickerMonths_b77ed96e6c {\n  display: flex;\n  flex-direction: row;\n  gap: var(--space-16);\n  align-items: flex-start;\n}\n.datePicker_d76130015e.withWeekNumber_c2f03cb090 {\n  --day-picker-days-horizontal-gap: 2px;\n  width: 284px;\n  margin: 0;\n}\n.datePicker_d76130015e.withWeekNumber_c2f03cb090 .datePickerHead_469a8e39d1 td:first-child {\n  width: var(--day-picker-day-width);\n  border-start-start-radius: var(--border-radius-medium);\n  border-start-end-radius: var(--border-radius-medium);\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_d76130015e.withWeekNumber_c2f03cb090 .datePickerHead_469a8e39d1 td:first-child::after {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  display: flex;\n  justify-content: center;\n  content: "No.";\n}\n.datePicker_d76130015e.withWeekNumber_c2f03cb090 .datePickerBody_469a8e39d1 td:first-child {\n  background-color: var(--primary-background-hover-color);\n}\n.datePicker_d76130015e.withWeekNumber_c2f03cb090 .datePickerBody_469a8e39d1 tr:last-child td:first-child {\n  border-end-start-radius: var(--border-radius-medium);\n  border-end-end-radius: var(--border-radius-medium);\n}\n.datePicker_d76130015e .datePickerTable_f6f233f6a8 {\n  margin-top: var(--space-8);\n  border-collapse: collapse;\n  height: var(--day-picker-content-height);\n}\n.datePicker_d76130015e .datePickerHead_469a8e39d1 th {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  padding-block: var(--space-2);\n  text-align: center;\n  height: var(--day-picker-day-height);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 td {\n  color: var(--secondary-text-color);\n  font: var(--font-text2-normal);\n  text-align: center;\n  padding: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0 {\n  color: var(--primary-text-color);\n  font: var(--font-text2-normal);\n  width: var(--day-picker-day-width);\n  height: var(--day-picker-day-height);\n  background: none;\n  border: none;\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n  padding: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0 .datePickerDayContent_98318f1c9c {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  border-radius: var(--border-radius-small);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0:focus-visible {\n  outline: none;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0:focus-visible .datePickerDayContent_98318f1c9c {\n  outline: 2px solid var(--primary-color);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayDisabled_69ed8e6ac5 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0:not(.datePickerDayDisabled_69ed8e6ac5):not(.datePickerAddToRangeStart_14efc564bc):not(.datePickerAddToRangeEnd_e11bcab355):not(.datePickerAddToRangeMiddle_8345c8fe9f):not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111) .datePickerDayContent_98318f1c9c:hover {\n  background: var(--primary-background-hover-color);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayOutside_df08af2183 {\n  color: var(--disabled-text-color);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDaySelected_3504b55111:not(.datePickerDayRangeMiddle_ae985be0dc):not(.datePickerRemoveFromRange_f5f65453ef) {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeStart_edccbd103c:not(.datePickerDayRangeEnd_3504b55111):not(.datePickerRemoveFromRange_f5f65453ef), .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeEnd_3504b55111:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerRemoveFromRange_f5f65453ef) {\n  background: var(--primary-color);\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeStart_edccbd103c.datePickerRemoveFromRange_f5f65453ef, .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeEnd_3504b55111.datePickerRemoveFromRange_f5f65453ef {\n  background: var(--primary-color);\n  color: var(--text-color-on-primary);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeStart_edccbd103c.datePickerRemoveFromRange_f5f65453ef:not(.datePickerDayRangeEnd_3504b55111), .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeEnd_3504b55111.datePickerRemoveFromRange_f5f65453ef:not(.datePickerDayRangeStart_edccbd103c) {\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc, .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeStart_edccbd103c:not(.datePickerDayRangeEnd_3504b55111) {\n  margin-inline-end: 0;\n  border-start-end-radius: 0;\n  border-end-end-radius: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355, .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeEnd_3504b55111:not(.datePickerDayRangeStart_edccbd103c) {\n  margin-inline-start: 0;\n  border-start-start-radius: 0;\n  border-end-start-radius: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc, .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355, .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f {\n  margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111), .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111), .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f, .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeMiddle_ae985be0dc:not(.datePickerAddToRangeStart_14efc564bc):not(.datePickerAddToRangeEnd_e11bcab355) {\n  background-color: var(--primary-selected-color);\n  border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n  border-top: none;\n  border-bottom: none;\n  width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f, .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerDayRangeMiddle_ae985be0dc:not(.datePickerAddToRangeStart_14efc564bc):not(.datePickerAddToRangeEnd_e11bcab355) {\n  background: var(--primary-selected-color);\n  margin: var(--day-picker-days-vertical-gap) 0;\n  border-radius: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerRemoveFromRange_f5f65453ef:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111), .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc:not(.datePickerDayRangeMiddle_ae985be0dc):not(.datePickerDayRangeEnd_3504b55111), .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355:not(.datePickerDayRangeMiddle_ae985be0dc):not(.datePickerDayRangeStart_edccbd103c), .datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f {\n  background: var(--day-picker-day-change-range);\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerDayRangeMiddle_ae985be0dc, .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111), .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f, .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-start: var(--day-picker-days-horizontal-gap);\n  border-inline-end: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-start-radius: var(--border-radius-small);\n  border-end-start-radius: var(--border-radius-small);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerRemoveFromRange_f5f65453ef {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355, .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerDayRangeEnd_3504b55111:not(.datePickerDayRangeStart_edccbd103c) {\n  margin-inline-end: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerDayRangeMiddle_ae985be0dc, .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111), .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f, .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355:not(.datePickerDayRangeStart_edccbd103c):not(.datePickerDayRangeEnd_3504b55111) {\n  border: none;\n  width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n  margin-inline-end: var(--day-picker-days-horizontal-gap);\n  border-inline-start: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n  border-start-end-radius: var(--border-radius-small);\n  border-end-end-radius: var(--border-radius-small);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerRemoveFromRange_f5f65453ef {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc, .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerDayRangeStart_edccbd103c:not(.datePickerDayRangeEnd_3504b55111) {\n  margin-inline-start: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc:not(.datePickerDayRangeMiddle_ae985be0dc), .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f, .datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355:not(.datePickerDayRangeMiddle_ae985be0dc),\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerAddToRangeStart_14efc564bc:not(.datePickerDayRangeMiddle_ae985be0dc),\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerAddToRangeMiddle_8345c8fe9f,\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerAddToRangeEnd_e11bcab355:not(.datePickerDayRangeMiddle_ae985be0dc) {\n  border-color: var(--day-picker-day-change-range);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerDaySelected_3504b55111.datePickerDayRangeEnd_3504b55111.datePickerAddToRangeStart_14efc564bc,\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerDaySelected_3504b55111.datePickerDayRangeEnd_3504b55111.datePickerAddToRangeStart_14efc564bc {\n  border-inline-start-width: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:first-child .datePickerDay_596d4deec0.datePickerDaySelected_3504b55111.datePickerDayRangeStart_edccbd103c.datePickerAddToRangeEnd_e11bcab355,\n.datePicker_d76130015e .datePickerBody_469a8e39d1 tr td:last-child .datePickerDay_596d4deec0.datePickerDaySelected_3504b55111.datePickerDayRangeStart_edccbd103c.datePickerAddToRangeEnd_e11bcab355 {\n  border-inline-end-width: 0;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDaySelected_3504b55111.datePickerDayRangeEnd_3504b55111.datePickerAddToRangeStart_14efc564bc {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDaySelected_3504b55111.datePickerDayRangeEnd_3504b55111.datePickerAddToRangeStart_14efc564bc:not(.datePickerHalfRangeSelected_3cd316f476) {\n  margin-inline-start: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDaySelected_3504b55111.datePickerDayRangeStart_edccbd103c.datePickerAddToRangeEnd_e11bcab355 {\n  border-radius: var(--border-radius-small) !important;\n  border-color: var(--primary-color) !important;\n  background-color: var(--primary-color) !important;\n}\n.datePicker_d76130015e .datePickerBody_469a8e39d1 .datePickerDaySelected_3504b55111.datePickerDayRangeStart_edccbd103c.datePickerAddToRangeEnd_e11bcab355:not(.datePickerHalfRangeSelected_3cd316f476) {\n  margin-inline-end: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthButtonDropdown:"monthButtonDropdown_4f6fd1304d",yearButtonDropdown:"yearButtonDropdown_c4a0957a71",datePickerHeader:"datePickerHeader_6091331aca"};!function(e){const t="s_id-a12251d5376d_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_4f6fd1304d {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_c4a0957a71 {\n  justify-content: space-between;\n}\n.datePickerHeader_6091331aca {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_6091331aca button:focus:not(:active), .datePickerHeader_6091331aca button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
+var e={monthButtonDropdown:"monthButtonDropdown_99655e09b1",yearButtonDropdown:"yearButtonDropdown_264e0551bc",datePickerHeader:"datePickerHeader_fde042ca61"};!function(e){const t="s_id-a12251d5376d_4_4_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown_99655e09b1 {\n  min-width: 70px;\n  justify-content: space-between;\n}\n.yearButtonDropdown_264e0551bc {\n  justify-content: space-between;\n}\n.datePickerHeader_fde042ca61 {\n  font: var(--font-text2-normal);\n  height: var(--day-picker-header-height);\n  color: var(--primary-text-color);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n}\n.datePickerHeader_fde042ca61 button:focus:not(:active), .datePickerHeader_fde042ca61 button:focus-visible {\n  box-shadow: 0 0 0 2px var(--primary-color);\n  background: var(--primary-background-color) !important;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={divider:"divider_0a50d80649",withoutMargin:"withoutMargin_2adc45de82",horizontal:"horizontal_5b3c40d3f9",vertical:"vertical_1af3fd6853"};!function(e){const n="s_id-8d5ec08ca0ea_4_3_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_0a50d80649 {\n  background-color: var(--layout-border-color);\n}\n\n.divider_0a50d80649.withoutMargin_2adc45de82 {\n  margin: 0;\n}\n\n.horizontal_5b3c40d3f9 {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_1af3fd6853 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
+var e={divider:"divider_41b2adc23f",withoutMargin:"withoutMargin_71def6809c",horizontal:"horizontal_65c95b4ac5",vertical:"vertical_8acb2911a9"};!function(e){const n="s_id-8d5ec08ca0ea_4_4_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider_41b2adc23f {\n  background-color: var(--layout-border-color);\n}\n\n.divider_41b2adc23f.withoutMargin_71def6809c {\n  margin: 0;\n}\n\n.horizontal_65c95b4ac5 {\n  height: 1px;\n  width: 100%;\n  margin: var(--space-8) 0;\n}\n\n.vertical_8acb2911a9 {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_2d8ad12611",wrapper:"wrapper_4920adfa12",active:"active_b5b2c2bf36",disabled:"disabled_40ddcdb283",readOnly:"readOnly_f695698029",error:"error_5114124245",boxMode:"boxMode_f3ff0a5b82",borderless:"borderless_1dee57ba46",helperText:"helperText_22b90e1d77"};!function(r){const e="s_id-8dd14e35d33c_4_3_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_2d8ad12611 {\n  width: 100%;\n}\n\n.wrapper_4920adfa12 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_4920adfa12:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4920adfa12.active_b5b2c2bf36, .wrapper_4920adfa12:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_4920adfa12.disabled_40ddcdb283 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_4920adfa12.readOnly_f695698029 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_4920adfa12.error_5114124245 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_4920adfa12.boxMode_f3ff0a5b82 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_4920adfa12.borderless_1dee57ba46 {\n  --border-color: transparent;\n}\n\n.wrapper_4920adfa12.borderless_1dee57ba46:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_4920adfa12.borderless_1dee57ba46.active_b5b2c2bf36, .wrapper_4920adfa12.borderless_1dee57ba46:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_22b90e1d77 {\n  margin-top: var(--space-4);\n}");export{r as default};
+var e={outerWrapper:"outerWrapper_7ceeee4c45",wrapper:"wrapper_2fe824e551",active:"active_456fabc9c1",disabled:"disabled_78f7176e81",readOnly:"readOnly_eb2d76d42e",error:"error_2f42f233ce",boxMode:"boxMode_637c83a56f",borderless:"borderless_600e407eb8",helperText:"helperText_d55ad7da74"};!function(e){const r="s_id-8dd14e35d33c_4_4_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".outerWrapper_7ceeee4c45 {\n  width: 100%;\n}\n\n.wrapper_2fe824e551 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_2fe824e551:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_2fe824e551.active_456fabc9c1, .wrapper_2fe824e551:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_2fe824e551.disabled_78f7176e81 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_2fe824e551.readOnly_eb2d76d42e {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_2fe824e551.error_2f42f233ce {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_2fe824e551.boxMode_637c83a56f {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_2fe824e551.borderless_600e407eb8 {\n  --border-color: transparent;\n}\n\n.wrapper_2fe824e551.borderless_600e407eb8:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_2fe824e551.borderless_600e407eb8.active_456fabc9c1, .wrapper_2fe824e551.borderless_600e407eb8:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_d55ad7da74 {\n  margin-top: var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_957a361f5f",groupTitle:"groupTitle_b4be7d3903",sticky:"sticky_1b1accb444"};!function(e){const n="s_id-87eb930dd60f_4_3_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_957a361f5f {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_957a361f5f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_957a361f5f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_957a361f5f .groupTitle_b4be7d3903 {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_957a361f5f .groupTitle_b4be7d3903.sticky_1b1accb444 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_957a361f5f > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_696a16b9fd",groupTitle:"groupTitle_ce4dbce25a",sticky:"sticky_1a9878ec2b"};!function(e){const n="s_id-87eb930dd60f_4_4_0";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 */\n/* stylelint-enable */\n.wrapper_696a16b9fd {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_696a16b9fd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_696a16b9fd::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_696a16b9fd .groupTitle_ce4dbce25a {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_696a16b9fd .groupTitle_ce4dbce25a.sticky_1a9878ec2b {\n  position: sticky;\n  top: 0;\n}\n.wrapper_696a16b9fd > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_9990693f56",inputContainer:"inputContainer_a39c18d108",disabled:"disabled_6f7229b328",readOnly:"readOnly_b3b1beb97a",error:"error_5114124245",menuContainer:"menuContainer_2d8ad12611"};!function(n){const r="s_id-f92aa28952f8_4_3_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_9990693f56 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_a39c18d108 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_a39c18d108:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_a39c18d108:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_a39c18d108.disabled_6f7229b328 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_a39c18d108.readOnly_b3b1beb97a {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_a39c18d108.error_5114124245 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_2d8ad12611 {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_86ff4a9029",inputContainer:"inputContainer_b974964a7f",disabled:"disabled_3f1017a5fe",readOnly:"readOnly_7a84bda060",error:"error_2f42f233ce",menuContainer:"menuContainer_7ceeee4c45"};!function(n){const r="s_id-f92aa28952f8_4_4_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_86ff4a9029 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_b974964a7f {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_b974964a7f:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_b974964a7f:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_b974964a7f.disabled_3f1017a5fe {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_b974964a7f.readOnly_7a84bda060 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_b974964a7f.error_2f42f233ce {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_7ceeee4c45 {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_27b45b999b",menuHidden:"menuHidden_65820ebfd9"};!function(e){const i="s_id-448dc11ee0f4_4_3_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_27b45b999b {\n  visibility: visible;\n}\n\n.menuHidden_65820ebfd9 {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_f5fe27a2a9",menuHidden:"menuHidden_1dd9b4c6c6"};!function(e){const i="s_id-448dc11ee0f4_4_4_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_f5fe27a2a9 {\n  visibility: visible;\n}\n\n.menuHidden_1dd9b4c6c6 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import t,{useRef as o,useMemo as r,createRef as i}from"react";import a from"../../../Chips/Chips.js";import l from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import s from"./MultiSelectedValues.module.scss.js";import c from"classnames";import d from"../Trigger/DropdownChip.js";import u from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import p from"../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../components/dialog/dist/Dialog/Dialog.js";function f(f){var g=f.selectedItems,h=f.onRemove,v=f.renderInput,C=f.disabled,b=f.readOnly,w=f.minVisibleCount,y=void 0===w?0:w,D=f.getChipContainerProps,E=f.badgeRef,j=o(null),k=o(null),N=r((function(){return g.map((function(){return i()}))}),[g]),O=l({containerRef:j,itemRefs:N,gap:4,deductedSpaceRef:k,deductedWidth:v?48:0,minVisibleCount:1===g.length?1:y}),W=O.visibleCount,x=O.hasMeasured,I=r((function(){var e=g.length>W?g.slice(W):[];return{hiddenItems:e,hiddenCount:e.length}}),[g,W]),P=I.hiddenItems,R=I.hiddenCount,M=r((function(){return function(){return t.createElement(u,null,t.createElement(p,{direction:"column",gap:"xs",align:"start",className:s.hiddenChipsDialog},P.map((function(e){return t.createElement(d,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return h(e)},className:s.dialogChip,disabled:C,readOnly:b})}))))}}),[P,h,C,b]),T=r((function(){return g.map((function(o,r){var i=W>r,a=i&&D?D(o,r):{},l=a.ref,u=n(a,["ref"]);return t.createElement("div",Object.assign({key:"dropdown-chip-visible-".concat(o.value),ref:function(e){N[r].current=e,"function"==typeof l&&l(e)},className:c(e(e({},s.chipWrapperWithOverflow,void 0!==y),s.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(o.value)},u),t.createElement(d,{item:o,onDelete:function(){return h(o)},disabled:C,readOnly:b,className:s.visibleChip}))}))}),[g,W,h,N,C,b,y,D]);return(null==g?void 0:g.length)?t.createElement(p,{align:"center",wrap:!1,gap:"xs",ref:j,className:c(s.containerWrapper,e(e({},s.singleChip,1===g.length),s.measuring,!x))},T,t.createElement(p,{gap:"xs",className:s.inputAndCounterWrapper},R>0&&t.createElement("div",{ref:k,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){var n,t;e.stopPropagation(),"ArrowLeft"===e.key&&(e.preventDefault(),null===(t=null===(n=N[W-1])||void 0===n?void 0:n.current)||void 0===t||t.focus())},onMouseDown:function(e){e.stopPropagation()}},t.createElement(m,{content:M,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},t.createElement(a,{ref:E,label:"+ ".concat(R),readOnly:!0,noMargin:!0,"aria-label":"+".concat(R,". ").concat(g.length-R," items are visible out of ").concat(g.length),"data-testid":"dropdown-overflow-counter",className:s.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),v&&t.createElement("div",{className:s.inputWrapper},v()))):null}export{f as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useRef as t,useMemo as o,createRef as i}from"react";import r from"../../../Chips/Chips.js";import a from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import l from"./MultiSelectedValues.module.scss.js";import s from"classnames";import c from"../Trigger/DropdownChip.js";import d from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import u from"../../../../../components/layout/dist/Flex/Flex.js";import m from"../../../../../components/dialog/dist/Dialog/Dialog.js";function p(p){var f=p.selectedItems,g=p.onRemove,h=p.renderInput,v=p.disabled,C=p.readOnly,w=p.minVisibleCount,b=void 0===w?0:w,D=t(null),y=t(null),E=o((function(){return f.map((function(){return i()}))}),[f]),j=a({containerRef:D,itemRefs:E,gap:4,deductedSpaceRef:y,deductedWidth:h?48:0,minVisibleCount:1===f.length?1:b}),N=j.visibleCount,k=j.hasMeasured,O=o((function(){var e=f.length>N?f.slice(N):[];return{hiddenItems:e,hiddenCount:e.length}}),[f,N]),W=O.hiddenItems,x=O.hiddenCount,I=o((function(){return function(){return n.createElement(d,null,n.createElement(u,{direction:"column",gap:"xs",align:"start",className:l.hiddenChipsDialog},W.map((function(e){return n.createElement(c,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return g(e)},className:l.dialogChip,disabled:v,readOnly:C})}))))}}),[W,g,v,C]),M=o((function(){return f.map((function(t,o){var i=N>o;return n.createElement("div",{key:"dropdown-chip-visible-".concat(t.value),ref:E[o],className:s(e(e({},l.chipWrapperWithOverflow,void 0!==b),l.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(t.value)},n.createElement(c,{item:t,onDelete:function(){return g(t)},disabled:v,readOnly:C,className:l.visibleChip}))}))}),[f,N,g,E,v,C,b]);return(null==f?void 0:f.length)?n.createElement(u,{align:"center",wrap:!1,gap:"xs",ref:D,className:s(l.containerWrapper,e(e({},l.singleChip,1===f.length),l.measuring,!k))},M,n.createElement(u,{gap:"xs",className:l.inputAndCounterWrapper},x>0&&n.createElement("div",{ref:y,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){e.stopPropagation()},onMouseDown:function(e){e.stopPropagation()}},n.createElement(m,{content:I,showTrigger:["click","enter"],hideTrigger:["clickoutside","enter"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0},n.createElement(r,{label:"+ ".concat(x),readOnly:!0,noMargin:!0,"aria-label":"+".concat(x,". ").concat(f.length-x," items are visible out of ").concat(f.length),"data-testid":"dropdown-overflow-counter",className:l.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),h&&n.createElement("div",{className:l.inputWrapper},h()))):null}export{p as default};
 //# sourceMappingURL=MultiSelectedValues.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. /\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /* Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement \| null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement \| null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n hideTrigger={[\"clickoutside\", \"enter\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n >\n <Chips\n ref={badgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","ref","extraAttrs","__rest","Object","assign","el","current","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","_b","_a","focus","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={itemRefs[index]}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n hideTrigger={[\"clickoutside\", \"enter\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n >\n <Chips\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","containerRef","useRef","deductedSpaceRef","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","ref","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","Chips","label","noMargin","overflowCounter","preventDefault","inputWrapper"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={containerWrapper:"containerWrapper_c52a955621",singleChip:"singleChip_d6d616a3fd",measuring:"measuring_7b32e0e22f",hiddenChip:"hiddenChip_10493bc592",inputAndCounterWrapper:"inputAndCounterWrapper_a5f9090649",inputWrapper:"inputWrapper_b83435fe68",chipWrapperWithOverflow:"chipWrapperWithOverflow_06c8357d36",visibleChip:"visibleChip_b3c9eb80a2",hiddenChipsDialog:"hiddenChipsDialog_c4c261c533",dialogChip:"dialogChip_b3c9eb80a2"};!function(n){const i="s_id-a777ca35d111_4_3_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const p=document.createElement("style");p.id=i,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper_c52a955621 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_c52a955621.singleChip_d6d616a3fd > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_c52a955621.singleChip_d6d616a3fd > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_c52a955621.measuring_7b32e0e22f > div:not(.hiddenChip_10493bc592) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_a5f9090649 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_b83435fe68 {\n  flex-grow: 1;\n}\n.inputWrapper_b83435fe68 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_06c8357d36 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_06c8357d36 .visibleChip_b3c9eb80a2 {\n  max-width: 100%;\n}\n.hiddenChip_10493bc592 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_c4c261c533 {\n  max-width: 192px;\n}\n.dialogChip_b3c9eb80a2 {\n  max-width: 100%;\n}");export{n as default};
+var n={containerWrapper:"containerWrapper_c5d1e5cb7a",singleChip:"singleChip_dc22d359b4",measuring:"measuring_10d5746b6f",hiddenChip:"hiddenChip_8224a0d58b",inputAndCounterWrapper:"inputAndCounterWrapper_a852f3c43f",inputWrapper:"inputWrapper_5788377df8",chipWrapperWithOverflow:"chipWrapperWithOverflow_a69a0563b3",visibleChip:"visibleChip_85a05b7bfc",hiddenChipsDialog:"hiddenChipsDialog_efa01ec799",dialogChip:"dialogChip_85a05b7bfc"};!function(n){const i="s_id-a777ca35d111_4_4_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper_c5d1e5cb7a {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_c5d1e5cb7a.singleChip_dc22d359b4 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_c5d1e5cb7a.singleChip_dc22d359b4 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_c5d1e5cb7a.measuring_10d5746b6f > div:not(.hiddenChip_8224a0d58b) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_a852f3c43f {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_5788377df8 {\n  flex-grow: 1;\n}\n.inputWrapper_5788377df8 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_a69a0563b3 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_a69a0563b3 .visibleChip_85a05b7bfc {\n  max-width: 100%;\n}\n.hiddenChip_8224a0d58b {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_efa01ec799 {\n  max-width: 192px;\n}\n.dialogChip_85a05b7bfc {\n  max-width: 100%;\n}");export{n as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useRef as l}from"react";import a from"classnames";import r from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"../../../../../base/dist/BaseInput/BaseInput.js";import i from"../../../../../components/typography/dist/Text/Text.js";var n=function(n){var p,m=n.inputSize,d=n.fullWidth,u=n.onKeyDown,c=n.inputRef,b=o(),f=b.inputValue,g=b.autoFocus,h=b.disabled,y=b.readOnly,v=b.placeholder,x=b.multi,j=b.selectedItem,I=b.selectedItems,O=void 0===I?[]:I,P=b.inputAriaLabel,w=b.searchable,D=b.size,E=b.label,F=b.isOpen,T=b.getDropdownProps,z=b.getLabelProps,B=b.getInputProps,K=b.interactiveChips,S=l(null),W=null!=c?c:S,A=x?O.length>0:!!j,C=T?T({preventKeyAction:K?!(!f||0>=f.length):F}):{};return t.createElement(t.Fragment,null,w?t.createElement(s,Object.assign({},B(Object.assign({"aria-labelledby":E?z().id:void 0,"aria-label":P||(E||null===(p=z())||void 0===p?void 0:p.id),placeholder:A?"":v,ref:W,onKeyDown:u},C)),{inputRole:"combobox",value:f||"",autoFocus:g,size:m||D,className:a(r.inputWrapper,e(e(e(e(e({},r.hasSelected,!x&&j&&!f),r.small,"small"===m),r.multi,x&&A),r.multiSelected,x&&A&&"small"===m),r.fullWidth,d)),disabled:h,readOnly:y})):t.createElement(t.Fragment,null,!A&&v&&t.createElement(i,{color:"secondary",className:a(r.placeholderText,e({},r.disabled,!!h)),type:"small"===D?"text2":"text1"},v)))};export{n as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useRef as l}from"react";import a from"classnames";import r from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"../../../../../base/dist/BaseInput/BaseInput.js";import i from"../../../../../components/typography/dist/Text/Text.js";var n=function(n){var m,p=n.inputSize,d=n.fullWidth,u=o(),c=u.inputValue,b=u.autoFocus,f=u.disabled,g=u.readOnly,h=u.placeholder,v=u.multi,x=u.selectedItem,y=u.selectedItems,j=void 0===y?[]:y,I=u.inputAriaLabel,O=u.searchable,P=u.size,E=u.label,F=u.isOpen,T=u.getDropdownProps,z=u.getLabelProps,B=u.getInputProps,S=l(null),W=v?j.length>0:!!x,w=T?T({preventKeyAction:F}):{};return t.createElement(t.Fragment,null,O?t.createElement(s,Object.assign({},B(Object.assign({"aria-labelledby":E?z().id:void 0,"aria-label":I||(E||null===(m=z())||void 0===m?void 0:m.id),placeholder:W?"":h,ref:S},w)),{inputRole:"combobox",value:c||"",autoFocus:b,size:p||P,className:a(r.inputWrapper,e(e(e(e(e({},r.hasSelected,!v&&x&&!c),r.small,"small"===p),r.multi,v&&W),r.multiSelected,v&&W&&"small"===p),r.fullWidth,d)),disabled:f,readOnly:g})):t.createElement(t.Fragment,null,!W&&h&&t.createElement(i,{color:"secondary",className:a(r.placeholderText,e({},r.disabled,!!f)),type:"small"===P?"text2":"text1"},h)))};export{n as default};
 //# sourceMappingURL=DropdownInput.js.map