@vibe/core 3.0.0-alpha.9 → 3.0.0-beta.0

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

@@ -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 \"@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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"}
+{"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

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_f096573080",textContainer:"textContainer_c1c5d09e84",sizeCompactTextContainer:"sizeCompactTextContainer_813335e0dd",textContainerTitle:"textContainerTitle_cc19035ef2",visuallyHidden:"visuallyHidden_3ee577c858",textContainerTitleText:"textContainerTitleText_461bec3efd",textContainerSubtitleText:"textContainerSubtitleText_0261bb47a6",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_b2086319e9",textPlacementVertical:"textPlacementVertical_0e122c9636",numberDividerContainer:"numberDividerContainer_5dd16f5418",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_6700be23d6",divider:"divider_8a8e1aa364",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_dc1b810a17",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_3ee7362e96",clickable:"clickable_cc17068872",withAnimation:"withAnimation_b37358f40a",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_3f1925436f",swapEnter:"swapEnter_c6c1207e20",swapEnterActive:"swapEnterActive_93fe042902",swapExit:"swapExit_e679470392",swapExitActive:"swapExitActive_5cdfbcf46d",numberContainer:"numberContainer_f4b8e5ca13",numberContainerText:"numberContainerText_e15641cc80",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_9f20eb8bf0",typePrimaryNumberContainer:"typePrimaryNumberContainer_de97afdda7",typeDangerNumberContainer:"typeDangerNumberContainer_b78d395007",typeSuccessNumberContainer:"typeSuccessNumberContainer_ac4d7f9c70",typeDarkNumberContainer:"typeDarkNumberContainer_e97481a25f",statusActiveNumberContainer:"statusActiveNumberContainer_225d27ac90",sizeCompactNumberContainer:"sizeCompactNumberContainer_d00fc5e224",statusPendingNumberContainer:"statusPendingNumberContainer_9da2c60cc0","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_823945ca59"};!function(n){const e="s_id-f9249b867669_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".indicator_f096573080 {\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_c1c5d09e84 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_813335e0dd {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_cc19035ef2 {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_cc19035ef2 .visuallyHidden_3ee577c858 {\n  display: none;\n}\n\n.textContainerTitleText_461bec3efd {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_0261bb47a6 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_b2086319e9 {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_0e122c9636 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_0e122c9636 .textContainer_c1c5d09e84 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_0e122c9636 .numberDividerContainer_5dd16f5418 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_6700be23d6 {\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_0e122c9636 .numberDividerContainer_5dd16f5418 .divider_8a8e1aa364 {\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_dc1b810a17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_dc1b810a17.statusActiveNumberDividerContainer_3ee7362e96 {\n  width: 40px;\n}\n\n.indicator_f096573080.clickable_cc17068872 {\n  cursor: pointer;\n}\n\n.withAnimation_b37358f40a {\n  animation: stepIndicatiorCirclePopElastic_3f1925436f var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_c6c1207e20 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_93fe042902 {\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_e679470392 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_5cdfbcf46d {\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_f4b8e5ca13 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_e15641cc80 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_9f20eb8bf0 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_de97afdda7 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_de97afdda7:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_b78d395007 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_b78d395007:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_ac4d7f9c70:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_e97481a25f {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_e97481a25f:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_225d27ac90 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_225d27ac90.typeDangerNumberContainer_b78d395007 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_225d27ac90.typeSuccessNumberContainer_ac4d7f9c70 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_225d27ac90.typeDarkNumberContainer_e97481a25f {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_d00fc5e224 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_9da2c60cc0 {\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_9da2c60cc0:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_9da2c60cc0.typeDangerNumberContainer_b78d395007:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_9da2c60cc0.typeSuccessNumberContainer_ac4d7f9c70:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_9da2c60cc0.typeDarkNumberContainer_e97481a25f:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_823945ca59 {\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_a86d3a1130",textContainer:"textContainer_ecd38f68ff",sizeCompactTextContainer:"sizeCompactTextContainer_b72e69599a",textContainerTitle:"textContainerTitle_4b0057c124",visuallyHidden:"visuallyHidden_658920ea94",textContainerTitleText:"textContainerTitleText_b58a8ed64d",textContainerSubtitleText:"textContainerSubtitleText_b88407e871",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_313c8b8849",textPlacementVertical:"textPlacementVertical_10641624b0",numberDividerContainer:"numberDividerContainer_e592d82522",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_3c4fc186b2",divider:"divider_ee08d7a306",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_209c505f6f",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_ae0913c2f8",clickable:"clickable_76d1c9af1c",withAnimation:"withAnimation_eb27622e9a",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_70b15565b1",swapEnter:"swapEnter_3f24d9619c",swapEnterActive:"swapEnterActive_a534b14b09",swapExit:"swapExit_d44acf2e0f",swapExitActive:"swapExitActive_894dedb5c9",numberContainer:"numberContainer_b39d65e3ae",numberContainerText:"numberContainerText_18f0f909c8",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_71f15e9da7",typePrimaryNumberContainer:"typePrimaryNumberContainer_aff14c6a74",typeDangerNumberContainer:"typeDangerNumberContainer_e45bc9cade",typeSuccessNumberContainer:"typeSuccessNumberContainer_87616cd3cb",typeDarkNumberContainer:"typeDarkNumberContainer_2d50c97e23",statusActiveNumberContainer:"statusActiveNumberContainer_3bd1654597",sizeCompactNumberContainer:"sizeCompactNumberContainer_1724375eef",statusPendingNumberContainer:"statusPendingNumberContainer_8d32901e5c","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_4d778b028a"};!function(n){const e="s_id-f9249b867669_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".indicator_a86d3a1130 {\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_ecd38f68ff {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_b72e69599a {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_4b0057c124 {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_4b0057c124 .visuallyHidden_658920ea94 {\n  display: none;\n}\n\n.textContainerTitleText_b58a8ed64d {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_b88407e871 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_313c8b8849 {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_10641624b0 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_10641624b0 .textContainer_ecd38f68ff {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_10641624b0 .numberDividerContainer_e592d82522 {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_3c4fc186b2 {\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_10641624b0 .numberDividerContainer_e592d82522 .divider_ee08d7a306 {\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_209c505f6f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_209c505f6f.statusActiveNumberDividerContainer_ae0913c2f8 {\n  width: 40px;\n}\n\n.indicator_a86d3a1130.clickable_76d1c9af1c {\n  cursor: pointer;\n}\n\n.withAnimation_eb27622e9a {\n  animation: stepIndicatiorCirclePopElastic_70b15565b1 var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_3f24d9619c {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_a534b14b09 {\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_d44acf2e0f {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_894dedb5c9 {\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_b39d65e3ae {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_18f0f909c8 {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_71f15e9da7 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_aff14c6a74 {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_aff14c6a74:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_e45bc9cade {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_e45bc9cade:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_87616cd3cb {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_87616cd3cb:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_2d50c97e23 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_2d50c97e23:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_3bd1654597 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_3bd1654597.typeDangerNumberContainer_e45bc9cade {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_3bd1654597.typeSuccessNumberContainer_87616cd3cb {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_3bd1654597.typeDarkNumberContainer_2d50c97e23 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_1724375eef {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_8d32901e5c {\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_8d32901e5c:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_8d32901e5c.typeDangerNumberContainer_e45bc9cade:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_8d32901e5c.typeSuccessNumberContainer_87616cd3cb:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_8d32901e5c.typeDarkNumberContainer_2d50c97e23:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_4d778b028a {\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

@@ -1,2 +1,2 @@
-var e={bar:"bar_0b09045401",typePrimaryPrimary:"typePrimaryPrimary_de97afdda7",typePrimarySecondary:"typePrimarySecondary_bd91a81a2f",typePrimaryPositive:"typePrimaryPositive_ac4d7f9c70",typePrimaryNegative:"typePrimaryNegative_b78d395007",typePrimaryWarning:"typePrimaryWarning_b54fe45ba4",typeSecondaryPrimary:"typeSecondaryPrimary_048387885b",typeSecondarySecondary:"typeSecondarySecondary_676b8eaeaa",typeSecondaryPositive:"typeSecondaryPositive_dc3c5b7224",typeSecondaryNegative:"typeSecondaryNegative_d9bde8d201",typeSecondaryWarning:"typeSecondaryWarning_88dadb5321",animate:"animate_a00af508ee"};!function(e){const r="s_id-4250992e3ce2_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_0b09045401 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_de97afdda7 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_bd91a81a2f {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_b78d395007 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_b54fe45ba4 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_048387885b {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_676b8eaeaa {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_dc3c5b7224 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_d9bde8d201 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_88dadb5321 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_a00af508ee {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_ea83171388",typePrimaryPrimary:"typePrimaryPrimary_aff14c6a74",typePrimarySecondary:"typePrimarySecondary_1984851622",typePrimaryPositive:"typePrimaryPositive_87616cd3cb",typePrimaryNegative:"typePrimaryNegative_e45bc9cade",typePrimaryWarning:"typePrimaryWarning_b97db0f0d7",typeSecondaryPrimary:"typeSecondaryPrimary_6fa18e51fa",typeSecondarySecondary:"typeSecondarySecondary_ce8e851f4a",typeSecondaryPositive:"typeSecondaryPositive_ffd34463f1",typeSecondaryNegative:"typeSecondaryNegative_672e7e40c5",typeSecondaryWarning:"typeSecondaryWarning_0be1b461d7",animate:"animate_9c24ba9572"};!function(e){const r="s_id-4250992e3ce2_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_ea83171388 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_aff14c6a74 {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_1984851622 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_87616cd3cb {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_e45bc9cade {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_b97db0f0d7 {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_6fa18e51fa {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_ce8e851f4a {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_ffd34463f1 {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_672e7e40c5 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_0be1b461d7 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_9c24ba9572 {\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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_66f6e97dff",fullWidth:"fullWidth_9445810603",container:"container_fea1628be7",progressBar:"progressBar_848418a88f",completed:"completed_fea1628be7",label:"label_012450c6be",large:"large_50f5e892f2",medium:"medium_78fed52ab4",small:"small_efc7bae5da"};!function(e){const n="s_id-5855608df299_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_66f6e97dff {\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_66f6e97dff.fullWidth_9445810603 {\n  width: 100%;\n}\n.wrapper_66f6e97dff.fullWidth_9445810603 .container_fea1628be7 {\n  border-radius: 0;\n}\n.wrapper_66f6e97dff.fullWidth_9445810603 .container_fea1628be7 .progressBar_848418a88f {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_66f6e97dff.fullWidth_9445810603 .container_fea1628be7 .progressBar_848418a88f.completed_fea1628be7 {\n  border-radius: 0;\n}\n.label_012450c6be {\n  padding-left: var(--spacing-xs);\n}\n.large_50f5e892f2 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_78fed52ab4 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_efc7bae5da {\n  height: 4px;\n  line-height: 4px;\n}\n.container_fea1628be7 {\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_04475d9658",fullWidth:"fullWidth_e3b62eee9f",container:"container_ad678b3d07",progressBar:"progressBar_6a06c14b12",completed:"completed_ad678b3d07",label:"label_cc70bb647e",large:"large_ad4a3e0c72",medium:"medium_2aeda16969",small:"small_e271b49aa8"};!function(e){const n="s_id-5855608df299_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_04475d9658 {\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_04475d9658.fullWidth_e3b62eee9f {\n  width: 100%;\n}\n.wrapper_04475d9658.fullWidth_e3b62eee9f .container_ad678b3d07 {\n  border-radius: 0;\n}\n.wrapper_04475d9658.fullWidth_e3b62eee9f .container_ad678b3d07 .progressBar_6a06c14b12 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_04475d9658.fullWidth_e3b62eee9f .container_ad678b3d07 .progressBar_6a06c14b12.completed_ad678b3d07 {\n  border-radius: 0;\n}\n.label_cc70bb647e {\n  padding-left: var(--spacing-xs);\n}\n.large_ad4a3e0c72 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_2aeda16969 {\n  height: 6px;\n  line-height: 6px;\n}\n.small_e271b49aa8 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_ad678b3d07 {\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

@@ -1,2 +1,2 @@
-var e={label:"label_012450c6be"};!function(e){const t="s_id-de8a28d20526_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_012450c6be {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label_cc70bb647e"};!function(e){const t="s_id-de8a28d20526_3_0_0-alpha_17";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".label_cc70bb647e {\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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_595b735d45",inputContainer:"inputContainer_dc1b810a17",input:"input_b65019d554",control:"control_79b019b4bb",labelAnimation:"labelAnimation_3c4a30ec05",radioCheckedAnimation:"radioCheckedAnimation_dfbc96a85c",disabled:"disabled_d88d1e9acc",label:"label_53ced64961"};!function(n){const o="s_id-76103f93a8b2_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".radioButton_595b735d45 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_dc1b810a17 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_b65019d554 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_79b019b4bb {\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_79b019b4bb {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_3c4a30ec05 {\n  animation-name: radioCheckedAnimation_dfbc96a85c;\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_79b019b4bb {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_79b019b4bb {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_595b735d45.disabled_d88d1e9acc {\n  cursor: not-allowed;\n}\n\n.radioButton_595b735d45.disabled_d88d1e9acc .label_53ced64961 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_dc1b810a17 input:focus-visible + .control_79b019b4bb {\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_595b735d45:hover .inputContainer_dc1b810a17 input:enabled:checked + .control_79b019b4bb {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_595b735d45:hover .inputContainer_dc1b810a17 input:enabled:not(:checked) + .control_79b019b4bb,\n.radioButton_595b735d45:focus-within .inputContainer_dc1b810a17 input:enabled:not(:checked) + .control_79b019b4bb {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_dfbc96a85c {\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_d5e155fb6b",inputContainer:"inputContainer_209c505f6f",input:"input_1992ae9558",control:"control_7242d311c7",labelAnimation:"labelAnimation_9ea499d407",radioCheckedAnimation:"radioCheckedAnimation_ae0c1fdfc1",disabled:"disabled_4161b3f686",label:"label_8b6b04c852"};!function(n){const e="s_id-76103f93a8b2_3_0_0-alpha_17";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".radioButton_d5e155fb6b {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_209c505f6f {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_1992ae9558 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_7242d311c7 {\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_7242d311c7 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_9ea499d407 {\n  animation-name: radioCheckedAnimation_ae0c1fdfc1;\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_7242d311c7 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_7242d311c7 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_d5e155fb6b.disabled_4161b3f686 {\n  cursor: not-allowed;\n}\n\n.radioButton_d5e155fb6b.disabled_4161b3f686 .label_8b6b04c852 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_209c505f6f input:focus-visible + .control_7242d311c7 {\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_d5e155fb6b:hover .inputContainer_209c505f6f input:enabled:checked + .control_7242d311c7 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_d5e155fb6b:hover .inputContainer_209c505f6f input:enabled:not(:checked) + .control_7242d311c7,\n.radioButton_d5e155fb6b:focus-within .inputContainer_209c505f6f input:enabled:not(:checked) + .control_7242d311c7 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_ae0c1fdfc1 {\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

@@ -1,2 +1,2 @@
-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};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import a from"classnames";import o,{forwardRef as r,useRef as t,useCallback as n}from"react";import s from"../../hooks/useMergeRef.js";import{getTestId as i,ComponentDefaultTestId as l}from"../../tests/testIds.js";import c from"./Search.module.scss.js";import d from"../BaseInput/BaseInput.js";import m from"../../hooks/useDebounceEvent/index.js";import u from"../IconButton/IconButton.js";import p from"../Icon/Icon.js";import f from"../Loader/Loader.js";import v from"../../../icons/dist/react/CloseSmall.js";import h from"../../../icons/dist/react/Search.js";var C=r((function(r,C){var I,b,j,E,N,R,g,x,B,y,A=r.searchIconName,L=void 0===A?h:A,S=r.clearIconName,z=void 0===S?v: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,te=r["data-testid"];return I=t(null),b=s(C,I),j=m({delay:J,onChange:X,initialStateValue:P}),E=j.inputValue,N=j.onEventChanged,g=n((function(){var e,a;O||(null===(a=null===(e=I.current)||void 0===e?void 0:e.focus)||void 0===a||a.call(e),R(),null==$||$())}),[O,R=j.clearValue]),x=o.createElement(p,{icon:L,className:c.icon,iconType:"font",iconSize:"small"===w?"16px":"20px"}),B=o.createElement(u,{className:a(c.icon,e({},c.empty,!E)),icon:z,ariaLabel:H,onClick:g,size:"small"===w?"xs":"small","data-testid":i(l.CLEAN_SEARCH_BUTTON,re)}),y=o.createElement(o.Fragment,null,D&&o.createElement(f,{size:"small"===w?"xs":20,color:"secondary",wrapperClassName:a(e({},c.loader,!E&&!_))}),E&&!O&&B,!(k&&E)&&_),o.createElement(d,{ref:b,id:re,type:"search","data-testid":te||i(l.SEARCH,re),className:a(c.searchWrapper,ee),inputClassName:c.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{C as default};
 //# sourceMappingURL=Search.js.map

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

@@ -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 { 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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"}
+{"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":"koBAaA,IAAMA,EAASC,GACb,SAAAC,EA4BEC,GAAyC,IAEnCC,EACAC,EAENC,EAAQC,EAAYC,EAAgBC,EAM9BC,EAUAC,EASAC,EAWAC,EAzCmCC,EAAAZ,EA1BvCa,eAAAA,OAAiBJ,IAAHG,EAAGH,EAAUG,EAAAE,EAAAd,EAC3Be,cAAAA,OAAgBC,IAAHF,EAAGE,EAAcF,EAAAG,EAAAjB,EAC9BkB,eAAAA,OAAiB,IAAHD,EAAG,QAAOA,EACVE,EAAYnB,EAA1BoB,aACAC,EAAuBrB,EAAvBqB,wBACAC,EAAKtB,EAALsB,MACAC,EAAWvB,EAAXuB,YAAWC,EAAAxB,EACXyB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAQ1B,EAAR0B,SACAC,EAAO3B,EAAP2B,QACAC,EAAS5B,EAAT4B,UAASC,EAAA7B,EACT8B,aAAAA,OAAe,IAAHD,EAAG,MAAKA,EACpBE,EAAc/B,EAAd+B,eAAcC,EAAAhC,EACdiC,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAClBE,EAAwBlC,EAAxBkC,yBACAC,EAAmBnC,EAAnBmC,oBACAC,EAAQpC,EAARoC,SACAC,EAAOrC,EAAPqC,QACAC,EAAMtC,EAANsC,OACAC,EAAOvC,EAAPuC,QACAC,GAASxC,EAATwC,UACAC,GAAYzC,EAAZyC,aACAC,GAAY1C,EAAZ0C,aACAC,GAAE3C,EAAF2C,GACeC,GAAU5C,EAAzB,eAAa,OAITE,EAAW2C,EAAO,MAClB1C,EAAY2C,EAAY7C,EAAKC,GAEnCE,EAAmD2C,EAAiB,CAClEC,MAAOf,EACPG,SAAAA,EACAa,kBAAmB3B,IAHbjB,EAAUD,EAAVC,WAAYC,EAAcF,EAAdE,eAMdE,EAAqB0C,GAAY,mBACjCxB,YAIJyB,EAAkB,UAAlBjD,EAASkD,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAClB/C,IACAgC,SAAAA,IACF,GAAG,CAACb,EAdgCnB,EAAUH,EAAVG,aAgB9BE,EACJ8C,EAAAC,cAACC,EACC,CAAAC,KAAM7C,EACN2B,UAAWmB,EAAOD,KAClBE,SAAS,OACTC,SAAmB,UAATpC,EAAmB,OAAS,SAIpCf,EACJ6C,EAAAC,cAACM,EAAU,CACTtB,UAAWuB,EAAGJ,EAAOD,KAAIM,EAAKL,CAAAA,EAAAA,EAAOM,OAAS5D,IAC9CqD,KAAM3C,EACNmD,UAAWhD,EACXiD,QAAS3D,EACTiB,KAAe,UAATA,EAAmB,KAAO,QACnB,cAAA2C,EAAUC,EAAuBC,oBAAqB3B,MAIjEhC,EACJ4C,EAAAC,cAAAD,EAAAgB,SAAA,KACG5C,GACC4B,EAAAC,cAACgB,EACC,CAAA/C,KAAe,UAATA,EAAmB,KAAO,GAChCgD,MAAM,YACNC,iBAAkBX,EAAEC,KAAIL,EAAOgB,QAAUtE,IAAec,MAG3Dd,IAAeqB,GAAYhB,IACzBW,GAA2BhB,IAAec,GAK/CoC,EAAAC,cAACoB,EAAS,CACR3E,IAAKE,EACLwC,GAAIA,GACJkC,KAAM,SAAQ,cACDjC,IAAcwB,EAAUC,EAAuBS,OAAQnC,IACpEH,UAAWuB,EAAGJ,EAAOoB,cAAevC,IACpCwC,eAAgBrB,EAAOsB,OACvB3D,MAAOjB,EACP6E,WAAYzE,EACZ0E,YAAaxE,EACbiB,UAAWA,EACXL,YAAaA,EACbG,SAAUA,EACVU,SAAU9B,EACVgC,OAAQA,EACRD,QAASA,EACTP,aAAcA,EACdL,KAAMA,EACN2D,YAAY,SACZC,UAAWnD,EAA2B,gBAAaoD,EAAS,aAChDvD,EAAc,YACfJ,EAAO,gBACHc,GAAeP,OAA2BoD,EAAS,wBAC3CnD,EAAmB,gBAC3BO,GAAY,gBACZD,IAGpB"}

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_19a4ae6698",search:"search_578d83672e",loader:"loader_b259d36e8c",icon:"icon_57a7398060",empty:"empty_1ece397b6f"};!function(e){const a="s_id-4e5e4eb516f6_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_19a4ae6698 .search_578d83672e {\n  appearance: textfield;\n}\n.searchWrapper_19a4ae6698 .search_578d83672e::-webkit-search-cancel-button, .searchWrapper_19a4ae6698 .search_578d83672e::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_19a4ae6698 .loader_b259d36e8c {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_19a4ae6698 .icon_57a7398060 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_19a4ae6698 .icon_57a7398060.empty_1ece397b6f {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_93d0635ac8",search:"search_894af1d0b1",loader:"loader_b40f2a6658",icon:"icon_ad72ffedea",empty:"empty_17e9bd6d99"};!function(e){const a="s_id-4e5e4eb516f6_3_0_0-alpha_17";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];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))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_93d0635ac8 .search_894af1d0b1 {\n  appearance: textfield;\n}\n.searchWrapper_93d0635ac8 .search_894af1d0b1::-webkit-search-cancel-button, .searchWrapper_93d0635ac8 .search_894af1d0b1::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_93d0635ac8 .loader_b40f2a6658 {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_93d0635ac8 .icon_ad72ffedea {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_93d0635ac8 .icon_ad72ffedea.empty_17e9bd6d99 {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_9b05d1ba22",rectangle:"rectangle_4323da0f6f",shine:"shine_2c4c8f4a2a",circle:"circle_41aecfc809",text:"text_4c802d4176",textH1:"textH1_06be209170",textH2:"textH2_2009aa7d11",textH3:"textH3_2009aa7d11",textH4:"textH4_49752f43bb",textH5:"textH5_e6b160fdc0",textH6:"textH6_720728188f",textSmall:"textSmall_53c63427a3",textCustom:"textCustom_720728188f",fullWidth:"fullWidth_9445810603"};!function(n){const t="s_id-8df79849e8ff_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton_9b05d1ba22 {\n  display: flex;\n}\n\n.rectangle_4323da0f6f {\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_2c4c8f4a2a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2c4c8f4a2a {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_41aecfc809 {\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_2c4c8f4a2a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2c4c8f4a2a {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_4c802d4176 {\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_2c4c8f4a2a;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_2c4c8f4a2a {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_06be209170 {\n  height: 32px;\n}\n\n.textH2_2009aa7d11 {\n  height: 24px;\n}\n\n.textH3_2009aa7d11 {\n  height: 24px;\n}\n\n.textH4_49752f43bb {\n  height: 21px;\n}\n\n.textH5_e6b160fdc0 {\n  height: 16px;\n}\n\n.textH6_720728188f {\n  height: 12px;\n}\n\n.textSmall_53c63427a3,\n.textCustom_720728188f {\n  height: 12px;\n}\n\n.fullWidth_9445810603 {\n  width: 100%;\n}\n\n.skeleton_9b05d1ba22:not(.fullWidth_9445810603) .text_4c802d4176 {\n  width: 162px;\n}\n\n.skeleton_9b05d1ba22:not(.fullWidth_9445810603) .circle_41aecfc809 {\n  width: 40px;\n}\n\n.skeleton_9b05d1ba22:not(.fullWidth_9445810603) .rectangle_4323da0f6f {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_d73c151cdf",rectangle:"rectangle_de5222780d",shine:"shine_a4c73c7af0",circle:"circle_f64e15ad30",text:"text_e2ed4792f0",textH1:"textH1_c794aabaf1",textH2:"textH2_4ca678e5ae",textH3:"textH3_4ca678e5ae",textH4:"textH4_42266e31fb",textH5:"textH5_e845d87cda",textH6:"textH6_15ff4aa2cf",textSmall:"textSmall_31a6d9993c",textCustom:"textCustom_15ff4aa2cf",fullWidth:"fullWidth_e3b62eee9f"};!function(n){const e="s_id-8df79849e8ff_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_d73c151cdf {\n  display: flex;\n}\n\n.rectangle_de5222780d {\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_a4c73c7af0;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_a4c73c7af0 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_f64e15ad30 {\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_a4c73c7af0;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_a4c73c7af0 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_e2ed4792f0 {\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_a4c73c7af0;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_a4c73c7af0 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_c794aabaf1 {\n  height: 32px;\n}\n\n.textH2_4ca678e5ae {\n  height: 24px;\n}\n\n.textH3_4ca678e5ae {\n  height: 24px;\n}\n\n.textH4_42266e31fb {\n  height: 21px;\n}\n\n.textH5_e845d87cda {\n  height: 16px;\n}\n\n.textH6_15ff4aa2cf {\n  height: 12px;\n}\n\n.textSmall_31a6d9993c,\n.textCustom_15ff4aa2cf {\n  height: 12px;\n}\n\n.fullWidth_e3b62eee9f {\n  width: 100%;\n}\n\n.skeleton_d73c151cdf:not(.fullWidth_e3b62eee9f) .text_e2ed4792f0 {\n  width: 162px;\n}\n\n.skeleton_d73c151cdf:not(.fullWidth_e3b62eee9f) .circle_f64e15ad30 {\n  width: 40px;\n}\n\n.skeleton_d73c151cdf:not(.fullWidth_e3b62eee9f) .rectangle_de5222780d {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_8fda9298d7"};!function(e){const t="s_id-a25847c4cc71_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_8fda9298d7.selectionIndicator_8fda9298d7.selectionIndicator_8fda9298d7 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_144aef4b77"};!function(e){const t="s_id-a25847c4cc71_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_144aef4b77.selectionIndicator_144aef4b77.selectionIndicator_144aef4b77 {\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

@@ -1,2 +1,2 @@
-var e={slider:"slider_3ee8304e59",valueShown:"valueShown_18181ef8af"};!function(e){const n="s_id-1ec33feab829_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_3ee8304e59 {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_18181ef8af {\n  margin-top: 10px;\n}");export{e as default};
+var e={slider:"slider_9af67ff34a",valueShown:"valueShown_32de2e1f46"};!function(e){const n="s_id-1ec33feab829_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_9af67ff34a {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_32de2e1f46 {\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

@@ -1,2 +1,2 @@
-var e={base:"base_66022100c6",disabled:"disabled_7f03877325",small:"small_907c8e1497",medium:"medium_885bc4959c",large:"large_885bc4959c"};!function(e){const n="s_id-0abb9e445f96_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_66022100c6 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_7f03877325 {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_7f03877325 * {\n  pointer-events: none;\n}\n\n.small_907c8e1497 {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_885bc4959c {\n  padding: 0 12px;\n}\n\n.large_885bc4959c {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_b0985bae82",disabled:"disabled_27a90b4a0a",small:"small_baaf22b15d",medium:"medium_4337e8ee6c",large:"large_4337e8ee6c"};!function(e){const n="s_id-0abb9e445f96_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_b0985bae82 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_27a90b4a0a {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_27a90b4a0a * {\n  pointer-events: none;\n}\n\n.small_baaf22b15d {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_4337e8ee6c {\n  padding: 0 12px;\n}\n\n.large_4337e8ee6c {\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

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_68f0a18f01",positive:"positive_ac4d7f9c70",negative:"negative_b78d395007"};!function(e){const n="s_id-bb386829c5aa_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_68f0a18f01 {\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_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n\n.negative_b78d395007 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_a7cfa9a124",positive:"positive_87616cd3cb",negative:"negative_e45bc9cade"};!function(e){const n="s_id-bb386829c5aa_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_a7cfa9a124 {\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_87616cd3cb {\n  background-color: var(--positive-color);\n}\n\n.negative_e45bc9cade {\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

@@ -1,2 +1,2 @@
-var e={rail:"rail_b496ede6b5",small:"small_441c4b0839",medium:"medium_2a1eee4e67",large:"large_75804b17e9"};!function(e){const n="s_id-c66a4285003d_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_b496ede6b5 {\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_441c4b0839 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_2a1eee4e67 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_75804b17e9 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_da4d38a645",small:"small_4744b4efae",medium:"medium_ade35c78e6",large:"large_bc62673656"};!function(e){const n="s_id-c66a4285003d_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_da4d38a645 {\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_4744b4efae {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_ade35c78e6 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_bc62673656 {\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

@@ -1,2 +1,2 @@
-var n={thumb:"thumb_3ea62a723e",dragging:"dragging_9ec5f7b055",focused:"focused_9df88c3c6d",notDisabledThumb:"notDisabledThumb_95189fabaf","focus-visible":"focus-visible_f1ba76ec26",positive:"positive_268c85b621",negative:"negative_8f745f1d39",small:"small_9c1f5f7fcf",medium:"medium_52ba7210a1",large:"large_52ba7210a1",label:"label_bf138fd777"};!function(n){const o="s_id-a3b6698c403a_3_0_0-alpha_8";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".thumb_3ea62a723e {\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_9ec5f7b055 {\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_9df88c3c6d {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_95189fabaf:focus-visible, .notDisabledThumb_95189fabaf.focus-visible_f1ba76ec26 {\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_95189fabaf:focus:not(.focus-visible_f1ba76ec26) {\n  outline: none;\n}\n\n.notDisabledThumb_95189fabaf:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_268c85b621 {\n  border-color: var(--positive-color);\n}\n\n.positive_268c85b621.notDisabledThumb_95189fabaf:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_8f745f1d39 {\n  border-color: var(--negative-color);\n}\n\n.negative_8f745f1d39.notDisabledThumb_95189fabaf:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_9c1f5f7fcf {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_52ba7210a1 {\n  height: 24px;\n  width: 24px;\n}\n\n.large_52ba7210a1 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_bf138fd777 {\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_a692ccc4f3",dragging:"dragging_c558ef5b9e",focused:"focused_b03d3ece1c",notDisabledThumb:"notDisabledThumb_00acc88f76","focus-visible":"focus-visible_1e70a31ae9",positive:"positive_8e5b4f1d21",negative:"negative_083f6d1a23",small:"small_581c01ae69",medium:"medium_a1ff6fe11a",large:"large_a1ff6fe11a",label:"label_e6d8ed5480"};!function(n){const e="s_id-a3b6698c403a_3_0_0-alpha_17";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".thumb_a692ccc4f3 {\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_c558ef5b9e {\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_b03d3ece1c {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_00acc88f76:focus-visible, .notDisabledThumb_00acc88f76.focus-visible_1e70a31ae9 {\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_00acc88f76:focus:not(.focus-visible_1e70a31ae9) {\n  outline: none;\n}\n\n.notDisabledThumb_00acc88f76:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_8e5b4f1d21 {\n  border-color: var(--positive-color);\n}\n\n.positive_8e5b4f1d21.notDisabledThumb_00acc88f76:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_083f6d1a23 {\n  border-color: var(--negative-color);\n}\n\n.negative_083f6d1a23.notDisabledThumb_00acc88f76:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_581c01ae69 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_a1ff6fe11a {\n  height: 24px;\n  width: 24px;\n}\n\n.large_a1ff6fe11a {\n  height: 24px;\n  width: 24px;\n}\n\n.label_e6d8ed5480 {\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

@@ -1,2 +1,2 @@
-var e={track:"track_f5493439e6",positive:"positive_dc3c5b7224",negative:"negative_d9bde8d201"};!function(e){const t="s_id-f9216dea54b1_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_f5493439e6 {\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_dc3c5b7224 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_d9bde8d201 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_f21b5987be",positive:"positive_ffd34463f1",negative:"negative_672e7e40c5"};!function(e){const t="s_id-f9216dea54b1_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_f21b5987be {\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_ffd34463f1 {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_672e7e40c5 {\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

@@ -1,2 +1,2 @@
-var e={infix:"infix_2df105aad2",txt:"txt_daf4ca2f21",prefix:"prefix_ee089cb006",postfix:"postfix_c7122b2288"};!function(e){const n="s_id-4fd2a8cee614_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_2df105aad2 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_daf4ca2f21 {\n  white-space: nowrap;\n}\n\n.prefix_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_c7122b2288 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_e8d6fe2d73",txt:"txt_a6b3fbd1c4",prefix:"prefix_1b59a1dd24",postfix:"postfix_4edee43379"};!function(e){const n="s_id-4fd2a8cee614_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_e8d6fe2d73 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_a6b3fbd1c4 {\n  white-space: nowrap;\n}\n\n.prefix_1b59a1dd24 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_4edee43379 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

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

@@ -1,2 +1,2 @@
-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};
+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 P}from"../../utils/dom-utils.js";import j 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 B from"../DialogContentContainer/DialogContentContainer.js";import O from"./SplitButton.module.scss.js";import z from"../../../icons/dist/react/DropdownChevronDown.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?B.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&&!P(o.target,b)}),[V]),Po=u((function(o){ko(o)&&Co(!0)}),[Co,ko]),jo=u((function(){return Co(!1)}),[Co]),Io=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]);I({eventName:"mouseenter",callback:No,ref:bo}),I({eventName:"mouseleave",callback:So,ref:bo}),I({eventName:"mousedown",callback:Po,ref:bo}),I({eventName:"mouseup",callback:jo,ref:bo}),I({eventName:"transitionend",callback:jo,ref:bo}),j({keys:f,ref:bo,callback:Io});var Bo=g((function(){return l(O.button,a(O,n("kind-"+q)),a(O,n("color-"+G)),e(e(e(e(e({},O.mainActive,io),O.active,yo),O.splitContentOpen,co),O.hovered,po),O.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(B,{type:B.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:O.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:O.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:O.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:O.secondaryButtonIconWrapper},d.createElement(z,{"aria-hidden":"true"}))))))};_.defaultProps=Object.assign(Object.assign({},T.defaultProps),{onSecondaryDialogDidShow:k,onSecondaryDialogDidHide:k,zIndex:null,secondaryDialogClassName:"",secondaryDialogPosition:"bottom-start",dialogPaddingSize:B.sizes.MEDIUM});var w=h(_,{secondaryPositions:p,secondaryDialogPositions:p,sizes:T.sizes,colors:T.colors,kinds:T.kinds,inputTags:T.inputTags,dialogPaddingSizes:B.sizes});export{w as default};
 //# sourceMappingURL=SplitButton.js.map

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

@@ -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 \"@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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"}
+{"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

@@ -1,2 +1,2 @@
-var c={button:"button_ff78df7a05",mainButton:"mainButton_5062a88dcd",secondaryButton:"secondaryButton_83ca525b67",secondaryButtonWrapper:"secondaryButtonWrapper_9130aefa98",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_421d98e6e3",active:"active_f6c29bf8a8",disabled:"disabled_47359a1e98",kindTertiary:"kindTertiary_5694babccc",colorPrimary:"colorPrimary_5694babccc",mainActive:"mainActive_edbc1cb854",splitContentOpen:"splitContentOpen_844bc981d9",hovered:"hovered_cfda48bb43",colorBrand:"colorBrand_edbc1cb854",colorPositive:"colorPositive_62198f77bc",colorNegative:"colorNegative_62198f77bc",kindPrimary:"kindPrimary_37db7499e7",colorOnPrimaryColor:"colorOnPrimaryColor_4177c817bb",kindSecondary:"kindSecondary_62198f77bc"};!function(c){const n="s_id-b26d62194c18_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(c))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=c)}(".button_ff78df7a05 {\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_ff78df7a05 .mainButton_5062a88dcd {\n  margin-right: 0;\n}\n\n.button_ff78df7a05 .secondaryButton_83ca525b67 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_9130aefa98 .secondaryButtonIconWrapper_421d98e6e3 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_f6c29bf8a8 {\n  transform: scale(0.95);\n}\n\n.disabled_47359a1e98 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854 .mainButton_5062a88dcd {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854 .mainButton_5062a88dcd:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854 .secondaryButton_83ca525b67 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854 .secondaryButton_83ca525b67:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854.splitContentOpen_844bc981d9.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854.splitContentOpen_844bc981d9.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67:hover,\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854.hovered_cfda48bb43.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorPrimary_5694babccc.mainActive_edbc1cb854.hovered_cfda48bb43.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_5694babccc.colorBrand_edbc1cb854.mainActive_edbc1cb854 .mainButton_5062a88dcd {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_5694babccc.colorBrand_edbc1cb854.mainActive_edbc1cb854 .secondaryButton_83ca525b67 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_5694babccc.colorBrand_edbc1cb854.mainActive_edbc1cb854.splitContentOpen_844bc981d9.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorBrand_edbc1cb854.mainActive_edbc1cb854.splitContentOpen_844bc981d9.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67:hover,\n.kindTertiary_5694babccc.colorBrand_edbc1cb854.mainActive_edbc1cb854.hovered_cfda48bb43.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorBrand_edbc1cb854.mainActive_edbc1cb854.hovered_cfda48bb43.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_5694babccc.colorPositive_62198f77bc.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorPositive_62198f77bc:hover .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorPositive_62198f77bc:focus .secondaryButton_83ca525b67 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_5694babccc.colorPositive_62198f77bc.splitContentOpen_844bc981d9 .mainButton_5062a88dcd,\n.kindTertiary_5694babccc.colorPositive_62198f77bc:hover .mainButton_5062a88dcd,\n.kindTertiary_5694babccc.colorPositive_62198f77bc:focus .mainButton_5062a88dcd {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_5694babccc.colorNegative_62198f77bc.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorNegative_62198f77bc:hover .secondaryButton_83ca525b67,\n.kindTertiary_5694babccc.colorNegative_62198f77bc:focus .secondaryButton_83ca525b67 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_5694babccc.colorNegative_62198f77bc.splitContentOpen_844bc981d9 .mainButton_5062a88dcd,\n.kindTertiary_5694babccc.colorNegative_62198f77bc:hover .mainButton_5062a88dcd,\n.kindTertiary_5694babccc.colorNegative_62198f77bc:focus .mainButton_5062a88dcd {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_5694babccc .secondaryButton_83ca525b67 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_37db7499e7.disabled_47359a1e98 .secondaryButton_83ca525b67 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_37db7499e7:not(.disabled_47359a1e98).colorPrimary_5694babccc.mainActive_edbc1cb854 .secondaryButton_83ca525b67 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_37db7499e7:not(.disabled_47359a1e98).colorPrimary_5694babccc .secondaryButton_83ca525b67 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_37db7499e7:not(.disabled_47359a1e98).colorBrand_edbc1cb854.mainActive_edbc1cb854 .secondaryButton_83ca525b67 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_37db7499e7:not(.disabled_47359a1e98).colorBrand_edbc1cb854 .secondaryButton_83ca525b67 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_37db7499e7:not(.disabled_47359a1e98).colorPositive_62198f77bc .secondaryButton_83ca525b67 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_37db7499e7:not(.disabled_47359a1e98).colorNegative_62198f77bc .secondaryButton_83ca525b67 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_37db7499e7:not(.disabled_47359a1e98).colorOnPrimaryColor_4177c817bb .secondaryButton_83ca525b67 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_62198f77bc .mainButton_5062a88dcd {\n  border-right: none;\n}\n\n.kindSecondary_62198f77bc.colorPrimary_5694babccc.mainActive_edbc1cb854 .mainButton_5062a88dcd {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_62198f77bc.colorPrimary_5694babccc.mainActive_edbc1cb854 .mainButton_5062a88dcd:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_62198f77bc.colorPrimary_5694babccc.mainActive_edbc1cb854 .secondaryButton_83ca525b67 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_62198f77bc.colorPrimary_5694babccc.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_62198f77bc.colorPrimary_5694babccc.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_62198f77bc.colorBrand_edbc1cb854.mainActive_edbc1cb854 .mainButton_5062a88dcd {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_62198f77bc.colorBrand_edbc1cb854.mainActive_edbc1cb854 .secondaryButton_83ca525b67 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_62198f77bc.colorBrand_edbc1cb854.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67,\n.kindSecondary_62198f77bc.colorBrand_edbc1cb854.splitContentOpen_844bc981d9 .secondaryButton_83ca525b67:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{c as default};
+var e={button:"button_9251d1531a",mainButton:"mainButton_4b66737e2b",secondaryButton:"secondaryButton_78807bc2ba",secondaryButtonWrapper:"secondaryButtonWrapper_735f369f71",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_cd6b34fb74",active:"active_9ac5e40ca2",disabled:"disabled_2e54b0e837",kindTertiary:"kindTertiary_436566a75d",colorPrimary:"colorPrimary_436566a75d",mainActive:"mainActive_ae5de517ca",splitContentOpen:"splitContentOpen_1e86bc580e",hovered:"hovered_60a96ed1e0",colorBrand:"colorBrand_ae5de517ca",colorPositive:"colorPositive_2f987cace5",colorNegative:"colorNegative_2f987cace5",kindPrimary:"kindPrimary_ccfac9c845",colorOnPrimaryColor:"colorOnPrimaryColor_10358e1759",kindSecondary:"kindSecondary_2f987cace5"};!function(e){const n="s_id-b26d62194c18_3_0_0-alpha_17";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".button_9251d1531a {\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_9251d1531a .mainButton_4b66737e2b {\n  margin-right: 0;\n}\n\n.button_9251d1531a .secondaryButton_78807bc2ba {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_735f369f71 .secondaryButtonIconWrapper_cd6b34fb74 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_9ac5e40ca2 {\n  transform: scale(0.95);\n}\n\n.disabled_2e54b0e837 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca .mainButton_4b66737e2b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca .mainButton_4b66737e2b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca .secondaryButton_78807bc2ba {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca .secondaryButton_78807bc2ba:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca.splitContentOpen_1e86bc580e.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca.splitContentOpen_1e86bc580e.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba:hover,\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca.hovered_60a96ed1e0.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorPrimary_436566a75d.mainActive_ae5de517ca.hovered_60a96ed1e0.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_436566a75d.colorBrand_ae5de517ca.mainActive_ae5de517ca .mainButton_4b66737e2b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_436566a75d.colorBrand_ae5de517ca.mainActive_ae5de517ca .secondaryButton_78807bc2ba {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_436566a75d.colorBrand_ae5de517ca.mainActive_ae5de517ca.splitContentOpen_1e86bc580e.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorBrand_ae5de517ca.mainActive_ae5de517ca.splitContentOpen_1e86bc580e.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba:hover,\n.kindTertiary_436566a75d.colorBrand_ae5de517ca.mainActive_ae5de517ca.hovered_60a96ed1e0.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorBrand_ae5de517ca.mainActive_ae5de517ca.hovered_60a96ed1e0.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_436566a75d.colorPositive_2f987cace5.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorPositive_2f987cace5:hover .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorPositive_2f987cace5:focus .secondaryButton_78807bc2ba {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_436566a75d.colorPositive_2f987cace5.splitContentOpen_1e86bc580e .mainButton_4b66737e2b,\n.kindTertiary_436566a75d.colorPositive_2f987cace5:hover .mainButton_4b66737e2b,\n.kindTertiary_436566a75d.colorPositive_2f987cace5:focus .mainButton_4b66737e2b {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_436566a75d.colorNegative_2f987cace5.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorNegative_2f987cace5:hover .secondaryButton_78807bc2ba,\n.kindTertiary_436566a75d.colorNegative_2f987cace5:focus .secondaryButton_78807bc2ba {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_436566a75d.colorNegative_2f987cace5.splitContentOpen_1e86bc580e .mainButton_4b66737e2b,\n.kindTertiary_436566a75d.colorNegative_2f987cace5:hover .mainButton_4b66737e2b,\n.kindTertiary_436566a75d.colorNegative_2f987cace5:focus .mainButton_4b66737e2b {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_436566a75d .secondaryButton_78807bc2ba {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_ccfac9c845.disabled_2e54b0e837 .secondaryButton_78807bc2ba {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_ccfac9c845:not(.disabled_2e54b0e837).colorPrimary_436566a75d.mainActive_ae5de517ca .secondaryButton_78807bc2ba {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_ccfac9c845:not(.disabled_2e54b0e837).colorPrimary_436566a75d .secondaryButton_78807bc2ba {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_ccfac9c845:not(.disabled_2e54b0e837).colorBrand_ae5de517ca.mainActive_ae5de517ca .secondaryButton_78807bc2ba {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_ccfac9c845:not(.disabled_2e54b0e837).colorBrand_ae5de517ca .secondaryButton_78807bc2ba {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_ccfac9c845:not(.disabled_2e54b0e837).colorPositive_2f987cace5 .secondaryButton_78807bc2ba {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_ccfac9c845:not(.disabled_2e54b0e837).colorNegative_2f987cace5 .secondaryButton_78807bc2ba {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_ccfac9c845:not(.disabled_2e54b0e837).colorOnPrimaryColor_10358e1759 .secondaryButton_78807bc2ba {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_2f987cace5 .mainButton_4b66737e2b {\n  border-right: none;\n}\n\n.kindSecondary_2f987cace5.colorPrimary_436566a75d.mainActive_ae5de517ca .mainButton_4b66737e2b {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_2f987cace5.colorPrimary_436566a75d.mainActive_ae5de517ca .mainButton_4b66737e2b:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_2f987cace5.colorPrimary_436566a75d.mainActive_ae5de517ca .secondaryButton_78807bc2ba {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_2f987cace5.colorPrimary_436566a75d.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_2f987cace5.colorPrimary_436566a75d.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_2f987cace5.colorBrand_ae5de517ca.mainActive_ae5de517ca .mainButton_4b66737e2b {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_2f987cace5.colorBrand_ae5de517ca.mainActive_ae5de517ca .secondaryButton_78807bc2ba {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_2f987cace5.colorBrand_ae5de517ca.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba,\n.kindSecondary_2f987cace5.colorBrand_ae5de517ca.splitContentOpen_1e86bc580e .secondaryButton_78807bc2ba:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{e as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_46e1071519",contentOnTop:"contentOnTop_dacce39663",contentOnBottom:"contentOnBottom_895d18f3c7"};!function(e){const t="s_id-9e4623f942e8_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_46e1071519 .contentOnTop_dacce39663 {\n  margin-top: var(--spacing-medium);\n}\n.steps_46e1071519 .contentOnBottom_895d18f3c7 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_213621ea36",contentOnTop:"contentOnTop_dc0b0dd793",contentOnBottom:"contentOnBottom_655c914c57"};!function(e){const t="s_id-9e4623f942e8_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".steps_213621ea36 .contentOnTop_dc0b0dd793 {\n  margin-top: var(--spacing-medium);\n}\n.steps_213621ea36 .contentOnBottom_655c914c57 {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map