npm - @vibe/core - Versions diffs - 3.0.0-alpha.14 → 3.0.0-alpha.17 - Mend

@vibe/core 3.0.0-alpha.14 → 3.0.0-alpha.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (403) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@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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"}
1	+ {"version":3,"file":"SplitButton.js","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\n// Libraries import\nimport React, { FC, ReactElement, useCallback, useMemo, useRef, useState } from \"react\";\n// Constants import\nimport {\n DEFAULT_DIALOG_HIDE_TRIGGER,\n DEFAULT_DIALOG_SHOW_TRIGGER,\n DIALOG_MOVE_BY,\n ENTER_KEYS,\n SECONDARY_BUTTON_ARIA_LABEL,\n SECONDARY_BUTTON_WRAPPER_CLASSNAME,\n SplitButtonSecondaryContentPosition,\n SplitButtonSecondaryContentPositionType\n} from \"./SplitButtonConstants\";\nimport { withStaticProps } from \"../../types\";\nimport { AnimationType, DialogPosition, HideShowEvent } from \"../Dialog/DialogConstants\";\n// Utils import\nimport { NOOP } from \"../../utils/function-utils\";\nimport { isInsideClass } from \"../../utils/dom-utils\";\n// Hooks import\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport useEventListener from \"../../hooks/useEventListener\";\n// Components import\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Dialog, { DialogEvent } from \"../Dialog/Dialog\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport styles from \"./SplitButton.module.scss\";\nimport { DialogTriggerEvent } from \"../Dialog/Dialog.types\";\n\nexport interface SplitButtonProps extends ButtonProps {\n /\n * The element or renderer which display inside the dialog which open by clicking on the split button's secondary button.\n /\n secondaryDialogContent?: ReactElement \| (() => string \| ReactElement);\n onSecondaryDialogDidShow?: () => void;\n onSecondaryDialogDidHide?: () => void;\n zIndex?: number;\n /\n * Class name to provide the element which wraps the popover/modal/dialog\n /\n secondaryDialogClassName?: string;\n secondaryDialogPosition?: SplitButtonSecondaryContentPositionType;\n /\n Popover Container padding size\n /\n dialogPaddingSize?: (typeof DialogContentContainer.sizes)[keyof typeof DialogContentContainer.sizes];\n /\n the container selector in which to append the dialog\n * for examples: \"body\" , \".my-class\", \"#my-id\"\n /\n dialogContainerSelector?: string;\n shouldCloseOnClickInsideDialog?: boolean;\n}\n\nconst SplitButton: FC<SplitButtonProps> & {\n secondaryPositions?: typeof SplitButtonSecondaryContentPosition;\n secondaryDialogPositions?: typeof SplitButtonSecondaryContentPosition;\n sizes?: typeof Button.sizes;\n colors?: typeof Button.colors;\n kinds?: typeof Button.kinds;\n inputTags?: typeof Button.inputTags;\n dialogPaddingSizes?: typeof DialogContentContainer.sizes;\n} = ({\n secondaryDialogContent,\n onSecondaryDialogDidShow = NOOP,\n onSecondaryDialogDidHide = NOOP,\n shouldCloseOnClickInsideDialog,\n zIndex = null,\n secondaryDialogClassName,\n secondaryDialogPosition = \"bottom-start\",\n dialogContainerSelector,\n dialogPaddingSize = DialogContentContainer.sizes.MEDIUM,\n disabled,\n // success mode not working right now, need to fix it in different pr\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n success,\n loading,\n kind,\n color,\n className,\n leftIcon,\n rightIcon,\n onClick,\n children,\n marginLeft,\n marginRight,\n active,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}: SplitButtonProps) => {\n // State //\n const [isDialogOpen, setDialogOpen] = useState(false);\n const [isHovered, setIsHover] = useState(false);\n const [isActive, setIsActive] = useState(false);\n\n // Refs //\n const ref = useRef(null);\n const secondaryButtonRef = useRef(null);\n\n // Callbacks //\n const setHovered = useCallback(() => setIsHover(true), [setIsHover]);\n const setNotHovered = useCallback(() => setIsHover(false), [setIsHover]);\n\n const shouldSetActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (disabled) return false;\n return !isInsideClass(e.target as HTMLElement, SECONDARY_BUTTON_WRAPPER_CLASSNAME);\n },\n [disabled]\n );\n\n const setActive = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n const setNotActive = useCallback(() => setIsActive(false), [setIsActive]);\n const setActiveOnEnter = useCallback(\n (e: React.KeyboardEvent<HTMLElement>) => {\n if (!shouldSetActive(e)) return;\n setIsActive(true);\n },\n [setIsActive, shouldSetActive]\n );\n\n const showDialog = useCallback(() => {\n setDialogOpen(true);\n onSecondaryDialogDidShow();\n }, [setDialogOpen, onSecondaryDialogDidShow]);\n\n const hideDialog = useCallback(\n (_: DialogEvent, eventName: DialogTriggerEvent) => {\n setDialogOpen(false);\n onSecondaryDialogDidHide();\n if (eventName === \"esckey\") {\n secondaryButtonRef.current.focus();\n }\n },\n [setDialogOpen, onSecondaryDialogDidHide]\n );\n\n // Event listeners //\n\n // Used to set both buttons as hovered no matter what button was hovered\n useEventListener({ eventName: \"mouseenter\", callback: setHovered, ref });\n useEventListener({ eventName: \"mouseleave\", callback: setNotHovered, ref });\n\n useEventListener({ eventName: \"mousedown\", callback: setActive, ref });\n useEventListener({ eventName: \"mouseup\", callback: setNotActive, ref });\n\n // Used to finish active transition if clicked on enter\n useEventListener({ eventName: \"transitionend\", callback: setNotActive, ref });\n\n // Key events\n useKeyEvent({ keys: ENTER_KEYS, ref, callback: setActiveOnEnter });\n\n const classNames = useMemo(\n () =>\n cx(\n styles.button,\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.mainActive]: active,\n [styles.active]: isActive,\n [styles.splitContentOpen]: isDialogOpen,\n [styles.hovered]: isHovered,\n [styles.disabled]: disabled\n },\n className\n ),\n [className, kind, color, active, isActive, isDialogOpen, isHovered, disabled]\n );\n\n const dialogShowTrigger = useMemo(() => (disabled ? [] : DEFAULT_DIALOG_SHOW_TRIGGER), [disabled]);\n\n const dialogHideTrigger = useMemo(() => {\n if (shouldCloseOnClickInsideDialog) return [...DEFAULT_DIALOG_HIDE_TRIGGER, HideShowEvent.CONTENT_CLICK];\n return DEFAULT_DIALOG_HIDE_TRIGGER;\n }, [shouldCloseOnClickInsideDialog]);\n\n const actionsContent = useCallback(() => {\n const content = typeof secondaryDialogContent === \"function\" ? secondaryDialogContent() : secondaryDialogContent;\n return (\n <DialogContentContainer type={DialogContentContainer.types.POPOVER} size={dialogPaddingSize}>\n {content}\n </DialogContentContainer>\n );\n }, [secondaryDialogContent, dialogPaddingSize]);\n\n const animationEdgePosition = useMemo(() => {\n if (secondaryDialogPosition === \"bottom\") {\n return \"\";\n }\n if (secondaryDialogPosition === \"bottom-start\") {\n return \"bottom\";\n }\n\n return \"top\";\n }, [secondaryDialogPosition]);\n\n return (\n <div\n className={classNames}\n ref={ref}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SPLIT_BUTTON, id)}\n >\n <Button\n {\n ...buttonProps / We are enriching button with other props so we must use spreading */\n }\n preventClickAnimation\n leftIcon={leftIcon}\n rightIcon={rightIcon}\n rightFlat\n color={color}\n kind={kind}\n active={active}\n onClick={onClick}\n className={styles.mainButton}\n marginLeft={marginLeft}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n loading={loading}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_PRIMARY_BUTTON, id)}\n >\n {children}\n </Button>\n <div className={styles.secondaryButtonWrapper}>\n <Dialog\n wrapperClassName={secondaryDialogClassName}\n zIndex={zIndex}\n content={actionsContent}\n position={secondaryDialogPosition as DialogPosition}\n containerSelector={dialogContainerSelector}\n startingEdge={animationEdgePosition}\n animationType={AnimationType.EXPAND}\n moveBy={DIALOG_MOVE_BY}\n onDialogDidShow={showDialog}\n onDialogDidHide={hideDialog}\n showTrigger={dialogShowTrigger}\n hideTrigger={dialogHideTrigger}\n >\n <Button\n {...buttonProps}\n ref={secondaryButtonRef}\n preventClickAnimation\n leftFlat\n noSidePadding\n color={color}\n kind={kind}\n className={styles.secondaryButton}\n active={isDialogOpen}\n marginRight={marginRight}\n onFocus={setHovered}\n onBlur={setNotHovered}\n disabled={disabled}\n ariaLabel={SECONDARY_BUTTON_ARIA_LABEL}\n ariaHasPopup\n ariaExpanded={isDialogOpen}\n data-testid={getTestId(ComponentDefaultTestId.SPLIT_BUTTON_SECONDARY_BUTTON, id)}\n >\n <div className={styles.secondaryButtonIconWrapper}>\n <DropdownChevronDown aria-hidden=\"true\" />\n </div>\n </Button>\n </Dialog>\n </div>\n </div>\n );\n};\n\nSplitButton.defaultProps = {\n ...Button.defaultProps,\n onSecondaryDialogDidShow: NOOP,\n onSecondaryDialogDidHide: NOOP,\n zIndex: null,\n secondaryDialogClassName: \"\",\n secondaryDialogPosition: \"bottom-start\",\n dialogPaddingSize: DialogContentContainer.sizes.MEDIUM\n};\n\nexport default withStaticProps(SplitButton, {\n secondaryPositions: SplitButtonSecondaryContentPosition,\n secondaryDialogPositions: SplitButtonSecondaryContentPosition,\n sizes: Button.sizes,\n colors: Button.colors,\n kinds: Button.kinds,\n inputTags: Button.inputTags,\n dialogPaddingSizes: DialogContentContainer.sizes\n});\n"],"names":["SplitButton","_a","secondaryDialogContent","_a$onSecondaryDialogD","onSecondaryDialogDidShow","NOOP","_a$onSecondaryDialogD2","onSecondaryDialogDidHide","shouldCloseOnClickInsideDialog","_a$zIndex","zIndex","secondaryDialogClassName","_a$secondaryDialogPos","secondaryDialogPosition","dialogContainerSelector","_a$dialogPaddingSize","dialogPaddingSize","DialogContentContainer","sizes","MEDIUM","disabled","loading","kind","color","className","leftIcon","rightIcon","onClick","children","marginLeft","marginRight","active","id","dataTestId","buttonProps","__rest","_useState","useState","_useState2","_slicedToArray","isDialogOpen","setDialogOpen","_useState3","_useState4","isHovered","setIsHover","_useState5","_useState6","isActive","setIsActive","ref","useRef","secondaryButtonRef","setHovered","useCallback","setNotHovered","shouldSetActive","e","isInsideClass","target","SECONDARY_BUTTON_WRAPPER_CLASSNAME","setActive","setNotActive","setActiveOnEnter","showDialog","hideDialog","_","eventName","current","focus","useEventListener","callback","useKeyEvent","keys","ENTER_KEYS","classNames","useMemo","cx","styles","button","getStyle","camelCase","_defineProperty","mainActive","splitContentOpen","hovered","dialogShowTrigger","DEFAULT_DIALOG_SHOW_TRIGGER","dialogHideTrigger","concat","_toConsumableArray","DEFAULT_DIALOG_HIDE_TRIGGER","HideShowEvent","CONTENT_CLICK","actionsContent","content","React","createElement","type","types","POPOVER","size","animationEdgePosition","getTestId","ComponentDefaultTestId","SPLIT_BUTTON","Button","Object","assign","preventClickAnimation","rightFlat","mainButton","onFocus","onBlur","SPLIT_BUTTON_PRIMARY_BUTTON","secondaryButtonWrapper","Dialog","wrapperClassName","position","containerSelector","startingEdge","animationType","AnimationType","EXPAND","moveBy","DIALOG_MOVE_BY","onDialogDidShow","onDialogDidHide","showTrigger","hideTrigger","leftFlat","noSidePadding","secondaryButton","ariaLabel","SECONDARY_BUTTON_ARIA_LABEL","ariaHasPopup","ariaExpanded","SPLIT_BUTTON_SECONDARY_BUTTON","secondaryButtonIconWrapper","DropdownChevronDown","defaultProps","withStaticProps","secondaryPositions","SplitButtonSecondaryContentPosition","secondaryDialogPositions","colors","kinds","inputTags","dialogPaddingSizes"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={button:"button_5ca055b660",mainButton:"mainButton_937046ced2",secondaryButton:"secondaryButton_7bd6fca633",secondaryButtonWrapper:"secondaryButtonWrapper_86d7715e8b",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_b9e4eb0908",active:"active_d6fbae1cab",disabled:"disabled_8a3e43f115",kindTertiary:"kindTertiary_9ad565f89e",colorPrimary:"colorPrimary_9ad565f89e",mainActive:"mainActive_950a82e068",splitContentOpen:"splitContentOpen_f2c59bbe65",hovered:"hovered_84cc2aad67",colorBrand:"colorBrand_950a82e068",colorPositive:"colorPositive_073ec1d643",colorNegative:"colorNegative_073ec1d643",kindPrimary:"kindPrimary_7892dd5191",colorOnPrimaryColor:"colorOnPrimaryColor_b93e9b2c6c",kindSecondary:"kindSecondary_073ec1d643"};!function(n){const e="s_id-b26d62194c18_3_0_0-alpha_13";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".button_5ca055b660 {\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_5ca055b660 .mainButton_937046ced2 {\n  margin-right: 0;\n}\n\n.button_5ca055b660 .secondaryButton_7bd6fca633 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_86d7715e8b .secondaryButtonIconWrapper_b9e4eb0908 {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_d6fbae1cab {\n  transform: scale(0.95);\n}\n\n.disabled_8a3e43f115 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068 .mainButton_937046ced2 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068 .mainButton_937046ced2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068 .secondaryButton_7bd6fca633 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068 .secondaryButton_7bd6fca633:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068.splitContentOpen_f2c59bbe65.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068.splitContentOpen_f2c59bbe65.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633:hover,\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068.hovered_84cc2aad67.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorPrimary_9ad565f89e.mainActive_950a82e068.hovered_84cc2aad67.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_9ad565f89e.colorBrand_950a82e068.mainActive_950a82e068 .mainButton_937046ced2 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_9ad565f89e.colorBrand_950a82e068.mainActive_950a82e068 .secondaryButton_7bd6fca633 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_9ad565f89e.colorBrand_950a82e068.mainActive_950a82e068.splitContentOpen_f2c59bbe65.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorBrand_950a82e068.mainActive_950a82e068.splitContentOpen_f2c59bbe65.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633:hover,\n.kindTertiary_9ad565f89e.colorBrand_950a82e068.mainActive_950a82e068.hovered_84cc2aad67.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorBrand_950a82e068.mainActive_950a82e068.hovered_84cc2aad67.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_9ad565f89e.colorPositive_073ec1d643.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorPositive_073ec1d643:hover .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorPositive_073ec1d643:focus .secondaryButton_7bd6fca633 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_9ad565f89e.colorPositive_073ec1d643.splitContentOpen_f2c59bbe65 .mainButton_937046ced2,\n.kindTertiary_9ad565f89e.colorPositive_073ec1d643:hover .mainButton_937046ced2,\n.kindTertiary_9ad565f89e.colorPositive_073ec1d643:focus .mainButton_937046ced2 {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_9ad565f89e.colorNegative_073ec1d643.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorNegative_073ec1d643:hover .secondaryButton_7bd6fca633,\n.kindTertiary_9ad565f89e.colorNegative_073ec1d643:focus .secondaryButton_7bd6fca633 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_9ad565f89e.colorNegative_073ec1d643.splitContentOpen_f2c59bbe65 .mainButton_937046ced2,\n.kindTertiary_9ad565f89e.colorNegative_073ec1d643:hover .mainButton_937046ced2,\n.kindTertiary_9ad565f89e.colorNegative_073ec1d643:focus .mainButton_937046ced2 {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_9ad565f89e .secondaryButton_7bd6fca633 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_7892dd5191.disabled_8a3e43f115 .secondaryButton_7bd6fca633 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_7892dd5191:not(.disabled_8a3e43f115).colorPrimary_9ad565f89e.mainActive_950a82e068 .secondaryButton_7bd6fca633 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_7892dd5191:not(.disabled_8a3e43f115).colorPrimary_9ad565f89e .secondaryButton_7bd6fca633 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_7892dd5191:not(.disabled_8a3e43f115).colorBrand_950a82e068.mainActive_950a82e068 .secondaryButton_7bd6fca633 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_7892dd5191:not(.disabled_8a3e43f115).colorBrand_950a82e068 .secondaryButton_7bd6fca633 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_7892dd5191:not(.disabled_8a3e43f115).colorPositive_073ec1d643 .secondaryButton_7bd6fca633 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_7892dd5191:not(.disabled_8a3e43f115).colorNegative_073ec1d643 .secondaryButton_7bd6fca633 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_7892dd5191:not(.disabled_8a3e43f115).colorOnPrimaryColor_b93e9b2c6c .secondaryButton_7bd6fca633 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_073ec1d643 .mainButton_937046ced2 {\n  border-right: none;\n}\n\n.kindSecondary_073ec1d643.colorPrimary_9ad565f89e.mainActive_950a82e068 .mainButton_937046ced2 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_073ec1d643.colorPrimary_9ad565f89e.mainActive_950a82e068 .mainButton_937046ced2:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_073ec1d643.colorPrimary_9ad565f89e.mainActive_950a82e068 .secondaryButton_7bd6fca633 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_073ec1d643.colorPrimary_9ad565f89e.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_073ec1d643.colorPrimary_9ad565f89e.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_073ec1d643.colorBrand_950a82e068.mainActive_950a82e068 .mainButton_937046ced2 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_073ec1d643.colorBrand_950a82e068.mainActive_950a82e068 .secondaryButton_7bd6fca633 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_073ec1d643.colorBrand_950a82e068.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633,\n.kindSecondary_073ec1d643.colorBrand_950a82e068.splitContentOpen_f2c59bbe65 .secondaryButton_7bd6fca633:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button_08eb65f3c2",mainButton:"mainButton_09ca517fcb",secondaryButton:"secondaryButton_6ad1de9514",secondaryButtonWrapper:"secondaryButtonWrapper_6a6142600e",secondaryButtonIconWrapper:"secondaryButtonIconWrapper_86627183ce",active:"active_99f2b3782c",disabled:"disabled_80626e7027",kindTertiary:"kindTertiary_28f5f52f44",colorPrimary:"colorPrimary_28f5f52f44",mainActive:"mainActive_2dbf3b6946",splitContentOpen:"splitContentOpen_09e465ef27",hovered:"hovered_154457e706",colorBrand:"colorBrand_2dbf3b6946",colorPositive:"colorPositive_96a85bbab8",colorNegative:"colorNegative_96a85bbab8",kindPrimary:"kindPrimary_9eadafb1a5",colorOnPrimaryColor:"colorOnPrimaryColor_932071b0b1",kindSecondary:"kindSecondary_96a85bbab8"};!function(n){const r="s_id-b26d62194c18_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".button_08eb65f3c2 {\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_08eb65f3c2 .mainButton_09ca517fcb {\n  margin-right: 0;\n}\n\n.button_08eb65f3c2 .secondaryButton_6ad1de9514 {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper_6a6142600e .secondaryButtonIconWrapper_86627183ce {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active_99f2b3782c {\n  transform: scale(0.95);\n}\n\n.disabled_80626e7027 {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .mainButton_09ca517fcb {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .mainButton_09ca517fcb:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .secondaryButton_6ad1de9514 {\n  background-color: var(--primary-selected-color);\n}\n\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .secondaryButton_6ad1de9514:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946.splitContentOpen_09e465ef27.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946.splitContentOpen_09e465ef27.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514:hover,\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946.hovered_154457e706.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorPrimary_28f5f52f44.mainActive_2dbf3b6946.hovered_154457e706.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary_28f5f52f44.colorBrand_2dbf3b6946.mainActive_2dbf3b6946 .mainButton_09ca517fcb {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_28f5f52f44.colorBrand_2dbf3b6946.mainActive_2dbf3b6946 .secondaryButton_6ad1de9514 {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary_28f5f52f44.colorBrand_2dbf3b6946.mainActive_2dbf3b6946.splitContentOpen_09e465ef27.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorBrand_2dbf3b6946.mainActive_2dbf3b6946.splitContentOpen_09e465ef27.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514:hover,\n.kindTertiary_28f5f52f44.colorBrand_2dbf3b6946.mainActive_2dbf3b6946.hovered_154457e706.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorBrand_2dbf3b6946.mainActive_2dbf3b6946.hovered_154457e706.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary_28f5f52f44.colorPositive_96a85bbab8.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorPositive_96a85bbab8:hover .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorPositive_96a85bbab8:focus .secondaryButton_6ad1de9514 {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_28f5f52f44.colorPositive_96a85bbab8.splitContentOpen_09e465ef27 .mainButton_09ca517fcb,\n.kindTertiary_28f5f52f44.colorPositive_96a85bbab8:hover .mainButton_09ca517fcb,\n.kindTertiary_28f5f52f44.colorPositive_96a85bbab8:focus .mainButton_09ca517fcb {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary_28f5f52f44.colorNegative_96a85bbab8.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorNegative_96a85bbab8:hover .secondaryButton_6ad1de9514,\n.kindTertiary_28f5f52f44.colorNegative_96a85bbab8:focus .secondaryButton_6ad1de9514 {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_28f5f52f44.colorNegative_96a85bbab8.splitContentOpen_09e465ef27 .mainButton_09ca517fcb,\n.kindTertiary_28f5f52f44.colorNegative_96a85bbab8:hover .mainButton_09ca517fcb,\n.kindTertiary_28f5f52f44.colorNegative_96a85bbab8:focus .mainButton_09ca517fcb {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary_28f5f52f44 .secondaryButton_6ad1de9514 {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary_9eadafb1a5.disabled_80626e7027 .secondaryButton_6ad1de9514 {\n  border-left: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.kindPrimary_9eadafb1a5:not(.disabled_80626e7027).colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .secondaryButton_6ad1de9514 {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_9eadafb1a5:not(.disabled_80626e7027).colorPrimary_28f5f52f44 .secondaryButton_6ad1de9514 {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary_9eadafb1a5:not(.disabled_80626e7027).colorBrand_2dbf3b6946.mainActive_2dbf3b6946 .secondaryButton_6ad1de9514 {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary_9eadafb1a5:not(.disabled_80626e7027).colorBrand_2dbf3b6946 .secondaryButton_6ad1de9514 {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary_9eadafb1a5:not(.disabled_80626e7027).colorPositive_96a85bbab8 .secondaryButton_6ad1de9514 {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary_9eadafb1a5:not(.disabled_80626e7027).colorNegative_96a85bbab8 .secondaryButton_6ad1de9514 {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary_9eadafb1a5:not(.disabled_80626e7027).colorOnPrimaryColor_932071b0b1 .secondaryButton_6ad1de9514 {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary_96a85bbab8 .mainButton_09ca517fcb {\n  border-right: none;\n}\n\n.kindSecondary_96a85bbab8.colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .mainButton_09ca517fcb {\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_96a85bbab8.colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .mainButton_09ca517fcb:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_96a85bbab8.colorPrimary_28f5f52f44.mainActive_2dbf3b6946 .secondaryButton_6ad1de9514 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary_96a85bbab8.colorPrimary_28f5f52f44.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514 {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n}\n\n.kindSecondary_96a85bbab8.colorPrimary_28f5f52f44.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n\n.kindSecondary_96a85bbab8.colorBrand_2dbf3b6946.mainActive_2dbf3b6946 .mainButton_09ca517fcb {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary_96a85bbab8.colorBrand_2dbf3b6946.mainActive_2dbf3b6946 .secondaryButton_6ad1de9514 {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary_96a85bbab8.colorBrand_2dbf3b6946.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514,\n.kindSecondary_96a85bbab8.colorBrand_2dbf3b6946.splitContentOpen_09e465ef27 .secondaryButton_6ad1de9514:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={steps:"steps_c4b884ea27",contentOnTop:"contentOnTop_b1081cb99f",contentOnBottom:"contentOnBottom_9ef2ba80fe"};!function(e){const t="s_id-9e4623f942e8_3_0_0-alpha_13";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_c4b884ea27 .contentOnTop_b1081cb99f {\n  margin-top: var(--spacing-medium);\n}\n.steps_c4b884ea27 .contentOnBottom_9ef2ba80fe {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps_631f5268e6",contentOnTop:"contentOnTop_25a7af8f8d",contentOnBottom:"contentOnBottom_8e6f869a3f"};!function(e){const t="s_id-9e4623f942e8_3_0_0-alpha_15";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_631f5268e6 .contentOnTop_25a7af8f8d {\n  margin-top: var(--spacing-medium);\n}\n.steps_631f5268e6 .contentOnBottom_8e6f869a3f {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/src/components/Steps/StepsCommand.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../_virtual/_tslib.js";import i,{useMemo as r,useCallback as s}from"react";import e from"classnames";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"../../../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 n from"../../../icons/dist/react/NavigationChevronLeft.js";import c from"../../../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 m from"../Icon/Icon.js";import a from"../Button/Button.js";import{NOOP as d}from"../../utils/function-utils.js";import{NEXT_TEXT as p,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import f from"./StepsCommand.module.scss.js";import{camelCase as u}from"lodash-es";import{getStyle as v}from"../../helpers/typesciptCssModulesHelper.js";var C=function(C){var h=C.isNext,S=void 0!==h&&h,g=C.onChangeActiveStep,A=void 0===g?d:g,_=C.activeStepIndex,D=C.stepsCount,b=C.isIconHidden,M=void 0!==b&&b,N=C.buttonProps,w=void 0===N?{}:N,R=C.color,I=void 0===R?"primary":R,P=w.children,k=o(w,["children"]),y=r((function(){return P||(S?p:l)}),[S,P]),B=S?_+1:_-1,E=s((function(t){return A(t,B)}),[B,A]),O=S&&_===D-1||!S&&0===_,x=S?c:n;return i.createElement(a,Object.assign({className:e(f.command,t({},f.backward,!S)),"data-testid":S?j.STEPS_FORWARD_COMMAND:j.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:E,disabled:O,color:I},k),y,M?null:i.createElement(m,{icon:x,className:e(f.icon,v(f,u("color-"+I)),t({},f.disabled,O))}))};export{C as StepsCommand};
+import{defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import r,{useMemo as i,useCallback as s}from"react";import e from"classnames";import n from"../Icon/Icon.js";import m from"../Button/Button.js";import{NOOP as a}from"../../utils/function-utils.js";import{NEXT_TEXT as c,BACK_TEXT as l}from"./StepsConstants.js";import{ComponentDefaultTestId as p}from"../../tests/constants.js";import d from"./StepsCommand.module.scss.js";import{camelCase as f}from"lodash-es";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import v from"../../../icons/dist/react/NavigationChevronRight.js";import j from"../../../icons/dist/react/NavigationChevronLeft.js";var C=function(C){var h=C.isNext,S=void 0!==h&&h,_=C.onChangeActiveStep,b=void 0===_?a:_,N=C.activeStepIndex,g=C.stepsCount,A=C.isIconHidden,M=void 0!==A&&A,P=C.buttonProps,y=void 0===P?{}:P,B=C.color,D=void 0===B?"primary":B,E=y.children,I=t(y,["children"]),O=i((function(){return E||(S?c:l)}),[S,E]),R=S?N+1:N-1,k=s((function(o){return b(o,R)}),[R,b]),x=S&&N===g-1||!S&&0===N,H=S?v:j;return r.createElement(m,Object.assign({className:e(d.command,o({},d.backward,!S)),"data-testid":S?p.STEPS_FORWARD_COMMAND:p.STEPS_BACKWARD_COMMAND,kind:"tertiary",onClick:k,disabled:x,color:D},I),O,M?null:r.createElement(n,{icon:H,className:e(d.icon,u(d,f("color-"+D)),o({},d.disabled,x))}))};export{C as StepsCommand};
 //# sourceMappingURL=StepsCommand.js.map

package/dist/src/components/Steps/StepsCommand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n isNext?: boolean;\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n activeStepIndex: number;\n stepsCount: number;\n isIconHidden?: boolean;\n buttonProps?: Partial<ButtonProps>;\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"~~wnDAwBaA~~,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}
1	+ {"version":3,"file":"StepsCommand.js","sources":["../../../../src/components/Steps/StepsCommand.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { NavigationChevronRight, NavigationChevronLeft } from \"@vibe/icons\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Button, { ButtonProps } from \"../../components/Button/Button\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { BACK_TEXT, NEXT_TEXT } from \"./StepsConstants\";\nimport { StepsColor } from \"./Steps.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./StepsCommand.module.scss\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../..//helpers/typesciptCssModulesHelper\";\n\nexport interface StepsCommandProps extends VibeComponentProps {\n isNext?: boolean;\n onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;\n activeStepIndex: number;\n stepsCount: number;\n isIconHidden?: boolean;\n buttonProps?: Partial<ButtonProps>;\n color?: StepsColor;\n}\n\nexport const StepsCommand: FC<StepsCommandProps> = ({\n isNext = false,\n onChangeActiveStep = NOOP,\n activeStepIndex,\n stepsCount,\n isIconHidden = false,\n buttonProps = {},\n color = \"primary\"\n}: StepsCommandProps) => {\n const { children: buttonChildren, ...otherButtonProps } = buttonProps;\n const description = useMemo(() => {\n if (buttonChildren) return buttonChildren;\n return isNext ? NEXT_TEXT : BACK_TEXT;\n }, [isNext, buttonChildren]);\n const newStepIndex = isNext ? activeStepIndex + 1 : activeStepIndex - 1;\n const onClick = useCallback(\n (e: React.MouseEvent) => onChangeActiveStep(e, newStepIndex),\n [newStepIndex, onChangeActiveStep]\n );\n const isDisabled = (isNext && activeStepIndex === stepsCount - 1) \|\| (!isNext && activeStepIndex === 0);\n\n const icon = isNext ? NavigationChevronRight : NavigationChevronLeft;\n return (\n <Button\n className={cx(styles.command, { [styles.backward]: !isNext })}\n data-testid={\n isNext ? ComponentDefaultTestId.STEPS_FORWARD_COMMAND : ComponentDefaultTestId.STEPS_BACKWARD_COMMAND\n }\n kind=\"tertiary\"\n onClick={onClick}\n disabled={isDisabled}\n // @ts-ignore\n color={color}\n {...otherButtonProps}\n >\n {description}\n {isIconHidden ? null : (\n <Icon\n icon={icon}\n className={cx(styles.icon, getStyle(styles, camelCase(\"color-\" + color)), {\n [styles.disabled]: isDisabled\n })}\n />\n )}\n </Button>\n );\n};\n"],"names":["StepsCommand","_ref","_ref$isNext","isNext","_ref$onChangeActiveSt","onChangeActiveStep","NOOP","activeStepIndex","stepsCount","_ref$isIconHidden","isIconHidden","_ref$buttonProps","buttonProps","_ref$color","color","buttonChildren","children","otherButtonProps","__rest","description","useMemo","NEXT_TEXT","BACK_TEXT","newStepIndex","onClick","useCallback","e","isDisabled","icon","NavigationChevronRight","NavigationChevronLeft","React","Button","Object","assign","className","cx","styles","command","_defineProperty","backward","ComponentDefaultTestId","STEPS_FORWARD_COMMAND","STEPS_BACKWARD_COMMAND","kind","disabled","createElement","Icon","getStyle","camelCase"],"mappings":"6uBAwBaA,EAAsC,SAA1BC,GAQD,IAAAC,EAAAD,EAPtBE,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAH,EACdI,mBAAAA,OAAqBC,IAAHF,EAAGE,EAAIF,EACzBG,EAAeN,EAAfM,gBACAC,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,aAAAA,OAAe,IAAHD,GAAQA,EAAAE,EAAAV,EACpBW,YAAAA,OAAW,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAZ,EAChBa,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAECE,EAAwCH,EAAlDI,SAA6BC,EAAqBC,EAAAN,EAApD,CAAA,aACAO,EAAcC,GAAQ,WAC1B,OAAIL,IACGZ,EAASkB,EAAYC,EAC9B,GAAG,CAACnB,EAAQY,IACNQ,EAAepB,EAASI,EAAkB,EAAIA,EAAkB,EAChEiB,EAAUC,GACd,SAACC,GAAmB,OAAKrB,EAAmBqB,EAAGH,EAAa,GAC5D,CAACA,EAAclB,IAEXsB,EAAcxB,GAAUI,IAAoBC,EAAa,IAAQL,GAA8B,IAApBI,EAE3EqB,EAAOzB,EAAS0B,EAAyBC,EAC/C,OACEC,gBAACC,EAAMC,OAAAC,OAAA,CACLC,UAAWC,EAAGC,EAAOC,QAAOC,EAAKF,CAAAA,EAAAA,EAAOG,UAAYrC,IAAS,cAE3DA,EAASsC,EAAuBC,sBAAwBD,EAAuBE,uBAEjFC,KAAK,WACLpB,QAASA,EACTqB,SAAUlB,EAEVb,MAAOA,GACHG,GAEHE,EACAT,EAAe,KACdqB,EAAAe,cAACC,EACC,CAAAnB,KAAMA,EACNO,UAAWC,EAAGC,EAAOT,KAAMoB,EAASX,EAAQY,EAAU,SAAWnC,IAAOyB,EACrEF,CAAAA,EAAAA,EAAOQ,SAAWlB,MAM/B"}

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

@@ -1,2 +1,2 @@
-var e={command:"command_ff534ab467",backward:"backward_c3f9dee240",icon:"icon_b91a54956d",disabled:"disabled_55b30b3164",colorOnPrimaryColor:"colorOnPrimaryColor_bee1ddb893",colorOnInvertedBackground:"colorOnInvertedBackground_b8226f4264"};!function(e){const n="s_id-b004c6aa2b0d_3_0_0-alpha_13";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_ff534ab467 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_ff534ab467.backward_c3f9dee240 {\n  flex-direction: row-reverse;\n}\n.icon_b91a54956d {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_b91a54956d.disabled_55b30b3164 {\n  color: var(--disabled-text-color);\n}\n.icon_b91a54956d.colorOnPrimaryColor_bee1ddb893 {\n  color: var(--text-color-on-primary);\n}\n.icon_b91a54956d.colorOnInvertedBackground_b8226f4264 {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
+var e={command:"command_c41e89ae86",backward:"backward_a7e894259d",icon:"icon_325a41c527",disabled:"disabled_224e795705",colorOnPrimaryColor:"colorOnPrimaryColor_59070dad64",colorOnInvertedBackground:"colorOnInvertedBackground_18d6439ffc"};!function(e){const n="s_id-b004c6aa2b0d_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".command_c41e89ae86 {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command_c41e89ae86.backward_a7e894259d {\n  flex-direction: row-reverse;\n}\n.icon_325a41c527 {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon_325a41c527.disabled_224e795705 {\n  color: var(--disabled-text-color);\n}\n.icon_325a41c527.colorOnPrimaryColor_59070dad64 {\n  color: var(--text-color-on-primary);\n}\n.icon_325a41c527.colorOnInvertedBackground_18d6439ffc {\n  color: var(--text-color-on-inverted);\n}");export{e as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={dot:"dot_b36a40a4e3","focus-visible":"focus-visible_890b73a298",isActive:"isActive_fd2205c7b2",colorOnPrimaryColor:"colorOnPrimaryColor_463ae54082",colorOnInvertedBackground:"colorOnInvertedBackground_3099b2f421"};!function(o){const n="s_id-cedbbb07e913_3_0_0-alpha_13";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_b36a40a4e3 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_b36a40a4e3:focus-visible, .dot_b36a40a4e3.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b36a40a4e3:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.dot_b36a40a4e3:focus-visible, .dot_b36a40a4e3.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_b36a40a4e3:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.dot_b36a40a4e3:hover {\n  transform: scale(1.3);\n}\n.isActive_fd2205c7b2 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_463ae54082.dot_b36a40a4e3 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_463ae54082.dot_b36a40a4e3:focus-visible, .colorOnPrimaryColor_463ae54082.dot_b36a40a4e3.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_463ae54082.dot_b36a40a4e3:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.colorOnPrimaryColor_463ae54082.dot_b36a40a4e3.isActive_fd2205c7b2 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_3099b2f421.dot_b36a40a4e3 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_3099b2f421.dot_b36a40a4e3.isActive_fd2205c7b2 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot_6e39e637f2","focus-visible":"focus-visible_dac054f1c7",isActive:"isActive_f788a33710",colorOnPrimaryColor:"colorOnPrimaryColor_e109a613d1",colorOnInvertedBackground:"colorOnInvertedBackground_5cb4912d4d"};!function(o){const n="s_id-cedbbb07e913_3_0_0-alpha_15";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot_6e39e637f2 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot_6e39e637f2:focus-visible, .dot_6e39e637f2.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_6e39e637f2:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.dot_6e39e637f2:focus-visible, .dot_6e39e637f2.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.dot_6e39e637f2:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.dot_6e39e637f2:hover {\n  transform: scale(1.3);\n}\n.isActive_f788a33710 {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor_e109a613d1.dot_6e39e637f2 {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor_e109a613d1.dot_6e39e637f2:focus-visible, .colorOnPrimaryColor_e109a613d1.dot_6e39e637f2.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor_e109a613d1.dot_6e39e637f2:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.colorOnPrimaryColor_e109a613d1.dot_6e39e637f2.isActive_f788a33710 {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground_5cb4912d4d.dot_6e39e637f2 {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground_5cb4912d4d.dot_6e39e637f2.isActive_f788a33710 {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_e21461ee7a",galleryHeaderDot:"galleryHeaderDot_171f47777f"};!function(e){const a="s_id-62748f4c4e74_3_0_0-alpha_13";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_e21461ee7a {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_e21461ee7a .galleryHeaderDot_171f47777f {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_e21461ee7a .galleryHeaderDot_171f47777f:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_4b8691533c",galleryHeaderDot:"galleryHeaderDot_6f33d3e604"};!function(e){const a="s_id-62748f4c4e74_3_0_0-alpha_15";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_4b8691533c {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_4b8691533c .galleryHeaderDot_6f33d3e604 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_4b8691533c .galleryHeaderDot_6f33d3e604:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={header:"header_a957608dcd"};!function(e){const t="s_id-918f12c2f9aa_3_0_0-alpha_13";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)}(".header_a957608dcd {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_d3094adbc1"};!function(e){const t="s_id-918f12c2f9aa_3_0_0-alpha_15";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)}(".header_d3094adbc1 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_d577a666e9"};!function(e){const t="s_id-126f9ab60838_3_0_0-alpha_13";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)}(".numbers_d577a666e9 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_9ec815567e"};!function(e){const t="s_id-126f9ab60838_3_0_0-alpha_15";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)}(".numbers_9ec815567e {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_20d48e8544"};!function(e){const t="s_id-ac5bc6964f98_3_0_0-alpha_13";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_20d48e8544 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_a28e60f4ba"};!function(e){const t="s_id-ac5bc6964f98_3_0_0-alpha_15";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)}(".hidden-switch_a28e60f4ba {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var r={table:"table_9f62f1835d",border:"border_6c26c09ee1"};!function(r){const e="s_id-696d9d467e4f_3_0_0-alpha_13";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_9f62f1835d {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_9f62f1835d.border_6c26c09ee1 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_9f62f1835d [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_9f62f1835d [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}");export{r as default};
+var r={table:"table_1ed57559fd",border:"border_7ecff7cc9f"};!function(r){const e="s_id-696d9d467e4f_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_1ed57559fd {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_1ed57559fd.border_7ecff7cc9f {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_1ed57559fd [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_1ed57559fd [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/src/components/Table/Table/TableRoot.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={virtualized:"virtualized_bea0228b1a",hasScroll:"hasScroll_ee3b26286b"};!function(e){const t="s_id-641325627ba1_3_0_0-alpha_13";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualized_bea0228b1a {\n  overflow: hidden;\n}\n\n.hasScroll_ee3b26286b {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
+var e={virtualized:"virtualized_617f537f8b",hasScroll:"hasScroll_9f4d665951"};!function(e){const t="s_id-641325627ba1_3_0_0-alpha_15";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)}(".virtualized_617f537f8b {\n  overflow: hidden;\n}\n\n.hasScroll_9f4d665951 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
 //# sourceMappingURL=TableRoot.module.scss.js.map

package/dist/src/components/Table/Table/tableHelpers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../../../icons/dist/_virtual/_tslib.js";import"react";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"../../../../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 t from"../../../../icons/dist/react/Sort.js";import i from"../../../../icons/dist/react/SortAscending.js";import o from"../../../../icons/dist/react/SortDescending.js";import"../../../../icons/dist/react/Warning.js";import{SkeletonType as n}from"../../Skeleton/SkeletonConstants.js";function r(t){return"number"==typeof t?"".concat(t,"px"):"string"==typeof t?/%|px|fr$/.test(t)?t:"".concat(t,"px"):(null==t?void 0:t.min)&&(null==t?void 0:t.max)?"minmax(".concat(r(t.min),", ").concat(r(t.max),")"):"minmax(112px, 1fr)"}function s(t){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:t.map((function(t){return r(t.width)})).join(" ")})}function e(n){return"asc"===n?i:"desc"===n?o:t}function c(t){return"asc"===t?"desc":"desc"===t?"none":"asc"}function a(t){return"asc"===t?"ascending":"desc"===t?"descending":"none"}function m(t){return"circle"===t?n.CIRCLE:"rectangle"===t?n.RECTANGLE:n.TEXT}function d(t,i){return"long-text"===t?["long-text","medium-text"][i%2]:t}export{r as generateWidth,a as getAriaSort,d as getLoadingTypeForCell,c as getNextSortState,m as getSkeletonType,e as getSortIcon,s as getTableRowLayoutStyles};
+import{SkeletonType as n}from"../../Skeleton/SkeletonConstants.js";import t from"../../../../icons/dist/react/SortAscending.js";import e from"../../../../icons/dist/react/SortDescending.js";import o from"../../../../icons/dist/react/Sort.js";function c(n){return"number"==typeof n?"".concat(n,"px"):"string"==typeof n?/%|px|fr$/.test(n)?n:"".concat(n,"px"):(null==n?void 0:n.min)&&(null==n?void 0:n.max)?"minmax(".concat(c(n.min),", ").concat(c(n.max),")"):"minmax(112px, 1fr)"}function i(n){return Object.assign(Object.assign({},arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}),{display:"grid",gridTemplateColumns:n.map((function(n){return c(n.width)})).join(" ")})}function r(n){return"asc"===n?t:"desc"===n?e:o}function s(n){return"asc"===n?"desc":"desc"===n?"none":"asc"}function a(n){return"asc"===n?"ascending":"desc"===n?"descending":"none"}function m(t){return"circle"===t?n.CIRCLE:"rectangle"===t?n.RECTANGLE:n.TEXT}function u(n,t){return"long-text"===n?["long-text","medium-text"][t%2]:n}export{c as generateWidth,a as getAriaSort,u as getLoadingTypeForCell,s as getNextSortState,m as getSkeletonType,r as getSortIcon,i as getTableRowLayoutStyles};
 //# sourceMappingURL=tableHelpers.js.map

package/dist/src/components/Table/Table/tableHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import React, { AriaAttributes } from \"react\";\nimport { TableColumn, TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return SkeletonType.CIRCLE;\n }\n if (loadingStateType === \"rectangle\") {\n return SkeletonType.RECTANGLE;\n }\n return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"~~uqCAOM~~,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}
1	+ {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import React, { AriaAttributes } from \"react\";\nimport { TableColumn, TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return SkeletonType.CIRCLE;\n }\n if (loadingStateType === \"rectangle\") {\n return SkeletonType.RECTANGLE;\n }\n return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"kPAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}

package/dist/src/components/Table/TableBody/TableBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_17f07b4f56"};!function(e){const t="s_id-afed3a5f5737_3_0_0-alpha_13";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_17f07b4f56 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_0f0d7754ac"};!function(e){const t="s_id-afed3a5f5737_3_0_0-alpha_15";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_0f0d7754ac {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

package/dist/src/components/Table/TableCell/TableCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_d4e300b270",sticky:"sticky_3fb5a8c117"};!function(e){const t="s_id-25789b81dac4_3_0_0-alpha_13";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_d4e300b270 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_d4e300b270.sticky_3fb5a8c117 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_d56c3c5356",sticky:"sticky_b30c1e8dfb"};!function(e){const t="s_id-25789b81dac4_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_d56c3c5356 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_d56c3c5356.sticky_b30c1e8dfb {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_17f07b4f56",longText:"longText_af93912fc2",mediumText:"mediumText_93ff254f97",tableCellSkeleton:"tableCellSkeleton_17f07b4f56",circle:"circle_ca87b1cde0",rectangle:"rectangle_56a24df2a4"};!function(e){const l="s_id-18cab9319884_3_0_0-alpha_13";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_17f07b4f56 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_17f07b4f56.longText_af93912fc2 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_17f07b4f56.mediumText_93ff254f97 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_17f07b4f56 .tableCellSkeleton_17f07b4f56 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_17f07b4f56 .tableCellSkeleton_17f07b4f56.circle_ca87b1cde0, .tableCellSkeletonWrapper_17f07b4f56 .tableCellSkeleton_17f07b4f56.rectangle_56a24df2a4 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_17f07b4f56 .tableCellSkeleton_17f07b4f56.circle_ca87b1cde0, .tableCellSkeletonWrapper_17f07b4f56 .tableCellSkeleton_17f07b4f56.rectangle_56a24df2a4 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_0f0d7754ac",longText:"longText_a1fae7b350",mediumText:"mediumText_c4de22ff59",tableCellSkeleton:"tableCellSkeleton_0f0d7754ac",circle:"circle_dd4dc03d4e",rectangle:"rectangle_0a9b65efeb"};!function(e){const l="s_id-18cab9319884_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_0f0d7754ac {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_0f0d7754ac.longText_a1fae7b350 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_0f0d7754ac.mediumText_c4de22ff59 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_0f0d7754ac .tableCellSkeleton_0f0d7754ac {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_0f0d7754ac .tableCellSkeleton_0f0d7754ac.circle_dd4dc03d4e, .tableCellSkeletonWrapper_0f0d7754ac .tableCellSkeleton_0f0d7754ac.rectangle_0a9b65efeb {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_0f0d7754ac .tableCellSkeleton_0f0d7754ac.circle_dd4dc03d4e, .tableCellSkeletonWrapper_0f0d7754ac .tableCellSkeleton_0f0d7754ac.rectangle_0a9b65efeb {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

package/dist/src/components/Table/TableContainer/TableContainerRoot.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_a1893f4b7b",menuContainer:"menuContainer_75b80f6dc3"};!function(e){const n="s_id-545d156e3798_3_0_0-alpha_13";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)}(".tableContainer_a1893f4b7b {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_a1893f4b7b .menuContainer_75b80f6dc3 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_6c3369a264",menuContainer:"menuContainer_3ec387ba10"};!function(e){const n="s_id-545d156e3798_3_0_0-alpha_15";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)}(".tableContainer_6c3369a264 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_6c3369a264 .menuContainer_3ec387ba10 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainerRoot.module.scss.js.map

package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_ec3c17fa25",virtualized:"virtualized_d621ba9377"};!function(e){const t="s_id-124a0873b12c_3_0_0-alpha_13";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)}(".tableHeader_ec3c17fa25 {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: inherit;\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_ec3c17fa25 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_ec3c17fa25.virtualized_d621ba9377 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_ec3c17fa25.virtualized_d621ba9377::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_d73234e129",virtualized:"virtualized_0dd660db0a"};!function(e){const d="s_id-124a0873b12c_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tableHeader_d73234e129 {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: inherit;\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_d73234e129 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_d73234e129.virtualized_0dd660db0a {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_d73234e129.virtualized_0dd660db0a::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as i}from"react";import s from"classnames";import n from"./TableHeaderCell.module.scss.js";import a from"../../Icon/Icon.js";import c from"../../IconButton/IconButton.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"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../icons/dist/react/DropdownChevronUp.js";import m from"../../../../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 l from"../../Text/Text.js";import d from"../../Flex/Flex.js";import{getSortIcon as p,getNextSortState as j,getAriaSort as f}from"../Table/tableHelpers.js";import u from"../../Tooltip/Tooltip.js";import{getTestId as v}from"../../../tests/testIds.js";import{ComponentDefaultTestId as C}from"../../../tests/constants.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";var g=r((function(r,g){var b=r.id,E=r.className,w=r["data-testid"],A=r.title,N=r.onSortClicked,S=r.infoContent,x=r.icon,L=r.sortState,T=void 0===L?"none":L,y=r.sortButtonAriaLabel,H=void 0===y?"Sort":y,I=r.sticky,k=i(!1),B=t(k,2),D=B[0],M=B[1],_=f(T),R="none"!==_||D;return o.createElement("div",{ref:g,id:b,className:s(n.tableHeaderCell,e(e({},n.sortActive,N&&"none"!==_),n.sticky,I),E),"data-testid":w||v(C.TABLE_HEADER_CELL,b),role:"columnheader",onMouseOver:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"aria-sort":N?_:void 0,tabIndex:N?0:void 0},o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellContent,gap:"xs"},x&&o.createElement(a,{icon:x,className:n.icon}),o.createElement(l,{type:"text2",weight:"medium",color:"secondary"},A),S&&o.createElement(u,{content:S,referenceWrapperClassName:n.infoTooltip},o.createElement(a,{icon:m,iconLabel:S}))),N&&o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellSort},o.createElement(c,{icon:p(T),kind:"tertiary",size:"xs",ariaLabel:H,"aria-hidden":!R,className:s(n.sort,h(n,T),e({},n.show,R)),onClick:function(){return N(j(T))}})))}));export{g as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import a from"classnames";import s from"./TableHeaderCell.module.scss.js";import i from"../../Icon/Icon.js";import l from"../../IconButton/IconButton.js";import c from"../../Text/Text.js";import m from"../../Flex/Flex.js";import{getSortIcon as d,getNextSortState as p,getAriaSort as f}from"../Table/tableHelpers.js";import u from"../../Tooltip/Tooltip.js";import{getTestId as j}from"../../../tests/testIds.js";import{ComponentDefaultTestId as E}from"../../../tests/constants.js";import{getStyle as b}from"../../../helpers/typesciptCssModulesHelper.js";import v from"../../../../icons/dist/react/Info.js";var C=r((function(r,C){var x=r.id,T=r.className,y=r["data-testid"],H=r.title,I=r.onSortClicked,L=r.infoContent,N=r.icon,B=r.sortState,g=void 0===B?"none":B,h=r.sortButtonAriaLabel,k=void 0===h?"Sort":h,A=r.sticky,w=n(!1),S=e(w,2),_=S[0],F=S[1],M=f(g),P="none"!==M||_;return o.createElement("div",{ref:C,id:x,className:a(s.tableHeaderCell,t(t({},s.sortActive,I&&"none"!==M),s.sticky,A),T),"data-testid":y||j(E.TABLE_HEADER_CELL,x),role:"columnheader",onMouseOver:function(){return F(!0)},onMouseLeave:function(){return F(!1)},onFocus:function(){return F(!0)},onBlur:function(){return F(!1)},"aria-sort":I?M:void 0,tabIndex:I?0:void 0},o.createElement(m,{direction:"row",align:"center",className:s.tableHeaderCellContent,gap:"xs"},N&&o.createElement(i,{icon:N,className:s.icon}),o.createElement(c,{type:"text2",weight:"medium",color:"secondary"},H),L&&o.createElement(u,{content:L,referenceWrapperClassName:s.infoTooltip},o.createElement(i,{icon:v,iconLabel:L}))),I&&o.createElement(m,{direction:"row",align:"center",className:s.tableHeaderCellSort},o.createElement(l,{icon:d(g),kind:"tertiary",size:"xs",ariaLabel:k,"aria-hidden":!P,className:a(s.sort,b(s,g),t({},s.show,P)),onClick:function(){return I(p(g))}})))}));export{C as default};
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport Icon from \"../../Icon/Icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { Info } from \"@vibe/icons\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n title: string;\n icon?: SubIcon;\n infoContent?: string;\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n sortButtonAriaLabel?: string;\n sticky?: boolean;\n}\n\nconst TableHeaderCell: VibeComponent<TableHeaderCellProps, HTMLDivElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n }\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"~~0wDAyBMA~~,IAAAA,EAAuEC,GAC3E,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAE3Ce,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGJE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}
1	+ {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport Icon from \"../../Icon/Icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { Info } from \"@vibe/icons\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n title: string;\n icon?: SubIcon;\n infoContent?: string;\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n sortButtonAriaLabel?: string;\n sticky?: boolean;\n}\n\nconst TableHeaderCell: VibeComponent<TableHeaderCellProps, HTMLDivElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n }\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"svBAyBMA,IAAAA,EAAuEC,GAC3E,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAE3Ce,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGJE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_f26de6ad2e","focus-visible":"focus-visible_890b73a298",sticky:"sticky_3fb5a8c117",sortActive:"sortActive_150fb1ad0a",tableHeaderCellContent:"tableHeaderCellContent_394cf5b219",icon:"icon_43d868c77a",infoTooltip:"infoTooltip_c611253222",tableHeaderCellSort:"tableHeaderCellSort_2047922cff",sort:"sort_72d2445cc6",asc:"asc_3c182dc77f",desc:"desc_9aee330e2a",show:"show_c9b1950824"};!function(e){const a="s_id-5b3eed132e11_3_0_0-alpha_13";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_f26de6ad2e {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_f26de6ad2e:focus-visible, .tableHeaderCell_f26de6ad2e.focus-visible_890b73a298 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_f26de6ad2e:focus:not(.focus-visible_890b73a298) {\n  outline: none;\n}\n.tableHeaderCell_f26de6ad2e.sticky_3fb5a8c117 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_f26de6ad2e.sticky_3fb5a8c117:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_f26de6ad2e:hover, .tableHeaderCell_f26de6ad2e.sortActive_150fb1ad0a {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_f26de6ad2e .tableHeaderCellContent_394cf5b219 {\n  min-width: 0;\n}\n.tableHeaderCell_f26de6ad2e .tableHeaderCellContent_394cf5b219 .icon_43d868c77a {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_f26de6ad2e .tableHeaderCellContent_394cf5b219 .infoTooltip_c611253222 {\n  display: inline-flex;\n}\n.tableHeaderCell_f26de6ad2e .tableHeaderCellSort_2047922cff {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_f26de6ad2e .tableHeaderCellSort_2047922cff .sort_72d2445cc6 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_f26de6ad2e .tableHeaderCellSort_2047922cff .sort_72d2445cc6.asc_3c182dc77f, .tableHeaderCell_f26de6ad2e .tableHeaderCellSort_2047922cff .sort_72d2445cc6.desc_9aee330e2a {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_f26de6ad2e .tableHeaderCellSort_2047922cff .sort_72d2445cc6:not(.show_c9b1950824) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_01ced88ac2","focus-visible":"focus-visible_dac054f1c7",sticky:"sticky_b30c1e8dfb",sortActive:"sortActive_345469917c",tableHeaderCellContent:"tableHeaderCellContent_d1ddadca25",icon:"icon_ef654ac0e1",infoTooltip:"infoTooltip_994c9420bd",tableHeaderCellSort:"tableHeaderCellSort_6f335c89ab",sort:"sort_1db38e4a39",asc:"asc_88f40a673e",desc:"desc_53ef93db61",show:"show_04de4d4bba"};!function(e){const a="s_id-5b3eed132e11_3_0_0-alpha_15";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_01ced88ac2 {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_01ced88ac2:focus-visible, .tableHeaderCell_01ced88ac2.focus-visible_dac054f1c7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_01ced88ac2:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.tableHeaderCell_01ced88ac2.sticky_b30c1e8dfb {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_01ced88ac2.sticky_b30c1e8dfb:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_01ced88ac2:hover, .tableHeaderCell_01ced88ac2.sortActive_345469917c {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_01ced88ac2 .tableHeaderCellContent_d1ddadca25 {\n  min-width: 0;\n}\n.tableHeaderCell_01ced88ac2 .tableHeaderCellContent_d1ddadca25 .icon_ef654ac0e1 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_01ced88ac2 .tableHeaderCellContent_d1ddadca25 .infoTooltip_994c9420bd {\n  display: inline-flex;\n}\n.tableHeaderCell_01ced88ac2 .tableHeaderCellSort_6f335c89ab {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_01ced88ac2 .tableHeaderCellSort_6f335c89ab .sort_1db38e4a39 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_01ced88ac2 .tableHeaderCellSort_6f335c89ab .sort_1db38e4a39.asc_88f40a673e, .tableHeaderCell_01ced88ac2 .tableHeaderCellSort_6f335c89ab .sort_1db38e4a39.desc_53ef93db61 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_01ced88ac2 .tableHeaderCellSort_6f335c89ab .sort_1db38e4a39:not(.show_04de4d4bba) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

package/dist/src/components/Table/TableRow/TableRow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_1abb2e44f4"};!function(e){const a="s_id-72a799b963ca_3_0_0-alpha_13";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableRow_1abb2e44f4 {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_1abb2e44f4[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_1abb2e44f4 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_1abb2e44f4:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_1abb2e44f4:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_45fc445986"};!function(e){const l="s_id-72a799b963ca_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const o=document.createElement("style");o.id=l,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableRow_45fc445986 {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_45fc445986[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_45fc445986 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_45fc445986:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_45fc445986:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_e286895b16",small:"small_07d5fb03b2",medium:"medium_c01accb8bb",large:"large_b812ec5bb0"};!function(e){const n="s_id-3e6ad01a6799_3_0_0-alpha_13";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)}(".rowMenuContainer_e286895b16 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_e286895b16.small_07d5fb03b2 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_e286895b16.medium_c01accb8bb {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_e286895b16.large_b812ec5bb0 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_2f0f351764",small:"small_6f2812082b",medium:"medium_365650f13c",large:"large_4035f983a9"};!function(e){const n="s_id-3e6ad01a6799_3_0_0-alpha_15";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)}(".rowMenuContainer_2f0f351764 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_2f0f351764.small_6f2812082b {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_2f0f351764.medium_365650f13c {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_2f0f351764.large_4035f983a9 {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_b19c14de83"};!function(e){const t="s_id-0bce46f13bae_3_0_0-alpha_13";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_b19c14de83 {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
+var e={tableBody:"tableBody_17c61e620f"};!function(e){const t="s_id-0bce46f13bae_3_0_0-alpha_15";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_17c61e620f {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

package/dist/src/components/Tabs/Tab/Tab.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_811b359afc",tabInner:"tabInner_c07bb064d6",tabIcon:"tabIcon_699b720185",right:"right_92f40ca4c5",tabFocusVisibleInset:"tabFocusVisibleInset_1f5c3aef68",active:"active_99e655f5b9",disabled:"disabled_b19f9c6d50"};!function(n){const e="s_id-e9e07df0e1ab_3_0_0-alpha_13";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_811b359afc {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n\n.tabWrapper_811b359afc:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_811b359afc .tabInner_c07bb064d6 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_811b359afc .tabInner_c07bb064d6:focus {\n  outline: none;\n}\n\n.tabWrapper_811b359afc .tabInner_c07bb064d6 .tabIcon_699b720185 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_811b359afc .tabInner_c07bb064d6 .tabIcon_699b720185.right_92f40ca4c5 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_811b359afc.tabFocusVisibleInset_1f5c3aef68 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_811b359afc.active_99e655f5b9:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_811b359afc.disabled_b19f9c6d50 .tabInner_c07bb064d6 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_811b359afc:not(.disabled_b19f9c6d50) .tabInner_c07bb064d6:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_f99c344bfa",tabInner:"tabInner_03db35c597",tabIcon:"tabIcon_66ac20b00d",right:"right_4674351144",tabFocusVisibleInset:"tabFocusVisibleInset_69a4194d33",active:"active_f0ceeb229f",disabled:"disabled_e81d8316e1"};!function(n){const e="s_id-e9e07df0e1ab_3_0_0-alpha_15";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_f99c344bfa {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n\n.tabWrapper_f99c344bfa:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_f99c344bfa .tabInner_03db35c597 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_f99c344bfa .tabInner_03db35c597:focus {\n  outline: none;\n}\n\n.tabWrapper_f99c344bfa .tabInner_03db35c597 .tabIcon_66ac20b00d {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_f99c344bfa .tabInner_03db35c597 .tabIcon_66ac20b00d.right_4674351144 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_f99c344bfa.tabFocusVisibleInset_69a4194d33 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_f99c344bfa.active_f0ceeb229f:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_f99c344bfa.disabled_e81d8316e1 .tabInner_03db35c597 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_f99c344bfa:not(.disabled_e81d8316e1) .tabInner_03db35c597:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tabsWrapper:"tabsWrapper_c4244c48f8",tabsList:"tabsList_42637468d0",sm:"sm_69fa063d01",lg:"lg_7a5cc174c1",stretched:"stretched_0f511a5853",tabListTabWrapper:"tabListTabWrapper_6912bba9f7",tabListTabInner:"tabListTabInner_6912bba9f7",disabled:"disabled_ba7614da07"};!function(t){const e="s_id-10f1ea92a898_3_0_0-alpha_13";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tabsWrapper_c4244c48f8 .tabsList_42637468d0 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_c4244c48f8 .tabsList_42637468d0.sm_69fa063d01 {\n  height: 32px;\n}\n\n.tabsWrapper_c4244c48f8 .tabsList_42637468d0.lg_7a5cc174c1 {\n  height: 48px;\n}\n\n.tabsWrapper_c4244c48f8.stretched_0f511a5853 .tabsList_42637468d0 {\n  width: 100%;\n}\n\n.tabsWrapper_c4244c48f8.stretched_0f511a5853 .tabsList_42637468d0 .tabListTabWrapper_6912bba9f7 {\n  width: 100%;\n}\n\n.tabsWrapper_c4244c48f8.stretched_0f511a5853 .tabsList_42637468d0 .tabListTabWrapper_6912bba9f7 .tabListTabInner_6912bba9f7 {\n  width: 100%;\n}\n\n.tabsWrapper_c4244c48f8.disabled_ba7614da07 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
+var e={tabsWrapper:"tabsWrapper_19b30136b9",tabsList:"tabsList_fde5fc8e9e",sm:"sm_712813bcb2",lg:"lg_c06acd54d6",stretched:"stretched_925e974a31",tabListTabWrapper:"tabListTabWrapper_3f6604aec2",tabListTabInner:"tabListTabInner_3f6604aec2",disabled:"disabled_8835e133aa"};!function(e){const t="s_id-10f1ea92a898_3_0_0-alpha_15";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_19b30136b9 .tabsList_fde5fc8e9e {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_19b30136b9 .tabsList_fde5fc8e9e.sm_712813bcb2 {\n  height: 32px;\n}\n\n.tabsWrapper_19b30136b9 .tabsList_fde5fc8e9e.lg_c06acd54d6 {\n  height: 48px;\n}\n\n.tabsWrapper_19b30136b9.stretched_925e974a31 .tabsList_fde5fc8e9e {\n  width: 100%;\n}\n\n.tabsWrapper_19b30136b9.stretched_925e974a31 .tabsList_fde5fc8e9e .tabListTabWrapper_3f6604aec2 {\n  width: 100%;\n}\n\n.tabsWrapper_19b30136b9.stretched_925e974a31 .tabsList_fde5fc8e9e .tabListTabWrapper_3f6604aec2 .tabListTabInner_3f6604aec2 {\n  width: 100%;\n}\n\n.tabsWrapper_19b30136b9.disabled_8835e133aa {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_9aee330e2a"};!function(e){const t="s_id-82244d4a2f7b_3_0_0-alpha_13";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_9aee330e2a {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_53ef93db61"};!function(e){const t="s_id-82244d4a2f7b_3_0_0-alpha_15";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_53ef93db61 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var a={tabPanelsWrapper:"tabPanelsWrapper_0ddf37631e",tabPanel:"tabPanel_d0aa2a315e",animationDirectionRtl:"animationDirectionRtl_e424d5153c",animationDirectionLtr:"animationDirectionLtr_0959f27d8c",active:"active_dde5257e1c",panelSlideIn:"panelSlideIn_579a55fa73"};!function(a){const e="s_id-078bacbdb1e4_3_0_0-alpha_13";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".tabPanelsWrapper_0ddf37631e .tabPanel_d0aa2a315e {\n  display: none;\n}\n\n.tabPanelsWrapper_0ddf37631e .tabPanel_d0aa2a315e.animationDirectionRtl_e424d5153c {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_0ddf37631e .tabPanel_d0aa2a315e.animationDirectionLtr_0959f27d8c {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_0ddf37631e .tabPanel_d0aa2a315e.active_dde5257e1c {\n  display: block;\n  animation: panelSlideIn_579a55fa73 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_579a55fa73 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_88ccb065fe",tabPanel:"tabPanel_251c5e3356",animationDirectionRtl:"animationDirectionRtl_8170ae34b0",animationDirectionLtr:"animationDirectionLtr_c835870c9a",active:"active_8a23fd4675",panelSlideIn:"panelSlideIn_2a2abb830a"};!function(e){const a="s_id-078bacbdb1e4_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabPanelsWrapper_88ccb065fe .tabPanel_251c5e3356 {\n  display: none;\n}\n\n.tabPanelsWrapper_88ccb065fe .tabPanel_251c5e3356.animationDirectionRtl_8170ae34b0 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_88ccb065fe .tabPanel_251c5e3356.animationDirectionLtr_c835870c9a {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_88ccb065fe .tabPanel_251c5e3356.active_8a23fd4675 {\n  display: block;\n  animation: panelSlideIn_2a2abb830a var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_2a2abb830a {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_4bed90466e",text1Medium:"text1Medium_58c2b6793d",text1Normal:"text1Normal_8ae1686263",text2Bold:"text2Bold_6db1d059c6",text2Medium:"text2Medium_b3e94778d2",text2Normal:"text2Normal_fc96bb6f47",text3Bold:"text3Bold_37a08f9927",text3Medium:"text3Medium_3d0b013fcf",text3Normal:"text3Normal_93f0196c06",text:"text_312f880a52"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-alpha_13";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_4bed90466e {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_58c2b6793d {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_8ae1686263 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_6db1d059c6 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_b3e94778d2 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_fc96bb6f47 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_37a08f9927 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_3d0b013fcf {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_93f0196c06 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_312f880a52 {\n  margin-block: 0;\n}\n\np.text_312f880a52 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_6e01ce6464",text1Medium:"text1Medium_7fe1d54b2d",text1Normal:"text1Normal_3159a7ac6f",text2Bold:"text2Bold_2233ee03d1",text2Medium:"text2Medium_0d3186da16",text2Normal:"text2Normal_5a4b6cfad0",text3Bold:"text3Bold_842cb1c288",text3Medium:"text3Medium_0ec44dd072",text3Normal:"text3Normal_01092e5b00",text:"text_92bf95edca"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_6e01ce6464 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_7fe1d54b2d {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_3159a7ac6f {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_2233ee03d1 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_0d3186da16 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_5a4b6cfad0 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_842cb1c288 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_0ec44dd072 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_01092e5b00 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_92bf95edca {\n  margin-block: 0;\n}\n\np.text_92bf95edca + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map