npm - @vibe/core - Versions diffs - 3.31.1 → 3.31.2 - Mend

@vibe/core 3.31.1 → 3.31.2

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const leftIconSize = useMemo(() => {\n if (typeof leftIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [leftIcon]);\n\n const rightIconSize = useMemo(() => {\n if (typeof rightIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [rightIcon]);\n\n const successIconSize = useMemo(() => {\n if (typeof successIcon !== \"function\") return;\n return BUTTON_ICON_SIZE;\n }, [successIcon]);\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={leftIconSize}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={rightIconSize}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, leftIcon, leftIconSize, rightIcon, rightIconSize]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={successIconSize}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","leftIconSize","BUTTON_ICON_SIZE","rightIconSize","successIconSize","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","icon","iconSize","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum,\n SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button: VibeComponent<ButtonProps, unknown> & {\n sizes?: typeof SIZES;\n colors?: typeof ButtonColorEnum;\n kinds?: typeof ButtonTypeEnum;\n types?: typeof ButtonInputTypeEnum;\n inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, ButtonProps>(\n (\n {\n className,\n children,\n kind,\n onClick,\n name,\n size,\n color,\n disabled,\n rightIcon,\n leftIcon,\n success,\n successText,\n successIcon,\n style,\n loading: isLoading,\n loaderClassName,\n active,\n activeButtonClassName,\n id,\n marginRight,\n marginLeft,\n type,\n onMouseDown,\n ariaLabel,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n onFocus,\n onBlur,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp,\n \"data-testid\": dataTestId,\n insetFocus,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const iconSize = useCallback(\n (icon: SubIcon) => {\n if (typeof icon !== \"function\") return;\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n default:\n return BUTTON_ICON_SIZE;\n }\n },\n [size]\n );\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize(leftIcon)}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize(rightIcon)}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={iconSize(successIcon)}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\nButton.defaultProps = {\n className: undefined,\n name: undefined,\n style: undefined,\n id: undefined,\n kind: \"primary\",\n onClick: NOOP,\n size: \"medium\",\n color: \"primary\",\n disabled: false,\n rightIcon: null,\n leftIcon: null,\n success: false,\n successText: \"\",\n successIcon: null,\n loading: false,\n loaderClassName: undefined,\n active: false,\n marginRight: false,\n marginLeft: false,\n type: \"button\",\n onMouseDown: NOOP,\n rightFlat: false,\n leftFlat: false,\n preventClickAnimation: false,\n noSidePadding: false,\n onFocus: NOOP,\n onBlur: NOOP,\n defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n ariaHasPopup: undefined,\n blurOnMouseUp: true,\n ariaExpanded: undefined,\n ariaControls: undefined,\n ariaLabel: undefined,\n ariaLabeledBy: undefined,\n insetFocus: false\n};\n\nexport default withStaticProps(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={button:"button_6d95b8c0f6","focus-visible":"focus-visible_3fa5442027",loader:"loader_5edf5c8063",loaderSvg:"loaderSvg_5fbd1d980f",textPlaceholder:"textPlaceholder_00f72adc6e",success:"success_e2e03fdcdc",successContent:"successContent_f32a353a9b",marginRight:"marginRight_c879005daf",marginLeft:"marginLeft_5f939c4cdc",rightFlat:"rightFlat_5afa22ebd3",leftFlat:"leftFlat_05337e9fab",preventClickAnimation:"preventClickAnimation_dd26fde55c",leftIcon:"leftIcon_c879005daf",rightIcon:"rightIcon_5f939c4cdc",sizeXxs:"sizeXxs_e31def3916",sizeXs:"sizeXs_1d98220559",sizeSmall:"sizeSmall_5cb01898c2",sizeMedium:"sizeMedium_2ba2dfa184",sizeLarge:"sizeLarge_a288011c90",kindPrimary:"kindPrimary_14fbd2199d",colorPrimary:"colorPrimary_98c1ab0584",colorBrand:"colorBrand_565b22d584",colorPrimaryActive:"colorPrimaryActive_3a6ec38d65",colorBrandActive:"colorBrandActive_e5e8971e9b",colorPositive:"colorPositive_07f792fc8b",colorPositiveActive:"colorPositiveActive_71cf6d5b99",colorNegative:"colorNegative_071840c459",colorNegativeActive:"colorNegativeActive_71cf6d5b99",colorInverted:"colorInverted_948d0ee875",colorInvertedActive:"colorInvertedActive_71cf6d5b99",disabled:"disabled_5bd94366c6",colorOnPrimaryColor:"colorOnPrimaryColor_c02c53a2bc",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_7003ccfa16",colorFixedLight:"colorFixedLight_8b83126a6c",colorFixedLightActive:"colorFixedLightActive_dd26fde55c",colorFixedDark:"colorFixedDark_8de7cb6baa",colorFixedDarkActive:"colorFixedDarkActive_026fb679de",colorOnInvertedBackground:"colorOnInvertedBackground_49982a1758",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_cfca87c357",kindSecondary:"kindSecondary_e68a6938a7",kindTertiary:"kindTertiary_f3fe54e1e7",noSidePadding:"noSidePadding_63fd3716d1",insetFocusStyle:"insetFocusStyle_efc63615bd"};!function(o){const r="s_id-f5db469b1a79_3_31_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_6d95b8c0f6 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_6d95b8c0f6:focus-visible, .button_6d95b8c0f6.focus-visible_3fa5442027 {\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.button_6d95b8c0f6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.button_6d95b8c0f6 .loader_5edf5c8063 {\n  height: 100%;\n}\n.button_6d95b8c0f6 .loader_5edf5c8063 .loaderSvg_5fbd1d980f {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6d95b8c0f6 .textPlaceholder_00f72adc6e {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6d95b8c0f6.success_e2e03fdcdc {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6d95b8c0f6.success_e2e03fdcdc .successContent_f32a353a9b {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_c879005daf {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_5f939c4cdc {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_5afa22ebd3 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_05337e9fab {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_6d95b8c0f6:active:not(.preventClickAnimation_dd26fde55c) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6d95b8c0f6 .leftIcon_c879005daf {\n  margin-right: var(--spacing-small);\n}\n.button_6d95b8c0f6 .rightIcon_5f939c4cdc {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_e31def3916 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_1d98220559 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_5cb01898c2 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_5cb01898c2 .loader_5edf5c8063 {\n  top: 7px;\n}\n.sizeMedium_2ba2dfa184 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_a288011c90 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_14fbd2199d {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_14fbd2199d.colorPrimary_98c1ab0584 {\n  background: var(--primary-color);\n}\n.kindPrimary_14fbd2199d.colorBrand_565b22d584 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_14fbd2199d.colorPrimaryActive_3a6ec38d65,\n.kindPrimary_14fbd2199d.colorPrimary_98c1ab0584:hover,\n.kindPrimary_14fbd2199d.colorPrimary_98c1ab0584:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_14fbd2199d.colorBrandActive_e5e8971e9b,\n.kindPrimary_14fbd2199d.colorBrand_565b22d584:hover,\n.kindPrimary_14fbd2199d.colorBrand_565b22d584:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_14fbd2199d.colorPositive_07f792fc8b {\n  background: var(--positive-color);\n}\n.kindPrimary_14fbd2199d.colorPositiveActive_71cf6d5b99,\n.kindPrimary_14fbd2199d.colorPositive_07f792fc8b:hover,\n.kindPrimary_14fbd2199d.colorPositive_07f792fc8b:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_14fbd2199d.colorNegative_071840c459 {\n  background: var(--negative-color);\n}\n.kindPrimary_14fbd2199d.colorNegativeActive_71cf6d5b99,\n.kindPrimary_14fbd2199d.colorNegative_071840c459:hover,\n.kindPrimary_14fbd2199d.colorNegative_071840c459:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_14fbd2199d.colorInverted_948d0ee875 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_14fbd2199d.colorInvertedActive_71cf6d5b99,\n.kindPrimary_14fbd2199d.colorInverted_948d0ee875:hover,\n.kindPrimary_14fbd2199d.colorInverted_948d0ee875:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_14fbd2199d.button_6d95b8c0f6.colorInverted_948d0ee875.disabled_5bd94366c6 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16:focus-visible, .kindPrimary_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover:focus-visible,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus:focus-visible,\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColorActive_7003ccfa16:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:hover:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindPrimary_14fbd2199d.colorOnPrimaryColor_c02c53a2bc.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_14fbd2199d.colorFixedLightActive_dd26fde55c,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_14fbd2199d.colorFixedLightActive_dd26fde55c:focus-visible, .kindPrimary_14fbd2199d.colorFixedLightActive_dd26fde55c.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_14fbd2199d.colorFixedLightActive_dd26fde55c:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:hover:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindPrimary_14fbd2199d.colorFixedLight_8b83126a6c.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_14fbd2199d.colorFixedDarkActive_026fb679de,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_14fbd2199d.colorFixedDarkActive_026fb679de:focus-visible, .kindPrimary_14fbd2199d.colorFixedDarkActive_026fb679de.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover.focus-visible_3fa5442027,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus:focus-visible,\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_14fbd2199d.colorFixedDarkActive_026fb679de:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:hover:focus:not(.focus-visible_3fa5442027),\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindPrimary_14fbd2199d.colorFixedDark_8de7cb6baa.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_14fbd2199d.colorOnInvertedBackground_49982a1758 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_14fbd2199d.colorOnInvertedBackgroundActive_cfca87c357,\n.kindPrimary_14fbd2199d.colorOnInvertedBackground_49982a1758:hover,\n.kindPrimary_14fbd2199d.colorOnInvertedBackground_49982a1758:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_14fbd2199d.button_6d95b8c0f6.colorOnInvertedBackground_49982a1758.disabled_5bd94366c6 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_14fbd2199d.button_6d95b8c0f6.disabled_5bd94366c6 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e68a6938a7 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_e68a6938a7.sizeSmall_5cb01898c2 {\n  line-height: 22px;\n}\n.kindSecondary_e68a6938a7.sizeMedium_2ba2dfa184 {\n  line-height: 22px;\n}\n.kindSecondary_e68a6938a7.sizeLarge_a288011c90 {\n  line-height: 22px;\n}\n.kindSecondary_e68a6938a7.colorPrimaryActive_3a6ec38d65 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e68a6938a7.colorPrimaryActive_3a6ec38d65:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e68a6938a7.colorBrandActive_e5e8971e9b {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_e68a6938a7.colorBrandActive_e5e8971e9b,\n.kindSecondary_e68a6938a7.colorBrandActive_e5e8971e9b:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_e68a6938a7.colorPrimary_98c1ab0584:hover:not(.colorPrimaryActive_3a6ec38d65),\n.kindSecondary_e68a6938a7.colorPrimary_98c1ab0584:focus:not(.colorPrimaryActive_3a6ec38d65) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorBrand_565b22d584:hover:not(.colorBrandActive_e5e8971e9b),\n.kindSecondary_e68a6938a7.colorBrand_565b22d584:focus:not(.colorBrandActive_e5e8971e9b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorPositive_07f792fc8b {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_e68a6938a7.colorPositiveActive_71cf6d5b99,\n.kindSecondary_e68a6938a7.colorPositive_07f792fc8b:hover,\n.kindSecondary_e68a6938a7.colorPositive_07f792fc8b:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_e68a6938a7.colorNegative_071840c459 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_e68a6938a7.colorNegativeActive_71cf6d5b99,\n.kindSecondary_e68a6938a7.colorNegative_071840c459:hover,\n.kindSecondary_e68a6938a7.colorNegative_071840c459:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_e68a6938a7.colorInvertedActive_71cf6d5b99,\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875:hover,\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorInverted_948d0ee875.disabled_5bd94366c6 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16:focus-visible, .kindSecondary_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover:focus-visible,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus:focus-visible,\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColorActive_7003ccfa16:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:hover:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindSecondary_e68a6938a7.colorOnPrimaryColor_c02c53a2bc.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e68a6938a7.colorFixedLightActive_dd26fde55c,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e68a6938a7.colorFixedLightActive_dd26fde55c:focus-visible, .kindSecondary_e68a6938a7.colorFixedLightActive_dd26fde55c.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e68a6938a7.colorFixedLightActive_dd26fde55c:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:hover:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e68a6938a7.colorFixedDarkActive_026fb679de,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_e68a6938a7.colorFixedDarkActive_026fb679de:focus-visible, .kindSecondary_e68a6938a7.colorFixedDarkActive_026fb679de.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover.focus-visible_3fa5442027,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus:focus-visible,\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e68a6938a7.colorFixedDarkActive_026fb679de:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:hover:focus:not(.focus-visible_3fa5442027),\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_e68a6938a7.colorOnInvertedBackgroundActive_cfca87c357,\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758:hover,\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_e68a6938a7.colorOnInvertedBackground_49982a1758.disabled_5bd94366c6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_e68a6938a7.colorFixedLight_8b83126a6c.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e68a6938a7.colorFixedDark_8de7cb6baa.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e68a6938a7.disabled_5bd94366c6 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e68a6938a7.disabled_5bd94366c6:hover {\n  background-color: transparent;\n}\n.kindTertiary_f3fe54e1e7 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_f3fe54e1e7.colorPrimaryActive_3a6ec38d65 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_f3fe54e1e7.colorPrimaryActive_3a6ec38d65:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorBrandActive_e5e8971e9b {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_f3fe54e1e7.colorBrandActive_e5e8971e9b,\n.kindTertiary_f3fe54e1e7.colorBrandActive_e5e8971e9b:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_f3fe54e1e7.colorPrimary_98c1ab0584:hover:not(.colorPrimaryActive_3a6ec38d65),\n.kindTertiary_f3fe54e1e7.colorPrimary_98c1ab0584:focus:not(.colorPrimaryActive_3a6ec38d65) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorBrand_565b22d584:hover:not(.colorBrandActive_e5e8971e9b),\n.kindTertiary_f3fe54e1e7.colorBrand_565b22d584:focus:not(.colorBrandActive_e5e8971e9b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorPositive_07f792fc8b {\n  color: var(--positive-color);\n}\n.kindTertiary_f3fe54e1e7.colorPositiveActive_71cf6d5b99,\n.kindTertiary_f3fe54e1e7.colorPositive_07f792fc8b:hover,\n.kindTertiary_f3fe54e1e7.colorPositive_07f792fc8b:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_f3fe54e1e7.colorNegative_071840c459 {\n  color: var(--negative-color);\n}\n.kindTertiary_f3fe54e1e7.colorNegativeActive_71cf6d5b99,\n.kindTertiary_f3fe54e1e7.colorNegative_071840c459:hover,\n.kindTertiary_f3fe54e1e7.colorNegative_071840c459:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_f3fe54e1e7.colorInvertedActive_71cf6d5b99,\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875:hover,\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorInverted_948d0ee875.disabled_5bd94366c6 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16:focus-visible, .kindTertiary_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover:focus-visible,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus:focus-visible,\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColorActive_7003ccfa16:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:hover:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindTertiary_f3fe54e1e7.colorOnPrimaryColor_c02c53a2bc.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedLightActive_dd26fde55c,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f3fe54e1e7.colorFixedLightActive_dd26fde55c:focus-visible, .kindTertiary_f3fe54e1e7.colorFixedLightActive_dd26fde55c.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_f3fe54e1e7.colorFixedLightActive_dd26fde55c:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:hover:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindTertiary_f3fe54e1e7.colorFixedLight_8b83126a6c.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedDarkActive_026fb679de,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_f3fe54e1e7.colorFixedDarkActive_026fb679de:focus-visible, .kindTertiary_f3fe54e1e7.colorFixedDarkActive_026fb679de.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover.focus-visible_3fa5442027,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus:focus-visible,\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus.focus-visible_3fa5442027 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_f3fe54e1e7.colorFixedDarkActive_026fb679de:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:hover:focus:not(.focus-visible_3fa5442027),\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa:focus:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.kindTertiary_f3fe54e1e7.colorFixedDark_8de7cb6baa.disabled_5bd94366c6 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackgroundActive_cfca87c357,\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758:hover,\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_f3fe54e1e7.colorOnInvertedBackground_49982a1758.disabled_5bd94366c6 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f3fe54e1e7.disabled_5bd94366c6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_f3fe54e1e7.disabled_5bd94366c6:hover {\n  background-color: transparent;\n}\n.noSidePadding_63fd3716d1 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6d95b8c0f6.insetFocusStyle_efc63615bd:focus-visible, .button_6d95b8c0f6.insetFocusStyle_efc63615bd.focus-visible_3fa5442027 {\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}\n.button_6d95b8c0f6.insetFocusStyle_efc63615bd:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_c746d42ddc","focus-visible":"focus-visible_45e9244eed",loader:"loader_a9fba7af92",loaderSvg:"loaderSvg_9f5b3f0981",textPlaceholder:"textPlaceholder_479f710664",success:"success_e0ca091d69",successContent:"successContent_86a7467fbf",marginRight:"marginRight_86f986aeee",marginLeft:"marginLeft_2019f510de",rightFlat:"rightFlat_da686a09e7",leftFlat:"leftFlat_7665bd1da5",preventClickAnimation:"preventClickAnimation_f81a3c0b10",leftIcon:"leftIcon_86f986aeee",rightIcon:"rightIcon_2019f510de",sizeXxs:"sizeXxs_223664b1c9",sizeXs:"sizeXs_a2c7e601b1",sizeSmall:"sizeSmall_5f63f394d3",sizeMedium:"sizeMedium_a9a6a795a3",sizeLarge:"sizeLarge_691132348e",kindPrimary:"kindPrimary_91e6acc8ca",colorPrimary:"colorPrimary_0d83367edd",colorBrand:"colorBrand_46968193a6",colorPrimaryActive:"colorPrimaryActive_376b2ed215",colorBrandActive:"colorBrandActive_74b4142973",colorPositive:"colorPositive_7091a36ae2",colorPositiveActive:"colorPositiveActive_d87a30487e",colorNegative:"colorNegative_b2a9843396",colorNegativeActive:"colorNegativeActive_d87a30487e",colorInverted:"colorInverted_64e08a6a2f",colorInvertedActive:"colorInvertedActive_d87a30487e",disabled:"disabled_5b5396a74f",colorOnPrimaryColor:"colorOnPrimaryColor_bc53b1b78f",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_404194291d",colorFixedLight:"colorFixedLight_e173a350d7",colorFixedLightActive:"colorFixedLightActive_f81a3c0b10",colorFixedDark:"colorFixedDark_e3fbd52a6e",colorFixedDarkActive:"colorFixedDarkActive_d57a503457",colorOnInvertedBackground:"colorOnInvertedBackground_c35af17ec2",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_731c4ea325",kindSecondary:"kindSecondary_e37fb15a66",kindTertiary:"kindTertiary_85b8c7d4f6",noSidePadding:"noSidePadding_df9973a239",insetFocusStyle:"insetFocusStyle_d9cb11eb74"};!function(o){const r="s_id-f5db469b1a79_3_31_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_c746d42ddc {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_c746d42ddc:focus-visible, .button_c746d42ddc.focus-visible_45e9244eed {\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.button_c746d42ddc:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.button_c746d42ddc .loader_a9fba7af92 {\n  height: 100%;\n}\n.button_c746d42ddc .loader_a9fba7af92 .loaderSvg_9f5b3f0981 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_c746d42ddc .textPlaceholder_479f710664 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_c746d42ddc.success_e0ca091d69 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_c746d42ddc.success_e0ca091d69 .successContent_86a7467fbf {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_86f986aeee {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_2019f510de {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_da686a09e7 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_7665bd1da5 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_c746d42ddc:active:not(.preventClickAnimation_f81a3c0b10) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_c746d42ddc .leftIcon_86f986aeee {\n  margin-right: var(--spacing-small);\n}\n.button_c746d42ddc .rightIcon_2019f510de {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_223664b1c9 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_a2c7e601b1 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_5f63f394d3 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_5f63f394d3 .loader_a9fba7af92 {\n  top: 7px;\n}\n.sizeMedium_a9a6a795a3 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_691132348e {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_91e6acc8ca {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_91e6acc8ca.colorPrimary_0d83367edd {\n  background: var(--primary-color);\n}\n.kindPrimary_91e6acc8ca.colorBrand_46968193a6 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_91e6acc8ca.colorPrimaryActive_376b2ed215,\n.kindPrimary_91e6acc8ca.colorPrimary_0d83367edd:hover,\n.kindPrimary_91e6acc8ca.colorPrimary_0d83367edd:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_91e6acc8ca.colorBrandActive_74b4142973,\n.kindPrimary_91e6acc8ca.colorBrand_46968193a6:hover,\n.kindPrimary_91e6acc8ca.colorBrand_46968193a6:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_91e6acc8ca.colorPositive_7091a36ae2 {\n  background: var(--positive-color);\n}\n.kindPrimary_91e6acc8ca.colorPositiveActive_d87a30487e,\n.kindPrimary_91e6acc8ca.colorPositive_7091a36ae2:hover,\n.kindPrimary_91e6acc8ca.colorPositive_7091a36ae2:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_91e6acc8ca.colorNegative_b2a9843396 {\n  background: var(--negative-color);\n}\n.kindPrimary_91e6acc8ca.colorNegativeActive_d87a30487e,\n.kindPrimary_91e6acc8ca.colorNegative_b2a9843396:hover,\n.kindPrimary_91e6acc8ca.colorNegative_b2a9843396:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_91e6acc8ca.colorInverted_64e08a6a2f {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_91e6acc8ca.colorInvertedActive_d87a30487e,\n.kindPrimary_91e6acc8ca.colorInverted_64e08a6a2f:hover,\n.kindPrimary_91e6acc8ca.colorInverted_64e08a6a2f:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_91e6acc8ca.button_c746d42ddc.colorInverted_64e08a6a2f.disabled_5b5396a74f {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_91e6acc8ca.colorOnPrimaryColorActive_404194291d,\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:hover,\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_91e6acc8ca.colorOnPrimaryColorActive_404194291d:focus-visible, .kindPrimary_91e6acc8ca.colorOnPrimaryColorActive_404194291d.focus-visible_45e9244eed,\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:hover:focus-visible,\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:hover.focus-visible_45e9244eed,\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:focus:focus-visible,\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_91e6acc8ca.colorOnPrimaryColorActive_404194291d:focus:not(.focus-visible_45e9244eed),\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:hover:focus:not(.focus-visible_45e9244eed),\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindPrimary_91e6acc8ca.colorOnPrimaryColor_bc53b1b78f.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_91e6acc8ca.colorFixedLightActive_f81a3c0b10,\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:hover,\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_91e6acc8ca.colorFixedLightActive_f81a3c0b10:focus-visible, .kindPrimary_91e6acc8ca.colorFixedLightActive_f81a3c0b10.focus-visible_45e9244eed,\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:hover:focus-visible,\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:hover.focus-visible_45e9244eed,\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:focus:focus-visible,\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_91e6acc8ca.colorFixedLightActive_f81a3c0b10:focus:not(.focus-visible_45e9244eed),\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:hover:focus:not(.focus-visible_45e9244eed),\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindPrimary_91e6acc8ca.colorFixedLight_e173a350d7.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_91e6acc8ca.colorFixedDarkActive_d57a503457,\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:hover,\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_91e6acc8ca.colorFixedDarkActive_d57a503457:focus-visible, .kindPrimary_91e6acc8ca.colorFixedDarkActive_d57a503457.focus-visible_45e9244eed,\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:hover:focus-visible,\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:hover.focus-visible_45e9244eed,\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:focus:focus-visible,\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_91e6acc8ca.colorFixedDarkActive_d57a503457:focus:not(.focus-visible_45e9244eed),\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:hover:focus:not(.focus-visible_45e9244eed),\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindPrimary_91e6acc8ca.colorFixedDark_e3fbd52a6e.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_91e6acc8ca.colorOnInvertedBackground_c35af17ec2 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_91e6acc8ca.colorOnInvertedBackgroundActive_731c4ea325,\n.kindPrimary_91e6acc8ca.colorOnInvertedBackground_c35af17ec2:hover,\n.kindPrimary_91e6acc8ca.colorOnInvertedBackground_c35af17ec2:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_91e6acc8ca.button_c746d42ddc.colorOnInvertedBackground_c35af17ec2.disabled_5b5396a74f {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_91e6acc8ca.button_c746d42ddc.disabled_5b5396a74f {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e37fb15a66 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_e37fb15a66.sizeSmall_5f63f394d3 {\n  line-height: 22px;\n}\n.kindSecondary_e37fb15a66.sizeMedium_a9a6a795a3 {\n  line-height: 22px;\n}\n.kindSecondary_e37fb15a66.sizeLarge_691132348e {\n  line-height: 22px;\n}\n.kindSecondary_e37fb15a66.colorPrimaryActive_376b2ed215 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e37fb15a66.colorPrimaryActive_376b2ed215:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_e37fb15a66.colorBrandActive_74b4142973 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_e37fb15a66.colorBrandActive_74b4142973,\n.kindSecondary_e37fb15a66.colorBrandActive_74b4142973:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_e37fb15a66.colorPrimary_0d83367edd:hover:not(.colorPrimaryActive_376b2ed215),\n.kindSecondary_e37fb15a66.colorPrimary_0d83367edd:focus:not(.colorPrimaryActive_376b2ed215) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e37fb15a66.colorBrand_46968193a6:hover:not(.colorBrandActive_74b4142973),\n.kindSecondary_e37fb15a66.colorBrand_46968193a6:focus:not(.colorBrandActive_74b4142973) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e37fb15a66.colorPositive_7091a36ae2 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_e37fb15a66.colorPositiveActive_d87a30487e,\n.kindSecondary_e37fb15a66.colorPositive_7091a36ae2:hover,\n.kindSecondary_e37fb15a66.colorPositive_7091a36ae2:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_e37fb15a66.colorNegative_b2a9843396 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_e37fb15a66.colorNegativeActive_d87a30487e,\n.kindSecondary_e37fb15a66.colorNegative_b2a9843396:hover,\n.kindSecondary_e37fb15a66.colorNegative_b2a9843396:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_e37fb15a66.colorInverted_64e08a6a2f {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_e37fb15a66.colorInvertedActive_d87a30487e,\n.kindSecondary_e37fb15a66.colorInverted_64e08a6a2f:hover,\n.kindSecondary_e37fb15a66.colorInverted_64e08a6a2f:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_e37fb15a66.colorInverted_64e08a6a2f.disabled_5b5396a74f {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_e37fb15a66.colorOnPrimaryColorActive_404194291d,\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:hover,\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e37fb15a66.colorOnPrimaryColorActive_404194291d:focus-visible, .kindSecondary_e37fb15a66.colorOnPrimaryColorActive_404194291d.focus-visible_45e9244eed,\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:hover:focus-visible,\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:hover.focus-visible_45e9244eed,\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:focus:focus-visible,\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e37fb15a66.colorOnPrimaryColorActive_404194291d:focus:not(.focus-visible_45e9244eed),\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:hover:focus:not(.focus-visible_45e9244eed),\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindSecondary_e37fb15a66.colorOnPrimaryColor_bc53b1b78f.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e37fb15a66.colorFixedLightActive_f81a3c0b10,\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:hover,\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_e37fb15a66.colorFixedLightActive_f81a3c0b10:focus-visible, .kindSecondary_e37fb15a66.colorFixedLightActive_f81a3c0b10.focus-visible_45e9244eed,\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:hover:focus-visible,\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:hover.focus-visible_45e9244eed,\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:focus:focus-visible,\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e37fb15a66.colorFixedLightActive_f81a3c0b10:focus:not(.focus-visible_45e9244eed),\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:hover:focus:not(.focus-visible_45e9244eed),\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e37fb15a66.colorFixedDarkActive_d57a503457,\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:hover,\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_e37fb15a66.colorFixedDarkActive_d57a503457:focus-visible, .kindSecondary_e37fb15a66.colorFixedDarkActive_d57a503457.focus-visible_45e9244eed,\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:hover:focus-visible,\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:hover.focus-visible_45e9244eed,\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:focus:focus-visible,\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_e37fb15a66.colorFixedDarkActive_d57a503457:focus:not(.focus-visible_45e9244eed),\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:hover:focus:not(.focus-visible_45e9244eed),\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindSecondary_e37fb15a66.colorOnInvertedBackground_c35af17ec2 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_e37fb15a66.colorOnInvertedBackgroundActive_731c4ea325,\n.kindSecondary_e37fb15a66.colorOnInvertedBackground_c35af17ec2:hover,\n.kindSecondary_e37fb15a66.colorOnInvertedBackground_c35af17ec2:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_e37fb15a66.colorOnInvertedBackground_c35af17ec2.disabled_5b5396a74f {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_e37fb15a66.colorFixedLight_e173a350d7.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_e37fb15a66.colorFixedDark_e3fbd52a6e.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_e37fb15a66.disabled_5b5396a74f {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_e37fb15a66.disabled_5b5396a74f:hover {\n  background-color: transparent;\n}\n.kindTertiary_85b8c7d4f6 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_85b8c7d4f6.colorPrimaryActive_376b2ed215 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_85b8c7d4f6.colorPrimaryActive_376b2ed215:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_85b8c7d4f6.colorBrandActive_74b4142973 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_85b8c7d4f6.colorBrandActive_74b4142973,\n.kindTertiary_85b8c7d4f6.colorBrandActive_74b4142973:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_85b8c7d4f6.colorPrimary_0d83367edd:hover:not(.colorPrimaryActive_376b2ed215),\n.kindTertiary_85b8c7d4f6.colorPrimary_0d83367edd:focus:not(.colorPrimaryActive_376b2ed215) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_85b8c7d4f6.colorBrand_46968193a6:hover:not(.colorBrandActive_74b4142973),\n.kindTertiary_85b8c7d4f6.colorBrand_46968193a6:focus:not(.colorBrandActive_74b4142973) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_85b8c7d4f6.colorPositive_7091a36ae2 {\n  color: var(--positive-color);\n}\n.kindTertiary_85b8c7d4f6.colorPositiveActive_d87a30487e,\n.kindTertiary_85b8c7d4f6.colorPositive_7091a36ae2:hover,\n.kindTertiary_85b8c7d4f6.colorPositive_7091a36ae2:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_85b8c7d4f6.colorNegative_b2a9843396 {\n  color: var(--negative-color);\n}\n.kindTertiary_85b8c7d4f6.colorNegativeActive_d87a30487e,\n.kindTertiary_85b8c7d4f6.colorNegative_b2a9843396:hover,\n.kindTertiary_85b8c7d4f6.colorNegative_b2a9843396:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_85b8c7d4f6.colorInverted_64e08a6a2f {\n  color: var(--primary-text-color);\n}\n.kindTertiary_85b8c7d4f6.colorInvertedActive_d87a30487e,\n.kindTertiary_85b8c7d4f6.colorInverted_64e08a6a2f:hover,\n.kindTertiary_85b8c7d4f6.colorInverted_64e08a6a2f:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_85b8c7d4f6.colorInverted_64e08a6a2f.disabled_5b5396a74f {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColorActive_404194291d,\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:hover,\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColorActive_404194291d:focus-visible, .kindTertiary_85b8c7d4f6.colorOnPrimaryColorActive_404194291d.focus-visible_45e9244eed,\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:hover:focus-visible,\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:hover.focus-visible_45e9244eed,\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:focus:focus-visible,\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColorActive_404194291d:focus:not(.focus-visible_45e9244eed),\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:hover:focus:not(.focus-visible_45e9244eed),\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindTertiary_85b8c7d4f6.colorOnPrimaryColor_bc53b1b78f.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_85b8c7d4f6.colorFixedLightActive_f81a3c0b10,\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:hover,\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_85b8c7d4f6.colorFixedLightActive_f81a3c0b10:focus-visible, .kindTertiary_85b8c7d4f6.colorFixedLightActive_f81a3c0b10.focus-visible_45e9244eed,\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:hover:focus-visible,\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:hover.focus-visible_45e9244eed,\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:focus:focus-visible,\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_85b8c7d4f6.colorFixedLightActive_f81a3c0b10:focus:not(.focus-visible_45e9244eed),\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:hover:focus:not(.focus-visible_45e9244eed),\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindTertiary_85b8c7d4f6.colorFixedLight_e173a350d7.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_85b8c7d4f6.colorFixedDarkActive_d57a503457,\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:hover,\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_85b8c7d4f6.colorFixedDarkActive_d57a503457:focus-visible, .kindTertiary_85b8c7d4f6.colorFixedDarkActive_d57a503457.focus-visible_45e9244eed,\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:hover:focus-visible,\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:hover.focus-visible_45e9244eed,\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:focus:focus-visible,\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:focus.focus-visible_45e9244eed {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_85b8c7d4f6.colorFixedDarkActive_d57a503457:focus:not(.focus-visible_45e9244eed),\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:hover:focus:not(.focus-visible_45e9244eed),\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e:focus:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.kindTertiary_85b8c7d4f6.colorFixedDark_e3fbd52a6e.disabled_5b5396a74f {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_85b8c7d4f6.colorOnInvertedBackground_c35af17ec2 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_85b8c7d4f6.colorOnInvertedBackgroundActive_731c4ea325,\n.kindTertiary_85b8c7d4f6.colorOnInvertedBackground_c35af17ec2:hover,\n.kindTertiary_85b8c7d4f6.colorOnInvertedBackground_c35af17ec2:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_85b8c7d4f6.colorOnInvertedBackground_c35af17ec2.disabled_5b5396a74f {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_85b8c7d4f6.disabled_5b5396a74f {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_85b8c7d4f6.disabled_5b5396a74f:hover {\n  background-color: transparent;\n}\n.noSidePadding_df9973a239 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_c746d42ddc.insetFocusStyle_d9cb11eb74:focus-visible, .button_c746d42ddc.insetFocusStyle_d9cb11eb74.focus-visible_45e9244eed {\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}\n.button_c746d42ddc.insetFocusStyle_d9cb11eb74:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/Button/ButtonConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r,i;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.TERTIARY="tertiary"}(r||(r={})),function(r){r.PRIMARY="primary",r.POSITIVE="positive",r.NEGATIVE="negative",r.INVERTED="inverted",r.ON_PRIMARY_COLOR="on-primary-color",r.ON_INVERTED_BACKGROUND="on-inverted-background",r.BRAND="brand",r.FIXED_LIGHT="fixed-light",r.FIXED_DARK="fixed-dark"}(i||(i={}));var R,n=20;!function(r){r.BUTTON="button",r.SUBMIT="submit",r.RESET="reset"}(R||(R={}));export{n as BUTTON_ICON_SIZE,i as ButtonColor,R as ButtonInputType,r as ButtonType};
+var r,i;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.TERTIARY="tertiary"}(r||(r={})),function(r){r.PRIMARY="primary",r.POSITIVE="positive",r.NEGATIVE="negative",r.INVERTED="inverted",r.ON_PRIMARY_COLOR="on-primary-color",r.ON_INVERTED_BACKGROUND="on-inverted-background",r.BRAND="brand",r.FIXED_LIGHT="fixed-light",r.FIXED_DARK="fixed-dark"}(i||(i={}));var R,n=16,t=20;!function(r){r.BUTTON="button",r.SUBMIT="submit",r.RESET="reset"}(R||(R={}));export{t as BUTTON_ICON_SIZE,i as ButtonColor,R as ButtonInputType,r as ButtonType,n as SMALL_BUTTON_ICON_SIZE};
 //# sourceMappingURL=ButtonConstants.js.map

package/dist/src/components/Button/ButtonConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonConstants.js","sources":["../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\n\n/*\n @deprecated\n /\nexport enum ButtonType {\n PRIMARY = \"primary\",\n SECONDARY = \"secondary\",\n TERTIARY = \"tertiary\"\n}\n\n/\n @deprecated\n /\nexport enum ButtonColor {\n PRIMARY = \"primary\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n INVERTED = \"inverted\",\n ON_PRIMARY_COLOR = \"on-primary-color\",\n ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n BRAND = \"brand\",\n FIXED_LIGHT = \"fixed-light\",\n FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n PRIMARY: \"\"\n};\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/\n @deprecated\n */\nexport enum ButtonInputType {\n BUTTON = \"button\",\n SUBMIT = \"submit\",\n RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,~~IAKKC~~,~~EALCC~~,EAAmB,IAKhC,~~SAAYD~~,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
1	+ {"version":3,"file":"ButtonConstants.js","sources":["../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\n\n/*\n @deprecated\n /\nexport enum ButtonType {\n PRIMARY = \"primary\",\n SECONDARY = \"secondary\",\n TERTIARY = \"tertiary\"\n}\n\n/\n @deprecated\n /\nexport enum ButtonColor {\n PRIMARY = \"primary\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n INVERTED = \"inverted\",\n ON_PRIMARY_COLOR = \"on-primary-color\",\n ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n BRAND = \"brand\",\n FIXED_LIGHT = \"fixed-light\",\n FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n PRIMARY: \"\"\n};\n\nexport const SMALL_BUTTON_ICON_SIZE = 16;\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/\n @deprecated\n */\nexport enum ButtonInputType {\n BUTTON = \"button\",\n SUBMIT = \"submit\",\n RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,IAOKC,EAPCC,EAAyB,GAEzBC,EAAmB,IAKhC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_d4efdcf038",subTextContainer:"subTextContainer_f4036b26d8",buttonsContainer:"buttonsContainer_f23a1e3cbd",button:"button_711164ac68",activeButton:"activeButton_3a6ec38d65",optionText:"optionText_c9b9fe9e4c",disabled:"disabled_bca4d11a6a",selected:"selected_91e8e25598",kindTertiary:"kindTertiary_5fa85d5177",wrapper:"wrapper_b7f2259949",buttonDisabled:"buttonDisabled_e5d9224c2d",fullWidth:"fullWidth_0bffc56b3d"};!function(n){const o="s_id-51d51089eef9_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_d4efdcf038 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_f4036b26d8 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_f23a1e3cbd {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_f23a1e3cbd .button_711164ac68 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_f23a1e3cbd .button_711164ac68.activeButton_3a6ec38d65 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_f23a1e3cbd .button_711164ac68.activeButton_3a6ec38d65:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_c9b9fe9e4c:not(.disabled_bca4d11a6a) {\n  color: var(--primary-text-color);\n}\n\n.optionText_c9b9fe9e4c:not(.disabled_bca4d11a6a).selected_91e8e25598 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_5fa85d5177 .button_711164ac68 {\n  border-color: transparent;\n}\n\n.kindTertiary_5fa85d5177 .button_711164ac68:first-child {\n  border-color: transparent;\n}\n\n.wrapper_b7f2259949.disabled_bca4d11a6a {\n  cursor: not-allowed;\n}\n\n.button_711164ac68.disabled_bca4d11a6a {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_711164ac68.buttonDisabled_e5d9224c2d {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_0bffc56b3d {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_58ea1602ec",subTextContainer:"subTextContainer_4eab98a3b9",buttonsContainer:"buttonsContainer_996f7e6240",button:"button_fd47692922",activeButton:"activeButton_376b2ed215",optionText:"optionText_59ffaa7518",disabled:"disabled_4989d8ad0e",selected:"selected_a6dd1c2bff",kindTertiary:"kindTertiary_dd5e463149",wrapper:"wrapper_1d1957cb87",buttonDisabled:"buttonDisabled_7bb5e1ac31",fullWidth:"fullWidth_e6f33b60b5"};!function(n){const e="s_id-51d51089eef9_3_31_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_58ea1602ec {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_4eab98a3b9 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_996f7e6240 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_996f7e6240 .button_fd47692922 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_996f7e6240 .button_fd47692922.activeButton_376b2ed215 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_996f7e6240 .button_fd47692922.activeButton_376b2ed215:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_59ffaa7518:not(.disabled_4989d8ad0e) {\n  color: var(--primary-text-color);\n}\n\n.optionText_59ffaa7518:not(.disabled_4989d8ad0e).selected_a6dd1c2bff {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_dd5e463149 .button_fd47692922 {\n  border-color: transparent;\n}\n\n.kindTertiary_dd5e463149 .button_fd47692922:first-child {\n  border-color: transparent;\n}\n\n.wrapper_1d1957cb87.disabled_4989d8ad0e {\n  cursor: not-allowed;\n}\n\n.button_fd47692922.disabled_4989d8ad0e {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_fd47692922.buttonDisabled_7bb5e1ac31 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_e6f33b60b5 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_b08fe35e18",checkbox:"checkbox_2396129b7f",icon:"icon_e7c687e7ea",label:"label_96505bfb1c",input:"input_a3312cd7d3",checkboxGrowAnimation:"checkboxGrowAnimation_7cd69f1c70"};!function(n){const e="s_id-a622c58c4e9d_3_31_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_b08fe35e18 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_2396129b7f {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_2396129b7f:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox_2396129b7f:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_e7c687e7ea {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_96505bfb1c {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input_a3312cd7d3 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input_a3312cd7d3:focus + .checkbox_2396129b7f {\n  border-color: var(--secondary-text-color);\n}\n\n.input_a3312cd7d3:focus:checked + .checkbox_2396129b7f {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a3312cd7d3:focus-visible + .checkbox_2396129b7f {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input_a3312cd7d3:checked:focus + .checkbox_2396129b7f:after,\n.input_a3312cd7d3:indeterminate:focus + .checkbox_2396129b7f:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f {\n  animation: checkboxGrowAnimation_7cd69f1c70 var(--motion-productive-short);\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f:hover,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f:hover:after,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f:after,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input_a3312cd7d3:checked + .checkbox_2396129b7f > .icon_e7c687e7ea,\n.input_a3312cd7d3:indeterminate + .checkbox_2396129b7f > .icon_e7c687e7ea {\n  visibility: visible;\n}\n\n.input_a3312cd7d3:checked:disabled + .checkbox_2396129b7f:after,\n.input_a3312cd7d3:indeterminate:disabled + .checkbox_2396129b7f:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f,\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f .icon_e7c687e7ea,\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f:hover .icon_e7c687e7ea {\n  color: var(--disabled-text-color);\n}\n\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f,\n.input_a3312cd7d3:disabled + .checkbox_2396129b7f:hover {\n  cursor: not-allowed;\n}\n\n.input_a3312cd7d3:disabled ~ .label_96505bfb1c {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_7cd69f1c70 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_91656b7b46",checkbox:"checkbox_ec140aa978",icon:"icon_0f4274c242",label:"label_13623653b1",input:"input_98d07cfca0",checkboxGrowAnimation:"checkboxGrowAnimation_88749984dc"};!function(n){const e="s_id-a622c58c4e9d_3_31_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,c.firstChild?c.insertBefore(o,c.firstChild):c.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_91656b7b46 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_ec140aa978 {\n  cursor: pointer;\n  visibility: visible;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  height: 16px;\n  width: 16px;\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: 2px;\n  transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n  position: relative;\n  overflow: hidden;\n  background-color: var(--secondary-background-color);\n}\n\n.checkbox_ec140aa978:after {\n  content: " ";\n  background-color: transparent;\n  position: absolute;\n  height: 16px;\n  z-index: 2;\n  left: 0;\n  right: 0;\n  width: 100%;\n}\n\n.checkbox_ec140aa978:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_0f4274c242 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_13623653b1 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  cursor: pointer;\n  user-select: none;\n  margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input_98d07cfca0 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input_98d07cfca0:focus + .checkbox_ec140aa978 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_98d07cfca0:focus:checked + .checkbox_ec140aa978 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_98d07cfca0:focus-visible + .checkbox_ec140aa978 {\n  outline: none;\n  border: 1px solid;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 2px;\n}\n\n.input_98d07cfca0:checked:focus + .checkbox_ec140aa978:after,\n.input_98d07cfca0:indeterminate:focus + .checkbox_ec140aa978:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_98d07cfca0:checked + .checkbox_ec140aa978,\n.input_98d07cfca0:indeterminate + .checkbox_ec140aa978 {\n  animation: checkboxGrowAnimation_88749984dc var(--motion-productive-short);\n}\n\n.input_98d07cfca0:checked + .checkbox_ec140aa978,\n.input_98d07cfca0:indeterminate + .checkbox_ec140aa978 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_98d07cfca0:checked + .checkbox_ec140aa978:hover,\n.input_98d07cfca0:indeterminate + .checkbox_ec140aa978:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_98d07cfca0:checked + .checkbox_ec140aa978:hover:after,\n.input_98d07cfca0:indeterminate + .checkbox_ec140aa978:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_98d07cfca0:checked + .checkbox_ec140aa978:after,\n.input_98d07cfca0:indeterminate + .checkbox_ec140aa978:after {\n  content: " ";\n  background-color: var(--primary-color);\n  height: 16px;\n  transform: scaleX(0);\n  transition: transform var(--motion-productive-long);\n  transform-origin: right;\n  left: 0;\n}\n\n.input_98d07cfca0:checked + .checkbox_ec140aa978 > .icon_0f4274c242,\n.input_98d07cfca0:indeterminate + .checkbox_ec140aa978 > .icon_0f4274c242 {\n  visibility: visible;\n}\n\n.input_98d07cfca0:checked:disabled + .checkbox_ec140aa978:after,\n.input_98d07cfca0:indeterminate:disabled + .checkbox_ec140aa978:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_98d07cfca0:disabled + .checkbox_ec140aa978,\n.input_98d07cfca0:disabled + .checkbox_ec140aa978:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_98d07cfca0:disabled + .checkbox_ec140aa978 .icon_0f4274c242,\n.input_98d07cfca0:disabled + .checkbox_ec140aa978:hover .icon_0f4274c242 {\n  color: var(--disabled-text-color);\n}\n\n.input_98d07cfca0:disabled + .checkbox_ec140aa978,\n.input_98d07cfca0:disabled + .checkbox_ec140aa978:hover {\n  cursor: not-allowed;\n}\n\n.input_98d07cfca0:disabled ~ .label_13623653b1 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_88749984dc {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_f1faf381d6","focus-visible":"focus-visible_3fa5442027",disabled:"disabled_b016059edb",disableTextSelection:"disableTextSelection_705dca8e9a",chips:"chips_1d64a56adc","chips-pop-in-emphasized":"chips-pop-in-emphasized_02334d99ae",border:"border_e5a34db256",withUserSelect:"withUserSelect_3dae429f2d",label:"label_19fa709e14",noAnimation:"noAnimation_b560f87add",icon:"icon_cb82a84aa8",avatar:"avatar_a2aa223653",customRenderer:"customRenderer_88f9efc325",left:"left_89afc45f8d",right:"right_9a88cef370",close:"close_3e4184cff8",defaultCursor:"defaultCursor_b016059edb"};!function(e){const a="s_id-a8c9f55659fd_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.clickable_f1faf381d6:focus-visible, .clickable_f1faf381d6.focus-visible_3fa5442027 {\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.clickable_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.clickable_f1faf381d6.disabled_b016059edb {\n  cursor: default;\n}\n.disableTextSelection_705dca8e9a {\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.chips_1d64a56adc {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_02334d99ae var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_1d64a56adc.border_e5a34db256 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_1d64a56adc.withUserSelect_3dae429f2d {\n  user-select: text;\n  cursor: text;\n}\n.chips_1d64a56adc .label_19fa709e14 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_1d64a56adc.noAnimation_b560f87add {\n  animation: none;\n}\n.chips_1d64a56adc .icon_cb82a84aa8,\n.chips_1d64a56adc .avatar_a2aa223653,\n.chips_1d64a56adc .customRenderer_88f9efc325 {\n  min-width: 18px;\n}\n.chips_1d64a56adc .icon_cb82a84aa8.left_89afc45f8d,\n.chips_1d64a56adc .avatar_a2aa223653.left_89afc45f8d,\n.chips_1d64a56adc .customRenderer_88f9efc325.left_89afc45f8d {\n  margin-right: var(--spacing-xs);\n}\n.chips_1d64a56adc .icon_cb82a84aa8.right_9a88cef370,\n.chips_1d64a56adc .avatar_a2aa223653.right_9a88cef370,\n.chips_1d64a56adc .customRenderer_88f9efc325.right_9a88cef370 {\n  margin-left: var(--spacing-xs);\n}\n.chips_1d64a56adc .icon_cb82a84aa8.close_3e4184cff8,\n.chips_1d64a56adc .avatar_a2aa223653.close_3e4184cff8,\n.chips_1d64a56adc .customRenderer_88f9efc325.close_3e4184cff8 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_1d64a56adc.disabled_b016059edb .icon_cb82a84aa8 {\n  color: var(--disabled-text-color);\n}\n.chips_1d64a56adc.disabled_b016059edb .label_19fa709e14 {\n  color: var(--disabled-text-color);\n}\n.chips_1d64a56adc.defaultCursor_b016059edb {\n  cursor: default;\n}\n.chips_1d64a56adc.clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.chips_1d64a56adc.clickable_f1faf381d6:focus-visible, .chips_1d64a56adc.clickable_f1faf381d6.focus-visible_3fa5442027 {\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_1d64a56adc.clickable_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.chips_1d64a56adc.clickable_f1faf381d6.disabled_b016059edb {\n  cursor: default;\n}\n.chips_1d64a56adc.clickable_f1faf381d6.disableTextSelection_705dca8e9a {\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_02334d99ae {\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={clickable:"clickable_f42bc98f64","focus-visible":"focus-visible_45e9244eed",disabled:"disabled_e70062134a",disableTextSelection:"disableTextSelection_79a68da6b4",chips:"chips_04213fcdf1","chips-pop-in-emphasized":"chips-pop-in-emphasized_b5686d2b9e",border:"border_ea789fc7bb",withUserSelect:"withUserSelect_f08bad27cb",label:"label_6644955eaf",noAnimation:"noAnimation_52536d2ba9",icon:"icon_af2ee72b6d",avatar:"avatar_47e3049cea",customRenderer:"customRenderer_8ce1d28b97",left:"left_64a5025494",right:"right_4c28b40c7f",close:"close_a7df40abc0",defaultCursor:"defaultCursor_e70062134a"};!function(e){const n="s_id-a8c9f55659fd_3_31_1";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f42bc98f64 {\n  cursor: pointer;\n}\n.clickable_f42bc98f64:focus-visible, .clickable_f42bc98f64.focus-visible_45e9244eed {\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.clickable_f42bc98f64:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.clickable_f42bc98f64.disabled_e70062134a {\n  cursor: default;\n}\n.disableTextSelection_79a68da6b4 {\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.chips_04213fcdf1 {\n  display: inline-flex;\n  overflow: hidden;\n  height: 24px;\n  border-radius: 4px;\n  padding: 0 8px;\n  align-items: center;\n  justify-content: center;\n  margin: var(--chips-margin, 0 var(--spacing-xs));\n  user-select: none;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  color: var(--primary-text-color);\n  animation: chips-pop-in-emphasized_b5686d2b9e var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_04213fcdf1.border_ea789fc7bb {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_04213fcdf1.withUserSelect_f08bad27cb {\n  user-select: text;\n  cursor: text;\n}\n.chips_04213fcdf1 .label_6644955eaf {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_04213fcdf1.noAnimation_52536d2ba9 {\n  animation: none;\n}\n.chips_04213fcdf1 .icon_af2ee72b6d,\n.chips_04213fcdf1 .avatar_47e3049cea,\n.chips_04213fcdf1 .customRenderer_8ce1d28b97 {\n  min-width: 18px;\n}\n.chips_04213fcdf1 .icon_af2ee72b6d.left_64a5025494,\n.chips_04213fcdf1 .avatar_47e3049cea.left_64a5025494,\n.chips_04213fcdf1 .customRenderer_8ce1d28b97.left_64a5025494 {\n  margin-right: var(--spacing-xs);\n}\n.chips_04213fcdf1 .icon_af2ee72b6d.right_4c28b40c7f,\n.chips_04213fcdf1 .avatar_47e3049cea.right_4c28b40c7f,\n.chips_04213fcdf1 .customRenderer_8ce1d28b97.right_4c28b40c7f {\n  margin-left: var(--spacing-xs);\n}\n.chips_04213fcdf1 .icon_af2ee72b6d.close_a7df40abc0,\n.chips_04213fcdf1 .avatar_47e3049cea.close_a7df40abc0,\n.chips_04213fcdf1 .customRenderer_8ce1d28b97.close_a7df40abc0 {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_04213fcdf1.disabled_e70062134a .icon_af2ee72b6d {\n  color: var(--disabled-text-color);\n}\n.chips_04213fcdf1.disabled_e70062134a .label_6644955eaf {\n  color: var(--disabled-text-color);\n}\n.chips_04213fcdf1.defaultCursor_e70062134a {\n  cursor: default;\n}\n.chips_04213fcdf1.clickable_f42bc98f64 {\n  cursor: pointer;\n}\n.chips_04213fcdf1.clickable_f42bc98f64:focus-visible, .chips_04213fcdf1.clickable_f42bc98f64.focus-visible_45e9244eed {\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_04213fcdf1.clickable_f42bc98f64:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.chips_04213fcdf1.clickable_f42bc98f64.disabled_e70062134a {\n  cursor: default;\n}\n.chips_04213fcdf1.clickable_f42bc98f64.disableTextSelection_79a68da6b4 {\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_b5686d2b9e {\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/Clickable/Clickable.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_f1faf381d6","focus-visible":"focus-visible_3fa5442027",disabled:"disabled_b016059edb",disableTextSelection:"disableTextSelection_705dca8e9a"};!function(e){const n="s_id-8d33a9ee9e1f_3_31_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f1faf381d6 {\n  cursor: pointer;\n}\n.clickable_f1faf381d6:focus-visible, .clickable_f1faf381d6.focus-visible_3fa5442027 {\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.clickable_f1faf381d6:focus:not(.focus-visible_3fa5442027) {\n  outline: none;\n}\n.clickable_f1faf381d6.disabled_b016059edb {\n  cursor: default;\n}\n.disableTextSelection_705dca8e9a {\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}");export{e as default};
+var e={clickable:"clickable_f42bc98f64","focus-visible":"focus-visible_45e9244eed",disabled:"disabled_e70062134a",disableTextSelection:"disableTextSelection_79a68da6b4"};!function(e){const n="s_id-8d33a9ee9e1f_3_31_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_f42bc98f64 {\n  cursor: pointer;\n}\n.clickable_f42bc98f64:focus-visible, .clickable_f42bc98f64.focus-visible_45e9244eed {\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.clickable_f42bc98f64:focus:not(.focus-visible_45e9244eed) {\n  outline: none;\n}\n.clickable_f42bc98f64.disabled_e70062134a {\n  cursor: default;\n}\n.disableTextSelection_79a68da6b4 {\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}");export{e as default};
 //# sourceMappingURL=Clickable.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport { BaseSizes } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport { ColorStyle as ColorStyleEnum } from \"../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport ColorPickerContent from \"./components/ColorPickerContent/ColorPickerContent\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"./ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"./ColorPicker.types\";\nimport { calculateColorPickerDialogWidth } from \"./services/ColorPickerStyleService\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ColorPicker.module.scss\";\nimport { ColorStyle } from \"../../types/Colors\";\n\nexport interface ColorPickerProps extends VibeComponentProps {\n value?: ColorPickerValue;\n onSave?: (value: ColorPickerArrayValueOnly) => void;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n /*\n Hide color icon\n /\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n colorsList?: ColorPickerArrayValueOnly;\n isMultiselect?: boolean;\n colorSize?: ColorPickerSizes;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n colorShape?: ColorShapes;\n /\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component~~. it's incompatible with forceUseRawColorList flag~~.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n \n /\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPicker: VibeComponent<ColorPickerProps> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onSave = NOOP,\n value = \"\",\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList = [],\n isMultiselect,\n colorSize = \"medium\",\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const onChange = useCallback(onSave, [onSave]);\n\n const width = calculateColorPickerDialogWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <DialogContentContainer\n ref={mergedRef}\n className={cx(styles.colorPicker, styles.colorPickerDialogContent, className)}\n ariaLabelledby=\"Color Picker Dialog\"\n ariaDescribedby=\"Pick color\"\n style={{ width }}\n >\n <ColorPickerContent\n onValueChange={onChange}\n value={value}\n noColorText={noColorText}\n shouldRenderIndicatorWithoutBackground={ColorIndicatorIcon && shouldRenderIndicatorWithoutBackground}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n NoColorIcon={NoColorIcon}\n colorsList={colorsList}\n isBlackListMode={isBlackListMode}\n isMultiselect={isMultiselect}\n colorSize={colorSize}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n colorShape={colorShape}\n forceUseRawColorList={forceUseRawColorList}\n showColorNameTooltip={showColorNameTooltip}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COLOR_PICKER, id)}\n />\n </DialogContentContainer>\n );\n }\n);\n\nexport default withStaticProps(ColorPicker, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$onSave","onSave","NOOP","_ref$value","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","_ref$colorsList","colorsList","isMultiselect","_ref$colorSize","colorSize","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","onChange","useCallback","width","calculateColorPickerDialogWidth","React","createElement","DialogContentContainer","cx","styles","colorPicker","colorPickerDialogContent","ariaLabelledby","ariaDescribedby","style","ColorPickerContent","onValueChange","getTestId","ComponentDefaultTestId","COLOR_PICKER","sizes","BaseSizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"21BAiDA,IAwEeA,EAAAA,EAnEXC,GACF,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAWR,EAAXQ,YAAWC,EAAAT,EACXU,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBX,EAAlBW,mBACAC,EAAqBZ,EAArBY,sBACAC,EAAsCb,EAAtCa,uCAAsCC,EAAAd,EACtCe,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAjB,EACrBkB,gBAAAA,OAAkB,IAAHD,GAAOA,EAAAE,EAAAnB,EACtBoB,WAAAA,OAAa,IAAHD,EAAG,GAAEA,EACfE,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,UAAAA,OAAY,IAAHD,EAAG,SAAQA,EAAAE,EAAAxB,EACpByB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EACvDG,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAeC,EAAO,MACtBC,EAAYC,EAAYpC,EAAKiC,GAE7BI,EAAWC,EAAYnC,EAAQ,CAACA,IAEhCoC,EAAQC,EAAgClB,EAAwBE,GAEtE,OACEiB,EAAAC,cAACC,EAAsB,CACrB3C,IAAKmC,EACLlC,UAAW2C,EAAGC,EAAOC,YAAaD,EAAOE,yBAA0B9C,GACnE+C,eAAe,sBACfC,gBAAgB,aAChBC,MAAO,CAAEX,MAAAA,IAETE,EAAAC,cAACS,EACC,CAAAC,cAAef,EACf/B,MAAOA,EACPC,YAAaA,EACbK,uCAAwCF,GAAsBE,EAC9DH,WAAYA,EACZC,mBAAoBA,EACpBC,sBAAuBA,EACvBG,YAAaA,EACbK,WAAYA,EACZF,gBAAiBA,EACjBG,cAAeA,EACfE,UAAWA,EACXE,qBAAsBA,EACtBE,aAAcA,EACdE,WAAYA,EACZC,qBAAsBA,EACtBC,qBAAsBA,EACtBC,GAAIA,EAAE,cACOC,GAAcqB,EAAUC,EAAuBC,aAAcxB,KAIlF,IAG0C,CAC1CyB,MAAOC,EACPC,YAAaC,EACbC,WAAYH,EACZI,YAAaC"}
1	+ {"version":3,"file":"ColorPicker.js","sources":["../../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport { BaseSizes } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport { ColorStyle as ColorStyleEnum } from \"../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport ColorPickerContent from \"./components/ColorPickerContent/ColorPickerContent\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"./ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"./ColorPicker.types\";\nimport { calculateColorPickerDialogWidth } from \"./services/ColorPickerStyleService\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ColorPicker.module.scss\";\nimport { ColorStyle } from \"../../types/Colors\";\n\nexport interface ColorPickerProps extends VibeComponentProps {\n value?: ColorPickerValue;\n onSave?: (value: ColorPickerArrayValueOnly) => void;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n /*\n Hide color icon\n /\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n colorsList?: ColorPickerArrayValueOnly;\n isMultiselect?: boolean;\n colorSize?: ColorPickerSizes;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n colorShape?: ColorShapes;\n /\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n \n /\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPicker: VibeComponent<ColorPickerProps> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onSave = NOOP,\n value = \"\",\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList = [],\n isMultiselect,\n colorSize = \"medium\",\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const onChange = useCallback(onSave, [onSave]);\n\n const width = calculateColorPickerDialogWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <DialogContentContainer\n ref={mergedRef}\n className={cx(styles.colorPicker, styles.colorPickerDialogContent, className)}\n ariaLabelledby=\"Color Picker Dialog\"\n ariaDescribedby=\"Pick color\"\n style={{ width }}\n >\n <ColorPickerContent\n onValueChange={onChange}\n value={value}\n noColorText={noColorText}\n shouldRenderIndicatorWithoutBackground={ColorIndicatorIcon && shouldRenderIndicatorWithoutBackground}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n NoColorIcon={NoColorIcon}\n colorsList={colorsList}\n isBlackListMode={isBlackListMode}\n isMultiselect={isMultiselect}\n colorSize={colorSize}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n colorShape={colorShape}\n forceUseRawColorList={forceUseRawColorList}\n showColorNameTooltip={showColorNameTooltip}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.COLOR_PICKER, id)}\n />\n </DialogContentContainer>\n );\n }\n);\n\nexport default withStaticProps(ColorPicker, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","_ref$onSave","onSave","NOOP","_ref$value","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","_ref$colorsList","colorsList","isMultiselect","_ref$colorSize","colorSize","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","onChange","useCallback","width","calculateColorPickerDialogWidth","React","createElement","DialogContentContainer","cx","styles","colorPicker","colorPickerDialogContent","ariaLabelledby","ariaDescribedby","style","ColorPickerContent","onValueChange","getTestId","ComponentDefaultTestId","COLOR_PICKER","sizes","BaseSizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"21BAiDA,IAwEeA,EAAAA,EAnEXC,GACF,SAAAC,EAuBEC,GACE,IAtBAC,EAASF,EAATE,UAASC,EAAAH,EACTI,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAWR,EAAXQ,YAAWC,EAAAT,EACXU,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBX,EAAlBW,mBACAC,EAAqBZ,EAArBY,sBACAC,EAAsCb,EAAtCa,uCAAsCC,EAAAd,EACtCe,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAjB,EACrBkB,gBAAAA,OAAkB,IAAHD,GAAOA,EAAAE,EAAAnB,EACtBoB,WAAAA,OAAa,IAAHD,EAAG,GAAEA,EACfE,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,UAAAA,OAAY,IAAHD,EAAG,SAAQA,EAAAE,EAAAxB,EACpByB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EACvDG,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAeC,EAAO,MACtBC,EAAYC,EAAYpC,EAAKiC,GAE7BI,EAAWC,EAAYnC,EAAQ,CAACA,IAEhCoC,EAAQC,EAAgClB,EAAwBE,GAEtE,OACEiB,EAAAC,cAACC,EAAsB,CACrB3C,IAAKmC,EACLlC,UAAW2C,EAAGC,EAAOC,YAAaD,EAAOE,yBAA0B9C,GACnE+C,eAAe,sBACfC,gBAAgB,aAChBC,MAAO,CAAEX,MAAAA,IAETE,EAAAC,cAACS,EACC,CAAAC,cAAef,EACf/B,MAAOA,EACPC,YAAaA,EACbK,uCAAwCF,GAAsBE,EAC9DH,WAAYA,EACZC,mBAAoBA,EACpBC,sBAAuBA,EACvBG,YAAaA,EACbK,WAAYA,EACZF,gBAAiBA,EACjBG,cAAeA,EACfE,UAAWA,EACXE,qBAAsBA,EACtBE,aAAcA,EACdE,WAAYA,EACZC,qBAAsBA,EACtBC,qBAAsBA,EACtBC,GAAIA,EAAE,cACOC,GAAcqB,EAAUC,EAAuBC,aAAcxB,KAIlF,IAG0C,CAC1CyB,MAAOC,EACPC,YAAaC,EACbC,WAAYH,EACZI,YAAaC"}

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

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_d8a28c1493",colorPickerDialogContent:"colorPickerDialogContent_481b596704"};!function(e){const t="s_id-ffacbf9b6446_3_31_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_d8a28c1493.colorPickerDialogContent_481b596704 {\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_12da664e62",colorPickerDialogContent:"colorPickerDialogContent_5c039cbfdb"};!function(e){const t="s_id-ffacbf9b6446_3_31_1";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_12da664e62.colorPickerDialogContent_5c039cbfdb {\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_c879005daf",clearColorButton:"clearColorButton_62375b4583"};!function(e){const n="s_id-774e60a23ee3_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_c879005daf {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_62375b4583 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_86f986aeee",clearColorButton:"clearColorButton_819bc6b4a1"};!function(e){const n="s_id-774e60a23ee3_3_31_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clearColorIcon_86f986aeee {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_819bc6b4a1 {\n  margin-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ColorPickerClearButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={colorsGrid:"colorsGrid_fa4d939796"};!function(e){const d="s_id-0a5f0eb78ee4_3_31_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_fa4d939796 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_e4b53a3b34"};!function(e){const n="s_id-0a5f0eb78ee4_3_31_1";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_e4b53a3b34 {\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/ColorPickerContent/ColorPickerContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{toConsumableArray as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{difference as r,intersection as e}from"lodash-es";import t,{forwardRef as i,useRef as l,useCallback as n,useMemo as s}from"react";import{BaseSizes as a}from"../../../../constants/sizes.js";import{ColorStyle as c,contentColors as d}from"../../../../utils/colors-vars-map.js";import{ColorShapes as m,DEFAULT_NUMBER_OF_COLORS_IN_LINE as u}from"../../ColorPickerConstants.js";import{calculateColorPickerWidth as f}from"../../services/ColorPickerStyleService.js";import{useGridKeyboardNavigationContext as p,GridKeyboardNavigationContext as C}from"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{ColorPickerClearButton as v}from"./ColorPickerClearButton.js";import{ColorPickerColorsGrid as I}from"./ColorPickerColorsGrid.js";import{withStaticProps as h}from"../../../../types/withStaticProps.js";import S from"../../../../hooks/useMergeRef.js";import j from"../../../../../icons/dist/react/NoColor.js";var y=h(i((function(i,c){var m=i.className,h=i.onValueChange,y=i.value,k=i.noColorText,b=i.colorStyle,g=void 0===b?"regular":b,N=i.ColorIndicatorIcon,x=i.SelectedIndicatorIcon,B=i.shouldRenderIndicatorWithoutBackground,E=i.NoColorIcon,M=void 0===E?j:E,P=i.isBlackListMode,w=void 0===P||P,z=i.colorsList,L=i.isMultiselect,O=i.colorSize,R=void 0===O?a.MEDIUM:O,T=i.numberOfColorsInLine,G=void 0===T?u:T,K=i.tooltipContentByColor,U=void 0===K?{}:K,W=i.focusOnMount,_=i.colorShape,q=void 0===_?"square":_,A=i.forceUseRawColorList,D=i.showColorNameTooltip,H=i.id,V=i["data-testid"],F=l(null),J=S(c,F),Q=l(null),X=l(null),Y=n((function(){h(null)}),[h]),Z=s((function(){return A?z:w?r(d,z):e(d,z)}),[A,w,z]),$=n((function(r){if(L){var e=o(y);if(e.includes(r)){var t=e.indexOf(r);t>-1&&e.splice(t,1)}else e.push(r);h(e)}else h([r])}),[L,h,y]),oo=s((function(){return[{topElement:Q,bottomElement:X}]}),[]),ro=p(oo,F),eo=f(R,G);return t.createElement("div",{className:m,style:{width:eo},ref:J,tabIndex:-1},t.createElement(C.Provider,{value:ro},t.createElement(I,{ref:Q,onColorClicked:$,colorsToRender:Z,numberOfColorsInLine:G,focusOnMount:W,value:y,colorStyle:g,ColorIndicatorIcon:N,shouldRenderIndicatorWithoutBackground:B,SelectedIndicatorIcon:x,colorSize:R,tooltipContentByColor:U,colorShape:q,showColorNameTooltip:D&&!A,id:H,"data-testid":V}),k&&t.createElement(v,{Icon:M,onClick:Y,text:k,ref:X})))})),{sizes:a,colorStyles:c,colorSizes:a,colorShapes:m});export{y as default};
+import{toConsumableArray as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{difference as r,intersection as e}from"lodash-es";import t,{forwardRef as i,useRef as l,useCallback as n,useMemo as s}from"react";import{BaseSizes as a}from"../../../../constants/sizes.js";import{ColorStyle as c,contentColors as d}from"../../../../utils/colors-vars-map.js";import{ColorShapes as m,DEFAULT_NUMBER_OF_COLORS_IN_LINE as u}from"../../ColorPickerConstants.js";import{calculateColorPickerWidth as f}from"../../services/ColorPickerStyleService.js";import{useGridKeyboardNavigationContext as p,GridKeyboardNavigationContext as C}from"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";import{ColorPickerClearButton as v}from"./ColorPickerClearButton.js";import{ColorPickerColorsGrid as I}from"./ColorPickerColorsGrid.js";import{withStaticProps as h}from"../../../../types/withStaticProps.js";import S from"../../../../hooks/useMergeRef.js";import j from"../../../../../icons/dist/react/NoColor.js";var y=h(i((function(i,c){var m=i.className,h=i.onValueChange,y=i.value,k=i.noColorText,b=i.colorStyle,g=void 0===b?"regular":b,N=i.ColorIndicatorIcon,x=i.SelectedIndicatorIcon,B=i.shouldRenderIndicatorWithoutBackground,E=i.NoColorIcon,M=void 0===E?j:E,P=i.isBlackListMode,w=void 0===P||P,z=i.colorsList,L=i.isMultiselect,O=i.colorSize,R=void 0===O?a.MEDIUM:O,T=i.numberOfColorsInLine,G=void 0===T?u:T,K=i.tooltipContentByColor,U=void 0===K?{}:K,W=i.focusOnMount,_=i.colorShape,q=void 0===_?"square":_,A=i.forceUseRawColorList,D=i.showColorNameTooltip,H=i.id,V=i["data-testid"],F=l(null),J=S(c,F),Q=l(null),X=l(null),Y=n((function(){h(null)}),[h]),Z=s((function(){return A?z:w?r(d,z):e(d,z)}),[A,w,z]),$=n((function(r){if(L){var e=o(y);if(e.includes(r)){var t=e.indexOf(r);t>-1&&e.splice(t,1)}else e.push(r);h(e)}else h([r])}),[L,h,y]),oo=s((function(){return[{topElement:Q,bottomElement:X}]}),[]),ro=p(oo,F),eo=f(R,G);return t.createElement("div",{className:m,style:{width:eo},ref:J,tabIndex:-1},t.createElement(C.Provider,{value:ro},t.createElement(I,{ref:Q,onColorClicked:$,colorsToRender:Z,numberOfColorsInLine:G,focusOnMount:W,value:y,colorStyle:g,ColorIndicatorIcon:N,shouldRenderIndicatorWithoutBackground:B,SelectedIndicatorIcon:x,colorSize:R,tooltipContentByColor:U,colorShape:q,showColorNameTooltip:D,id:H,"data-testid":V}),k&&t.createElement(v,{Icon:M,onClick:Y,text:k,ref:X})))})),{sizes:a,colorStyles:c,colorSizes:a,colorShapes:m});export{y as default};
 //# sourceMappingURL=ColorPickerContent.js.map

package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPickerContent.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.tsx"],"sourcesContent":["import { difference as _difference, intersection as _intersection } from \"lodash-es\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport { BaseSizes } from \"../../../../constants\";\nimport { ColorStyle as ColorStyleEnum, CONTENT_COLORS_VALUES, contentColors } from \"../../../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"../../ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"../../ColorPicker.types\";\nimport { calculateColorPickerWidth } from \"../../services/ColorPickerStyleService\";\nimport {\n GridKeyboardNavigationContext,\n useGridKeyboardNavigationContext\n} from \"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport { ColorPickerClearButton } from \"./ColorPickerClearButton\";\nimport { ColorPickerColorsGrid } from \"./ColorPickerColorsGrid\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../../../types\";\nimport useMergeRef from \"../../../../hooks/useMergeRef\";\nimport { ColorStyle } from \"../../../../types/Colors\";\n\nexport interface ColorPickerContentProps extends VibeComponentProps {\n value: ColorPickerValue;\n onValueChange: (value: ColorPickerArrayValueOnly) => void;\n colorsList: ColorPickerArrayValueOnly;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n colorSize?: ColorPickerSizes;\n colorShape?: ColorShapes;\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string>>;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n isMultiselect?: boolean;\n /*\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component~~. it's incompatible with forceUseRawColorList flag~~.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n */\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPickerContent: VibeComponent<ColorPickerContentProps, HTMLDivElement> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onValueChange,\n value,\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList,\n isMultiselect,\n colorSize = BaseSizes.MEDIUM,\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n tooltipContentByColor = {},\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerContentProps,\n ref\n ) => {\n const gridRef = useRef(null);\n const mergedRef = useMergeRef(ref, gridRef);\n const colorsRef = useRef(null);\n const buttonRef = useRef(null);\n\n const onClearButton = useCallback(() => {\n onValueChange(null);\n }, [onValueChange]);\n\n const colorsToRender = useMemo(() => {\n if (forceUseRawColorList) {\n return colorsList;\n }\n return isBlackListMode ? _difference(contentColors, colorsList) : _intersection(contentColors, colorsList);\n }, [forceUseRawColorList, isBlackListMode, colorsList]);\n\n const onColorClicked = useCallback(\n (color: CONTENT_COLORS_VALUES) => {\n if (!isMultiselect) {\n onValueChange([color]);\n return;\n }\n const colors = [...value];\n if (colors.includes(color)) {\n const indexInSelected = colors.indexOf(color);\n if (indexInSelected > -1) {\n colors.splice(indexInSelected, 1);\n }\n } else {\n colors.push(color);\n }\n onValueChange(colors);\n },\n [isMultiselect, onValueChange, value]\n );\n\n const positions = useMemo(() => [{ topElement: colorsRef, bottomElement: buttonRef }], []);\n const keyboardContext = useGridKeyboardNavigationContext(positions, gridRef);\n const width = calculateColorPickerWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <div className={className} style={{ width }} ref={mergedRef} tabIndex={-1}>\n <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n <ColorPickerColorsGrid\n ref={colorsRef}\n onColorClicked={onColorClicked}\n colorsToRender={colorsToRender}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n value={value}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n shouldRenderIndicatorWithoutBackground={shouldRenderIndicatorWithoutBackground}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n colorSize={colorSize}\n tooltipContentByColor={tooltipContentByColor}\n colorShape={colorShape}\n showColorNameTooltip={showColorNameTooltip ~~&& !forceUseRawColorList~~}\n id={id}\n data-testid={dataTestId}\n />\n {noColorText && (\n <ColorPickerClearButton Icon={NoColorIcon} onClick={onClearButton} text={noColorText} ref={buttonRef} />\n )}\n </GridKeyboardNavigationContext.Provider>\n </div>\n );\n }\n);\n\nexport default withStaticProps(ColorPickerContent, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","onValueChange","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","colorsList","isMultiselect","_ref$colorSize","colorSize","BaseSizes","MEDIUM","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","_ref$tooltipContentBy","tooltipContentByColor","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","gridRef","useRef","mergedRef","useMergeRef","colorsRef","buttonRef","onClearButton","useCallback","colorsToRender","useMemo","_difference","contentColors","_intersection","onColorClicked","color","colors","_toConsumableArray","includes","indexInSelected","indexOf","splice","push","positions","topElement","bottomElement","keyboardContext","useGridKeyboardNavigationContext","width","calculateColorPickerWidth","React","createElement","style","tabIndex","GridKeyboardNavigationContext","Provider","ColorPickerColorsGrid","ColorPickerClearButton","Icon","onClick","text","sizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"igCA+CA,IAsGeA,EAAAA,EAjGXC,GACF,SAAAC,EAwBEC,GACE,IAvBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cACAC,EAAKJ,EAALI,MACAC,EAAWL,EAAXK,YAAWC,EAAAN,EACXO,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBR,EAAlBQ,mBACAC,EAAqBT,EAArBS,sBACAC,EAAsCV,EAAtCU,uCAAsCC,EAAAX,EACtCY,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAd,EACrBe,gBAAAA,OAAkB,IAAHD,GAAOA,EACtBE,EAAUhB,EAAVgB,WACAC,EAAajB,EAAbiB,cAAaC,EAAAlB,EACbmB,UAAAA,OAAS,IAAAD,EAAGE,EAAUC,OAAMH,EAAAI,EAAAtB,EAC5BuB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EAAAG,EAAAzB,EACvD0B,sBAAAA,OAAqB,IAAAD,EAAG,CAAE,EAAAA,EAC1BE,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAUC,EAAO,MACjBC,EAAYC,EAAYpC,EAAKiC,GAC7BI,EAAYH,EAAO,MACnBI,EAAYJ,EAAO,MAEnBK,EAAgBC,GAAY,WAChCtC,EAAc,KAChB,GAAG,CAACA,IAEEuC,EAAiBC,GAAQ,WAC7B,OAAIb,EACKd,EAEFD,EAAkB6B,EAAYC,EAAe7B,GAAc8B,EAAcD,EAAe7B,EAChG,GAAE,CAACc,EAAsBf,EAAiBC,IAErC+B,EAAiBN,GACrB,SAACO,GACC,GAAK/B,EAAL,CAIA,IAAMgC,EAAMC,EAAO9C,GACnB,GAAI6C,EAAOE,SAASH,GAAQ,CAC1B,IAAMI,EAAkBH,EAAOI,QAAQL,GACnCI,GAAmB,GACrBH,EAAOK,OAAOF,EAAiB,EAElC,MACCH,EAAOM,KAAKP,GAEd7C,EAAc8C,EAVb,MAFC9C,EAAc,CAAC6C,GAalB,GACD,CAAC/B,EAAed,EAAeC,IAG3BoD,GAAYb,GAAQ,WAAA,MAAM,CAAC,CAAEc,WAAYnB,EAAWoB,cAAenB,GAAY,GAAE,IACjFoB,GAAkBC,EAAiCJ,GAAWtB,GAC9D2B,GAAQC,EAA0B3C,EAAwBI,GAEhE,OACEwC,EAAKC,cAAA,MAAA,CAAA9D,UAAWA,EAAW+D,MAAO,CAAEJ,MAAAA,IAAS5D,IAAKmC,EAAW8B,UAAW,GACtEH,EAAAC,cAACG,EAA8BC,SAAS,CAAAhE,MAAOuD,IAC7CI,EAAAC,cAACK,EAAqB,CACpBpE,IAAKqC,EACLS,eAAgBA,EAChBL,eAAgBA,EAChBnB,qBAAsBA,EACtBI,aAAcA,EACdvB,MAAOA,EACPG,WAAYA,EACZC,mBAAoBA,EACpBE,uCAAwCA,EACxCD,sBAAuBA,EACvBU,UAAWA,EACXO,sBAAuBA,EACvBG,WAAYA,EACZE,qBAAsBA,~~IAAyBD~~,~~EAC/CE,~~GAAIA,EAAE,cACOC,IAEd5B,GACC0D,EAAAC,cAACM,EAAsB,CAACC,KAAM3D,EAAa4D,QAAShC,EAAeiC,KAAMpE,EAAaJ,IAAKsC,KAKrG,IAGiD,CACjDmC,MAAOtD,EACPuD,YAAaC,EACbC,WAAYzD,EACZ0D,YAAaC"}
1	+ {"version":3,"file":"ColorPickerContent.js","sources":["../../../../../../src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.tsx"],"sourcesContent":["import { difference as _difference, intersection as _intersection } from \"lodash-es\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport { BaseSizes } from \"../../../../constants\";\nimport { ColorStyle as ColorStyleEnum, CONTENT_COLORS_VALUES, contentColors } from \"../../../../utils/colors-vars-map\";\nimport { NoColor } from \"@vibe/icons\";\nimport { ColorShapes as ColorShapesEnum, DEFAULT_NUMBER_OF_COLORS_IN_LINE } from \"../../ColorPickerConstants\";\nimport { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from \"../../ColorPicker.types\";\nimport { calculateColorPickerWidth } from \"../../services/ColorPickerStyleService\";\nimport {\n GridKeyboardNavigationContext,\n useGridKeyboardNavigationContext\n} from \"../../../GridKeyboardNavigationContext/GridKeyboardNavigationContext\";\nimport { ColorPickerClearButton } from \"./ColorPickerClearButton\";\nimport { ColorPickerColorsGrid } from \"./ColorPickerColorsGrid\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../../../types\";\nimport useMergeRef from \"../../../../hooks/useMergeRef\";\nimport { ColorStyle } from \"../../../../types/Colors\";\n\nexport interface ColorPickerContentProps extends VibeComponentProps {\n value: ColorPickerValue;\n onValueChange: (value: ColorPickerArrayValueOnly) => void;\n colorsList: ColorPickerArrayValueOnly;\n ColorIndicatorIcon?: SubIcon;\n SelectedIndicatorIcon?: SubIcon;\n NoColorIcon?: SubIcon;\n colorStyle?: ColorStyle;\n colorSize?: ColorPickerSizes;\n colorShape?: ColorShapes;\n tooltipContentByColor?: Partial<Record<CONTENT_COLORS_VALUES, string>>;\n noColorText?: string;\n shouldRenderIndicatorWithoutBackground?: boolean;\n isBlackListMode?: boolean;\n numberOfColorsInLine?: number;\n focusOnMount?: boolean;\n isMultiselect?: boolean;\n /*\n Used to force the component render the colorList prop as is. Usually, this flag should not be used. It's intended only for edge cases.\n * Usually, only \"monday colors\" will be rendered (unless blacklist mode is used). This flag will override this behavior.\n /\n forceUseRawColorList?: boolean;\n /\n Used to enable color name tooltip on each color in the component.\n * When \"tooltipContentByColor\" is supplied, it will override the color name tooltip.\n */\n showColorNameTooltip?: boolean;\n}\n\nconst ColorPickerContent: VibeComponent<ColorPickerContentProps, HTMLDivElement> & {\n sizes?: typeof BaseSizes;\n colorStyles?: typeof ColorStyleEnum;\n colorSizes?: typeof BaseSizes;\n colorShapes?: typeof ColorShapesEnum;\n} = forwardRef(\n (\n {\n className,\n onValueChange,\n value,\n noColorText,\n colorStyle = \"regular\",\n ColorIndicatorIcon,\n SelectedIndicatorIcon,\n shouldRenderIndicatorWithoutBackground,\n NoColorIcon = NoColor,\n isBlackListMode = true,\n colorsList,\n isMultiselect,\n colorSize = BaseSizes.MEDIUM,\n numberOfColorsInLine = DEFAULT_NUMBER_OF_COLORS_IN_LINE,\n tooltipContentByColor = {},\n focusOnMount,\n colorShape = \"square\",\n forceUseRawColorList,\n showColorNameTooltip,\n id,\n \"data-testid\": dataTestId\n }: ColorPickerContentProps,\n ref\n ) => {\n const gridRef = useRef(null);\n const mergedRef = useMergeRef(ref, gridRef);\n const colorsRef = useRef(null);\n const buttonRef = useRef(null);\n\n const onClearButton = useCallback(() => {\n onValueChange(null);\n }, [onValueChange]);\n\n const colorsToRender = useMemo(() => {\n if (forceUseRawColorList) {\n return colorsList;\n }\n return isBlackListMode ? _difference(contentColors, colorsList) : _intersection(contentColors, colorsList);\n }, [forceUseRawColorList, isBlackListMode, colorsList]);\n\n const onColorClicked = useCallback(\n (color: CONTENT_COLORS_VALUES) => {\n if (!isMultiselect) {\n onValueChange([color]);\n return;\n }\n const colors = [...value];\n if (colors.includes(color)) {\n const indexInSelected = colors.indexOf(color);\n if (indexInSelected > -1) {\n colors.splice(indexInSelected, 1);\n }\n } else {\n colors.push(color);\n }\n onValueChange(colors);\n },\n [isMultiselect, onValueChange, value]\n );\n\n const positions = useMemo(() => [{ topElement: colorsRef, bottomElement: buttonRef }], []);\n const keyboardContext = useGridKeyboardNavigationContext(positions, gridRef);\n const width = calculateColorPickerWidth(colorSize as BaseSizes, numberOfColorsInLine);\n\n return (\n <div className={className} style={{ width }} ref={mergedRef} tabIndex={-1}>\n <GridKeyboardNavigationContext.Provider value={keyboardContext}>\n <ColorPickerColorsGrid\n ref={colorsRef}\n onColorClicked={onColorClicked}\n colorsToRender={colorsToRender}\n numberOfColorsInLine={numberOfColorsInLine}\n focusOnMount={focusOnMount}\n value={value}\n colorStyle={colorStyle}\n ColorIndicatorIcon={ColorIndicatorIcon}\n shouldRenderIndicatorWithoutBackground={shouldRenderIndicatorWithoutBackground}\n SelectedIndicatorIcon={SelectedIndicatorIcon}\n colorSize={colorSize}\n tooltipContentByColor={tooltipContentByColor}\n colorShape={colorShape}\n showColorNameTooltip={showColorNameTooltip}\n id={id}\n data-testid={dataTestId}\n />\n {noColorText && (\n <ColorPickerClearButton Icon={NoColorIcon} onClick={onClearButton} text={noColorText} ref={buttonRef} />\n )}\n </GridKeyboardNavigationContext.Provider>\n </div>\n );\n }\n);\n\nexport default withStaticProps(ColorPickerContent, {\n sizes: BaseSizes,\n colorStyles: ColorStyleEnum,\n colorSizes: BaseSizes,\n colorShapes: ColorShapesEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","onValueChange","value","noColorText","_ref$colorStyle","colorStyle","ColorIndicatorIcon","SelectedIndicatorIcon","shouldRenderIndicatorWithoutBackground","_ref$NoColorIcon","NoColorIcon","NoColor","_ref$isBlackListMode","isBlackListMode","colorsList","isMultiselect","_ref$colorSize","colorSize","BaseSizes","MEDIUM","_ref$numberOfColorsIn","numberOfColorsInLine","DEFAULT_NUMBER_OF_COLORS_IN_LINE","_ref$tooltipContentBy","tooltipContentByColor","focusOnMount","_ref$colorShape","colorShape","forceUseRawColorList","showColorNameTooltip","id","dataTestId","gridRef","useRef","mergedRef","useMergeRef","colorsRef","buttonRef","onClearButton","useCallback","colorsToRender","useMemo","_difference","contentColors","_intersection","onColorClicked","color","colors","_toConsumableArray","includes","indexInSelected","indexOf","splice","push","positions","topElement","bottomElement","keyboardContext","useGridKeyboardNavigationContext","width","calculateColorPickerWidth","React","createElement","style","tabIndex","GridKeyboardNavigationContext","Provider","ColorPickerColorsGrid","ColorPickerClearButton","Icon","onClick","text","sizes","colorStyles","ColorStyleEnum","colorSizes","colorShapes","ColorShapesEnum"],"mappings":"igCA+CA,IAsGeA,EAAAA,EAjGXC,GACF,SAAAC,EAwBEC,GACE,IAvBAC,EAASF,EAATE,UACAC,EAAaH,EAAbG,cACAC,EAAKJ,EAALI,MACAC,EAAWL,EAAXK,YAAWC,EAAAN,EACXO,WAAAA,OAAa,IAAHD,EAAG,UAASA,EACtBE,EAAkBR,EAAlBQ,mBACAC,EAAqBT,EAArBS,sBACAC,EAAsCV,EAAtCU,uCAAsCC,EAAAX,EACtCY,YAAAA,OAAcC,IAAHF,EAAGE,EAAOF,EAAAG,EAAAd,EACrBe,gBAAAA,OAAkB,IAAHD,GAAOA,EACtBE,EAAUhB,EAAVgB,WACAC,EAAajB,EAAbiB,cAAaC,EAAAlB,EACbmB,UAAAA,OAAS,IAAAD,EAAGE,EAAUC,OAAMH,EAAAI,EAAAtB,EAC5BuB,qBAAAA,OAAuBC,IAAHF,EAAGE,EAAgCF,EAAAG,EAAAzB,EACvD0B,sBAAAA,OAAqB,IAAAD,EAAG,CAAE,EAAAA,EAC1BE,EAAY3B,EAAZ2B,aAAYC,EAAA5B,EACZ6B,WAAAA,OAAa,IAAHD,EAAG,SAAQA,EACrBE,EAAoB9B,EAApB8B,qBACAC,EAAoB/B,EAApB+B,qBACAC,EAAEhC,EAAFgC,GACeC,EAAUjC,EAAzB,eAIIkC,EAAUC,EAAO,MACjBC,EAAYC,EAAYpC,EAAKiC,GAC7BI,EAAYH,EAAO,MACnBI,EAAYJ,EAAO,MAEnBK,EAAgBC,GAAY,WAChCtC,EAAc,KAChB,GAAG,CAACA,IAEEuC,EAAiBC,GAAQ,WAC7B,OAAIb,EACKd,EAEFD,EAAkB6B,EAAYC,EAAe7B,GAAc8B,EAAcD,EAAe7B,EAChG,GAAE,CAACc,EAAsBf,EAAiBC,IAErC+B,EAAiBN,GACrB,SAACO,GACC,GAAK/B,EAAL,CAIA,IAAMgC,EAAMC,EAAO9C,GACnB,GAAI6C,EAAOE,SAASH,GAAQ,CAC1B,IAAMI,EAAkBH,EAAOI,QAAQL,GACnCI,GAAmB,GACrBH,EAAOK,OAAOF,EAAiB,EAElC,MACCH,EAAOM,KAAKP,GAEd7C,EAAc8C,EAVb,MAFC9C,EAAc,CAAC6C,GAalB,GACD,CAAC/B,EAAed,EAAeC,IAG3BoD,GAAYb,GAAQ,WAAA,MAAM,CAAC,CAAEc,WAAYnB,EAAWoB,cAAenB,GAAY,GAAE,IACjFoB,GAAkBC,EAAiCJ,GAAWtB,GAC9D2B,GAAQC,EAA0B3C,EAAwBI,GAEhE,OACEwC,EAAKC,cAAA,MAAA,CAAA9D,UAAWA,EAAW+D,MAAO,CAAEJ,MAAAA,IAAS5D,IAAKmC,EAAW8B,UAAW,GACtEH,EAAAC,cAACG,EAA8BC,SAAS,CAAAhE,MAAOuD,IAC7CI,EAAAC,cAACK,EAAqB,CACpBpE,IAAKqC,EACLS,eAAgBA,EAChBL,eAAgBA,EAChBnB,qBAAsBA,EACtBI,aAAcA,EACdvB,MAAOA,EACPG,WAAYA,EACZC,mBAAoBA,EACpBE,uCAAwCA,EACxCD,sBAAuBA,EACvBU,UAAWA,EACXO,sBAAuBA,EACvBG,WAAYA,EACZE,qBAAsBA,EACtBC,GAAIA,EAAE,cACOC,IAEd5B,GACC0D,EAAAC,cAACM,EAAsB,CAACC,KAAM3D,EAAa4D,QAAShC,EAAeiC,KAAMpE,EAAaJ,IAAKsC,KAKrG,IAGiD,CACjDmC,MAAOtD,EACPuD,YAAaC,EACbC,WAAYzD,EACZ0D,YAAaC"}

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

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_4004b1d310",circle:"circle_48181eb172",feedbackIndicator:"feedbackIndicator_f17b1a6751",active:"active_7e6c84ea75",selectedColor:"selectedColor_129a8b3b6b",colorItem:"colorItem_3bee6a9352",colorIndicatorWrapper:"colorIndicatorWrapper_888f8496f6",colorItemSizeSmall:"colorItemSizeSmall_2d0b66958e",colorItemSizeMedium:"colorItemSizeMedium_74a6fceafa",colorItemSizeLarge:"colorItemSizeLarge_84dac1432b",colorItemTextMode:"colorItemTextMode_4110f78aa1",colorIconWhite:"colorIconWhite_d04ec2fdb7"};!function(e){const r="s_id-2198989e565d_3_31_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_4004b1d310 {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_4004b1d310.circle_48181eb172 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_4004b1d310 {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_4004b1d310 .feedbackIndicator_f17b1a6751 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_4004b1d310:focus,\n.itemWrapper_4004b1d310:focus-visible,\n.itemWrapper_4004b1d310.active_7e6c84ea75 {\n  outline: none;\n}\n\n.itemWrapper_4004b1d310:focus .feedbackIndicator_f17b1a6751:before,\n.itemWrapper_4004b1d310:focus-visible .feedbackIndicator_f17b1a6751:before,\n.itemWrapper_4004b1d310.active_7e6c84ea75 .feedbackIndicator_f17b1a6751: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_4004b1d310:focus .feedbackIndicator_f17b1a6751:after,\n.itemWrapper_4004b1d310:focus-visible .feedbackIndicator_f17b1a6751:after,\n.itemWrapper_4004b1d310.active_7e6c84ea75 .feedbackIndicator_f17b1a6751: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_4004b1d310:hover:not(.active_7e6c84ea75):not(.selectedColor_129a8b3b6b) .feedbackIndicator_f17b1a6751 {\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_4004b1d310 .colorItem_3bee6a9352 {\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_4004b1d310 .colorItem_3bee6a9352 .colorIndicatorWrapper_888f8496f6 {\n  margin-top: 3px;\n}\n\n.itemWrapper_4004b1d310 .colorItem_3bee6a9352.colorItemSizeSmall_2d0b66958e {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_4004b1d310 .colorItem_3bee6a9352.colorItemSizeMedium_74a6fceafa {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_4004b1d310 .colorItem_3bee6a9352.colorItemSizeLarge_84dac1432b {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_4004b1d310.selectedColor_129a8b3b6b {\n  position: relative;\n}\n\n.itemWrapper_4004b1d310.selectedColor_129a8b3b6b: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_4004b1d310.selectedColor_129a8b3b6b .feedbackIndicator_f17b1a6751:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_4004b1d310 .colorItemTextMode_4110f78aa1:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_4004b1d310 .colorIconWhite_d04ec2fdb7 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_0309f10bbf",circle:"circle_63836fd105",feedbackIndicator:"feedbackIndicator_5fbec72d77",active:"active_30a53dd24d",selectedColor:"selectedColor_e25990c6e2",colorItem:"colorItem_1e48e249c4",colorIndicatorWrapper:"colorIndicatorWrapper_0033779211",colorItemSizeSmall:"colorItemSizeSmall_fdc6cdfcba",colorItemSizeMedium:"colorItemSizeMedium_9d63226139",colorItemSizeLarge:"colorItemSizeLarge_4f84664260",colorItemTextMode:"colorItemTextMode_52aa0f6113",colorIconWhite:"colorIconWhite_00115a2e17"};!function(e){const r="s_id-2198989e565d_3_31_1";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_0309f10bbf {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_0309f10bbf.circle_63836fd105 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_0309f10bbf {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_0309f10bbf .feedbackIndicator_5fbec72d77 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_0309f10bbf:focus,\n.itemWrapper_0309f10bbf:focus-visible,\n.itemWrapper_0309f10bbf.active_30a53dd24d {\n  outline: none;\n}\n\n.itemWrapper_0309f10bbf:focus .feedbackIndicator_5fbec72d77:before,\n.itemWrapper_0309f10bbf:focus-visible .feedbackIndicator_5fbec72d77:before,\n.itemWrapper_0309f10bbf.active_30a53dd24d .feedbackIndicator_5fbec72d77: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_0309f10bbf:focus .feedbackIndicator_5fbec72d77:after,\n.itemWrapper_0309f10bbf:focus-visible .feedbackIndicator_5fbec72d77:after,\n.itemWrapper_0309f10bbf.active_30a53dd24d .feedbackIndicator_5fbec72d77: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_0309f10bbf:hover:not(.active_30a53dd24d):not(.selectedColor_e25990c6e2) .feedbackIndicator_5fbec72d77 {\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_0309f10bbf .colorItem_1e48e249c4 {\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_0309f10bbf .colorItem_1e48e249c4 .colorIndicatorWrapper_0033779211 {\n  margin-top: 3px;\n}\n\n.itemWrapper_0309f10bbf .colorItem_1e48e249c4.colorItemSizeSmall_fdc6cdfcba {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_0309f10bbf .colorItem_1e48e249c4.colorItemSizeMedium_9d63226139 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_0309f10bbf .colorItem_1e48e249c4.colorItemSizeLarge_4f84664260 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_0309f10bbf.selectedColor_e25990c6e2 {\n  position: relative;\n}\n\n.itemWrapper_0309f10bbf.selectedColor_e25990c6e2: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_0309f10bbf.selectedColor_e25990c6e2 .feedbackIndicator_5fbec72d77:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_0309f10bbf .colorItemTextMode_52aa0f6113:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_0309f10bbf .colorIconWhite_00115a2e17 {\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_5840b32e48",stickyCategory:"stickyCategory_8154a94f4a",comboboxCategory:"comboboxCategory_624adcbf4f",sizeSmall:"sizeSmall_03a5e66daa",sizeMedium:"sizeMedium_5840b32e48",sizeLarge:"sizeLarge_03a5e66daa",empty:"empty_df0d596eb4",comboboxSearchWrapper:"comboboxSearchWrapper_f039cccb18",comboboxNoResults:"comboboxNoResults_54e9ba0566",comboboxMessageWrapper:"comboboxMessageWrapper_5a9192b46b",comboboxMessage:"comboboxMessage_19fa709e14",addNewButton:"addNewButton_a665e384eb",buttonLabel:"buttonLabel_19fa709e14",comboboxList:"comboboxList_c04ba5655d"};!function(o){const e="s_id-140391bb7df9_3_31_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".combobox_5840b32e48 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox_5840b32e48.stickyCategory_8154a94f4a .comboboxCategory_624adcbf4f {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_5840b32e48.stickyCategory_8154a94f4a.sizeSmall_03a5e66daa .comboboxCategory_624adcbf4f {\n  top: 32px;\n}\n\n.combobox_5840b32e48.stickyCategory_8154a94f4a.sizeMedium_5840b32e48 .comboboxCategory_624adcbf4f {\n  top: 40px;\n}\n\n.combobox_5840b32e48.stickyCategory_8154a94f4a.sizeLarge_03a5e66daa .comboboxCategory_624adcbf4f {\n  top: 48px;\n}\n\n.combobox_5840b32e48.empty_df0d596eb4 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_f039cccb18 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_54e9ba0566 {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults_54e9ba0566 .comboboxMessageWrapper_5a9192b46b {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_54e9ba0566 .comboboxMessageWrapper_5a9192b46b .comboboxMessage_19fa709e14 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_54e9ba0566 .addNewButton_a665e384eb {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_54e9ba0566 .addNewButton_a665e384eb .buttonLabel_19fa709e14 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_c04ba5655d {\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 o={combobox:"combobox_8e8e25fa01",stickyCategory:"stickyCategory_b3ac8388ca",comboboxCategory:"comboboxCategory_69692f3934",sizeSmall:"sizeSmall_4c788694a2",sizeMedium:"sizeMedium_8e8e25fa01",sizeLarge:"sizeLarge_4c788694a2",empty:"empty_a91a29dccc",comboboxSearchWrapper:"comboboxSearchWrapper_fe28fe2915",comboboxNoResults:"comboboxNoResults_e399189bcb",comboboxMessageWrapper:"comboboxMessageWrapper_07a1388b34",comboboxMessage:"comboboxMessage_6644955eaf",addNewButton:"addNewButton_d4dcbb48cf",buttonLabel:"buttonLabel_6644955eaf",comboboxList:"comboboxList_b49c833e25"};!function(o){const e="s_id-140391bb7df9_3_31_1";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)}(".combobox_8e8e25fa01 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  margin-bottom: var(--spacing-small);\n}\n\n.combobox_8e8e25fa01.stickyCategory_b3ac8388ca .comboboxCategory_69692f3934 {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_8e8e25fa01.stickyCategory_b3ac8388ca.sizeSmall_4c788694a2 .comboboxCategory_69692f3934 {\n  top: 32px;\n}\n\n.combobox_8e8e25fa01.stickyCategory_b3ac8388ca.sizeMedium_8e8e25fa01 .comboboxCategory_69692f3934 {\n  top: 40px;\n}\n\n.combobox_8e8e25fa01.stickyCategory_b3ac8388ca.sizeLarge_4c788694a2 .comboboxCategory_69692f3934 {\n  top: 48px;\n}\n\n.combobox_8e8e25fa01.empty_a91a29dccc {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_fe28fe2915 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_e399189bcb {\n  margin-top: var(--spacing-small);\n  flex: 1 1 auto;\n  height: calc(100% - 20px);\n  overflow: hidden;\n  position: relative;\n  padding: 0 16px;\n  display: flex;\n  flex-direction: column;\n}\n\n.comboboxNoResults_e399189bcb .comboboxMessageWrapper_07a1388b34 {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_e399189bcb .comboboxMessageWrapper_07a1388b34 .comboboxMessage_6644955eaf {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_e399189bcb .addNewButton_d4dcbb48cf {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_e399189bcb .addNewButton_d4dcbb48cf .buttonLabel_6644955eaf {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_b49c833e25 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_f521af283a",dividerContainer:"dividerContainer_eef4b7f3d1",divider:"divider_4c8be20525",sticky:"sticky_40418ecb8c"};!function(e){const n="s_id-78c8179b7fe9_3_31_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_f521af283a {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_eef4b7f3d1 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_4c8be20525 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_40418ecb8c {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_fdae1f378f",dividerContainer:"dividerContainer_cd77a25b93",divider:"divider_b7da2ea756",sticky:"sticky_9cb7ff0255"};!function(e){const n="s_id-78c8179b7fe9_3_31_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".comboboxItemContainer_fdae1f378f {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_cd77a25b93 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_b7da2ea756 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_9cb7ff0255 {\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_ba8adfcc0d"};!function(e){const o="s_id-a004d249e1c1_3_31_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_ba8adfcc0d {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
+var e={comboboxCategory:"comboboxCategory_2ab56668a9"};!function(e){const o="s_id-a004d249e1c1_3_31_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_2ab56668a9 {\n  color: var(--placeholder-color);\n  display: flex;\n  align-items: center;\n  padding-top: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ComboboxCategory.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={scrollableContainer:"scrollableContainer_0f9cc0eb7c",optionsContainer:"optionsContainer_1e0d8f9905",categoryWithOptions:"categoryWithOptions_77035f8eb3",firstCategory:"firstCategory_342edda0b7",categoryWithoutOptions:"categoryWithoutOptions_947cbac0f5"};!function(t){const e="s_id-4d4facb041a8_3_31_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".scrollableContainer_0f9cc0eb7c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_0f9cc0eb7c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_1e0d8f9905 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_77035f8eb3.firstCategory_342edda0b7,\n.categoryWithoutOptions_947cbac0f5.firstCategory_342edda0b7 {\n  padding-top: 0;\n}\n.categoryWithOptions_77035f8eb3 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_947cbac0f5 {\n  margin-bottom: 0;\n}");export{t as default};
+var e={scrollableContainer:"scrollableContainer_3ac6e85ce5",optionsContainer:"optionsContainer_238085527d",categoryWithOptions:"categoryWithOptions_a585f719cc",firstCategory:"firstCategory_517e1d4533",categoryWithoutOptions:"categoryWithoutOptions_b4233ef0eb"};!function(e){const t="s_id-4d4facb041a8_3_31_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".scrollableContainer_3ac6e85ce5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_3ac6e85ce5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_238085527d {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_a585f719cc.firstCategory_517e1d4533,\n.categoryWithoutOptions_b4233ef0eb.firstCategory_517e1d4533 {\n  padding-top: 0;\n}\n.categoryWithOptions_a585f719cc {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_b4233ef0eb {\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map