npm - @vibe/core - Versions diffs - 3.0.0-alpha.3 → 3.0.0-alpha.5 - Mend

@vibe/core 3.0.0-alpha.3 → 3.0.0-alpha.5

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

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport Icon from \"../../../../components/Icon/Icon\";\nimport Check from \"../../../../components/Icon/Icons/components/Check\";\nimport Divider from \"../../../../components/Divider/Divider\";\nimport { NOOP } from \"../../../../utils/function-utils\";\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport Clickable from \"../../../../components/Clickable/Clickable\";\nimport { MultiStepSize, MultiStepType, StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n status: StepStatus;\n isFulfilledStepDisplayNumber: boolean;\n fulfilledStepIcon: SubIcon;\n fulfilledStepIconType: \"svg\" \| \"font\";\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n iconType={fulfilledStepIconType}\n ignoreFocusStyle\n ariaHidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n status: StepStatus;\n titleText: string;\n subtitleText?: string;\n stepNumber?: number;\n stepComponentClassName?: string;\n type?: MultiStepType;\n fulfilledStepIcon?: SubIcon;\n fulfilledStepIconType?: \"svg\" \| \"font\";\n isFulfilledStepDisplayNumber?: boolean;\n onClick?: (stepNumber: number) => void;\n isFollowedByDivider?: boolean;\n stepDividerClassName?: string;\n isVertical?: boolean;\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex=\"-1\"\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition<undefined>\n // CSSTransition needs to be specified with the generic parameter to decide type for addEndListener's callback\n // otherwise, addEndListener cb has only `done` param (ts error)\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={(node: HTMLElement, done: () => void) => {\n node.addEventListener(\"transitionend\", done, false);\n }}\n key={status}\n >\n <span className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/* for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","createElement","Fragment","stepNumber","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","iconType","ignoreFocusStyle","ariaHidden","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","node","done","addEventListener","key","Divider","divider","HiddenText","text"],"mappings":"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"}
1	+ {"version":3,"file":"StepIndicator.js","sources":["../../../../../../src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { keyCodes } from \"../../../../constants/keyCodes\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport Icon from \"../../../../components/Icon/Icon\";\nimport { Check } from \"@vibe/icons\";\nimport Divider from \"../../../../components/Divider/Divider\";\nimport { NOOP } from \"../../../../utils/function-utils\";\nimport HiddenText from \"../../../../components/HiddenText/HiddenText\";\nimport Clickable from \"../../../../components/Clickable/Clickable\";\nimport { MultiStepSize, MultiStepType, StepStatus } from \"../../MultiStep.types\";\nimport styles from \"./StepIndicator.module.scss\";\nimport classNames from \"classnames\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport interface StepCircleDisplayProps {\n status: StepStatus;\n isFulfilledStepDisplayNumber: boolean;\n fulfilledStepIcon: SubIcon;\n fulfilledStepIconType: \"svg\" \| \"font\";\n stepNumber: number;\n}\n\nconst StepCircleDisplay: React.FC<StepCircleDisplayProps> = ({\n status,\n isFulfilledStepDisplayNumber,\n fulfilledStepIcon,\n fulfilledStepIconType,\n stepNumber\n}) => {\n return status === \"fulfilled\" && !isFulfilledStepDisplayNumber ? (\n <Icon\n icon={fulfilledStepIcon}\n className={classNames(styles.numberContainerTextCheckIcon)}\n iconType={fulfilledStepIconType}\n ignoreFocusStyle\n ariaHidden={true}\n />\n ) : (\n <>{stepNumber}</>\n );\n};\n\nexport interface StepIndicatorProps extends VibeComponentProps {\n status: StepStatus;\n titleText: string;\n subtitleText?: string;\n stepNumber?: number;\n stepComponentClassName?: string;\n type?: MultiStepType;\n fulfilledStepIcon?: SubIcon;\n fulfilledStepIconType?: \"svg\" \| \"font\";\n isFulfilledStepDisplayNumber?: boolean;\n onClick?: (stepNumber: number) => void;\n isFollowedByDivider?: boolean;\n stepDividerClassName?: string;\n isVertical?: boolean;\n size?: MultiStepSize;\n}\n\nconst StepIndicator: React.FC<StepIndicatorProps> = ({\n stepComponentClassName,\n stepNumber = 1,\n status = \"pending\",\n titleText = \"Heading text\",\n subtitleText = \"Subtitle text\",\n type = \"primary\",\n fulfilledStepIcon = Check,\n fulfilledStepIconType = \"svg\",\n isFulfilledStepDisplayNumber = false,\n onClick = NOOP,\n isFollowedByDivider = false,\n stepDividerClassName,\n isVertical = false,\n id,\n size = \"regular\",\n \"data-testid\": dataTestId\n}: StepIndicatorProps) => {\n // Animations state\n const [statusChangeAnimationState, setStatusChangeAnimationState] = useState(false);\n\n // Refs\n const componentRef = useRef(null);\n const prevStatusRef = useRef(status);\n\n // Callbacks for modifying animation state\n const enableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(true);\n }, [setStatusChangeAnimationState]);\n\n const disableStatusChangeAnimation = useCallback(() => {\n setStatusChangeAnimationState(false);\n }, [setStatusChangeAnimationState]);\n\n const isStatusTransition = useCallback(() => prevStatusRef.current !== status, [prevStatusRef, status]);\n\n const handleClick = useCallback(() => {\n if (onClick) onClick(stepNumber);\n }, [onClick, stepNumber]);\n\n // Event listeners for removing animation.\n useEventListener({\n eventName: \"animationend\",\n callback: disableStatusChangeAnimation,\n ref: componentRef\n });\n\n useKeyEvent({\n keys: KEYS,\n callback: handleClick,\n ref: componentRef\n });\n\n // Effect - triggering animation when necessary.\n useEffect(() => {\n if (isStatusTransition()) {\n enableStatusChangeAnimation();\n }\n }, [status, isStatusTransition, enableStatusChangeAnimation]);\n\n // Effect - updating previous status ref value (for animation) after component update.\n useEffect(() => {\n prevStatusRef.current = status;\n }, [status]);\n\n const ariaLabel = useMemo(() => {\n return `Step ${stepNumber}: ${titleText} - ${subtitleText}, status: ${status}`;\n }, [status, titleText, stepNumber, subtitleText]);\n\n const getClassNamesWithSuffix = (suffix: string) => {\n return [\n getStyle(styles, camelCase(suffix \|\| \"indicator\")),\n getStyle(styles, camelCase(`type-${type}${suffix}`)),\n getStyle(styles, camelCase(`status-${status}${suffix}`)),\n getStyle(styles, camelCase(`size-${size}${suffix}`))\n ];\n };\n\n return (\n <Clickable\n tabIndex=\"-1\"\n elementType=\"li\"\n className={cx(...getClassNamesWithSuffix(\"\"), stepComponentClassName, {\n [styles.withAnimation]: statusChangeAnimationState,\n [styles.clickable]: onClick,\n [styles.textPlacementVertical]: isVertical\n })}\n aria-label={ariaLabel}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.STEP_INDICATOR, id)}\n >\n <div className={cx(...getClassNamesWithSuffix(\"__number-divider-container\"))}>\n <div\n className={cx(...getClassNamesWithSuffix(\"__number-container\"))}\n ref={componentRef}\n tabIndex={0}\n role=\"button\"\n >\n <SwitchTransition mode=\"out-in\">\n <CSSTransition<undefined>\n // CSSTransition needs to be specified with the generic parameter to decide type for addEndListener's callback\n // otherwise, addEndListener cb has only `done` param (ts error)\n classNames={{\n enter: styles.swapEnter,\n enterActive: styles.swapEnterActive,\n exit: styles.swapExit,\n exitActive: styles.swapExitActive\n }}\n addEndListener={(node: HTMLElement, done: () => void) => {\n node.addEventListener(\"transitionend\", done, false);\n }}\n key={status}\n >\n <span className={cx(...getClassNamesWithSuffix(\"__number-container__text\"))}>\n <StepCircleDisplay\n fulfilledStepIcon={fulfilledStepIcon}\n fulfilledStepIconType={fulfilledStepIconType}\n isFulfilledStepDisplayNumber={isFulfilledStepDisplayNumber}\n stepNumber={stepNumber}\n status={status}\n />\n </span>\n </CSSTransition>\n </SwitchTransition>\n </div>\n {isFollowedByDivider && isVertical && <Divider className={cx(styles.divider, stepDividerClassName)} />}\n </div>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container\"))}>\n <div className={cx(...getClassNamesWithSuffix(\"__text-container__title\"))}>\n <HiddenText text={status} /> {/* for accessibility */}\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__title__text\"))}>{titleText}</span>\n </div>\n {size !== \"compact\" ? (\n <span className={cx(...getClassNamesWithSuffix(\"__text-container__subtitle__text\"))}>{subtitleText}</span>\n ) : null}\n </div>\n </Clickable>\n );\n};\n\nexport default StepIndicator;\n"],"names":["KEYS","keyCodes","ENTER","SPACE","StepCircleDisplay","_ref","fulfilledStepIcon","fulfilledStepIconType","status","isFulfilledStepDisplayNumber","React","createElement","Fragment","stepNumber","Icon","icon","className","classNames","styles","numberContainerTextCheckIcon","iconType","ignoreFocusStyle","ariaHidden","StepIndicator","_ref2","stepComponentClassName","_ref2$stepNumber","_ref2$status","_ref2$titleText","titleText","_ref2$subtitleText","subtitleText","_ref2$type","type","_ref2$fulfilledStepIc","Check","_ref2$fulfilledStepIc2","_ref2$isFulfilledStep","_ref2$onClick","onClick","NOOP","_ref2$isFollowedByDiv","isFollowedByDivider","stepDividerClassName","_ref2$isVertical","isVertical","id","_ref2$size","size","dataTestId","_useState","useState","_useState2","_slicedToArray","statusChangeAnimationState","setStatusChangeAnimationState","componentRef","useRef","prevStatusRef","enableStatusChangeAnimation","useCallback","disableStatusChangeAnimation","isStatusTransition","current","handleClick","useEventListener","eventName","callback","ref","useKeyEvent","keys","useEffect","ariaLabel","useMemo","concat","getClassNamesWithSuffix","suffix","getStyle","camelCase","Clickable","tabIndex","elementType","cx","apply","_toConsumableArray","_defineProperty","withAnimation","clickable","textPlacementVertical","getTestId","ComponentDefaultTestId","STEP_INDICATOR","role","SwitchTransition","mode","CSSTransition","enter","swapEnter","enterActive","swapEnterActive","exit","swapExit","exitActive","swapExitActive","addEndListener","node","done","addEventListener","key","Divider","divider","HiddenText","text"],"mappings":"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"}

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_5e6c8c2b16",textContainer:"textContainer_c662233d3e",sizeCompactTextContainer:"sizeCompactTextContainer_3e17c92a58",textContainerTitle:"textContainerTitle_032981eef7",visuallyHidden:"visuallyHidden_4967ee4e04",textContainerTitleText:"textContainerTitleText_6cf2e2b83e",textContainerSubtitleText:"textContainerSubtitleText_704b00631c",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_22caf7fcd7",textPlacementVertical:"textPlacementVertical_bd5d6e0da3",numberDividerContainer:"numberDividerContainer_e689f253e6",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_46e761a321",divider:"divider_be76566e85",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_1cd55e9c2a",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_270e2d7d7c",clickable:"clickable_e0d10af4aa",withAnimation:"withAnimation_a4e8280ad3",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_eb26a95fe6",swapEnter:"swapEnter_af44f41c74",swapEnterActive:"swapEnterActive_f4088c482b",swapExit:"swapExit_d80ecdef93",swapExitActive:"swapExitActive_fa6f8367af",numberContainer:"numberContainer_dd2d93d783",numberContainerText:"numberContainerText_4420eaa028",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_073b64037e",typePrimaryNumberContainer:"typePrimaryNumberContainer_9d69a05eda",typeDangerNumberContainer:"typeDangerNumberContainer_509352e93e",typeSuccessNumberContainer:"typeSuccessNumberContainer_c851b64aa3",typeDarkNumberContainer:"typeDarkNumberContainer_1a4dc6d9ac",statusActiveNumberContainer:"statusActiveNumberContainer_3b798fa069",sizeCompactNumberContainer:"sizeCompactNumberContainer_764900ff52",statusPendingNumberContainer:"statusPendingNumberContainer_ad0ccb5f04","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_5bc4f4128a"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-f9249b867669_3_0_0-alpha_2";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator_5e6c8c2b16 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_c662233d3e {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_3e17c92a58 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_032981eef7 {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_032981eef7 .visuallyHidden_4967ee4e04 {\n  display: none;\n}\n\n.textContainerTitleText_6cf2e2b83e {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_704b00631c {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_22caf7fcd7 {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_bd5d6e0da3 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_bd5d6e0da3 .textContainer_c662233d3e {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_bd5d6e0da3 .numberDividerContainer_e689f253e6 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_46e761a321 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_bd5d6e0da3 .numberDividerContainer_e689f253e6 .divider_be76566e85 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_1cd55e9c2a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_1cd55e9c2a.statusActiveNumberDividerContainer_270e2d7d7c {\n  width: 40px;\n}\n\n.indicator_5e6c8c2b16.clickable_e0d10af4aa {\n  cursor: pointer;\n}\n\n.withAnimation_a4e8280ad3 {\n  animation: stepIndicatiorCirclePopElastic_eb26a95fe6 var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_af44f41c74 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_f4088c482b {\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\n/* Old state leaves */\n\n.swapExit_d80ecdef93 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_fa6f8367af {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_dd2d93d783 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_4420eaa028 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_073b64037e {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_9d69a05eda {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_9d69a05eda:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_509352e93e {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_509352e93e:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_c851b64aa3 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_c851b64aa3:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_1a4dc6d9ac {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_1a4dc6d9ac:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_3b798fa069 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_3b798fa069.typeDangerNumberContainer_509352e93e {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_3b798fa069.typeSuccessNumberContainer_c851b64aa3 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_3b798fa069.typeDarkNumberContainer_1a4dc6d9ac {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_764900ff52 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_ad0ccb5f04 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_ad0ccb5f04:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_ad0ccb5f04.typeDangerNumberContainer_509352e93e:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_ad0ccb5f04.typeSuccessNumberContainer_c851b64aa3:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_ad0ccb5f04.typeDarkNumberContainer_1a4dc6d9ac:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_5bc4f4128a {\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}");export{n as default};
+var n={indicator:"indicator_5ebb37ec01",textContainer:"textContainer_39d935d73e",sizeCompactTextContainer:"sizeCompactTextContainer_045b8d336a",textContainerTitle:"textContainerTitle_296a5eb04c",visuallyHidden:"visuallyHidden_c84a65289d",textContainerTitleText:"textContainerTitleText_3a8dd25557",textContainerSubtitleText:"textContainerSubtitleText_d8a139293a",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_39bfe4f6cd",textPlacementVertical:"textPlacementVertical_ed7a3b4603",numberDividerContainer:"numberDividerContainer_e534832cd7",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_dfb9a60a14",divider:"divider_c2ad0390a7",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_d161bd1f27",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_959ae604e8",clickable:"clickable_7dc88b9cc5",withAnimation:"withAnimation_44bb603493",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_17976610a1",swapEnter:"swapEnter_8565f0241f",swapEnterActive:"swapEnterActive_855d578ad1",swapExit:"swapExit_5f1bb4f056",swapExitActive:"swapExitActive_0ba5ae87e8",numberContainer:"numberContainer_9f80a0e5b5",numberContainerText:"numberContainerText_5cf3ce2c88",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_ba1194196b",typePrimaryNumberContainer:"typePrimaryNumberContainer_d493ebc6b3",typeDangerNumberContainer:"typeDangerNumberContainer_2daf4d27a7",typeSuccessNumberContainer:"typeSuccessNumberContainer_f8b7b2663b",typeDarkNumberContainer:"typeDarkNumberContainer_5e953ecbb4",statusActiveNumberContainer:"statusActiveNumberContainer_cab663849c",sizeCompactNumberContainer:"sizeCompactNumberContainer_e2c016b088",statusPendingNumberContainer:"statusPendingNumberContainer_4e5ae28952","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_cc3f1c526e"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-f9249b867669_3_0_0-alpha_5";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".indicator_5ebb37ec01 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_39d935d73e {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_045b8d336a {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_296a5eb04c {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_296a5eb04c .visuallyHidden_c84a65289d {\n  display: none;\n}\n\n.textContainerTitleText_3a8dd25557 {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_d8a139293a {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_39bfe4f6cd {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_ed7a3b4603 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_ed7a3b4603 .textContainer_39d935d73e {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_ed7a3b4603 .numberDividerContainer_e534832cd7 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_dfb9a60a14 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_ed7a3b4603 .numberDividerContainer_e534832cd7 .divider_c2ad0390a7 {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_d161bd1f27 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_d161bd1f27.statusActiveNumberDividerContainer_959ae604e8 {\n  width: 40px;\n}\n\n.indicator_5ebb37ec01.clickable_7dc88b9cc5 {\n  cursor: pointer;\n}\n\n.withAnimation_44bb603493 {\n  animation: stepIndicatiorCirclePopElastic_17976610a1 var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_8565f0241f {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_855d578ad1 {\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\n/* Old state leaves */\n\n.swapExit_5f1bb4f056 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_0ba5ae87e8 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_9f80a0e5b5 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_5cf3ce2c88 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_ba1194196b {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_d493ebc6b3 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_d493ebc6b3:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_2daf4d27a7 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_2daf4d27a7:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_f8b7b2663b {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_f8b7b2663b:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_5e953ecbb4 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_5e953ecbb4:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_cab663849c {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_cab663849c.typeDangerNumberContainer_2daf4d27a7 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_cab663849c.typeSuccessNumberContainer_f8b7b2663b {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_cab663849c.typeDarkNumberContainer_5e953ecbb4 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_e2c016b088 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_4e5ae28952 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_4e5ae28952:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_4e5ae28952.typeDangerNumberContainer_2daf4d27a7:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_4e5ae28952.typeSuccessNumberContainer_f8b7b2663b:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_4e5ae28952.typeDarkNumberContainer_5e953ecbb4:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_cc3f1c526e {\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}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bar:"bar_23cff4d7a8",typePrimaryPrimary:"typePrimaryPrimary_9d69a05eda",typePrimarySecondary:"typePrimarySecondary_2a3c483b99",typePrimaryPositive:"typePrimaryPositive_c851b64aa3",typePrimaryNegative:"typePrimaryNegative_509352e93e",typePrimaryWarning:"typePrimaryWarning_8decdcecb4",typeSecondaryPrimary:"typeSecondaryPrimary_2303624d4e",typeSecondarySecondary:"typeSecondarySecondary_7c33077bdc",typeSecondaryPositive:"typeSecondaryPositive_6bb5f1444d",typeSecondaryNegative:"typeSecondaryNegative_460c2f0dbd",typeSecondaryWarning:"typeSecondaryWarning_2a90ce6972",animate:"animate_4353060a2b"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-4250992e3ce2_3_0_0-alpha_2";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))}(".bar_23cff4d7a8 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_9d69a05eda {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_2a3c483b99 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_c851b64aa3 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_509352e93e {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_8decdcecb4 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_2303624d4e {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_7c33077bdc {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_6bb5f1444d {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_460c2f0dbd {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_2a90ce6972 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_4353060a2b {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_8c7596eeb7",typePrimaryPrimary:"typePrimaryPrimary_d493ebc6b3",typePrimarySecondary:"typePrimarySecondary_744ced38fb",typePrimaryPositive:"typePrimaryPositive_f8b7b2663b",typePrimaryNegative:"typePrimaryNegative_2daf4d27a7",typePrimaryWarning:"typePrimaryWarning_ccd61fd9ad",typeSecondaryPrimary:"typeSecondaryPrimary_49934d4692",typeSecondarySecondary:"typeSecondarySecondary_d1e5a93fb5",typeSecondaryPositive:"typeSecondaryPositive_66f6f16f7f",typeSecondaryNegative:"typeSecondaryNegative_4510bb241e",typeSecondaryWarning:"typeSecondaryWarning_ab752ce89c",animate:"animate_6dd6b38b76"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-4250992e3ce2_3_0_0-alpha_5";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))}(".bar_8c7596eeb7 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_d493ebc6b3 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_744ced38fb {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_f8b7b2663b {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_2daf4d27a7 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_ccd61fd9ad {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_49934d4692 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_d1e5a93fb5 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_66f6f16f7f {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_4510bb241e {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_ab752ce89c {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_6dd6b38b76 {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_96ef437098",fullWidth:"fullWidth_d8a82a5119",container:"container_1d160411a1",progressBar:"progressBar_60951bcb70",completed:"completed_1d160411a1",label:"label_a6e04d667a",large:"large_514c220c99",medium:"medium_dd8370d320",small:"small_b0d5659a04"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-5855608df299_3_0_0-alpha_2";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".wrapper_96ef437098 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_96ef437098.fullWidth_d8a82a5119 {\n  width: 100%;\n}\n.wrapper_96ef437098.fullWidth_d8a82a5119 .container_1d160411a1 {\n  border-radius: 0;\n}\n.wrapper_96ef437098.fullWidth_d8a82a5119 .container_1d160411a1 .progressBar_60951bcb70 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_96ef437098.fullWidth_d8a82a5119 .container_1d160411a1 .progressBar_60951bcb70.completed_1d160411a1 {\n  border-radius: 0;\n}\n.label_a6e04d667a {\n  padding-left: var(--spacing-xs);\n}\n.large_514c220c99 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_dd8370d320 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_b0d5659a04 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_1d160411a1 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_60d4fb0d84",fullWidth:"fullWidth_c450989100",container:"container_8d1febb233",progressBar:"progressBar_eab21ff909",completed:"completed_8d1febb233",label:"label_ecbf33694c",large:"large_073c1fbdb1",medium:"medium_28e58450cb",small:"small_365b3f379a"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5855608df299_3_0_0-alpha_5";if(n.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".wrapper_60d4fb0d84 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_60d4fb0d84.fullWidth_c450989100 {\n  width: 100%;\n}\n.wrapper_60d4fb0d84.fullWidth_c450989100 .container_8d1febb233 {\n  border-radius: 0;\n}\n.wrapper_60d4fb0d84.fullWidth_c450989100 .container_8d1febb233 .progressBar_eab21ff909 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_60d4fb0d84.fullWidth_c450989100 .container_8d1febb233 .progressBar_eab21ff909.completed_8d1febb233 {\n  border-radius: 0;\n}\n.label_ecbf33694c {\n  padding-left: var(--spacing-xs);\n}\n.large_073c1fbdb1 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_28e58450cb {\n  height: 6px;\n  line-height: 6px;\n}\n.small_365b3f379a {\n  height: 4px;\n  line-height: 4px;\n}\n.container_8d1febb233 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={label:"label_a6e04d667a"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],t="s_id-de8a28d20526_3_0_0-alpha_2";if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}(".label_a6e04d667a {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_ecbf33694c"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-de8a28d20526_3_0_0-alpha_5";if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".label_ecbf33694c {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_a39f62f43c",inputContainer:"inputContainer_1cd55e9c2a",input:"input_c96390d2f2",control:"control_766e5cabce",labelAnimation:"labelAnimation_4501c2fc8d",radioCheckedAnimation:"radioCheckedAnimation_24a796b487",disabled:"disabled_7aa4031b12",label:"label_88ec1289b8"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-76103f93a8b2_3_0_0-alpha_2";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))}(".radioButton_a39f62f43c {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_1cd55e9c2a {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_c96390d2f2 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_766e5cabce {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_766e5cabce {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_4501c2fc8d {\n  animation-name: radioCheckedAnimation_24a796b487;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_766e5cabce {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_766e5cabce {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_a39f62f43c.disabled_7aa4031b12 {\n  cursor: not-allowed;\n}\n\n.radioButton_a39f62f43c.disabled_7aa4031b12 .label_88ec1289b8 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_1cd55e9c2a input:focus-visible + .control_766e5cabce {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_a39f62f43c:hover .inputContainer_1cd55e9c2a input:enabled:checked + .control_766e5cabce {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_a39f62f43c:hover .inputContainer_1cd55e9c2a input:enabled:not(:checked) + .control_766e5cabce,\n.radioButton_a39f62f43c:focus-within .inputContainer_1cd55e9c2a input:enabled:not(:checked) + .control_766e5cabce {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_24a796b487 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton_6ec6692933",inputContainer:"inputContainer_d161bd1f27",input:"input_34616fd8bf",control:"control_c6db684b33",labelAnimation:"labelAnimation_31e62052df",radioCheckedAnimation:"radioCheckedAnimation_33a43d6152",disabled:"disabled_394acc2736",label:"label_e0d1703f7d"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-76103f93a8b2_3_0_0-alpha_5";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton_6ec6692933 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_d161bd1f27 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_34616fd8bf {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_c6db684b33 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_c6db684b33 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_31e62052df {\n  animation-name: radioCheckedAnimation_33a43d6152;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_c6db684b33 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_c6db684b33 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_6ec6692933.disabled_394acc2736 {\n  cursor: not-allowed;\n}\n\n.radioButton_6ec6692933.disabled_394acc2736 .label_e0d1703f7d {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_d161bd1f27 input:focus-visible + .control_c6db684b33 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_6ec6692933:hover .inputContainer_d161bd1f27 input:enabled:checked + .control_c6db684b33 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_6ec6692933:hover .inputContainer_d161bd1f27 input:enabled:not(:checked) + .control_c6db684b33,\n.radioButton_6ec6692933:focus-within .inputContainer_d161bd1f27 input:enabled:not(:checked) + .control_c6db684b33 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_33a43d6152 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/src/components/Search/Search.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as n,useCallback as t}from"react";import s from"../../hooks/useMergeRef.js";import l from"../Icon/Icons/components/CloseSmall.js";import i from"../Icon/Icons/components/Search.js";import{getTestId as c,ComponentDefaultTestId as m}from"../../tests/testIds.js";import d from"./Search.module.scss.js";import u from"../BaseInput/BaseInput.js";import p from"../../hooks/useDebounceEvent/index.js";import f from"../IconButton/IconButton.js";import v from"../Icon/Icon.js";import h from"../Loader/Loader.js";var I=r((function(r,I){var C,b,j,E,N,R,g,x,B,y,A=r.searchIconName,L=void 0===A?i:A,S=r.clearIconName,z=void 0===S?l:S,F=r.clearIconLabel,H=void 0===F?"Clear":F,_=r.renderAction,k=r.hideRenderActionOnInput,P=r.value,T=r.placeholder,V=r.size,w=void 0===V?"medium":V,O=r.disabled,D=r.loading,M=r.autoFocus,U=r.autoComplete,W=void 0===U?"off":U,q=r.inputAriaLabel,G=r.debounceRate,J=void 0===G?400:G,K=r.searchResultsContainerId,Q=r.currentAriaResultId,X=r.onChange,Y=r.onFocus,Z=r.onBlur,$=r.onClear,ee=r.className,ae=r.ariaExpanded,oe=r.ariaHasPopup,re=r.id,ne=r["data-testid"];return C=n(null),b=s(I,C),j=p({delay:J,onChange:X,initialStateValue:P}),E=j.inputValue,N=j.onEventChanged,g=t((function(){var e,a;O||(null===(a=null===(e=C.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),R(),null==$||$())}),[O,R=j.clearValue]),x=o.createElement(v,{icon:L,className:d.icon,iconType:"font",iconSize:"small"===w?"16px":"20px"}),B=o.createElement(f,{className:a(d.icon,e({},d.empty,!E)),icon:z,ariaLabel:H,onClick:g,size:"small"===w?"xs":"small","data-testid":c(m.CLEAN_SEARCH_BUTTON,re)}),y=o.createElement(o.Fragment,null,D&&o.createElement(h,{size:"small"===w?"xs":20,color:"secondary",wrapperClassName:a(e({},d.loader,!E&&!_))}),E&&!O&&B,!(k&&E)&&_),o.createElement(u,{ref:b,id:re,type:"search","data-testid":ne||c(m.SEARCH,re),className:a(d.searchWrapper,ee),inputClassName:d.search,value:E,renderLeft:x,renderRight:y,autoFocus:M,placeholder:T,disabled:O,onChange:N,onBlur:Z,onFocus:Y,autoComplete:W,size:w,wrapperRole:"search",inputRole:K?"combobox":void 0,"aria-label":q,"aria-busy":D,"aria-controls":ae?K:void 0,"aria-activedescendant":Q,"aria-haspopup":oe,"aria-expanded":ae})}));export{I as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{forwardRef as t,useRef as i,useCallback as a}from"react";import s from"../../hooks/useMergeRef.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import n from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import c from"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getTestId as l,ComponentDefaultTestId as d}from"../../tests/testIds.js";import m from"./Search.module.scss.js";import p from"../BaseInput/BaseInput.js";import u from"../../hooks/useDebounceEvent/index.js";import v from"../IconButton/IconButton.js";import j from"../Icon/Icon.js";import h from"../Loader/Loader.js";var f=t((function(t,f){var C,g,I,R,b,N,A,E,S,x,L=t.searchIconName,w=void 0===L?c:L,B=t.clearIconName,y=void 0===B?n:B,D=t.clearIconLabel,_=void 0===D?"Clear":D,z=t.renderAction,F=t.hideRenderActionOnInput,k=t.value,H=t.placeholder,M=t.size,P=void 0===M?"medium":M,T=t.disabled,V=t.loading,O=t.autoFocus,U=t.autoComplete,W=void 0===U?"off":U,q=t.inputAriaLabel,G=t.debounceRate,J=void 0===G?400:G,K=t.searchResultsContainerId,Q=t.currentAriaResultId,X=t.onChange,Y=t.onFocus,Z=t.onBlur,$=t.onClear,ee=t.className,oe=t.ariaExpanded,re=t.ariaHasPopup,te=t.id,ie=t["data-testid"];return C=i(null),g=s(f,C),I=u({delay:J,onChange:X,initialStateValue:k}),R=I.inputValue,b=I.onEventChanged,A=a((function(){var e,o;T||(null===(o=null===(e=C.current)||void 0===e?void 0:e.focus)||void 0===o||o.call(e),N(),null==$||$())}),[T,N=I.clearValue]),E=r.createElement(j,{icon:w,className:m.icon,iconType:"font",iconSize:"small"===P?"16px":"20px"}),S=r.createElement(v,{className:o(m.icon,e({},m.empty,!R)),icon:y,ariaLabel:_,onClick:A,size:"small"===P?"xs":"small","data-testid":l(d.CLEAN_SEARCH_BUTTON,te)}),x=r.createElement(r.Fragment,null,V&&r.createElement(h,{size:"small"===P?"xs":20,color:"secondary",wrapperClassName:o(e({},m.loader,!R&&!z))}),R&&!T&&S,!(F&&R)&&z),r.createElement(p,{ref:g,id:te,type:"search","data-testid":ie||l(d.SEARCH,te),className:o(m.searchWrapper,ee),inputClassName:m.search,value:R,renderLeft:E,renderRight:x,autoFocus:O,placeholder:H,disabled:T,onChange:b,onBlur:Z,onFocus:Y,autoComplete:W,size:P,wrapperRole:"search",inputRole:K?"combobox":void 0,"aria-label":q,"aria-busy":V,"aria-controls":oe?K:void 0,"aria-activedescendant":Q,"aria-haspopup":re,"aria-expanded":oe})}));export{f as default};
 //# sourceMappingURL=Search.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport CloseSmallIcon ~~from~~ ~~\"../Icon/Icons/components/CloseSmall\";\nimport~~ SearchIcon from \"~~../Icon~~/~~Icons/components/Search~~\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Icon from \"../Icon/Icon\";\nimport { SearchProps } from \"./Search.types\";\nimport Loader from \"../Loader/Loader\";\n\nconst Search = forwardRef(\n (\n {\n searchIconName = SearchIcon,\n clearIconName = CloseSmallIcon,\n clearIconLabel = \"Clear\",\n renderAction: RenderAction,\n hideRenderActionOnInput,\n value,\n placeholder,\n size = \"medium\",\n disabled,\n loading,\n autoFocus,\n autoComplete = \"off\",\n inputAriaLabel,\n debounceRate = 400,\n searchResultsContainerId,\n currentAriaResultId,\n onChange,\n onFocus,\n onBlur,\n onClear,\n className,\n ariaExpanded,\n ariaHasPopup,\n id,\n \"data-testid\": dataTestId\n }: SearchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef);\n\n const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n delay: debounceRate,\n onChange,\n initialStateValue: value\n });\n\n const onClearButtonClick = useCallback(() => {\n if (disabled) {\n return;\n }\n\n inputRef.current?.focus?.();\n clearValue();\n onClear?.();\n }, [disabled, clearValue]);\n\n const SearchIcon = (\n <Icon\n icon={searchIconName}\n className={styles.icon}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n />\n );\n\n const ClearIcon = (\n <IconButton\n className={cx(styles.icon, { [styles.empty]: !inputValue })}\n icon={clearIconName}\n ariaLabel={clearIconLabel}\n onClick={onClearButtonClick}\n size={size === \"small\" ? \"xs\" : \"small\"}\n data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n />\n );\n\n const RenderRight = (\n <>\n {loading && (\n <Loader\n size={size === \"small\" ? \"xs\" : 20}\n color=\"secondary\"\n wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n />\n )}\n {inputValue && !disabled && ClearIcon}\n {!(hideRenderActionOnInput && inputValue) && RenderAction}\n </>\n );\n\n return (\n <BaseInput\n ref={mergedRef}\n id={id}\n type={\"search\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SEARCH, id)}\n className={cx(styles.searchWrapper, className)}\n inputClassName={styles.search}\n value={inputValue}\n renderLeft={SearchIcon}\n renderRight={RenderRight}\n autoFocus={autoFocus}\n placeholder={placeholder}\n disabled={disabled}\n onChange={onEventChanged}\n onBlur={onBlur}\n onFocus={onFocus}\n autoComplete={autoComplete}\n size={size}\n wrapperRole=\"search\"\n inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n aria-label={inputAriaLabel}\n aria-busy={loading}\n aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n aria-activedescendant={currentAriaResultId}\n aria-haspopup={ariaHasPopup}\n aria-expanded={ariaExpanded}\n />\n );\n }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","className","ariaExpanded","ariaHasPopup","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"~~goBAcA~~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"}
1	+ {"version":3,"file":"Search.js","sources":["../../../../src/components/Search/Search.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { CloseSmall as CloseSmallIcon, Search as SearchIcon } from \"@vibe/icons\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./Search.module.scss\";\nimport BaseInput from \"../BaseInput/BaseInput\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport IconButton from \"../IconButton/IconButton\";\nimport Icon from \"../Icon/Icon\";\nimport { SearchProps } from \"./Search.types\";\nimport Loader from \"../Loader/Loader\";\n\nconst Search = forwardRef(\n (\n {\n searchIconName = SearchIcon,\n clearIconName = CloseSmallIcon,\n clearIconLabel = \"Clear\",\n renderAction: RenderAction,\n hideRenderActionOnInput,\n value,\n placeholder,\n size = \"medium\",\n disabled,\n loading,\n autoFocus,\n autoComplete = \"off\",\n inputAriaLabel,\n debounceRate = 400,\n searchResultsContainerId,\n currentAriaResultId,\n onChange,\n onFocus,\n onBlur,\n onClear,\n className,\n ariaExpanded,\n ariaHasPopup,\n id,\n \"data-testid\": dataTestId\n }: SearchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef);\n\n const { inputValue, onEventChanged, clearValue } = useDebounceEvent({\n delay: debounceRate,\n onChange,\n initialStateValue: value\n });\n\n const onClearButtonClick = useCallback(() => {\n if (disabled) {\n return;\n }\n\n inputRef.current?.focus?.();\n clearValue();\n onClear?.();\n }, [disabled, clearValue]);\n\n const SearchIcon = (\n <Icon\n icon={searchIconName}\n className={styles.icon}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"20px\"}\n />\n );\n\n const ClearIcon = (\n <IconButton\n className={cx(styles.icon, { [styles.empty]: !inputValue })}\n icon={clearIconName}\n ariaLabel={clearIconLabel}\n onClick={onClearButtonClick}\n size={size === \"small\" ? \"xs\" : \"small\"}\n data-testid={getTestId(ComponentDefaultTestId.CLEAN_SEARCH_BUTTON, id)}\n />\n );\n\n const RenderRight = (\n <>\n {loading && (\n <Loader\n size={size === \"small\" ? \"xs\" : 20}\n color=\"secondary\"\n wrapperClassName={cx({ [styles.loader]: !inputValue && !RenderAction })}\n />\n )}\n {inputValue && !disabled && ClearIcon}\n {!(hideRenderActionOnInput && inputValue) && RenderAction}\n </>\n );\n\n return (\n <BaseInput\n ref={mergedRef}\n id={id}\n type={\"search\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SEARCH, id)}\n className={cx(styles.searchWrapper, className)}\n inputClassName={styles.search}\n value={inputValue}\n renderLeft={SearchIcon}\n renderRight={RenderRight}\n autoFocus={autoFocus}\n placeholder={placeholder}\n disabled={disabled}\n onChange={onEventChanged}\n onBlur={onBlur}\n onFocus={onFocus}\n autoComplete={autoComplete}\n size={size}\n wrapperRole=\"search\"\n inputRole={searchResultsContainerId ? \"combobox\" : undefined}\n aria-label={inputAriaLabel}\n aria-busy={loading}\n aria-controls={ariaExpanded ? searchResultsContainerId : undefined}\n aria-activedescendant={currentAriaResultId}\n aria-haspopup={ariaHasPopup}\n aria-expanded={ariaExpanded}\n />\n );\n }\n);\n\nexport default Search;\n"],"names":["Search","forwardRef","_ref","ref","inputRef","mergedRef","_useDebounceEvent","inputValue","onEventChanged","clearValue","onClearButtonClick","SearchIcon","ClearIcon","RenderRight","_ref$searchIconName","searchIconName","_ref$clearIconName","clearIconName","CloseSmallIcon","_ref$clearIconLabel","clearIconLabel","RenderAction","renderAction","hideRenderActionOnInput","value","placeholder","_ref$size","size","disabled","loading","autoFocus","_ref$autoComplete","autoComplete","inputAriaLabel","_ref$debounceRate","debounceRate","searchResultsContainerId","currentAriaResultId","onChange","onFocus","onBlur","onClear","className","ariaExpanded","ariaHasPopup","id","dataTestId","useRef","useMergeRef","useDebounceEvent","delay","initialStateValue","useCallback","_b","current","_a","focus","React","createElement","Icon","icon","styles","iconType","iconSize","IconButton","cx","_defineProperty","empty","ariaLabel","onClick","getTestId","ComponentDefaultTestId","CLEAN_SEARCH_BUTTON","Fragment","Loader","color","wrapperClassName","loader","BaseInput","type","SEARCH","searchWrapper","inputClassName","search","renderLeft","renderRight","wrapperRole","inputRole","undefined"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_2623ae536d",search:"search_66575166d9",loader:"loader_18504e7900",icon:"icon_d7a6bb4d04",empty:"empty_1d942faeb8"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-4e5e4eb516f6_3_0_0-alpha_2";if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper_2623ae536d .search_66575166d9 {\n  appearance: textfield;\n}\n.searchWrapper_2623ae536d .search_66575166d9::-webkit-search-cancel-button, .searchWrapper_2623ae536d .search_66575166d9::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_2623ae536d .loader_18504e7900 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_2623ae536d .icon_d7a6bb4d04 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_2623ae536d .icon_d7a6bb4d04.empty_1d942faeb8 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_7908116833",search:"search_e3f4e6d10f",loader:"loader_53c2451105",icon:"icon_288e2d7558",empty:"empty_6819bbf71b"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-4e5e4eb516f6_3_0_0-alpha_5";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper_7908116833 .search_e3f4e6d10f {\n  appearance: textfield;\n}\n.searchWrapper_7908116833 .search_e3f4e6d10f::-webkit-search-cancel-button, .searchWrapper_7908116833 .search_e3f4e6d10f::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_7908116833 .loader_53c2451105 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_7908116833 .icon_288e2d7558 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_7908116833 .icon_288e2d7558.empty_6819bbf71b {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_d677ac953b",rectangle:"rectangle_9235124e15",shine:"shine_e393fd4b31",circle:"circle_97f1002c24",text:"text_4755f6a0cd",textH1:"textH1_09f28c47d9",textH2:"textH2_0cb2ff695a",textH3:"textH3_0cb2ff695a",textH4:"textH4_130590e2f9",textH5:"textH5_5f1728735f",textH6:"textH6_c56550edbe",textSmall:"textSmall_994b7c35a5",textCustom:"textCustom_c56550edbe",fullWidth:"fullWidth_d8a82a5119"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-8df79849e8ff_3_0_0-alpha_2";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton_d677ac953b {\n  display: flex;\n}\n\n.rectangle_9235124e15 {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_e393fd4b31;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_e393fd4b31 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_97f1002c24 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_e393fd4b31;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_e393fd4b31 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_4755f6a0cd {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_e393fd4b31;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_e393fd4b31 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_09f28c47d9 {\n  height: 32px;\n}\n\n.textH2_0cb2ff695a {\n  height: 24px;\n}\n\n.textH3_0cb2ff695a {\n  height: 24px;\n}\n\n.textH4_130590e2f9 {\n  height: 21px;\n}\n\n.textH5_5f1728735f {\n  height: 16px;\n}\n\n.textH6_c56550edbe {\n  height: 12px;\n}\n\n.textSmall_994b7c35a5,\n.textCustom_c56550edbe {\n  height: 12px;\n}\n\n.fullWidth_d8a82a5119 {\n  width: 100%;\n}\n\n.skeleton_d677ac953b:not(.fullWidth_d8a82a5119) .text_4755f6a0cd {\n  width: 162px;\n}\n\n.skeleton_d677ac953b:not(.fullWidth_d8a82a5119) .circle_97f1002c24 {\n  width: 40px;\n}\n\n.skeleton_d677ac953b:not(.fullWidth_d8a82a5119) .rectangle_9235124e15 {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_567dcaae50",rectangle:"rectangle_70fde8678b",shine:"shine_888fc847bd",circle:"circle_db80de249a",text:"text_4cbc14f45b",textH1:"textH1_e3e1550b00",textH2:"textH2_684566dcdb",textH3:"textH3_684566dcdb",textH4:"textH4_033ddbdab0",textH5:"textH5_f3e2286281",textH6:"textH6_f0d67ad534",textSmall:"textSmall_76a2e66c4e",textCustom:"textCustom_f0d67ad534",fullWidth:"fullWidth_c450989100"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-8df79849e8ff_3_0_0-alpha_5";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton_567dcaae50 {\n  display: flex;\n}\n\n.rectangle_70fde8678b {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_888fc847bd;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_888fc847bd {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_db80de249a {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_888fc847bd;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_888fc847bd {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_4cbc14f45b {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_888fc847bd;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_888fc847bd {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_e3e1550b00 {\n  height: 32px;\n}\n\n.textH2_684566dcdb {\n  height: 24px;\n}\n\n.textH3_684566dcdb {\n  height: 24px;\n}\n\n.textH4_033ddbdab0 {\n  height: 21px;\n}\n\n.textH5_f3e2286281 {\n  height: 16px;\n}\n\n.textH6_f0d67ad534 {\n  height: 12px;\n}\n\n.textSmall_76a2e66c4e,\n.textCustom_f0d67ad534 {\n  height: 12px;\n}\n\n.fullWidth_c450989100 {\n  width: 100%;\n}\n\n.skeleton_567dcaae50:not(.fullWidth_c450989100) .text_4cbc14f45b {\n  width: 162px;\n}\n\n.skeleton_567dcaae50:not(.fullWidth_c450989100) .circle_db80de249a {\n  width: 40px;\n}\n\n.skeleton_567dcaae50:not(.fullWidth_c450989100) .rectangle_70fde8678b {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/src/components/Slider/SelectionIndicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_c957fb1f77"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_3_0_0-alpha_2";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))}(".selectionIndicator_c957fb1f77.selectionIndicator_c957fb1f77.selectionIndicator_c957fb1f77 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_6bd281daf1"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_3_0_0-alpha_5";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))}(".selectionIndicator_6bd281daf1.selectionIndicator_6bd281daf1.selectionIndicator_6bd281daf1 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slider:"slider_05b3da7da5",valueShown:"valueShown_c01cbb0f06"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-1ec33feab829_3_0_0-alpha_2";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))}(".slider_05b3da7da5 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_c01cbb0f06 {\n  margin-top: 10px;\n}");export{e as default};
+var e={slider:"slider_fba63b1895",valueShown:"valueShown_6aa52f136d"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_3_0_0-alpha_5";if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".slider_fba63b1895 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_6aa52f136d {\n  margin-top: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={base:"base_a6ee512bfb",disabled:"disabled_6404f65c37",small:"small_46cf2921ff",medium:"medium_42454ee171",large:"large_42454ee171"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_3_0_0-alpha_2";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".base_a6ee512bfb {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_6404f65c37 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_6404f65c37 * {\n  pointer-events: none;\n}\n\n.small_46cf2921ff {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_42454ee171 {\n  padding: 0 12px;\n}\n\n.large_42454ee171 {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_da108e9f35",disabled:"disabled_b8dbcdee08",small:"small_5057dcd4b4",medium:"medium_5c79c02c8c",large:"large_5c79c02c8c"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-0abb9e445f96_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".base_da108e9f35 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_b8dbcdee08 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_b8dbcdee08 * {\n  pointer-events: none;\n}\n\n.small_5057dcd4b4 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_5c79c02c8c {\n  padding: 0 12px;\n}\n\n.large_5c79c02c8c {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_e732335cb4",positive:"positive_c851b64aa3",negative:"negative_509352e93e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_3_0_0-alpha_2";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".filledTrack_e732335cb4 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_c851b64aa3 {\n  background-color: var(--positive-color);\n}\n\n.negative_509352e93e {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_3aa5ef14fc",positive:"positive_f8b7b2663b",negative:"negative_2daf4d27a7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-bb386829c5aa_3_0_0-alpha_5";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".filledTrack_3aa5ef14fc {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_f8b7b2663b {\n  background-color: var(--positive-color);\n}\n\n.negative_2daf4d27a7 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rail:"rail_6fc86d27be",small:"small_353b7c79aa",medium:"medium_7e0ee0c56d",large:"large_9bc9030eb3"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-c66a4285003d_3_0_0-alpha_2";if(n.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".rail_6fc86d27be {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_353b7c79aa {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_7e0ee0c56d {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_9bc9030eb3 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_aa3f1993d8",small:"small_e6aa64024a",medium:"medium_96ca81b645",large:"large_121b30de0f"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-c66a4285003d_3_0_0-alpha_5";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".rail_aa3f1993d8 {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_e6aa64024a {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_96ca81b645 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_121b30de0f {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={thumb:"thumb_0f73d7f062",dragging:"dragging_5fa7b188f9",focused:"focused_de33ef2d0c",notDisabledThumb:"notDisabledThumb_8d9d01eaac","focus-visible":"focus-visible_a6745781b5",positive:"positive_f1ca15b31f",negative:"negative_1a34b5e1a6",small:"small_47ee226938",medium:"medium_d9322a2c1a",large:"large_d9322a2c1a",label:"label_61346d9bae"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-a3b6698c403a_3_0_0-alpha_2";if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}(".thumb_0f73d7f062 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_5fa7b188f9 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_de33ef2d0c {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_8d9d01eaac:focus-visible, .notDisabledThumb_8d9d01eaac.focus-visible_a6745781b5 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_8d9d01eaac:focus:not(.focus-visible_a6745781b5) {\n  outline: none;\n}\n\n.notDisabledThumb_8d9d01eaac:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_f1ca15b31f {\n  border-color: var(--positive-color);\n}\n\n.positive_f1ca15b31f.notDisabledThumb_8d9d01eaac:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_1a34b5e1a6 {\n  border-color: var(--negative-color);\n}\n\n.negative_1a34b5e1a6.notDisabledThumb_8d9d01eaac:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_47ee226938 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_d9322a2c1a {\n  height: 24px;\n  width: 24px;\n}\n\n.large_d9322a2c1a {\n  height: 24px;\n  width: 24px;\n}\n\n.label_61346d9bae {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
+var n={thumb:"thumb_e8ccb2a36b",dragging:"dragging_1218c152dc",focused:"focused_4b6222d2e2",notDisabledThumb:"notDisabledThumb_2af90a4930","focus-visible":"focus-visible_4848ff6d5c",positive:"positive_56c090b4d8",negative:"negative_88c07a1372",small:"small_0f0ecb0ded",medium:"medium_d875242183",large:"large_d875242183",label:"label_1b3fa98ff5"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-a3b6698c403a_3_0_0-alpha_5";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb_e8ccb2a36b {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_1218c152dc {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_4b6222d2e2 {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_2af90a4930:focus-visible, .notDisabledThumb_2af90a4930.focus-visible_4848ff6d5c {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb_2af90a4930:focus:not(.focus-visible_4848ff6d5c) {\n  outline: none;\n}\n\n.notDisabledThumb_2af90a4930:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_56c090b4d8 {\n  border-color: var(--positive-color);\n}\n\n.positive_56c090b4d8.notDisabledThumb_2af90a4930:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_88c07a1372 {\n  border-color: var(--negative-color);\n}\n\n.negative_88c07a1372.notDisabledThumb_2af90a4930:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_0f0ecb0ded {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_d875242183 {\n  height: 24px;\n  width: 24px;\n}\n\n.large_d875242183 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_1b3fa98ff5 {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={track:"track_8ad0c6bc86",positive:"positive_6bb5f1444d",negative:"negative_460c2f0dbd"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f9216dea54b1_3_0_0-alpha_2";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track_8ad0c6bc86 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_6bb5f1444d {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_460c2f0dbd {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_adb09cf001",positive:"positive_66f6f16f7f",negative:"negative_4510bb241e"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f9216dea54b1_3_0_0-alpha_5";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track_adb09cf001 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_66f6f16f7f {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_4510bb241e {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/src/components/Slider/SliderInfix.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infix:"infix_16655d70fe",txt:"txt_1143c89292",prefix:"prefix_fe09a6fa7b",postfix:"postfix_f8d2e04bd1"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_3_0_0-alpha_2";if(n.querySelector("#"+t))return;const f=document.createElement("style");f.id=t,n.firstChild?n.insertBefore(f,n.firstChild):n.appendChild(f),f.appendChild(document.createTextNode(e))}(".infix_16655d70fe {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_1143c89292 {\n  white-space: nowrap;\n}\n\n.prefix_fe09a6fa7b {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_f8d2e04bd1 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_0395c347e5",txt:"txt_f0b4ca1cea",prefix:"prefix_b6ef56805d",postfix:"postfix_feb286ce63"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_3_0_0-alpha_5";if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".infix_0395c347e5 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_f0b4ca1cea {\n  white-space: nowrap;\n}\n\n.prefix_b6ef56805d {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_feb286ce63 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/src/components/SplitButton/SplitButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as o,defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useMemo as g}from"react";import{SplitButtonSecondaryContentPosition as p,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as D,DEFAULT_DIALOG_HIDE_TRIGGER as v,DIALOG_MOVE_BY as y,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as b}from"./SplitButtonConstants.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as N,AnimationType as S}from"../Dialog/DialogConstants.js";import{NOOP as k}from"../../utils/function-utils.js";import{isInsideClass as I}from"../../utils/dom-utils.js";import P from"../../hooks/useKeyEvent/index.js";import j from"../../hooks/useEventListener/index.js";import T from"../Button/Button.js";import E from"../Dialog/Dialog.js";import B from"../Icon/Icons/components/DropdownChevronDown.js";import O from"../DialogContentContainer/DialogContentContainer.js";import z from"./SplitButton.module.scss.js";var _=function(p){var h=p.secondaryDialogContent,_=p.onSecondaryDialogDidShow,w=void 0===_?k:_,L=p.onSecondaryDialogDidHide,x=void 0===L?k:L,A=p.shouldCloseOnClickInsideDialog,H=p.zIndex,R=void 0===H?null:H,U=p.secondaryDialogClassName,M=p.secondaryDialogPosition,F=void 0===M?"bottom-start":M,K=p.dialogContainerSelector,W=p.dialogPaddingSize,Y=void 0===W?O.sizes.MEDIUM:W,V=p.disabled,X=p.loading,q=p.kind,G=p.color,J=p.className,Q=p.leftIcon,Z=p.rightIcon,$=p.onClick,oo=p.children,eo=p.marginLeft,to=p.marginRight,io=p.active,no=p.id,ao=p["data-testid"],ro=i(p,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),so=c(!1),lo=o(so,2),co=lo[0],mo=lo[1],uo=c(!1),go=o(uo,2),po=go[0],fo=go[1],Do=c(!1),vo=o(Do,2),yo=vo[0],Co=vo[1],bo=m(null),ho=m(null),No=u((function(){return fo(!0)}),[fo]),So=u((function(){return fo(!1)}),[fo]),ko=u((function(o){return!V&&!I(o.target,b)}),[V]),Io=u((function(o){ko(o)&&Co(!0)}),[Co,ko]),Po=u((function(){return Co(!1)}),[Co]),jo=u((function(o){ko(o)&&Co(!0)}),[Co,ko]),To=u((function(){mo(!0),w()}),[mo,w]),Eo=u((function(o,e){mo(!1),x(),"esckey"===e&&ho.current.focus()}),[mo,x]);j({eventName:"mouseenter",callback:No,ref:bo}),j({eventName:"mouseleave",callback:So,ref:bo}),j({eventName:"mousedown",callback:Io,ref:bo}),j({eventName:"mouseup",callback:Po,ref:bo}),j({eventName:"transitionend",callback:Po,ref:bo}),P({keys:f,ref:bo,callback:jo});var Bo=g((function(){return l(z.button,a(z,n("kind-"+q)),a(z,n("color-"+G)),e(e(e(e(e({},z.mainActive,io),z.active,yo),z.splitContentOpen,co),z.hovered,po),z.disabled,V),J)}),[J,q,G,io,yo,co,po,V]),Oo=g((function(){return V?[]:D}),[V]),zo=g((function(){return A?[].concat(t(v),[N.CONTENT_CLICK]):v}),[A]),_o=u((function(){var o="function"==typeof h?h():h;return d.createElement(O,{type:O.types.POPOVER,size:Y},o)}),[h,Y]),wo=g((function(){return"bottom"===F?"":"bottom-start"===F?"bottom":"top"}),[F]);return d.createElement("div",{className:Bo,ref:bo,id:no,"data-testid":ao||r(s.SPLIT_BUTTON,no)},d.createElement(T,Object.assign({},ro,{preventClickAnimation:!0,leftIcon:Q,rightIcon:Z,rightFlat:!0,color:G,kind:q,active:io,onClick:$,className:z.mainButton,marginLeft:eo,onFocus:No,onBlur:So,disabled:V,loading:X,"data-testid":r(s.SPLIT_BUTTON_PRIMARY_BUTTON,no)}),oo),d.createElement("div",{className:z.secondaryButtonWrapper},d.createElement(E,{wrapperClassName:U,zIndex:R,content:_o,position:F,containerSelector:K,startingEdge:wo,animationType:S.EXPAND,moveBy:y,onDialogDidShow:To,onDialogDidHide:Eo,showTrigger:Oo,hideTrigger:zo},d.createElement(T,Object.assign({},ro,{ref:ho,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:G,kind:q,className:z.secondaryButton,active:co,marginRight:to,onFocus:No,onBlur:So,disabled:V,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:co,"data-testid":r(s.SPLIT_BUTTON_SECONDARY_BUTTON,no)}),d.createElement("div",{className:z.secondaryButtonIconWrapper},d.createElement(B,{"aria-hidden":"true"}))))))};_.defaultProps=Object.assign(Object.assign({},T.defaultProps),{onSecondaryDialogDidShow:k,onSecondaryDialogDidHide:k,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:"bottom-start",dialogPaddingSize:O.sizes.MEDIUM});var w=h(_,{secondaryPositions:p,secondaryDialogPositions:p,sizes:T.sizes,colors:T.colors,kinds:T.kinds,inputTags:T.inputTags,dialogPaddingSizes:O.sizes});export{w as default};
+import{slicedToArray as o,defineProperty as t,toConsumableArray as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as n}from"lodash-es";import{getStyle as r}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as s,ComponentDefaultTestId as a}from"../../tests/testIds.js";import c from"classnames";import d,{useState as l,useRef as m,useCallback as p,useMemo as u}from"react";import{SplitButtonSecondaryContentPosition as g,ENTER_KEYS as f,DEFAULT_DIALOG_SHOW_TRIGGER as v,DEFAULT_DIALOG_HIDE_TRIGGER as D,DIALOG_MOVE_BY as j,SECONDARY_BUTTON_ARIA_LABEL as C,SECONDARY_BUTTON_WRAPPER_CLASSNAME as h}from"./SplitButtonConstants.js";import{withStaticProps as y}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HideShowEvent as S,AnimationType as N}from"../Dialog/DialogConstants.js";import{NOOP as b}from"../../utils/function-utils.js";import{isInsideClass as k}from"../../utils/dom-utils.js";import P from"../../hooks/useKeyEvent/index.js";import I from"../../hooks/useEventListener/index.js";import T from"../Button/Button.js";import E from"../Dialog/Dialog.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import B from"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import O from"../DialogContentContainer/DialogContentContainer.js";import w from"./SplitButton.module.scss.js";var z=function(g){var y=g.secondaryDialogContent,z=g.onSecondaryDialogDidShow,_=void 0===z?b:z,A=g.onSecondaryDialogDidHide,L=void 0===A?b:A,R=g.shouldCloseOnClickInsideDialog,M=g.zIndex,x=void 0===M?null:M,U=g.secondaryDialogClassName,H=g.secondaryDialogPosition,F=void 0===H?"bottom-start":H,W=g.dialogContainerSelector,K=g.dialogPaddingSize,Y=void 0===K?O.sizes.MEDIUM:K,V=g.disabled,X=g.loading,q=g.kind,G=g.color,J=g.className,Q=g.leftIcon,Z=g.rightIcon,$=g.onClick,oo=g.children,to=g.marginLeft,io=g.marginRight,eo=g.active,no=g.id,ro=g["data-testid"],so=e(g,["secondaryDialogContent","onSecondaryDialogDidShow","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","zIndex","secondaryDialogClassName","secondaryDialogPosition","dialogContainerSelector","dialogPaddingSize","disabled","success","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","data-testid"]),ao=l(!1),co=o(ao,2),lo=co[0],mo=co[1],po=l(!1),uo=o(po,2),go=uo[0],fo=uo[1],vo=l(!1),Do=o(vo,2),jo=Do[0],Co=Do[1],ho=m(null),yo=m(null),So=p((function(){return fo(!0)}),[fo]),No=p((function(){return fo(!1)}),[fo]),bo=p((function(o){return!V&&!k(o.target,h)}),[V]),ko=p((function(o){bo(o)&&Co(!0)}),[Co,bo]),Po=p((function(){return Co(!1)}),[Co]),Io=p((function(o){bo(o)&&Co(!0)}),[Co,bo]),To=p((function(){mo(!0),_()}),[mo,_]),Eo=p((function(o,t){mo(!1),L(),"esckey"===t&&yo.current.focus()}),[mo,L]);I({eventName:"mouseenter",callback:So,ref:ho}),I({eventName:"mouseleave",callback:No,ref:ho}),I({eventName:"mousedown",callback:ko,ref:ho}),I({eventName:"mouseup",callback:Po,ref:ho}),I({eventName:"transitionend",callback:Po,ref:ho}),P({keys:f,ref:ho,callback:Io});var Bo=u((function(){return c(w.button,r(w,n("kind-"+q)),r(w,n("color-"+G)),t(t(t(t(t({},w.mainActive,eo),w.active,jo),w.splitContentOpen,lo),w.hovered,go),w.disabled,V),J)}),[J,q,G,eo,jo,lo,go,V]),Oo=u((function(){return V?[]:v}),[V]),wo=u((function(){return R?[].concat(i(D),[S.CONTENT_CLICK]):D}),[R]),zo=p((function(){var o="function"==typeof y?y():y;return d.createElement(O,{type:O.types.POPOVER,size:Y},o)}),[y,Y]),_o=u((function(){return"bottom"===F?"":"bottom-start"===F?"bottom":"top"}),[F]);return d.createElement("div",{className:Bo,ref:ho,id:no,"data-testid":ro||s(a.SPLIT_BUTTON,no)},d.createElement(T,Object.assign({},so,{preventClickAnimation:!0,leftIcon:Q,rightIcon:Z,rightFlat:!0,color:G,kind:q,active:eo,onClick:$,className:w.mainButton,marginLeft:to,onFocus:So,onBlur:No,disabled:V,loading:X,"data-testid":s(a.SPLIT_BUTTON_PRIMARY_BUTTON,no)}),oo),d.createElement("div",{className:w.secondaryButtonWrapper},d.createElement(E,{wrapperClassName:U,zIndex:x,content:zo,position:F,containerSelector:W,startingEdge:_o,animationType:N.EXPAND,moveBy:j,onDialogDidShow:To,onDialogDidHide:Eo,showTrigger:Oo,hideTrigger:wo},d.createElement(T,Object.assign({},so,{ref:yo,preventClickAnimation:!0,leftFlat:!0,noSidePadding:!0,color:G,kind:q,className:w.secondaryButton,active:lo,marginRight:io,onFocus:So,onBlur:No,disabled:V,ariaLabel:C,ariaHasPopup:!0,ariaExpanded:lo,"data-testid":s(a.SPLIT_BUTTON_SECONDARY_BUTTON,no)}),d.createElement("div",{className:w.secondaryButtonIconWrapper},d.createElement(B,{"aria-hidden":"true"}))))))};z.defaultProps=Object.assign(Object.assign({},T.defaultProps),{onSecondaryDialogDidShow:b,onSecondaryDialogDidHide:b,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:"bottom-start",dialogPaddingSize:O.sizes.MEDIUM});var _=y(z,{secondaryPositions:g,secondaryDialogPositions:g,sizes:T.sizes,colors:T.colors,kinds:T.kinds,inputTags:T.inputTags,dialogPaddingSizes:O.sizes});export{_ as default};
 //# sourceMappingURL=SplitButton.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport DropdownChevronDown from \"../Icon/Icons/components/DropdownChevronDown\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogTriggerEvent } from \"../Dialog/Dialog.types\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n * The element or renderer which display inside the dialog which open by clicking on the split button's secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n onSecondaryDialogDidShow?: () => void;\n onSecondaryDialogDidHide?: () => void;\n zIndex?: number;\n /\n * Class name to provide the element which wraps the popover/modal/dialog\n /\n secondaryDialogClassName?: string;\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n Popover Container padding size\n /\n dialogPaddingSize?: (typeof DialogContentContainer.sizes)[keyof typeof DialogContentContainer.sizes];\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton: FC<SplitButtonProps> & {\n secondaryPositions?: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions?: typeof SplitButtonSecondaryContentPosition;\n sizes?: typeof Button.sizes;\n colors?: typeof Button.colors;\n kinds?: typeof Button.kinds;\n inputTags?: typeof Button.inputTags;\n dialogPaddingSizes?: typeof DialogContentContainer.sizes;\n} = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName,\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = DialogContentContainer.sizes.MEDIUM,\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind,\n color,\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nSplitButton.defaultProps = {\n ...Button.defaultProps,\n onSecondaryDialogDidShow: NOOP,\n onSecondaryDialogDidHide: NOOP,\n zIndex: null,\n secondaryDialogClassName: \"\",\n secondaryDialogPosition: \"bottom-start\",\n dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\nexport default withStaticProps(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","DialogContentContainer","sizes","MEDIUM","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","withStaticProps","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"g1CA2DA,IAAMA,EAQF,SAACC,GAAA,IACHC,EA2BiBD,EA3BjBC,uBAAsBC,EA2BLF,EA1BjBG,yBAAAA,OAA2BC,IAAHF,EAAGE,EAAIF,EAAAG,EA0BdL,EAzBjBM,yBAAAA,OAA2BF,IAAHC,EAAGD,EAAIC,EAC/BE,EAwBiBP,EAxBjBO,+BAA8BC,EAwBbR,EAvBjBS,OAAAA,OAAS,IAAHD,EAAG,KAAIA,EACbE,EAsBiBV,EAtBjBU,yBAAwBC,EAsBPX,EArBjBY,wBAAAA,OAA0B,IAAHD,EAAG,eAAcA,EACxCE,EAoBiBb,EApBjBa,wBAAuBC,EAoBNd,EAnBjBe,kBAAAA,OAAoBC,IAAHF,EAAGE,EAAuBC,MAAMC,OAAMJ,EACvDK,EAkBiBnB,EAlBjBmB,SAIAC,EAciBpB,EAdjBoB,QACAC,EAaiBrB,EAbjBqB,KACAC,EAYiBtB,EAZjBsB,MACAC,EAWiBvB,EAXjBuB,UACAC,EAUiBxB,EAVjBwB,SACAC,EASiBzB,EATjByB,UACAC,EAQiB1B,EARjB0B,QACAC,GAOiB3B,EAPjB2B,SACAC,GAMiB5B,EANjB4B,WACAC,GAKiB7B,EALjB6B,YACAC,GAIiB9B,EAJjB8B,OACAC,GAGiB/B,EAHjB+B,GACeC,GAEEhC,EAFjB,eACGiC,GAAWC,EAAAlC,EA3BX,4XA8BHmC,GAAsCC,GAAS,GAAMC,GAAAC,EAAAH,GAAA,GAA9CI,GAAYF,GAAA,GAAEG,GAAaH,GAAA,GAClCI,GAAgCL,GAAS,GAAMM,GAAAJ,EAAAG,GAAA,GAAxCE,GAASD,GAAA,GAAEE,GAAUF,GAAA,GAC5BG,GAAgCT,GAAS,GAAMU,GAAAR,EAAAO,GAAA,GAAxCE,GAAQD,GAAA,GAAEE,GAAWF,GAAA,GAGtBG,GAAMC,EAAO,MACbC,GAAqBD,EAAO,MAG5BE,GAAaC,GAAY,WAAA,OAAMT,IAAW,KAAO,CAACA,KAClDU,GAAgBD,GAAY,WAAA,OAAMT,IAAW,KAAQ,CAACA,KAEtDW,GAAkBF,GACtB,SAACG,GACC,OAAIrC,IACIsC,EAAcD,EAAEE,OAAuBC,EACjD,GACA,CAACxC,IAGGyC,GAAYP,GAChB,SAACG,GACMD,GAAgBC,IACrBR,IAAY,EACd,GACA,CAACA,GAAaO,KAEVM,GAAeR,GAAY,WAAA,OAAML,IAAY,KAAQ,CAACA,KACtDc,GAAmBT,GACvB,SAACG,GACMD,GAAgBC,IACrBR,IAAY,EACd,GACA,CAACA,GAAaO,KAGVQ,GAAaV,GAAY,WAC7Bb,IAAc,GACdrC,GACF,GAAG,CAACqC,GAAerC,IAEb6D,GAAaX,GACjB,SAACY,EAAgBC,GACf1B,IAAc,GACdlC,IACkB,WAAd4D,GACFf,GAAmBgB,QAAQC,OAE/B,GACA,CAAC5B,GAAelC,IAMlB+D,EAAiB,CAAEH,UAAW,aAAcI,SAAUlB,GAAYH,IAAAA,KAClEoB,EAAiB,CAAEH,UAAW,aAAcI,SAAUhB,GAAeL,IAAAA,KAErEoB,EAAiB,CAAEH,UAAW,YAAaI,SAAUV,GAAWX,IAAAA,KAChEoB,EAAiB,CAAEH,UAAW,UAAWI,SAAUT,GAAcZ,IAAAA,KAGjEoB,EAAiB,CAAEH,UAAW,gBAAiBI,SAAUT,GAAcZ,IAAAA,KAGvEsB,EAAY,CAAEC,KAAMC,EAAYxB,IAAAA,GAAKqB,SAAUR,KAE/C,IAAMY,GAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,OACPC,EAASF,EAAQG,EAAU,QAAU3D,IACrC0D,EAASF,EAAQG,EAAU,SAAW1D,IAAO2D,EAAAA,EAAAA,EAAAA,EAAAA,EAE1CJ,CAAAA,EAAAA,EAAOK,WAAapD,IACpB+C,EAAO/C,OAASiB,IAChB8B,EAAOM,iBAAmB5C,IAC1BsC,EAAOO,QAAUzC,IACjBkC,EAAO1D,SAAWA,GAErBI,EACD,GACH,CAACA,EAAWF,EAAMC,EAAOQ,GAAQiB,GAAUR,GAAcI,GAAWxB,IAGhEkE,GAAoBV,GAAQ,WAAA,OAAOxD,EAAW,GAAKmE,CAA2B,GAAG,CAACnE,IAElFoE,GAAoBZ,GAAQ,WAChC,OAAIpE,EAAgC,GAAAiF,OAAAC,EAAWC,GAA2B,CAAEC,EAAcC,gBACnFF,CACT,GAAG,CAACnF,IAEEsF,GAAiBxC,GAAY,WACjC,IAAMyC,EAA4C,mBAA3B7F,EAAwCA,IAA2BA,EAC1F,OACE8F,EAACC,cAAAhF,GAAuBiF,KAAMjF,EAAuBkF,MAAMC,QAASC,KAAMrF,GACvE+E,EAGP,GAAG,CAAC7F,EAAwBc,IAEtBsF,GAAwB1B,GAAQ,WACpC,MAAgC,WAA5B/D,EACK,GAEuB,iBAA5BA,EACK,SAGF,KACT,GAAG,CAACA,IAEJ,OACEmF,uBACExE,UAAWmD,GACXzB,IAAKA,GACLlB,GAAIA,GAAE,cACOC,IAAcsE,EAAUC,EAAuBC,aAAczE,KAE1EgE,EAAAC,cAACS,EAAMC,OAAAC,OAAA,CAAA,EAEA1E,GAEL,CAAA2E,uBACA,EAAApF,SAAUA,EACVC,UAAWA,EACXoF,WAAS,EACTvF,MAAOA,EACPD,KAAMA,EACNS,OAAQA,GACRJ,QAASA,EACTH,UAAWsD,EAAOiC,WAClBlF,WAAYA,GACZmF,QAAS3D,GACT4D,OAAQ1D,GACRnC,SAAUA,EACVC,QAASA,gBACIkF,EAAUC,EAAuBU,4BAA6BlF,MAE1EJ,IAEHoE,EAAAC,cAAA,MAAA,CAAKzE,UAAWsD,EAAOqC,wBACrBnB,EAACC,cAAAmB,GACCC,iBAAkB1G,EAClBD,OAAQA,EACRqF,QAASD,GACTwB,SAAUzG,EACV0G,kBAAmBzG,EACnB0G,aAAclB,GACdmB,cAAeC,EAAcC,OAC7BC,OAAQC,EACRC,gBAAiB9D,GACjB+D,gBAAiB9D,GACjB+D,YAAa1C,GACb2C,YAAazC,IAEbQ,EAAAC,cAACS,EAAMC,OAAAC,OAAA,CAAA,EACD1E,GAAW,CACfgB,IAAKE,GACLyD,uBAAqB,EACrBqB,UAAQ,EACRC,eACA,EAAA5G,MAAOA,EACPD,KAAMA,EACNE,UAAWsD,EAAOsD,gBAClBrG,OAAQS,GACRV,YAAaA,GACbkF,QAAS3D,GACT4D,OAAQ1D,GACRnC,SAAUA,EACViH,UAAWC,EACXC,cACA,EAAAC,aAAchG,GAAY,cACb+D,EAAUC,EAAuBiC,8BAA+BzG,MAE7EgE,EAAAC,cAAA,MAAA,CAAKzE,UAAWsD,EAAO4D,4BACrB1C,EAACC,cAAA0C,EAAgC,CAAA,cAAA,aAO/C,EAEA3I,EAAY4I,aACPjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAF,EAAOkC,cAAY,CACtBxI,yBAA0BC,EAC1BE,yBAA0BF,EAC1BK,OAAQ,KACRC,yBAA0B,GAC1BE,wBAAyB,eACzBG,kBAAmBC,EAAuBC,MAAMC,SAGlD,IAAe0H,EAAAA,EAAgB7I,EAAa,CAC1C8I,mBAAoBC,EACpBC,yBAA0BD,EAC1B7H,MAAOwF,EAAOxF,MACd+H,OAAQvC,EAAOuC,OACfC,MAAOxC,EAAOwC,MACdC,UAAWzC,EAAOyC,UAClBC,mBAAoBnI,EAAuBC"}
1	+ {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogTriggerEvent } from \"../Dialog/Dialog.types\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n * The element or renderer which display inside the dialog which open by clicking on the split button's secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n onSecondaryDialogDidShow?: () => void;\n onSecondaryDialogDidHide?: () => void;\n zIndex?: number;\n /\n * Class name to provide the element which wraps the popover/modal/dialog\n /\n secondaryDialogClassName?: string;\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n Popover Container padding size\n /\n dialogPaddingSize?: (typeof DialogContentContainer.sizes)[keyof typeof DialogContentContainer.sizes];\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton: FC<SplitButtonProps> & {\n secondaryPositions?: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions?: typeof SplitButtonSecondaryContentPosition;\n sizes?: typeof Button.sizes;\n colors?: typeof Button.colors;\n kinds?: typeof Button.kinds;\n inputTags?: typeof Button.inputTags;\n dialogPaddingSizes?: typeof DialogContentContainer.sizes;\n} = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName,\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = DialogContentContainer.sizes.MEDIUM,\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind,\n color,\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nSplitButton.defaultProps = {\n ...Button.defaultProps,\n onSecondaryDialogDidShow: NOOP,\n onSecondaryDialogDidHide: NOOP,\n zIndex: null,\n secondaryDialogClassName: \"\",\n secondaryDialogPosition: \"bottom-start\",\n dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\nexport default withStaticProps(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","DialogContentContainer","sizes","MEDIUM","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","withStaticProps","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={button:"button_681cb2b618",mainButton:"mainButton_fae735682a",secondaryButton:"secondaryButton_8753d74590",secondaryButtonWrapper:"secondaryButtonWrapper_df2e9f0bd5",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_07824c28dc",active:"active_e22dce53b9",disabled:"disabled_0eeb18a6dd",kindTertiary:"kindTertiary_75743737cb",colorPrimary:"colorPrimary_75743737cb",mainActive:"mainActive_1cda8b40c4",splitContentOpen:"splitContentOpen_6f85427ad0",hovered:"hovered_485d330a07",colorBrand:"colorBrand_1cda8b40c4",colorPositive:"colorPositive_462788beef",colorNegative:"colorNegative_462788beef",kindPrimary:"kindPrimary_5397169a22",colorOnPrimaryColor:"colorOnPrimaryColor_73dd34f18a",kindSecondary:"kindSecondary_462788beef"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-b26d62194c18_3_0_0-alpha_2";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button_681cb2b618 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_681cb2b618 .mainButton_fae735682a {\n  margin-right: 0;\n}\n\n.button_681cb2b618 .secondaryButton_8753d74590 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_df2e9f0bd5 .secondaryButtonIconWrapper_07824c28dc {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_e22dce53b9 {\n  transform: scale(0.95);\n}\n\n.disabled_0eeb18a6dd {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4 .mainButton_fae735682a {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4 .mainButton_fae735682a:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4 .secondaryButton_8753d74590 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4 .secondaryButton_8753d74590:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4.splitContentOpen_6f85427ad0.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4.splitContentOpen_6f85427ad0.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590:hover,\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4.hovered_485d330a07.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorPrimary_75743737cb.mainActive_1cda8b40c4.hovered_485d330a07.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_75743737cb.colorBrand_1cda8b40c4.mainActive_1cda8b40c4 .mainButton_fae735682a {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_75743737cb.colorBrand_1cda8b40c4.mainActive_1cda8b40c4 .secondaryButton_8753d74590 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_75743737cb.colorBrand_1cda8b40c4.mainActive_1cda8b40c4.splitContentOpen_6f85427ad0.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorBrand_1cda8b40c4.mainActive_1cda8b40c4.splitContentOpen_6f85427ad0.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590:hover,\n.kindTertiary_75743737cb.colorBrand_1cda8b40c4.mainActive_1cda8b40c4.hovered_485d330a07.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorBrand_1cda8b40c4.mainActive_1cda8b40c4.hovered_485d330a07.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_75743737cb.colorPositive_462788beef.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorPositive_462788beef:hover .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorPositive_462788beef:focus .secondaryButton_8753d74590 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_75743737cb.colorPositive_462788beef.splitContentOpen_6f85427ad0 .mainButton_fae735682a,\n.kindTertiary_75743737cb.colorPositive_462788beef:hover .mainButton_fae735682a,\n.kindTertiary_75743737cb.colorPositive_462788beef:focus .mainButton_fae735682a {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_75743737cb.colorNegative_462788beef.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorNegative_462788beef:hover .secondaryButton_8753d74590,\n.kindTertiary_75743737cb.colorNegative_462788beef:focus .secondaryButton_8753d74590 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_75743737cb.colorNegative_462788beef.splitContentOpen_6f85427ad0 .mainButton_fae735682a,\n.kindTertiary_75743737cb.colorNegative_462788beef:hover .mainButton_fae735682a,\n.kindTertiary_75743737cb.colorNegative_462788beef:focus .mainButton_fae735682a {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_75743737cb .secondaryButton_8753d74590 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_5397169a22.disabled_0eeb18a6dd .secondaryButton_8753d74590 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_5397169a22:not(.disabled_0eeb18a6dd).colorPrimary_75743737cb.mainActive_1cda8b40c4 .secondaryButton_8753d74590 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_5397169a22:not(.disabled_0eeb18a6dd).colorPrimary_75743737cb .secondaryButton_8753d74590 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_5397169a22:not(.disabled_0eeb18a6dd).colorBrand_1cda8b40c4.mainActive_1cda8b40c4 .secondaryButton_8753d74590 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_5397169a22:not(.disabled_0eeb18a6dd).colorBrand_1cda8b40c4 .secondaryButton_8753d74590 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_5397169a22:not(.disabled_0eeb18a6dd).colorPositive_462788beef .secondaryButton_8753d74590 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_5397169a22:not(.disabled_0eeb18a6dd).colorNegative_462788beef .secondaryButton_8753d74590 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_5397169a22:not(.disabled_0eeb18a6dd).colorOnPrimaryColor_73dd34f18a .secondaryButton_8753d74590 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_462788beef .mainButton_fae735682a {\n  border-right: none;\n}\n\n.kindSecondary_462788beef.colorPrimary_75743737cb.mainActive_1cda8b40c4 .mainButton_fae735682a {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_462788beef.colorPrimary_75743737cb.mainActive_1cda8b40c4 .mainButton_fae735682a:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_462788beef.colorPrimary_75743737cb.mainActive_1cda8b40c4 .secondaryButton_8753d74590 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_462788beef.colorPrimary_75743737cb.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_462788beef.colorPrimary_75743737cb.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_462788beef.colorBrand_1cda8b40c4.mainActive_1cda8b40c4 .mainButton_fae735682a {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_462788beef.colorBrand_1cda8b40c4.mainActive_1cda8b40c4 .secondaryButton_8753d74590 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_462788beef.colorBrand_1cda8b40c4.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590,\n.kindSecondary_462788beef.colorBrand_1cda8b40c4.splitContentOpen_6f85427ad0 .secondaryButton_8753d74590:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_ac651a2f99",mainButton:"mainButton_406f2553cb",secondaryButton:"secondaryButton_9dd70860a5",secondaryButtonWrapper:"secondaryButtonWrapper_9a494a23e5",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_a1fd0f13a7",active:"active_0414b27d3a",disabled:"disabled_527027a116",kindTertiary:"kindTertiary_b8340f62c4",colorPrimary:"colorPrimary_b8340f62c4",mainActive:"mainActive_39e3fbf6d9",splitContentOpen:"splitContentOpen_389283e483",hovered:"hovered_80d74e154e",colorBrand:"colorBrand_39e3fbf6d9",colorPositive:"colorPositive_09cf7a8a14",colorNegative:"colorNegative_09cf7a8a14",kindPrimary:"kindPrimary_b5cac39776",colorOnPrimaryColor:"colorOnPrimaryColor_fc1d8e42bc",kindSecondary:"kindSecondary_09cf7a8a14"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-b26d62194c18_3_0_0-alpha_5";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button_ac651a2f99 {\n  display: inline-flex;\n  border-radius: var(--border-radius-small);\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n}\n\n.button_ac651a2f99 .mainButton_406f2553cb {\n  margin-right: 0;\n}\n\n.button_ac651a2f99 .secondaryButton_9dd70860a5 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_9a494a23e5 .secondaryButtonIconWrapper_a1fd0f13a7 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_0414b27d3a {\n  transform: scale(0.95);\n}\n\n.disabled_527027a116 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .mainButton_406f2553cb {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .mainButton_406f2553cb:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .secondaryButton_9dd70860a5 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .secondaryButton_9dd70860a5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9.splitContentOpen_389283e483.splitContentOpen_389283e483 .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9.splitContentOpen_389283e483.splitContentOpen_389283e483 .secondaryButton_9dd70860a5:hover,\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9.hovered_80d74e154e.splitContentOpen_389283e483 .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9.hovered_80d74e154e.splitContentOpen_389283e483 .secondaryButton_9dd70860a5:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_b8340f62c4.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9 .mainButton_406f2553cb {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_b8340f62c4.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9 .secondaryButton_9dd70860a5 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_b8340f62c4.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9.splitContentOpen_389283e483.splitContentOpen_389283e483 .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9.splitContentOpen_389283e483.splitContentOpen_389283e483 .secondaryButton_9dd70860a5:hover,\n.kindTertiary_b8340f62c4.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9.hovered_80d74e154e.splitContentOpen_389283e483 .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9.hovered_80d74e154e.splitContentOpen_389283e483 .secondaryButton_9dd70860a5:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_b8340f62c4.colorPositive_09cf7a8a14.splitContentOpen_389283e483 .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorPositive_09cf7a8a14:hover .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorPositive_09cf7a8a14:focus .secondaryButton_9dd70860a5 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_b8340f62c4.colorPositive_09cf7a8a14.splitContentOpen_389283e483 .mainButton_406f2553cb,\n.kindTertiary_b8340f62c4.colorPositive_09cf7a8a14:hover .mainButton_406f2553cb,\n.kindTertiary_b8340f62c4.colorPositive_09cf7a8a14:focus .mainButton_406f2553cb {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_b8340f62c4.colorNegative_09cf7a8a14.splitContentOpen_389283e483 .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorNegative_09cf7a8a14:hover .secondaryButton_9dd70860a5,\n.kindTertiary_b8340f62c4.colorNegative_09cf7a8a14:focus .secondaryButton_9dd70860a5 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_b8340f62c4.colorNegative_09cf7a8a14.splitContentOpen_389283e483 .mainButton_406f2553cb,\n.kindTertiary_b8340f62c4.colorNegative_09cf7a8a14:hover .mainButton_406f2553cb,\n.kindTertiary_b8340f62c4.colorNegative_09cf7a8a14:focus .mainButton_406f2553cb {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_b8340f62c4 .secondaryButton_9dd70860a5 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_b5cac39776.disabled_527027a116 .secondaryButton_9dd70860a5 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_b5cac39776:not(.disabled_527027a116).colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .secondaryButton_9dd70860a5 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_b5cac39776:not(.disabled_527027a116).colorPrimary_b8340f62c4 .secondaryButton_9dd70860a5 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_b5cac39776:not(.disabled_527027a116).colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9 .secondaryButton_9dd70860a5 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_b5cac39776:not(.disabled_527027a116).colorBrand_39e3fbf6d9 .secondaryButton_9dd70860a5 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_b5cac39776:not(.disabled_527027a116).colorPositive_09cf7a8a14 .secondaryButton_9dd70860a5 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_b5cac39776:not(.disabled_527027a116).colorNegative_09cf7a8a14 .secondaryButton_9dd70860a5 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_b5cac39776:not(.disabled_527027a116).colorOnPrimaryColor_fc1d8e42bc .secondaryButton_9dd70860a5 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_09cf7a8a14 .mainButton_406f2553cb {\n  border-right: none;\n}\n\n.kindSecondary_09cf7a8a14.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .mainButton_406f2553cb {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_09cf7a8a14.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .mainButton_406f2553cb:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_09cf7a8a14.colorPrimary_b8340f62c4.mainActive_39e3fbf6d9 .secondaryButton_9dd70860a5 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_09cf7a8a14.colorPrimary_b8340f62c4.splitContentOpen_389283e483 .secondaryButton_9dd70860a5 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_09cf7a8a14.colorPrimary_b8340f62c4.splitContentOpen_389283e483 .secondaryButton_9dd70860a5:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_09cf7a8a14.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9 .mainButton_406f2553cb {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_09cf7a8a14.colorBrand_39e3fbf6d9.mainActive_39e3fbf6d9 .secondaryButton_9dd70860a5 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_09cf7a8a14.colorBrand_39e3fbf6d9.splitContentOpen_389283e483 .secondaryButton_9dd70860a5,\n.kindSecondary_09cf7a8a14.colorBrand_39e3fbf6d9.splitContentOpen_389283e483 .secondaryButton_9dd70860a5:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_11b57d1f0d",contentOnTop:"contentOnTop_079f46e04d",contentOnBottom:"contentOnBottom_fa429acead"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_3_0_0-alpha_2";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))}(".steps_11b57d1f0d .contentOnTop_079f46e04d {\n  margin-top: var(--spacing-medium);\n}\n.steps_11b57d1f0d .contentOnBottom_fa429acead {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_5e118e7d03",contentOnTop:"contentOnTop_d7b3a97c84",contentOnBottom:"contentOnBottom_6697a422d3"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_3_0_0-alpha_5";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))}(".steps_5e118e7d03 .contentOnTop_d7b3a97c84 {\n  margin-top: var(--spacing-medium);\n}\n.steps_5e118e7d03 .contentOnBottom_6697a422d3 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map