npm - @vibe/core - Versions diffs - 3.10.0 → 3.10.1 - Mend

@vibe/core 3.10.0 → 3.10.1

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 (319) 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 buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={leftIconSize}\n className={cx({\n [styles.leftIcon]: !!children\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]: !!children\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, 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","buttonContent","React","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} 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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"}

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

@@ -1,2 +1,2 @@
-var o={button:"button_e2b4efdffd","focus-visible":"focus-visible_bf7e39eb65",loader:"loader_8a8a5f377b",loaderSvg:"loaderSvg_20da346a02",textPlaceholder:"textPlaceholder_da8d248fc5",success:"success_82820794cd",successContent:"successContent_3a84e9c485",marginRight:"marginRight_0f09f122f6",marginLeft:"marginLeft_8b1995a814",rightFlat:"rightFlat_5591a14c29",leftFlat:"leftFlat_bfb130f7fa",preventClickAnimation:"preventClickAnimation_aab5056159",leftIcon:"leftIcon_0f09f122f6",rightIcon:"rightIcon_8b1995a814",sizeXxs:"sizeXxs_14d9e58194",sizeXs:"sizeXs_28f327afec",sizeSmall:"sizeSmall_db13f77965",sizeMedium:"sizeMedium_9bad3360e9",sizeLarge:"sizeLarge_1f149d7a98",kindPrimary:"kindPrimary_1e9b3bda93",colorPrimary:"colorPrimary_2cf371a989",colorBrand:"colorBrand_1c0b6fac62",colorPrimaryActive:"colorPrimaryActive_5d5a0a902d",colorBrandActive:"colorBrandActive_b1a365cada",colorPositive:"colorPositive_01d6df1cbd",colorPositiveActive:"colorPositiveActive_b4c2d0590b",colorNegative:"colorNegative_9d41520f8a",colorNegativeActive:"colorNegativeActive_b4c2d0590b",colorInverted:"colorInverted_49c514c319",colorInvertedActive:"colorInvertedActive_b4c2d0590b",disabled:"disabled_46682ecb22",colorOnPrimaryColor:"colorOnPrimaryColor_ee9588e649",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_fec453669b",colorFixedLight:"colorFixedLight_e131f00c3c",colorFixedLightActive:"colorFixedLightActive_aab5056159",colorOnInvertedBackground:"colorOnInvertedBackground_a415f888b6",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_fc4c5ecdc3",kindSecondary:"kindSecondary_4cc121bcb3",kindTertiary:"kindTertiary_90578ad303",noSidePadding:"noSidePadding_f2eae7a96e",insetFocusStyle:"insetFocusStyle_26bc0cd94f"};!function(o){const r="s_id-9fe829f89bf2_3_9_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_e2b4efdffd {\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_e2b4efdffd:focus-visible, .button_e2b4efdffd.focus-visible_bf7e39eb65 {\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_e2b4efdffd:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.button_e2b4efdffd .loader_8a8a5f377b {\n  height: 100%;\n}\n.button_e2b4efdffd .loader_8a8a5f377b .loaderSvg_20da346a02 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_e2b4efdffd .textPlaceholder_da8d248fc5 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_e2b4efdffd.success_82820794cd {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_e2b4efdffd.success_82820794cd .successContent_3a84e9c485 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_0f09f122f6 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_8b1995a814 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_5591a14c29 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_bfb130f7fa {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_e2b4efdffd:active:not(.preventClickAnimation_aab5056159) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_e2b4efdffd .leftIcon_0f09f122f6 {\n  margin-right: var(--spacing-small);\n}\n.button_e2b4efdffd .rightIcon_8b1995a814 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_14d9e58194 {\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_28f327afec {\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_db13f77965 {\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_db13f77965 .loader_8a8a5f377b {\n  top: 7px;\n}\n.sizeMedium_9bad3360e9 {\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_1f149d7a98 {\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_1e9b3bda93 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1e9b3bda93.colorPrimary_2cf371a989 {\n  background: var(--primary-color);\n}\n.kindPrimary_1e9b3bda93.colorBrand_1c0b6fac62 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_1e9b3bda93.colorPrimaryActive_5d5a0a902d,\n.kindPrimary_1e9b3bda93.colorPrimary_2cf371a989:hover,\n.kindPrimary_1e9b3bda93.colorPrimary_2cf371a989:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_1e9b3bda93.colorBrandActive_b1a365cada,\n.kindPrimary_1e9b3bda93.colorBrand_1c0b6fac62:hover,\n.kindPrimary_1e9b3bda93.colorBrand_1c0b6fac62:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_1e9b3bda93.colorPositive_01d6df1cbd {\n  background: var(--positive-color);\n}\n.kindPrimary_1e9b3bda93.colorPositiveActive_b4c2d0590b,\n.kindPrimary_1e9b3bda93.colorPositive_01d6df1cbd:hover,\n.kindPrimary_1e9b3bda93.colorPositive_01d6df1cbd:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_1e9b3bda93.colorNegative_9d41520f8a {\n  background: var(--negative-color);\n}\n.kindPrimary_1e9b3bda93.colorNegativeActive_b4c2d0590b,\n.kindPrimary_1e9b3bda93.colorNegative_9d41520f8a:hover,\n.kindPrimary_1e9b3bda93.colorNegative_9d41520f8a:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_1e9b3bda93.colorInverted_49c514c319 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_1e9b3bda93.colorInvertedActive_b4c2d0590b,\n.kindPrimary_1e9b3bda93.colorInverted_49c514c319:hover,\n.kindPrimary_1e9b3bda93.colorInverted_49c514c319:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_1e9b3bda93.button_e2b4efdffd.colorInverted_49c514c319.disabled_46682ecb22 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColorActive_fec453669b,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColorActive_fec453669b:focus-visible, .kindPrimary_1e9b3bda93.colorOnPrimaryColorActive_fec453669b.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover:focus-visible,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus:focus-visible,\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus.focus-visible_bf7e39eb65 {\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_1e9b3bda93.colorOnPrimaryColorActive_fec453669b:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindPrimary_1e9b3bda93.colorOnPrimaryColor_ee9588e649.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_1e9b3bda93.colorFixedLightActive_aab5056159,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_1e9b3bda93.colorFixedLightActive_aab5056159:focus-visible, .kindPrimary_1e9b3bda93.colorFixedLightActive_aab5056159.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover:focus-visible,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover.focus-visible_bf7e39eb65,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus:focus-visible,\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus.focus-visible_bf7e39eb65 {\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_1e9b3bda93.colorFixedLightActive_aab5056159:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindPrimary_1e9b3bda93.colorFixedLight_e131f00c3c.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_1e9b3bda93.colorOnInvertedBackground_a415f888b6 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_1e9b3bda93.colorOnInvertedBackgroundActive_fc4c5ecdc3,\n.kindPrimary_1e9b3bda93.colorOnInvertedBackground_a415f888b6:hover,\n.kindPrimary_1e9b3bda93.colorOnInvertedBackground_a415f888b6:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_1e9b3bda93.button_e2b4efdffd.colorOnInvertedBackground_a415f888b6.disabled_46682ecb22 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_1e9b3bda93.button_e2b4efdffd.disabled_46682ecb22 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4cc121bcb3 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_4cc121bcb3.sizeSmall_db13f77965 {\n  line-height: 22px;\n}\n.kindSecondary_4cc121bcb3.sizeMedium_9bad3360e9 {\n  line-height: 22px;\n}\n.kindSecondary_4cc121bcb3.sizeLarge_1f149d7a98 {\n  line-height: 22px;\n}\n.kindSecondary_4cc121bcb3.colorPrimaryActive_5d5a0a902d {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4cc121bcb3.colorPrimaryActive_5d5a0a902d:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_4cc121bcb3.colorBrandActive_b1a365cada {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_4cc121bcb3.colorBrandActive_b1a365cada,\n.kindSecondary_4cc121bcb3.colorBrandActive_b1a365cada:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_4cc121bcb3.colorPrimary_2cf371a989:hover:not(.colorPrimaryActive_5d5a0a902d),\n.kindSecondary_4cc121bcb3.colorPrimary_2cf371a989:focus:not(.colorPrimaryActive_5d5a0a902d) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4cc121bcb3.colorBrand_1c0b6fac62:hover:not(.colorBrandActive_b1a365cada),\n.kindSecondary_4cc121bcb3.colorBrand_1c0b6fac62:focus:not(.colorBrandActive_b1a365cada) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4cc121bcb3.colorPositive_01d6df1cbd {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_4cc121bcb3.colorPositiveActive_b4c2d0590b,\n.kindSecondary_4cc121bcb3.colorPositive_01d6df1cbd:hover,\n.kindSecondary_4cc121bcb3.colorPositive_01d6df1cbd:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_4cc121bcb3.colorNegative_9d41520f8a {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_4cc121bcb3.colorNegativeActive_b4c2d0590b,\n.kindSecondary_4cc121bcb3.colorNegative_9d41520f8a:hover,\n.kindSecondary_4cc121bcb3.colorNegative_9d41520f8a:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_4cc121bcb3.colorInvertedActive_b4c2d0590b,\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319:hover,\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_4cc121bcb3.colorInverted_49c514c319.disabled_46682ecb22 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColorActive_fec453669b,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColorActive_fec453669b:focus-visible, .kindSecondary_4cc121bcb3.colorOnPrimaryColorActive_fec453669b.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover:focus-visible,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus:focus-visible,\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus.focus-visible_bf7e39eb65 {\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_4cc121bcb3.colorOnPrimaryColorActive_fec453669b:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindSecondary_4cc121bcb3.colorOnPrimaryColor_ee9588e649.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4cc121bcb3.colorFixedLightActive_aab5056159,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_4cc121bcb3.colorFixedLightActive_aab5056159:focus-visible, .kindSecondary_4cc121bcb3.colorFixedLightActive_aab5056159.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover:focus-visible,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover.focus-visible_bf7e39eb65,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus:focus-visible,\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus.focus-visible_bf7e39eb65 {\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_4cc121bcb3.colorFixedLightActive_aab5056159:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_4cc121bcb3.colorOnInvertedBackgroundActive_fc4c5ecdc3,\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6:hover,\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_4cc121bcb3.colorOnInvertedBackground_a415f888b6.disabled_46682ecb22 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_4cc121bcb3.colorFixedLight_e131f00c3c.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_4cc121bcb3.disabled_46682ecb22 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_4cc121bcb3.disabled_46682ecb22:hover {\n  background-color: transparent;\n}\n.kindTertiary_90578ad303 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_90578ad303.colorPrimaryActive_5d5a0a902d {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_90578ad303.colorPrimaryActive_5d5a0a902d:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_90578ad303.colorBrandActive_b1a365cada {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_90578ad303.colorBrandActive_b1a365cada,\n.kindTertiary_90578ad303.colorBrandActive_b1a365cada:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_90578ad303.colorPrimary_2cf371a989:hover:not(.colorPrimaryActive_5d5a0a902d),\n.kindTertiary_90578ad303.colorPrimary_2cf371a989:focus:not(.colorPrimaryActive_5d5a0a902d) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_90578ad303.colorBrand_1c0b6fac62:hover:not(.colorBrandActive_b1a365cada),\n.kindTertiary_90578ad303.colorBrand_1c0b6fac62:focus:not(.colorBrandActive_b1a365cada) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_90578ad303.colorPositive_01d6df1cbd {\n  color: var(--positive-color);\n}\n.kindTertiary_90578ad303.colorPositiveActive_b4c2d0590b,\n.kindTertiary_90578ad303.colorPositive_01d6df1cbd:hover,\n.kindTertiary_90578ad303.colorPositive_01d6df1cbd:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_90578ad303.colorNegative_9d41520f8a {\n  color: var(--negative-color);\n}\n.kindTertiary_90578ad303.colorNegativeActive_b4c2d0590b,\n.kindTertiary_90578ad303.colorNegative_9d41520f8a:hover,\n.kindTertiary_90578ad303.colorNegative_9d41520f8a:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_90578ad303.colorInverted_49c514c319 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_90578ad303.colorInvertedActive_b4c2d0590b,\n.kindTertiary_90578ad303.colorInverted_49c514c319:hover,\n.kindTertiary_90578ad303.colorInverted_49c514c319:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_90578ad303.colorInverted_49c514c319.disabled_46682ecb22 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_90578ad303.colorOnPrimaryColorActive_fec453669b,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_90578ad303.colorOnPrimaryColorActive_fec453669b:focus-visible, .kindTertiary_90578ad303.colorOnPrimaryColorActive_fec453669b.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover:focus-visible,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus:focus-visible,\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus.focus-visible_bf7e39eb65 {\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_90578ad303.colorOnPrimaryColorActive_fec453669b:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindTertiary_90578ad303.colorOnPrimaryColor_ee9588e649.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_90578ad303.colorFixedLightActive_aab5056159,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_90578ad303.colorFixedLightActive_aab5056159:focus-visible, .kindTertiary_90578ad303.colorFixedLightActive_aab5056159.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover:focus-visible,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover.focus-visible_bf7e39eb65,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus:focus-visible,\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus.focus-visible_bf7e39eb65 {\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_90578ad303.colorFixedLightActive_aab5056159:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:hover:focus:not(.focus-visible_bf7e39eb65),\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c:focus:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.kindTertiary_90578ad303.colorFixedLight_e131f00c3c.disabled_46682ecb22 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_90578ad303.colorOnInvertedBackgroundActive_fc4c5ecdc3,\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6:hover,\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_90578ad303.colorOnInvertedBackground_a415f888b6.disabled_46682ecb22 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_90578ad303.disabled_46682ecb22 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_90578ad303.disabled_46682ecb22:hover {\n  background-color: transparent;\n}\n.noSidePadding_f2eae7a96e {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_e2b4efdffd.insetFocusStyle_26bc0cd94f:focus-visible, .button_e2b4efdffd.insetFocusStyle_26bc0cd94f.focus-visible_bf7e39eb65 {\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_e2b4efdffd.insetFocusStyle_26bc0cd94f:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_2e60ac6506","focus-visible":"focus-visible_c302bce27b",loader:"loader_bad5f4616e",loaderSvg:"loaderSvg_405ee15018",textPlaceholder:"textPlaceholder_327d975e0b",success:"success_17d56288b7",successContent:"successContent_247c90452c",marginRight:"marginRight_4ab3e61e6d",marginLeft:"marginLeft_d76bbe3d88",rightFlat:"rightFlat_1d44c2f84f",leftFlat:"leftFlat_4c9536fc28",preventClickAnimation:"preventClickAnimation_31d99ae85b",leftIcon:"leftIcon_4ab3e61e6d",rightIcon:"rightIcon_d76bbe3d88",sizeXxs:"sizeXxs_016a87e5ab",sizeXs:"sizeXs_134ffa9e89",sizeSmall:"sizeSmall_f0af59877a",sizeMedium:"sizeMedium_f14f27afe3",sizeLarge:"sizeLarge_233b3e895f",kindPrimary:"kindPrimary_af9d8db6c9",colorPrimary:"colorPrimary_57dde7b86c",colorBrand:"colorBrand_ef2f2bb722",colorPrimaryActive:"colorPrimaryActive_5d78a4cea2",colorBrandActive:"colorBrandActive_841bad2161",colorPositive:"colorPositive_6777381b69",colorPositiveActive:"colorPositiveActive_b0cb09797b",colorNegative:"colorNegative_6bc5bcc0b7",colorNegativeActive:"colorNegativeActive_b0cb09797b",colorInverted:"colorInverted_7278773295",colorInvertedActive:"colorInvertedActive_b0cb09797b",disabled:"disabled_51d3c842f0",colorOnPrimaryColor:"colorOnPrimaryColor_f4acec2bbc",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_801865eb72",colorFixedLight:"colorFixedLight_8c6339d3d4",colorFixedLightActive:"colorFixedLightActive_31d99ae85b",colorOnInvertedBackground:"colorOnInvertedBackground_0e3a9731bf",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_eea6a63957",kindSecondary:"kindSecondary_d27517d071",kindTertiary:"kindTertiary_b73bbb84f7",noSidePadding:"noSidePadding_69fdea6204",insetFocusStyle:"insetFocusStyle_cdef215458"};!function(o){const r="s_id-9fe829f89bf2_3_10_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_2e60ac6506 {\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_2e60ac6506:focus-visible, .button_2e60ac6506.focus-visible_c302bce27b {\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_2e60ac6506:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.button_2e60ac6506 .loader_bad5f4616e {\n  height: 100%;\n}\n.button_2e60ac6506 .loader_bad5f4616e .loaderSvg_405ee15018 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_2e60ac6506 .textPlaceholder_327d975e0b {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_2e60ac6506.success_17d56288b7 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_2e60ac6506.success_17d56288b7 .successContent_247c90452c {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_4ab3e61e6d {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_d76bbe3d88 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_1d44c2f84f {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_4c9536fc28 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_2e60ac6506:active:not(.preventClickAnimation_31d99ae85b) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_2e60ac6506 .leftIcon_4ab3e61e6d {\n  margin-right: var(--spacing-small);\n}\n.button_2e60ac6506 .rightIcon_d76bbe3d88 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_016a87e5ab {\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_134ffa9e89 {\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_f0af59877a {\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_f0af59877a .loader_bad5f4616e {\n  top: 7px;\n}\n.sizeMedium_f14f27afe3 {\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_233b3e895f {\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_af9d8db6c9 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_af9d8db6c9.colorPrimary_57dde7b86c {\n  background: var(--primary-color);\n}\n.kindPrimary_af9d8db6c9.colorBrand_ef2f2bb722 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_af9d8db6c9.colorPrimaryActive_5d78a4cea2,\n.kindPrimary_af9d8db6c9.colorPrimary_57dde7b86c:hover,\n.kindPrimary_af9d8db6c9.colorPrimary_57dde7b86c:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_af9d8db6c9.colorBrandActive_841bad2161,\n.kindPrimary_af9d8db6c9.colorBrand_ef2f2bb722:hover,\n.kindPrimary_af9d8db6c9.colorBrand_ef2f2bb722:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_af9d8db6c9.colorPositive_6777381b69 {\n  background: var(--positive-color);\n}\n.kindPrimary_af9d8db6c9.colorPositiveActive_b0cb09797b,\n.kindPrimary_af9d8db6c9.colorPositive_6777381b69:hover,\n.kindPrimary_af9d8db6c9.colorPositive_6777381b69:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_af9d8db6c9.colorNegative_6bc5bcc0b7 {\n  background: var(--negative-color);\n}\n.kindPrimary_af9d8db6c9.colorNegativeActive_b0cb09797b,\n.kindPrimary_af9d8db6c9.colorNegative_6bc5bcc0b7:hover,\n.kindPrimary_af9d8db6c9.colorNegative_6bc5bcc0b7:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_af9d8db6c9.colorInverted_7278773295 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_af9d8db6c9.colorInvertedActive_b0cb09797b,\n.kindPrimary_af9d8db6c9.colorInverted_7278773295:hover,\n.kindPrimary_af9d8db6c9.colorInverted_7278773295:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_af9d8db6c9.button_2e60ac6506.colorInverted_7278773295.disabled_51d3c842f0 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColorActive_801865eb72,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColorActive_801865eb72:focus-visible, .kindPrimary_af9d8db6c9.colorOnPrimaryColorActive_801865eb72.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover:focus-visible,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus:focus-visible,\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus.focus-visible_c302bce27b {\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_af9d8db6c9.colorOnPrimaryColorActive_801865eb72:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:hover:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindPrimary_af9d8db6c9.colorOnPrimaryColor_f4acec2bbc.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_af9d8db6c9.colorFixedLightActive_31d99ae85b,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_af9d8db6c9.colorFixedLightActive_31d99ae85b:focus-visible, .kindPrimary_af9d8db6c9.colorFixedLightActive_31d99ae85b.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover:focus-visible,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover.focus-visible_c302bce27b,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus:focus-visible,\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus.focus-visible_c302bce27b {\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_af9d8db6c9.colorFixedLightActive_31d99ae85b:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:hover:focus:not(.focus-visible_c302bce27b),\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindPrimary_af9d8db6c9.colorFixedLight_8c6339d3d4.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_af9d8db6c9.colorOnInvertedBackground_0e3a9731bf {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_af9d8db6c9.colorOnInvertedBackgroundActive_eea6a63957,\n.kindPrimary_af9d8db6c9.colorOnInvertedBackground_0e3a9731bf:hover,\n.kindPrimary_af9d8db6c9.colorOnInvertedBackground_0e3a9731bf:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_af9d8db6c9.button_2e60ac6506.colorOnInvertedBackground_0e3a9731bf.disabled_51d3c842f0 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_af9d8db6c9.button_2e60ac6506.disabled_51d3c842f0 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d27517d071 {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_d27517d071.sizeSmall_f0af59877a {\n  line-height: 22px;\n}\n.kindSecondary_d27517d071.sizeMedium_f14f27afe3 {\n  line-height: 22px;\n}\n.kindSecondary_d27517d071.sizeLarge_233b3e895f {\n  line-height: 22px;\n}\n.kindSecondary_d27517d071.colorPrimaryActive_5d78a4cea2 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_d27517d071.colorPrimaryActive_5d78a4cea2:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_d27517d071.colorBrandActive_841bad2161 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_d27517d071.colorBrandActive_841bad2161,\n.kindSecondary_d27517d071.colorBrandActive_841bad2161:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_d27517d071.colorPrimary_57dde7b86c:hover:not(.colorPrimaryActive_5d78a4cea2),\n.kindSecondary_d27517d071.colorPrimary_57dde7b86c:focus:not(.colorPrimaryActive_5d78a4cea2) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_d27517d071.colorBrand_ef2f2bb722:hover:not(.colorBrandActive_841bad2161),\n.kindSecondary_d27517d071.colorBrand_ef2f2bb722:focus:not(.colorBrandActive_841bad2161) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_d27517d071.colorPositive_6777381b69 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_d27517d071.colorPositiveActive_b0cb09797b,\n.kindSecondary_d27517d071.colorPositive_6777381b69:hover,\n.kindSecondary_d27517d071.colorPositive_6777381b69:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_d27517d071.colorNegative_6bc5bcc0b7 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_d27517d071.colorNegativeActive_b0cb09797b,\n.kindSecondary_d27517d071.colorNegative_6bc5bcc0b7:hover,\n.kindSecondary_d27517d071.colorNegative_6bc5bcc0b7:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_d27517d071.colorInverted_7278773295 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_d27517d071.colorInvertedActive_b0cb09797b,\n.kindSecondary_d27517d071.colorInverted_7278773295:hover,\n.kindSecondary_d27517d071.colorInverted_7278773295:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_d27517d071.colorInverted_7278773295.disabled_51d3c842f0 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_d27517d071.colorOnPrimaryColorActive_801865eb72,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d27517d071.colorOnPrimaryColorActive_801865eb72:focus-visible, .kindSecondary_d27517d071.colorOnPrimaryColorActive_801865eb72.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover:focus-visible,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus:focus-visible,\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus.focus-visible_c302bce27b {\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_d27517d071.colorOnPrimaryColorActive_801865eb72:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:hover:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindSecondary_d27517d071.colorOnPrimaryColor_f4acec2bbc.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d27517d071.colorFixedLightActive_31d99ae85b,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_d27517d071.colorFixedLightActive_31d99ae85b:focus-visible, .kindSecondary_d27517d071.colorFixedLightActive_31d99ae85b.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover:focus-visible,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover.focus-visible_c302bce27b,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus:focus-visible,\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus.focus-visible_c302bce27b {\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_d27517d071.colorFixedLightActive_31d99ae85b:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:hover:focus:not(.focus-visible_c302bce27b),\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_d27517d071.colorOnInvertedBackgroundActive_eea6a63957,\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf:hover,\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_d27517d071.colorOnInvertedBackground_0e3a9731bf.disabled_51d3c842f0 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_d27517d071.colorFixedLight_8c6339d3d4.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_d27517d071.disabled_51d3c842f0 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_d27517d071.disabled_51d3c842f0:hover {\n  background-color: transparent;\n}\n.kindTertiary_b73bbb84f7 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_b73bbb84f7.colorPrimaryActive_5d78a4cea2 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_b73bbb84f7.colorPrimaryActive_5d78a4cea2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorBrandActive_841bad2161 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_b73bbb84f7.colorBrandActive_841bad2161,\n.kindTertiary_b73bbb84f7.colorBrandActive_841bad2161:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_b73bbb84f7.colorPrimary_57dde7b86c:hover:not(.colorPrimaryActive_5d78a4cea2),\n.kindTertiary_b73bbb84f7.colorPrimary_57dde7b86c:focus:not(.colorPrimaryActive_5d78a4cea2) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorBrand_ef2f2bb722:hover:not(.colorBrandActive_841bad2161),\n.kindTertiary_b73bbb84f7.colorBrand_ef2f2bb722:focus:not(.colorBrandActive_841bad2161) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorPositive_6777381b69 {\n  color: var(--positive-color);\n}\n.kindTertiary_b73bbb84f7.colorPositiveActive_b0cb09797b,\n.kindTertiary_b73bbb84f7.colorPositive_6777381b69:hover,\n.kindTertiary_b73bbb84f7.colorPositive_6777381b69:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_b73bbb84f7.colorNegative_6bc5bcc0b7 {\n  color: var(--negative-color);\n}\n.kindTertiary_b73bbb84f7.colorNegativeActive_b0cb09797b,\n.kindTertiary_b73bbb84f7.colorNegative_6bc5bcc0b7:hover,\n.kindTertiary_b73bbb84f7.colorNegative_6bc5bcc0b7:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_b73bbb84f7.colorInverted_7278773295 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_b73bbb84f7.colorInvertedActive_b0cb09797b,\n.kindTertiary_b73bbb84f7.colorInverted_7278773295:hover,\n.kindTertiary_b73bbb84f7.colorInverted_7278773295:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_b73bbb84f7.colorInverted_7278773295.disabled_51d3c842f0 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColorActive_801865eb72,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColorActive_801865eb72:focus-visible, .kindTertiary_b73bbb84f7.colorOnPrimaryColorActive_801865eb72.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover:focus-visible,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus:focus-visible,\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus.focus-visible_c302bce27b {\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_b73bbb84f7.colorOnPrimaryColorActive_801865eb72:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:hover:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindTertiary_b73bbb84f7.colorOnPrimaryColor_f4acec2bbc.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b73bbb84f7.colorFixedLightActive_31d99ae85b,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_b73bbb84f7.colorFixedLightActive_31d99ae85b:focus-visible, .kindTertiary_b73bbb84f7.colorFixedLightActive_31d99ae85b.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover:focus-visible,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover.focus-visible_c302bce27b,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus:focus-visible,\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus.focus-visible_c302bce27b {\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_b73bbb84f7.colorFixedLightActive_31d99ae85b:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:hover:focus:not(.focus-visible_c302bce27b),\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4:focus:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.kindTertiary_b73bbb84f7.colorFixedLight_8c6339d3d4.disabled_51d3c842f0 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b73bbb84f7.colorOnInvertedBackgroundActive_eea6a63957,\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf:hover,\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_b73bbb84f7.colorOnInvertedBackground_0e3a9731bf.disabled_51d3c842f0 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_b73bbb84f7.disabled_51d3c842f0 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_b73bbb84f7.disabled_51d3c842f0:hover {\n  background-color: transparent;\n}\n.noSidePadding_69fdea6204 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_2e60ac6506.insetFocusStyle_cdef215458:focus-visible, .button_2e60ac6506.insetFocusStyle_cdef215458.focus-visible_c302bce27b {\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_2e60ac6506.insetFocusStyle_cdef215458:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_ddb8a96e70",subTextContainer:"subTextContainer_e0671c65e9",buttonsContainer:"buttonsContainer_68e25d51bc",button:"button_47023aad3a",activeButton:"activeButton_5d5a0a902d",optionText:"optionText_f480652031",disabled:"disabled_bb52abc99b",selected:"selected_fe971f87ed",kindTertiary:"kindTertiary_ca5f471d07",wrapper:"wrapper_c989d5397c",buttonDisabled:"buttonDisabled_1cbf6aeddc",fullWidth:"fullWidth_cd48d1eade"};!function(n){const o="s_id-51d51089eef9_3_9_3";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_ddb8a96e70 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_e0671c65e9 {\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_68e25d51bc {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_68e25d51bc .button_47023aad3a {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_68e25d51bc .button_47023aad3a.activeButton_5d5a0a902d {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_68e25d51bc .button_47023aad3a.activeButton_5d5a0a902d:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_f480652031:not(.disabled_bb52abc99b) {\n  color: var(--primary-text-color);\n}\n\n.optionText_f480652031:not(.disabled_bb52abc99b).selected_fe971f87ed {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_ca5f471d07 .button_47023aad3a {\n  border-color: transparent;\n}\n\n.kindTertiary_ca5f471d07 .button_47023aad3a:first-child {\n  border-color: transparent;\n}\n\n.wrapper_c989d5397c.disabled_bb52abc99b {\n  cursor: not-allowed;\n}\n\n.button_47023aad3a.disabled_bb52abc99b {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_47023aad3a.buttonDisabled_1cbf6aeddc {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_cd48d1eade {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_7d531d1237",subTextContainer:"subTextContainer_1711ce4163",buttonsContainer:"buttonsContainer_d3e5329b8d",button:"button_1058107101",activeButton:"activeButton_5d78a4cea2",optionText:"optionText_0e69ac35e5",disabled:"disabled_323c7ee221",selected:"selected_edebb044c6",kindTertiary:"kindTertiary_8a1b60eec9",wrapper:"wrapper_9e74a43090",buttonDisabled:"buttonDisabled_bf02549b62",fullWidth:"fullWidth_1088202c09"};!function(n){const e="s_id-51d51089eef9_3_10_0";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_7d531d1237 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_1711ce4163 {\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_d3e5329b8d {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_d3e5329b8d .button_1058107101 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_d3e5329b8d .button_1058107101.activeButton_5d78a4cea2 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_d3e5329b8d .button_1058107101.activeButton_5d78a4cea2:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_0e69ac35e5:not(.disabled_323c7ee221) {\n  color: var(--primary-text-color);\n}\n\n.optionText_0e69ac35e5:not(.disabled_323c7ee221).selected_edebb044c6 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_8a1b60eec9 .button_1058107101 {\n  border-color: transparent;\n}\n\n.kindTertiary_8a1b60eec9 .button_1058107101:first-child {\n  border-color: transparent;\n}\n\n.wrapper_9e74a43090.disabled_323c7ee221 {\n  cursor: not-allowed;\n}\n\n.button_1058107101.disabled_323c7ee221 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_1058107101.buttonDisabled_bf02549b62 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_1088202c09 {\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_8c3663c891",checkbox:"checkbox_a125079f8c",icon:"icon_bcf0c96375",label:"label_55ba31ddf4",input:"input_e1a517daf8",checkboxGrowAnimation:"checkboxGrowAnimation_ea3fc3b646"};!function(n){const e="s_id-a622c58c4e9d_3_9_3";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_8c3663c891 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_a125079f8c {\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_a125079f8c: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_a125079f8c:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_bcf0c96375 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_55ba31ddf4 {\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_e1a517daf8 {\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_e1a517daf8:focus + .checkbox_a125079f8c {\n  border-color: var(--secondary-text-color);\n}\n\n.input_e1a517daf8:focus:checked + .checkbox_a125079f8c {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_e1a517daf8:focus-visible + .checkbox_a125079f8c {\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_e1a517daf8:checked:focus + .checkbox_a125079f8c:after,\n.input_e1a517daf8:indeterminate:focus + .checkbox_a125079f8c:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c {\n  animation: checkboxGrowAnimation_ea3fc3b646 var(--motion-productive-short);\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c:hover,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c:hover:after,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_e1a517daf8:checked + .checkbox_a125079f8c:after,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c: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_e1a517daf8:checked + .checkbox_a125079f8c > .icon_bcf0c96375,\n.input_e1a517daf8:indeterminate + .checkbox_a125079f8c > .icon_bcf0c96375 {\n  visibility: visible;\n}\n\n.input_e1a517daf8:checked:disabled + .checkbox_a125079f8c:after,\n.input_e1a517daf8:indeterminate:disabled + .checkbox_a125079f8c:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_e1a517daf8:disabled + .checkbox_a125079f8c,\n.input_e1a517daf8:disabled + .checkbox_a125079f8c:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_e1a517daf8:disabled + .checkbox_a125079f8c .icon_bcf0c96375,\n.input_e1a517daf8:disabled + .checkbox_a125079f8c:hover .icon_bcf0c96375 {\n  color: var(--disabled-text-color);\n}\n\n.input_e1a517daf8:disabled + .checkbox_a125079f8c,\n.input_e1a517daf8:disabled + .checkbox_a125079f8c:hover {\n  cursor: not-allowed;\n}\n\n.input_e1a517daf8:disabled ~ .label_55ba31ddf4 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_ea3fc3b646 {\n  0% {\n    transform: scale(0.8);\n  }\n  100% {\n    transform: scale(1);\n  }\n}');export{n as default};
+var n={wrapper:"wrapper_c64642ca22",checkbox:"checkbox_79869804b6",icon:"icon_da0ad3fd27",label:"label_9c88d8a319",input:"input_d6cdcd2d15",checkboxGrowAnimation:"checkboxGrowAnimation_74aee9dbde"};!function(n){const e="s_id-a622c58c4e9d_3_10_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_c64642ca22 {\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  height: min-content;\n}\n\n.checkbox_79869804b6 {\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_79869804b6: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_79869804b6:hover {\n  border-color: var(--secondary-text-color);\n}\n\n.icon_da0ad3fd27 {\n  width: 100%;\n  color: var(--text-color-on-primary);\n  visibility: hidden;\n}\n\n.label_9c88d8a319 {\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_d6cdcd2d15 {\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_d6cdcd2d15:focus + .checkbox_79869804b6 {\n  border-color: var(--secondary-text-color);\n}\n\n.input_d6cdcd2d15:focus:checked + .checkbox_79869804b6 {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_d6cdcd2d15:focus-visible + .checkbox_79869804b6 {\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_d6cdcd2d15:checked:focus + .checkbox_79869804b6:after,\n.input_d6cdcd2d15:indeterminate:focus + .checkbox_79869804b6:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6 {\n  animation: checkboxGrowAnimation_74aee9dbde var(--motion-productive-short);\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6 {\n  background-color: var(--primary-color);\n  border-color: transparent;\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6:hover,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6:hover {\n  background-color: var(--primary-hover-color);\n  border-color: transparent;\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6:hover:after,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6:hover:after {\n  background-color: var(--primary-hover-color);\n}\n\n.input_d6cdcd2d15:checked + .checkbox_79869804b6:after,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6: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_d6cdcd2d15:checked + .checkbox_79869804b6 > .icon_da0ad3fd27,\n.input_d6cdcd2d15:indeterminate + .checkbox_79869804b6 > .icon_da0ad3fd27 {\n  visibility: visible;\n}\n\n.input_d6cdcd2d15:checked:disabled + .checkbox_79869804b6:after,\n.input_d6cdcd2d15:indeterminate:disabled + .checkbox_79869804b6:after {\n  background-color: var(--disabled-background-color);\n}\n\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6,\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6:hover {\n  background-color: var(--disabled-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6 .icon_da0ad3fd27,\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6:hover .icon_da0ad3fd27 {\n  color: var(--disabled-text-color);\n}\n\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6,\n.input_d6cdcd2d15:disabled + .checkbox_79869804b6:hover {\n  cursor: not-allowed;\n}\n\n.input_d6cdcd2d15:disabled ~ .label_9c88d8a319 {\n  cursor: not-allowed;\n  color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_74aee9dbde {\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_3db2a52412","focus-visible":"focus-visible_bf7e39eb65",disabled:"disabled_e28e5ea83d",disableTextSelection:"disableTextSelection_7099134613",chips:"chips_fee6c12f10","chips-pop-in-emphasized":"chips-pop-in-emphasized_3f2b5f6a02",border:"border_c1632a1121",withUserSelect:"withUserSelect_c3e6b0e6d5",label:"label_73b1599847",noAnimation:"noAnimation_08cd029e41",icon:"icon_3217b7692a",avatar:"avatar_bb28835e6b",customRenderer:"customRenderer_378e8802e7",left:"left_28a97d28ef",right:"right_ee5ca6dacf",close:"close_a08284b7fb",defaultCursor:"defaultCursor_e28e5ea83d"};!function(e){const n="s_id-a8c9f55659fd_3_9_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_3db2a52412 {\n  cursor: pointer;\n}\n.clickable_3db2a52412:focus-visible, .clickable_3db2a52412.focus-visible_bf7e39eb65 {\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_3db2a52412:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.clickable_3db2a52412.disabled_e28e5ea83d {\n  cursor: default;\n}\n.disableTextSelection_7099134613 {\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_fee6c12f10 {\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_3f2b5f6a02 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_fee6c12f10.border_c1632a1121 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_fee6c12f10.withUserSelect_c3e6b0e6d5 {\n  user-select: text;\n  cursor: text;\n}\n.chips_fee6c12f10 .label_73b1599847 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_fee6c12f10.noAnimation_08cd029e41 {\n  animation: none;\n}\n.chips_fee6c12f10 .icon_3217b7692a,\n.chips_fee6c12f10 .avatar_bb28835e6b,\n.chips_fee6c12f10 .customRenderer_378e8802e7 {\n  min-width: 18px;\n}\n.chips_fee6c12f10 .icon_3217b7692a.left_28a97d28ef,\n.chips_fee6c12f10 .avatar_bb28835e6b.left_28a97d28ef,\n.chips_fee6c12f10 .customRenderer_378e8802e7.left_28a97d28ef {\n  margin-right: var(--spacing-xs);\n}\n.chips_fee6c12f10 .icon_3217b7692a.right_ee5ca6dacf,\n.chips_fee6c12f10 .avatar_bb28835e6b.right_ee5ca6dacf,\n.chips_fee6c12f10 .customRenderer_378e8802e7.right_ee5ca6dacf {\n  margin-left: var(--spacing-xs);\n}\n.chips_fee6c12f10 .icon_3217b7692a.close_a08284b7fb,\n.chips_fee6c12f10 .avatar_bb28835e6b.close_a08284b7fb,\n.chips_fee6c12f10 .customRenderer_378e8802e7.close_a08284b7fb {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_fee6c12f10.disabled_e28e5ea83d .icon_3217b7692a {\n  color: var(--disabled-text-color);\n}\n.chips_fee6c12f10.disabled_e28e5ea83d .label_73b1599847 {\n  color: var(--disabled-text-color);\n}\n.chips_fee6c12f10.defaultCursor_e28e5ea83d {\n  cursor: default;\n}\n.chips_fee6c12f10.clickable_3db2a52412 {\n  cursor: pointer;\n}\n.chips_fee6c12f10.clickable_3db2a52412:focus-visible, .chips_fee6c12f10.clickable_3db2a52412.focus-visible_bf7e39eb65 {\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_fee6c12f10.clickable_3db2a52412:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.chips_fee6c12f10.clickable_3db2a52412.disabled_e28e5ea83d {\n  cursor: default;\n}\n.chips_fee6c12f10.clickable_3db2a52412.disableTextSelection_7099134613 {\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_3f2b5f6a02 {\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_ebe36f6976","focus-visible":"focus-visible_c302bce27b",disabled:"disabled_df1b6a9175",disableTextSelection:"disableTextSelection_eff38e44d7",chips:"chips_0c593d31c6","chips-pop-in-emphasized":"chips-pop-in-emphasized_b791074831",border:"border_3fb93a30d4",withUserSelect:"withUserSelect_b089ae751f",label:"label_21130cb7ca",noAnimation:"noAnimation_ab66197960",icon:"icon_8b4c4ca054",avatar:"avatar_2954d35cc6",customRenderer:"customRenderer_ee21bc53d5",left:"left_f537bdbfdf",right:"right_8382af296f",close:"close_b03ed6e6cc",defaultCursor:"defaultCursor_df1b6a9175"};!function(e){const c="s_id-a8c9f55659fd_3_10_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const i=document.createElement("style");i.id=c,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".clickable_ebe36f6976 {\n  cursor: pointer;\n}\n.clickable_ebe36f6976:focus-visible, .clickable_ebe36f6976.focus-visible_c302bce27b {\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_ebe36f6976:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.clickable_ebe36f6976.disabled_df1b6a9175 {\n  cursor: default;\n}\n.disableTextSelection_eff38e44d7 {\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_0c593d31c6 {\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_b791074831 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_0c593d31c6.border_3fb93a30d4 {\n  border: 1px solid var(--primary-background-color);\n}\n.chips_0c593d31c6.withUserSelect_b089ae751f {\n  user-select: text;\n  cursor: text;\n}\n.chips_0c593d31c6 .label_21130cb7ca {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.chips_0c593d31c6.noAnimation_ab66197960 {\n  animation: none;\n}\n.chips_0c593d31c6 .icon_8b4c4ca054,\n.chips_0c593d31c6 .avatar_2954d35cc6,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5 {\n  min-width: 18px;\n}\n.chips_0c593d31c6 .icon_8b4c4ca054.left_f537bdbfdf,\n.chips_0c593d31c6 .avatar_2954d35cc6.left_f537bdbfdf,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5.left_f537bdbfdf {\n  margin-right: var(--spacing-xs);\n}\n.chips_0c593d31c6 .icon_8b4c4ca054.right_8382af296f,\n.chips_0c593d31c6 .avatar_2954d35cc6.right_8382af296f,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5.right_8382af296f {\n  margin-left: var(--spacing-xs);\n}\n.chips_0c593d31c6 .icon_8b4c4ca054.close_b03ed6e6cc,\n.chips_0c593d31c6 .avatar_2954d35cc6.close_b03ed6e6cc,\n.chips_0c593d31c6 .customRenderer_ee21bc53d5.close_b03ed6e6cc {\n  margin-left: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.chips_0c593d31c6.disabled_df1b6a9175 .icon_8b4c4ca054 {\n  color: var(--disabled-text-color);\n}\n.chips_0c593d31c6.disabled_df1b6a9175 .label_21130cb7ca {\n  color: var(--disabled-text-color);\n}\n.chips_0c593d31c6.defaultCursor_df1b6a9175 {\n  cursor: default;\n}\n.chips_0c593d31c6.clickable_ebe36f6976 {\n  cursor: pointer;\n}\n.chips_0c593d31c6.clickable_ebe36f6976:focus-visible, .chips_0c593d31c6.clickable_ebe36f6976.focus-visible_c302bce27b {\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_0c593d31c6.clickable_ebe36f6976:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.chips_0c593d31c6.clickable_ebe36f6976.disabled_df1b6a9175 {\n  cursor: default;\n}\n.chips_0c593d31c6.clickable_ebe36f6976.disableTextSelection_eff38e44d7 {\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_b791074831 {\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_3db2a52412","focus-visible":"focus-visible_bf7e39eb65",disabled:"disabled_e28e5ea83d",disableTextSelection:"disableTextSelection_7099134613"};!function(e){const n="s_id-8d33a9ee9e1f_3_9_3";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_3db2a52412 {\n  cursor: pointer;\n}\n.clickable_3db2a52412:focus-visible, .clickable_3db2a52412.focus-visible_bf7e39eb65 {\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_3db2a52412:focus:not(.focus-visible_bf7e39eb65) {\n  outline: none;\n}\n.clickable_3db2a52412.disabled_e28e5ea83d {\n  cursor: default;\n}\n.disableTextSelection_7099134613 {\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_ebe36f6976","focus-visible":"focus-visible_c302bce27b",disabled:"disabled_df1b6a9175",disableTextSelection:"disableTextSelection_eff38e44d7"};!function(e){const n="s_id-8d33a9ee9e1f_3_10_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_ebe36f6976 {\n  cursor: pointer;\n}\n.clickable_ebe36f6976:focus-visible, .clickable_ebe36f6976.focus-visible_c302bce27b {\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_ebe36f6976:focus:not(.focus-visible_c302bce27b) {\n  outline: none;\n}\n.clickable_ebe36f6976.disabled_df1b6a9175 {\n  cursor: default;\n}\n.disableTextSelection_eff38e44d7 {\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.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={colorPicker:"colorPicker_a4fd6f04d2",colorPickerDialogContent:"colorPickerDialogContent_ac387b76b4"};!function(e){const t="s_id-ffacbf9b6446_3_9_3";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_a4fd6f04d2.colorPickerDialogContent_ac387b76b4 {\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_22fe25b58c",colorPickerDialogContent:"colorPickerDialogContent_71a8af9033"};!function(e){const t="s_id-ffacbf9b6446_3_10_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_22fe25b58c.colorPickerDialogContent_71a8af9033 {\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_0f09f122f6",clearColorButton:"clearColorButton_dce7257aec"};!function(e){const n="s_id-774e60a23ee3_3_9_3";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_0f09f122f6 {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_dce7257aec {\n  margin-top: var(--spacing-small);\n}");export{e as default};
+var e={clearColorIcon:"clearColorIcon_4ab3e61e6d",clearColorButton:"clearColorButton_0b0b8d8caf"};!function(e){const n="s_id-774e60a23ee3_3_10_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_4ab3e61e6d {\n  margin-right: var(--spacing-small);\n}\n\n.clearColorButton_0b0b8d8caf {\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_73bd205f31"};!function(e){const d="s_id-0a5f0eb78ee4_3_9_3";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_73bd205f31 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
+var e={colorsGrid:"colorsGrid_7907fbbc56"};!function(e){const n="s_id-0a5f0eb78ee4_3_10_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".colorsGrid_7907fbbc56 {\n  padding: 0;\n  outline: none;\n  display: flex;\n  flex-wrap: wrap;\n}");export{e as default};
 //# sourceMappingURL=ColorPickerColorsGrid.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={itemWrapper:"itemWrapper_637b189a6a",circle:"circle_e2beb29be3",feedbackIndicator:"feedbackIndicator_edc14c7c1d",active:"active_ab634ad177",selectedColor:"selectedColor_979ca5115d",colorItem:"colorItem_426af994d8",colorIndicatorWrapper:"colorIndicatorWrapper_1cc0eadd3e",colorItemSizeSmall:"colorItemSizeSmall_0d29fc0cec",colorItemSizeMedium:"colorItemSizeMedium_d29a4ee242",colorItemSizeLarge:"colorItemSizeLarge_9b6091a210",colorItemTextMode:"colorItemTextMode_f4e951a3be",colorIconWhite:"colorIconWhite_9eebf1ba16"};!function(e){const r="s_id-2198989e565d_3_9_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.itemWrapper_637b189a6a {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_637b189a6a.circle_e2beb29be3 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_637b189a6a {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_637b189a6a .feedbackIndicator_edc14c7c1d {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_637b189a6a:focus,\n.itemWrapper_637b189a6a:focus-visible,\n.itemWrapper_637b189a6a.active_ab634ad177 {\n  outline: none;\n}\n\n.itemWrapper_637b189a6a:focus .feedbackIndicator_edc14c7c1d:before,\n.itemWrapper_637b189a6a:focus-visible .feedbackIndicator_edc14c7c1d:before,\n.itemWrapper_637b189a6a.active_ab634ad177 .feedbackIndicator_edc14c7c1d: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_637b189a6a:focus .feedbackIndicator_edc14c7c1d:after,\n.itemWrapper_637b189a6a:focus-visible .feedbackIndicator_edc14c7c1d:after,\n.itemWrapper_637b189a6a.active_ab634ad177 .feedbackIndicator_edc14c7c1d: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_637b189a6a:hover:not(.active_ab634ad177):not(.selectedColor_979ca5115d) .feedbackIndicator_edc14c7c1d {\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_637b189a6a .colorItem_426af994d8 {\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_637b189a6a .colorItem_426af994d8 .colorIndicatorWrapper_1cc0eadd3e {\n  margin-top: 3px;\n}\n\n.itemWrapper_637b189a6a .colorItem_426af994d8.colorItemSizeSmall_0d29fc0cec {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_637b189a6a .colorItem_426af994d8.colorItemSizeMedium_d29a4ee242 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_637b189a6a .colorItem_426af994d8.colorItemSizeLarge_9b6091a210 {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_637b189a6a.selectedColor_979ca5115d {\n  position: relative;\n}\n\n.itemWrapper_637b189a6a.selectedColor_979ca5115d: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_637b189a6a.selectedColor_979ca5115d .feedbackIndicator_edc14c7c1d:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_637b189a6a .colorItemTextMode_f4e951a3be:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_637b189a6a .colorIconWhite_9eebf1ba16 {\n  color: var(--color-snow_white);\n}');export{e as default};
+var e={itemWrapper:"itemWrapper_5589dab5cd",circle:"circle_404a9b4d11",feedbackIndicator:"feedbackIndicator_5825a99102",active:"active_3d2e802b44",selectedColor:"selectedColor_6a41d99231",colorItem:"colorItem_9378c0dd70",colorIndicatorWrapper:"colorIndicatorWrapper_564085bc93",colorItemSizeSmall:"colorItemSizeSmall_060783341a",colorItemSizeMedium:"colorItemSizeMedium_fc1aa514b5",colorItemSizeLarge:"colorItemSizeLarge_4edd3251cc",colorItemTextMode:"colorItemTextMode_c2c0c6bdd2",colorIconWhite:"colorIconWhite_2c6402835f"};!function(e){const r="s_id-2198989e565d_3_10_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_5589dab5cd {\n  --border-radius-multiplier: 1;\n}\n\n.itemWrapper_5589dab5cd.circle_404a9b4d11 {\n  --border-radius-multiplier: 99999;\n}\n\n/* stylelint-disable scss/operator-no-unspaced */\n\n.itemWrapper_5589dab5cd {\n  margin: 4px;\n  display: flex;\n  list-style-type: none;\n  position: relative;\n}\n\n.itemWrapper_5589dab5cd .feedbackIndicator_5825a99102 {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.itemWrapper_5589dab5cd:focus,\n.itemWrapper_5589dab5cd:focus-visible,\n.itemWrapper_5589dab5cd.active_3d2e802b44 {\n  outline: none;\n}\n\n.itemWrapper_5589dab5cd:focus .feedbackIndicator_5825a99102:before,\n.itemWrapper_5589dab5cd:focus-visible .feedbackIndicator_5825a99102:before,\n.itemWrapper_5589dab5cd.active_3d2e802b44 .feedbackIndicator_5825a99102: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_5589dab5cd:focus .feedbackIndicator_5825a99102:after,\n.itemWrapper_5589dab5cd:focus-visible .feedbackIndicator_5825a99102:after,\n.itemWrapper_5589dab5cd.active_3d2e802b44 .feedbackIndicator_5825a99102: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_5589dab5cd:hover:not(.active_3d2e802b44):not(.selectedColor_6a41d99231) .feedbackIndicator_5825a99102 {\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_5589dab5cd .colorItem_9378c0dd70 {\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_5589dab5cd .colorItem_9378c0dd70 .colorIndicatorWrapper_564085bc93 {\n  margin-top: 3px;\n}\n\n.itemWrapper_5589dab5cd .colorItem_9378c0dd70.colorItemSizeSmall_060783341a {\n  width: 24px;\n  height: 24px;\n}\n\n.itemWrapper_5589dab5cd .colorItem_9378c0dd70.colorItemSizeMedium_fc1aa514b5 {\n  width: 32px;\n  height: 32px;\n}\n\n.itemWrapper_5589dab5cd .colorItem_9378c0dd70.colorItemSizeLarge_4edd3251cc {\n  width: 40px;\n  height: 40px;\n}\n\n.itemWrapper_5589dab5cd.selectedColor_6a41d99231 {\n  position: relative;\n}\n\n.itemWrapper_5589dab5cd.selectedColor_6a41d99231: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_5589dab5cd.selectedColor_6a41d99231 .feedbackIndicator_5825a99102:before {\n  /* hide the outer border from the "active" feedback indicator */\n  display: none;\n}\n\n.itemWrapper_5589dab5cd .colorItemTextMode_c2c0c6bdd2:hover {\n  background-color: var(--primary-background-hover-color) !important;\n}\n\n.itemWrapper_5589dab5cd .colorIconWhite_2c6402835f {\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_6697f3e0cb",stickyCategory:"stickyCategory_71dfa40bfd",comboboxCategory:"comboboxCategory_ebfc69cdaf",sizeSmall:"sizeSmall_73f8428651",sizeMedium:"sizeMedium_6697f3e0cb",sizeLarge:"sizeLarge_73f8428651",empty:"empty_6138a30b53",comboboxSearchWrapper:"comboboxSearchWrapper_9a95b36308",comboboxNoResults:"comboboxNoResults_524aa4e7ea",comboboxMessageWrapper:"comboboxMessageWrapper_145ad2d4ad",comboboxMessage:"comboboxMessage_73b1599847",addNewButton:"addNewButton_aef94770a9",buttonLabel:"buttonLabel_73b1599847",comboboxList:"comboboxList_dd25c54921"};!function(o){const e="s_id-140391bb7df9_3_9_3";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_6697f3e0cb {\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_6697f3e0cb.stickyCategory_71dfa40bfd .comboboxCategory_ebfc69cdaf {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_6697f3e0cb.stickyCategory_71dfa40bfd.sizeSmall_73f8428651 .comboboxCategory_ebfc69cdaf {\n  top: 32px;\n}\n\n.combobox_6697f3e0cb.stickyCategory_71dfa40bfd.sizeMedium_6697f3e0cb .comboboxCategory_ebfc69cdaf {\n  top: 40px;\n}\n\n.combobox_6697f3e0cb.stickyCategory_71dfa40bfd.sizeLarge_73f8428651 .comboboxCategory_ebfc69cdaf {\n  top: 48px;\n}\n\n.combobox_6697f3e0cb.empty_6138a30b53 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_9a95b36308 {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_524aa4e7ea {\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_524aa4e7ea .comboboxMessageWrapper_145ad2d4ad {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_524aa4e7ea .comboboxMessageWrapper_145ad2d4ad .comboboxMessage_73b1599847 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_524aa4e7ea .addNewButton_aef94770a9 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_524aa4e7ea .addNewButton_aef94770a9 .buttonLabel_73b1599847 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_dd25c54921 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{o as default};
+var e={combobox:"combobox_ef14f3ea42",stickyCategory:"stickyCategory_a5f8dd0e4c",comboboxCategory:"comboboxCategory_8e3ab2e62e",sizeSmall:"sizeSmall_d37f7dd642",sizeMedium:"sizeMedium_ef14f3ea42",sizeLarge:"sizeLarge_d37f7dd642",empty:"empty_6c5b673fa4",comboboxSearchWrapper:"comboboxSearchWrapper_2fb8774bcd",comboboxNoResults:"comboboxNoResults_0f0f8eea81",comboboxMessageWrapper:"comboboxMessageWrapper_f9fda8b64d",comboboxMessage:"comboboxMessage_21130cb7ca",addNewButton:"addNewButton_9fece64315",buttonLabel:"buttonLabel_21130cb7ca",comboboxList:"comboboxList_95039e9f61"};!function(e){const o="s_id-140391bb7df9_3_10_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".combobox_ef14f3ea42 {\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_ef14f3ea42.stickyCategory_a5f8dd0e4c .comboboxCategory_8e3ab2e62e {\n  z-index: 10;\n  background-color: var(--secondary-background-color);\n}\n\n/* Relative to Search height */\n\n.combobox_ef14f3ea42.stickyCategory_a5f8dd0e4c.sizeSmall_d37f7dd642 .comboboxCategory_8e3ab2e62e {\n  top: 32px;\n}\n\n.combobox_ef14f3ea42.stickyCategory_a5f8dd0e4c.sizeMedium_ef14f3ea42 .comboboxCategory_8e3ab2e62e {\n  top: 40px;\n}\n\n.combobox_ef14f3ea42.stickyCategory_a5f8dd0e4c.sizeLarge_d37f7dd642 .comboboxCategory_8e3ab2e62e {\n  top: 48px;\n}\n\n.combobox_ef14f3ea42.empty_6c5b673fa4 {\n  max-height: 200px;\n  margin-bottom: 0;\n}\n\n.comboboxSearchWrapper_2fb8774bcd {\n  position: sticky;\n  top: 0;\n  z-index: 12;\n}\n\n.comboboxNoResults_0f0f8eea81 {\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_0f0f8eea81 .comboboxMessageWrapper_f9fda8b64d {\n  flex: 1 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.comboboxNoResults_0f0f8eea81 .comboboxMessageWrapper_f9fda8b64d .comboboxMessage_21130cb7ca {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxNoResults_0f0f8eea81 .addNewButton_9fece64315 {\n  flex: 0 0 auto;\n  width: 100% !important;\n  margin-bottom: 8px;\n}\n\n.comboboxNoResults_0f0f8eea81 .addNewButton_9fece64315 .buttonLabel_21130cb7ca {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxList_95039e9f61 {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 auto;\n  padding: 0 4px;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=Combobox.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={comboboxItemContainer:"comboboxItemContainer_884b96d663",dividerContainer:"dividerContainer_3432e6ac83",divider:"divider_4fe52cf65f",sticky:"sticky_3b5a15c737"};!function(e){const n="s_id-78c8179b7fe9_3_9_3";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_884b96d663 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_3432e6ac83 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_4fe52cf65f {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_3b5a15c737 {\n  position: sticky;\n  top: 0;\n  z-index: 20;\n}");export{e as default};
+var e={comboboxItemContainer:"comboboxItemContainer_29ee3643d0",dividerContainer:"dividerContainer_c41c52ac48",divider:"divider_0972d31527",sticky:"sticky_46130c9c11"};!function(e){const n="s_id-78c8179b7fe9_3_10_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_29ee3643d0 {\n  display: flex;\n  flex: auto;\n  width: 100%;\n  background-color: var(--secondary-background-color);\n}\n\n.dividerContainer_c41c52ac48 {\n  position: relative;\n  width: 95%;\n}\n\n.divider_0972d31527 {\n  position: absolute;\n  width: calc(100% + 16px);\n  margin-left: -12px;\n}\n\n.sticky_46130c9c11 {\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_0cc79cf5e4"};!function(e){const o="s_id-a004d249e1c1_3_9_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const c=document.createElement("style");c.id=o,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".comboboxCategory_0cc79cf5e4 {\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_b72b2bab2a"};!function(e){const o="s_id-a004d249e1c1_3_10_0";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_b72b2bab2a {\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_e789de967d",optionsContainer:"optionsContainer_8bbcceeb11",categoryWithOptions:"categoryWithOptions_6b445c6190",firstCategory:"firstCategory_11aa844dd0",categoryWithoutOptions:"categoryWithoutOptions_cb673992a0"};!function(t){const e="s_id-4d4facb041a8_3_9_3";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_e789de967d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_e789de967d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_8bbcceeb11 {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_6b445c6190.firstCategory_11aa844dd0,\n.categoryWithoutOptions_cb673992a0.firstCategory_11aa844dd0 {\n  padding-top: 0;\n}\n.categoryWithOptions_6b445c6190 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_cb673992a0 {\n  margin-bottom: 0;\n}");export{t as default};
+var t={scrollableContainer:"scrollableContainer_29d7754cb5",optionsContainer:"optionsContainer_08681f7e3b",categoryWithOptions:"categoryWithOptions_46a1614d46",firstCategory:"firstCategory_1dfda83fc3",categoryWithoutOptions:"categoryWithoutOptions_ce234dd431"};!function(t){const e="s_id-4d4facb041a8_3_10_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_29d7754cb5::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_29d7754cb5::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.optionsContainer_08681f7e3b {\n  overflow-x: visible;\n  overflow-y: auto;\n  margin-top: var(--spacing-small);\n}\n.categoryWithOptions_46a1614d46.firstCategory_1dfda83fc3,\n.categoryWithoutOptions_ce234dd431.firstCategory_1dfda83fc3 {\n  padding-top: 0;\n}\n.categoryWithOptions_46a1614d46 {\n  margin-bottom: var(--spacing-xs);\n}\n.categoryWithoutOptions_ce234dd431 {\n  margin-bottom: 0;\n}");export{t as default};
 //# sourceMappingURL=ComboboxItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={comboboxOption:"comboboxOption_8233fcdd9a",disabled:"disabled_b15bc0cd92",selected:"selected_e153c5e14f",active:"active_f135224b58",activeOutline:"activeOutline_f1ac8443f5",optionLabel:"optionLabel_4e0bbb7a2b",optionIcon:"optionIcon_53c6c301dc",left:"left_f3aa81395f"};!function(o){const n="s_id-cc5db5fd586e_3_9_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".comboboxOption_8233fcdd9a {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_8233fcdd9a.disabled_b15bc0cd92 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_8233fcdd9a.disabled_b15bc0cd92:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_8233fcdd9a.selected_e153c5e14f {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_8233fcdd9a:hover:not(.disabled_b15bc0cd92):not(.selected_e153c5e14f),\n.comboboxOption_8233fcdd9a.active_f135224b58 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_8233fcdd9a.activeOutline_f1ac8443f5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_8233fcdd9a .optionLabel_4e0bbb7a2b {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_8233fcdd9a .optionIcon_53c6c301dc {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_8233fcdd9a .optionIcon_53c6c301dc.left_f3aa81395f {\n  margin-right: 4px;\n}");export{o as default};
+var o={comboboxOption:"comboboxOption_f930f0359f",disabled:"disabled_9140c0ae82",selected:"selected_6d75d43420",active:"active_4559d4c1d6",activeOutline:"activeOutline_20b2aeef0d",optionLabel:"optionLabel_47802214fa",optionIcon:"optionIcon_125a631fdf",left:"left_eb2e6b92fa"};!function(o){const e="s_id-cc5db5fd586e_3_10_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".comboboxOption_f930f0359f {\n  padding: 8px;\n  width: 100%;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  cursor: pointer;\n  user-select: none;\n}\n\n.comboboxOption_f930f0359f.disabled_9140c0ae82 {\n  cursor: not-allowed;\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.comboboxOption_f930f0359f.disabled_9140c0ae82:hover {\n  background-color: transparent;\n}\n\n.comboboxOption_f930f0359f.selected_6d75d43420 {\n  background-color: var(--primary-selected-color);\n}\n\n.comboboxOption_f930f0359f:hover:not(.disabled_9140c0ae82):not(.selected_6d75d43420),\n.comboboxOption_f930f0359f.active_4559d4c1d6 {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n  position: relative;\n}\n\n.comboboxOption_f930f0359f.activeOutline_20b2aeef0d {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  background-color: var(--secondary-background-color);\n}\n\n.comboboxOption_f930f0359f .optionLabel_47802214fa {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.comboboxOption_f930f0359f .optionIcon_125a631fdf {\n  flex: 0 0 auto;\n}\n\n.comboboxOption_f930f0359f .optionIcon_125a631fdf.left_eb2e6b92fa {\n  margin-right: 4px;\n}");export{o as default};
 //# sourceMappingURL=ComboboxOption.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={stickyCategoryHeader:"stickyCategoryHeader_535a89bac7"};!function(e){const t="s_id-f549b49034f1_3_9_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_535a89bac7 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={stickyCategoryHeader:"stickyCategoryHeader_31b3a79a90"};!function(e){const t="s_id-f549b49034f1_3_10_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".stickyCategoryHeader_31b3a79a90 {\n  position: absolute;\n  z-index: 10;\n  width: calc(100% - 12px);\n  background-color: var(--primary-background-color);\n  padding-block: 10px var(--spacing-xs);\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=StickyCategoryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={counter:"counter_1f664f887e",withAnimation:"withAnimation_76fd1b5006",counterPopElastic:"counterPopElastic_5f86ec8718",sizeSmall:"sizeSmall_652f976bb4",sizeLarge:"sizeLarge_4d2e33c2de",kindFill:"kindFill_7700ff8551",colorPrimary:"colorPrimary_5ded666ec7",colorDark:"colorDark_1fcded6b17",colorNegative:"colorNegative_b0fba72a0c",colorLight:"colorLight_d3eb501457",kindLine:"kindLine_788fa54386",fadeEnter:"fadeEnter_6cce1686da",fadeEnterActive:"fadeEnterActive_199bb06a1e",fadeExit:"fadeExit_b78cab0708",fadeExitActive:"fadeExitActive_a11a37bfca","counter-pop-elastic":"counter-pop-elastic_e75b7e4553"};!function(n){const o="s_id-2d04cfa2a785_3_9_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_1f664f887e {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_e75b7e4553 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_76fd1b5006 {\n  animation: counterPopElastic_5f86ec8718 var(--motion-expressive-short);\n}\n.sizeSmall_652f976bb4 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_4d2e33c2de {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_7700ff8551.colorPrimary_5ded666ec7 {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_7700ff8551.colorDark_1fcded6b17 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_7700ff8551.colorNegative_b0fba72a0c {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_7700ff8551.colorLight_d3eb501457 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_788fa54386 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_788fa54386.colorPrimary_5ded666ec7 {\n  color: var(--primary-color);\n}\n.kindLine_788fa54386.colorDark_1fcded6b17 {\n  color: var(--inverted-color-background);\n}\n.kindLine_788fa54386.colorNegative_b0fba72a0c {\n  color: var(--negative-color);\n}\n.kindLine_788fa54386.colorLight_d3eb501457 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_6cce1686da {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_199bb06a1e {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_b78cab0708 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_a11a37bfca {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
+var n={counter:"counter_256b73c4ee",withAnimation:"withAnimation_61b77b66d6",counterPopElastic:"counterPopElastic_e108202f25",sizeSmall:"sizeSmall_3841bb5fa9",sizeLarge:"sizeLarge_5a1f124d86",kindFill:"kindFill_be95311c4f",colorPrimary:"colorPrimary_4498d9445b",colorDark:"colorDark_219dc4bdb8",colorNegative:"colorNegative_9a30fc9330",colorLight:"colorLight_cb02ab73c8",kindLine:"kindLine_cbb1ee1599",fadeEnter:"fadeEnter_cdbc816720",fadeEnterActive:"fadeEnterActive_f9832a5d2a",fadeExit:"fadeExit_0a1ed0688d",fadeExitActive:"fadeExitActive_7e85d90066","counter-pop-elastic":"counter-pop-elastic_1a4a113774"};!function(n){const o="s_id-2d04cfa2a785_3_10_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".counter_256b73c4ee {\n  display: inline-flex;\n  justify-content: center;\n  border-radius: 30px;\n  overflow: hidden;\n  transform-origin: center;\n}\n@keyframes counter-pop-elastic_1a4a113774 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n.withAnimation_61b77b66d6 {\n  animation: counterPopElastic_e108202f25 var(--motion-expressive-short);\n}\n.sizeSmall_3841bb5fa9 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  min-width: 18px;\n  line-height: 18px;\n  padding: 0 var(--spacing-small);\n}\n.sizeLarge_5a1f124d86 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  min-width: 24px;\n  padding: 2px var(--spacing-small);\n}\n.kindFill_be95311c4f.colorPrimary_4498d9445b {\n  color: var(--fixed-light-color);\n  background-color: var(--primary-color);\n}\n.kindFill_be95311c4f.colorDark_219dc4bdb8 {\n  color: var(--text-color-on-inverted);\n  background-color: var(--inverted-color-background);\n}\n.kindFill_be95311c4f.colorNegative_9a30fc9330 {\n  color: var(--fixed-light-color);\n  background-color: var(--negative-color);\n}\n.kindFill_be95311c4f.colorLight_cb02ab73c8 {\n  color: var(--primary-text-color);\n  background-color: var(--ui-background-color);\n}\n.kindLine_cbb1ee1599 {\n  box-shadow: 0 0 0 1px currentColor inset;\n}\n.kindLine_cbb1ee1599.colorPrimary_4498d9445b {\n  color: var(--primary-color);\n}\n.kindLine_cbb1ee1599.colorDark_219dc4bdb8 {\n  color: var(--inverted-color-background);\n}\n.kindLine_cbb1ee1599.colorNegative_9a30fc9330 {\n  color: var(--negative-color);\n}\n.kindLine_cbb1ee1599.colorLight_cb02ab73c8 {\n  color: var(--primary-text-color);\n  box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n/* New number enters */\n.fadeEnter_cdbc816720 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n.fadeEnterActive_f9832a5d2a {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n/* Old number exits */\n.fadeExit_0a1ed0688d {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n.fadeExitActive_7e85d90066 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
 //# sourceMappingURL=Counter.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={navigationItemContainer:"navigationItemContainer_39a53fcd64"};!function(e){const n="s_id-84193b4fa4fe_3_9_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".navigationItemContainer_39a53fcd64 {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
+var e={navigationItemContainer:"navigationItemContainer_2c3495ed3c"};!function(e){const n="s_id-84193b4fa4fe_3_10_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)}(".navigationItemContainer_2c3495ed3c {\n  line-height: 36px;\n  font-size: 28px;\n  color: var(--icon-color);\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=DateNavigationItem.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datepickerContainer:"datepickerContainer_f6cbb3729c",monthYearSelection:"monthYearSelection_33933c465f",rangePickerMode:"rangePickerMode_e3c6defa02",withWeekNumber:"withWeekNumber_312256ace2",calendarDayWeekNumber:"calendarDayWeekNumber_3ae0829a67"};!function(e){const n="s_id-08c822721057_3_9_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.datepickerContainer_f6cbb3729c {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_f6cbb3729c table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_f6cbb3729c td {\n  border: none;\n}\n.datepickerContainer_f6cbb3729c.monthYearSelection_33933c465f table tbody {\n  opacity: 0;\n}\n.datepickerContainer_f6cbb3729c.monthYearSelection_33933c465f .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_f6cbb3729c .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_f6cbb3729c .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_f6cbb3729c .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_f6cbb3729c .CalendarDay__blocked_calendar, .datepickerContainer_f6cbb3729c .CalendarDay__blocked_calendar:active, .datepickerContainer_f6cbb3729c .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_f6cbb3729c .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_f6cbb3729c .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_f6cbb3729c .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_f6cbb3729c .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_f6cbb3729c .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__hovered_span, .datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__hovered_span:hover::before, .datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_f6cbb3729c.rangePickerMode_e3c6defa02.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .CalendarDay .calendarDayWeekNumber_3ae0829a67 {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_3ae0829a67 {\n  display: flex;\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_3ae0829a67 {\n  display: none;\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_f6cbb3729c.withWeekNumber_312256ace2 .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
+var e={datepickerContainer:"datepickerContainer_4aded504fb",monthYearSelection:"monthYearSelection_01e5e93a7f",rangePickerMode:"rangePickerMode_fd51af2e00",withWeekNumber:"withWeekNumber_79d69493ee",calendarDayWeekNumber:"calendarDayWeekNumber_65d7cfc566"};!function(e){const n="s_id-08c822721057_3_10_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}('.datepickerContainer_4aded504fb {\n  position: relative;\n  min-height: 302px;\n}\n.datepickerContainer_4aded504fb table tbody {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  box-shadow: none;\n}\n.datepickerContainer_4aded504fb td {\n  border: none;\n}\n.datepickerContainer_4aded504fb.monthYearSelection_01e5e93a7f table tbody {\n  opacity: 0;\n}\n.datepickerContainer_4aded504fb.monthYearSelection_01e5e93a7f .DayPicker_transitionContainer__horizontal {\n  transition: none;\n}\n.datepickerContainer_4aded504fb .CalendarMonthGrid {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_4aded504fb .CalendarMonth {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_4aded504fb .DayPicker__horizontal {\n  background-color: var(--secondary-background-color);\n}\n.datepickerContainer_4aded504fb .DayPicker {\n  box-shadow: none;\n  border: none;\n  border-radius: 0;\n}\n.datepickerContainer_4aded504fb .CalendarDay__default {\n  border: none;\n  font-size: 16px;\n  font-weight: 300;\n  color: var(--primary-text-on-secondary-color);\n  background-color: var(--secondary-background-color);\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_4aded504fb .CalendarDay__default:hover {\n  background: none;\n  border: none;\n  border-top: 1px solid var(--secondary-background-color);\n  border-bottom: 1px solid var(--secondary-background-color);\n}\n.datepickerContainer_4aded504fb .CalendarDay__default:hover::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background-color: var(--primary-background-hover-color);\n}\n.datepickerContainer_4aded504fb .CalendarDay__default.CalendarDay__selected {\n  color: var(--text-color-on-primary);\n}\n.datepickerContainer_4aded504fb .CalendarDay__default.CalendarDay__selected::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: none;\n  background: var(--primary-color);\n}\n.datepickerContainer_4aded504fb .CalendarDay__default.CalendarDay__selected::before:hover {\n  color: var(--text-color-on-primary);\n  background: var(--primary-color);\n}\n.datepickerContainer_4aded504fb .CalendarMonth_caption {\n  color: var(--primary-text-on-secondary-color);\n}\n.datepickerContainer_4aded504fb .CalendarDay__today::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_4aded504fb .CalendarDay__today:hover::before {\n  border: 1px solid var(--primary-color);\n}\n.datepickerContainer_4aded504fb .CalendarDay__blocked_calendar, .datepickerContainer_4aded504fb .CalendarDay__blocked_calendar:active, .datepickerContainer_4aded504fb .CalendarDay__blocked_calendar:hover {\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.2;\n  pointer-events: none;\n}\n.datepickerContainer_4aded504fb .DayPicker_weekHeader_li small {\n  font-size: 12px;\n  color: var(--secondary-text-on-secondary-color);\n  font-weight: 300;\n  cursor: default;\n}\n.datepickerContainer_4aded504fb .DayPickerNavigation_rightButton__horizontal {\n  right: 22px;\n}\n.datepickerContainer_4aded504fb .DayPickerNavigation .DayPickerNavigation_button:nth-child(1) {\n  left: 12px;\n}\n.datepickerContainer_4aded504fb .DayPickerNavigation .DayPickerNavigation_button:nth-child(2) {\n  right: 12px;\n}\n.datepickerContainer_4aded504fb .DayPickerNavigation_button__horizontal {\n  position: absolute;\n  top: 15px;\n  line-height: 0.78;\n  border-radius: 3px;\n  padding: 6px 9px;\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected.CalendarDay__selected_start {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected.CalendarDay__selected_start:hover {\n  background: linear-gradient(90deg, var(--secondary-background-color) 50%, var(--primary-selected-color) 50%);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected.CalendarDay__selected_start::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected.CalendarDay__selected_end {\n  border-radius: 0;\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n  z-index: 1;\n  position: relative;\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected.CalendarDay__selected_end:hover {\n  background: linear-gradient(90deg, var(--primary-selected-color) 50%, var(--secondary-background-color) 50%);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected.CalendarDay__selected_end::before {\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 0;\n  box-sizing: border-box;\n  content: "";\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  border-radius: 50%;\n  background-color: var(--primary-color);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__hovered_span, .datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__hovered_span:hover {\n  border-radius: 0;\n  color: var(--primary-text-color);\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__hovered_span:hover::before, .datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__hovered_span:hover:hover::before {\n  border-radius: 0;\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected_span {\n  background: var(--primary-selected-color);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected_span:hover {\n  color: var(--primary-text-color);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00 .CalendarDay__selected_span:hover::before {\n  border-radius: 0;\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00.range-single-date-selected .CalendarDay__hovered_span {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00.range-single-date-selected .CalendarDay__hovered_span.CalendarDay__today::before {\n  border-radius: 0;\n}\n.datepickerContainer_4aded504fb.rangePickerMode_fd51af2e00.range-single-date-selected .CalendarDay__hovered_span:hover::before {\n  background: var(--primary-background-hover-color);\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee {\n  padding: 0 4px 0 8px;\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .CalendarDay .calendarDayWeekNumber_65d7cfc566 {\n  color: rgba(177, 177, 184, 0.7490196078);\n  pointer-events: none;\n  visibility: visible;\n  display: none;\n  align-items: center;\n  justify-content: center;\n  position: absolute;\n  top: -1px;\n  font-size: 14px;\n  width: 40px;\n  height: 37px;\n  left: 0px;\n  transform: translateX(-100%);\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay .calendarDayWeekNumber_65d7cfc566 {\n  display: flex;\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) tr > td.CalendarDay ~ td.CalendarDay .calendarDayWeekNumber_65d7cfc566 {\n  display: none;\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .DayPicker_weekHeader:before {\n  content: "Wk";\n  position: absolute;\n  font-size: 12px;\n  width: 40px;\n  top: 3px;\n  left: -28px;\n  height: 24px;\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .DayPicker__horizontal {\n  margin: 4px;\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .CalendarMonthGrid_month__horizontal:not(.CalendarMonthGrid_month__hidden) {\n  margin-left: 17px;\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .DayPicker_weekHeader {\n  padding: 0 !important;\n  left: 30px !important;\n}\n.datepickerContainer_4aded504fb.withWeekNumber_79d69493ee .CalendarMonth_caption {\n  margin-right: 20px;\n}');export{e as default};
 //# sourceMappingURL=DatePicker.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={datePickerHeader:"datePickerHeader_3467beb958",button:"button_58b22c46a7",buttonContent:"buttonContent_d0c96f4831"};!function(e){const n="s_id-89778422f1e0_3_9_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_3467beb958 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_3467beb958 .button_58b22c46a7 {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_3467beb958 .button_58b22c46a7 .buttonContent_d0c96f4831 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_3467beb958 .button_58b22c46a7 .buttonContent_d0c96f4831:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
+var e={datePickerHeader:"datePickerHeader_7bd10cc7a2",button:"button_7ed97cb35c",buttonContent:"buttonContent_45678c3807"};!function(e){const n="s_id-89778422f1e0_3_10_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".datePickerHeader_7bd10cc7a2 {\n  display: flex;\n  text-align: center;\n  justify-content: center;\n  align-items: center;\n}\n.datePickerHeader_7bd10cc7a2 .button_7ed97cb35c {\n  border: none;\n  padding: 0;\n  margin: 0;\n  background: none;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.datePickerHeader_7bd10cc7a2 .button_7ed97cb35c .buttonContent_45678c3807 {\n  border-radius: 50%;\n  width: 24px;\n  height: 24px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  transition: all 0.1s ease;\n  color: var(--primary-text-on-secondary-color, true);\n}\n.datePickerHeader_7bd10cc7a2 .button_7ed97cb35c .buttonContent_45678c3807:hover {\n  background-color: var(--primary-background-hover-on-secondary-color);\n  text-decoration: none;\n}");export{e as default};
 //# sourceMappingURL=DatePickerHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={monthYearPicker:"monthYearPicker_1b6480da79",navigationWrapper:"navigationWrapper_6c51e2c79e",navigationLeft:"navigationLeft_da87790da7",navigationRight:"navigationRight_0d85757f72",pickerOptions:"pickerOptions_85e55f2e3c",pickerOption:"pickerOption_8a8c6da023"};!function(e){const n="s_id-38af31aef936_3_9_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_1b6480da79 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_1b6480da79 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_1b6480da79 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_1b6480da79 .navigationWrapper_6c51e2c79e {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_1b6480da79 .navigationWrapper_6c51e2c79e.navigationLeft_da87790da7 {\n  left: 21px;\n}\n.monthYearPicker_1b6480da79 .navigationWrapper_6c51e2c79e.navigationRight_0d85757f72 {\n  right: 21px;\n}\n.monthYearPicker_1b6480da79 .pickerOptions_85e55f2e3c {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_1b6480da79 .pickerOptions_85e55f2e3c .pickerOption_8a8c6da023 {\n  min-width: 66px;\n}\n.monthYearPicker_1b6480da79 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
+var e={monthYearPicker:"monthYearPicker_143b0d83e2",navigationWrapper:"navigationWrapper_f42297cb35",navigationLeft:"navigationLeft_e97c62cc79",navigationRight:"navigationRight_20f8f331a9",pickerOptions:"pickerOptions_ff3683eb7e",pickerOption:"pickerOption_08d2ff21c3"};!function(e){const n="s_id-38af31aef936_3_10_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".monthYearPicker_143b0d83e2 {\n  position: absolute;\n  top: 0px;\n  left: 0;\n  right: 0;\n  height: 100%;\n  z-index: 10;\n  pointer-events: none;\n}\n.monthYearPicker_143b0d83e2 .slide-down-appear {\n  opacity: 0;\n}\n.monthYearPicker_143b0d83e2 .slide-down-appear-active {\n  transition: opacity 0.4s ease;\n  opacity: 1;\n}\n.monthYearPicker_143b0d83e2 .navigationWrapper_f42297cb35 {\n  position: absolute;\n  top: 21px;\n  pointer-events: all;\n  cursor: pointer;\n}\n.monthYearPicker_143b0d83e2 .navigationWrapper_f42297cb35.navigationLeft_e97c62cc79 {\n  left: 21px;\n}\n.monthYearPicker_143b0d83e2 .navigationWrapper_f42297cb35.navigationRight_20f8f331a9 {\n  right: 21px;\n}\n.monthYearPicker_143b0d83e2 .pickerOptions_ff3683eb7e {\n  text-align: center;\n  background-color: #fff;\n  background-color: var(--secondary-background-color);\n  position: absolute;\n  top: 55px;\n  pointer-events: all;\n}\n.monthYearPicker_143b0d83e2 .pickerOptions_ff3683eb7e .pickerOption_08d2ff21c3 {\n  min-width: 66px;\n}\n.monthYearPicker_143b0d83e2 .CalendarYear--blocked {\n  color: var(--disabled-text-color);\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=YearPicker.module.scss.js.map